@api-client/ui 0.5.58 → 0.6.0

package/build/src/elements/file-system/internals/ShareFile.styles.js

@@ -0,0 +1,98 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+  }
+
+  p {
+    margin: 0;
+  }
+
+  .people-with-access {
+    max-height: var(--filesystem-share-file-list-max-height, initial);
+    overflow-y: auto;
+    flex: 1 1 auto;
+  }
+
+  .immutable-permission {
+    color: var(--md-sys-color-on-surface-variant);
+  }
+
+  .grant-type-input {
+    min-width: 140px;
+  }
+
+  .share-input {
+    display: flex;
+    align-items: flex-start;
+    gap: 12px;
+
+    .autocomplete {
+      display: block;
+      flex-grow: 1;
+      min-height: 56px; /* min height of the select */
+    }
+
+    .input-container {
+      min-height: inherit;
+      height: 100%;
+      border: none;
+      padding: 4px 12px;
+      display: flex;
+      flex-wrap: wrap;
+      align-content: center;
+      box-sizing: border-box;
+      gap: 4px;
+      border-radius: 4px;
+      background-color: var(--md-sys-color-surface-container-lowest);
+
+      outline-color: var(--md-sys-color-primary);
+      outline-style: solid;
+      outline-width: 1px;
+      outline-offset: -1px;
+      transition:
+        outline-width 0.14s ease-in-out,
+        outline-offset 0.14s ease-in-out;
+
+      &:focus-within {
+        outline-width: 3px;
+        outline-offset: -3px;
+      }
+
+      .native-input {
+        min-height: 32px; /* The same as the chip */
+        flex: 1;
+        outline: none;
+        border: none;
+        background: transparent;
+        color: var(--md-sys-color-on-surface);
+        font-size: 1rem;
+        font-family: var(--md-sys-typescale-body-large-font-family);
+        line-height: var(--md-sys-typescale-body-large-line-height);
+        padding: 0;
+      }
+    }
+
+    .chips {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 4px;
+      margin: 0;
+      padding: 0;
+    }
+  }
+
+  .permission-item {
+    &.removed {
+      opacity: 0.74;
+
+      .permission-user-name,
+      .permission-user-email {
+        text-decoration: line-through;
+      }
+    }
+  }
+`;
+//# sourceMappingURL=ShareFile.styles.js.map

package/build/src/elements/file-system/internals/ShareFile.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareFile.styles.js","sourceRoot":"","sources":["../../../../../src/elements/file-system/internals/ShareFile.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+FjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  p {\n    margin: 0;\n  }\n\n  .people-with-access {\n    max-height: var(--filesystem-share-file-list-max-height, initial);\n    overflow-y: auto;\n    flex: 1 1 auto;\n  }\n\n  .immutable-permission {\n    color: var(--md-sys-color-on-surface-variant);\n  }\n\n  .grant-type-input {\n    min-width: 140px;\n  }\n\n  .share-input {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n\n    .autocomplete {\n      display: block;\n      flex-grow: 1;\n      min-height: 56px; /* min height of the select */\n    }\n\n    .input-container {\n      min-height: inherit;\n      height: 100%;\n      border: none;\n      padding: 4px 12px;\n      display: flex;\n      flex-wrap: wrap;\n      align-content: center;\n      box-sizing: border-box;\n      gap: 4px;\n      border-radius: 4px;\n      background-color: var(--md-sys-color-surface-container-lowest);\n\n      outline-color: var(--md-sys-color-primary);\n      outline-style: solid;\n      outline-width: 1px;\n      outline-offset: -1px;\n      transition:\n        outline-width 0.14s ease-in-out,\n        outline-offset 0.14s ease-in-out;\n\n      &:focus-within {\n        outline-width: 3px;\n        outline-offset: -3px;\n      }\n\n      .native-input {\n        min-height: 32px; /* The same as the chip */\n        flex: 1;\n        outline: none;\n        border: none;\n        background: transparent;\n        color: var(--md-sys-color-on-surface);\n        font-size: 1rem;\n        font-family: var(--md-sys-typescale-body-large-font-family);\n        line-height: var(--md-sys-typescale-body-large-line-height);\n        padding: 0;\n      }\n    }\n\n    .chips {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 4px;\n      margin: 0;\n      padding: 0;\n    }\n  }\n\n  .permission-item {\n    &.removed {\n      opacity: 0.74;\n\n      .permission-user-name,\n      .permission-user-email {\n        text-decoration: line-through;\n      }\n    }\n  }\n`\n"]}

package/build/src/elements/file-system/quick-api-filesystem.d.ts

@@ -0,0 +1,11 @@
+import type { CSSResultOrNative } from 'lit';
+import Element from './internals/QuickApiFilesystem.js';
+export declare class QuickApiFilesystemElement extends Element {
+    static styles: CSSResultOrNative[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'quick-api-filesystem': QuickApiFilesystemElement;
+    }
+}
+//# sourceMappingURL=quick-api-filesystem.d.ts.map

package/build/src/elements/file-system/quick-api-filesystem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quick-api-filesystem.d.ts","sourceRoot":"","sources":["../../../../src/elements/file-system/quick-api-filesystem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,OAAO,MAAM,mCAAmC,CAAA;AAIvD,qBACa,yBAA0B,SAAQ,OAAO;IACpD,OAAgB,MAAM,EAAE,iBAAiB,EAAE,CAAuB;CACnE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,yBAAyB,CAAA;KAClD;CACF"}

package/build/src/elements/file-system/quick-api-filesystem.js

