@kritzel/editor 0.4.31 → 0.4.33

package/dist/collection/components/kritzel-stroke-size/kritzel-stroke-size.css

@@ -1,37 +1,37 @@
-:host {
-  display: flex;
-  align-items: flex-start;
-  gap: 0;
-  padding: 0;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.size-grid {
-  width: 100%;
-  display: grid;
-  grid-template-columns: repeat(auto-fill, 32px);
-  gap: 8px;
-  justify-items: center;
-}
-
-.size-container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  cursor: var(--kritzel-global-pointer-cursor, pointer);
-  border: 2px solid transparent;
-  box-sizing: border-box;
-}
-
-.size-container:hover {
-  background-color: var(--kritzel-stroke-size-hover-background-color, #ebebeb);
-}
-
-.size-container.selected {
-  border-color: var(--kritzel-selection-border-color, #007AFF);
-  background-color: var(--kritzel-stroke-size-selected-background-color, #ebebeb);
-}
+:host {
+  display: flex;
+  align-items: flex-start;
+  gap: 0;
+  padding: 0;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.size-grid {
+  width: 100%;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, 32px);
+  gap: 8px;
+  justify-items: center;
+}
+
+.size-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  cursor: var(--kritzel-global-pointer-cursor, pointer);
+  border: 2px solid transparent;
+  box-sizing: border-box;
+}
+
+.size-container:hover {
+  background-color: var(--kritzel-stroke-size-hover-background-color, #ebebeb);
+}
+
+.size-container.selected {
+  border-color: var(--kritzel-selection-border-color, #007AFF);
+  background-color: var(--kritzel-stroke-size-selected-background-color, #ebebeb);
+}

package/dist/collection/components/kritzel-stroke-size/kritzel-stroke-size.js

@@ -9,7 +9,7 @@ export class KritzelStrokeSize {
     }
     render() {
         const sizes = this.sizes ?? [];
-        return (h(Host, { key: '826fcdeaedaa3d33be0d6b446941bf92a36b13c3' }, h("div", { key: 'd4fb007d3ad0d31ce4424079ab02a2f4f36b1f61', class: "size-grid" }, sizes.map(size => (h("div", { tabIndex: 0, class: {
+        return (h(Host, { key: 'dcb655ac6ec2eea1ee38b9d267dd11c6d1f21f4a' }, h("div", { key: '50c3ecaddb26cebb943c24685386401b5fdac54c', class: "size-grid" }, sizes.map(size => (h("div", { tabIndex: 0, class: {
                 'size-container': true,
                 'selected': this.selectedSize === size,
             }, onClick: () => this.handleSizeClick(size) }, h("kritzel-color", { value: 'var(--kritzel-global-text-primary)', size: size })))))));

package/dist/collection/components/kritzel-tool-config/kritzel-tool-config.css

@@ -1,38 +1,38 @@
-.expand-toggle {
-  background: none;
-  border: none;
-  cursor: var(--kritzel-global-pointer-cursor, pointer);
-  padding: 0;
-  margin: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  color: var(--kritzel-icon-color, currentColor);
-  transition: transform 0.2s ease;
-}
-
-.expand-toggle:hover {
-  opacity: 0.7;
-}
-
-.expand-toggle:focus {
-  outline: none;
-}
-
-.expand-toggle:focus-visible {
-  outline: 2px solid var(--kritzel-focus-color, #007acc);
-  outline-offset: 2px;
-}
-
-.expand-toggle:active {
-  transform: scale(0.95);
-}
-
-.divider {
-  height: 1px;
-  background-color: var(--kritzel-divider-color, #e0e0e0);
-  margin: 4px 0;
-  width: 100%;
-}
+.expand-toggle {
+  background: none;
+  border: none;
+  cursor: var(--kritzel-global-pointer-cursor, pointer);
+  padding: 0;
+  margin: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  color: var(--kritzel-icon-color, currentColor);
+  transition: transform 0.2s ease;
+}
+
+.expand-toggle:hover {
+  opacity: 0.7;
+}
+
+.expand-toggle:focus {
+  outline: none;
+}
+
+.expand-toggle:focus-visible {
+  outline: 2px solid var(--kritzel-focus-color, #007acc);
+  outline-offset: 2px;
+}
+
+.expand-toggle:active {
+  transform: scale(0.95);
+}
+
+.divider {
+  height: 1px;
+  background-color: var(--kritzel-divider-color, #e0e0e0);
+  margin: 4px 0;
+  width: 100%;
+}

package/dist/collection/components/kritzel-tool-config/kritzel-tool-config.js

@@ -253,7 +253,7 @@ export class KritzelToolConfig {
         ])), shouldShowExpandButton && (h("div", { style: {
                 display: 'flex',
                 alignItems: 'flex-start',
-            } }, h("button", { class: "expand-toggle", onClick: this.handleToggleExpand, title: this.isExpanded ? (this.terms['toolConfig.collapse'] ?? 'Collapse') : (this.terms['toolConfig.expand'] ?? 'Expand') }, h("kritzel-icon", { name: this.isExpanded ? 'chevron-up' : 'chevron-down' })))))));
+            } }, h("button", { class: "expand-toggle", onClick: this.handleToggleExpand, title: this.isExpanded ? (this.terms['toolConfig.collapse'] ?? 'Collapse') : (this.terms['toolConfig.expand'] ?? 'Expand') }, h("kritzel-icon", { name: this.isExpanded ? 'chevronUp' : 'chevronDown' })))))));
     }
     static get is() { return "kritzel-tool-config"; }
     static get encapsulation() { return "shadow"; }