@kritzel/editor 0.4.31 → 0.4.32

package/dist/collection/components/kritzel-font-family/kritzel-font-family.css

@@ -1,48 +1,48 @@
-:host {
-  display: flex; 
-  align-items: flex-start; 
-  gap: 8px; 
-  padding: 0; 
-  box-sizing: border-box; 
-  width: 100%;
-}
-
-.font-style-button {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 42px;
-  height: 32px;
-  padding: 0;
-  border: none;
-  outline: none;
-  background: none;
-  cursor: var(--kritzel-global-pointer-cursor, pointer);
-  border-radius: 0; 
-  color: var(--control-text-color);
-  font-weight: bold;
-  -webkit-tap-highlight-color: transparent;
-}
-
-.font-style-button:not(:last-child) {
-  border-right: 1px solid #333333; 
-}
-
-.font-style-button:hover {
-  background-color: var(--control-hover-bg);
-}
-
-.font-style-button:active {
-  background-color: var(--control-active-bg);
-}
-
-.font-style-button.selected,
-.font-style-button.selected:hover,
-.font-style-button.selected:active {
-  background-color: var(--control-selected-bg);
-  color: var(--control-selected-color);
-}
-
-.font-style-button.italic-text {
-  font-style: italic;
-}
+:host {
+  display: flex; 
+  align-items: flex-start; 
+  gap: 8px; 
+  padding: 0; 
+  box-sizing: border-box; 
+  width: 100%;
+}
+
+.font-style-button {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 42px;
+  height: 32px;
+  padding: 0;
+  border: none;
+  outline: none;
+  background: none;
+  cursor: var(--kritzel-global-pointer-cursor, pointer);
+  border-radius: 0; 
+  color: var(--control-text-color);
+  font-weight: bold;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.font-style-button:not(:last-child) {
+  border-right: 1px solid #333333; 
+}
+
+.font-style-button:hover {
+  background-color: var(--control-hover-bg);
+}
+
+.font-style-button:active {
+  background-color: var(--control-active-bg);
+}
+
+.font-style-button.selected,
+.font-style-button.selected:hover,
+.font-style-button.selected:active {
+  background-color: var(--control-selected-bg);
+  color: var(--control-selected-color);
+}
+
+.font-style-button.italic-text {
+  font-style: italic;
+}

package/dist/collection/components/kritzel-font-family/kritzel-font-family.js

@@ -34,7 +34,7 @@ export class KritzelFontFamily {
             label: option.label,
             style: { fontFamily: option.cssFontFamily ?? option.value },
         }));
-        return (h(Host, { key: '42b2805b1d2df47a1b2336dffac32ee50740809e' }, h("kritzel-dropdown", { key: '3e1f019b2ecacea061f687c93f4fdd6a384b93b7', options: dropdownOptions, value: this.selectedFontFamily, onValueChanged: this.handleDropdownValueChange, selectStyles: { fontFamily: selectedFontFamily } })));
+        return (h(Host, { key: '059350f34370f7a291f47a42721ca5d9bb82df49' }, h("kritzel-dropdown", { key: 'fbd8cf1ae463c7e9b76d0ac754a41de54397058e', options: dropdownOptions, value: this.selectedFontFamily, onValueChanged: this.handleDropdownValueChange, selectStyles: { fontFamily: selectedFontFamily } })));
     }
     static get is() { return "kritzel-font-family"; }
     static get encapsulation() { return "shadow"; }