@@ -0,0 +1,28 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import Element from './internals/QuickApiFilesystem.js';
+import styles from './internals/QuickApiFilesystem.styles.js';
+import typography from '../../styles/m3/typography.module.js';
+let QuickApiFilesystemElement = (() => {
+    let _classDecorators = [customElement('quick-api-filesystem')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = Element;
+    var QuickApiFilesystemElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            QuickApiFilesystemElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static styles = [styles, typography];
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return QuickApiFilesystemElement = _classThis;
+})();
+export { QuickApiFilesystemElement };
+//# sourceMappingURL=quick-api-filesystem.js.map

package/build/src/elements/file-system/quick-api-filesystem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quick-api-filesystem.js","sourceRoot":"","sources":["../../../../src/elements/file-system/quick-api-filesystem.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,mCAAmC,CAAA;AACvD,OAAO,MAAM,MAAM,0CAA0C,CAAA;AAC7D,OAAO,UAAU,MAAM,sCAAsC,CAAA;IAGhD,yBAAyB;4BADrC,aAAa,CAAC,sBAAsB,CAAC;;;;sBACS,OAAO;yCAAf,SAAQ,WAAO;;;;YAAtD,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;;YADvD,uDAAyB;;;;;SAAzB,yBAAyB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/QuickApiFilesystem.js'\nimport styles from './internals/QuickApiFilesystem.styles.js'\nimport typography from '../../styles/m3/typography.module.js'\n\n@customElement('quick-api-filesystem')\nexport class QuickApiFilesystemElement extends Element {\n  static override styles: CSSResultOrNative[] = [styles, typography]\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'quick-api-filesystem': QuickApiFilesystemElement\n  }\n}\n"]}

package/build/src/elements/file-system/share-file.d.ts

@@ -0,0 +1,20 @@
+import type { CSSResultOrNative } from 'lit';
+import Element from './internals/ShareFile.js';
+import '../autocomplete/autocomplete-input.js';
+import '../user/ui-user-avatar.js';
+import '../../md/listbox/ui-listbox.js';
+import '../../md/list/ui-list.js';
+import '../../md/list/ui-list-item.js';
+import '../../md/chip/ui-chip.js';
+import '../../md/select/ui-select.js';
+import '../../md/select/ui-option.js';
+import '../../md/divider/ui-divider.js';
+export declare class ShareFileElement extends Element {
+    static styles: CSSResultOrNative[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'share-file': ShareFileElement;
+    }
+}
+//# sourceMappingURL=share-file.d.ts.map

package/build/src/elements/file-system/share-file.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"share-file.d.ts","sourceRoot":"","sources":["../../../../src/elements/file-system/share-file.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,OAAO,MAAM,0BAA0B,CAAA;AAI9C,OAAO,uCAAuC,CAAA;AAC9C,OAAO,2BAA2B,CAAA;AAClC,OAAO,gCAAgC,CAAA;AACvC,OAAO,0BAA0B,CAAA;AACjC,OAAO,+BAA+B,CAAA;AACtC,OAAO,0BAA0B,CAAA;AACjC,OAAO,8BAA8B,CAAA;AACrC,OAAO,8BAA8B,CAAA;AACrC,OAAO,gCAAgC,CAAA;AAEvC,qBACa,gBAAiB,SAAQ,OAAO;IAC3C,OAAgB,MAAM,EAAE,iBAAiB,EAAE,CAAuB;CACnE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,gBAAgB,CAAA;KAC/B;CACF"}

package/build/src/elements/file-system/share-file.js

@@ -0,0 +1,37 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import Element from './internals/ShareFile.js';
+import styles from './internals/ShareFile.styles.js';
+import typography from '../../styles/m3/typography.module.js';
+import '../autocomplete/autocomplete-input.js';
+import '../user/ui-user-avatar.js';
+import '../../md/listbox/ui-listbox.js';
+import '../../md/list/ui-list.js';
+import '../../md/list/ui-list-item.js';
+import '../../md/chip/ui-chip.js';
+import '../../md/select/ui-select.js';
+import '../../md/select/ui-option.js';
+import '../../md/divider/ui-divider.js';
+let ShareFileElement = (() => {
+    let _classDecorators = [customElement('share-file')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = Element;
+    var ShareFileElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            ShareFileElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static styles = [styles, typography];
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return ShareFileElement = _classThis;
+})();
+export { ShareFileElement };
+//# sourceMappingURL=share-file.js.map

package/build/src/elements/file-system/share-file.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"share-file.js","sourceRoot":"","sources":["../../../../src/elements/file-system/share-file.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,0BAA0B,CAAA;AAC9C,OAAO,MAAM,MAAM,iCAAiC,CAAA;AACpD,OAAO,UAAU,MAAM,sCAAsC,CAAA;AAE7D,OAAO,uCAAuC,CAAA;AAC9C,OAAO,2BAA2B,CAAA;AAClC,OAAO,gCAAgC,CAAA;AACvC,OAAO,0BAA0B,CAAA;AACjC,OAAO,+BAA+B,CAAA;AACtC,OAAO,0BAA0B,CAAA;AACjC,OAAO,8BAA8B,CAAA;AACrC,OAAO,8BAA8B,CAAA;AACrC,OAAO,gCAAgC,CAAA;IAG1B,gBAAgB;4BAD5B,aAAa,CAAC,YAAY,CAAC;;;;sBACU,OAAO;gCAAf,SAAQ,WAAO;;;;YAA7C,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;;YADvD,uDAAgB;;;;;SAAhB,gBAAgB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/ShareFile.js'\nimport styles from './internals/ShareFile.styles.js'\nimport typography from '../../styles/m3/typography.module.js'\n\nimport '../autocomplete/autocomplete-input.js'\nimport '../user/ui-user-avatar.js'\nimport '../../md/listbox/ui-listbox.js'\nimport '../../md/list/ui-list.js'\nimport '../../md/list/ui-list-item.js'\nimport '../../md/chip/ui-chip.js'\nimport '../../md/select/ui-select.js'\nimport '../../md/select/ui-option.js'\nimport '../../md/divider/ui-divider.js'\n\n@customElement('share-file')\nexport class ShareFileElement extends Element {\n  static override styles: CSSResultOrNative[] = [styles, typography]\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'share-file': ShareFileElement\n  }\n}\n"]}

package/build/src/elements/file-system/ui-breadcrumbs.d.ts

@@ -1,5 +1,7 @@
 import type { CSSResultOrNative } from 'lit';
 import Element from './internals/Breadcrumbs.js';
+import '../../md/focus-ring/ui-focus-ring.js';
+import '../../md/icons/ui-icon.js';
 export declare class BreadcrumbsElement extends Element {
     static styles: CSSResultOrNative[];
 }

package/build/src/elements/file-system/ui-breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui-breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/elements/file-system/ui-breadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,OAAO,MAAM,4BAA4B,CAAA;AAIhD,qBACa,kBAAmB,SAAQ,OAAO;IAC7C,OAAgB,MAAM,EAAE,iBAAiB,EAAE,CAAmB;CAC/D;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,kBAAkB,CAAA;KACrC;CACF"}
+{"version":3,"file":"ui-breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/elements/file-system/ui-breadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,OAAO,MAAM,4BAA4B,CAAA;AAIhD,OAAO,sCAAsC,CAAA;AAC7C,OAAO,2BAA2B,CAAA;AAElC,qBACa,kBAAmB,SAAQ,OAAO;IAC7C,OAAgB,MAAM,EAAE,iBAAiB,EAAE,CAAmB;CAC/D;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,kBAAkB,CAAA;KACrC;CACF"}

package/build/src/elements/file-system/ui-breadcrumbs.js

@@ -3,6 +3,8 @@ import { customElement } from 'lit/decorators.js';
 import Element from './internals/Breadcrumbs.js';
 import styles from './internals/Breadcrumbs.styles.js';
 import layout from '../../styles/m3/layout.module.js';
+import '../../md/focus-ring/ui-focus-ring.js';
+import '../../md/icons/ui-icon.js';
 let BreadcrumbsElement = (() => {
     let _classDecorators = [customElement('ui-breadcrumbs')];
     let _classDescriptor;

package/build/src/elements/file-system/ui-breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-breadcrumbs.js","sourceRoot":"","sources":["../../../../src/elements/file-system/ui-breadcrumbs.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,4BAA4B,CAAA;AAChD,OAAO,MAAM,MAAM,mCAAmC,CAAA;AACtD,OAAO,MAAM,MAAM,kCAAkC,CAAA;IAGxC,kBAAkB;4BAD9B,aAAa,CAAC,gBAAgB,CAAC;;;;sBACQ,OAAO;kCAAf,SAAQ,WAAO;;;;YAA/C,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;;YADnD,uDAAkB;;;;;SAAlB,kBAAkB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/Breadcrumbs.js'\nimport styles from './internals/Breadcrumbs.styles.js'\nimport layout from '../../styles/m3/layout.module.js'\n\n@customElement('ui-breadcrumbs')\nexport class BreadcrumbsElement extends Element {\n  static override styles: CSSResultOrNative[] = [styles, layout]\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui-breadcrumbs': BreadcrumbsElement\n  }\n}\n"]}
+{"version":3,"file":"ui-breadcrumbs.js","sourceRoot":"","sources":["../../../../src/elements/file-system/ui-breadcrumbs.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,4BAA4B,CAAA;AAChD,OAAO,MAAM,MAAM,mCAAmC,CAAA;AACtD,OAAO,MAAM,MAAM,kCAAkC,CAAA;AAErD,OAAO,sCAAsC,CAAA;AAC7C,OAAO,2BAA2B,CAAA;IAGrB,kBAAkB;4BAD9B,aAAa,CAAC,gBAAgB,CAAC;;;;sBACQ,OAAO;kCAAf,SAAQ,WAAO;;;;YAA/C,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;;YADnD,uDAAkB;;;;;SAAlB,kBAAkB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/Breadcrumbs.js'\nimport styles from './internals/Breadcrumbs.styles.js'\nimport layout from '../../styles/m3/layout.module.js'\n\nimport '../../md/focus-ring/ui-focus-ring.js'\nimport '../../md/icons/ui-icon.js'\n\n@customElement('ui-breadcrumbs')\nexport class BreadcrumbsElement extends Element {\n  static override styles: CSSResultOrNative[] = [styles, layout]\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui-breadcrumbs': BreadcrumbsElement\n  }\n}\n"]}

package/build/src/elements/layout/SplitItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SplitItem.d.ts","sourceRoot":"","sources":["../../../../src/elements/layout/SplitItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,MAAM,MAAM,kBAAkB,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,KAAK,cAAc,CAAA;AAEtF,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;;;;;;OAOG;IACH,GAAG,EAAE,MAAM,CAAA;IACX;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,qBAAa,SAAU,YAAW,UAAU;IA6BjC,OAAO,EAAE,WAAW;IA5B7B,IAAI,SAAK;IAET,GAAG,SAAK;IAER,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf,KAAK,SAAK;IAEV,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,KAAK,SAAI;IAET,IAAI,CAAC,EAAE,QAAQ,CAAA;IAEf,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;OAIG;gBAEM,OAAO,EAAE,WAAW,EAC3B,MAAM,EAAE,UAAU;IAKpB,GAAG,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;IA0C7B,MAAM,IAAI,UAAU;IA+CpB;;OAEG;IACH,UAAU,IAAI,UAAU,EAAE;IAsB1B;;;;;OAKG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,UAAO,GAAG,IAAI;IAW7C,UAAU,IAAI,IAAI;IAKlB,YAAY,IAAI,IAAI;CAGrB"}
+{"version":3,"file":"SplitItem.d.ts","sourceRoot":"","sources":["../../../../src/elements/layout/SplitItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,MAAM,MAAM,kBAAkB,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,KAAK,cAAc,CAAA;AAEtF,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;;;;;;OAOG;IACH,GAAG,EAAE,MAAM,CAAA;IACX;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,qBAAa,SAAU,YAAW,UAAU;IA6BjC,OAAO,EAAE,WAAW;IA5B7B,IAAI,SAAK;IAET,GAAG,SAAK;IAER,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf,KAAK,SAAK;IAEV,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,KAAK,SAAI;IAET,IAAI,CAAC,EAAE,QAAQ,CAAA;IAEf,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;OAIG;gBAEM,OAAO,EAAE,WAAW,EAC3B,MAAM,EAAE,UAAU;IAKpB,GAAG,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;IA0C7B,MAAM,IAAI,UAAU;IAuCpB;;OAEG;IACH,UAAU,IAAI,UAAU,EAAE;IAsB1B;;;;;OAKG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,UAAO,GAAG,IAAI;IAW7C,UAAU,IAAI,IAAI;IAKlB,YAAY,IAAI,IAAI;CAGrB"}

package/build/src/elements/layout/SplitItem.js

@@ -107,13 +107,6 @@ export class SplitItem {
         }
         return result;
     }
-    // /**
-    //  * @returns The parent of the item. Returns undefined when the item was removed from layout.
-    //  * @deprecated Use `getParents()` instead.
-    //  */
-    // getParent(): SplitPanel | undefined {
-    //   return this.manager.getParent(this.key);
-    // }
     /**
      * @returns The parent of the item. Returns undefined when the item was removed from layout.
      */

package/build/src/elements/layout/SplitItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitItem.js","sourceRoot":"","sources":["../../../../src/elements/layout/SplitItem.ts"],"names":[],"mappings":"AAmEA,MAAM,OAAO,SAAS;IA6BX;IA5BT,IAAI,GAAG,EAAE,CAAA;IAET,GAAG,GAAG,EAAE,CAAA;IAER,MAAM,CAAS;IAEf,KAAK,GAAG,EAAE,CAAA;IAEV,MAAM,CAAU;IAEhB,KAAK,GAAG,CAAC,CAAA;IAET,IAAI,CAAW;IAEf,UAAU,CAAU;IAEpB,OAAO,CAAU;IAEjB,OAAO,CAAU;IAEjB,KAAK,CAAU;IAEf;;;;OAIG;IACH,YACS,OAAoB,EAC3B,MAAkB;QADX,YAAO,GAAP,OAAO,CAAa;QAG3B,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IAClB,CAAC;IAED,GAAG,CAAC,MAAkB;QACpB,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;QACvB,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;QACrB,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;QACzB,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;YAClB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;QAC7B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,MAAM,GAAG,SAAS,CAAA;QACzB,CAAC;QACD,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;YAChB,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;QACzB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,IAAI,GAAG,SAAS,CAAA;QACvB,CAAC;QACD,IAAI,OAAO,MAAM,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;YACvC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;QAC7B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,MAAM,GAAG,SAAS,CAAA;QACzB,CAAC;QACD,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;YAC3C,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAA;QACrC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,UAAU,GAAG,SAAS,CAAA;QAC7B,CAAC;QACD,IAAI,OAAO,MAAM,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YACxC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAA;QAC/B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,OAAO,GAAG,SAAS,CAAA;QAC1B,CAAC;QACD,IAAI,OAAO,MAAM,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YACxC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAA;QAC/B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,OAAO,GAAG,SAAS,CAAA;QAC1B,CAAC;QACD,IAAI,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YACrC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;QAC3B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,KAAK,GAAG,CAAC,CAAA;QAChB,CAAC;QACD,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;IAC3B,CAAC;IAED,MAAM;QACJ,MAAM,MAAM,GAAe;YACzB,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAA;QACD,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;QAC7B,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;QACzB,CAAC;QACD,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;YACrC,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;QAC7B,CAAC;QACD,IAAI,OAAO,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;YACzC,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAA;QACrC,CAAC;QACD,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YACtC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;QAC/B,CAAC;QACD,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YACtC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;QAC/B,CAAC;QACD,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YACnC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;QAC3B,CAAC;QACD,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,oBAAoB;YACpB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAkC,CAAA;YACrD,IAAI,OAAO,KAAK,CAAC,MAAM,KAAK,UAAU,EAAE,CAAC;gBACvC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,CAAA;YAC/B,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;YAC3B,CAAC;QACH,CAAC;QACD,OAAO,MAAM,CAAA;IACf,CAAC;IAED,MAAM;IACN,+FAA+F;IAC/F,6CAA6C;IAC7C,MAAM;IACN,wCAAwC;IACxC,6CAA6C;IAC7C,IAAI;IAEJ;;OAEG;IACH,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAC1C,CAAC;IAED,MAAM;IACN,0EAA0E;IAC1E,MAAM;IACN,mBAAmB;IACnB,uCAAuC;IACvC,IAAI;IAEJ,MAAM;IACN,gDAAgD;IAChD,MAAM;IACN,wBAAwB;IACxB,qCAAqC;IACrC,kBAAkB;IAClB,kCAAkC;IAClC,2BAA2B;IAC3B,MAAM;IACN,IAAI;IAEJ;;;;;OAKG;IACH,QAAQ,CAAC,KAAa,EAAE,OAAO,GAAG,IAAI;QACpC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACnC,OAAM;QACR,CAAC;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAClB,IAAI,OAAO,EAAE,CAAC;YACZ,IAAI,CAAC,UAAU,EAAE,CAAA;YACjB,IAAI,CAAC,YAAY,EAAE,CAAA;QACrB,CAAC;IACH,CAAC;IAED,UAAU;QACR,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,CAAA;QAChC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAA;IAC/C,CAAC;IAED,YAAY;QACV,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,CAAA;IAC7B,CAAC;CACF","sourcesContent":["import { TemplateResult } from 'lit'\nimport { IconType } from '../../md/icons/Icons.js'\nimport { SplitLayout } from './SplitLayout.js'\nimport { SplitPanel } from './SplitPanel.js'\n\nexport type ItemRenderCallback = (item: SplitItem, visible: boolean) => TemplateResult\n\nexport interface ISplitItem {\n  /**\n   * The kind of opened item. This is to be used by the application\n   * to recognize a kind of item to render. It is transparent to the layout system.\n   */\n  kind: string\n  /**\n   * The key of the opened item. This is to be used by the application to identify\n   * the rendered item. It is also used by the manager to identify the item.\n   * It has to be unique key across the layout.\n   *\n   * Note, multiple panels can render the same item, however, they all share\n   * the same item's state.\n   */\n  key: string\n  /**\n   * Optional parent information that helps locating this object.\n   * This is the item's parent, not related to a layout.\n   */\n  parent?: string\n  /**\n   * The label to render in the layout tab.\n   */\n  label: string\n  /**\n   * Whether the tab is pinned (cannot be closed or moved).\n   */\n  pinned?: boolean\n  /**\n   * The tab index.\n   */\n  index?: number\n  /**\n   * The icon defined in the internal library to render with the tab.\n   */\n  icon?: IconType\n  /**\n   * A tab that is always present in the layout. The user can't close this tab.\n   */\n  persistent?: boolean\n  /**\n   * A property to be used by the screen to indicate the property is being loaded\n   * (from a data store, file, etc).\n   */\n  loading?: boolean\n  /**\n   * Indicates the item has been changed and is out of sync with the data store.\n   */\n  isDirty?: boolean\n\n  /**\n   * The layout value. Can be used to pass the object to render to the layout's render function.\n   * This must be a serializable object as it will be passed to the `storeCallback`.\n   *\n   * This also can be used to temporary store unsaved changes to the object and sync the changes\n   * on save action.\n   */\n  value?: unknown\n}\n\nexport class SplitItem implements ISplitItem {\n  kind = ''\n\n  key = ''\n\n  parent?: string\n\n  label = ''\n\n  pinned?: boolean\n\n  index = 0\n\n  icon?: IconType\n\n  persistent?: boolean\n\n  loading?: boolean\n\n  isDirty?: boolean\n\n  value?: unknown\n\n  /**\n   * @param manager A reference to the manager.\n   * @param id The id of the item in the layout system. This value is never serialized.\n   * @param schema A schema to restore the state of the panel.\n   */\n  constructor(\n    public manager: SplitLayout,\n    schema: ISplitItem\n  ) {\n    this.new(schema)\n  }\n\n  new(schema: ISplitItem): void {\n    this.kind = schema.kind\n    this.key = schema.key\n    this.label = schema.label\n    if (schema.parent) {\n      this.parent = schema.parent\n    } else {\n      this.parent = undefined\n    }\n    if (schema.icon) {\n      this.icon = schema.icon\n    } else {\n      this.icon = undefined\n    }\n    if (typeof schema.pinned === 'boolean') {\n      this.pinned = schema.pinned\n    } else {\n      this.pinned = undefined\n    }\n    if (typeof schema.persistent === 'boolean') {\n      this.persistent = schema.persistent\n    } else {\n      this.persistent = undefined\n    }\n    if (typeof schema.loading === 'boolean') {\n      this.loading = schema.loading\n    } else {\n      this.loading = undefined\n    }\n    if (typeof schema.isDirty === 'boolean') {\n      this.isDirty = schema.isDirty\n    } else {\n      this.isDirty = undefined\n    }\n    if (typeof schema.index === 'number') {\n      this.index = schema.index\n    } else {\n      this.index = 0\n    }\n    this.value = schema.value\n  }\n\n  toJSON(): ISplitItem {\n    const result: ISplitItem = {\n      key: this.key,\n      kind: this.kind,\n      label: this.label,\n    }\n    if (this.parent) {\n      result.parent = this.parent\n    }\n    if (this.icon) {\n      result.icon = this.icon\n    }\n    if (typeof this.pinned === 'boolean') {\n      result.pinned = this.pinned\n    }\n    if (typeof this.persistent === 'boolean') {\n      result.persistent = this.persistent\n    }\n    if (typeof this.loading === 'boolean') {\n      result.loading = this.loading\n    }\n    if (typeof this.isDirty === 'boolean') {\n      result.isDirty = this.isDirty\n    }\n    if (typeof this.index === 'number') {\n      result.index = this.index\n    }\n    if (this.value) {\n      // try toJSON if any\n      const typed = this.value as { toJSON: () => unknown }\n      if (typeof typed.toJSON === 'function') {\n        result.value = typed.toJSON()\n      } else {\n        result.value = this.value\n      }\n    }\n    return result\n  }\n\n  // /**\n  //  * @returns The parent of the item. Returns undefined when the item was removed from layout.\n  //  * @deprecated Use `getParents()` instead.\n  //  */\n  // getParent(): SplitPanel | undefined {\n  //   return this.manager.getParent(this.key);\n  // }\n\n  /**\n   * @returns The parent of the item. Returns undefined when the item was removed from layout.\n   */\n  getParents(): SplitPanel[] {\n    return this.manager.getParents(this.key)\n  }\n\n  // /**\n  //  * Removes self from the layout. This removes the item from all panels.\n  //  */\n  // remove(): void {\n  //   this.manager.removeItem(this.key);\n  // }\n\n  // /**\n  //  * Sets the item active in the parent layout.\n  //  */\n  // setSelected(): void {\n  //   const parent = this.getParent();\n  //   if (parent) {\n  //     parent.selected = this.key;\n  //     this.notifyChange();\n  //   }\n  // }\n\n  /**\n   * Updates the label and triggers side effects like layout and view update.\n   *\n   * @param value The new value of the label. Empty values are ignored.\n   * @param trigger Whether to trigger side effects (requesting a view update and notifying change)\n   */\n  setLabel(value: string, trigger = true): void {\n    if (!value || this.label === value) {\n      return\n    }\n    this.label = value\n    if (trigger) {\n      this.updateView()\n      this.notifyChange()\n    }\n  }\n\n  updateView(): void {\n    const panels = this.getParents()\n    panels.forEach((panel) => panel.updateView())\n  }\n\n  notifyChange(): void {\n    this.manager.notifyChange()\n  }\n}\n"]}
+{"version":3,"file":"SplitItem.js","sourceRoot":"","sources":["../../../../src/elements/layout/SplitItem.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult } from 'lit'\nimport { IconType } from '../../md/icons/Icons.js'\nimport { SplitLayout } from './SplitLayout.js'\nimport { SplitPanel } from './SplitPanel.js'\n\nexport type ItemRenderCallback = (item: SplitItem, visible: boolean) => TemplateResult\n\nexport interface ISplitItem {\n  /**\n   * The kind of opened item. This is to be used by the application\n   * to recognize a kind of item to render. It is transparent to the layout system.\n   */\n  kind: string\n  /**\n   * The key of the opened item. This is to be used by the application to identify\n   * the rendered item. It is also used by the manager to identify the item.\n   * It has to be unique key across the layout.\n   *\n   * Note, multiple panels can render the same item, however, they all share\n   * the same item's state.\n   */\n  key: string\n  /**\n   * Optional parent information that helps locating this object.\n   * This is the item's parent, not related to a layout.\n   */\n  parent?: string\n  /**\n   * The label to render in the layout tab.\n   */\n  label: string\n  /**\n   * Whether the tab is pinned (cannot be closed or moved).\n   */\n  pinned?: boolean\n  /**\n   * The tab index.\n   */\n  index?: number\n  /**\n   * The icon defined in the internal library to render with the tab.\n   */\n  icon?: IconType\n  /**\n   * A tab that is always present in the layout. The user can't close this tab.\n   */\n  persistent?: boolean\n  /**\n   * A property to be used by the screen to indicate the property is being loaded\n   * (from a data store, file, etc).\n   */\n  loading?: boolean\n  /**\n   * Indicates the item has been changed and is out of sync with the data store.\n   */\n  isDirty?: boolean\n\n  /**\n   * The layout value. Can be used to pass the object to render to the layout's render function.\n   * This must be a serializable object as it will be passed to the `storeCallback`.\n   *\n   * This also can be used to temporary store unsaved changes to the object and sync the changes\n   * on save action.\n   */\n  value?: unknown\n}\n\nexport class SplitItem implements ISplitItem {\n  kind = ''\n\n  key = ''\n\n  parent?: string\n\n  label = ''\n\n  pinned?: boolean\n\n  index = 0\n\n  icon?: IconType\n\n  persistent?: boolean\n\n  loading?: boolean\n\n  isDirty?: boolean\n\n  value?: unknown\n\n  /**\n   * @param manager A reference to the manager.\n   * @param id The id of the item in the layout system. This value is never serialized.\n   * @param schema A schema to restore the state of the panel.\n   */\n  constructor(\n    public manager: SplitLayout,\n    schema: ISplitItem\n  ) {\n    this.new(schema)\n  }\n\n  new(schema: ISplitItem): void {\n    this.kind = schema.kind\n    this.key = schema.key\n    this.label = schema.label\n    if (schema.parent) {\n      this.parent = schema.parent\n    } else {\n      this.parent = undefined\n    }\n    if (schema.icon) {\n      this.icon = schema.icon\n    } else {\n      this.icon = undefined\n    }\n    if (typeof schema.pinned === 'boolean') {\n      this.pinned = schema.pinned\n    } else {\n      this.pinned = undefined\n    }\n    if (typeof schema.persistent === 'boolean') {\n      this.persistent = schema.persistent\n    } else {\n      this.persistent = undefined\n    }\n    if (typeof schema.loading === 'boolean') {\n      this.loading = schema.loading\n    } else {\n      this.loading = undefined\n    }\n    if (typeof schema.isDirty === 'boolean') {\n      this.isDirty = schema.isDirty\n    } else {\n      this.isDirty = undefined\n    }\n    if (typeof schema.index === 'number') {\n      this.index = schema.index\n    } else {\n      this.index = 0\n    }\n    this.value = schema.value\n  }\n\n  toJSON(): ISplitItem {\n    const result: ISplitItem = {\n      key: this.key,\n      kind: this.kind,\n      label: this.label,\n    }\n    if (this.parent) {\n      result.parent = this.parent\n    }\n    if (this.icon) {\n      result.icon = this.icon\n    }\n    if (typeof this.pinned === 'boolean') {\n      result.pinned = this.pinned\n    }\n    if (typeof this.persistent === 'boolean') {\n      result.persistent = this.persistent\n    }\n    if (typeof this.loading === 'boolean') {\n      result.loading = this.loading\n    }\n    if (typeof this.isDirty === 'boolean') {\n      result.isDirty = this.isDirty\n    }\n    if (typeof this.index === 'number') {\n      result.index = this.index\n    }\n    if (this.value) {\n      // try toJSON if any\n      const typed = this.value as { toJSON: () => unknown }\n      if (typeof typed.toJSON === 'function') {\n        result.value = typed.toJSON()\n      } else {\n        result.value = this.value\n      }\n    }\n    return result\n  }\n\n  /**\n   * @returns The parent of the item. Returns undefined when the item was removed from layout.\n   */\n  getParents(): SplitPanel[] {\n    return this.manager.getParents(this.key)\n  }\n\n  // /**\n  //  * Removes self from the layout. This removes the item from all panels.\n  //  */\n  // remove(): void {\n  //   this.manager.removeItem(this.key);\n  // }\n\n  // /**\n  //  * Sets the item active in the parent layout.\n  //  */\n  // setSelected(): void {\n  //   const parent = this.getParent();\n  //   if (parent) {\n  //     parent.selected = this.key;\n  //     this.notifyChange();\n  //   }\n  // }\n\n  /**\n   * Updates the label and triggers side effects like layout and view update.\n   *\n   * @param value The new value of the label. Empty values are ignored.\n   * @param trigger Whether to trigger side effects (requesting a view update and notifying change)\n   */\n  setLabel(value: string, trigger = true): void {\n    if (!value || this.label === value) {\n      return\n    }\n    this.label = value\n    if (trigger) {\n      this.updateView()\n      this.notifyChange()\n    }\n  }\n\n  updateView(): void {\n    const panels = this.getParents()\n    panels.forEach((panel) => panel.updateView())\n  }\n\n  notifyChange(): void {\n    this.manager.notifyChange()\n  }\n}\n"]}

package/build/src/elements/navigation/internals/Navigation.d.ts

@@ -58,7 +58,7 @@ export default class Navigation extends LitElement {
      * or the first item if none are selected, receives `tabindex="0"`.
      * All other items receive `tabindex="-1"`.
      */
-    private _setTabIndexes;
+    private _setupItems;
     private _getEnabledItems;
     private _onClick;
     private _selectItem;

package/build/src/elements/navigation/internals/Navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/internals/Navigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAE3D,OAAO,KAAK,cAAc,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,UAAU;IAChD;;;OAGG;IACwC,QAAQ,CAAC,WAAW,EAAE,YAAY,GAAG,UAAU,CAAa;IAEvG;;;;OAIG;IACwC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAK;IAE7E;;OAEG;IACuC,QAAQ,CAAC,MAAM,EAAG,cAAc,EAAE,CAAA;IAEnE,MAAM,IAAI,cAAc;;IAcxB,YAAY;IAIrB,OAAO,CAAC,aAAa,CAEpB;IAED;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,QAAQ,CAMf;IAED,OAAO,CAAC,WAAW;IA0BnB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,UAAU;CAyCnB"}
+{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/internals/Navigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAE3D,OAAO,KAAK,cAAc,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,UAAU;IAChD;;;OAGG;IACwC,QAAQ,CAAC,WAAW,EAAE,YAAY,GAAG,UAAU,CAAa;IAEvG;;;;OAIG;IACwC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAK;IAE7E;;OAEG;IACuC,QAAQ,CAAC,MAAM,EAAG,cAAc,EAAE,CAAA;IAEnE,MAAM,IAAI,cAAc;;IAcxB,YAAY;IAIrB,OAAO,CAAC,aAAa,CAEpB;IAED;;;;OAIG;IACH,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,QAAQ,CAMf;IAED,OAAO,CAAC,WAAW;IA0BnB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,UAAU;CAyCnB"}

package/build/src/elements/navigation/internals/Navigation.js

@@ -67,17 +67,17 @@ let Navigation = (() => {
             this.addEventListener('click', this._onClick.bind(this));
         }
         firstUpdated() {
-            this._setTabIndexes();
+            this._setupItems();
         }
         _onSlotChange = (__runInitializers(this, __items_extraInitializers), () => {
-            this._setTabIndexes();
+            this._setupItems();
         });
         /**
          * Sets the initial `tabindex` for the items. The first selected item,
          * or the first item if none are selected, receives `tabindex="0"`.
          * All other items receive `tabindex="-1"`.
          */
-        _setTabIndexes() {
+        _setupItems() {
             const items = this._getEnabledItems();
             if (!items.length) {
                 return;
@@ -87,6 +87,12 @@ let Navigation = (() => {
                     return;
                 }
                 item.setAttribute('tabindex', item.selected ? '0' : '-1');
+                if (item.selected && this.current) {
+                    item.setAttribute('aria-current', this.current);
+                }
+                else if (!item.selected && item.hasAttribute('aria-current')) {
+                    item.removeAttribute('aria-current');
+                }
             });
         }
         _getEnabledItems() {
@@ -120,7 +126,7 @@ let Navigation = (() => {
             }));
         }
         _updateFocus(itemToFocus) {
-            this._setTabIndexes();
+            this._setupItems();
             itemToFocus.focus();
         }
         _onKeyDown(e) {

package/build/src/elements/navigation/internals/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../../../src/elements/navigation/internals/Navigation.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;;sBAoC3B,UAAU;;;;;;;;;;iBAA7B,UAAW,SAAQ,WAAU;;;uCAK/C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mCAOzC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kCAKzC,qBAAqB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;YAZE,sLAAS,WAAW,6BAAX,WAAW,iGAAwC;YAO5D,0KAAS,OAAO,6BAAP,OAAO,yFAAkB;YAKnC,uKAAS,MAAM,6BAAN,MAAM,uFAAmB;;;QAZjC,mFAAkD,UAAU;QAEvG;;;;WAIG;UANoG;QAJvG;;;WAGG;QACwC,IAAS,WAAW,iDAAwC;QAA5D,IAAS,WAAW,uDAAwC;QAO5D,qIAAgC,EAAE;QAE7E;;WAEG;WAJ0E;QAL7E;;;;WAIG;QACwC,IAAS,OAAO,6CAAkB;QAAlC,IAAS,OAAO,mDAAkB;QAKnC,wIAAkC;QAH5E;;WAEG;QACuC,IAAS,MAAM,4CAAmB;QAAlC,IAAS,MAAM,kDAAmB;QAEnE,MAAM;YACb,OAAO,IAAI,CAAA;yBACU,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,YAAY;6BAC3C,IAAI,CAAC,aAAa;;KAE1C,CAAA;QACH,CAAC;QAED;YACE,KAAK,EAAE,CAAA;YACP,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;YAC5D,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;QAC1D,CAAC;QAEQ,YAAY;YACnB,IAAI,CAAC,cAAc,EAAE,CAAA;QACvB,CAAC;QAEO,aAAa,wDAAG,GAAG,EAAE;YAC3B,IAAI,CAAC,cAAc,EAAE,CAAA;QACvB,CAAC,EAAA;QAED;;;;WAIG;QACK,cAAc;YACpB,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAA;YACrC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;gBAClB,OAAM;YACR,CAAC;YACD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBACrB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;oBAClB,OAAM;gBACR,CAAC;gBACD,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;YAC3D,CAAC,CAAC,CAAA;QACJ,CAAC;QAEO,gBAAgB;YACtB,OAAO,CAAC,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC7D,CAAC;QAEO,QAAQ,GAAG,CAAC,CAAa,EAAE,EAAE;YACnC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAA;YACtC,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAA;YACjD,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;gBACvC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;YACxB,CAAC;QACH,CAAC,CAAA;QAEO,WAAW,CAAC,YAA4B;YAC9C,IAAI,YAAY,CAAC,QAAQ,EAAE,CAAC;gBAC1B,OAAM;YACR,CAAC;YAED,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC3B,IAAI,CAAC,QAAQ,GAAG,IAAI,KAAK,YAAY,CAAA;gBACrC,IAAI,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE,CAAC;oBACtC,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,CAAA;gBACtC,CAAC;YACH,CAAC,CAAC,CAAA;YAEF,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,YAAY,CAAC,YAAY,CAAC,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;YACzD,CAAC;YACD,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAA;YAE/B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;gBACxB,MAAM,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;gBAC9B,OAAO,EAAE,KAAK;gBACd,QAAQ,EAAE,IAAI;aACf,CAAC,CACH,CAAA;QACH,CAAC;QAEO,YAAY,CAAC,WAA2B;YAC9C,IAAI,CAAC,cAAc,EAAE,CAAA;YACrB,WAAW,CAAC,KAAK,EAAE,CAAA;QACrB,CAAC;QAEO,UAAU,CAAC,CAAgB;YACjC,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAA;YACrC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;gBAClB,OAAM;YACR,CAAC;YAED,MAAM,aAAa,GAAI,IAAI,CAAC,WAAW,EAA4B,CAAC,aAAa,CAAA;YACjF,IAAI,CAAC,aAAa,EAAE,CAAC;gBACnB,OAAM;YACR,CAAC;YAED,6DAA6D;YAC7D,uEAAuE;YACvE,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,aAAa,IAAI,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAA;YAC3G,IAAI,CAAC,UAAU,EAAE,CAAC;gBAChB,OAAM;YACR,CAAC;YAED,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvC,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAA;gBAC5B,OAAM;YACR,CAAC;YAED,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAA;YACrC,IAAI,OAAO,GAAG,GAAG,CAAA;YACjB,IAAI,IAAI,CAAC,WAAW,KAAK,YAAY,EAAE,CAAC;gBACtC,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY;oBAAE,OAAO,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAA;gBAC9D,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW;oBAAE,OAAO,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAA;YAC9E,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW;oBAAE,OAAO,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAA;gBAC7D,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS;oBAAE,OAAO,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAA;YAC5E,CAAC;YACD,IAAI,CAAC,CAAC,GAAG,KAAK,MAAM;gBAAE,OAAO,GAAG,CAAC,CAAA;YACjC,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK;gBAAE,OAAO,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;YAC/C,IAAI,OAAO,KAAK,GAAG,EAAE,CAAC;gBACpB,KAAK,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAA;gBACtB,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;gBACrF,CAAC,CAAC,cAAc,EAAE,CAAA;YACpB,CAAC;QACH,CAAC;;;AA9KH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,0BA+IC","sourcesContent":["import { html, LitElement, type TemplateResult } from 'lit'\nimport { property, queryAssignedElements } from 'lit/decorators.js'\nimport type NavigationItem from './NavigationItem.js'\nimport { AriaCurrent } from '../../../types/aria.js'\n\n/**\n * NavigationList\n *\n * A semantic, accessible navigation container for `ui-navigation-item` elements.\n * Handles keyboard navigation (roving tabindex), focus management, and ARIA roles.\n *\n * ## Usage Example\n *\n * ```html\n * <ui-navigation aria-label=\"Main navigation\" current=\"page\">\n *   <ui-navigation-item selected>\n *     <span slot=\"icon\" aria-hidden=\"true\">🏠</span>\n *     Home\n *   </ui-navigation-item>\n *   <ui-navigation-item>\n *     <span slot=\"icon\" aria-hidden=\"true\">🔍</span>\n *     Search\n *   </ui-navigation-item>\n *   <ui-navigation-item>\n *     <span slot=\"icon\" aria-hidden=\"true\">📁</span>\n *     Files\n *   </ui-navigation-item>\n *   <ui-navigation-item iconOnly disabled aria-disabled=\"true\" tabindex=\"-1\">\n *     <span slot=\"icon\" aria-hidden=\"true\">⚙️</span>\n *   </ui-navigation-item>\n * </ui-navigation>\n * ```\n *\n * @slot - Place `ui-navigation-item` elements as direct children.\n * @fires select - Dispatched when an item is selected via click or keyboard.\n *                 The `detail` object contains the selected `item`.\n */\nexport default class Navigation extends LitElement {\n  /**\n   * Orientation of the navigation: 'horizontal' or 'vertical'.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor orientation: 'horizontal' | 'vertical' = 'vertical'\n\n  /**\n   * The current item in the navigation, used for ARIA attributes.\n   * Can be 'page', 'step', 'location', 'date', 'time', 'true', 'false', or ''.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor current: AriaCurrent = ''\n\n  /**\n   * Query all ui-navigation-item children\n   */\n  @queryAssignedElements({ flatten: true }) accessor _items!: NavigationItem[]\n\n  override render(): TemplateResult {\n    return html`\n      <nav aria-label=\"${this.getAttribute('aria-label') || 'Navigation'}\">\n        <slot @slotchange=\"${this._onSlotChange}\"></slot>\n      </nav>\n    `\n  }\n\n  constructor() {\n    super()\n    this.addEventListener('keydown', this._onKeyDown.bind(this))\n    this.addEventListener('click', this._onClick.bind(this))\n  }\n\n  override firstUpdated() {\n    this._setTabIndexes()\n  }\n\n  private _onSlotChange = () => {\n    this._setTabIndexes()\n  }\n\n  /**\n   * Sets the initial `tabindex` for the items. The first selected item,\n   * or the first item if none are selected, receives `tabindex=\"0\"`.\n   * All other items receive `tabindex=\"-1\"`.\n   */\n  private _setTabIndexes() {\n    const items = this._getEnabledItems()\n    if (!items.length) {\n      return\n    }\n    items.forEach((item) => {\n      if (item.disabled) {\n        return\n      }\n      item.setAttribute('tabindex', item.selected ? '0' : '-1')\n    })\n  }\n\n  private _getEnabledItems(): NavigationItem[] {\n    return (this._items || []).filter((item) => !item.disabled)\n  }\n\n  private _onClick = (e: MouseEvent) => {\n    const target = e.target as HTMLElement\n    const item = target.closest('ui-navigation-item')\n    if (item && this._items.includes(item)) {\n      this._selectItem(item)\n    }\n  }\n\n  private _selectItem(itemToSelect: NavigationItem) {\n    if (itemToSelect.disabled) {\n      return\n    }\n\n    this._items.forEach((item) => {\n      item.selected = item === itemToSelect\n      if (item.hasAttribute('aria-current')) {\n        item.removeAttribute('aria-current')\n      }\n    })\n\n    if (this.current) {\n      itemToSelect.setAttribute('aria-current', this.current)\n    }\n    this._updateFocus(itemToSelect)\n\n    this.dispatchEvent(\n      new CustomEvent('select', {\n        detail: { item: itemToSelect },\n        bubbles: false,\n        composed: true,\n      })\n    )\n  }\n\n  private _updateFocus(itemToFocus: NavigationItem) {\n    this._setTabIndexes()\n    itemToFocus.focus()\n  }\n\n  private _onKeyDown(e: KeyboardEvent) {\n    const items = this._getEnabledItems()\n    if (!items.length) {\n      return\n    }\n\n    const activeElement = (this.getRootNode() as Document | ShadowRoot).activeElement\n    if (!activeElement) {\n      return\n    }\n\n    // Find which of our items is the host of the active element.\n    // This is necessary because of focus delegation in ui-navigation-item.\n    const activeItem = items.find((item) => item === activeElement || item.shadowRoot?.contains(activeElement))\n    if (!activeItem) {\n      return\n    }\n\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault()\n      this._selectItem(activeItem)\n      return\n    }\n\n    const idx = items.indexOf(activeItem)\n    let nextIdx = idx\n    if (this.orientation === 'horizontal') {\n      if (e.key === 'ArrowRight') nextIdx = (idx + 1) % items.length\n      if (e.key === 'ArrowLeft') nextIdx = (idx - 1 + items.length) % items.length\n    } else {\n      if (e.key === 'ArrowDown') nextIdx = (idx + 1) % items.length\n      if (e.key === 'ArrowUp') nextIdx = (idx - 1 + items.length) % items.length\n    }\n    if (e.key === 'Home') nextIdx = 0\n    if (e.key === 'End') nextIdx = items.length - 1\n    if (nextIdx !== idx) {\n      items[nextIdx].focus()\n      items.forEach((item, i) => item.setAttribute('tabindex', i === nextIdx ? '0' : '-1'))\n      e.preventDefault()\n    }\n  }\n}\n"]}
+{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../../../src/elements/navigation/internals/Navigation.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, type TemplateResult } from 'lit'\nimport { property, queryAssignedElements } from 'lit/decorators.js'\nimport type NavigationItem from './NavigationItem.js'\nimport { AriaCurrent } from '../../../types/aria.js'\n\n/**\n * NavigationList\n *\n * A semantic, accessible navigation container for `ui-navigation-item` elements.\n * Handles keyboard navigation (roving tabindex), focus management, and ARIA roles.\n *\n * ## Usage Example\n *\n * ```html\n * <ui-navigation aria-label=\"Main navigation\" current=\"page\">\n *   <ui-navigation-item selected>\n *     <span slot=\"icon\" aria-hidden=\"true\">🏠</span>\n *     Home\n *   </ui-navigation-item>\n *   <ui-navigation-item>\n *     <span slot=\"icon\" aria-hidden=\"true\">🔍</span>\n *     Search\n *   </ui-navigation-item>\n *   <ui-navigation-item>\n *     <span slot=\"icon\" aria-hidden=\"true\">📁</span>\n *     Files\n *   </ui-navigation-item>\n *   <ui-navigation-item iconOnly disabled aria-disabled=\"true\" tabindex=\"-1\">\n *     <span slot=\"icon\" aria-hidden=\"true\">⚙️</span>\n *   </ui-navigation-item>\n * </ui-navigation>\n * ```\n *\n * @slot - Place `ui-navigation-item` elements as direct children.\n * @fires select - Dispatched when an item is selected via click or keyboard.\n *                 The `detail` object contains the selected `item`.\n */\nexport default class Navigation extends LitElement {\n  /**\n   * Orientation of the navigation: 'horizontal' or 'vertical'.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor orientation: 'horizontal' | 'vertical' = 'vertical'\n\n  /**\n   * The current item in the navigation, used for ARIA attributes.\n   * Can be 'page', 'step', 'location', 'date', 'time', 'true', 'false', or ''.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor current: AriaCurrent = ''\n\n  /**\n   * Query all ui-navigation-item children\n   */\n  @queryAssignedElements({ flatten: true }) accessor _items!: NavigationItem[]\n\n  override render(): TemplateResult {\n    return html`\n      <nav aria-label=\"${this.getAttribute('aria-label') || 'Navigation'}\">\n        <slot @slotchange=\"${this._onSlotChange}\"></slot>\n      </nav>\n    `\n  }\n\n  constructor() {\n    super()\n    this.addEventListener('keydown', this._onKeyDown.bind(this))\n    this.addEventListener('click', this._onClick.bind(this))\n  }\n\n  override firstUpdated() {\n    this._setupItems()\n  }\n\n  private _onSlotChange = () => {\n    this._setupItems()\n  }\n\n  /**\n   * Sets the initial `tabindex` for the items. The first selected item,\n   * or the first item if none are selected, receives `tabindex=\"0\"`.\n   * All other items receive `tabindex=\"-1\"`.\n   */\n  private _setupItems() {\n    const items = this._getEnabledItems()\n    if (!items.length) {\n      return\n    }\n    items.forEach((item) => {\n      if (item.disabled) {\n        return\n      }\n      item.setAttribute('tabindex', item.selected ? '0' : '-1')\n      if (item.selected && this.current) {\n        item.setAttribute('aria-current', this.current)\n      } else if (!item.selected && item.hasAttribute('aria-current')) {\n        item.removeAttribute('aria-current')\n      }\n    })\n  }\n\n  private _getEnabledItems(): NavigationItem[] {\n    return (this._items || []).filter((item) => !item.disabled)\n  }\n\n  private _onClick = (e: MouseEvent) => {\n    const target = e.target as HTMLElement\n    const item = target.closest('ui-navigation-item')\n    if (item && this._items.includes(item)) {\n      this._selectItem(item)\n    }\n  }\n\n  private _selectItem(itemToSelect: NavigationItem) {\n    if (itemToSelect.disabled) {\n      return\n    }\n\n    this._items.forEach((item) => {\n      item.selected = item === itemToSelect\n      if (item.hasAttribute('aria-current')) {\n        item.removeAttribute('aria-current')\n      }\n    })\n\n    if (this.current) {\n      itemToSelect.setAttribute('aria-current', this.current)\n    }\n    this._updateFocus(itemToSelect)\n\n    this.dispatchEvent(\n      new CustomEvent('select', {\n        detail: { item: itemToSelect },\n        bubbles: false,\n        composed: true,\n      })\n    )\n  }\n\n  private _updateFocus(itemToFocus: NavigationItem) {\n    this._setupItems()\n    itemToFocus.focus()\n  }\n\n  private _onKeyDown(e: KeyboardEvent) {\n    const items = this._getEnabledItems()\n    if (!items.length) {\n      return\n    }\n\n    const activeElement = (this.getRootNode() as Document | ShadowRoot).activeElement\n    if (!activeElement) {\n      return\n    }\n\n    // Find which of our items is the host of the active element.\n    // This is necessary because of focus delegation in ui-navigation-item.\n    const activeItem = items.find((item) => item === activeElement || item.shadowRoot?.contains(activeElement))\n    if (!activeItem) {\n      return\n    }\n\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault()\n      this._selectItem(activeItem)\n      return\n    }\n\n    const idx = items.indexOf(activeItem)\n    let nextIdx = idx\n    if (this.orientation === 'horizontal') {\n      if (e.key === 'ArrowRight') nextIdx = (idx + 1) % items.length\n      if (e.key === 'ArrowLeft') nextIdx = (idx - 1 + items.length) % items.length\n    } else {\n      if (e.key === 'ArrowDown') nextIdx = (idx + 1) % items.length\n      if (e.key === 'ArrowUp') nextIdx = (idx - 1 + items.length) % items.length\n    }\n    if (e.key === 'Home') nextIdx = 0\n    if (e.key === 'End') nextIdx = items.length - 1\n    if (nextIdx !== idx) {\n      items[nextIdx].focus()\n      items.forEach((item, i) => item.setAttribute('tabindex', i === nextIdx ? '0' : '-1'))\n      e.preventDefault()\n    }\n  }\n}\n"]}

package/build/src/elements/search-input/internals/input.d.ts

@@ -0,0 +1,27 @@
+import { LitElement, type TemplateResult } from 'lit';
+/**
+ * A simple input element for rendering a search input.
+ *
+ * @fires {CustomEvent} search - Fired when a search is initiated.
+ * @fires {CustomEvent} clear - Fired when the search input is cleared.
+ */
+export default class SearchInput extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
+    /**
+     * The placeholder text for the search input.
+     * @attribute
+     */
+    accessor placeholder: string;
+    /**
+     * The last value dispatched with the `search` event.
+     */
+    accessor value: string | undefined;
+    protected handleKeyDown(e: KeyboardEvent): void;
+    /**
+     * Notifies the parent component that a search has been initiated.
+     * @param input - The search input value.
+     */
+    protected notifySearch(input?: string): void;
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=input.d.ts.map

package/build/src/elements/search-input/internals/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/elements/search-input/internals/input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAI3D;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,UAAU;IACjD,OAAgB,iBAAiB,EAAE,cAAc,CAGhD;IAED;;;OAGG;IACyB,QAAQ,CAAC,WAAW,SAAS;IAEzD;;OAEG;IACyB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAE9D,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAY/C;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;cAczB,MAAM,IAAI,cAAc;CAgB5C"}

package/build/src/elements/search-input/internals/input.js

@@ -0,0 +1,99 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { live } from 'lit/directives/live.js';
+let SearchInput = (() => {
+    let _classSuper = LitElement;
+    let _placeholder_decorators;
+    let _placeholder_initializers = [];
+    let _placeholder_extraInitializers = [];
+    let _value_decorators;
+    let _value_initializers = [];
+    let _value_extraInitializers = [];
+    return class SearchInput extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _placeholder_decorators = [property({ type: String })];
+            _value_decorators = [property({ type: String })];
+            __esDecorate(this, null, _placeholder_decorators, { kind: "accessor", name: "placeholder", static: false, private: false, access: { has: obj => "placeholder" in obj, get: obj => obj.placeholder, set: (obj, value) => { obj.placeholder = value; } }, metadata: _metadata }, _placeholder_initializers, _placeholder_extraInitializers);
+            __esDecorate(this, null, _value_decorators, { kind: "accessor", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static shadowRootOptions = {
+            delegatesFocus: true,
+            mode: 'open',
+        };
+        #placeholder_accessor_storage = __runInitializers(this, _placeholder_initializers, 'Find'
+        /**
+         * The last value dispatched with the `search` event.
+         */
+        );
+        /**
+         * The placeholder text for the search input.
+         * @attribute
+         */
+        get placeholder() { return this.#placeholder_accessor_storage; }
+        set placeholder(value) { this.#placeholder_accessor_storage = value; }
+        #value_accessor_storage = (__runInitializers(this, _placeholder_extraInitializers), __runInitializers(this, _value_initializers, void 0));
+        /**
+         * The last value dispatched with the `search` event.
+         */
+        get value() { return this.#value_accessor_storage; }
+        set value(value) { this.#value_accessor_storage = value; }
+        handleKeyDown(e) {
+            if (e.key === 'Enter') {
+                e.preventDefault();
+                const input = this.shadowRoot?.querySelector('.search-input');
+                this.notifySearch(input.value.trim());
+            }
+            else if (e.key === 'Escape') {
+                e.preventDefault();
+                this.value = '';
+                this.dispatchEvent(new CustomEvent('clear', { bubbles: false, composed: false }));
+            }
+        }
+        /**
+         * Notifies the parent component that a search has been initiated.
+         * @param input - The search input value.
+         */
+        notifySearch(input) {
+            if (!input || input === this.value) {
+                return;
+            }
+            this.value = input;
+            this.dispatchEvent(new CustomEvent('search', {
+                bubbles: false,
+                composed: false,
+                detail: { input },
+            }));
+        }
+        render() {
+            const icon = this.value ? 'arrow_back' : 'search';
+            return html `
+      <ui-focus-ring part="focus-ring" for="search-input"></ui-focus-ring>
+      <ui-icon class="search-icon">${icon}</ui-icon>
+      <input
+        class="search-input body-large"
+        id="search-input"
+        type="text"
+        placeholder="${this.placeholder}"
+        autocomplete="off"
+        @keydown="${this.handleKeyDown}"
+        .value="${live(this.value || '')}"
+      />
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _value_extraInitializers);
+        }
+    };
+})();
+/**
+ * A simple input element for rendering a search input.
+ *
+ * @fires {CustomEvent} search - Fired when a search is initiated.
+ * @fires {CustomEvent} clear - Fired when the search input is cleared.
+ */
+export default SearchInput;
+//# sourceMappingURL=input.js.map

package/build/src/elements/search-input/internals/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../src/elements/search-input/internals/input.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;;sBAQJ,UAAU;;;;;;;iBAA9B,WAAY,SAAQ,WAAU;;;uCAUhD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iCAK1B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;YALC,sLAAS,WAAW,6BAAX,WAAW,iGAAS;YAK7B,oKAAS,KAAK,6BAAL,KAAK,qFAAoB;;;QAd9D,MAAM,CAAU,iBAAiB,GAAmB;YAClD,cAAc,EAAE,IAAI;YACpB,IAAI,EAAE,MAAM;SACb,CAAA;QAM2B,mFAAuB,MAAM;QAEzD;;WAEG;UAJsD;QAJzD;;;WAGG;QACyB,IAAS,WAAW,iDAAS;QAA7B,IAAS,WAAW,uDAAS;QAK7B,0IAAkC;QAH9D;;WAEG;QACyB,IAAS,KAAK,2CAAoB;QAAlC,IAAS,KAAK,iDAAoB;QAEpD,aAAa,CAAC,CAAgB;YACtC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBACtB,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,eAAe,CAAqB,CAAA;gBACjF,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAA;YACvC,CAAC;iBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC9B,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAA;gBACf,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,CAAA;YACnF,CAAC;QACH,CAAC;QAED;;;WAGG;QACO,YAAY,CAAC,KAAc;YACnC,IAAI,CAAC,KAAK,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;gBACnC,OAAM;YACR,CAAC;YACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;YAClB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;gBACxB,OAAO,EAAE,KAAK;gBACd,QAAQ,EAAE,KAAK;gBACf,MAAM,EAAE,EAAE,KAAK,EAAE;aAClB,CAAC,CACH,CAAA;QACH,CAAC;QAEkB,MAAM;YACvB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAA;YACjD,OAAO,IAAI,CAAA;;qCAEsB,IAAI;;;;;uBAKlB,IAAI,CAAC,WAAW;;oBAEnB,IAAI,CAAC,aAAa;kBACpB,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;;KAEnC,CAAA;QACH,CAAC;;;;;;;AApEH;;;;;GAKG;AACH","sourcesContent":["import { html, LitElement, type TemplateResult } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { live } from 'lit/directives/live.js'\n\n/**\n * A simple input element for rendering a search input.\n *\n * @fires {CustomEvent} search - Fired when a search is initiated.\n * @fires {CustomEvent} clear - Fired when the search input is cleared.\n */\nexport default class SearchInput extends LitElement {\n  static override shadowRootOptions: ShadowRootInit = {\n    delegatesFocus: true,\n    mode: 'open',\n  }\n\n  /**\n   * The placeholder text for the search input.\n   * @attribute\n   */\n  @property({ type: String }) accessor placeholder = 'Find'\n\n  /**\n   * The last value dispatched with the `search` event.\n   */\n  @property({ type: String }) accessor value: string | undefined\n\n  protected handleKeyDown(e: KeyboardEvent): void {\n    if (e.key === 'Enter') {\n      e.preventDefault()\n      const input = this.shadowRoot?.querySelector('.search-input') as HTMLInputElement\n      this.notifySearch(input.value.trim())\n    } else if (e.key === 'Escape') {\n      e.preventDefault()\n      this.value = ''\n      this.dispatchEvent(new CustomEvent('clear', { bubbles: false, composed: false }))\n    }\n  }\n\n  /**\n   * Notifies the parent component that a search has been initiated.\n   * @param input - The search input value.\n   */\n  protected notifySearch(input?: string): void {\n    if (!input || input === this.value) {\n      return\n    }\n    this.value = input\n    this.dispatchEvent(\n      new CustomEvent('search', {\n        bubbles: false,\n        composed: false,\n        detail: { input },\n      })\n    )\n  }\n\n  protected override render(): TemplateResult {\n    const icon = this.value ? 'arrow_back' : 'search'\n    return html`\n      <ui-focus-ring part=\"focus-ring\" for=\"search-input\"></ui-focus-ring>\n      <ui-icon class=\"search-icon\">${icon}</ui-icon>\n      <input\n        class=\"search-input body-large\"\n        id=\"search-input\"\n        type=\"text\"\n        placeholder=\"${this.placeholder}\"\n        autocomplete=\"off\"\n        @keydown=\"${this.handleKeyDown}\"\n        .value=\"${live(this.value || '')}\"\n      />\n    `\n  }\n}\n"]}

package/build/src/elements/search-input/internals/input.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=input.styles.d.ts.map

package/build/src/elements/search-input/internals/input.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.styles.d.ts","sourceRoot":"","sources":["../../../../../src/elements/search-input/internals/input.styles.ts"],"names":[],"mappings":";AAEA,wBAmCC"}