kritzel-stencil 0.0.171 → 0.1.0

package/dist/components/p-D8W6LE-c.js.map

@@ -1 +0,0 @@
-{"file":"p-D8W6LE-c.js","mappings":"AAAY,IAAA;AAAZ,CAAA,UAAY,kBAAkB,EAAA;IAC5B,kBAAA,CAAA,kBAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAQ;IACR,kBAAA,CAAA,kBAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAU;IACV,kBAAA,CAAA,kBAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAS;AACX,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,GAI7B,EAAA,CAAA,CAAA;;;;","names":[],"sources":["src/enums/event-button.enum.ts"],"sourcesContent":["export enum KritzelMouseButton {\r\n  Left = 0,\r\n  Middle = 1,\r\n  Right = 2\r\n}\r\n"],"version":3}

package/dist/components/p-DGnDUmrk.js

@@ -1,62 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-CwkUrTy1.js';
-import { d as defineCustomElement$1 } from './p-CIts5Uma.js';
-
-const kritzelUtilityPanelCss = ":host{display:flex;flex-direction:row;align-items:center;padding:4px;gap:8px;border-top-left-radius:12px;border-top-right-radius:12px;background-color:rgb(226, 226, 226);width:fit-content;user-select:none}.utility-button{display:flex;justify-content:center;align-items:center;width:28px;height:28px;padding:8px 4px;border:none;background:none;cursor:var(--kritzel-pointer-cursor, pointer);color:#333333;-webkit-tap-highlight-color:transparent;border-radius:var(--kritzel-utility-panel-button-border-radius, 8px)}.utility-button:hover,.utility-button:focus-visible{background-color:var(--kritzel-controls-control-hover-background-color, hsl(0, 0%, 0%, 4.3%))}.utility-button:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.utility-separator{width:1px;height:16px;background-color:hsl(0, 0%, 0%, 4.3%)}";
-
-const KritzelUtilityPanel = /*@__PURE__*/ proxyCustomElement(class KritzelUtilityPanel extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.undo = createEvent(this, "undo");
-        this.redo = createEvent(this, "redo");
-        this.delete = createEvent(this, "delete");
-    }
-    undoState = null;
-    undo;
-    redo;
-    delete;
-    handleUndo(event) {
-        if (event.cancelable) {
-            event.preventDefault();
-            event.stopPropagation();
-            this.undo.emit();
-        }
-    }
-    handleRedo(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.redo.emit();
-    }
-    render() {
-        return (h(Host, { key: '05ec19a2b644f00680139513c97650e6e7c612f2' }, h("button", { key: 'a62b621b7a1abe33fbf3fc0aa1f8e1d6c7ed8be3', class: "utility-button", disabled: !this.undoState?.canUndo, onClick: event => this.handleUndo(event) }, h("kritzel-icon", { key: 'ca8d0f9c9e5cebaf20ffc239602c4b4ce37b7e6b', name: "undo" })), h("button", { key: '7f1ba8b6ae3b8edf0ac0127fee30f3c070d47b44', class: "utility-button", disabled: !this.undoState?.canRedo, onClick: event => this.handleRedo(event) }, h("kritzel-icon", { key: '4680f7f9523fe6c17924662e025f5e6dfc3e9d78', name: "redo" })), h("div", { key: '77148d676ed708e4029b32e25a3daac628302478', class: "utility-separator" }), h("button", { key: 'b740674dc96d41c0b7b4d2cfb365d45c0f453a27', class: "utility-button" }, h("kritzel-icon", { key: '73d2ed9b6b400106521b0f53915e93516f9d3aad', name: "delete", onClick: () => this.delete.emit() }))));
-    }
-    static get style() { return kritzelUtilityPanelCss; }
-}, [769, "kritzel-utility-panel", {
-        "undoState": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["kritzel-utility-panel", "kritzel-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "kritzel-utility-panel":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, KritzelUtilityPanel);
-            }
-            break;
-        case "kritzel-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { KritzelUtilityPanel as K, defineCustomElement as d };
-//# sourceMappingURL=p-DGnDUmrk.js.map
-
-//# sourceMappingURL=p-DGnDUmrk.js.map

package/dist/components/p-DGnDUmrk.js.map

@@ -1 +0,0 @@
-{"file":"p-DGnDUmrk.js","mappings":";;;AAAA,MAAM,sBAAsB,GAAG,+yBAA+yB;;MCQj0B,mBAAmB,iBAAAA,kBAAA,CAAA,MAAA,mBAAA,SAAAC,CAAA,CAAA;;;;;;;;;;;IACtB,SAAS,GAAqB,IAAI;AAEjC,IAAA,IAAI;AACJ,IAAA,IAAI;AACJ,IAAA,MAAM;AAEf,IAAA,UAAU,CAAC,KAAY,EAAA;AACrB,QAAA,IAAI,KAAK,CAAC,UAAU,EAAE;YACpB,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,eAAe,EAAE;AACvB,YAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;;;AAIpB,IAAA,UAAU,CAAC,KAAY,EAAA;QACrB,KAAK,CAAC,cAAc,EAAE;QACtB,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;;IAGlB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAA,EACzG,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAc,IAAI,EAAC,MAAM,EAAA,CAAgB,CAClC,EACT,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAA,EACzG,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAc,IAAI,EAAC,MAAM,EAAA,CAAgB,CAClC,EAET,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAO,CAAA,EAErC,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAC5B,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAc,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,GAAiB,CACvE,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ui/kritzel-utility-panel/kritzel-utility-panel.css?tag=kritzel-utility-panel&encapsulation=shadow","src/components/ui/kritzel-utility-panel/kritzel-utility-panel.tsx"],"sourcesContent":[":host {\r\n   display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  padding: 4px;\r\n  gap: 8px;\r\n  border-top-left-radius: 12px;\r\n  border-top-right-radius: 12px;\r\n  background-color: rgb(226, 226, 226);\r\n  width: fit-content;\r\n  user-select: none;\r\n}\r\n\r\n.utility-button {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 28px;\r\n  height: 28px;\r\n  padding: 8px 4px;\r\n  border: none;\r\n  background: none;\r\n  cursor: var(--kritzel-pointer-cursor, pointer);\r\n  color: #333333;\r\n  -webkit-tap-highlight-color: transparent;\r\n  border-radius: var(--kritzel-utility-panel-button-border-radius, 8px);\r\n}\r\n\r\n.utility-button:hover,\r\n.utility-button:focus-visible {\r\n  background-color: var(--kritzel-controls-control-hover-background-color, hsl(0, 0%, 0%, 4.3%));\r\n}\r\n\r\n.utility-button:disabled {\r\n  opacity: 0.4;\r\n  cursor: not-allowed;\r\n  pointer-events: none;\r\n}\r\n\r\n.utility-separator {\r\n  width: 1px;\r\n  height: 16px;\r\n  background-color: hsl(0, 0%, 0%, 4.3%);\r\n}","import { Component, Host, h, Event, EventEmitter, Prop } from '@stencil/core';\r\nimport { KritzelUndoState } from '../../../interfaces/undo-state.interface';\r\n\r\n@Component({\r\n  tag: 'kritzel-utility-panel',\r\n  styleUrl: 'kritzel-utility-panel.css',\r\n  shadow: true,\r\n})\r\nexport class KritzelUtilityPanel {\r\n  @Prop() undoState: KritzelUndoState = null;\r\n\r\n  @Event() undo: EventEmitter<void>;\r\n  @Event() redo: EventEmitter<void>;\r\n  @Event() delete: EventEmitter<void>;\r\n\r\n  handleUndo(event: Event) {\r\n    if (event.cancelable) {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n      this.undo.emit();\r\n    }\r\n  }\r\n\r\n  handleRedo(event: Event) {\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    this.redo.emit();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <button class=\"utility-button\" disabled={!this.undoState?.canUndo} onClick={event => this.handleUndo(event)}>\r\n          <kritzel-icon name=\"undo\"></kritzel-icon>\r\n        </button>\r\n        <button class=\"utility-button\" disabled={!this.undoState?.canRedo} onClick={event => this.handleRedo(event)}>\r\n          <kritzel-icon name=\"redo\"></kritzel-icon>\r\n        </button>\r\n\r\n        <div class=\"utility-separator\"></div>\r\n\r\n        <button class=\"utility-button\">\r\n          <kritzel-icon name=\"delete\" onClick={() => this.delete.emit()}></kritzel-icon>\r\n        </button>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/p-DO4auCYf.js

@@ -1,111 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-CwkUrTy1.js';
-import { K as KritzelHTMLHelper } from './p-C6qB08BS.js';
-
-const kritzelTooltipCss = ":host{width:auto}.tooltip-content{position:relative;padding:8px 12px;border-radius:4px;width:fit-content;background-color:var(--kritzel-controls-tooltip-background-color, #ffffff);color:var(--kritzel-controls-tooltip-color, #000000);padding:var(--kritzel-controls-tooltip-padding, 8px);border-radius:var(--kritzel-controls-tooltip-border-radius, 16px);white-space:nowrap;box-shadow:var(--kritzel-controls-tooltip-box-shadow, 0 1px 6px rgba(0, 0, 0, 0.12))}";
-
-const KritzelTooltip = /*@__PURE__*/ proxyCustomElement(class KritzelTooltip extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.tooltipClosed = createEvent(this, "tooltipClosed");
-    }
-    get host() { return this; }
-    isVisible = false;
-    anchorElement;
-    offsetY = 24;
-    tooltipClosed;
-    positionX = 0;
-    positionY = 0;
-    handleOutsideClick(event) {
-        if (!this.isVisible)
-            return;
-        const target = event.target;
-        if (!this.host.contains(target)) {
-            this.tooltipClosed.emit();
-        }
-    }
-    handleWindowResize() {
-        this.calculateAdjustedPosition();
-    }
-    async focusContent() {
-        const focusableElements = KritzelHTMLHelper.getFocusableElements(this.host);
-        if (focusableElements.length > 0) {
-            focusableElements[0].focus();
-        }
-    }
-    componentDidLoad() {
-        this.focusSlottedContent();
-    }
-    componentWillLoad() {
-        this.calculateAdjustedPosition();
-    }
-    componentWillUpdate() {
-        this.calculateAdjustedPosition();
-    }
-    focusSlottedContent() {
-        const slot = this.host.shadowRoot?.querySelector('slot');
-        const assignedElements = slot?.assignedElements() || [];
-        if (assignedElements.length > 0) {
-            const firstElement = assignedElements[0];
-            firstElement.focus();
-        }
-    }
-    calculateAdjustedPosition() {
-        if (this.isVisible && this.anchorElement) {
-            const anchorRect = this.anchorElement.getBoundingClientRect();
-            const tooltipContent = this.host.shadowRoot?.querySelector('.tooltip-content');
-            const tooltipRect = tooltipContent?.getBoundingClientRect();
-            const tooltipWidth = tooltipRect?.width || 0;
-            const viewportPadding = 12; // Minimum distance from viewport edges
-            const anchorCenterX = anchorRect.left + anchorRect.width / 2;
-            // Step 1: Try to center the tooltip above the anchor
-            let idealLeft = anchorCenterX - tooltipWidth / 2;
-            // Step 2: Clamp to viewport bounds
-            const minLeft = viewportPadding;
-            const maxLeft = window.innerWidth - tooltipWidth - viewportPadding;
-            // Apply clamping - adjust if tooltip would overflow
-            this.positionX = Math.max(minLeft, Math.min(idealLeft, maxLeft));
-            // Step 3: Calculate bottom position (distance from viewport bottom to top of anchor + offset)
-            this.positionY = window.innerHeight - anchorRect.top + this.offsetY;
-        }
-    }
-    render() {
-        return (h(Host, { key: 'b6e220084f7ce3eead25bf60cef965322f59f3e0', style: {
-                position: 'fixed',
-                zIndex: '9999',
-                transition: 'opacity 0.3s ease-in-out, transform 0.3s ease-in-out',
-                visibility: this.isVisible ? 'visible' : 'hidden',
-                left: `${this.positionX}px`,
-                bottom: `${this.positionY}px`,
-            } }, h("div", { key: '0ab91fedc3301b0c42fa773607ce6aa335b73c2e', class: "tooltip-content", onClick: event => event.stopPropagation() }, h("slot", { key: 'bde0c798a393d006737c1d2c54660b6bbdace9e5' }))));
-    }
-    static get style() { return kritzelTooltipCss; }
-}, [769, "kritzel-tooltip", {
-        "isVisible": [4, "is-visible"],
-        "anchorElement": [16],
-        "offsetY": [2, "offset-y"],
-        "positionX": [32],
-        "positionY": [32],
-        "focusContent": [64]
-    }, [[4, "click", "handleOutsideClick"], [9, "resize", "handleWindowResize"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["kritzel-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "kritzel-tooltip":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, KritzelTooltip);
-            }
-            break;
-    } });
-}
-
-export { KritzelTooltip as K, defineCustomElement as d };
-//# sourceMappingURL=p-DO4auCYf.js.map
-
-//# sourceMappingURL=p-DO4auCYf.js.map

package/dist/components/p-DO4auCYf.js.map

@@ -1 +0,0 @@
-{"file":"p-DO4auCYf.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/kritzel-tooltip/kritzel-tooltip.css?tag=kritzel-tooltip&encapsulation=shadow","src/components/shared/kritzel-tooltip/kritzel-tooltip.tsx"],"sourcesContent":[":host {\r\n  width: auto;\r\n}\r\n\r\n.tooltip-content {\r\n  position: relative;\r\n  padding: 8px 12px;\r\n  border-radius: 4px;\r\n  width: fit-content;\r\n  background-color: var(--kritzel-controls-tooltip-background-color, #ffffff);\r\n  color: var(--kritzel-controls-tooltip-color, #000000);\r\n  padding: var(--kritzel-controls-tooltip-padding, 8px);\r\n  border-radius: var(--kritzel-controls-tooltip-border-radius, 16px);\r\n  white-space: nowrap;\r\n  box-shadow: var(--kritzel-controls-tooltip-box-shadow, 0 1px 6px rgba(0, 0, 0, 0.12));\r\n}\r\n\r\n","import { Component, Host, Prop, h, Element, State, Listen, Method, Event, EventEmitter } from '@stencil/core';\r\nimport { KritzelHTMLHelper } from '../../../helpers/html.helper';\r\n\r\n@Component({\r\n  tag: 'kritzel-tooltip',\r\n  styleUrl: 'kritzel-tooltip.css',\r\n  shadow: true,\r\n})\r\nexport class KritzelTooltip {\r\n  @Element() host: HTMLElement;\r\n\r\n  @Prop() isVisible: boolean = false;\r\n  @Prop() anchorElement: HTMLElement;\r\n  @Prop() offsetY: number = 24;\r\n\r\n  @Event() tooltipClosed: EventEmitter<void>;\r\n\r\n  @State() positionX: number = 0;\r\n  @State() positionY: number = 0;\r\n\r\n  @Listen('click', { target: 'document' })\r\n  handleOutsideClick(event: MouseEvent) {\r\n    if( !this.isVisible ) return;\r\n    const target = event.target as HTMLElement;\r\n    if (!this.host.contains(target)) {\r\n      this.tooltipClosed.emit();\r\n    }\r\n  }\r\n\r\n  @Listen('resize', { target: 'window' })\r\n  handleWindowResize() {\r\n    this.calculateAdjustedPosition();\r\n  }\r\n\r\n  @Method()\r\n  async focusContent() {\r\n    const focusableElements = KritzelHTMLHelper.getFocusableElements(this.host);\r\n    if (focusableElements.length > 0) {\r\n      focusableElements[0].focus();\r\n    }\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.focusSlottedContent();\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.calculateAdjustedPosition();\r\n  }\r\n\r\n  componentWillUpdate() {\r\n    this.calculateAdjustedPosition();\r\n  }\r\n\r\n  private focusSlottedContent() {\r\n    const slot = this.host.shadowRoot?.querySelector('slot');\r\n    const assignedElements = slot?.assignedElements() || [];\r\n    if (assignedElements.length > 0) {\r\n      const firstElement = assignedElements[0] as HTMLElement;\r\n      firstElement.focus();\r\n    }\r\n  }\r\n\r\n  private calculateAdjustedPosition() {\r\n    if (this.isVisible && this.anchorElement) {\r\n      const anchorRect = this.anchorElement.getBoundingClientRect();\r\n      const tooltipContent = this.host.shadowRoot?.querySelector('.tooltip-content') as HTMLElement;\r\n      const tooltipRect = tooltipContent?.getBoundingClientRect();\r\n      const tooltipWidth = tooltipRect?.width || 0;\r\n      \r\n      const viewportPadding = 12; // Minimum distance from viewport edges\r\n      const anchorCenterX = anchorRect.left + anchorRect.width / 2;\r\n      \r\n      // Step 1: Try to center the tooltip above the anchor\r\n      let idealLeft = anchorCenterX - tooltipWidth / 2;\r\n      \r\n      // Step 2: Clamp to viewport bounds\r\n      const minLeft = viewportPadding;\r\n      const maxLeft = window.innerWidth - tooltipWidth - viewportPadding;\r\n      \r\n      // Apply clamping - adjust if tooltip would overflow\r\n      this.positionX = Math.max(minLeft, Math.min(idealLeft, maxLeft));\r\n      \r\n      // Step 3: Calculate bottom position (distance from viewport bottom to top of anchor + offset)\r\n      this.positionY = window.innerHeight - anchorRect.top + this.offsetY;\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host\r\n        style={{\r\n          position: 'fixed',\r\n          zIndex: '9999',\r\n          transition: 'opacity 0.3s ease-in-out, transform 0.3s ease-in-out',\r\n          visibility: this.isVisible ? 'visible' : 'hidden',\r\n          left: `${this.positionX}px`,\r\n          bottom: `${this.positionY}px`,\r\n        }}\r\n      >\r\n        <div class=\"tooltip-content\" onClick={event => event.stopPropagation()}>\r\n          <slot></slot>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/p-LAsVgL2e.js

@@ -1,83 +0,0 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-CwkUrTy1.js';
-
-const kritzelColorCss = ":host{display:flex}.checkerboard-bg{background:repeating-conic-gradient(#ccc 0% 25%, #fff 0% 50%) 50% / 8px 8px;position:relative;overflow:hidden}.color-circle{width:24px;height:24px;border-radius:50%;box-sizing:border-box;display:block}.color-circle.white{border:1px solid var(--kritzel-color-palette-circle-border-color, #dddcdc)}";
-
-const KritzelColor = /*@__PURE__*/ proxyCustomElement(class KritzelColor extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    value;
-    size = 24;
-    isLightColor(hexColor) {
-        if (!hexColor)
-            return false;
-        let r = 0, g = 0, b = 0;
-        let sanitizedHex = hexColor.startsWith('#') ? hexColor.slice(1) : hexColor;
-        if (sanitizedHex.length === 3) {
-            r = parseInt(sanitizedHex[0] + sanitizedHex[0], 16);
-            g = parseInt(sanitizedHex[1] + sanitizedHex[1], 16);
-            b = parseInt(sanitizedHex[2] + sanitizedHex[2], 16);
-        }
-        else if (sanitizedHex.length === 6) {
-            r = parseInt(sanitizedHex.substring(0, 2), 16);
-            g = parseInt(sanitizedHex.substring(2, 4), 16);
-            b = parseInt(sanitizedHex.substring(4, 6), 16);
-        }
-        else {
-            return false;
-        }
-        if (isNaN(r) || isNaN(g) || isNaN(b)) {
-            return false;
-        }
-        const luminance = 0.299 * r + 0.587 * g + 0.114 * b;
-        return luminance > 220;
-    }
-    render() {
-        const isColorVeryLight = this.isLightColor(this.value);
-        return (h(Host, { key: 'bd867d9ff750588e41fb364b2192a6c2c5832e59' }, h("div", { key: '858e97d057d7ba19869cbacc4e9f31ae6c64defa', class: "checkerboard-bg", style: {
-                width: `${this.size}px`,
-                height: `${this.size}px`,
-                borderRadius: '50%',
-                display: 'inline-block',
-                position: 'relative',
-            } }, h("div", { key: '0c983b133716e048f29d7e51979068fbde178abd', class: {
-                'color-circle': true,
-                'white': isColorVeryLight,
-            }, style: {
-                backgroundColor: this.value,
-                width: `${this.size}px`,
-                height: `${this.size}px`,
-                borderRadius: '50%',
-                position: 'absolute',
-                top: '0',
-                left: '0',
-                display: 'inline-block',
-            } }))));
-    }
-    static get style() { return kritzelColorCss; }
-}, [769, "kritzel-color", {
-        "value": [1],
-        "size": [2]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["kritzel-color"];
-    components.forEach(tagName => { switch (tagName) {
-        case "kritzel-color":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, KritzelColor);
-            }
-            break;
-    } });
-}
-
-export { KritzelColor as K, defineCustomElement as d };
-//# sourceMappingURL=p-LAsVgL2e.js.map
-
-//# sourceMappingURL=p-LAsVgL2e.js.map

package/dist/components/p-LAsVgL2e.js.map

@@ -1 +0,0 @@
-{"file":"p-LAsVgL2e.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/kritzel-color/kritzel-color.css?tag=kritzel-color&encapsulation=shadow","src/components/shared/kritzel-color/kritzel-color.tsx"],"sourcesContent":[":host {\r\n  display: flex;\r\n}\r\n\r\n.checkerboard-bg {\r\n  background: repeating-conic-gradient(#ccc 0% 25%, #fff 0% 50%) 50% / 8px 8px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.color-circle {\r\n  width: 24px;\r\n  height: 24px;\r\n  border-radius: 50%;\r\n  box-sizing: border-box;\r\n  display: block;\r\n}\r\n\r\n.color-circle.white {\r\n  border: 1px solid var(--kritzel-color-palette-circle-border-color, #dddcdc);\r\n}","import { Component, Host, Prop, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'kritzel-color',\r\n  styleUrl: 'kritzel-color.css',\r\n  shadow: true,\r\n})\r\nexport class KritzelColor {\r\n  @Prop() value: string;\r\n  @Prop() size: number = 24;\r\n\r\n  private isLightColor(hexColor: string): boolean {\r\n    if (!hexColor) return false;\r\n\r\n    let r = 0,\r\n      g = 0,\r\n      b = 0;\r\n\r\n    let sanitizedHex = hexColor.startsWith('#') ? hexColor.slice(1) : hexColor;\r\n\r\n    if (sanitizedHex.length === 3) {\r\n      r = parseInt(sanitizedHex[0] + sanitizedHex[0], 16);\r\n      g = parseInt(sanitizedHex[1] + sanitizedHex[1], 16);\r\n      b = parseInt(sanitizedHex[2] + sanitizedHex[2], 16);\r\n    } else if (sanitizedHex.length === 6) {\r\n      r = parseInt(sanitizedHex.substring(0, 2), 16);\r\n      g = parseInt(sanitizedHex.substring(2, 4), 16);\r\n      b = parseInt(sanitizedHex.substring(4, 6), 16);\r\n    } else {\r\n      return false;\r\n    }\r\n\r\n    if (isNaN(r) || isNaN(g) || isNaN(b)) {\r\n      return false;\r\n    }\r\n\r\n    const luminance = 0.299 * r + 0.587 * g + 0.114 * b;\r\n\r\n    return luminance > 220;\r\n  }\r\n\r\n  render() {\r\n    const isColorVeryLight = this.isLightColor(this.value);\r\n    return (\r\n      <Host>\r\n        <div\r\n          class=\"checkerboard-bg\"\r\n          style={{\r\n            width: `${this.size}px`,\r\n            height: `${this.size}px`,\r\n            borderRadius: '50%',\r\n            display: 'inline-block',\r\n            position: 'relative',\r\n          }}\r\n        >\r\n          <div\r\n            class={{\r\n              'color-circle': true,\r\n              'white': isColorVeryLight,\r\n            }}\r\n            style={{\r\n              backgroundColor: this.value,\r\n              width: `${this.size}px`,\r\n              height: `${this.size}px`,\r\n              borderRadius: '50%',\r\n              position: 'absolute',\r\n              top: '0',\r\n              left: '0',\r\n              display: 'inline-block',\r\n            }}\r\n          ></div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/p-aeYt0bPO.js

@@ -1,231 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-CwkUrTy1.js';
-import { O as ObjectHelper } from './p-B0kd2rUI.js';
-import { K as KritzelHTMLHelper } from './p-C6qB08BS.js';
-
-const KritzelPortal = /*@__PURE__*/ proxyCustomElement(class KritzelPortal extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.close = createEvent(this, "close");
-    }
-    get host() { return this; }
-    anchor;
-    anchorChanged(newValue) {
-        if (newValue) {
-            this.openPortal();
-            this.calculatePosition();
-            if (this.autoFocus) {
-                this.focusFirstElement();
-            }
-        }
-        else {
-            this.closePortal();
-        }
-    }
-    offsetX;
-    offsetY;
-    autoFocus = true;
-    close;
-    handleOutsideClick(event) {
-        event.stopPropagation();
-        const isLastPortal = this.lastAddedPortal === this.portal;
-        if (!isLastPortal)
-            return;
-        const target = event.target;
-        if (!this.host.contains(target)) {
-            this.close.emit();
-            this.closePortal();
-        }
-    }
-    handleKeyDown(event) {
-        event.stopPropagation();
-        const isLastPortal = this.lastAddedPortal === this.portal;
-        if (!isLastPortal)
-            return;
-        if (event.key === 'Escape') {
-            this.anchor.focus();
-            this.close.emit();
-            this.closePortal();
-        }
-        if (event.key === 'Tab') {
-            this.trapFocus(event);
-        }
-        if (event.key === 'Enter') {
-            const activeElement = this.getDeepActiveElement();
-            if (activeElement?.click) {
-                event.preventDefault();
-                activeElement.click();
-            }
-        }
-    }
-    handleResize() {
-        this.calculatePosition();
-    }
-    handleWindowScroll() {
-        const isInViewport = KritzelHTMLHelper.isElementInViewport(this.anchor);
-        if (!isInViewport) {
-            this.anchor?.blur();
-            this.closePortal();
-            return;
-        }
-        this.calculatePosition();
-    }
-    portal;
-    id = `portal-${ObjectHelper.generateUUID()}`;
-    defaultOffset = 0;
-    minLeft = 0;
-    focusFirstElement() {
-        requestAnimationFrame(() => {
-            this.firstFocusableElement?.focus?.();
-        });
-    }
-    getDeepActiveElement() {
-        let activeEl = document.activeElement;
-        while (activeEl?.shadowRoot?.activeElement) {
-            activeEl = activeEl.shadowRoot.activeElement;
-        }
-        return activeEl;
-    }
-    trapFocus(event) {
-        const focusableElements = KritzelHTMLHelper.getFocusableElements(this.host);
-        if (focusableElements.length === 0)
-            return;
-        const firstFocusable = focusableElements[0];
-        const lastFocusable = focusableElements[focusableElements.length - 1];
-        const activeElement = this.getDeepActiveElement();
-        if (event.shiftKey) {
-            /* shift + tab */
-            if (activeElement === firstFocusable) {
-                lastFocusable.focus();
-                event.preventDefault();
-            }
-        }
-        else {
-            /* tab */
-            if (activeElement === lastFocusable) {
-                firstFocusable.focus();
-                event.preventDefault();
-            }
-        }
-    }
-    get firstFocusableElement() {
-        const slotEl = this.host.shadowRoot?.querySelector('slot');
-        const firstAssigned = slotEl?.assignedElements({ flatten: true })[0];
-        if (!firstAssigned)
-            return null;
-        const focusable = KritzelHTMLHelper.getFocusableElements(firstAssigned);
-        return focusable[0] ?? firstAssigned;
-    }
-    get lastAddedPortal() {
-        const portals = Array.from(document.querySelectorAll('[id^="portal-"]'));
-        return portals.length ? portals[portals.length - 1] : null;
-    }
-    calculateLeft() {
-        if (!this.anchor || !this.portal)
-            return 0;
-        const refRect = this.anchor.getBoundingClientRect();
-        const portalRect = this.portal.getBoundingClientRect();
-        const offset = this.offsetX ?? this.defaultOffset;
-        let left = refRect.left + offset;
-        const maxLeft = window.innerWidth - portalRect.width - this.minLeft;
-        if (left < this.minLeft)
-            left = this.minLeft;
-        if (left > maxLeft)
-            left = maxLeft;
-        return Math.round(left + window.scrollX);
-    }
-    calculateTop() {
-        if (!this.anchor || !this.portal)
-            return 0;
-        const refRect = this.anchor.getBoundingClientRect();
-        const portalRect = this.portal.getBoundingClientRect();
-        const offset = this.offsetY ?? this.defaultOffset;
-        const padding = 8; // Minimum padding from viewport edges
-        let top = refRect.bottom + offset;
-        const spaceBelow = window.innerHeight - refRect.bottom - offset - padding;
-        const spaceAbove = refRect.top - offset - padding;
-        // Reset max-height CSS custom property  
-        this.host.style.removeProperty('--kritzel-portal-max-height');
-        if (portalRect.height <= spaceBelow) {
-            // Fits below the anchor
-            top = refRect.bottom + offset;
-        }
-        else if (portalRect.height <= spaceAbove) {
-            // Fits above the anchor
-            top = refRect.top - portalRect.height - offset;
-        }
-        else {
-            // Doesn't fit above or below - constrain the height
-            if (spaceBelow >= spaceAbove) {
-                // More space below, keep it below with constrained height
-                top = refRect.bottom + offset;
-                this.host.style.setProperty('--kritzel-portal-max-height', `${spaceBelow}px`);
-            }
-            else {
-                // More space above, position above with constrained height
-                top = padding;
-                this.host.style.setProperty('--kritzel-portal-max-height', `${spaceAbove}px`);
-            }
-        }
-        return Math.round(top + window.scrollY);
-    }
-    openPortal() {
-        this.portal = document.createElement('div');
-        this.portal.setAttribute('id', this.id);
-        this.portal.style.zIndex = '1';
-        this.portal.style.position = 'absolute';
-        this.portal.style.top = '0px';
-        this.portal.style.left = '0px';
-        this.portal.appendChild(this.host);
-        document.body.append(this.portal);
-    }
-    closePortal() {
-        const portal = document.getElementById(this.id);
-        if (!portal)
-            return;
-        document.body.removeChild(portal);
-        this.host.remove();
-    }
-    calculatePosition() {
-        if (!this.anchor || !this.portal)
-            return;
-        const top = this.calculateTop();
-        const left = this.calculateLeft();
-        this.portal.style.top = `${top}px`;
-        this.portal.style.left = `${left}px`;
-    }
-    render() {
-        return (h(Host, { key: 'aa7399f8a2e744eaa89e881bc9e710bd8a0c6c53', style: { display: this.anchor ? 'block' : 'none' } }, h("slot", { key: 'df4d8446cf770dfd98476d19c6b18511e2531574' })));
-    }
-    static get watchers() { return {
-        "anchor": ["anchorChanged"]
-    }; }
-}, [769, "kritzel-portal", {
-        "anchor": [16],
-        "offsetX": [2, "offset-x"],
-        "offsetY": [2, "offset-y"],
-        "autoFocus": [4, "auto-focus"]
-    }, [[8, "click", "handleOutsideClick"], [8, "keydown", "handleKeyDown"], [11, "resize", "handleResize"], [11, "scroll", "handleWindowScroll"]], {
-        "anchor": ["anchorChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["kritzel-portal"];
-    components.forEach(tagName => { switch (tagName) {
-        case "kritzel-portal":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, KritzelPortal);
-            }
-            break;
-    } });
-}
-
-export { KritzelPortal as K, defineCustomElement as d };
-//# sourceMappingURL=p-aeYt0bPO.js.map
-
-//# sourceMappingURL=p-aeYt0bPO.js.map

package/dist/components/p-aeYt0bPO.js.map

@@ -1 +0,0 @@
-{"file":"p-aeYt0bPO.js","mappings":";;;;MAQa,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;;;;;AAGhB,IAAA,MAAM;AAEd,IAAA,aAAa,CAAC,QAAqB,EAAA;QACjC,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,UAAU,EAAE;YACjB,IAAI,CAAC,iBAAiB,EAAE;AACxB,YAAA,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,IAAI,CAAC,iBAAiB,EAAE;;;aAErB;YACL,IAAI,CAAC,WAAW,EAAE;;;AAId,IAAA,OAAO;AACP,IAAA,OAAO;IACP,SAAS,GAAY,IAAI;AAExB,IAAA,KAAK;AAGd,IAAA,kBAAkB,CAAC,KAAiB,EAAA;QAClC,KAAK,CAAC,eAAe,EAAE;QAEvB,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,KAAK,IAAI,CAAC,MAAM;AACzD,QAAA,IAAI,CAAC,YAAY;YAAE;AAEnB,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;QAC1C,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;AAC/B,YAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YACjB,IAAI,CAAC,WAAW,EAAE;;;AAKtB,IAAA,aAAa,CAAC,KAAoB,EAAA;QAChC,KAAK,CAAC,eAAe,EAAE;QAEvB,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,KAAK,IAAI,CAAC,MAAM;AACzD,QAAA,IAAI,CAAC,YAAY;YAAE;AAEnB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;AAC1B,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;AACnB,YAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YACjB,IAAI,CAAC,WAAW,EAAE;;AAGpB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;AACvB,YAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;;AAGvB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;AACzB,YAAA,MAAM,aAAa,GAAG,IAAI,CAAC,oBAAoB,EAAiB;AAChE,YAAA,IAAI,aAAa,EAAE,KAAK,EAAE;gBACxB,KAAK,CAAC,cAAc,EAAE;gBACtB,aAAa,CAAC,KAAK,EAAE;;;;IAM3B,YAAY,GAAA;QACV,IAAI,CAAC,iBAAiB,EAAE;;IAI1B,kBAAkB,GAAA;QAChB,MAAM,YAAY,GAAG,iBAAiB,CAAC,mBAAmB,CAAC,IAAI,CAAC,MAAM,CAAC;QAEvE,IAAI,CAAC,YAAY,EAAE;AACjB,YAAA,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE;YACnB,IAAI,CAAC,WAAW,EAAE;YAClB;;QAGF,IAAI,CAAC,iBAAiB,EAAE;;AAGlB,IAAA,MAAM;AACN,IAAA,EAAE,GAAW,CAAU,OAAA,EAAA,YAAY,CAAC,YAAY,EAAE,EAAE;IACpD,aAAa,GAAG,CAAC;IACjB,OAAO,GAAG,CAAC;IAEX,iBAAiB,GAAA;QACvB,qBAAqB,CAAC,MAAK;AACzB,YAAA,IAAI,CAAC,qBAAqB,EAAE,KAAK,IAAI;AACvC,SAAC,CAAC;;IAGI,oBAAoB,GAAA;AAC1B,QAAA,IAAI,QAAQ,GAAG,QAAQ,CAAC,aAAa;AACrC,QAAA,OAAO,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE;AAC1C,YAAA,QAAQ,GAAG,QAAQ,CAAC,UAAU,CAAC,aAAa;;AAE9C,QAAA,OAAO,QAAQ;;AAGT,IAAA,SAAS,CAAC,KAAoB,EAAA;QACpC,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3E,QAAA,IAAI,iBAAiB,CAAC,MAAM,KAAK,CAAC;YAAE;AAEpC,QAAA,MAAM,cAAc,GAAG,iBAAiB,CAAC,CAAC,CAAC;QAC3C,MAAM,aAAa,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC;AACrE,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,oBAAoB,EAAE;AAEjD,QAAA,IAAI,KAAK,CAAC,QAAQ,EAAE;;AAElB,YAAA,IAAI,aAAa,KAAK,cAAc,EAAE;gBACpC,aAAa,CAAC,KAAK,EAAE;gBACrB,KAAK,CAAC,cAAc,EAAE;;;aAEnB;;AAEL,YAAA,IAAI,aAAa,KAAK,aAAa,EAAE;gBACnC,cAAc,CAAC,KAAK,EAAE;gBACtB,KAAK,CAAC,cAAc,EAAE;;;;AAK5B,IAAA,IAAY,qBAAqB,GAAA;AAC/B,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,MAAM,CAA2B;AACpF,QAAA,MAAM,aAAa,GAAG,MAAM,EAAE,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAA4B;AAC/F,QAAA,IAAI,CAAC,aAAa;AAAE,YAAA,OAAO,IAAI;QAE/B,MAAM,SAAS,GAAG,iBAAiB,CAAC,oBAAoB,CAAC,aAAa,CAAC;AACvE,QAAA,OAAO,SAAS,CAAC,CAAC,CAAC,IAAI,aAAa;;AAGtC,IAAA,IAAY,eAAe,GAAA;AACzB,QAAA,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAc,iBAAiB,CAAC,CAAC;AACrF,QAAA,OAAO,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI;;IAGpD,aAAa,GAAA;QACnB,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM;AAAE,YAAA,OAAO,CAAC;QAC1C,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,qBAAqB,EAAE;QACnD,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,qBAAqB,EAAE;QAEtD,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,aAAa;AACjD,QAAA,IAAI,IAAI,GAAG,OAAO,CAAC,IAAI,GAAG,MAAM;AAEhC,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO;AACnE,QAAA,IAAI,IAAI,GAAG,IAAI,CAAC,OAAO;AAAE,YAAA,IAAI,GAAG,IAAI,CAAC,OAAO;QAC5C,IAAI,IAAI,GAAG,OAAO;YAAE,IAAI,GAAG,OAAO;QAElC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC;;IAGlC,YAAY,GAAA;QAClB,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM;AAAE,YAAA,OAAO,CAAC;QAC1C,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,qBAAqB,EAAE;QACnD,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,qBAAqB,EAAE;QACtD,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,aAAa;AACjD,QAAA,MAAM,OAAO,GAAG,CAAC,CAAC;AAElB,QAAA,IAAI,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM;AACjC,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO;QACzE,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,GAAG,MAAM,GAAG,OAAO;;QAGjD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,6BAA6B,CAAC;AAE7D,QAAA,IAAI,UAAU,CAAC,MAAM,IAAI,UAAU,EAAE;;AAEnC,YAAA,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM;;AACxB,aAAA,IAAI,UAAU,CAAC,MAAM,IAAI,UAAU,EAAE;;YAE1C,GAAG,GAAG,OAAO,CAAC,GAAG,GAAG,UAAU,CAAC,MAAM,GAAG,MAAM;;aACzC;;AAEL,YAAA,IAAI,UAAU,IAAI,UAAU,EAAE;;AAE5B,gBAAA,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM;AAC7B,gBAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,6BAA6B,EAAE,CAAA,EAAG,UAAU,CAAA,EAAA,CAAI,CAAC;;iBACxE;;gBAEL,GAAG,GAAG,OAAO;AACb,gBAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,6BAA6B,EAAE,CAAA,EAAG,UAAU,CAAA,EAAA,CAAI,CAAC;;;QAIjF,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC;;IAGjC,UAAU,GAAA;QAChB,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;QAC3C,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;QACvC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG;QAC9B,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU;QACvC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK;QAC7B,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK;QAC9B,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;QAClC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;;IAG3B,WAAW,GAAA;QACjB,MAAM,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;AAC/C,QAAA,IAAI,CAAC,MAAM;YAAE;AACb,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;AACjC,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;;IAGZ,iBAAiB,GAAA;QACvB,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE;AAClC,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,EAAE;AAC/B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,EAAE;QACjC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA,EAAG,GAAG,CAAA,EAAA,CAAI;QAClC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI;;IAGtC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,MAAM,GAAG,OAAO,GAAG,MAAM,EAAE,EAAA,EACtD,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/kritzel-portal/kritzel-portal.tsx"],"sourcesContent":["import { Component, Host, Listen, Prop, Watch, h, Event, EventEmitter, Element } from '@stencil/core';\r\nimport { ObjectHelper } from '../../../helpers/object.helper';\r\nimport { KritzelHTMLHelper } from '../../../helpers/html.helper';\r\n\r\n@Component({\r\n  tag: 'kritzel-portal',\r\n  shadow: true,\r\n})\r\nexport class KritzelPortal {\r\n  @Element() host: HTMLElement;\r\n\r\n  @Prop() anchor: HTMLElement;\r\n  @Watch('anchor')\r\n  anchorChanged(newValue: HTMLElement) {\r\n    if (newValue) {\r\n      this.openPortal();\r\n      this.calculatePosition();\r\n      if (this.autoFocus) {\r\n        this.focusFirstElement();\r\n      }\r\n    } else {\r\n      this.closePortal();\r\n    }\r\n  }\r\n\r\n  @Prop() offsetX: number;\r\n  @Prop() offsetY: number;\r\n  @Prop() autoFocus: boolean = true;\r\n\r\n  @Event() close: EventEmitter<void>;\r\n\r\n  @Listen('click', { target: 'window' })\r\n  handleOutsideClick(event: MouseEvent) {\r\n    event.stopPropagation();\r\n\r\n    const isLastPortal = this.lastAddedPortal === this.portal;\r\n    if (!isLastPortal) return;\r\n\r\n    const target = event.target as HTMLElement;\r\n    if (!this.host.contains(target)) {\r\n      this.close.emit();\r\n      this.closePortal();\r\n    }\r\n  }\r\n\r\n  @Listen('keydown', { target: 'window' })\r\n  handleKeyDown(event: KeyboardEvent) {\r\n    event.stopPropagation();\r\n\r\n    const isLastPortal = this.lastAddedPortal === this.portal;\r\n    if (!isLastPortal) return;\r\n\r\n    if (event.key === 'Escape') {\r\n      this.anchor.focus();\r\n      this.close.emit();\r\n      this.closePortal();\r\n    }\r\n\r\n    if (event.key === 'Tab') {\r\n      this.trapFocus(event);\r\n    }\r\n\r\n    if (event.key === 'Enter') {\r\n      const activeElement = this.getDeepActiveElement() as HTMLElement;\r\n      if (activeElement?.click) {\r\n        event.preventDefault();\r\n        activeElement.click();\r\n      }\r\n    }\r\n  }\r\n\r\n  @Listen('resize', { target: 'window', capture: true })\r\n  handleResize() {\r\n    this.calculatePosition();\r\n  }\r\n\r\n  @Listen('scroll', { target: 'window', capture: true })\r\n  handleWindowScroll() {\r\n    const isInViewport = KritzelHTMLHelper.isElementInViewport(this.anchor);\r\n\r\n    if (!isInViewport) {\r\n      this.anchor?.blur();\r\n      this.closePortal();\r\n      return;\r\n    }\r\n\r\n    this.calculatePosition();\r\n  }\r\n\r\n  private portal: HTMLElement;\r\n  private id: string = `portal-${ObjectHelper.generateUUID()}`;\r\n  private defaultOffset = 0;\r\n  private minLeft = 0;\r\n\r\n  private focusFirstElement() {\r\n    requestAnimationFrame(() => {\r\n      this.firstFocusableElement?.focus?.();\r\n    });\r\n  }\r\n\r\n  private getDeepActiveElement(): Element {\r\n    let activeEl = document.activeElement;\r\n    while (activeEl?.shadowRoot?.activeElement) {\r\n      activeEl = activeEl.shadowRoot.activeElement;\r\n    }\r\n    return activeEl;\r\n  }\r\n\r\n  private trapFocus(event: KeyboardEvent) {\r\n    const focusableElements = KritzelHTMLHelper.getFocusableElements(this.host);\r\n    if (focusableElements.length === 0) return;\r\n\r\n    const firstFocusable = focusableElements[0];\r\n    const lastFocusable = focusableElements[focusableElements.length - 1];\r\n    const activeElement = this.getDeepActiveElement();\r\n\r\n    if (event.shiftKey) {\r\n      /* shift + tab */\r\n      if (activeElement === firstFocusable) {\r\n        lastFocusable.focus();\r\n        event.preventDefault();\r\n      }\r\n    } else {\r\n      /* tab */\r\n      if (activeElement === lastFocusable) {\r\n        firstFocusable.focus();\r\n        event.preventDefault();\r\n      }\r\n    }\r\n  }\r\n\r\n  private get firstFocusableElement(): HTMLElement | null {\r\n    const slotEl = this.host.shadowRoot?.querySelector('slot') as HTMLSlotElement | null;\r\n    const firstAssigned = slotEl?.assignedElements({ flatten: true })[0] as HTMLElement | undefined;\r\n    if (!firstAssigned) return null;\r\n\r\n    const focusable = KritzelHTMLHelper.getFocusableElements(firstAssigned);\r\n    return focusable[0] ?? firstAssigned;\r\n  }\r\n\r\n  private get lastAddedPortal(): HTMLElement | null {\r\n    const portals = Array.from(document.querySelectorAll<HTMLElement>('[id^=\"portal-\"]'));\r\n    return portals.length ? portals[portals.length - 1] : null;\r\n  }\r\n\r\n  private calculateLeft() {\r\n    if (!this.anchor || !this.portal) return 0;\r\n    const refRect = this.anchor.getBoundingClientRect();\r\n    const portalRect = this.portal.getBoundingClientRect();\r\n\r\n    const offset = this.offsetX ?? this.defaultOffset;\r\n    let left = refRect.left + offset;\r\n\r\n    const maxLeft = window.innerWidth - portalRect.width - this.minLeft;\r\n    if (left < this.minLeft) left = this.minLeft;\r\n    if (left > maxLeft) left = maxLeft;\r\n\r\n    return Math.round(left + window.scrollX);\r\n  }\r\n\r\n  private calculateTop() {\r\n    if (!this.anchor || !this.portal) return 0;\r\n    const refRect = this.anchor.getBoundingClientRect();\r\n    const portalRect = this.portal.getBoundingClientRect();\r\n    const offset = this.offsetY ?? this.defaultOffset;\r\n    const padding = 8; // Minimum padding from viewport edges\r\n\r\n    let top = refRect.bottom + offset;\r\n    const spaceBelow = window.innerHeight - refRect.bottom - offset - padding;\r\n    const spaceAbove = refRect.top - offset - padding;\r\n\r\n    // Reset max-height CSS custom property  \r\n    this.host.style.removeProperty('--kritzel-portal-max-height');\r\n\r\n    if (portalRect.height <= spaceBelow) {\r\n      // Fits below the anchor\r\n      top = refRect.bottom + offset;\r\n    } else if (portalRect.height <= spaceAbove) {\r\n      // Fits above the anchor\r\n      top = refRect.top - portalRect.height - offset;\r\n    } else {\r\n      // Doesn't fit above or below - constrain the height\r\n      if (spaceBelow >= spaceAbove) {\r\n        // More space below, keep it below with constrained height\r\n        top = refRect.bottom + offset;\r\n        this.host.style.setProperty('--kritzel-portal-max-height', `${spaceBelow}px`);\r\n      } else {\r\n        // More space above, position above with constrained height\r\n        top = padding;\r\n        this.host.style.setProperty('--kritzel-portal-max-height', `${spaceAbove}px`);\r\n      }\r\n    }\r\n\r\n    return Math.round(top + window.scrollY);\r\n  }\r\n\r\n  private openPortal() {\r\n    this.portal = document.createElement('div');\r\n    this.portal.setAttribute('id', this.id);\r\n    this.portal.style.zIndex = '1';\r\n    this.portal.style.position = 'absolute';\r\n    this.portal.style.top = '0px';\r\n    this.portal.style.left = '0px';\r\n    this.portal.appendChild(this.host);\r\n    document.body.append(this.portal);\r\n  }\r\n\r\n  private closePortal() {\r\n    const portal = document.getElementById(this.id);\r\n    if (!portal) return;\r\n    document.body.removeChild(portal);\r\n    this.host.remove();\r\n  }\r\n\r\n  private calculatePosition() {\r\n    if (!this.anchor || !this.portal) return;\r\n    const top = this.calculateTop();\r\n    const left = this.calculateLeft();\r\n    this.portal.style.top = `${top}px`;\r\n    this.portal.style.left = `${left}px`;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host style={{ display: this.anchor ? 'block' : 'none' }}>\r\n        <slot />\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/p-l10It7Nm.js.map

@@ -1 +0,0 @@
-{"file":"p-l10It7Nm.js","mappings":"MAAa,oBAAoB,CAAA;AAC/B,IAAA,OAAO,aAAa,GAAA;QAClB,OAAO,MAAM,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC,OAAO;;AAG3D,IAAA,OAAO,SAAS,GAAA;QACd,OAAO,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;;AAG7C,IAAA,OAAO,KAAK,GAAA;QACV,OAAO,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;;AAGrD,IAAA,OAAO,QAAQ,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE,EAAE;AAChB,YAAA,OAAO,KAAK;;AACP,aAAA,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;AAC3B,YAAA,OAAO,SAAS;;aACX;AACL,YAAA,OAAO,OAAO;;;AAIlB,IAAA,OAAO,SAAS,GAAA;QACd,OAAO,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;;AAE9C;;;;","names":[],"sources":["src/helpers/devices.helper.ts"],"sourcesContent":["export class KritzelDevicesHelper {\r\n  static isTouchDevice(): boolean {\r\n    return window.matchMedia('(any-pointer: coarse)').matches;\r\n  }\r\n\r\n  static isAndroid(): boolean {\r\n    return /android/i.test(navigator.userAgent);\r\n  }\r\n\r\n  static isIOS(): boolean {\r\n    return /iPad|iPhone|iPod/.test(navigator.userAgent);\r\n  }\r\n\r\n  static detectOS(): 'iOS' | 'Android' | 'Other' {\r\n    if (this.isIOS()) {\r\n      return 'iOS';\r\n    } else if (this.isAndroid()) {\r\n      return 'Android';\r\n    } else {\r\n      return 'Other';\r\n    }\r\n  }\r\n\r\n  static isFirefox(): boolean {\r\n    return /firefox/i.test(navigator.userAgent);\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/p-n789Y3S-.js.map

@@ -1 +0,0 @@
-{"file":"p-n789Y3S-.js","mappings":"MAGa,gBAAgB,CAAA;IAC3B,SAAS,GAAG,kBAAkB;AAE9B,IAAA,EAAE;AACF,IAAA,IAAI;AACJ,IAAA,SAAS;AACT,IAAA,SAAS;AACT,IAAA,QAAQ;AAMR,IAAA,KAAK;AAEL,IAAA,WAAA,CAAY,EAAU,EAAE,IAAY,EAAG,QAAA,GAAsE,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAA;AACrJ,QAAA,IAAI,CAAC,EAAE,GAAG,EAAE;AACZ,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;AAChB,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,IAAI,EAAE;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,IAAI,EAAE;AAC3B,QAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;;AAG1B,IAAA,OAAO,MAAM,CAAC,IAAiB,EAAE,GAAG,EAAA;AAClC,QAAA,MAAM,SAAS,GAAG,IAAI,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,QAAQ,CAAC;AACtE,QAAA,SAAS,CAAC,KAAK,GAAG,IAAI;AACtB,QAAA,OAAO,SAAS;;AAGlB,IAAA,SAAS,CAAC,GAAQ,EAAA;QAChB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC;;IAGlC,SAAS,GAAA;QACP,OAAO;YACL,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,YAAA,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE;AACvC,YAAA,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE;YACvC,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB;;AAGH,IAAA,WAAW,CAAC,MAAW,EAAA;AACrB,QAAA,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC;QAC3B,IAAI,CAAC,SAAS,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;QAC3C,IAAI,CAAC,SAAS,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;AAC3C,QAAA,OAAO,IAAI;;AAEd;;;;","names":[],"sources":["src/classes/core/workspace.class.ts"],"sourcesContent":["import { KritzelCore } from \"../..\";\r\nimport { KritzelSerializable } from \"../../interfaces/serializable.interface\";\r\n\r\nexport class KritzelWorkspace implements KritzelSerializable{\r\n  __class__ = 'KritzelWorkspace';\r\n\r\n  id: string;\r\n  name: string;\r\n  createdAt: Date;\r\n  updatedAt: Date;\r\n  viewport: {\r\n    translateX: number;\r\n    translateY: number;\r\n    scale: number;\r\n  };\r\n\r\n  _core: KritzelCore;\r\n\r\n  constructor(id: string, name: string,  viewport: { translateX: number; translateY: number; scale: number } = { translateX: 0, translateY: 0, scale: 1 }) {\r\n    this.id = id;\r\n    this.name = name;\r\n    this.createdAt = new Date();\r\n    this.updatedAt = new Date();\r\n    this.viewport = viewport;\r\n  }\r\n\r\n  static create(core: KritzelCore, obj): KritzelWorkspace {\r\n    const workspace = new KritzelWorkspace(obj.id, obj.name, obj.viewport);\r\n    workspace._core = core;\r\n    return workspace;\r\n  }\r\n\r\n  addObject(obj: any): void {\r\n    this._core.engine.addObject(obj);\r\n  }\r\n\r\n  serialize(): any {\r\n    return {\r\n      __class__: this.__class__,\r\n      id: this.id,\r\n      name: this.name,\r\n      createdAt: this.createdAt.toISOString(),\r\n      updatedAt: this.updatedAt.toISOString(),\r\n      viewport: this.viewport,\r\n    };\r\n  }\r\n\r\n  deserialize(object: any): KritzelSerializable {\r\n    Object.assign(this, object);\r\n    this.createdAt = new Date(object.createdAt);\r\n    this.updatedAt = new Date(object.updatedAt);\r\n    return this;\r\n  }\r\n}\r\n"],"version":3}