kritzel-stencil 0.0.172 → 0.1.0

package/dist/components/kritzel-brush-style.js

@@ -1,67 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-CwkUrTy1.js';
-import { d as defineCustomElement$3 } from './p-Cdw55iW6.js';
-import { d as defineCustomElement$2 } from './p-CIts5Uma.js';
-
-const kritzelBrushStyleCss = ":host{display:flex;align-items:flex-start;gap:8px;padding:8px;box-sizing:border-box;width:100%}.brush-style-button{display:flex;justify-content:center;align-items:center;width:42px;height:32px;padding:0;border:none;outline:none;background:none;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)}";
-
-const KritzelBrushStyle$1 = /*@__PURE__*/ proxyCustomElement(class KritzelBrushStyle extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.typeChange = createEvent(this, "typeChange");
-    }
-    type = 'pen';
-    brushOptions = [
-        { value: 'pen', label: 'Pen' },
-        { value: 'highlighter', label: 'Highlighter' },
-    ];
-    typeChange;
-    handleDropdownValueChange(event) {
-        this.typeChange.emit(event.detail);
-    }
-    render() {
-        const dropdownOptions = this.brushOptions.map(option => ({
-            value: option.value,
-            label: option.label,
-        }));
-        return (h(Host, { key: '51a7f84685032fd8fc967b22bee7c0711e811a54' }, h("kritzel-dropdown", { key: 'e49d7062c695458d345738d88a0adfc96b575e61', options: dropdownOptions, value: this.type, onValueChanged: event => this.handleDropdownValueChange(event) }, h("button", { key: 'ebbbf1a55b89e91012ca44c5cf30acfb77332b50', class: "brush-style-button", slot: "prefix" }, h("kritzel-icon", { key: 'dae002c9ab5e3486c726202426eb076a8f33b109', name: this.type, size: 16 })))));
-    }
-    static get style() { return kritzelBrushStyleCss; }
-}, [769, "kritzel-brush-style", {
-        "type": [1],
-        "brushOptions": [16]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["kritzel-brush-style", "kritzel-dropdown", "kritzel-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "kritzel-brush-style":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, KritzelBrushStyle$1);
-            }
-            break;
-        case "kritzel-dropdown":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "kritzel-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const KritzelBrushStyle = KritzelBrushStyle$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { KritzelBrushStyle, defineCustomElement };
-//# sourceMappingURL=kritzel-brush-style.js.map
-
-//# sourceMappingURL=kritzel-brush-style.js.map
+import{p as e,t,H as o,c as s,h as r,d as n}from"./p-Bj_Og27M.js";import{d as l}from"./p-g0N9j_uT.js";import{d as a}from"./p-DTezr6w9.js";const i=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.typeChange=s(this,"typeChange")}type="pen";brushOptions=[{value:"pen",label:"Pen"},{value:"highlighter",label:"Highlighter"}];typeChange;handleDropdownValueChange(e){this.typeChange.emit(e.detail)}render(){const e=this.brushOptions.map((e=>({value:e.value,label:e.label})));return r(n,{key:"51a7f84685032fd8fc967b22bee7c0711e811a54"},r("kritzel-dropdown",{key:"e49d7062c695458d345738d88a0adfc96b575e61",options:e,value:this.type,onValueChanged:e=>this.handleDropdownValueChange(e)},r("button",{key:"ebbbf1a55b89e91012ca44c5cf30acfb77332b50",class:"brush-style-button",slot:"prefix"},r("kritzel-icon",{key:"dae002c9ab5e3486c726202426eb076a8f33b109",name:this.type,size:16}))))}static get style(){return":host{display:flex;align-items:flex-start;gap:8px;padding:8px;box-sizing:border-box;width:100%}.brush-style-button{display:flex;justify-content:center;align-items:center;width:42px;height:32px;padding:0;border:none;outline:none;background:none;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)}"}},[513,"kritzel-brush-style",{type:[1],brushOptions:[16]}]),c=i,b=function(){"undefined"!=typeof customElements&&["kritzel-brush-style","kritzel-dropdown","kritzel-icon"].forEach((e=>{switch(e){case"kritzel-brush-style":customElements.get(t(e))||customElements.define(t(e),i);break;case"kritzel-dropdown":customElements.get(t(e))||l();break;case"kritzel-icon":customElements.get(t(e))||a()}}))};export{c as KritzelBrushStyle,b as defineCustomElement}

package/dist/components/kritzel-color-palette.js

