Change default to 100ms for increment

Author: Templarian

src/components/pg/buttonIncrement/__examples__/basic/basic.html

@@ -6,7 +6,7 @@
     </pg-button-increment>
     <pg-button-increment part="button2">
       <pg-icon path="M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z"></pg-icon>
-      Clicked <span part="count2">0</span> Times, incrementStepDelay = 100
+      Clicked <span part="count2">0</span> Times, incrementStepDelay = 50;
     </pg-button-increment>
   </div>
 </div>

src/components/pg/buttonIncrement/__examples__/basic/basic.ts

@@ -20,7 +20,7 @@ export default class XPgButtonBasic extends HTMLElement {
       const count = parseInt(this.$count1.textContent, 10);
       this.$count1.textContent = `${count + 1}`;
     });
-    this.$button2.incrementStepDelay = 100;
+    this.$button2.incrementStepDelay = 50;
     this.$button2.addEventListener('increment', () => {
       const count = parseInt(this.$count2.textContent, 10);
       this.$count2.textContent = `${count + 1}`;

src/components/pg/buttonIncrement/buttonIncrement.ts

@@ -18,7 +18,7 @@ function clearTimers() {
 })
 export default class PgButtonIncrement extends PgButton {
   @Prop(normalizeInt) incrementDelay = 300;
-  @Prop(normalizeInt) incrementStepDelay = 50;
+  @Prop(normalizeInt) incrementStepDelay = 100;
 
   connectedCallback() {
     super.connectedCallback();
@@ -36,10 +36,4 @@ export default class PgButtonIncrement extends PgButton {
     this.$button.addEventListener('pointerup', clearTimers);
     this.$button.addEventListener('pointerleave', clearTimers);
   }
-
-  render(changes) {
-    if (changes.incrementStepDelay) {
-      console.log(this.incrementStepDelay, '<<<<');
-    }
-  }
 }