kritzel-stencil 0.0.126 → 0.0.128

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

@@ -0,0 +1,112 @@
+import { Host, h } from "@stencil/core";
+export class KritzelFontSize {
+    constructor() {
+        this.sizes = [8, 10, 12, 16, 20, 24];
+        this.selectedSize = null;
+        this.fontFamily = 'Arial';
+    }
+    handleSizeClick(size) {
+        this.selectedSize = size;
+        this.sizeChange.emit(size);
+    }
+    render() {
+        return (h(Host, { key: '08571feed86b37208956608b170ca1f782b7fb18' }, this.sizes.map(size => (h("div", { class: {
+                'size-container': true,
+                'selected': this.selectedSize === size,
+            }, onClick: () => this.handleSizeClick(size) }, h("kritzel-font", { fontFamily: this.fontFamily, size: size }))))));
+    }
+    static get is() { return "kritzel-font-size"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["kritzel-font-size.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["kritzel-font-size.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "sizes": {
+                "type": "unknown",
+                "attribute": "sizes",
+                "mutable": false,
+                "complexType": {
+                    "original": "number[]",
+                    "resolved": "number[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[8, 10, 12, 16, 20, 24]"
+            },
+            "selectedSize": {
+                "type": "number",
+                "attribute": "selected-size",
+                "mutable": true,
+                "complexType": {
+                    "original": "number | null",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "null"
+            },
+            "fontFamily": {
+                "type": "string",
+                "attribute": "font-family",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'Arial'"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "sizeChange",
+                "name": "sizeChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=kritzel-font-size.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kritzel-font-size.js","sourceRoot":"","sources":["../../../../src/components/shared/kritzel-font-size/kritzel-font-size.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAO9E,MAAM,OAAO,eAAe;IAL5B;QAOE,UAAK,GAAa,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;QAG1C,iBAAY,GAAkB,IAAI,CAAC;QAGnC,eAAU,GAAW,OAAO,CAAC;KA2B9B;IAtBS,eAAe,CAAC,IAAY;QAClC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,uDACF,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACtB,WACE,KAAK,EAAE;gBACL,gBAAgB,EAAE,IAAI;gBACtB,UAAU,EAAE,IAAI,CAAC,YAAY,KAAK,IAAI;aACvC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;YAEzC,oBAAc,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,GAAiB,CAClE,CACP,CAAC,CACG,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'kritzel-font-size',\r\n  styleUrl: 'kritzel-font-size.css',\r\n  shadow: true,\r\n})\r\nexport class KritzelFontSize {\r\n  @Prop()\r\n  sizes: number[] = [8, 10, 12, 16, 20, 24];\r\n\r\n  @Prop({ mutable: true })\r\n  selectedSize: number | null = null;\r\n\r\n  @Prop()\r\n  fontFamily: string = 'Arial';\r\n\r\n  @Event()\r\n  sizeChange: EventEmitter<number>;\r\n\r\n  private handleSizeClick(size: number) {\r\n    this.selectedSize = size;\r\n    this.sizeChange.emit(size);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        {this.sizes.map(size => (\r\n          <div\r\n            class={{\r\n              'size-container': true,\r\n              'selected': this.selectedSize === size,\r\n            }}\r\n            onClick={() => this.handleSizeClick(size)}\r\n          >\r\n            <kritzel-font fontFamily={this.fontFamily} size={size}></kritzel-font>\r\n          </div>\r\n        ))}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/shared/kritzel-icon/kritzel-icon.css

@@ -0,0 +1,17 @@
+:host {
+  display: inline-flex; /* Changed from block to inline-flex for better alignment */
+  justify-content: center; /* Center content horizontally */
+  align-items: center; /* Center content vertically */
+}
+
+span {
+  display: flex;
+  align-items: center;
+  width: 100%; /* Make span fill host width */
+  height: 100%; /* Make span fill host height */
+}
+
+span > svg { /* Ensure SVG scales within the span */
+  width: 100%;
+  height: 100%;
+}

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

@@ -0,0 +1,94 @@
+import { h, Host } from "@stencil/core";
+import { KritzelIconRegistry } from "../../../classes/registries/icon-registry.class";
+export class KritzelIcon {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const svgContent = KritzelIconRegistry.get(this.name);
+        if (!svgContent) {
+            console.error(`[kritzel-icon] Icon "${this.name}" not found in registry.`);
+            return h("span", { class: "error-icon", "aria-label": `Error: Icon ${this.name} not found` }, "?");
+        }
+        const styles = {
+            width: `${this.size}px`,
+            height: `${this.size}px`,
+        };
+        return (h(Host, { style: styles }, h("span", { "aria-hidden": !this.label, role: this.label ? 'img' : undefined, "aria-label": this.label, innerHTML: svgContent })));
+    }
+    static get is() { return "kritzel-icon"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["kritzel-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["kritzel-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "name": {
+                "type": "string",
+                "attribute": "name",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "label": {
+                "type": "string",
+                "attribute": "label",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}
+//# sourceMappingURL=kritzel-icon.js.map

package/dist/collection/components/shared/kritzel-icon/kritzel-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kritzel-icon.js","sourceRoot":"","sources":["../../../../src/components/shared/kritzel-icon/kritzel-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAOtF,MAAM,OAAO,WAAW;IALxB;QAaE,SAAI,GAAW,EAAE,CAAC;KA0BnB;IAxBC,MAAM;QACJ,MAAM,UAAU,GAAG,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEtD,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO,CAAC,KAAK,CAAC,wBAAwB,IAAI,CAAC,IAAI,0BAA0B,CAAC,CAAC;YAC3E,OAAO,YAAM,KAAK,EAAC,YAAY,gBAAa,eAAe,IAAI,CAAC,IAAI,YAAY,QAAU,CAAC;QAC7F,CAAC;QAED,MAAM,MAAM,GAAG;YACb,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI;YACvB,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI;SACzB,CAAC;QAEF,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,MAAM;YACjB,2BACe,CAAC,IAAI,CAAC,KAAK,EACxB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,gBACxB,IAAI,CAAC,KAAK,EACtB,SAAS,EAAE,UAAU,GACf,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Host } from '@stencil/core';\r\nimport { KritzelIconRegistry } from '../../../classes/registries/icon-registry.class';\r\n\r\n@Component({\r\n  tag: 'kritzel-icon',\r\n  styleUrl: 'kritzel-icon.css',\r\n  shadow: true,\r\n})\r\nexport class KritzelIcon {\r\n  @Prop()\r\n  name: string;\r\n\r\n  @Prop()\r\n  label?: string;\r\n\r\n  @Prop()\r\n  size: number = 24;\r\n\r\n  render() {\r\n    const svgContent = KritzelIconRegistry.get(this.name);\r\n\r\n    if (!svgContent) {\r\n      console.error(`[kritzel-icon] Icon \"${this.name}\" not found in registry.`);\r\n      return <span class=\"error-icon\" aria-label={`Error: Icon ${this.name} not found`}>?</span>;\r\n    }\r\n\r\n    const styles = {\r\n      width: `${this.size}px`,\r\n      height: `${this.size}px`,\r\n    };\r\n\r\n    return (\r\n      <Host style={styles}>\r\n        <span\r\n          aria-hidden={!this.label}\r\n          role={this.label ? 'img' : undefined}\r\n          aria-label={this.label}\r\n          innerHTML={svgContent}\r\n        ></span>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/shared/kritzel-menu/kritzel-menu.css

@@ -0,0 +1,166 @@
+:host {
+  display: flex;
+  flex-direction: column;
+  min-width: 180px;
+  padding: var(--kritzel-controls-padding, 8px);
+  background-color: var(--kritzel-controls-background-color, #ffffff);
+  border-radius: var(--kritzel-controls-border-radius, 12px);
+  box-shadow: var(--kritzel-controls-box-shadow, 0 0 3px rgba(0, 0, 0, 0.08));
+  border: var(--kritzel-controls-border, 1px solid #ebebeb);
+  z-index: 2;
+  gap: var(--kritzel-menu-item-gap, 4px);
+  overflow-y: auto;
+  scrollbar-color: #ebebeb transparent;
+  scrollbar-width: thin;
+}
+
+button {
+  all: unset;
+  background: transparent;
+  border: 0;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  line-height: inherit;
+  text-align: inherit;
+  cursor: pointer;
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  border-radius: 0;
+  -webkit-tap-highlight-color: transparent;
+}
+
+button:focus {
+  outline: none;
+}
+
+:host(:focus) {
+  outline: none;
+}
+
+.menu-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--kritzel-context-menu-item-padding, 8px);
+  border-radius: var(--kritzel-context-menu-item-border-radius, 12px);
+  cursor: pointer;
+  font-family: sans-serif;
+  font-size: var(--kritzel-context-menu-item-font-size, 14px);
+  color: var(--kritzel-context-menu-item-color, #333333);
+  gap: var(--kritzel-context-menu-item-gap, 12px);
+}
+
+.menu-item:focus,
+.menu-item:focus-within {
+  outline: none;
+  background-color: var(--kritzel-context-menu-item-hover-background-color, hsl(0, 0%, 0%, 4.3%));
+}
+
+.menu-item-label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.menu-item:not(.disabled):not(.inactive):not(.active):hover {
+  background-color: var(--kritzel-context-menu-item-hover-background-color, hsl(0, 0%, 0%, 4.3%));
+}
+
+.menu-item:not(.disabled):not(.inactive):not(.active):active {
+  background-color: var(--kritzel-context-menu-item-active-background-color, hsl(0, 0%, 0%, 8.6%));
+}
+
+.menu-item.active {
+  color: var(--kritzel-controls-background-color, #ffffff);
+  background-color: var(--kritzel-controls-control-selected-background-color, #007aff);
+}
+
+.menu-item.active kritzel-icon {
+  filter: brightness(0) invert(1);
+}
+
+.menu-item.active:hover {
+  background-color: var(--kritzel-controls-control-selected-hover-background-color, #0075f1);
+}
+
+.menu-item.disabled {
+  color: var(--kritzel-context-menu-item-disabled-color, #aaaaaa);
+  background-color: transparent;
+  cursor: default;
+}
+
+.menu-item.child-open {
+  background-color: var(--kritzel-context-menu-item-hover-background-color, hsl(0, 0%, 0%, 4.3%)) !important;
+}
+
+.menu-item.active.menu-item.child-open {
+  background-color: var(--kritzel-controls-control-selected-active-background-color, #0075f1) !important;
+}
+
+.menu-item kritzel-icon {
+  opacity: 0.8;
+  flex-shrink: 0;
+}
+
+.menu-item.disabled kritzel-icon {
+  opacity: 0.4;
+}
+
+.menu-item.edit-mode input {
+  background: transparent;
+  border: none;
+  outline: none;
+  font-size: inherit;
+  font-family: inherit;
+  color: inherit;
+  padding: 0;
+  width: 100%;
+  padding: 2px 0px;
+  border-bottom: 1px solid var(--kritzel-context-menu-item-color, #333333);
+}
+
+.menu-item.active.edit-mode input {
+  border-bottom: 1px solid var(--kritzel-controls-background-color, #ffffff);
+}
+
+.menu-item.edit-mode input::selection {
+  background-color: var(--kritzel-controls-control-selected-background-color, #007aff);
+  border-radius: 4px;
+  color: var(--kritzel-controls-background-color, #ffffff);
+}
+
+.menu-item.active.edit-mode input::selection {
+  background-color: var(--kritzel-menu-item-selected-input-background-color, #ffffff34);
+}
+
+.menu-item-button {
+  background: transparent;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.menu-item-button:hover {
+  background-color: var(--kritzel-context-menu-item-hover-background-color, hsl(0, 0%, 0%, 4.3%));
+}
+
+.menu-item-button:focus {
+  background-color: var(--kritzel-context-menu-item-hover-background-color, hsl(0, 0%, 0%, 4.3%));
+}
+
+.edit-container,
+.view-container {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--kritzel-context-menu-item-gap, 4px);
+}

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

@@ -0,0 +1,272 @@
+import { h, Host } from "@stencil/core";
+export class KritzelMenu {
+    constructor() {
+        this.items = [];
+        this.parentIndex = null;
+        this.parent = null;
+        this.activeItemIndex = null;
+        this.editingIndex = null;
+        this.openChildMenuIndex = null;
+        this.childMenuAnchor = null;
+        this.cancelButton = null;
+        this.saveButton = null;
+    }
+    onEditingIndexChange(newValue) {
+        if (newValue === null) {
+            this.openChildMenuIndex = null;
+            this.editInput = undefined;
+            return;
+        }
+    }
+    handleWindowClick(event) {
+        if (this.openChildMenuIndex === null) {
+            return;
+        }
+        const target = event.target;
+        if (!this.host.contains(target)) {
+            this.openChildMenuIndex = null;
+        }
+    }
+    handleEscape(event) {
+        var _a;
+        if (event.key === 'Escape') {
+            if (this.openChildMenuIndex !== null) {
+                return;
+            }
+            if (this.editingIndex !== null) {
+                (_a = this.cancelButton) === null || _a === void 0 ? void 0 : _a.click();
+                return;
+            }
+            this.close.emit();
+        }
+    }
+    handleEnter(event) {
+        var _a;
+        if (event.key === 'Enter') {
+            if (this.editingIndex !== null) {
+                (_a = this.saveButton) === null || _a === void 0 ? void 0 : _a.click();
+                return;
+            }
+        }
+    }
+    componentDidLoad() {
+        requestAnimationFrame(() => {
+            this.host.focus();
+        });
+    }
+    isViewMode(index) {
+        return this.editingIndex !== index;
+    }
+    handleSelect(item) {
+        var _a;
+        if (item.disabled || this.editingIndex !== null || this.openChildMenuIndex !== null) {
+            return;
+        }
+        (_a = item.select) === null || _a === void 0 ? void 0 : _a.call(item, item);
+    }
+    render() {
+        return (h(Host, { key: '6d98c1d40c1af36b7b36c45ddc96fb89ab6ebdca', tabIndex: 0 }, this.items.map((item, index) => (h("button", { tabIndex: 0, class: {
+                'menu-item': true,
+                'disabled': item.disabled,
+                'inactive': this.openChildMenuIndex !== null && this.openChildMenuIndex !== index,
+                'child-open': this.openChildMenuIndex === index,
+                'edit-mode': this.editingIndex === index,
+                'active': this.activeItemIndex === index,
+            }, onClick: () => this.handleSelect(item) }, this.isViewMode(index) === true && (h("div", { class: "view-container" }, h("span", { class: "menu-item-label" }, item.label), h("div", null, item.children && item.children.length > 0 && (h("button", { class: "menu-item-button", tabIndex: 0, onClick: event => {
+                if (this.editingIndex !== null)
+                    return;
+                event.stopPropagation();
+                this.childMenuAnchor = this.openChildMenuIndex === index ? null : event.currentTarget;
+                this.openChildMenuIndex = this.openChildMenuIndex === index ? null : index;
+            } }, h("kritzel-icon", { name: "ellipsis-vertical", size: 16 }))), this.openChildMenuIndex === index && (h("kritzel-portal", { anchor: this.childMenuAnchor, offsetY: 4, onClose: () => this.openChildMenuIndex = null }, h("kritzel-menu", { style: { minWidth: '100px' }, items: item.children, parentIndex: index, parent: item, onClose: () => {
+                var _a;
+                this.openChildMenuIndex = null;
+                (_a = this.childMenuAnchor) === null || _a === void 0 ? void 0 : _a.focus();
+            } })))))), this.isViewMode(index) === false && (h("div", { class: "edit-container" }, h("input", { tabIndex: 0, ref: el => {
+                this.editInput = el;
+                requestAnimationFrame(() => {
+                    var _a, _b;
+                    (_a = this.editInput) === null || _a === void 0 ? void 0 : _a.focus();
+                    (_b = this.editInput) === null || _b === void 0 ? void 0 : _b.select();
+                });
+            }, type: "text", name: 'menu-item-' + index, value: item.label, onInput: e => (item.label = e.target.value) }), h("div", { style: { display: 'flex', gap: '8px' } }, h("button", { ref: el => (this.cancelButton = el), class: "menu-item-button", tabIndex: 0, onClick: () => { var _a; return (_a = item.cancel) === null || _a === void 0 ? void 0 : _a.call(item, item); } }, h("kritzel-icon", { name: "x", size: 16 })), h("button", { ref: el => (this.saveButton = el), class: "menu-item-button", tabIndex: 0, onClick: () => { var _a; return (_a = item.save) === null || _a === void 0 ? void 0 : _a.call(item, item); } }, h("kritzel-icon", { name: "check", size: 16 }))))))))));
+    }
+    static get is() { return "kritzel-menu"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["kritzel-menu.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["kritzel-menu.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "items": {
+                "type": "unknown",
+                "attribute": "items",
+                "mutable": false,
+                "complexType": {
+                    "original": "KritzelMenuItem[]",
+                    "resolved": "KritzelMenuItem<any>[]",
+                    "references": {
+                        "KritzelMenuItem": {
+                            "location": "import",
+                            "path": "../../../interfaces/menu-item.interface",
+                            "id": "src/interfaces/menu-item.interface.ts::KritzelMenuItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "parentIndex": {
+                "type": "number",
+                "attribute": "parent-index",
+                "mutable": false,
+                "complexType": {
+                    "original": "number | null",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "null"
+            },
+            "parent": {
+                "type": "unknown",
+                "attribute": "parent",
+                "mutable": false,
+                "complexType": {
+                    "original": "KritzelMenuItem",
+                    "resolved": "KritzelMenuItem<any>",
+                    "references": {
+                        "KritzelMenuItem": {
+                            "location": "import",
+                            "path": "../../../interfaces/menu-item.interface",
+                            "id": "src/interfaces/menu-item.interface.ts::KritzelMenuItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "null"
+            },
+            "activeItemIndex": {
+                "type": "number",
+                "attribute": "active-item-index",
+                "mutable": false,
+                "complexType": {
+                    "original": "number | null",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "null"
+            },
+            "editingIndex": {
+                "type": "number",
+                "attribute": "editing-index",
+                "mutable": false,
+                "complexType": {
+                    "original": "number | null",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "null"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "openChildMenuIndex": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "close",
+                "name": "close",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "editingIndex",
+                "methodName": "onEditingIndexChange"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "click",
+                "method": "handleWindowClick",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "keydown",
+                "method": "handleEscape",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "keydown",
+                "method": "handleEnter",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }];
+    }
+}
+//# sourceMappingURL=kritzel-menu.js.map