@@ -1,9 +1 @@
-import { K as KritzelColorPalette$1, d as defineCustomElement$1 } from './p-c7AGmG3p.js';
-
-const KritzelColorPalette = KritzelColorPalette$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { KritzelColorPalette, defineCustomElement };
-//# sourceMappingURL=kritzel-color-palette.js.map
-
-//# sourceMappingURL=kritzel-color-palette.js.map
+import{K as o,d as s}from"./p-Du1vxHy8.js";const p=o,r=s;export{p as KritzelColorPalette,r as defineCustomElement}

package/dist/components/kritzel-color.js

@@ -1,9 +1 @@
-import { K as KritzelColor$1, d as defineCustomElement$1 } from './p-CIlIrPRp.js';
-
-const KritzelColor = KritzelColor$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { KritzelColor, defineCustomElement };
-//# sourceMappingURL=kritzel-color.js.map
-
-//# sourceMappingURL=kritzel-color.js.map
+import{K as o,d as s}from"./p-CXzfYQ_u.js";const p=o,r=s;export{p as KritzelColor,r as defineCustomElement}

package/dist/components/kritzel-context-menu.js

@@ -1,9 +1 @@
-import { K as KritzelContextMenu$1, d as defineCustomElement$1 } from './p-Bo-NQ68K.js';
-
-const KritzelContextMenu = KritzelContextMenu$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { KritzelContextMenu, defineCustomElement };
-//# sourceMappingURL=kritzel-context-menu.js.map
-
-//# sourceMappingURL=kritzel-context-menu.js.map
+import{K as s,d as o}from"./p-IAqZFssU.js";const p=s,r=o;export{p as KritzelContextMenu,r as defineCustomElement}

package/dist/components/kritzel-control-brush-config.js

@@ -1,9 +1 @@
-import { K as KritzelControlBrushConfig$1, d as defineCustomElement$1 } from './p-B80ry-r4.js';
-
-const KritzelControlBrushConfig = KritzelControlBrushConfig$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { KritzelControlBrushConfig, defineCustomElement };
-//# sourceMappingURL=kritzel-control-brush-config.js.map
-
-//# sourceMappingURL=kritzel-control-brush-config.js.map
+import{K as o,d as s}from"./p-CeKT_dTd.js";const d=o,p=s;export{d as KritzelControlBrushConfig,p as defineCustomElement}

package/dist/components/kritzel-control-text-config.js

@@ -1,9 +1 @@
-import { K as KritzelControlTextConfig$1, d as defineCustomElement$1 } from './p-vLN8eXFe.js';
-
-const KritzelControlTextConfig = KritzelControlTextConfig$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { KritzelControlTextConfig, defineCustomElement };
-//# sourceMappingURL=kritzel-control-text-config.js.map
-
-//# sourceMappingURL=kritzel-control-text-config.js.map
+import{K as o,d as r}from"./p-C3UriJh7.js";const s=o,p=r;export{s as KritzelControlTextConfig,p as defineCustomElement}

package/dist/components/kritzel-controls.js

@@ -1,9 +1 @@
-import { K as KritzelControls$1, d as defineCustomElement$1 } from './p-C92UCXyc.js';
-
-const KritzelControls = KritzelControls$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { KritzelControls, defineCustomElement };
-//# sourceMappingURL=kritzel-controls.js.map
-
-//# sourceMappingURL=kritzel-controls.js.map
+import{K as o,d as s}from"./p-B7Fdo5QJ.js";const p=o,r=s;export{p as KritzelControls,r as defineCustomElement}

package/dist/components/kritzel-cursor-trail.js

@@ -1,9 +1 @@
-import { K as KritzelCursorTrail$1, d as defineCustomElement$1 } from './p-CAxHKvww.js';
-
-const KritzelCursorTrail = KritzelCursorTrail$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { KritzelCursorTrail, defineCustomElement };
-//# sourceMappingURL=kritzel-cursor-trail.js.map
-
-//# sourceMappingURL=kritzel-cursor-trail.js.map
+import{K as o,d as p}from"./p-D1tfzpy8.js";const s=o,t=p;export{s as KritzelCursorTrail,t as defineCustomElement}

package/dist/components/kritzel-dropdown.js

@@ -1,9 +1 @@
-import { K as KritzelDropdown$1, d as defineCustomElement$1 } from './p-Cdw55iW6.js';
-
-const KritzelDropdown = KritzelDropdown$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { KritzelDropdown, defineCustomElement };
-//# sourceMappingURL=kritzel-dropdown.js.map
-
-//# sourceMappingURL=kritzel-dropdown.js.map
+import{K as o,d as s}from"./p-g0N9j_uT.js";const p=o,r=s;export{p as KritzelDropdown,r as defineCustomElement}