@ship-ui/core 0.19.5 → 0.22.2

package/fesm2022/ship-ui-core-ship-file-upload.mjs

@@ -0,0 +1,112 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, viewChild, signal, input, model, computed, effect, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { ShipFormField } from '@ship-ui/core/ship-form-field';
+import { ShipIcon } from '@ship-ui/core/ship-icon';
+
+class ShipFileUpload {
+    constructor() {
+        this._el = inject(ElementRef);
+        this.inputRef = viewChild.required('input');
+        this.filesOver = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filesOver" }] : /* istanbul ignore next */ []));
+        this.multiple = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "multiple" }] : /* istanbul ignore next */ []));
+        this.accept = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "accept" }] : /* istanbul ignore next */ []));
+        this.placeholder = model('Click or drag files here', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+        this.overlayText = input('Drop files here', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "overlayText" }] : /* istanbul ignore next */ []));
+        this.files = model([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "files" }] : /* istanbul ignore next */ []));
+        this.fileUploadClasses = computed(() => this._el.nativeElement.classList.toString(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fileUploadClasses" }] : /* istanbul ignore next */ []));
+        this.inputEffect = effect(() => {
+            const input = this.inputRef().nativeElement;
+            if (!input)
+                return;
+            if (input.placeholder) {
+                this.placeholder.set(input.placeholder);
+            }
+            input.addEventListener('dragover', (e) => {
+                e.preventDefault();
+                this.filesOver.set(true);
+            });
+            input.addEventListener('dragleave', (e) => {
+                e.preventDefault();
+                this.filesOver.set(false);
+            });
+            input.addEventListener('drop', (e) => {
+                e.preventDefault();
+                this.filesOver.set(false);
+                const files = e.dataTransfer?.files;
+                if (files && files.length > 0) {
+                    this.handleFileUpload(Array.from(files));
+                    input.files = files;
+                }
+            });
+            input.addEventListener('change', (e) => {
+                e.preventDefault();
+                this.handleFileUpload(Array.from(e.target.files));
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "inputEffect" }] : /* istanbul ignore next */ []));
+    }
+    handleFileUpload(newFiles) {
+        if (this.multiple()) {
+            this.files.update((currentFiles) => [...currentFiles, ...newFiles]);
+        }
+        else {
+            this.files.set(newFiles);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipFileUpload, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: ShipFileUpload, isStandalone: true, selector: "sh-file-upload", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, overlayText: { classPropertyName: "overlayText", publicName: "overlayText", isSignal: true, isRequired: false, transformFunction: null }, files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { placeholder: "placeholderChange", files: "filesChange" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <sh-form-field [class]="fileUploadClasses()">
+      <ng-content select="label" ngProjectAs="label"></ng-content>
+
+      <div class="input" ngProjectAs="input" #inputWrap>
+        @if (files().length === 1) {
+          <div class="files-text">{{ files()[0].name }}</div>
+        } @else if (files().length > 1) {
+          <div class="files-text">{{ files().length }} files selected</div>
+        } @else {
+          <div class="placeholder">{{ filesOver() ? overlayText() : placeholder() }}</div>
+        }
+        <input type="file" [attr.multiple]="multiple()" [attr.accept]="accept()" #input />
+        <div class="bg-overlay" [class.files-over]="filesOver()"></div>
+      </div>
+
+      <sh-icon suffix>upload-simple</sh-icon>
+    </sh-form-field>
+  `, isInline: true, styles: ["sh-file-upload{--fu-bg-active: rgba(0, 0, 0, .1);display:flex;flex-direction:column;gap:.75rem;position:relative;width:100%}sh-file-upload sh-list{border-radius:var(--shape-3);background-color:var(--base-2)}sh-file-upload .files-text,sh-file-upload .placeholder{color:var(--base-8);font:var(--paragraph-30B)}sh-file-upload input{position:absolute;opacity:0;inset:0;cursor:pointer;z-index:100}sh-file-upload .bg-overlay{opacity:0;position:absolute;inset:.0625rem;background-color:var(--fu-bg-active);transition:opacity 125ms linear;z-index:0;border-radius:var(--ff-s)}sh-file-upload .bg-overlay.files-over{opacity:1}\n"], dependencies: [{ kind: "component", type: ShipFormField, selector: "sh-form-field", inputs: ["color", "variant", "size", "readonly"] }, { kind: "component", type: ShipIcon, selector: "sh-icon", inputs: ["color", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipFileUpload, decorators: [{
+            type: Component,
+            args: [{ selector: 'sh-file-upload', encapsulation: ViewEncapsulation.None, imports: [ShipFormField, ShipIcon], template: `
+    <sh-form-field [class]="fileUploadClasses()">
+      <ng-content select="label" ngProjectAs="label"></ng-content>
+
+      <div class="input" ngProjectAs="input" #inputWrap>
+        @if (files().length === 1) {
+          <div class="files-text">{{ files()[0].name }}</div>
+        } @else if (files().length > 1) {
+          <div class="files-text">{{ files().length }} files selected</div>
+        } @else {
+          <div class="placeholder">{{ filesOver() ? overlayText() : placeholder() }}</div>
+        }
+        <input type="file" [attr.multiple]="multiple()" [attr.accept]="accept()" #input />
+        <div class="bg-overlay" [class.files-over]="filesOver()"></div>
+      </div>
+
+      <sh-icon suffix>upload-simple</sh-icon>
+    </sh-form-field>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["sh-file-upload{--fu-bg-active: rgba(0, 0, 0, .1);display:flex;flex-direction:column;gap:.75rem;position:relative;width:100%}sh-file-upload sh-list{border-radius:var(--shape-3);background-color:var(--base-2)}sh-file-upload .files-text,sh-file-upload .placeholder{color:var(--base-8);font:var(--paragraph-30B)}sh-file-upload input{position:absolute;opacity:0;inset:0;cursor:pointer;z-index:100}sh-file-upload .bg-overlay{opacity:0;position:absolute;inset:.0625rem;background-color:var(--fu-bg-active);transition:opacity 125ms linear;z-index:0;border-radius:var(--ff-s)}sh-file-upload .bg-overlay.files-over{opacity:1}\n"] }]
+        }], propDecorators: { inputRef: [{ type: i0.ViewChild, args: ['input', { isSignal: true }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }, { type: i0.Output, args: ["placeholderChange"] }], overlayText: [{ type: i0.Input, args: [{ isSignal: true, alias: "overlayText", required: false }] }], files: [{ type: i0.Input, args: [{ isSignal: true, alias: "files", required: false }] }, { type: i0.Output, args: ["filesChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ShipFileUpload };
+//# sourceMappingURL=ship-ui-core-ship-file-upload.mjs.map

package/fesm2022/ship-ui-core-ship-file-upload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ship-ui-core-ship-file-upload.mjs","sources":["../../../projects/ship-ui/ship-file-upload/ship-file-upload.ts","../../../projects/ship-ui/ship-file-upload/ship-ui-core-ship-file-upload.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, effect, ElementRef, inject, input, model, signal, viewChild, ViewEncapsulation } from '@angular/core';\nimport { ShipFormField } from '@ship-ui/core/ship-form-field';\nimport { ShipIcon } from '@ship-ui/core/ship-icon';\n\n@Component({\n  selector: 'sh-file-upload',\n  styleUrl: './ship-file-upload.scss',\n  encapsulation: ViewEncapsulation.None,\n  imports: [ShipFormField, ShipIcon],\n  template: `\n    <sh-form-field [class]=\"fileUploadClasses()\">\n      <ng-content select=\"label\" ngProjectAs=\"label\"></ng-content>\n\n      <div class=\"input\" ngProjectAs=\"input\" #inputWrap>\n        @if (files().length === 1) {\n          <div class=\"files-text\">{{ files()[0].name }}</div>\n        } @else if (files().length > 1) {\n          <div class=\"files-text\">{{ files().length }} files selected</div>\n        } @else {\n          <div class=\"placeholder\">{{ filesOver() ? overlayText() : placeholder() }}</div>\n        }\n        <input type=\"file\" [attr.multiple]=\"multiple()\" [attr.accept]=\"accept()\" #input />\n        <div class=\"bg-overlay\" [class.files-over]=\"filesOver()\"></div>\n      </div>\n\n      <sh-icon suffix>upload-simple</sh-icon>\n    </sh-form-field>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ShipFileUpload {\n  _el = inject(ElementRef);\n  inputRef = viewChild.required<ElementRef<HTMLInputElement>>('input');\n  filesOver = signal(false);\n  multiple = input<boolean | null>();\n  accept = input<string | null>(null);\n  placeholder = model<string>('Click or drag files here');\n  overlayText = input<string>('Drop files here');\n  files = model<File[]>([]);\n\n  fileUploadClasses = computed(() => this._el.nativeElement.classList.toString());\n\n  handleFileUpload(newFiles: File[]) {\n    if (this.multiple()) {\n      this.files.update((currentFiles) => [...currentFiles, ...newFiles]);\n    } else {\n      this.files.set(newFiles);\n    }\n  }\n\n  inputEffect = effect(() => {\n    const input = this.inputRef().nativeElement;\n\n    if (!input) return;\n\n    if (input.placeholder) {\n      this.placeholder.set(input.placeholder);\n    }\n\n    input.addEventListener('dragover', (e) => {\n      e.preventDefault();\n      this.filesOver.set(true);\n    });\n\n    input.addEventListener('dragleave', (e) => {\n      e.preventDefault();\n      this.filesOver.set(false);\n    });\n\n    input.addEventListener('drop', (e) => {\n      e.preventDefault();\n      this.filesOver.set(false);\n\n      const files = e.dataTransfer?.files;\n\n      if (files && files.length > 0) {\n        this.handleFileUpload(Array.from(files));\n\n        (input as HTMLInputElement).files = files;\n      }\n    });\n\n    input.addEventListener('change', (e: any) => {\n      e.preventDefault();\n      this.handleFileUpload(Array.from(e.target.files));\n    });\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MA8Ba,cAAc,CAAA;AA1B3B,IAAA,WAAA,GAAA;AA2BE,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC;AACxB,QAAA,IAAA,CAAA,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAA+B,OAAO,CAAC;QACpE,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,KAAK;sFAAC;AACzB,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK;gGAAkB;QAClC,IAAA,CAAA,MAAM,GAAG,KAAK,CAAgB,IAAI;mFAAC;QACnC,IAAA,CAAA,WAAW,GAAG,KAAK,CAAS,0BAA0B;wFAAC;QACvD,IAAA,CAAA,WAAW,GAAG,KAAK,CAAS,iBAAiB;wFAAC;QAC9C,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,EAAE;kFAAC;AAEzB,QAAA,IAAA,CAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,EAAE;8FAAC;AAU/E,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,MAAK;YACxB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa;AAE3C,YAAA,IAAI,CAAC,KAAK;gBAAE;AAEZ,YAAA,IAAI,KAAK,CAAC,WAAW,EAAE;gBACrB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC;YACzC;YAEA,KAAK,CAAC,gBAAgB,CAAC,UAAU,EAAE,CAAC,CAAC,KAAI;gBACvC,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;AAC1B,YAAA,CAAC,CAAC;YAEF,KAAK,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC,KAAI;gBACxC,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;AAC3B,YAAA,CAAC,CAAC;YAEF,KAAK,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC,KAAI;gBACnC,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;AAEzB,gBAAA,MAAM,KAAK,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK;gBAEnC,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;oBAC7B,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAEvC,oBAAA,KAA0B,CAAC,KAAK,GAAG,KAAK;gBAC3C;AACF,YAAA,CAAC,CAAC;YAEF,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAM,KAAI;gBAC1C,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACnD,YAAA,CAAC,CAAC;QACJ,CAAC;wFAAC;AACH,IAAA;AA7CC,IAAA,gBAAgB,CAAC,QAAgB,EAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACnB,YAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,YAAY,KAAK,CAAC,GAAG,YAAY,EAAE,GAAG,QAAQ,CAAC,CAAC;QACrE;aAAO;AACL,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC;QAC1B;IACF;8GAlBW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,KAAA,EAAA,aAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,OAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EArBf;;;;;;;;;;;;;;;;;;GAkBT,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2mBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAnBS,aAAa,4GAAE,QAAQ,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAsBtB,cAAc,EAAA,UAAA,EAAA,CAAA;kBA1B1B,SAAS;+BACE,gBAAgB,EAAA,aAAA,EAEX,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,aAAa,EAAE,QAAQ,CAAC,EAAA,QAAA,EACxB;;;;;;;;;;;;;;;;;;GAkBT,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,2mBAAA,CAAA,EAAA;sEAIa,OAAO,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,QAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,aAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,aAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AChCrE;;AAEG;;;;"}

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

@@ -0,0 +1,310 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, afterNextRender, HostListener, ChangeDetectionStrategy, ViewEncapsulation, Component, model, output } from '@angular/core';
+import { shipComponentClasses } from '@ship-ui/core';
+import { ShipPopover } from '@ship-ui/core/ship-popover';
+
+class ShipFormField {
+    #selfRef;
+    onClick() {
+        if (this.#selfRef.nativeElement.querySelector('input')) {
+            this.#selfRef.nativeElement.querySelector('input').focus();
+        }
+        if (this.#selfRef.nativeElement.querySelector('textarea')) {
+            this.#selfRef.nativeElement.querySelector('textarea').focus();
+        }
+    }
+    constructor() {
+        this.#selfRef = inject(ElementRef);
+        this.color = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "color" }] : /* 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.readonly = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+        this.hostClasses = shipComponentClasses('formField', {
+            color: this.color,
+            variant: this.variant,
+            size: this.size,
+            readonly: this.readonly,
+        });
+        afterNextRender(() => {
+            const el = this.#selfRef.nativeElement;
+            const inputEl = el.querySelector('input') || el.querySelector('textarea');
+            const labelEl = el.querySelector('label');
+            const errorEl = el.querySelector('[error]');
+            const hintEl = el.querySelector('[hint]');
+            if (inputEl) {
+                if (!inputEl.id) {
+                    inputEl.id = `sh-input-${Math.random().toString(36).substring(2, 9)}`;
+                }
+                if (labelEl && !labelEl.getAttribute('for')) {
+                    labelEl.setAttribute('for', inputEl.id);
+                }
+                const describedBy = [];
+                if (errorEl) {
+                    if (!errorEl.id)
+                        errorEl.id = `sh-error-${Math.random().toString(36).substring(2, 9)}`;
+                    describedBy.push(errorEl.id);
+                }
+                if (hintEl) {
+                    if (!hintEl.id)
+                        hintEl.id = `sh-hint-${Math.random().toString(36).substring(2, 9)}`;
+                    describedBy.push(hintEl.id);
+                }
+                if (describedBy.length > 0 && !inputEl.hasAttribute('aria-describedby')) {
+                    inputEl.setAttribute('aria-describedby', describedBy.join(' '));
+                }
+            }
+            const supportFieldSizing = typeof CSS !== 'undefined' && CSS.supports('field-sizing', 'content');
+            const text = this.#selfRef.nativeElement.querySelector('textarea');
+            if (!supportFieldSizing && text !== null) {
+                function resize() {
+                    text.style.height = 'auto';
+                    text.style.height = text.scrollHeight + 'px';
+                }
+                /* 0-timeout to get the already changed text */
+                function delayedResize() {
+                    setTimeout(resize, 0);
+                }
+                text.addEventListener('change', resize);
+                text.addEventListener('cut', delayedResize);
+                text.addEventListener('paste', delayedResize);
+                text.addEventListener('drop', delayedResize);
+                text.addEventListener('keydown', delayedResize);
+                text.focus();
+                text.select();
+                resize();
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipFormField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: ShipFormField, isStandalone: true, selector: "sh-form-field", inputs: { color: { classPropertyName: "color", publicName: "color", 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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" }, properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
+    <ng-content select="label"></ng-content>
+
+    <div class="input-wrap">
+      <div class="prefix">
+        <ng-content select="[boxPrefix]"></ng-content>
+        <ng-content select="[prefix]"></ng-content>
+        <ng-content select="[textPrefix]"></ng-content>
+      </div>
+
+      <ng-content select="input"></ng-content>
+      <ng-content select="textarea"></ng-content>
+
+      <div class="suffix">
+        <ng-content select="[textSuffix]"></ng-content>
+        <ng-content select="[suffix]"></ng-content>
+        <ng-content select="[boxSuffix]"></ng-content>
+      </div>
+    </div>
+
+    <div class="helpers">
+      <div class="error-wrap">
+        <ng-content select="[error]"></ng-content>
+      </div>
+
+      <div class="hint">
+        <ng-content select="[hint]"></ng-content>
+      </div>
+    </div>
+  `, isInline: true, styles: ["sh-daterange-input.small sh-form-field-popover,sh-daterange-input.small sh-form-field,sh-datepicker-input.small sh-form-field-popover,sh-datepicker-input.small sh-form-field,sh-form-field-popover.small,sh-form-field.small{--ff-space: .4375rem .625rem;--ff-input-space: .375rem .625rem;--ff-f: var(--paragraph-40B);line-height:1rem}sh-daterange-input.small sh-form-field-popover .prefix,sh-daterange-input.small sh-form-field .prefix,sh-datepicker-input.small sh-form-field-popover .prefix,sh-datepicker-input.small sh-form-field .prefix,sh-form-field-popover.small .prefix,sh-form-field.small .prefix,sh-daterange-input.small sh-form-field-popover .suffix,sh-daterange-input.small sh-form-field .suffix,sh-datepicker-input.small sh-form-field-popover .suffix,sh-datepicker-input.small sh-form-field .suffix,sh-form-field-popover.small .suffix,sh-form-field.small .suffix{line-height:1rem}sh-daterange-input.small sh-form-field-popover .prefix>sh-icon,sh-daterange-input.small sh-form-field .prefix>sh-icon,sh-datepicker-input.small sh-form-field-popover .prefix>sh-icon,sh-datepicker-input.small sh-form-field .prefix>sh-icon,sh-form-field-popover.small .prefix>sh-icon,sh-form-field.small .prefix>sh-icon,sh-daterange-input.small sh-form-field-popover .suffix>sh-icon,sh-daterange-input.small sh-form-field .suffix>sh-icon,sh-datepicker-input.small sh-form-field-popover .suffix>sh-icon,sh-datepicker-input.small sh-form-field .suffix>sh-icon,sh-form-field-popover.small .suffix>sh-icon,sh-form-field.small .suffix>sh-icon{font-size:1rem}sh-form-field-popover,sh-form-field{--ff-s: var(--shape-2);--ff-bc: var(--base-4);--ff-boxfix-bg: var(--base-2);--ff-suffix-bg: transparent;--ff-ic: var(--base-11);--ff-bg: var(--base-1);--ff-f: var(--paragraph-30B);--ff-spinner-size: 1.25rem;--ff-spinner-thickness: .125rem;--ff-space: .5625rem .75rem;--ff-input-space: .625rem .75rem;--ff-mw: auto;--ff-bs: var(--ship-form-field-shadow, none);display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%;transition:transform 125ms linear;transform:scale(1)}sh-form-field-popover:has(input[type=time]),sh-form-field:has(input[type=time]){--ff-input-space: .5625rem .75rem}sh-form-field-popover:active .input-wrap,sh-form-field:active .input-wrap{--ff-bs: 0 0 6px 0 var(--base-4)}sh-form-field-popover[readonly],sh-form-field-popover.readonly,sh-form-field-popover[disabled],sh-form-field-popover.disabled,sh-form-field-popover:has(input[disabled]),sh-form-field-popover:has(textarea[disabled]),sh-form-field[readonly],sh-form-field.readonly,sh-form-field[disabled],sh-form-field.disabled,sh-form-field:has(input[disabled]),sh-form-field:has(textarea[disabled]){pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}sh-form-field-popover[readonly]:active,sh-form-field-popover.readonly:active,sh-form-field-popover[disabled]:active,sh-form-field-popover.disabled:active,sh-form-field-popover:has(input[disabled]):active,sh-form-field-popover:has(textarea[disabled]):active,sh-form-field[readonly]:active,sh-form-field.readonly:active,sh-form-field[disabled]:active,sh-form-field.disabled:active,sh-form-field:has(input[disabled]):active,sh-form-field:has(textarea[disabled]):active{transform:scale(1)}sh-form-field-popover.auto-width,sh-form-field.auto-width{width:initial}sh-form-field-popover.auto-width .input-wrap,sh-form-field-popover.auto-width input,sh-form-field.auto-width .input-wrap,sh-form-field.auto-width input{width:initial}sh-form-field-popover.center .input-wrap input[type=number],sh-form-field-popover.center .input-wrap input,sh-form-field.center .input-wrap input[type=number],sh-form-field.center .input-wrap input{text-align:center}sh-form-field-popover label,sh-form-field label{display:flex;align-items:center;padding-bottom:.25rem;gap:.25rem}sh-form-field-popover label sh-icon,sh-form-field label sh-icon{font-size:1rem}sh-form-field-popover .suffix,sh-form-field-popover .prefix,sh-form-field .suffix,sh-form-field .prefix{display:none;align-items:center;gap:.25rem;padding:var(--ff-space);padding-right:0;transition:background-color 125ms linear;background-color:inherit;line-height:1.25rem}sh-form-field-popover .suffix:has([boxPrefix]),sh-form-field-popover .prefix:has([boxPrefix]),sh-form-field .suffix:has([boxPrefix]),sh-form-field .prefix:has([boxPrefix]){padding:var(--ff-space);background-color:var(--ff-boxfix-bg)}sh-form-field-popover .suffix:has([boxSuffix]),sh-form-field-popover .prefix:has([boxSuffix]),sh-form-field .suffix:has([boxSuffix]),sh-form-field .prefix:has([boxSuffix]){padding:var(--ff-space);background-color:var(--ff-boxfix-bg)}sh-form-field-popover .suffix [boxPrefix],sh-form-field-popover .suffix [boxSuffix],sh-form-field-popover .prefix [boxPrefix],sh-form-field-popover .prefix [boxSuffix],sh-form-field .suffix [boxPrefix],sh-form-field .suffix [boxSuffix],sh-form-field .prefix [boxPrefix],sh-form-field .prefix [boxSuffix]{--ff-ic: var(--base-8);display:flex;align-items:center;gap:.25rem}sh-form-field-popover .suffix:not(:empty),sh-form-field-popover .prefix:not(:empty),sh-form-field .suffix:not(:empty),sh-form-field .prefix:not(:empty){display:flex}sh-form-field-popover .suffix,sh-form-field .suffix{padding:var(--ff-space);background-color:var(--ff-suffix-bg)}sh-form-field-popover .suffix:has([textsuffix]),sh-form-field .suffix:has([textsuffix]){padding-left:0}sh-form-field-popover:has(input.ng-touched.ng-invalid),sh-form-field:has(input.ng-touched.ng-invalid){--ff-ic: var(--error-8);--ff-bc: var(--error-8);--ff-boxfix-bg: var(--error-2)}sh-form-field-popover.autosize,sh-form-field.autosize{width:min-content}sh-form-field-popover.autosize .input-wrap,sh-form-field.autosize .input-wrap{height:auto}sh-form-field-popover.autosize .input-wrap textarea,sh-form-field-popover.autosize .input-wrap input,sh-form-field.autosize .input-wrap textarea,sh-form-field.autosize .input-wrap input{field-sizing:content}sh-form-field-popover .input-wrap,sh-form-field .input-wrap{display:flex;align-items:center;border:var(--border-10);border-color:var(--ff-bc);border-radius:var(--ff-s);background:var(--ff-bg);box-shadow:var(--ff-bs);overflow:hidden;transition:border-color 125ms linear,box-shadow 95ms linear;min-width:var(--ff-mw);width:100%}sh-form-field-popover .input-wrap.is-open,sh-form-field-popover .input-wrap:has(textarea:focus-visible),sh-form-field-popover .input-wrap:has(input:focus-visible),sh-form-field .input-wrap.is-open,sh-form-field .input-wrap:has(textarea:focus-visible),sh-form-field .input-wrap:has(input:focus-visible){outline:2px solid var(--primary-8);outline-offset:2px}sh-form-field-popover .input-wrap sh-popover,sh-form-field-popover .input-wrap .input,sh-form-field .input-wrap sh-popover,sh-form-field .input-wrap .input{flex:1 0;margin:var(--ff-space)}sh-form-field-popover .input-wrap textarea,sh-form-field .input-wrap textarea{resize:none;margin:.5rem 0;color:var(--base-8);field-sizing:content}sh-form-field-popover .input-wrap:has(textarea),sh-form-field .input-wrap:has(textarea){height:auto;min-width:100%;max-width:100%}sh-form-field-popover .input-wrap sh-icon,sh-form-field .input-wrap sh-icon{color:var(--ff-ic);transition:color 125ms linear}sh-form-field-popover .input-wrap sh-icon.primary,sh-form-field .input-wrap sh-icon.primary{--ff-ic: var(--primary-8)}sh-form-field-popover .input-wrap sh-icon.accent,sh-form-field .input-wrap sh-icon.accent{--ff-ic: var(--accent-8)}sh-form-field-popover .input-wrap sh-icon.warn,sh-form-field .input-wrap sh-icon.warn{--ff-ic: var(--warn-8)}sh-form-field-popover .input-wrap sh-icon.error,sh-form-field .input-wrap sh-icon.error{--ff-ic: var(--error-8)}sh-form-field-popover .input-wrap sh-icon.success,sh-form-field .input-wrap sh-icon.success{--ff-ic: var(--success-8)}sh-form-field-popover .input-wrap sh-chip sh-icon,sh-form-field .input-wrap sh-chip sh-icon{color:var(--chip-ic)}sh-form-field-popover .input-wrap sh-spinner,sh-form-field .input-wrap sh-spinner{--spinner-size: var(--ff-spinner-size);--spinner-thickness: var(--ff-spinner-thickness)}sh-form-field-popover .input-wrap textarea,sh-form-field-popover .input-wrap input,sh-form-field .input-wrap textarea,sh-form-field .input-wrap input{appearance:none;border:0;padding:0;background:transparent;font:var(--paragraph-30B);flex:1 0;color:var(--base-8);margin:var(--ff-input-space);width:100%}sh-form-field-popover .input-wrap textarea::placeholder,sh-form-field-popover .input-wrap input::placeholder,sh-form-field .input-wrap textarea::placeholder,sh-form-field .input-wrap input::placeholder{color:var(--base-6)}sh-form-field-popover .input-wrap textarea:focus,sh-form-field-popover .input-wrap input:focus,sh-form-field .input-wrap textarea:focus,sh-form-field .input-wrap input:focus{outline:none}sh-form-field-popover .input-wrap textarea[type=number],sh-form-field-popover .input-wrap input[type=number],sh-form-field .input-wrap textarea[type=number],sh-form-field .input-wrap input[type=number]{appearance:textfield;text-align:right}sh-form-field-popover .input-wrap textarea[type=number]::-webkit-outer-spin-button,sh-form-field-popover .input-wrap textarea[type=number]::-webkit-inner-spin-button,sh-form-field-popover .input-wrap input[type=number]::-webkit-outer-spin-button,sh-form-field-popover .input-wrap input[type=number]::-webkit-inner-spin-button,sh-form-field .input-wrap textarea[type=number]::-webkit-outer-spin-button,sh-form-field .input-wrap textarea[type=number]::-webkit-inner-spin-button,sh-form-field .input-wrap input[type=number]::-webkit-outer-spin-button,sh-form-field .input-wrap input[type=number]::-webkit-inner-spin-button{display:none}sh-form-field-popover .input-wrap textarea[type=number]:has(+.suffix:not(:empty)),sh-form-field-popover .input-wrap input[type=number]:has(+.suffix:not(:empty)),sh-form-field .input-wrap textarea[type=number]:has(+.suffix:not(:empty)),sh-form-field .input-wrap input[type=number]:has(+.suffix:not(:empty)){margin-right:0}sh-form-field-popover .input-wrap textarea[type=time],sh-form-field-popover .input-wrap input[type=time],sh-form-field .input-wrap textarea[type=time],sh-form-field .input-wrap input[type=time]{appearance:textfield;text-align:center;line-height:1rem}sh-form-field-popover .input-wrap textarea[type=time]::-webkit-calendar-picker-indicator,sh-form-field-popover .input-wrap input[type=time]::-webkit-calendar-picker-indicator,sh-form-field .input-wrap textarea[type=time]::-webkit-calendar-picker-indicator,sh-form-field .input-wrap input[type=time]::-webkit-calendar-picker-indicator{appearance:none;display:none}sh-form-field-popover .helpers,sh-form-field .helpers{height:1.25rem;display:flex;align-items:center;gap:.25rem;padding-top:.25rem;width:100%}sh-form-field-popover .helpers [hint],sh-form-field .helpers [hint]{color:var(--base-9)}sh-form-field-popover .helpers [hint][suffix],sh-form-field .helpers [hint][suffix]{text-align:right;width:100%}sh-form-field-popover .helpers:has(.error-wrap:not(:empty)) .hint,sh-form-field .helpers:has(.error-wrap:not(:empty)) .hint{display:none}sh-form-field-popover:has(.error-wrap:empty+.hint:empty) .helpers,sh-form-field:has(.error-wrap:empty+.hint:empty) .helpers{height:0;padding-top:0}sh-form-field-popover:has(input.ng-touched.ng-invalid) .helpers .hint,sh-form-field:has(input.ng-touched.ng-invalid) .helpers .hint{opacity:0;visibility:hidden}sh-form-field-popover .error-wrap,sh-form-field .error-wrap{color:var(--error-8);opacity:1;transition:opacity 125ms linear;position:absolute;bottom:0;left:0;right:0;width:100%}sh-form-field-popover .hint,sh-form-field .hint{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--base-8);opacity:1;transition:visibility 125ms linear,opacity 125ms linear;visibility:visible}sh-form-field-popover .hint:empty,sh-form-field .hint:empty{opacity:0}sh-form-field-popover.error,sh-form-field.error{--ff-ic: var(--error-8)}sh-form-field-popover.warning,sh-form-field.warning{--ff-ic: var(--warn-8)}sh-form-field-popover.success,sh-form-field.success{--ff-ic: var(--success-8)}sh-form-field-popover.horizontal,sh-form-field.horizontal{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 1rem}sh-form-field-popover.horizontal label,sh-form-field.horizontal label{padding-bottom:0;margin-bottom:0;grid-column:1}sh-form-field-popover.horizontal .input-wrap,sh-form-field.horizontal .input-wrap{grid-column:2}sh-form-field-popover.horizontal .helpers,sh-form-field.horizontal .helpers{grid-column:2}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipFormField, decorators: [{
+            type: Component,
+            args: [{ selector: 'sh-form-field', encapsulation: ViewEncapsulation.None, imports: [], template: `
+    <ng-content select="label"></ng-content>
+
+    <div class="input-wrap">
+      <div class="prefix">
+        <ng-content select="[boxPrefix]"></ng-content>
+        <ng-content select="[prefix]"></ng-content>
+        <ng-content select="[textPrefix]"></ng-content>
+      </div>
+
+      <ng-content select="input"></ng-content>
+      <ng-content select="textarea"></ng-content>
+
+      <div class="suffix">
+        <ng-content select="[textSuffix]"></ng-content>
+        <ng-content select="[suffix]"></ng-content>
+        <ng-content select="[boxSuffix]"></ng-content>
+      </div>
+    </div>
+
+    <div class="helpers">
+      <div class="error-wrap">
+        <ng-content select="[error]"></ng-content>
+      </div>
+
+      <div class="hint">
+        <ng-content select="[hint]"></ng-content>
+      </div>
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class]': 'hostClasses()',
+                    }, styles: ["sh-daterange-input.small sh-form-field-popover,sh-daterange-input.small sh-form-field,sh-datepicker-input.small sh-form-field-popover,sh-datepicker-input.small sh-form-field,sh-form-field-popover.small,sh-form-field.small{--ff-space: .4375rem .625rem;--ff-input-space: .375rem .625rem;--ff-f: var(--paragraph-40B);line-height:1rem}sh-daterange-input.small sh-form-field-popover .prefix,sh-daterange-input.small sh-form-field .prefix,sh-datepicker-input.small sh-form-field-popover .prefix,sh-datepicker-input.small sh-form-field .prefix,sh-form-field-popover.small .prefix,sh-form-field.small .prefix,sh-daterange-input.small sh-form-field-popover .suffix,sh-daterange-input.small sh-form-field .suffix,sh-datepicker-input.small sh-form-field-popover .suffix,sh-datepicker-input.small sh-form-field .suffix,sh-form-field-popover.small .suffix,sh-form-field.small .suffix{line-height:1rem}sh-daterange-input.small sh-form-field-popover .prefix>sh-icon,sh-daterange-input.small sh-form-field .prefix>sh-icon,sh-datepicker-input.small sh-form-field-popover .prefix>sh-icon,sh-datepicker-input.small sh-form-field .prefix>sh-icon,sh-form-field-popover.small .prefix>sh-icon,sh-form-field.small .prefix>sh-icon,sh-daterange-input.small sh-form-field-popover .suffix>sh-icon,sh-daterange-input.small sh-form-field .suffix>sh-icon,sh-datepicker-input.small sh-form-field-popover .suffix>sh-icon,sh-datepicker-input.small sh-form-field .suffix>sh-icon,sh-form-field-popover.small .suffix>sh-icon,sh-form-field.small .suffix>sh-icon{font-size:1rem}sh-form-field-popover,sh-form-field{--ff-s: var(--shape-2);--ff-bc: var(--base-4);--ff-boxfix-bg: var(--base-2);--ff-suffix-bg: transparent;--ff-ic: var(--base-11);--ff-bg: var(--base-1);--ff-f: var(--paragraph-30B);--ff-spinner-size: 1.25rem;--ff-spinner-thickness: .125rem;--ff-space: .5625rem .75rem;--ff-input-space: .625rem .75rem;--ff-mw: auto;--ff-bs: var(--ship-form-field-shadow, none);display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%;transition:transform 125ms linear;transform:scale(1)}sh-form-field-popover:has(input[type=time]),sh-form-field:has(input[type=time]){--ff-input-space: .5625rem .75rem}sh-form-field-popover:active .input-wrap,sh-form-field:active .input-wrap{--ff-bs: 0 0 6px 0 var(--base-4)}sh-form-field-popover[readonly],sh-form-field-popover.readonly,sh-form-field-popover[disabled],sh-form-field-popover.disabled,sh-form-field-popover:has(input[disabled]),sh-form-field-popover:has(textarea[disabled]),sh-form-field[readonly],sh-form-field.readonly,sh-form-field[disabled],sh-form-field.disabled,sh-form-field:has(input[disabled]),sh-form-field:has(textarea[disabled]){pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}sh-form-field-popover[readonly]:active,sh-form-field-popover.readonly:active,sh-form-field-popover[disabled]:active,sh-form-field-popover.disabled:active,sh-form-field-popover:has(input[disabled]):active,sh-form-field-popover:has(textarea[disabled]):active,sh-form-field[readonly]:active,sh-form-field.readonly:active,sh-form-field[disabled]:active,sh-form-field.disabled:active,sh-form-field:has(input[disabled]):active,sh-form-field:has(textarea[disabled]):active{transform:scale(1)}sh-form-field-popover.auto-width,sh-form-field.auto-width{width:initial}sh-form-field-popover.auto-width .input-wrap,sh-form-field-popover.auto-width input,sh-form-field.auto-width .input-wrap,sh-form-field.auto-width input{width:initial}sh-form-field-popover.center .input-wrap input[type=number],sh-form-field-popover.center .input-wrap input,sh-form-field.center .input-wrap input[type=number],sh-form-field.center .input-wrap input{text-align:center}sh-form-field-popover label,sh-form-field label{display:flex;align-items:center;padding-bottom:.25rem;gap:.25rem}sh-form-field-popover label sh-icon,sh-form-field label sh-icon{font-size:1rem}sh-form-field-popover .suffix,sh-form-field-popover .prefix,sh-form-field .suffix,sh-form-field .prefix{display:none;align-items:center;gap:.25rem;padding:var(--ff-space);padding-right:0;transition:background-color 125ms linear;background-color:inherit;line-height:1.25rem}sh-form-field-popover .suffix:has([boxPrefix]),sh-form-field-popover .prefix:has([boxPrefix]),sh-form-field .suffix:has([boxPrefix]),sh-form-field .prefix:has([boxPrefix]){padding:var(--ff-space);background-color:var(--ff-boxfix-bg)}sh-form-field-popover .suffix:has([boxSuffix]),sh-form-field-popover .prefix:has([boxSuffix]),sh-form-field .suffix:has([boxSuffix]),sh-form-field .prefix:has([boxSuffix]){padding:var(--ff-space);background-color:var(--ff-boxfix-bg)}sh-form-field-popover .suffix [boxPrefix],sh-form-field-popover .suffix [boxSuffix],sh-form-field-popover .prefix [boxPrefix],sh-form-field-popover .prefix [boxSuffix],sh-form-field .suffix [boxPrefix],sh-form-field .suffix [boxSuffix],sh-form-field .prefix [boxPrefix],sh-form-field .prefix [boxSuffix]{--ff-ic: var(--base-8);display:flex;align-items:center;gap:.25rem}sh-form-field-popover .suffix:not(:empty),sh-form-field-popover .prefix:not(:empty),sh-form-field .suffix:not(:empty),sh-form-field .prefix:not(:empty){display:flex}sh-form-field-popover .suffix,sh-form-field .suffix{padding:var(--ff-space);background-color:var(--ff-suffix-bg)}sh-form-field-popover .suffix:has([textsuffix]),sh-form-field .suffix:has([textsuffix]){padding-left:0}sh-form-field-popover:has(input.ng-touched.ng-invalid),sh-form-field:has(input.ng-touched.ng-invalid){--ff-ic: var(--error-8);--ff-bc: var(--error-8);--ff-boxfix-bg: var(--error-2)}sh-form-field-popover.autosize,sh-form-field.autosize{width:min-content}sh-form-field-popover.autosize .input-wrap,sh-form-field.autosize .input-wrap{height:auto}sh-form-field-popover.autosize .input-wrap textarea,sh-form-field-popover.autosize .input-wrap input,sh-form-field.autosize .input-wrap textarea,sh-form-field.autosize .input-wrap input{field-sizing:content}sh-form-field-popover .input-wrap,sh-form-field .input-wrap{display:flex;align-items:center;border:var(--border-10);border-color:var(--ff-bc);border-radius:var(--ff-s);background:var(--ff-bg);box-shadow:var(--ff-bs);overflow:hidden;transition:border-color 125ms linear,box-shadow 95ms linear;min-width:var(--ff-mw);width:100%}sh-form-field-popover .input-wrap.is-open,sh-form-field-popover .input-wrap:has(textarea:focus-visible),sh-form-field-popover .input-wrap:has(input:focus-visible),sh-form-field .input-wrap.is-open,sh-form-field .input-wrap:has(textarea:focus-visible),sh-form-field .input-wrap:has(input:focus-visible){outline:2px solid var(--primary-8);outline-offset:2px}sh-form-field-popover .input-wrap sh-popover,sh-form-field-popover .input-wrap .input,sh-form-field .input-wrap sh-popover,sh-form-field .input-wrap .input{flex:1 0;margin:var(--ff-space)}sh-form-field-popover .input-wrap textarea,sh-form-field .input-wrap textarea{resize:none;margin:.5rem 0;color:var(--base-8);field-sizing:content}sh-form-field-popover .input-wrap:has(textarea),sh-form-field .input-wrap:has(textarea){height:auto;min-width:100%;max-width:100%}sh-form-field-popover .input-wrap sh-icon,sh-form-field .input-wrap sh-icon{color:var(--ff-ic);transition:color 125ms linear}sh-form-field-popover .input-wrap sh-icon.primary,sh-form-field .input-wrap sh-icon.primary{--ff-ic: var(--primary-8)}sh-form-field-popover .input-wrap sh-icon.accent,sh-form-field .input-wrap sh-icon.accent{--ff-ic: var(--accent-8)}sh-form-field-popover .input-wrap sh-icon.warn,sh-form-field .input-wrap sh-icon.warn{--ff-ic: var(--warn-8)}sh-form-field-popover .input-wrap sh-icon.error,sh-form-field .input-wrap sh-icon.error{--ff-ic: var(--error-8)}sh-form-field-popover .input-wrap sh-icon.success,sh-form-field .input-wrap sh-icon.success{--ff-ic: var(--success-8)}sh-form-field-popover .input-wrap sh-chip sh-icon,sh-form-field .input-wrap sh-chip sh-icon{color:var(--chip-ic)}sh-form-field-popover .input-wrap sh-spinner,sh-form-field .input-wrap sh-spinner{--spinner-size: var(--ff-spinner-size);--spinner-thickness: var(--ff-spinner-thickness)}sh-form-field-popover .input-wrap textarea,sh-form-field-popover .input-wrap input,sh-form-field .input-wrap textarea,sh-form-field .input-wrap input{appearance:none;border:0;padding:0;background:transparent;font:var(--paragraph-30B);flex:1 0;color:var(--base-8);margin:var(--ff-input-space);width:100%}sh-form-field-popover .input-wrap textarea::placeholder,sh-form-field-popover .input-wrap input::placeholder,sh-form-field .input-wrap textarea::placeholder,sh-form-field .input-wrap input::placeholder{color:var(--base-6)}sh-form-field-popover .input-wrap textarea:focus,sh-form-field-popover .input-wrap input:focus,sh-form-field .input-wrap textarea:focus,sh-form-field .input-wrap input:focus{outline:none}sh-form-field-popover .input-wrap textarea[type=number],sh-form-field-popover .input-wrap input[type=number],sh-form-field .input-wrap textarea[type=number],sh-form-field .input-wrap input[type=number]{appearance:textfield;text-align:right}sh-form-field-popover .input-wrap textarea[type=number]::-webkit-outer-spin-button,sh-form-field-popover .input-wrap textarea[type=number]::-webkit-inner-spin-button,sh-form-field-popover .input-wrap input[type=number]::-webkit-outer-spin-button,sh-form-field-popover .input-wrap input[type=number]::-webkit-inner-spin-button,sh-form-field .input-wrap textarea[type=number]::-webkit-outer-spin-button,sh-form-field .input-wrap textarea[type=number]::-webkit-inner-spin-button,sh-form-field .input-wrap input[type=number]::-webkit-outer-spin-button,sh-form-field .input-wrap input[type=number]::-webkit-inner-spin-button{display:none}sh-form-field-popover .input-wrap textarea[type=number]:has(+.suffix:not(:empty)),sh-form-field-popover .input-wrap input[type=number]:has(+.suffix:not(:empty)),sh-form-field .input-wrap textarea[type=number]:has(+.suffix:not(:empty)),sh-form-field .input-wrap input[type=number]:has(+.suffix:not(:empty)){margin-right:0}sh-form-field-popover .input-wrap textarea[type=time],sh-form-field-popover .input-wrap input[type=time],sh-form-field .input-wrap textarea[type=time],sh-form-field .input-wrap input[type=time]{appearance:textfield;text-align:center;line-height:1rem}sh-form-field-popover .input-wrap textarea[type=time]::-webkit-calendar-picker-indicator,sh-form-field-popover .input-wrap input[type=time]::-webkit-calendar-picker-indicator,sh-form-field .input-wrap textarea[type=time]::-webkit-calendar-picker-indicator,sh-form-field .input-wrap input[type=time]::-webkit-calendar-picker-indicator{appearance:none;display:none}sh-form-field-popover .helpers,sh-form-field .helpers{height:1.25rem;display:flex;align-items:center;gap:.25rem;padding-top:.25rem;width:100%}sh-form-field-popover .helpers [hint],sh-form-field .helpers [hint]{color:var(--base-9)}sh-form-field-popover .helpers [hint][suffix],sh-form-field .helpers [hint][suffix]{text-align:right;width:100%}sh-form-field-popover .helpers:has(.error-wrap:not(:empty)) .hint,sh-form-field .helpers:has(.error-wrap:not(:empty)) .hint{display:none}sh-form-field-popover:has(.error-wrap:empty+.hint:empty) .helpers,sh-form-field:has(.error-wrap:empty+.hint:empty) .helpers{height:0;padding-top:0}sh-form-field-popover:has(input.ng-touched.ng-invalid) .helpers .hint,sh-form-field:has(input.ng-touched.ng-invalid) .helpers .hint{opacity:0;visibility:hidden}sh-form-field-popover .error-wrap,sh-form-field .error-wrap{color:var(--error-8);opacity:1;transition:opacity 125ms linear;position:absolute;bottom:0;left:0;right:0;width:100%}sh-form-field-popover .hint,sh-form-field .hint{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--base-8);opacity:1;transition:visibility 125ms linear,opacity 125ms linear;visibility:visible}sh-form-field-popover .hint:empty,sh-form-field .hint:empty{opacity:0}sh-form-field-popover.error,sh-form-field.error{--ff-ic: var(--error-8)}sh-form-field-popover.warning,sh-form-field.warning{--ff-ic: var(--warn-8)}sh-form-field-popover.success,sh-form-field.success{--ff-ic: var(--success-8)}sh-form-field-popover.horizontal,sh-form-field.horizontal{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 1rem}sh-form-field-popover.horizontal label,sh-form-field.horizontal label{padding-bottom:0;margin-bottom:0;grid-column:1}sh-form-field-popover.horizontal .input-wrap,sh-form-field.horizontal .input-wrap{grid-column:2}sh-form-field-popover.horizontal .helpers,sh-form-field.horizontal .helpers{grid-column:2}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+class ShipFormFieldPopover {
+    constructor() {
+        this.#selfRef = inject(ElementRef);
+        this.isOpen = model(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+        this.closed = output();
+        this.color = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "color" }] : /* 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.readonly = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+        this.hostClasses = shipComponentClasses('formField', {
+            color: this.color,
+            variant: this.variant,
+            size: this.size,
+            readonly: this.readonly,
+        });
+    }
+    #selfRef;
+    onClick(event) {
+        const target = event.target;
+        if (target.closest('.input-wrap')) {
+            if (this.#selfRef.nativeElement.querySelector('input')) {
+                this.#selfRef.nativeElement.querySelector('input').focus();
+            }
+            if (this.#selfRef.nativeElement.querySelector('textarea')) {
+                this.#selfRef.nativeElement.querySelector('textarea').focus();
+            }
+        }
+    }
+    close() {
+        this.closed.emit();
+    }
+    ngOnInit() {
+        const supportFieldSizing = typeof CSS !== 'undefined' && CSS.supports('field-sizing', 'content');
+        const text = this.#selfRef.nativeElement.querySelector('textarea');
+        if (!supportFieldSizing && text !== null) {
+            const text = this.#selfRef.nativeElement.querySelector('textarea');
+            function resize() {
+                text.style.height = 'auto';
+                text.style.height = text.scrollHeight + 'px';
+            }
+            /* 0-timeout to get the already changed text */
+            function delayedResize() {
+                setTimeout(resize, 0);
+            }
+            if (text) {
+                text.addEventListener('change', resize);
+                text.addEventListener('cut', delayedResize);
+                text.addEventListener('paste', delayedResize);
+                text.addEventListener('drop', delayedResize);
+                text.addEventListener('keydown', delayedResize);
+                text.focus();
+                text.select();
+                resize();
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipFormFieldPopover, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: ShipFormFieldPopover, isStandalone: true, selector: "sh-form-field-popover", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", 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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange", closed: "closed" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
+    <ng-content select="label"></ng-content>
+
+    <sh-popover
+      [(isOpen)]="isOpen"
+      (closed)="close()"
+      [asSheetOnMobile]="true"
+      [options]="{
+        closeOnButton: false,
+        closeOnEsc: true,
+      }">
+      <div trigger class="input-wrap" [class.is-open]="isOpen()">
+        <div class="prefix">
+          <ng-content select="[prefix]"></ng-content>
+          <ng-content select="[textPrefix]"></ng-content>
+        </div>
+
+        <div class="prefix-space"></div>
+
+        <ng-content select="input"></ng-content>
+
+        <ng-content select="textarea"></ng-content>
+
+        <ng-content select="[textSuffix]"></ng-content>
+        <div class="suffix-space"></div>
+        <ng-content select="[suffix]"></ng-content>
+      </div>
+      <ng-content select="[popoverContent]"></ng-content>
+    </sh-popover>
+
+    <div class="helpers">
+      <div class="error-wrap">
+        <ng-content select="[error]"></ng-content>
+      </div>
+
+      <div class="hint">
+        <ng-content select="[hint]"></ng-content>
+      </div>
+    </div>
+  `, isInline: true, styles: ["sh-daterange-input.small sh-form-field-popover,sh-daterange-input.small sh-form-field,sh-datepicker-input.small sh-form-field-popover,sh-datepicker-input.small sh-form-field,sh-form-field-popover.small,sh-form-field.small{--ff-space: .4375rem .625rem;--ff-input-space: .375rem .625rem;--ff-f: var(--paragraph-40B);line-height:1rem}sh-daterange-input.small sh-form-field-popover .prefix,sh-daterange-input.small sh-form-field .prefix,sh-datepicker-input.small sh-form-field-popover .prefix,sh-datepicker-input.small sh-form-field .prefix,sh-form-field-popover.small .prefix,sh-form-field.small .prefix,sh-daterange-input.small sh-form-field-popover .suffix,sh-daterange-input.small sh-form-field .suffix,sh-datepicker-input.small sh-form-field-popover .suffix,sh-datepicker-input.small sh-form-field .suffix,sh-form-field-popover.small .suffix,sh-form-field.small .suffix{line-height:1rem}sh-daterange-input.small sh-form-field-popover .prefix>sh-icon,sh-daterange-input.small sh-form-field .prefix>sh-icon,sh-datepicker-input.small sh-form-field-popover .prefix>sh-icon,sh-datepicker-input.small sh-form-field .prefix>sh-icon,sh-form-field-popover.small .prefix>sh-icon,sh-form-field.small .prefix>sh-icon,sh-daterange-input.small sh-form-field-popover .suffix>sh-icon,sh-daterange-input.small sh-form-field .suffix>sh-icon,sh-datepicker-input.small sh-form-field-popover .suffix>sh-icon,sh-datepicker-input.small sh-form-field .suffix>sh-icon,sh-form-field-popover.small .suffix>sh-icon,sh-form-field.small .suffix>sh-icon{font-size:1rem}sh-form-field-popover,sh-form-field{--ff-s: var(--shape-2);--ff-bc: var(--base-4);--ff-boxfix-bg: var(--base-2);--ff-suffix-bg: transparent;--ff-ic: var(--base-11);--ff-bg: var(--base-1);--ff-f: var(--paragraph-30B);--ff-spinner-size: 1.25rem;--ff-spinner-thickness: .125rem;--ff-space: .5625rem .75rem;--ff-input-space: .625rem .75rem;--ff-mw: auto;--ff-bs: var(--ship-form-field-shadow, none);display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%;transition:transform 125ms linear;transform:scale(1)}sh-form-field-popover:has(input[type=time]),sh-form-field:has(input[type=time]){--ff-input-space: .5625rem .75rem}sh-form-field-popover:active .input-wrap,sh-form-field:active .input-wrap{--ff-bs: 0 0 6px 0 var(--base-4)}sh-form-field-popover[readonly],sh-form-field-popover.readonly,sh-form-field-popover[disabled],sh-form-field-popover.disabled,sh-form-field-popover:has(input[disabled]),sh-form-field-popover:has(textarea[disabled]),sh-form-field[readonly],sh-form-field.readonly,sh-form-field[disabled],sh-form-field.disabled,sh-form-field:has(input[disabled]),sh-form-field:has(textarea[disabled]){pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}sh-form-field-popover[readonly]:active,sh-form-field-popover.readonly:active,sh-form-field-popover[disabled]:active,sh-form-field-popover.disabled:active,sh-form-field-popover:has(input[disabled]):active,sh-form-field-popover:has(textarea[disabled]):active,sh-form-field[readonly]:active,sh-form-field.readonly:active,sh-form-field[disabled]:active,sh-form-field.disabled:active,sh-form-field:has(input[disabled]):active,sh-form-field:has(textarea[disabled]):active{transform:scale(1)}sh-form-field-popover.auto-width,sh-form-field.auto-width{width:initial}sh-form-field-popover.auto-width .input-wrap,sh-form-field-popover.auto-width input,sh-form-field.auto-width .input-wrap,sh-form-field.auto-width input{width:initial}sh-form-field-popover.center .input-wrap input[type=number],sh-form-field-popover.center .input-wrap input,sh-form-field.center .input-wrap input[type=number],sh-form-field.center .input-wrap input{text-align:center}sh-form-field-popover label,sh-form-field label{display:flex;align-items:center;padding-bottom:.25rem;gap:.25rem}sh-form-field-popover label sh-icon,sh-form-field label sh-icon{font-size:1rem}sh-form-field-popover .suffix,sh-form-field-popover .prefix,sh-form-field .suffix,sh-form-field .prefix{display:none;align-items:center;gap:.25rem;padding:var(--ff-space);padding-right:0;transition:background-color 125ms linear;background-color:inherit;line-height:1.25rem}sh-form-field-popover .suffix:has([boxPrefix]),sh-form-field-popover .prefix:has([boxPrefix]),sh-form-field .suffix:has([boxPrefix]),sh-form-field .prefix:has([boxPrefix]){padding:var(--ff-space);background-color:var(--ff-boxfix-bg)}sh-form-field-popover .suffix:has([boxSuffix]),sh-form-field-popover .prefix:has([boxSuffix]),sh-form-field .suffix:has([boxSuffix]),sh-form-field .prefix:has([boxSuffix]){padding:var(--ff-space);background-color:var(--ff-boxfix-bg)}sh-form-field-popover .suffix [boxPrefix],sh-form-field-popover .suffix [boxSuffix],sh-form-field-popover .prefix [boxPrefix],sh-form-field-popover .prefix [boxSuffix],sh-form-field .suffix [boxPrefix],sh-form-field .suffix [boxSuffix],sh-form-field .prefix [boxPrefix],sh-form-field .prefix [boxSuffix]{--ff-ic: var(--base-8);display:flex;align-items:center;gap:.25rem}sh-form-field-popover .suffix:not(:empty),sh-form-field-popover .prefix:not(:empty),sh-form-field .suffix:not(:empty),sh-form-field .prefix:not(:empty){display:flex}sh-form-field-popover .suffix,sh-form-field .suffix{padding:var(--ff-space);background-color:var(--ff-suffix-bg)}sh-form-field-popover .suffix:has([textsuffix]),sh-form-field .suffix:has([textsuffix]){padding-left:0}sh-form-field-popover:has(input.ng-touched.ng-invalid),sh-form-field:has(input.ng-touched.ng-invalid){--ff-ic: var(--error-8);--ff-bc: var(--error-8);--ff-boxfix-bg: var(--error-2)}sh-form-field-popover.autosize,sh-form-field.autosize{width:min-content}sh-form-field-popover.autosize .input-wrap,sh-form-field.autosize .input-wrap{height:auto}sh-form-field-popover.autosize .input-wrap textarea,sh-form-field-popover.autosize .input-wrap input,sh-form-field.autosize .input-wrap textarea,sh-form-field.autosize .input-wrap input{field-sizing:content}sh-form-field-popover .input-wrap,sh-form-field .input-wrap{display:flex;align-items:center;border:var(--border-10);border-color:var(--ff-bc);border-radius:var(--ff-s);background:var(--ff-bg);box-shadow:var(--ff-bs);overflow:hidden;transition:border-color 125ms linear,box-shadow 95ms linear;min-width:var(--ff-mw);width:100%}sh-form-field-popover .input-wrap.is-open,sh-form-field-popover .input-wrap:has(textarea:focus-visible),sh-form-field-popover .input-wrap:has(input:focus-visible),sh-form-field .input-wrap.is-open,sh-form-field .input-wrap:has(textarea:focus-visible),sh-form-field .input-wrap:has(input:focus-visible){outline:2px solid var(--primary-8);outline-offset:2px}sh-form-field-popover .input-wrap sh-popover,sh-form-field-popover .input-wrap .input,sh-form-field .input-wrap sh-popover,sh-form-field .input-wrap .input{flex:1 0;margin:var(--ff-space)}sh-form-field-popover .input-wrap textarea,sh-form-field .input-wrap textarea{resize:none;margin:.5rem 0;color:var(--base-8);field-sizing:content}sh-form-field-popover .input-wrap:has(textarea),sh-form-field .input-wrap:has(textarea){height:auto;min-width:100%;max-width:100%}sh-form-field-popover .input-wrap sh-icon,sh-form-field .input-wrap sh-icon{color:var(--ff-ic);transition:color 125ms linear}sh-form-field-popover .input-wrap sh-icon.primary,sh-form-field .input-wrap sh-icon.primary{--ff-ic: var(--primary-8)}sh-form-field-popover .input-wrap sh-icon.accent,sh-form-field .input-wrap sh-icon.accent{--ff-ic: var(--accent-8)}sh-form-field-popover .input-wrap sh-icon.warn,sh-form-field .input-wrap sh-icon.warn{--ff-ic: var(--warn-8)}sh-form-field-popover .input-wrap sh-icon.error,sh-form-field .input-wrap sh-icon.error{--ff-ic: var(--error-8)}sh-form-field-popover .input-wrap sh-icon.success,sh-form-field .input-wrap sh-icon.success{--ff-ic: var(--success-8)}sh-form-field-popover .input-wrap sh-chip sh-icon,sh-form-field .input-wrap sh-chip sh-icon{color:var(--chip-ic)}sh-form-field-popover .input-wrap sh-spinner,sh-form-field .input-wrap sh-spinner{--spinner-size: var(--ff-spinner-size);--spinner-thickness: var(--ff-spinner-thickness)}sh-form-field-popover .input-wrap textarea,sh-form-field-popover .input-wrap input,sh-form-field .input-wrap textarea,sh-form-field .input-wrap input{appearance:none;border:0;padding:0;background:transparent;font:var(--paragraph-30B);flex:1 0;color:var(--base-8);margin:var(--ff-input-space);width:100%}sh-form-field-popover .input-wrap textarea::placeholder,sh-form-field-popover .input-wrap input::placeholder,sh-form-field .input-wrap textarea::placeholder,sh-form-field .input-wrap input::placeholder{color:var(--base-6)}sh-form-field-popover .input-wrap textarea:focus,sh-form-field-popover .input-wrap input:focus,sh-form-field .input-wrap textarea:focus,sh-form-field .input-wrap input:focus{outline:none}sh-form-field-popover .input-wrap textarea[type=number],sh-form-field-popover .input-wrap input[type=number],sh-form-field .input-wrap textarea[type=number],sh-form-field .input-wrap input[type=number]{appearance:textfield;text-align:right}sh-form-field-popover .input-wrap textarea[type=number]::-webkit-outer-spin-button,sh-form-field-popover .input-wrap textarea[type=number]::-webkit-inner-spin-button,sh-form-field-popover .input-wrap input[type=number]::-webkit-outer-spin-button,sh-form-field-popover .input-wrap input[type=number]::-webkit-inner-spin-button,sh-form-field .input-wrap textarea[type=number]::-webkit-outer-spin-button,sh-form-field .input-wrap textarea[type=number]::-webkit-inner-spin-button,sh-form-field .input-wrap input[type=number]::-webkit-outer-spin-button,sh-form-field .input-wrap input[type=number]::-webkit-inner-spin-button{display:none}sh-form-field-popover .input-wrap textarea[type=number]:has(+.suffix:not(:empty)),sh-form-field-popover .input-wrap input[type=number]:has(+.suffix:not(:empty)),sh-form-field .input-wrap textarea[type=number]:has(+.suffix:not(:empty)),sh-form-field .input-wrap input[type=number]:has(+.suffix:not(:empty)){margin-right:0}sh-form-field-popover .input-wrap textarea[type=time],sh-form-field-popover .input-wrap input[type=time],sh-form-field .input-wrap textarea[type=time],sh-form-field .input-wrap input[type=time]{appearance:textfield;text-align:center;line-height:1rem}sh-form-field-popover .input-wrap textarea[type=time]::-webkit-calendar-picker-indicator,sh-form-field-popover .input-wrap input[type=time]::-webkit-calendar-picker-indicator,sh-form-field .input-wrap textarea[type=time]::-webkit-calendar-picker-indicator,sh-form-field .input-wrap input[type=time]::-webkit-calendar-picker-indicator{appearance:none;display:none}sh-form-field-popover .helpers,sh-form-field .helpers{height:1.25rem;display:flex;align-items:center;gap:.25rem;padding-top:.25rem;width:100%}sh-form-field-popover .helpers [hint],sh-form-field .helpers [hint]{color:var(--base-9)}sh-form-field-popover .helpers [hint][suffix],sh-form-field .helpers [hint][suffix]{text-align:right;width:100%}sh-form-field-popover .helpers:has(.error-wrap:not(:empty)) .hint,sh-form-field .helpers:has(.error-wrap:not(:empty)) .hint{display:none}sh-form-field-popover:has(.error-wrap:empty+.hint:empty) .helpers,sh-form-field:has(.error-wrap:empty+.hint:empty) .helpers{height:0;padding-top:0}sh-form-field-popover:has(input.ng-touched.ng-invalid) .helpers .hint,sh-form-field:has(input.ng-touched.ng-invalid) .helpers .hint{opacity:0;visibility:hidden}sh-form-field-popover .error-wrap,sh-form-field .error-wrap{color:var(--error-8);opacity:1;transition:opacity 125ms linear;position:absolute;bottom:0;left:0;right:0;width:100%}sh-form-field-popover .hint,sh-form-field .hint{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--base-8);opacity:1;transition:visibility 125ms linear,opacity 125ms linear;visibility:visible}sh-form-field-popover .hint:empty,sh-form-field .hint:empty{opacity:0}sh-form-field-popover.error,sh-form-field.error{--ff-ic: var(--error-8)}sh-form-field-popover.warning,sh-form-field.warning{--ff-ic: var(--warn-8)}sh-form-field-popover.success,sh-form-field.success{--ff-ic: var(--success-8)}sh-form-field-popover.horizontal,sh-form-field.horizontal{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 1rem}sh-form-field-popover.horizontal label,sh-form-field.horizontal label{padding-bottom:0;margin-bottom:0;grid-column:1}sh-form-field-popover.horizontal .input-wrap,sh-form-field.horizontal .input-wrap{grid-column:2}sh-form-field-popover.horizontal .helpers,sh-form-field.horizontal .helpers{grid-column:2}\n"], dependencies: [{ kind: "component", type: ShipPopover, selector: "sh-popover", inputs: ["asMultiLayer", "asSheetOnMobile", "disableOpenByClick", "isOpen", "options"], outputs: ["isOpenChange", "closed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipFormFieldPopover, decorators: [{
+            type: Component,
+            args: [{ selector: 'sh-form-field-popover', encapsulation: ViewEncapsulation.None, imports: [ShipPopover], template: `
+    <ng-content select="label"></ng-content>
+
+    <sh-popover
+      [(isOpen)]="isOpen"
+      (closed)="close()"
+      [asSheetOnMobile]="true"
+      [options]="{
+        closeOnButton: false,
+        closeOnEsc: true,
+      }">
+      <div trigger class="input-wrap" [class.is-open]="isOpen()">
+        <div class="prefix">
+          <ng-content select="[prefix]"></ng-content>
+          <ng-content select="[textPrefix]"></ng-content>
+        </div>
+
+        <div class="prefix-space"></div>
+
+        <ng-content select="input"></ng-content>
+
+        <ng-content select="textarea"></ng-content>
+
+        <ng-content select="[textSuffix]"></ng-content>
+        <div class="suffix-space"></div>
+        <ng-content select="[suffix]"></ng-content>
+      </div>
+      <ng-content select="[popoverContent]"></ng-content>
+    </sh-popover>
+
+    <div class="helpers">
+      <div class="error-wrap">
+        <ng-content select="[error]"></ng-content>
+      </div>
+
+      <div class="hint">
+        <ng-content select="[hint]"></ng-content>
+      </div>
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class]': 'hostClasses()',
+                    }, styles: ["sh-daterange-input.small sh-form-field-popover,sh-daterange-input.small sh-form-field,sh-datepicker-input.small sh-form-field-popover,sh-datepicker-input.small sh-form-field,sh-form-field-popover.small,sh-form-field.small{--ff-space: .4375rem .625rem;--ff-input-space: .375rem .625rem;--ff-f: var(--paragraph-40B);line-height:1rem}sh-daterange-input.small sh-form-field-popover .prefix,sh-daterange-input.small sh-form-field .prefix,sh-datepicker-input.small sh-form-field-popover .prefix,sh-datepicker-input.small sh-form-field .prefix,sh-form-field-popover.small .prefix,sh-form-field.small .prefix,sh-daterange-input.small sh-form-field-popover .suffix,sh-daterange-input.small sh-form-field .suffix,sh-datepicker-input.small sh-form-field-popover .suffix,sh-datepicker-input.small sh-form-field .suffix,sh-form-field-popover.small .suffix,sh-form-field.small .suffix{line-height:1rem}sh-daterange-input.small sh-form-field-popover .prefix>sh-icon,sh-daterange-input.small sh-form-field .prefix>sh-icon,sh-datepicker-input.small sh-form-field-popover .prefix>sh-icon,sh-datepicker-input.small sh-form-field .prefix>sh-icon,sh-form-field-popover.small .prefix>sh-icon,sh-form-field.small .prefix>sh-icon,sh-daterange-input.small sh-form-field-popover .suffix>sh-icon,sh-daterange-input.small sh-form-field .suffix>sh-icon,sh-datepicker-input.small sh-form-field-popover .suffix>sh-icon,sh-datepicker-input.small sh-form-field .suffix>sh-icon,sh-form-field-popover.small .suffix>sh-icon,sh-form-field.small .suffix>sh-icon{font-size:1rem}sh-form-field-popover,sh-form-field{--ff-s: var(--shape-2);--ff-bc: var(--base-4);--ff-boxfix-bg: var(--base-2);--ff-suffix-bg: transparent;--ff-ic: var(--base-11);--ff-bg: var(--base-1);--ff-f: var(--paragraph-30B);--ff-spinner-size: 1.25rem;--ff-spinner-thickness: .125rem;--ff-space: .5625rem .75rem;--ff-input-space: .625rem .75rem;--ff-mw: auto;--ff-bs: var(--ship-form-field-shadow, none);display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%;transition:transform 125ms linear;transform:scale(1)}sh-form-field-popover:has(input[type=time]),sh-form-field:has(input[type=time]){--ff-input-space: .5625rem .75rem}sh-form-field-popover:active .input-wrap,sh-form-field:active .input-wrap{--ff-bs: 0 0 6px 0 var(--base-4)}sh-form-field-popover[readonly],sh-form-field-popover.readonly,sh-form-field-popover[disabled],sh-form-field-popover.disabled,sh-form-field-popover:has(input[disabled]),sh-form-field-popover:has(textarea[disabled]),sh-form-field[readonly],sh-form-field.readonly,sh-form-field[disabled],sh-form-field.disabled,sh-form-field:has(input[disabled]),sh-form-field:has(textarea[disabled]){pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}sh-form-field-popover[readonly]:active,sh-form-field-popover.readonly:active,sh-form-field-popover[disabled]:active,sh-form-field-popover.disabled:active,sh-form-field-popover:has(input[disabled]):active,sh-form-field-popover:has(textarea[disabled]):active,sh-form-field[readonly]:active,sh-form-field.readonly:active,sh-form-field[disabled]:active,sh-form-field.disabled:active,sh-form-field:has(input[disabled]):active,sh-form-field:has(textarea[disabled]):active{transform:scale(1)}sh-form-field-popover.auto-width,sh-form-field.auto-width{width:initial}sh-form-field-popover.auto-width .input-wrap,sh-form-field-popover.auto-width input,sh-form-field.auto-width .input-wrap,sh-form-field.auto-width input{width:initial}sh-form-field-popover.center .input-wrap input[type=number],sh-form-field-popover.center .input-wrap input,sh-form-field.center .input-wrap input[type=number],sh-form-field.center .input-wrap input{text-align:center}sh-form-field-popover label,sh-form-field label{display:flex;align-items:center;padding-bottom:.25rem;gap:.25rem}sh-form-field-popover label sh-icon,sh-form-field label sh-icon{font-size:1rem}sh-form-field-popover .suffix,sh-form-field-popover .prefix,sh-form-field .suffix,sh-form-field .prefix{display:none;align-items:center;gap:.25rem;padding:var(--ff-space);padding-right:0;transition:background-color 125ms linear;background-color:inherit;line-height:1.25rem}sh-form-field-popover .suffix:has([boxPrefix]),sh-form-field-popover .prefix:has([boxPrefix]),sh-form-field .suffix:has([boxPrefix]),sh-form-field .prefix:has([boxPrefix]){padding:var(--ff-space);background-color:var(--ff-boxfix-bg)}sh-form-field-popover .suffix:has([boxSuffix]),sh-form-field-popover .prefix:has([boxSuffix]),sh-form-field .suffix:has([boxSuffix]),sh-form-field .prefix:has([boxSuffix]){padding:var(--ff-space);background-color:var(--ff-boxfix-bg)}sh-form-field-popover .suffix [boxPrefix],sh-form-field-popover .suffix [boxSuffix],sh-form-field-popover .prefix [boxPrefix],sh-form-field-popover .prefix [boxSuffix],sh-form-field .suffix [boxPrefix],sh-form-field .suffix [boxSuffix],sh-form-field .prefix [boxPrefix],sh-form-field .prefix [boxSuffix]{--ff-ic: var(--base-8);display:flex;align-items:center;gap:.25rem}sh-form-field-popover .suffix:not(:empty),sh-form-field-popover .prefix:not(:empty),sh-form-field .suffix:not(:empty),sh-form-field .prefix:not(:empty){display:flex}sh-form-field-popover .suffix,sh-form-field .suffix{padding:var(--ff-space);background-color:var(--ff-suffix-bg)}sh-form-field-popover .suffix:has([textsuffix]),sh-form-field .suffix:has([textsuffix]){padding-left:0}sh-form-field-popover:has(input.ng-touched.ng-invalid),sh-form-field:has(input.ng-touched.ng-invalid){--ff-ic: var(--error-8);--ff-bc: var(--error-8);--ff-boxfix-bg: var(--error-2)}sh-form-field-popover.autosize,sh-form-field.autosize{width:min-content}sh-form-field-popover.autosize .input-wrap,sh-form-field.autosize .input-wrap{height:auto}sh-form-field-popover.autosize .input-wrap textarea,sh-form-field-popover.autosize .input-wrap input,sh-form-field.autosize .input-wrap textarea,sh-form-field.autosize .input-wrap input{field-sizing:content}sh-form-field-popover .input-wrap,sh-form-field .input-wrap{display:flex;align-items:center;border:var(--border-10);border-color:var(--ff-bc);border-radius:var(--ff-s);background:var(--ff-bg);box-shadow:var(--ff-bs);overflow:hidden;transition:border-color 125ms linear,box-shadow 95ms linear;min-width:var(--ff-mw);width:100%}sh-form-field-popover .input-wrap.is-open,sh-form-field-popover .input-wrap:has(textarea:focus-visible),sh-form-field-popover .input-wrap:has(input:focus-visible),sh-form-field .input-wrap.is-open,sh-form-field .input-wrap:has(textarea:focus-visible),sh-form-field .input-wrap:has(input:focus-visible){outline:2px solid var(--primary-8);outline-offset:2px}sh-form-field-popover .input-wrap sh-popover,sh-form-field-popover .input-wrap .input,sh-form-field .input-wrap sh-popover,sh-form-field .input-wrap .input{flex:1 0;margin:var(--ff-space)}sh-form-field-popover .input-wrap textarea,sh-form-field .input-wrap textarea{resize:none;margin:.5rem 0;color:var(--base-8);field-sizing:content}sh-form-field-popover .input-wrap:has(textarea),sh-form-field .input-wrap:has(textarea){height:auto;min-width:100%;max-width:100%}sh-form-field-popover .input-wrap sh-icon,sh-form-field .input-wrap sh-icon{color:var(--ff-ic);transition:color 125ms linear}sh-form-field-popover .input-wrap sh-icon.primary,sh-form-field .input-wrap sh-icon.primary{--ff-ic: var(--primary-8)}sh-form-field-popover .input-wrap sh-icon.accent,sh-form-field .input-wrap sh-icon.accent{--ff-ic: var(--accent-8)}sh-form-field-popover .input-wrap sh-icon.warn,sh-form-field .input-wrap sh-icon.warn{--ff-ic: var(--warn-8)}sh-form-field-popover .input-wrap sh-icon.error,sh-form-field .input-wrap sh-icon.error{--ff-ic: var(--error-8)}sh-form-field-popover .input-wrap sh-icon.success,sh-form-field .input-wrap sh-icon.success{--ff-ic: var(--success-8)}sh-form-field-popover .input-wrap sh-chip sh-icon,sh-form-field .input-wrap sh-chip sh-icon{color:var(--chip-ic)}sh-form-field-popover .input-wrap sh-spinner,sh-form-field .input-wrap sh-spinner{--spinner-size: var(--ff-spinner-size);--spinner-thickness: var(--ff-spinner-thickness)}sh-form-field-popover .input-wrap textarea,sh-form-field-popover .input-wrap input,sh-form-field .input-wrap textarea,sh-form-field .input-wrap input{appearance:none;border:0;padding:0;background:transparent;font:var(--paragraph-30B);flex:1 0;color:var(--base-8);margin:var(--ff-input-space);width:100%}sh-form-field-popover .input-wrap textarea::placeholder,sh-form-field-popover .input-wrap input::placeholder,sh-form-field .input-wrap textarea::placeholder,sh-form-field .input-wrap input::placeholder{color:var(--base-6)}sh-form-field-popover .input-wrap textarea:focus,sh-form-field-popover .input-wrap input:focus,sh-form-field .input-wrap textarea:focus,sh-form-field .input-wrap input:focus{outline:none}sh-form-field-popover .input-wrap textarea[type=number],sh-form-field-popover .input-wrap input[type=number],sh-form-field .input-wrap textarea[type=number],sh-form-field .input-wrap input[type=number]{appearance:textfield;text-align:right}sh-form-field-popover .input-wrap textarea[type=number]::-webkit-outer-spin-button,sh-form-field-popover .input-wrap textarea[type=number]::-webkit-inner-spin-button,sh-form-field-popover .input-wrap input[type=number]::-webkit-outer-spin-button,sh-form-field-popover .input-wrap input[type=number]::-webkit-inner-spin-button,sh-form-field .input-wrap textarea[type=number]::-webkit-outer-spin-button,sh-form-field .input-wrap textarea[type=number]::-webkit-inner-spin-button,sh-form-field .input-wrap input[type=number]::-webkit-outer-spin-button,sh-form-field .input-wrap input[type=number]::-webkit-inner-spin-button{display:none}sh-form-field-popover .input-wrap textarea[type=number]:has(+.suffix:not(:empty)),sh-form-field-popover .input-wrap input[type=number]:has(+.suffix:not(:empty)),sh-form-field .input-wrap textarea[type=number]:has(+.suffix:not(:empty)),sh-form-field .input-wrap input[type=number]:has(+.suffix:not(:empty)){margin-right:0}sh-form-field-popover .input-wrap textarea[type=time],sh-form-field-popover .input-wrap input[type=time],sh-form-field .input-wrap textarea[type=time],sh-form-field .input-wrap input[type=time]{appearance:textfield;text-align:center;line-height:1rem}sh-form-field-popover .input-wrap textarea[type=time]::-webkit-calendar-picker-indicator,sh-form-field-popover .input-wrap input[type=time]::-webkit-calendar-picker-indicator,sh-form-field .input-wrap textarea[type=time]::-webkit-calendar-picker-indicator,sh-form-field .input-wrap input[type=time]::-webkit-calendar-picker-indicator{appearance:none;display:none}sh-form-field-popover .helpers,sh-form-field .helpers{height:1.25rem;display:flex;align-items:center;gap:.25rem;padding-top:.25rem;width:100%}sh-form-field-popover .helpers [hint],sh-form-field .helpers [hint]{color:var(--base-9)}sh-form-field-popover .helpers [hint][suffix],sh-form-field .helpers [hint][suffix]{text-align:right;width:100%}sh-form-field-popover .helpers:has(.error-wrap:not(:empty)) .hint,sh-form-field .helpers:has(.error-wrap:not(:empty)) .hint{display:none}sh-form-field-popover:has(.error-wrap:empty+.hint:empty) .helpers,sh-form-field:has(.error-wrap:empty+.hint:empty) .helpers{height:0;padding-top:0}sh-form-field-popover:has(input.ng-touched.ng-invalid) .helpers .hint,sh-form-field:has(input.ng-touched.ng-invalid) .helpers .hint{opacity:0;visibility:hidden}sh-form-field-popover .error-wrap,sh-form-field .error-wrap{color:var(--error-8);opacity:1;transition:opacity 125ms linear;position:absolute;bottom:0;left:0;right:0;width:100%}sh-form-field-popover .hint,sh-form-field .hint{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--base-8);opacity:1;transition:visibility 125ms linear,opacity 125ms linear;visibility:visible}sh-form-field-popover .hint:empty,sh-form-field .hint:empty{opacity:0}sh-form-field-popover.error,sh-form-field.error{--ff-ic: var(--error-8)}sh-form-field-popover.warning,sh-form-field.warning{--ff-ic: var(--warn-8)}sh-form-field-popover.success,sh-form-field.success{--ff-ic: var(--success-8)}sh-form-field-popover.horizontal,sh-form-field.horizontal{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 1rem}sh-form-field-popover.horizontal label,sh-form-field.horizontal label{padding-bottom:0;margin-bottom:0;grid-column:1}sh-form-field-popover.horizontal .input-wrap,sh-form-field.horizontal .input-wrap{grid-column:2}sh-form-field-popover.horizontal .helpers,sh-form-field.horizontal .helpers{grid-column:2}\n"] }]
+        }], propDecorators: { isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }, { type: i0.Output, args: ["isOpenChange"] }], closed: [{ type: i0.Output, args: ["closed"] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ShipFormField, ShipFormFieldPopover };
+//# sourceMappingURL=ship-ui-core-ship-form-field.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ship-ui-core-ship-form-field.mjs","sources":["../../../projects/ship-ui/ship-form-field/ship-form-field.ts","../../../projects/ship-ui/ship-form-field/ship-form-field-popover.ts","../../../projects/ship-ui/ship-form-field/ship-ui-core-ship-form-field.ts"],"sourcesContent":["import { afterNextRender, ChangeDetectionStrategy, Component, ElementRef, HostListener, inject, input, ViewEncapsulation } from '@angular/core';\nimport { shipComponentClasses } from '@ship-ui/core';\nimport { ShipColor, ShipFormFieldVariant, ShipSize } from '@ship-ui/core';\n\n@Component({\n  selector: 'sh-form-field',\n  styleUrl: './ship-form-field.scss',\n  encapsulation: ViewEncapsulation.None,\n  imports: [],\n  template: `\n    <ng-content select=\"label\"></ng-content>\n\n    <div class=\"input-wrap\">\n      <div class=\"prefix\">\n        <ng-content select=\"[boxPrefix]\"></ng-content>\n        <ng-content select=\"[prefix]\"></ng-content>\n        <ng-content select=\"[textPrefix]\"></ng-content>\n      </div>\n\n      <ng-content select=\"input\"></ng-content>\n      <ng-content select=\"textarea\"></ng-content>\n\n      <div class=\"suffix\">\n        <ng-content select=\"[textSuffix]\"></ng-content>\n        <ng-content select=\"[suffix]\"></ng-content>\n        <ng-content select=\"[boxSuffix]\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"helpers\">\n      <div class=\"error-wrap\">\n        <ng-content select=\"[error]\"></ng-content>\n      </div>\n\n      <div class=\"hint\">\n        <ng-content select=\"[hint]\"></ng-content>\n      </div>\n    </div>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'hostClasses()',\n  },\n})\nexport class ShipFormField {\n  #selfRef = inject(ElementRef);\n\n  color = input<ShipColor | null>(null);\n  variant = input<ShipFormFieldVariant | null>(null);\n  size = input<ShipSize | null>(null);\n  readonly = input<boolean>(false);\n\n  hostClasses = shipComponentClasses('formField', {\n    color: this.color,\n    variant: this.variant,\n    size: this.size,\n    readonly: this.readonly,\n  });\n\n  @HostListener('click')\n  onClick() {\n    if (this.#selfRef.nativeElement.querySelector('input')) {\n      this.#selfRef.nativeElement.querySelector('input').focus();\n    }\n\n    if (this.#selfRef.nativeElement.querySelector('textarea')) {\n      this.#selfRef.nativeElement.querySelector('textarea').focus();\n    }\n  }\n\n  constructor() {\n    afterNextRender(() => {\n      const el = this.#selfRef.nativeElement;\n      const inputEl = el.querySelector('input') || el.querySelector('textarea');\n      const labelEl = el.querySelector('label');\n      const errorEl = el.querySelector('[error]');\n      const hintEl = el.querySelector('[hint]');\n\n      if (inputEl) {\n        if (!inputEl.id) {\n          inputEl.id = `sh-input-${Math.random().toString(36).substring(2, 9)}`;\n        }\n\n        if (labelEl && !labelEl.getAttribute('for')) {\n          labelEl.setAttribute('for', inputEl.id);\n        }\n\n        const describedBy: string[] = [];\n        if (errorEl) {\n          if (!errorEl.id) errorEl.id = `sh-error-${Math.random().toString(36).substring(2, 9)}`;\n          describedBy.push(errorEl.id);\n        }\n        if (hintEl) {\n          if (!hintEl.id) hintEl.id = `sh-hint-${Math.random().toString(36).substring(2, 9)}`;\n          describedBy.push(hintEl.id);\n        }\n\n        if (describedBy.length > 0 && !inputEl.hasAttribute('aria-describedby')) {\n          inputEl.setAttribute('aria-describedby', describedBy.join(' '));\n        }\n      }\n\n      const supportFieldSizing = typeof CSS !== 'undefined' && CSS.supports('field-sizing', 'content');\n      const text = this.#selfRef.nativeElement.querySelector('textarea');\n\n      if (!supportFieldSizing && text !== null) {\n        function resize() {\n          text.style.height = 'auto';\n          text.style.height = text.scrollHeight + 'px';\n        }\n\n        /* 0-timeout to get the already changed text */\n        function delayedResize() {\n          setTimeout(resize, 0);\n        }\n\n        text.addEventListener('change', resize);\n        text.addEventListener('cut', delayedResize);\n        text.addEventListener('paste', delayedResize);\n        text.addEventListener('drop', delayedResize);\n        text.addEventListener('keydown', delayedResize);\n\n        text.focus();\n        text.select();\n        resize();\n      }\n    });\n  }\n}\n","import { ChangeDetectionStrategy, Component, ElementRef, HostListener, inject, input, model, output, ViewEncapsulation } from '@angular/core';\nimport { ShipPopover } from '@ship-ui/core/ship-popover';\nimport { shipComponentClasses } from '@ship-ui/core';\nimport { ShipColor, ShipFormFieldVariant, ShipSize } from '@ship-ui/core';\n\n@Component({\n  selector: 'sh-form-field-popover',\n  styleUrl: './ship-form-field.scss',\n  encapsulation: ViewEncapsulation.None,\n  imports: [ShipPopover],\n  template: `\n    <ng-content select=\"label\"></ng-content>\n\n    <sh-popover\n      [(isOpen)]=\"isOpen\"\n      (closed)=\"close()\"\n      [asSheetOnMobile]=\"true\"\n      [options]=\"{\n        closeOnButton: false,\n        closeOnEsc: true,\n      }\">\n      <div trigger class=\"input-wrap\" [class.is-open]=\"isOpen()\">\n        <div class=\"prefix\">\n          <ng-content select=\"[prefix]\"></ng-content>\n          <ng-content select=\"[textPrefix]\"></ng-content>\n        </div>\n\n        <div class=\"prefix-space\"></div>\n\n        <ng-content select=\"input\"></ng-content>\n\n        <ng-content select=\"textarea\"></ng-content>\n\n        <ng-content select=\"[textSuffix]\"></ng-content>\n        <div class=\"suffix-space\"></div>\n        <ng-content select=\"[suffix]\"></ng-content>\n      </div>\n      <ng-content select=\"[popoverContent]\"></ng-content>\n    </sh-popover>\n\n    <div class=\"helpers\">\n      <div class=\"error-wrap\">\n        <ng-content select=\"[error]\"></ng-content>\n      </div>\n\n      <div class=\"hint\">\n        <ng-content select=\"[hint]\"></ng-content>\n      </div>\n    </div>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'hostClasses()',\n  },\n})\nexport class ShipFormFieldPopover {\n  #selfRef = inject(ElementRef);\n\n  isOpen = model<boolean>(false);\n  closed = output<void>();\n\n  color = input<ShipColor | null>(null);\n  variant = input<ShipFormFieldVariant | null>(null);\n  size = input<ShipSize | null>(null);\n  readonly = input<boolean>(false);\n\n  hostClasses = shipComponentClasses('formField', {\n    color: this.color,\n    variant: this.variant,\n    size: this.size,\n    readonly: this.readonly,\n  });\n\n  @HostListener('click', ['$event'])\n  onClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n    if (target.closest('.input-wrap')) {\n      if (this.#selfRef.nativeElement.querySelector('input')) {\n        this.#selfRef.nativeElement.querySelector('input').focus();\n      }\n  \n      if (this.#selfRef.nativeElement.querySelector('textarea')) {\n        this.#selfRef.nativeElement.querySelector('textarea').focus();\n      }\n    }\n  }\n\n  close() {\n    this.closed.emit();\n  }\n\n  ngOnInit() {\n    const supportFieldSizing = typeof CSS !== 'undefined' && CSS.supports('field-sizing', 'content');\n    const text = this.#selfRef.nativeElement.querySelector('textarea');\n\n    if (!supportFieldSizing && text !== null) {\n      const text = this.#selfRef.nativeElement.querySelector('textarea');\n\n      function resize() {\n        text.style.height = 'auto';\n        text.style.height = text.scrollHeight + 'px';\n      }\n\n      /* 0-timeout to get the already changed text */\n      function delayedResize() {\n        setTimeout(resize, 0);\n      }\n\n      if (text) {\n        text.addEventListener('change', resize);\n        text.addEventListener('cut', delayedResize);\n        text.addEventListener('paste', delayedResize);\n        text.addEventListener('drop', delayedResize);\n        text.addEventListener('keydown', delayedResize);\n\n        text.focus();\n        text.select();\n        resize();\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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"}