@@ -59,7 +59,7 @@ export class KritzelFontFamily {
                     "references": {
                         "FontOption": {
                             "location": "local",
-                            "path": "C:/Projects/kritzel/libs/editor/core/src/components/kritzel-font-family/kritzel-font-family.tsx",
+                            "path": "/home/runner/work/kritzel-private/kritzel-private/libs/editor/core/src/components/kritzel-font-family/kritzel-font-family.tsx",
                             "id": "src/components/kritzel-font-family/kritzel-font-family.tsx::FontOption"
                         }
                     }

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

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

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

@@ -17,7 +17,7 @@ export class KritzelFontSize {
     render() {
         const color = 'var(--kritzel-global-text-primary)';
         const sizes = this.sizes ?? [];
-        return (h(Host, { key: 'c9c651548fe820f1703e8d560bde2ed0be368fab' }, sizes.map(size => (h("div", { tabIndex: 0, class: {
+        return (h(Host, { key: 'e8309800110db6b59eb1c43ede2e4e94d085f380' }, sizes.map(size => (h("div", { tabIndex: 0, class: {
                 'size-container': true,
                 'selected': this.selectedSize === size,
             }, onClick: () => this.handleSizeClick(size), onKeyDown: event => this.handleKeyDown(event, size) }, h("kritzel-font", { fontFamily: this.fontFamily, size: size, color: color }))))));

package/dist/collection/components/kritzel-input/kritzel-input.css

@@ -1,69 +1,69 @@
-:host {
-  display: block;
-}
-
-.input-container {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.input-label {
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--kritzel-text-input-label-color, #333333);
-}
-
-.input-wrapper {
-  display: flex;
-  align-items: center;
-  border: 1px solid var(--kritzel-text-input-border-color, #ebebeb);
-  border-radius: var(--kritzel-text-input-border-radius, 6px);
-  overflow: hidden;
-  background: var(--kritzel-text-input-background, #ffffff);
-  transition: border-color 150ms ease;
-}
-
-.input-wrapper:hover:not(:focus-within) {
-  border-color: var(--kritzel-text-input-hover-border-color, #cccccc);
-}
-
-.input-wrapper:focus-within {
-  border-color: var(--kritzel-text-input-focus-border-color, #007AFF);
-  border-width: 2px;
-}
-
-.text-input {
-  flex: 1;
-  padding: 10px 12px;
-  border: none;
-  outline: none;
-  font-size: 14px;
-  font-family: inherit;
-  background: transparent;
-  color: var(--kritzel-text-input-text-color, #333333);
-  box-sizing: border-box;
-}
-
-.text-input::placeholder {
-  color: var(--kritzel-text-input-placeholder-color, #999999);
-}
-
-.text-input::selection {
-  background-color: var(--kritzel-text-input-selection-background, #007AFF);
-  color: var(--kritzel-text-input-selection-color, #ffffff);
-}
-
-.text-input:disabled {
-  cursor: not-allowed;
-  opacity: 0.6;
-}
-
-.input-suffix {
-  padding: 10px 12px;
-  background: var(--kritzel-text-input-suffix-background, #f5f5f5);
-  color: var(--kritzel-text-input-suffix-color, #666666);
-  font-size: 14px;
-  border-left: 1px solid var(--kritzel-text-input-border-color, #ebebeb);
-  flex-shrink: 0;
-}
+:host {
+  display: block;
+}
+
+.input-container {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.input-label {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--kritzel-text-input-label-color, #333333);
+}
+
+.input-wrapper {
+  display: flex;
+  align-items: center;
+  border: 1px solid var(--kritzel-text-input-border-color, #ebebeb);
+  border-radius: var(--kritzel-text-input-border-radius, 6px);
+  overflow: hidden;
+  background: var(--kritzel-text-input-background, #ffffff);
+  transition: border-color 150ms ease;
+}
+
+.input-wrapper:hover:not(:focus-within) {
+  border-color: var(--kritzel-text-input-hover-border-color, #cccccc);
+}
+
+.input-wrapper:focus-within {
+  border-color: var(--kritzel-text-input-focus-border-color, #007AFF);
+  border-width: 2px;
+}
+
+.text-input {
+  flex: 1;
+  padding: 10px 12px;
+  border: none;
+  outline: none;
+  font-size: 14px;
+  font-family: inherit;
+  background: transparent;
+  color: var(--kritzel-text-input-text-color, #333333);
+  box-sizing: border-box;
+}
+
+.text-input::placeholder {
+  color: var(--kritzel-text-input-placeholder-color, #999999);
+}
+
+.text-input::selection {
+  background-color: var(--kritzel-text-input-selection-background, #007AFF);
+  color: var(--kritzel-text-input-selection-color, #ffffff);
+}
+
+.text-input:disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+.input-suffix {
+  padding: 10px 12px;
+  background: var(--kritzel-text-input-suffix-background, #f5f5f5);
+  color: var(--kritzel-text-input-suffix-color, #666666);
+  font-size: 14px;
+  border-left: 1px solid var(--kritzel-text-input-border-color, #ebebeb);
+  flex-shrink: 0;
+}

package/dist/collection/components/kritzel-input/kritzel-input.js

@@ -28,7 +28,7 @@ export class KritzelInput {
         this.valueChange.emit(input.value);
     };
     render() {
-        return (h(Host, { key: '27ea9df44ddfe332bfda4f8b70308ffbfbf3e63c' }, h("div", { key: '8970766380273b32d0c8ffc32310e95d34b5ed35', class: "input-container" }, this.label && h("label", { key: '7b05115cd7eac552d8b420a10c0039b48b100f55', class: "input-label" }, this.label), h("div", { key: '5c764a97dada35dd74cce61a43dd39edcca07c5d', class: { 'input-wrapper': true, 'has-suffix': !!this.suffix } }, h("input", { key: '4613cba3f6ba722c641c9f2d355fe4b9c9f795f2', type: this.type, class: "text-input", value: this.inputValue, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput }), this.suffix && h("span", { key: '3b4942c5cd0298d97b0c3e8e86c82297f1134718', class: "input-suffix" }, this.suffix)))));
+        return (h(Host, { key: '7294192b97df384f321825a8fa30c822f79b6f29' }, h("div", { key: 'c355a4ee26adf0ab71d27e1697eddc1f9533d665', class: "input-container" }, this.label && h("label", { key: '75ee613cdbd20acc6dbd16642bd4dac9058309aa', class: "input-label" }, this.label), h("div", { key: '0395860993deda5cd57d8a185df8b36a52742841', class: { 'input-wrapper': true, 'has-suffix': !!this.suffix } }, h("input", { key: 'a12d80b4d51bcd1526b49119fb2b20ad9343d71b', type: this.type, class: "text-input", value: this.inputValue, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput }), this.suffix && h("span", { key: 'b682a1764795c2f9039b78e866be09609f7d0d80', class: "input-suffix" }, this.suffix)))));
     }
     static get is() { return "kritzel-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/kritzel-line-endings/kritzel-line-endings.css

@@ -1,60 +1,60 @@
-:host {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-.endings-section {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.section-label {
-  font-size: 12px;
-  font-weight: 500;
-  color: var(--kritzel-line-endings-label-color, #666666);
-  padding-left: 4px;
-}
-
-.endings-row {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-
-.ending-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-line-endings-option-background, #ffffff);
-  padding: 4px;
-  transition: background-color 0.15s ease, border-color 0.15s ease;
-}
-
-.ending-option:hover {
-  background-color: var(--kritzel-line-endings-hover-background-color, #ebebeb);
-}
-
-.ending-option.selected {
-  border-color: var(--kritzel-selection-border-color, #007AFF);
-  background-color: var(--kritzel-line-endings-selected-background-color, #ebebeb);
-}
-
-.ending-option:focus {
-  outline: none;
-  box-shadow: 0 0 0 2px var(--kritzel-global-focus-ring-color, rgba(0, 122, 255, 0.3));
-}
-
-.ending-icon {
-  width: 100%;
-  height: 100%;
-}
+:host {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.endings-section {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.section-label {
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--kritzel-line-endings-label-color, #666666);
+  padding-left: 4px;
+}
+
+.endings-row {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.ending-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-line-endings-option-background, #ffffff);
+  padding: 4px;
+  transition: background-color 0.15s ease, border-color 0.15s ease;
+}
+
+.ending-option:hover {
+  background-color: var(--kritzel-line-endings-hover-background-color, #ebebeb);
+}
+
+.ending-option.selected {
+  border-color: var(--kritzel-selection-border-color, #007AFF);
+  background-color: var(--kritzel-line-endings-selected-background-color, #ebebeb);
+}
+
+.ending-option:focus {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--kritzel-global-focus-ring-color, rgba(0, 122, 255, 0.3));
+}
+
+.ending-icon {
+  width: 100%;
+  height: 100%;
+}

package/dist/collection/components/kritzel-line-endings/kritzel-line-endings.js

@@ -65,10 +65,10 @@ export class KritzelLineEndings {
     render() {
         const startEnding = this.getStartEnding();
         const endEnding = this.getEndEnding();
-        return (h(Host, { key: '580845b2a1bea69bb5c7854ccd1dbb09056f959c' }, h("div", { key: '7cf27d1e567f5c5320b6a78e06acf59b59a05a9c', class: "endings-section" }, h("div", { key: '0b3ef9a2fe9d4eecc7641bd197191143a7fd1fee', class: "endings-row" }, this.styles.map(type => (h("button", { class: {
+        return (h(Host, { key: '257d56ca7c191f2c0a7b4492ed29b029d271304c' }, h("div", { key: '294ca5f5006990ffec411eb9a67bf547a92af446', class: "endings-section" }, h("div", { key: 'bb3face6f0673d215ad820dfafdb8f5ba61390a9', class: "endings-row" }, this.styles.map(type => (h("button", { class: {
                 'ending-option': true,
                 'selected': startEnding === type,
-            }, onClick: () => this.handleStartChange(type), title: type === 'none' ? 'No start arrow' : `${type} start arrow` }, this.renderEndingIcon(type, true)))))), h("div", { key: '536f00524bddb99c06407df4616f1a63a82d4fb9', class: "endings-section" }, h("div", { key: 'd1ac8f88a9bee0432def20e0182aeeacd739de83', class: "endings-row" }, this.styles.map(type => (h("button", { class: {
+            }, onClick: () => this.handleStartChange(type), title: type === 'none' ? 'No start arrow' : `${type} start arrow` }, this.renderEndingIcon(type, true)))))), h("div", { key: 'dbc47b5b744e5bc3fac0fd099a2afe3a90e4bdc0', class: "endings-section" }, h("div", { key: '00a017c7f98a3347ed29b39003ae49b2782bae8f', class: "endings-row" }, this.styles.map(type => (h("button", { class: {
                 'ending-option': true,
                 'selected': endEnding === type,
             }, onClick: () => this.handleEndChange(type), title: type === 'none' ? 'No end arrow' : `${type} end arrow` }, this.renderEndingIcon(type, false))))))));
@@ -96,7 +96,7 @@ export class KritzelLineEndings {
                     "references": {
                         "LineEndingType": {
                             "location": "local",
-                            "path": "C:/Projects/kritzel/libs/editor/core/src/components/kritzel-line-endings/kritzel-line-endings.tsx",
+                            "path": "/home/runner/work/kritzel-private/kritzel-private/libs/editor/core/src/components/kritzel-line-endings/kritzel-line-endings.tsx",
                             "id": "src/components/kritzel-line-endings/kritzel-line-endings.tsx::LineEndingType"
                         }
                     }

package/dist/collection/components/kritzel-loading-overlay/kritzel-loading-overlay.css

@@ -1,54 +1,54 @@
-:host {
-  position: absolute;
-  inset: 0;
-  z-index: var(--kritzel-editor-loading-overlay-z-index, 1);
-  display: block;
-  pointer-events: none;
-}
-
-.loading-overlay {
-  position: absolute;
-  inset: 0;
-  z-index: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 10px;
-  background-color: var(--kritzel-editor-loading-overlay-background, rgba(255, 255, 255, 0.6));
-  color: var(--kritzel-editor-loading-overlay-color, #333);
-  font-family: var(--kritzel-font-family, sans-serif);
-  font-size: 1.25rem;
-  opacity: 0;
-  pointer-events: none;
-  visibility: hidden;
-  transition:
-    opacity 300ms ease,
-    visibility 0s linear 300ms;
-}
-
-.loading-overlay.visible {
-  opacity: 1;
-  pointer-events: all;
-  visibility: visible;
-  transition:
-    opacity 300ms ease,
-    visibility 0s linear 0s;
-}
-
-.loading-spinner {
-  width: 20px;
-  height: 20px;
-  box-sizing: border-box;
-  display: block;
-  flex-shrink: 0;
-  border: 2px solid var(--kritzel-editor-loading-overlay-spinner-color, #cccccc);
-  border-top-color: var(--kritzel-editor-loading-overlay-spinner-active-color, #333333);
-  border-radius: 50%;
-  animation: kritzel-loading-spin 0.6s linear infinite;
-}
-
-@keyframes kritzel-loading-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
+:host {
+  position: absolute;
+  inset: 0;
+  z-index: var(--kritzel-editor-loading-overlay-z-index, 1);
+  display: block;
+  pointer-events: none;
+}
+
+.loading-overlay {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  background-color: var(--kritzel-editor-loading-overlay-background, rgba(255, 255, 255, 0.6));
+  color: var(--kritzel-editor-loading-overlay-color, #333);
+  font-family: var(--kritzel-global-font-family, sans-serif);
+  font-size: 1.25rem;
+  opacity: 0;
+  pointer-events: none;
+  visibility: hidden;
+  transition:
+    opacity 300ms ease,
+    visibility 0s linear 300ms;
+}
+
+.loading-overlay.visible {
+  opacity: 1;
+  pointer-events: all;
+  visibility: visible;
+  transition:
+    opacity 300ms ease,
+    visibility 0s linear 0s;
+}
+
+.loading-spinner {
+  width: 20px;
+  height: 20px;
+  box-sizing: border-box;
+  display: block;
+  flex-shrink: 0;
+  border: 2px solid var(--kritzel-editor-loading-overlay-spinner-color, #cccccc);
+  border-top-color: var(--kritzel-editor-loading-overlay-spinner-active-color, #333333);
+  border-radius: 50%;
+  animation: kritzel-loading-spin 0.6s linear infinite;
+}
+
+@keyframes kritzel-loading-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}

package/dist/collection/components/kritzel-loading-overlay/kritzel-loading-overlay.js

@@ -9,7 +9,7 @@ export class KritzelLoadingOverlay {
      */
     text = 'Loading...';
     render() {
-        return (h(Host, { key: '9db6a5b128b4ba9e4e196e0bf9fff6b7853ef7c9' }, h("div", { key: 'e113ed032c0c7349b6e452d5c12d9ffb42d2dbb7', class: { 'loading-overlay': true, visible: this.visible }, "aria-hidden": this.visible ? 'false' : 'true' }, h("span", { key: '55a601348ab9269125cb2043fb6e568ce8fe6b44', class: "loading-spinner" }), this.text)));
+        return (h(Host, { key: '1d00fc91ac568b7472121a37abe353dcee3db25c' }, h("div", { key: '5a32738aa35b799249694ef3fdd7a59ed7f06fee', class: { 'loading-overlay': true, visible: this.visible }, "aria-hidden": this.visible ? 'false' : 'true' }, h("span", { key: '9cc309802bf617f02d02d7017e8194634393b870', class: "loading-spinner" }), this.text)));
     }
     static get is() { return "kritzel-loading-overlay"; }
     static get encapsulation() { return "shadow"; }