kritzel-stencil 0.1.83 → 0.1.86

package/dist/collection/components/shared/kritzel-opacity-slider/kritzel-opacity-slider.css

@@ -1,85 +1,85 @@
-:host {
-  display: flex;
-  flex-direction: column;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-.opacity-container {
-  display: flex;
-  align-items: center;
-  width: 232px;
-}
-
-.slider-wrapper {
-  flex: 1;
-  display: flex;
-  align-items: center;
-}
-
-.opacity-slider {
-  -webkit-appearance: none;
-  appearance: none;
-  width: 100%;
-  height: 6px;
-  border-radius: 3px;
-  background: linear-gradient(
-    to right,
-    var(--kritzel-opacity-slider-active-color, #007AFF) 0%,
-    var(--kritzel-opacity-slider-active-color, #007AFF) var(--slider-progress, 100%),
-    var(--kritzel-opacity-slider-track-color, #e0e0e0) var(--slider-progress, 100%),
-    var(--kritzel-opacity-slider-track-color, #e0e0e0) 100%
-  );
-  outline: none;
-  cursor: var(--kritzel-global-pointer-cursor, pointer);
-}
-
-.opacity-slider::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  appearance: none;
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  background: var(--kritzel-opacity-slider-thumb-color, #ffffff);
-  border: 2px solid var(--kritzel-opacity-slider-thumb-border-color, #007AFF);
-  cursor: var(--kritzel-global-pointer-cursor, pointer);
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-  transition: transform 0.1s ease;
-}
-
-.opacity-slider::-webkit-slider-thumb:hover {
-  transform: scale(1.1);
-}
-
-.opacity-slider::-moz-range-thumb {
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  background: var(--kritzel-opacity-slider-thumb-color, #ffffff);
-  border: 2px solid var(--kritzel-opacity-slider-thumb-border-color, #007AFF);
-  cursor: var(--kritzel-global-pointer-cursor, pointer);
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-  transition: transform 0.1s ease;
-}
-
-.opacity-slider::-moz-range-thumb:hover {
-  transform: scale(1.1);
-}
-
-.opacity-slider::-moz-range-track {
-  height: 6px;
-  border-radius: 3px;
-  background: transparent;
-}
-
-.opacity-slider:focus {
-  outline: none;
-}
-
-.opacity-slider:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 0 2px var(--kritzel-global-focus-ring-color, rgba(0, 122, 255, 0.3));
-}
-
-.opacity-slider:focus::-moz-range-thumb {
-  box-shadow: 0 0 0 2px var(--kritzel-global-focus-ring-color, rgba(0, 122, 255, 0.3));
-}
+:host {
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.opacity-container {
+  display: flex;
+  align-items: center;
+  width: 232px;
+}
+
+.slider-wrapper {
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+
+.opacity-slider {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 100%;
+  height: 6px;
+  border-radius: 3px;
+  background: linear-gradient(
+    to right,
+    var(--kritzel-opacity-slider-active-color, #007AFF) 0%,
+    var(--kritzel-opacity-slider-active-color, #007AFF) var(--slider-progress, 100%),
+    var(--kritzel-opacity-slider-track-color, #e0e0e0) var(--slider-progress, 100%),
+    var(--kritzel-opacity-slider-track-color, #e0e0e0) 100%
+  );
+  outline: none;
+  cursor: var(--kritzel-global-pointer-cursor, pointer);
+}
+
+.opacity-slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: var(--kritzel-opacity-slider-thumb-color, #ffffff);
+  border: 2px solid var(--kritzel-opacity-slider-thumb-border-color, #007AFF);
+  cursor: var(--kritzel-global-pointer-cursor, pointer);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+  transition: transform 0.1s ease;
+}
+
+.opacity-slider::-webkit-slider-thumb:hover {
+  transform: scale(1.1);
+}
+
+.opacity-slider::-moz-range-thumb {
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: var(--kritzel-opacity-slider-thumb-color, #ffffff);
+  border: 2px solid var(--kritzel-opacity-slider-thumb-border-color, #007AFF);
+  cursor: var(--kritzel-global-pointer-cursor, pointer);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+  transition: transform 0.1s ease;
+}
+
+.opacity-slider::-moz-range-thumb:hover {
+  transform: scale(1.1);
+}
+
+.opacity-slider::-moz-range-track {
+  height: 6px;
+  border-radius: 3px;
+  background: transparent;
+}
+
+.opacity-slider:focus {
+  outline: none;
+}
+
+.opacity-slider:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 2px var(--kritzel-global-focus-ring-color, rgba(0, 122, 255, 0.3));
+}
+
+.opacity-slider:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 2px var(--kritzel-global-focus-ring-color, rgba(0, 122, 255, 0.3));
+}

package/dist/collection/components/shared/kritzel-opacity-slider/kritzel-opacity-slider.js

@@ -22,7 +22,7 @@ export class KritzelOpacitySlider {
     }
     render() {
         const percentage = this.getPercentage();
-        return (h(Host, { key: 'a0307b2fc97221881f0e2a21035427fcf0c5fdb3' }, h("div", { key: 'a77c6e973f92671daa3a8299b51d70b2d2fd98db', class: "opacity-container" }, h("div", { key: 'c5df7c6fe6db3aa9a8430ea7580d6cc7a23666b8', class: "slider-wrapper" }, h("input", { key: '6d3cae027e5a9b391f36ede911dedb201630d525', type: "range", class: "opacity-slider", min: this.min, max: this.max, step: this.step, value: this.value, onInput: (e) => this.handleInput(e), style: {
+        return (h(Host, { key: 'f6460d2d37ca76c69c62597b32f7567c8a2e1b77' }, h("div", { key: '09cb87f8e7e09639b4b794f9c9b30da024a4023f', class: "opacity-container" }, h("div", { key: '783cd792f0511945f685483a181b621f3c2551f8', class: "slider-wrapper" }, h("input", { key: 'd05be4ab1a2a2b19411b12358b7846bebac83a83', type: "range", class: "opacity-slider", min: this.min, max: this.max, step: this.step, value: this.value, onInput: (e) => this.handleInput(e), style: {
                 '--slider-progress': `${percentage}%`,
             } })))));
     }

package/dist/collection/components/shared/kritzel-pill-tabs/kritzel-pill-tabs.css

@@ -1,58 +1,58 @@
-:host {
-  display: block;
-}
-
-.pill-tabs-container {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 4px;
-  border-radius: var(--kritzel-pill-tabs-border-radius, 10px);
-  background: var(--kritzel-pill-tabs-background, #f0f0f0);
-  box-sizing: border-box;
-}
-
-.pill-tab {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  padding: 8px 16px;
-  border: none;
-  border-radius: var(--kritzel-pill-tabs-tab-border-radius, 8px);
-  background: var(--kritzel-pill-tabs-tab-background, transparent);
-  color: var(--kritzel-pill-tabs-tab-text-color, #666666);
-  font-family: inherit;
-  font-size: 14px;
-  font-weight: 500;
-  cursor: var(--kritzel-global-pointer-cursor, pointer);
-  transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
-  white-space: nowrap;
-}
-
-.pill-tab:hover:not(.selected) {
-  background: var(--kritzel-pill-tabs-tab-background-hover, rgba(0, 0, 0, 0.05));
-}
-
-.pill-tab.selected {
-  background: var(--kritzel-pill-tabs-tab-background-selected, #ffffff);
-  color: var(--kritzel-pill-tabs-tab-text-color-selected, #000000);
-  box-shadow: var(--kritzel-pill-tabs-tab-shadow-selected, 0 1px 3px rgba(0, 0, 0, 0.1));
-}
-
-.pill-tab:focus {
-  outline: none;
-}
-
-.pill-tab:focus-visible {
-  box-shadow: 0 0 0 2px var(--kritzel-global-focus-ring-color, rgba(0, 122, 255, 0.3));
-}
-
-.pill-tab-label {
-  line-height: 1;
-}
-
-/* Icon styling */
-.pill-tab kritzel-icon {
-  flex-shrink: 0;
-}
+:host {
+  display: block;
+}
+
+.pill-tabs-container {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px;
+  border-radius: var(--kritzel-pill-tabs-border-radius, 10px);
+  background: var(--kritzel-pill-tabs-background, #f0f0f0);
+  box-sizing: border-box;
+}
+
+.pill-tab {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 8px 16px;
+  border: none;
+  border-radius: var(--kritzel-pill-tabs-tab-border-radius, 8px);
+  background: var(--kritzel-pill-tabs-tab-background, transparent);
+  color: var(--kritzel-pill-tabs-tab-text-color, #666666);
+  font-family: inherit;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: var(--kritzel-global-pointer-cursor, pointer);
+  transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
+  white-space: nowrap;
+}
+
+.pill-tab:hover:not(.selected) {
+  background: var(--kritzel-pill-tabs-tab-background-hover, rgba(0, 0, 0, 0.05));
+}
+
+.pill-tab.selected {
+  background: var(--kritzel-pill-tabs-tab-background-selected, #ffffff);
+  color: var(--kritzel-pill-tabs-tab-text-color-selected, #000000);
+  box-shadow: var(--kritzel-pill-tabs-tab-shadow-selected, 0 1px 3px rgba(0, 0, 0, 0.1));
+}
+
+.pill-tab:focus {
+  outline: none;
+}
+
+.pill-tab:focus-visible {
+  box-shadow: 0 0 0 2px var(--kritzel-global-focus-ring-color, rgba(0, 122, 255, 0.3));
+}
+
+.pill-tab-label {
+  line-height: 1;
+}
+
+/* Icon styling */
+.pill-tab kritzel-icon {
+  flex-shrink: 0;
+}

package/dist/collection/components/shared/kritzel-pill-tabs/kritzel-pill-tabs.js

@@ -50,7 +50,7 @@ export class KritzelPillTabs {
         buttons?.[newIndex]?.focus();
     }
     render() {
-        return (h(Host, { key: 'd2f8c83b3dbb77ca7e4d9c4e3cd047eff29fe521' }, h("div", { key: '713d0a7a616fb9ba4bc3dd7bf0beb951a889c4c6', class: "pill-tabs-container", role: "tablist" }, this.tabs.map((tab, index) => (h("button", { key: tab.id, class: {
+        return (h(Host, { key: 'cd6993107010e578b91af23101da27bd2ef943cd' }, h("div", { key: '509c023b5bf91de1f463c8e080b83216a94d7d64', class: "pill-tabs-container", role: "tablist" }, this.tabs.map((tab, index) => (h("button", { key: tab.id, class: {
                 'pill-tab': true,
                 'selected': this.value === tab.id,
             }, role: "tab", "aria-selected": this.value === tab.id ? 'true' : 'false', tabIndex: this.value === tab.id ? 0 : -1, onClick: () => this.handleTabClick(tab.id), onKeyDown: (e) => this.handleKeyDown(e, index) }, tab.icon && h("kritzel-icon", { name: tab.icon, size: 16 }), h("span", { class: "pill-tab-label" }, tab.label)))))));
@@ -78,7 +78,7 @@ export class KritzelPillTabs {
                     "references": {
                         "KritzelPillTab": {
                             "location": "local",
-                            "path": "C:/Projects/kritzel/libs/kritzel-stencil/src/components/shared/kritzel-pill-tabs/kritzel-pill-tabs.tsx",
+                            "path": "/home/runner/work/kritzel/kritzel/libs/kritzel-stencil/src/components/shared/kritzel-pill-tabs/kritzel-pill-tabs.tsx",
                             "id": "src/components/shared/kritzel-pill-tabs/kritzel-pill-tabs.tsx::KritzelPillTab"
                         }
                     }

package/dist/collection/components/shared/kritzel-portal/kritzel-portal.js

@@ -261,7 +261,7 @@ export class KritzelPortal {
         this.portal.style.visibility = 'visible';
     }
     render() {
-        return (h(Host, { key: '70a29385ee7f1bef37f903e1e6821b46fc9a147f', style: { display: this.anchor ? 'block' : 'none' } }, h("slot", { key: '8f50bce48c3aa82abbfc34331f8e80f205a45f03' })));
+        return (h(Host, { key: '6acf9d402aa0ee151d93b912fc2b9d46cfe88d07', style: { display: this.anchor ? 'block' : 'none' } }, h("slot", { key: 'dbeff1735d422e818179346f5880555fbadddba9' })));
     }
     static get is() { return "kritzel-portal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/shared/kritzel-shape-fill/kritzel-shape-fill.css

@@ -1,47 +1,47 @@
-:host {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-.fill-row {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-
-.fill-option {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 48px;
-  height: 32px;
-  border-radius: 6px;
-  cursor: var(--kritzel-global-pointer-cursor, pointer);
-  border: 2px solid transparent;
-  box-sizing: border-box;
-  background: var(--kritzel-shape-fill-option-background, #ffffff);
-  padding: 4px;
-  transition: background-color 0.15s ease, border-color 0.15s ease;
-}
-
-.fill-option:hover {
-  background-color: var(--kritzel-shape-fill-hover-background-color, #ebebeb);
-}
-
-.fill-option.selected {
-  border-color: var(--kritzel-selection-border-color, #007AFF);
-  background-color: var(--kritzel-shape-fill-selected-background-color, #ebebeb);
-}
-
-.fill-option:focus {
-  outline: none;
-  box-shadow: 0 0 0 2px var(--kritzel-global-focus-ring-color, rgba(0, 122, 255, 0.3));
-}
-
-.fill-icon {
-  width: 100%;
-  height: 100%;
-}
+:host {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.fill-row {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.fill-option {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 48px;
+  height: 32px;
+  border-radius: 6px;
+  cursor: var(--kritzel-global-pointer-cursor, pointer);
+  border: 2px solid transparent;
+  box-sizing: border-box;
+  background: var(--kritzel-shape-fill-option-background, #ffffff);
+  padding: 4px;
+  transition: background-color 0.15s ease, border-color 0.15s ease;
+}
+
+.fill-option:hover {
+  background-color: var(--kritzel-shape-fill-hover-background-color, #ebebeb);
+}
+
+.fill-option.selected {
+  border-color: var(--kritzel-selection-border-color, #007AFF);
+  background-color: var(--kritzel-shape-fill-selected-background-color, #ebebeb);
+}
+
+.fill-option:focus {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--kritzel-global-focus-ring-color, rgba(0, 122, 255, 0.3));
+}
+
+.fill-icon {
+  width: 100%;
+  height: 100%;
+}

package/dist/collection/components/shared/kritzel-shape-fill/kritzel-shape-fill.js

@@ -16,10 +16,10 @@ export class KritzelShapeFill {
         return (h("svg", { viewBox: "0 0 24 24", class: "fill-icon" }, h("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: strokeColor, stroke: strokeColor, "stroke-width": "2" })));
     }
     render() {
-        return (h(Host, { key: 'e527cb6ffb7fafcfd750e63c9c90760636a065f7' }, h("div", { key: 'b958cbece86e5fd39200e521ce6ef05b2b4554cf', class: "fill-row" }, h("button", { key: '17066b97e95d5841c06bc1922ae3749640b4bb5e', class: {
+        return (h(Host, { key: '5f915acf7a98ac585f5aba494981cbbb38252c93' }, h("div", { key: 'e8a7fd9a1611d5cace9fbf73c1421b211a8b7d89', class: "fill-row" }, h("button", { key: 'cbd388e362c94e36220e93f55fd0140a774e0bd7', class: {
                 'fill-option': true,
                 'selected': this.value === 'transparent',
-            }, onClick: () => this.handleFillChange('transparent'), title: "Transparent background" }, this.renderFillIcon('transparent')), h("button", { key: '8163cb3a5847d11165d2fead19113e56d3687487', class: {
+            }, onClick: () => this.handleFillChange('transparent'), title: "Transparent background" }, this.renderFillIcon('transparent')), h("button", { key: '532eec1936f973eb2fb44c15839400e53ac4f4f7', class: {
                 'fill-option': true,
                 'selected': this.value === 'filled',
             }, onClick: () => this.handleFillChange('filled'), title: "Filled background" }, this.renderFillIcon('filled')))));
@@ -47,7 +47,7 @@ export class KritzelShapeFill {
                     "references": {
                         "ShapeFillType": {
                             "location": "local",
-                            "path": "C:/Projects/kritzel/libs/kritzel-stencil/src/components/shared/kritzel-shape-fill/kritzel-shape-fill.tsx",
+                            "path": "/home/runner/work/kritzel/kritzel/libs/kritzel-stencil/src/components/shared/kritzel-shape-fill/kritzel-shape-fill.tsx",
                             "id": "src/components/shared/kritzel-shape-fill/kritzel-shape-fill.tsx::ShapeFillType"
                         }
                     }
@@ -83,7 +83,7 @@ export class KritzelShapeFill {
                     "references": {
                         "ShapeFillType": {
                             "location": "local",
-                            "path": "C:/Projects/kritzel/libs/kritzel-stencil/src/components/shared/kritzel-shape-fill/kritzel-shape-fill.tsx",
+                            "path": "/home/runner/work/kritzel/kritzel/libs/kritzel-stencil/src/components/shared/kritzel-shape-fill/kritzel-shape-fill.tsx",
                             "id": "src/components/shared/kritzel-shape-fill/kritzel-shape-fill.tsx::ShapeFillType"
                         }
                     }

package/dist/collection/components/shared/kritzel-slide-toggle/kritzel-slide-toggle.css

@@ -1,48 +1,48 @@
-:host {
-  display: inline-flex;
-  align-items: center;
-  cursor: var(--kritzel-global-pointer-cursor, pointer);
-  outline: none;
-  z-index: 1;
-  -webkit-tap-highlight-color: transparent;
-}
-
-:host(:focus-visible) .toggle-track {
-  box-shadow: 0 0 0 2px var(--kritzel-global-focus-ring-color, rgba(0, 122, 255, 0.3));
-}
-
-:host(.disabled) {
-  opacity: 0.5;
-  pointer-events: none;
-  cursor: default;
-}
-
-.toggle-track {
-  position: relative;
-  width: var(--kritzel-slide-toggle-width, 40px);
-  height: var(--kritzel-slide-toggle-height, 22px);
-  background-color: var(--kritzel-slide-toggle-track-color, #ccc);
-  border-radius: var(--kritzel-slide-toggle-border-radius, 11px);
-  transition: background-color var(--kritzel-slide-toggle-transition-duration, 0.2s) ease;
-}
-
-:host(.checked) .toggle-track {
-  background-color: var(--kritzel-slide-toggle-track-checked-color, #007AFF);
-}
-
-.toggle-thumb {
-  position: absolute;
-  top: 50%;
-  left: 2px;
-  transform: translateY(-50%);
-  width: var(--kritzel-slide-toggle-thumb-size, 18px);
-  height: var(--kritzel-slide-toggle-thumb-size, 18px);
-  background-color: var(--kritzel-slide-toggle-thumb-color, #fff);
-  border-radius: 50%;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-  transition: left var(--kritzel-slide-toggle-transition-duration, 0.2s) ease;
-}
-
-:host(.checked) .toggle-thumb {
-  left: calc(var(--kritzel-slide-toggle-width, 40px) - var(--kritzel-slide-toggle-thumb-size, 18px) - 2px);
-}
+:host {
+  display: inline-flex;
+  align-items: center;
+  cursor: var(--kritzel-global-pointer-cursor, pointer);
+  outline: none;
+  z-index: 1;
+  -webkit-tap-highlight-color: transparent;
+}
+
+:host(:focus-visible) .toggle-track {
+  box-shadow: 0 0 0 2px var(--kritzel-global-focus-ring-color, rgba(0, 122, 255, 0.3));
+}
+
+:host(.disabled) {
+  opacity: 0.5;
+  pointer-events: none;
+  cursor: default;
+}
+
+.toggle-track {
+  position: relative;
+  width: var(--kritzel-slide-toggle-width, 40px);
+  height: var(--kritzel-slide-toggle-height, 22px);
+  background-color: var(--kritzel-slide-toggle-track-color, #ccc);
+  border-radius: var(--kritzel-slide-toggle-border-radius, 11px);
+  transition: background-color var(--kritzel-slide-toggle-transition-duration, 0.2s) ease;
+}
+
+:host(.checked) .toggle-track {
+  background-color: var(--kritzel-slide-toggle-track-checked-color, #007AFF);
+}
+
+.toggle-thumb {
+  position: absolute;
+  top: 50%;
+  left: 2px;
+  transform: translateY(-50%);
+  width: var(--kritzel-slide-toggle-thumb-size, 18px);
+  height: var(--kritzel-slide-toggle-thumb-size, 18px);
+  background-color: var(--kritzel-slide-toggle-thumb-color, #fff);
+  border-radius: 50%;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+  transition: left var(--kritzel-slide-toggle-transition-duration, 0.2s) ease;
+}
+
+:host(.checked) .toggle-thumb {
+  left: calc(var(--kritzel-slide-toggle-width, 40px) - var(--kritzel-slide-toggle-thumb-size, 18px) - 2px);
+}

package/dist/collection/components/shared/kritzel-slide-toggle/kritzel-slide-toggle.js

@@ -21,7 +21,7 @@ export class KritzelSlideToggle {
         }
     };
     render() {
-        return (h(Host, { key: 'fa4a31e3978f5a7187c8e011d58278829f60f912', class: { checked: this.checked, disabled: this.disabled }, tabIndex: this.disabled ? -1 : 0, role: "switch", "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.label, onClick: this.handleToggle, onKeyDown: this.handleKeyDown }, h("div", { key: '1ae5a58c6cedf19626cba1e04abe566669582081', class: "toggle-track" }, h("div", { key: 'e11d42017fd624837f9e44f2671b74d38e4d015f', class: "toggle-thumb" }))));
+        return (h(Host, { key: '376beaa4424858c3aaf1466797663024889c0f73', class: { checked: this.checked, disabled: this.disabled }, tabIndex: this.disabled ? -1 : 0, role: "switch", "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.label, onClick: this.handleToggle, onKeyDown: this.handleKeyDown }, h("div", { key: '2108fe8de84e0b9a619667b5ab4f57215c185375', class: "toggle-track" }, h("div", { key: 'ff8253ce660ca62313dea3034ac4980135eaac88', class: "toggle-thumb" }))));
     }
     static get is() { return "kritzel-slide-toggle"; }
     static get encapsulation() { return "shadow"; }