@ship-ui/core 0.19.4 → 0.22.0

package/bin/ship-fg.mjs

@@ -199,7 +199,7 @@ var require_compress_binding = __commonJS((exports, module) => {
     setWindowTitle = function(title) {
       document.title = title;
     };
-  } else {}
+  }
   var out = Module["print"] || console.log.bind(console);
   var err = Module["printErr"] || console.warn.bind(console);
   for (key in moduleOverrides) {
@@ -1083,7 +1083,7 @@ var require_compress_binding = __commonJS((exports, module) => {
       invokerFnBody += `var ret = retType.fromWireType(rv);
 ` + `return ret;
 `;
-    } else {}
+    }
     invokerFnBody += `}
 `;
     args1.push(invokerFnBody);
@@ -1805,7 +1805,7 @@ var require_decompress_binding = __commonJS((exports, module) => {
     setWindowTitle = function(title) {
       document.title = title;
     };
-  } else {}
+  }
   var out = Module["print"] || console.log.bind(console);
   var err = Module["printErr"] || console.warn.bind(console);
   for (key in moduleOverrides) {
@@ -2685,7 +2685,7 @@ var require_decompress_binding = __commonJS((exports, module) => {
       invokerFnBody += `var ret = retType.fromWireType(rv);
 ` + `return ret;
 `;
-    } else {}
+    }
     invokerFnBody += `}
 `;
     args1.push(invokerFnBody);
@@ -3236,7 +3236,7 @@ import { parseArgs } from "util";
 import { spawnSync } from "child_process";
 import { watch } from "fs";
 import { readFile as readFile2, writeFile, readdir, mkdir } from "fs/promises";
-import { dirname, join, resolve } from "path";
+import { dirname as dirname2, join, resolve as resolve2 } from "path";
 import { fileURLToPath } from "url";
 import { gzipSync } from "zlib";
 
@@ -3244,12 +3244,14 @@ import { gzipSync } from "zlib";
 var import_wawoff2 = __toESM(require_wawoff2(), 1);
 import { readFile } from "fs/promises";
 import { createRequire as createRequire2 } from "module";
+import { dirname, resolve } from "path";
 var require2 = createRequire2(import.meta.url);
 var harfbuzzInst = null;
 async function loadAndInitializeHarfbuzz() {
   if (harfbuzzInst)
     return harfbuzzInst;
-  const wasmPath = require2.resolve("harfbuzzjs/hb-subset.wasm");
+  const mainEntry = require2.resolve("harfbuzzjs");
+  const wasmPath = resolve(dirname(mainEntry), "harfbuzz-subset.wasm");
   const wasmBuffer = await readFile(wasmPath);
   const { instance } = await WebAssembly.instantiate(wasmBuffer);
   const harfbuzzJsWasm = instance.exports;
@@ -3323,14 +3325,14 @@ function formatFileSize(bytes, dm = 2) {
 }
 
 // bin/src/ship-fg.ts
-var _dirname = dirname(fileURLToPath(import.meta.url));
+var _dirname = dirname2(fileURLToPath(import.meta.url));
 var CWD_PATH = process.cwd();
-var PHOSPHOR_SRC_PATH = resolve(CWD_PATH, "node_modules", "@phosphor-icons", "web", "src");
+var PHOSPHOR_SRC_PATH = resolve2(CWD_PATH, "node_modules", "@phosphor-icons", "web", "src");
 var jsScannerFallback = async (PROJECT_SRC, shipUiDir, CWD_PATH2) => {
   const uniqueIcons = new Set;
   const isValidIcon = (s) => /^[a-z0-9-]+$/.test(s);
   try {
-    const pkgPath = resolve(shipUiDir, "package.json");
+    const pkgPath = resolve2(shipUiDir, "package.json");
     const pkgData = JSON.parse(await readFile2(pkgPath, "utf8"));
     if (pkgData.libraryIcons) {
       pkgData.libraryIcons.forEach((i) => uniqueIcons.add(i));
@@ -3341,7 +3343,7 @@ var jsScannerFallback = async (PROJECT_SRC, shipUiDir, CWD_PATH2) => {
     for (const entry of entries) {
       if (entry.name === "node_modules" || entry.name.startsWith("."))
         continue;
-      const fullPath = resolve(dir, entry.name);
+      const fullPath = resolve2(dir, entry.name);
       if (entry.isDirectory()) {
         await scanDir(fullPath);
       } else if (entry.name.endsWith(".html") || entry.name.endsWith(".ts")) {
@@ -3372,7 +3374,7 @@ var jsScannerFallback = async (PROJECT_SRC, shipUiDir, CWD_PATH2) => {
   const glyphMaps = new Map;
   for (const variant of variants) {
     try {
-      const selPath = resolve(CWD_PATH2, "node_modules", "@phosphor-icons", "web", "src", variant, "selection.json");
+      const selPath = resolve2(CWD_PATH2, "node_modules", "@phosphor-icons", "web", "src", variant, "selection.json");
       const parsed = JSON.parse(await readFile2(selPath, "utf8"));
       const isDuotone = variant === "duotone";
       for (const icon of parsed.icons || []) {
@@ -3430,8 +3432,8 @@ var watchers = [];
 var run = async (PROJECT_SRC, PROJECT_PUBLIC, TARGET_FONT_TYPE, values) => {
   const startTime = performance.now();
   const actualDir = _dirname;
-  const scannerPath = resolve(actualDir, "./ship-fg-scanner");
-  const shipUiDir = resolve(actualDir, "../");
+  const scannerPath = resolve2(actualDir, "./ship-fg-scanner");
+  const shipUiDir = resolve2(actualDir, "../");
   let groupedIcons = {};
   let missingIconsArray = [];
   try {
@@ -3589,10 +3591,10 @@ function capitalize(str) {
 var main = async (values) => {
   const TARGET_FONT_TYPE = "woff2";
   const actualDir = _dirname;
-  const packageJsonPath = resolve(actualDir, "../package.json");
+  const packageJsonPath = resolve2(actualDir, "../package.json");
   const PROJECT_SRC = values.src;
   const PROJECT_PUBLIC = values.out;
-  const selectionJsonPath = resolve(PHOSPHOR_SRC_PATH, "regular", "selection.json");
+  const selectionJsonPath = resolve2(PHOSPHOR_SRC_PATH, "regular", "selection.json");
   const selectionData = await readFile2(selectionJsonPath, "utf8");
   const GLYPH_MAP = JSON.parse(selectionData).icons.reduce((acc, iconWrapper) => {
     const name = iconWrapper.properties.name;
@@ -3627,7 +3629,7 @@ Watching for file changes. Press Cmd+C to stop.`);
   if (values.watch) {
     const excludeFolders = ["node_modules", ".git", ".vscode", "bin", "assets"].concat([PROJECT_PUBLIC]);
     watchers.push(watch(PROJECT_SRC, { recursive: true }, (_, filename) => {
-      if (filename && !excludeFolders.some((folder) => resolve(join(PROJECT_SRC, filename)).includes(folder))) {
+      if (filename && !excludeFolders.some((folder) => resolve2(join(PROJECT_SRC, filename)).includes(folder))) {
         debouncedRun(filename);
       }
     }));

package/bin/src/subset.ts

@@ -1,5 +1,6 @@
 import { readFile } from 'fs/promises';
 import { createRequire } from 'module';
+import { dirname, resolve } from 'path';
 
 const require = createRequire(import.meta.url);
 
@@ -11,7 +12,8 @@ let harfbuzzInst: { harfbuzzJsWasm: any; heapu8: Uint8Array } | null = null;
 async function loadAndInitializeHarfbuzz() {
   if (harfbuzzInst) return harfbuzzInst;
 
-  const wasmPath = require.resolve('harfbuzzjs/hb-subset.wasm');
+  const mainEntry = require.resolve('harfbuzzjs');
+  const wasmPath = resolve(dirname(mainEntry), 'harfbuzz-subset.wasm');
   const wasmBuffer = await readFile(wasmPath);
   const { instance } = await WebAssembly.instantiate(wasmBuffer);
   const harfbuzzJsWasm = instance.exports as any;

package/fesm2022/ship-ui-core-sh-form-field-experimental.mjs

@@ -0,0 +1,42 @@
+import * as i0 from '@angular/core';
+import { effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { createFormInputSignal } from '@ship-ui/core';
+
+class ShipFormFieldExperimental {
+    constructor() {
+        this.firstInput = createFormInputSignal();
+        this.hello = effect(() => {
+            console.log('hello', this.firstInput());
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hello" }] : /* istanbul ignore next */ []));
+    }
+    myClick() {
+        this.firstInput.update((x) => x + 'hello');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipFormFieldExperimental, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: ShipFormFieldExperimental, isStandalone: true, selector: "sh-form-field-experimental", ngImport: i0, template: `
+    <ng-content></ng-content>
+
+    <button (click)="myClick()">hello</button>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipFormFieldExperimental, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sh-form-field-experimental',
+                    imports: [],
+                    template: `
+    <ng-content></ng-content>
+
+    <button (click)="myClick()">hello</button>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ShipFormFieldExperimental };
+//# sourceMappingURL=ship-ui-core-sh-form-field-experimental.mjs.map

package/fesm2022/ship-ui-core-sh-form-field-experimental.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ship-ui-core-sh-form-field-experimental.mjs","sources":["../../../projects/ship-ui/sh-form-field-experimental/sh-form-field-experimental.ts","../../../projects/ship-ui/sh-form-field-experimental/ship-ui-core-sh-form-field-experimental.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, effect } from '@angular/core';\nimport { createFormInputSignal } from '@ship-ui/core';\n\n@Component({\n  selector: 'sh-form-field-experimental',\n  imports: [],\n  template: `\n    <ng-content></ng-content>\n\n    <button (click)=\"myClick()\">hello</button>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ShipFormFieldExperimental {\n  firstInput = createFormInputSignal();\n\n  hello = effect(() => {\n    console.log('hello', this.firstInput());\n  });\n\n  myClick() {\n    this.firstInput.update((x) => x + 'hello');\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAaa,yBAAyB,CAAA;AAVtC,IAAA,WAAA,GAAA;QAWE,IAAA,CAAA,UAAU,GAAG,qBAAqB,EAAE;AAEpC,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,MAAK;YAClB,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC;QACzC,CAAC;kFAAC;AAKH,IAAA;IAHC,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC;IAC5C;8GATW,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAP1B;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAGU,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAVrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,4BAA4B;AACtC,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE;;;;AAIT,EAAA,CAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;ACZD;;AAEG;;;;"}

package/fesm2022/ship-ui-core-ship-accordion.mjs

@@ -0,0 +1,127 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, model, effect, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { shipComponentClasses, contentProjectionSignal } from '@ship-ui/core';
+
+class ShipAccordion {
+    constructor() {
+        this.selfElement = inject((ElementRef)).nativeElement;
+        this.name = input(`sh-accordion-${Math.random().toString(36).substring(2, 9)}`, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+        this.value = model(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        this.allowMultiple = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "allowMultiple" }] : /* istanbul ignore next */ []));
+        this.variant = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+        this.size = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        this.hostClasses = shipComponentClasses('accordion', {
+            variant: this.variant,
+            size: this.size,
+        });
+        this.items = contentProjectionSignal('details', {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: ['open', 'value'],
+        });
+        this.selfElement.addEventListener('toggle', this.onToggle.bind(this), true);
+        effect(() => {
+            const isMultiple = this.allowMultiple();
+            const groupName = this.name();
+            const valStr = this.value();
+            const vals = valStr ? valStr.split(',').filter((v) => v !== '') : [];
+            this.items().forEach((details) => {
+                if (!isMultiple) {
+                    details.setAttribute('name', groupName);
+                }
+                else {
+                    details.removeAttribute('name');
+                }
+                const summary = details.querySelector('summary');
+                if (summary && !summary.querySelector('sh-icon')) {
+                    const icon = document.createElement('sh-icon');
+                    icon.textContent = 'caret-down';
+                    summary.appendChild(icon);
+                }
+                let contentWrapper = details.querySelector(':scope > .content');
+                if (!contentWrapper) {
+                    const newWrapper = document.createElement('div');
+                    newWrapper.className = 'content';
+                    const childrenToMove = Array.from(details.childNodes).filter((node) => {
+                        if (node.nodeType === Node.ELEMENT_NODE && node.tagName.toLowerCase() === 'summary') {
+                            return false;
+                        }
+                        return true;
+                    });
+                    childrenToMove.forEach((child) => newWrapper.appendChild(child));
+                    details.appendChild(newWrapper);
+                    contentWrapper = newWrapper;
+                }
+                const itemVal = details.getAttribute('value');
+                if (itemVal && vals.includes(itemVal)) {
+                    // Avoid triggering endless loops by only setting open if it actually changed
+                    if (!details.open)
+                        details.open = true;
+                }
+                else if (itemVal) {
+                    if (details.open)
+                        details.open = false;
+                }
+            });
+        });
+    }
+    onToggle(event) {
+        const target = event.target;
+        if (target.tagName !== 'DETAILS')
+            return;
+        if (!this.selfElement.contains(target))
+            return;
+        const itemVal = target.getAttribute('value');
+        if (!itemVal)
+            return; // Uncontrolled details element
+        const isOpen = target.open;
+        if (this.allowMultiple()) {
+            let vals = this.value()
+                ? this.value()
+                    .split(',')
+                    .filter((v) => v !== '')
+                : [];
+            if (isOpen && !vals.includes(itemVal))
+                vals.push(itemVal);
+            if (!isOpen)
+                vals = vals.filter((v) => v !== itemVal);
+            this.value.set(vals.join(','));
+        }
+        else {
+            if (isOpen) {
+                this.value.set(itemVal);
+            }
+            else {
+                if (this.value() === itemVal) {
+                    this.value.set(null);
+                }
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: ShipAccordion, isStandalone: true, selector: "sh-accordion", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, allowMultiple: { classPropertyName: "allowMultiple", publicName: "allowMultiple", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "class.sh-accordion": "true", "class": "hostClasses()" } }, ngImport: i0, template: `
+    <ng-content></ng-content>
+  `, isInline: true, styles: ["sh-accordion{--acc-pad: 1rem;--acc-f: var(--paragraph-30);--acc-bc: var(--base-4);--acc-s: var(--shape-2);display:flex;flex-direction:column;border:var(--border-10);border-color:var(--acc-bc);border-radius:var(--acc-s);overflow:hidden;background:var(--base-1)}sh-accordion:empty{display:none}sh-accordion.small{--acc-pad: .75rem;--acc-f: var(--paragraph-40)}sh-accordion.type-b{--acc-s: 0;width:100%;height:100%;border:0;overflow:auto}sh-accordion.type-b>details:last-child{border-bottom:var(--border-10)}sh-accordion details{width:100%}sh-accordion details.disabled{opacity:.5;pointer-events:none}sh-accordion details.disabled summary{cursor:not-allowed}sh-accordion details>summary{list-style:none}sh-accordion details>summary::-webkit-details-marker{display:none}sh-accordion details>summary{display:flex;align-items:center;padding:var(--acc-pad);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s;font-weight:500;font-size:var(--acc-f);border-bottom:var(--border-10);border-color:var(--acc-bc)}sh-accordion details>summary:focus-visible{outline:2px solid var(--primary-8);outline-offset:-2px;border-radius:var(--acc-s)}sh-accordion details>summary sh-icon{transition:transform .2s cubic-bezier(.4,0,.2,1);color:var(--mono-11);margin-left:auto}sh-accordion details:last-child>summary{border-bottom:0}sh-accordion details[open]>summary{border-bottom:var(--border-10);border-color:var(--acc-bc)}sh-accordion details[open]>summary sh-icon{transform:rotate(180deg)}sh-accordion details[open]+details{border-top:var(--border-10);border-color:var(--acc-bc)}sh-accordion details>.content{padding:var(--acc-pad);background:var(--base-2)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipAccordion, decorators: [{
+            type: Component,
+            args: [{ selector: 'sh-accordion', encapsulation: ViewEncapsulation.None, template: `
+    <ng-content></ng-content>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class.sh-accordion]': 'true',
+                        '[class]': 'hostClasses()',
+                    }, styles: ["sh-accordion{--acc-pad: 1rem;--acc-f: var(--paragraph-30);--acc-bc: var(--base-4);--acc-s: var(--shape-2);display:flex;flex-direction:column;border:var(--border-10);border-color:var(--acc-bc);border-radius:var(--acc-s);overflow:hidden;background:var(--base-1)}sh-accordion:empty{display:none}sh-accordion.small{--acc-pad: .75rem;--acc-f: var(--paragraph-40)}sh-accordion.type-b{--acc-s: 0;width:100%;height:100%;border:0;overflow:auto}sh-accordion.type-b>details:last-child{border-bottom:var(--border-10)}sh-accordion details{width:100%}sh-accordion details.disabled{opacity:.5;pointer-events:none}sh-accordion details.disabled summary{cursor:not-allowed}sh-accordion details>summary{list-style:none}sh-accordion details>summary::-webkit-details-marker{display:none}sh-accordion details>summary{display:flex;align-items:center;padding:var(--acc-pad);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s;font-weight:500;font-size:var(--acc-f);border-bottom:var(--border-10);border-color:var(--acc-bc)}sh-accordion details>summary:focus-visible{outline:2px solid var(--primary-8);outline-offset:-2px;border-radius:var(--acc-s)}sh-accordion details>summary sh-icon{transition:transform .2s cubic-bezier(.4,0,.2,1);color:var(--mono-11);margin-left:auto}sh-accordion details:last-child>summary{border-bottom:0}sh-accordion details[open]>summary{border-bottom:var(--border-10);border-color:var(--acc-bc)}sh-accordion details[open]>summary sh-icon{transform:rotate(180deg)}sh-accordion details[open]+details{border-top:var(--border-10);border-color:var(--acc-bc)}sh-accordion details>.content{padding:var(--acc-pad);background:var(--base-2)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], allowMultiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowMultiple", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ShipAccordion };
+//# sourceMappingURL=ship-ui-core-ship-accordion.mjs.map

package/fesm2022/ship-ui-core-ship-accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ship-ui-core-ship-accordion.mjs","sources":["../../../projects/ship-ui/ship-accordion/ship-accordion.ts","../../../projects/ship-ui/ship-accordion/ship-ui-core-ship-accordion.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  model,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { contentProjectionSignal, shipComponentClasses, ShipVariant } from '@ship-ui/core';\n\n@Component({\n  selector: 'sh-accordion',\n  styleUrl: './ship-accordion.scss',\n  encapsulation: ViewEncapsulation.None,\n  template: `\n    <ng-content></ng-content>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.sh-accordion]': 'true',\n    '[class]': 'hostClasses()',\n  },\n})\nexport class ShipAccordion {\n  private selfElement = inject(ElementRef<HTMLElement>).nativeElement;\n\n  readonly name = input<string>(`sh-accordion-${Math.random().toString(36).substring(2, 9)}`);\n  readonly value = model<string | null>(null);\n  readonly allowMultiple = input<boolean>(false);\n  readonly variant = input<ShipVariant | null>(null);\n  readonly size = input<string | null>(null);\n\n  hostClasses = shipComponentClasses('accordion', {\n    variant: this.variant,\n    size: this.size,\n  });\n\n  protected items = contentProjectionSignal<HTMLDetailsElement>('details', {\n    childList: true,\n    subtree: true,\n    attributes: true,\n    attributeFilter: ['open', 'value'],\n  });\n\n  constructor() {\n    this.selfElement.addEventListener('toggle', this.onToggle.bind(this), true);\n\n    effect(() => {\n      const isMultiple = this.allowMultiple();\n      const groupName = this.name();\n      const valStr = this.value();\n      const vals = valStr ? valStr.split(',').filter((v) => v !== '') : [];\n\n      this.items().forEach((details) => {\n        if (!isMultiple) {\n          details.setAttribute('name', groupName);\n        } else {\n          details.removeAttribute('name');\n        }\n\n        const summary = details.querySelector('summary');\n        if (summary && !summary.querySelector('sh-icon')) {\n          const icon = document.createElement('sh-icon');\n          icon.textContent = 'caret-down';\n          summary.appendChild(icon);\n        }\n\n        let contentWrapper = details.querySelector(':scope > .content');\n\n        if (!contentWrapper) {\n          const newWrapper = document.createElement('div');\n          newWrapper.className = 'content';\n          const childrenToMove = Array.from(details.childNodes).filter((node) => {\n            if (node.nodeType === Node.ELEMENT_NODE && (node as Element).tagName.toLowerCase() === 'summary') {\n              return false;\n            }\n            return true;\n          });\n          childrenToMove.forEach((child) => newWrapper.appendChild(child));\n          details.appendChild(newWrapper);\n          contentWrapper = newWrapper;\n        }\n\n        const itemVal = details.getAttribute('value');\n        if (itemVal && vals.includes(itemVal)) {\n          // Avoid triggering endless loops by only setting open if it actually changed\n          if (!details.open) details.open = true;\n        } else if (itemVal) {\n          if (details.open) details.open = false;\n        }\n      });\n    });\n  }\n\n  onToggle(event: Event) {\n    const target = event.target as HTMLDetailsElement;\n    if (target.tagName !== 'DETAILS') return;\n    if (!this.selfElement.contains(target)) return;\n\n    const itemVal = target.getAttribute('value');\n    if (!itemVal) return; // Uncontrolled details element\n\n    const isOpen = target.open;\n\n    if (this.allowMultiple()) {\n      let vals = this.value()\n        ? this.value()!\n            .split(',')\n            .filter((v) => v !== '')\n        : [];\n      if (isOpen && !vals.includes(itemVal)) vals.push(itemVal);\n      if (!isOpen) vals = vals.filter((v) => v !== itemVal);\n      this.value.set(vals.join(','));\n    } else {\n      if (isOpen) {\n        this.value.set(itemVal);\n      } else {\n        if (this.value() === itemVal) {\n          this.value.set(null);\n        }\n      }\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}