@ship-ui/core 0.22.16 → 0.22.17

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

@@ -195,7 +195,6 @@ class ShipFormFieldPopover {
                 text.style.height = 'auto';
                 text.style.height = text.scrollHeight + 'px';
             }
-            /* 0-timeout to get the already changed text */
             function delayedResize() {
                 setTimeout(resize, 0);
             }

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

@@ -1 +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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"}
+{"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      \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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"}

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

@@ -19,11 +19,6 @@ class ShipKbd {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isMac" }] : /* istanbul ignore next */ []));
         this.hasContent = computed(() => {
-            // If there is any content, it will be projected. We just need to render the separator
-            // if there are modifiers before it. Angular ng-content always renders if projected,
-            // so we assume true if they use the component with innerHTML (which we can't easily check
-            // statically, but we can assume if it's used as a wrapper, there's content).
-            // Actually, we can check if any modifiers exist to prepend. 
             return true;
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hasContent" }] : /* istanbul ignore next */ []));
@@ -44,7 +39,6 @@ class ShipKbd {
                 keys.push(mac ? '⎋' : 'Esc');
             if (this.backspace())
                 keys.push(mac ? '⌫' : 'Backspace');
-            // Remove duplicates if they specify both meta and ctrl on windows (which both map to Ctrl)
             return Array.from(new Set(keys));
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "displayKeys" }] : /* istanbul ignore next */ []));

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

@@ -1 +1 @@
-{"version":3,"file":"ship-ui-core-ship-kbd.mjs","sources":["../../../projects/ship-ui/ship-kbd/ship-kbd.ts","../../../projects/ship-ui/ship-kbd/ship-ui-core-ship-kbd.ts"],"sourcesContent":["import { booleanAttribute, Component, computed, inject, input, PLATFORM_ID } from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\n\n@Component({\n  selector: 'sh-kbd, [sh-kbd]',\n  standalone: true,\n  template: `\n    @for (key of displayKeys(); track $index) {\n      <span class=\"key-part\">{{ key }}</span>\n      @if (!isMac() && !$last) {\n        <span class=\"separator\">+</span>\n      }\n    }\n    @if (hasContent()) {\n      @if (!isMac() && displayKeys().length > 0) {\n        <span class=\"separator\">+</span>\n      }\n      <span class=\"content\">\n        <ng-content></ng-content>\n      </span>\n    }\n  `,\n  styleUrl: './ship-kbd.scss',\n})\nexport class ShipKbd {\n  #platformId = inject(PLATFORM_ID);\n\n  meta = input<boolean, string | boolean>(false, { transform: booleanAttribute });\n  shift = input<boolean, string | boolean>(false, { transform: booleanAttribute });\n  alt = input<boolean, string | boolean>(false, { transform: booleanAttribute });\n  ctrl = input<boolean, string | boolean>(false, { transform: booleanAttribute });\n  enter = input<boolean, string | boolean>(false, { transform: booleanAttribute });\n  escape = input<boolean, string | boolean>(false, { transform: booleanAttribute });\n  backspace = input<boolean, string | boolean>(false, { transform: booleanAttribute });\n\n  isMac = computed(() => {\n    if (!isPlatformBrowser(this.#platformId)) return false;\n    return navigator.userAgent.toLowerCase().includes('mac');\n  });\n\n  hasContent = computed(() => {\n    // If there is any content, it will be projected. We just need to render the separator\n    // if there are modifiers before it. Angular ng-content always renders if projected,\n    // so we assume true if they use the component with innerHTML (which we can't easily check\n    // statically, but we can assume if it's used as a wrapper, there's content).\n    // Actually, we can check if any modifiers exist to prepend. \n    return true; \n  });\n\n  displayKeys = computed(() => {\n    const keys: string[] = [];\n    const mac = this.isMac();\n\n    if (this.meta()) keys.push(mac ? '⌘' : 'Win');\n    if (this.ctrl()) keys.push(mac ? '⌃' : 'Ctrl');\n    if (this.alt()) keys.push(mac ? '⌥' : 'Alt');\n    if (this.shift()) keys.push(mac ? '⇧' : 'Shift');\n    if (this.enter()) keys.push(mac ? '↵' : 'Enter');\n    if (this.escape()) keys.push(mac ? '⎋' : 'Esc');\n    if (this.backspace()) keys.push(mac ? '⌫' : 'Backspace');\n\n    // Remove duplicates if they specify both meta and ctrl on windows (which both map to Ctrl)\n    return Array.from(new Set(keys));\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ship-ui-core-ship-kbd.mjs","sources":["../../../projects/ship-ui/ship-kbd/ship-kbd.ts","../../../projects/ship-ui/ship-kbd/ship-ui-core-ship-kbd.ts"],"sourcesContent":["import { booleanAttribute, Component, computed, inject, input, PLATFORM_ID } from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\n\n@Component({\n  selector: 'sh-kbd, [sh-kbd]',\n  standalone: true,\n  template: `\n    @for (key of displayKeys(); track $index) {\n      <span class=\"key-part\">{{ key }}</span>\n      @if (!isMac() && !$last) {\n        <span class=\"separator\">+</span>\n      }\n    }\n    @if (hasContent()) {\n      @if (!isMac() && displayKeys().length > 0) {\n        <span class=\"separator\">+</span>\n      }\n      <span class=\"content\">\n        <ng-content></ng-content>\n      </span>\n    }\n  `,\n  styleUrl: './ship-kbd.scss',\n})\nexport class ShipKbd {\n  #platformId = inject(PLATFORM_ID);\n\n  meta = input<boolean, string | boolean>(false, { transform: booleanAttribute });\n  shift = input<boolean, string | boolean>(false, { transform: booleanAttribute });\n  alt = input<boolean, string | boolean>(false, { transform: booleanAttribute });\n  ctrl = input<boolean, string | boolean>(false, { transform: booleanAttribute });\n  enter = input<boolean, string | boolean>(false, { transform: booleanAttribute });\n  escape = input<boolean, string | boolean>(false, { transform: booleanAttribute });\n  backspace = input<boolean, string | boolean>(false, { transform: booleanAttribute });\n\n  isMac = computed(() => {\n    if (!isPlatformBrowser(this.#platformId)) return false;\n    return navigator.userAgent.toLowerCase().includes('mac');\n  });\n\n  hasContent = computed(() => {\n    \n    \n    \n    \n    \n    return true; \n  });\n\n  displayKeys = computed(() => {\n    const keys: string[] = [];\n    const mac = this.isMac();\n\n    if (this.meta()) keys.push(mac ? '⌘' : 'Win');\n    if (this.ctrl()) keys.push(mac ? '⌃' : 'Ctrl');\n    if (this.alt()) keys.push(mac ? '⌥' : 'Alt');\n    if (this.shift()) keys.push(mac ? '⇧' : 'Shift');\n    if (this.enter()) keys.push(mac ? '↵' : 'Enter');\n    if (this.escape()) keys.push(mac ? '⎋' : 'Esc');\n    if (this.backspace()) keys.push(mac ? '⌫' : 'Backspace');\n\n    \n    return Array.from(new Set(keys));\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAwBa,OAAO,CAAA;AArBpB,IAAA,WAAA,GAAA;AAsBE,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;QAEjC,IAAA,CAAA,IAAI,GAAG,KAAK,CAA4B,KAAK,4EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAC/E,IAAA,CAAA,KAAK,GAAG,KAAK,CAA4B,KAAK,6EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAChF,IAAA,CAAA,GAAG,GAAG,KAAK,CAA4B,KAAK,2EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAC9E,IAAA,CAAA,IAAI,GAAG,KAAK,CAA4B,KAAK,4EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAC/E,IAAA,CAAA,KAAK,GAAG,KAAK,CAA4B,KAAK,6EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAChF,IAAA,CAAA,MAAM,GAAG,KAAK,CAA4B,KAAK,8EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QACjF,IAAA,CAAA,SAAS,GAAG,KAAK,CAA4B,KAAK,iFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEpF,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;AACpB,YAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;AAAE,gBAAA,OAAO,KAAK;YACtD,OAAO,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;QAC1D,CAAC;kFAAC;AAEF,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AAMzB,YAAA,OAAO,IAAI;QACb,CAAC;uFAAC;AAEF,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;YAC1B,MAAM,IAAI,GAAa,EAAE;AACzB,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE;YAExB,IAAI,IAAI,CAAC,IAAI,EAAE;AAAE,gBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,GAAG,KAAK,CAAC;YAC7C,IAAI,IAAI,CAAC,IAAI,EAAE;AAAE,gBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;YAC9C,IAAI,IAAI,CAAC,GAAG,EAAE;AAAE,gBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,GAAG,KAAK,CAAC;YAC5C,IAAI,IAAI,CAAC,KAAK,EAAE;AAAE,gBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,GAAG,OAAO,CAAC;YAChD,IAAI,IAAI,CAAC,KAAK,EAAE;AAAE,gBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,GAAG,OAAO,CAAC;YAChD,IAAI,IAAI,CAAC,MAAM,EAAE;AAAE,gBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,GAAG,KAAK,CAAC;YAC/C,IAAI,IAAI,CAAC,SAAS,EAAE;AAAE,gBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,GAAG,WAAW,CAAC;YAGxD,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;wFAAC;AACH,IAAA;AAvCC,IAAA,WAAW;8GADA,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAP,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,OAAO,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,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,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,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,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAlBR;;;;;;;;;;;;;;;AAeT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wYAAA,CAAA,EAAA,CAAA,CAAA;;2FAGU,OAAO,EAAA,UAAA,EAAA,CAAA;kBArBnB,SAAS;+BACE,kBAAkB,EAAA,UAAA,EAChB,IAAI,EAAA,QAAA,EACN;;;;;;;;;;;;;;;AAeT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,wYAAA,CAAA,EAAA;;;ACrBH;;AAEG;;;;"}

package/fesm2022/ship-ui-core-ship-list-item-swipe.mjs

@@ -0,0 +1,241 @@
+import { DOCUMENT } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, inject, ElementRef, Renderer2, viewChild, input, output, HostListener, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+
+class ShipListItemSwipeService {
+    constructor() {
+        this.activeSwipeItem = null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipListItemSwipeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipListItemSwipeService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipListItemSwipeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+class ShipListItemSwipe {
+    constructor() {
+        this.#swipeService = inject(ShipListItemSwipeService);
+        this.#elementRef = inject((ElementRef));
+        this.#document = inject(DOCUMENT);
+        this.#renderer = inject(Renderer2);
+        this.contentEl = viewChild.required('content');
+        this.actionsLeftEl = viewChild.required('actionsLeft');
+        this.actionsRightEl = viewChild.required('actionsRight');
+        this.swipeThreshold = input(0.3, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "swipeThreshold" }] : /* istanbul ignore next */ []));
+        this.swipeOpen = output();
+        this.swipeClose = output();
+        this.#startX = 0;
+        this.#startY = 0;
+        this.#currentX = 0;
+        this.#isSwiping = false;
+        this.#isScrollLock = false;
+        this.#hasLeftActions = false;
+        this.#hasRightActions = false;
+        this.#leftActionsWidth = 0;
+        this.#rightActionsWidth = 0;
+        this.#swipeState = 'closed';
+        this.#boundTouchMove = this.#onTouchMove.bind(this);
+        this.#boundTouchEnd = this.#onTouchEnd.bind(this);
+    }
+    #swipeService;
+    #elementRef;
+    #document;
+    #renderer;
+    #startX;
+    #startY;
+    #currentX;
+    #isSwiping;
+    #isScrollLock;
+    #hasLeftActions;
+    #hasRightActions;
+    #leftActionsWidth;
+    #rightActionsWidth;
+    #swipeState;
+    #boundTouchMove;
+    #boundTouchEnd;
+    onTouchStart(e) {
+        const touch = e.touches[0];
+        this.#startX = touch.clientX;
+        this.#startY = touch.clientY;
+        this.#currentX = this.#getTranslateX();
+        if (this.#swipeService.activeSwipeItem && this.#swipeService.activeSwipeItem !== this) {
+            this.#swipeService.activeSwipeItem.close();
+        }
+        const host = this.#elementRef.nativeElement;
+        this.#hasLeftActions = host.querySelector('button[actionLeft]') !== null;
+        this.#hasRightActions = host.querySelector('button[actionRight]') !== null;
+        this.#leftActionsWidth = this.actionsLeftEl().nativeElement.offsetWidth || 0;
+        this.#rightActionsWidth = this.actionsRightEl().nativeElement.offsetWidth || 0;
+        this.#isSwiping = false;
+        this.#isScrollLock = false;
+        this.#renderer.setStyle(this.contentEl().nativeElement, 'transition', 'none');
+        this.#document.addEventListener('touchmove', this.#boundTouchMove, { passive: false });
+        this.#document.addEventListener('touchend', this.#boundTouchEnd, { passive: false });
+        this.#document.addEventListener('touchcancel', this.#boundTouchEnd, { passive: false });
+    }
+    #onTouchMove(e) {
+        const touch = e.touches[0];
+        const deltaX = touch.clientX - this.#startX;
+        const deltaY = touch.clientY - this.#startY;
+        if (!this.#isSwiping) {
+            if (Math.abs(deltaY) > Math.abs(deltaX)) {
+                this.#unbindListeners();
+                return;
+            }
+            if (Math.abs(deltaX) > 8) {
+                this.#isSwiping = true;
+                this.#isScrollLock = true;
+                if (this.#swipeService.activeSwipeItem && this.#swipeService.activeSwipeItem !== this) {
+                    this.#swipeService.activeSwipeItem.close();
+                }
+            }
+        }
+        if (this.#isScrollLock) {
+            e.preventDefault();
+        }
+        if (this.#isSwiping) {
+            let targetTranslate = this.#currentX + deltaX;
+            if (targetTranslate > 0) {
+                if (!this.#hasLeftActions) {
+                    targetTranslate = 0;
+                }
+                else if (targetTranslate > this.#leftActionsWidth) {
+                    targetTranslate = this.#leftActionsWidth + (targetTranslate - this.#leftActionsWidth) * 0.25;
+                }
+            }
+            else if (targetTranslate < 0) {
+                if (!this.#hasRightActions) {
+                    targetTranslate = 0;
+                }
+                else if (targetTranslate < -this.#rightActionsWidth) {
+                    targetTranslate = -this.#rightActionsWidth + (targetTranslate + this.#rightActionsWidth) * 0.25;
+                }
+            }
+            this.#setTranslateX(targetTranslate);
+        }
+    }
+    #onTouchEnd() {
+        this.#unbindListeners();
+        if (this.#isSwiping) {
+            const currentTranslate = this.#getTranslateX();
+            const threshold = this.swipeThreshold();
+            if (currentTranslate > 0 && this.#hasLeftActions) {
+                if (currentTranslate > this.#leftActionsWidth * threshold) {
+                    this.open('left');
+                }
+                else {
+                    this.close();
+                }
+            }
+            else if (currentTranslate < 0 && this.#hasRightActions) {
+                if (Math.abs(currentTranslate) > this.#rightActionsWidth * threshold) {
+                    this.open('right');
+                }
+                else {
+                    this.close();
+                }
+            }
+            else {
+                this.close();
+            }
+        }
+    }
+    open(side) {
+        if (side === 'left') {
+            const leftWidth = this.actionsLeftEl().nativeElement.offsetWidth || 0;
+            this.#animateTo(leftWidth);
+            this.#swipeState = 'open-left';
+            this.swipeOpen.emit('left');
+            this.#swipeService.activeSwipeItem = this;
+        }
+        else {
+            const rightWidth = this.actionsRightEl().nativeElement.offsetWidth || 0;
+            this.#animateTo(-rightWidth);
+            this.#swipeState = 'open-right';
+            this.swipeOpen.emit('right');
+            this.#swipeService.activeSwipeItem = this;
+        }
+    }
+    close() {
+        this.#animateTo(0);
+        if (this.#swipeState !== 'closed') {
+            this.#swipeState = 'closed';
+            this.swipeClose.emit();
+        }
+        if (this.#swipeService.activeSwipeItem === this) {
+            this.#swipeService.activeSwipeItem = null;
+        }
+    }
+    #animateTo(x) {
+        const el = this.contentEl().nativeElement;
+        this.#renderer.setStyle(el, 'transition', 'transform 200ms cubic-bezier(0.25, 0.8, 0.25, 1)');
+        this.#setTranslateX(x);
+    }
+    #setTranslateX(x) {
+        this.#renderer.setStyle(this.contentEl().nativeElement, 'transform', `translateX(${x}px)`);
+    }
+    #getTranslateX() {
+        const transform = this.contentEl().nativeElement.style.transform;
+        if (!transform)
+            return 0;
+        const match = /translateX\(([^)]+)px\)/.exec(transform);
+        return match ? parseFloat(match[1]) : 0;
+    }
+    #unbindListeners() {
+        this.#document.removeEventListener('touchmove', this.#boundTouchMove);
+        this.#document.removeEventListener('touchend', this.#boundTouchEnd);
+        this.#document.removeEventListener('touchcancel', this.#boundTouchEnd);
+    }
+    ngOnDestroy() {
+        this.#unbindListeners();
+        if (this.#swipeService.activeSwipeItem === this) {
+            this.#swipeService.activeSwipeItem = null;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipListItemSwipe, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.0", type: ShipListItemSwipe, isStandalone: true, selector: "sh-list-item-swipe", inputs: { swipeThreshold: { classPropertyName: "swipeThreshold", publicName: "swipeThreshold", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { swipeOpen: "swipeOpen", swipeClose: "swipeClose" }, host: { listeners: { "touchstart": "onTouchStart($event)" }, classAttribute: "sh-list-item-swipe" }, viewQueries: [{ propertyName: "contentEl", first: true, predicate: ["content"], descendants: true, isSignal: true }, { propertyName: "actionsLeftEl", first: true, predicate: ["actionsLeft"], descendants: true, isSignal: true }, { propertyName: "actionsRightEl", first: true, predicate: ["actionsRight"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div class="sh-swipe-container">
+      <div class="sh-swipe-actions actions-left" #actionsLeft>
+        <ng-content select="button[actionLeft]" />
+      </div>
+      <div class="sh-swipe-actions actions-right" #actionsRight>
+        <ng-content select="button[actionRight]" />
+      </div>
+      <div class="sh-swipe-content" #content>
+        <ng-content />
+      </div>
+    </div>
+  `, isInline: true, styles: ["sh-list-item-swipe{display:block;width:100%;position:relative;overflow:hidden;border-radius:var(--list-s, var(--shape-2));margin:0;padding:0}sh-list-item-swipe .sh-swipe-container{position:relative;width:100%;overflow:hidden}sh-list-item-swipe .sh-swipe-content{position:relative;z-index:2;width:100%;box-sizing:border-box;background-color:var(--base-1);color:var(--list-color, var(--base-9));border-radius:inherit;transition:transform .2s cubic-bezier(.25,.8,.25,1),background-color .15s ease}sh-list-item-swipe .sh-swipe-content:hover{background-color:var(--base-2)}sh-list-item-swipe .sh-swipe-content>[item],sh-list-item-swipe .sh-swipe-content>[action]{background-color:transparent!important;box-shadow:none!important;border:0!important;width:100%;margin:0;box-sizing:border-box}sh-list-item-swipe:focus-visible .sh-swipe-content{outline:2px solid var(--primary-8);outline-offset:-2px}sh-list-item-swipe.active .sh-swipe-content,sh-list-item-swipe.selected .sh-swipe-content,sh-list-item-swipe:has(.active) .sh-swipe-content,sh-list-item-swipe:has(.selected) .sh-swipe-content,sh-list-item-swipe:has(input:checked) .sh-swipe-content{background-color:var(--list-active-bg, var(--base-2));color:var(--base-12)}sh-list-item-swipe .sh-swipe-actions{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:stretch;box-sizing:border-box}sh-list-item-swipe .sh-swipe-actions.actions-left{left:0}sh-list-item-swipe .sh-swipe-actions.actions-right{right:0}sh-list-item-swipe .sh-swipe-actions button,sh-list-item-swipe .sh-swipe-actions button[actionLeft],sh-list-item-swipe .sh-swipe-actions button[actionRight],sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn{border:0;margin:0;padding:0 1.25rem;display:flex;align-items:center;justify-content:center;font:var(--paragraph-30B);cursor:pointer;background-color:var(--base-3);color:var(--base-10);transition:background-color .15s ease;height:100%}sh-list-item-swipe .sh-swipe-actions button:hover,sh-list-item-swipe .sh-swipe-actions button[actionLeft]:hover,sh-list-item-swipe .sh-swipe-actions button[actionRight]:hover,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn:hover{background-color:var(--base-4)}sh-list-item-swipe .sh-swipe-actions button.action-danger,sh-list-item-swipe .sh-swipe-actions button.danger,sh-list-item-swipe .sh-swipe-actions button[actionLeft].action-danger,sh-list-item-swipe .sh-swipe-actions button[actionLeft].danger,sh-list-item-swipe .sh-swipe-actions button[actionRight].action-danger,sh-list-item-swipe .sh-swipe-actions button[actionRight].danger,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.action-danger,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.danger{background-color:var(--error-8);color:var(--base-1)}sh-list-item-swipe .sh-swipe-actions button.action-danger:hover,sh-list-item-swipe .sh-swipe-actions button.danger:hover,sh-list-item-swipe .sh-swipe-actions button[actionLeft].action-danger:hover,sh-list-item-swipe .sh-swipe-actions button[actionLeft].danger:hover,sh-list-item-swipe .sh-swipe-actions button[actionRight].action-danger:hover,sh-list-item-swipe .sh-swipe-actions button[actionRight].danger:hover,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.action-danger:hover,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.danger:hover{background-color:var(--error-9)}sh-list-item-swipe .sh-swipe-actions button.action-success,sh-list-item-swipe .sh-swipe-actions button.success,sh-list-item-swipe .sh-swipe-actions button[actionLeft].action-success,sh-list-item-swipe .sh-swipe-actions button[actionLeft].success,sh-list-item-swipe .sh-swipe-actions button[actionRight].action-success,sh-list-item-swipe .sh-swipe-actions button[actionRight].success,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.action-success,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.success{background-color:var(--success-8);color:var(--base-1)}sh-list-item-swipe .sh-swipe-actions button.action-success:hover,sh-list-item-swipe .sh-swipe-actions button.success:hover,sh-list-item-swipe .sh-swipe-actions button[actionLeft].action-success:hover,sh-list-item-swipe .sh-swipe-actions button[actionLeft].success:hover,sh-list-item-swipe .sh-swipe-actions button[actionRight].action-success:hover,sh-list-item-swipe .sh-swipe-actions button[actionRight].success:hover,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.action-success:hover,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.success:hover{background-color:var(--success-9)}sh-list-item-swipe .sh-swipe-actions button.action-warning,sh-list-item-swipe .sh-swipe-actions button.warning,sh-list-item-swipe .sh-swipe-actions button[actionLeft].action-warning,sh-list-item-swipe .sh-swipe-actions button[actionLeft].warning,sh-list-item-swipe .sh-swipe-actions button[actionRight].action-warning,sh-list-item-swipe .sh-swipe-actions button[actionRight].warning,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.action-warning,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.warning{background-color:var(--warn-8);color:var(--base-1)}sh-list-item-swipe .sh-swipe-actions button.action-warning:hover,sh-list-item-swipe .sh-swipe-actions button.warning:hover,sh-list-item-swipe .sh-swipe-actions button[actionLeft].action-warning:hover,sh-list-item-swipe .sh-swipe-actions button[actionLeft].warning:hover,sh-list-item-swipe .sh-swipe-actions button[actionRight].action-warning:hover,sh-list-item-swipe .sh-swipe-actions button[actionRight].warning:hover,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.action-warning:hover,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.warning:hover{background-color:var(--warn-9)}sh-list-item-swipe .sh-swipe-actions button.action-primary,sh-list-item-swipe .sh-swipe-actions button.primary,sh-list-item-swipe .sh-swipe-actions button[actionLeft].action-primary,sh-list-item-swipe .sh-swipe-actions button[actionLeft].primary,sh-list-item-swipe .sh-swipe-actions button[actionRight].action-primary,sh-list-item-swipe .sh-swipe-actions button[actionRight].primary,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.action-primary,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.primary{background-color:var(--primary-8);color:var(--base-1)}sh-list-item-swipe .sh-swipe-actions button.action-primary:hover,sh-list-item-swipe .sh-swipe-actions button.primary:hover,sh-list-item-swipe .sh-swipe-actions button[actionLeft].action-primary:hover,sh-list-item-swipe .sh-swipe-actions button[actionLeft].primary:hover,sh-list-item-swipe .sh-swipe-actions button[actionRight].action-primary:hover,sh-list-item-swipe .sh-swipe-actions button[actionRight].primary:hover,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.action-primary:hover,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.primary:hover{background-color:var(--primary-9)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipListItemSwipe, decorators: [{
+            type: Component,
+            args: [{ selector: 'sh-list-item-swipe', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="sh-swipe-container">
+      <div class="sh-swipe-actions actions-left" #actionsLeft>
+        <ng-content select="button[actionLeft]" />
+      </div>
+      <div class="sh-swipe-actions actions-right" #actionsRight>
+        <ng-content select="button[actionRight]" />
+      </div>
+      <div class="sh-swipe-content" #content>
+        <ng-content />
+      </div>
+    </div>
+  `, host: {
+                        class: 'sh-list-item-swipe',
+                    }, styles: ["sh-list-item-swipe{display:block;width:100%;position:relative;overflow:hidden;border-radius:var(--list-s, var(--shape-2));margin:0;padding:0}sh-list-item-swipe .sh-swipe-container{position:relative;width:100%;overflow:hidden}sh-list-item-swipe .sh-swipe-content{position:relative;z-index:2;width:100%;box-sizing:border-box;background-color:var(--base-1);color:var(--list-color, var(--base-9));border-radius:inherit;transition:transform .2s cubic-bezier(.25,.8,.25,1),background-color .15s ease}sh-list-item-swipe .sh-swipe-content:hover{background-color:var(--base-2)}sh-list-item-swipe .sh-swipe-content>[item],sh-list-item-swipe .sh-swipe-content>[action]{background-color:transparent!important;box-shadow:none!important;border:0!important;width:100%;margin:0;box-sizing:border-box}sh-list-item-swipe:focus-visible .sh-swipe-content{outline:2px solid var(--primary-8);outline-offset:-2px}sh-list-item-swipe.active .sh-swipe-content,sh-list-item-swipe.selected .sh-swipe-content,sh-list-item-swipe:has(.active) .sh-swipe-content,sh-list-item-swipe:has(.selected) .sh-swipe-content,sh-list-item-swipe:has(input:checked) .sh-swipe-content{background-color:var(--list-active-bg, var(--base-2));color:var(--base-12)}sh-list-item-swipe .sh-swipe-actions{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:stretch;box-sizing:border-box}sh-list-item-swipe .sh-swipe-actions.actions-left{left:0}sh-list-item-swipe .sh-swipe-actions.actions-right{right:0}sh-list-item-swipe .sh-swipe-actions button,sh-list-item-swipe .sh-swipe-actions button[actionLeft],sh-list-item-swipe .sh-swipe-actions button[actionRight],sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn{border:0;margin:0;padding:0 1.25rem;display:flex;align-items:center;justify-content:center;font:var(--paragraph-30B);cursor:pointer;background-color:var(--base-3);color:var(--base-10);transition:background-color .15s ease;height:100%}sh-list-item-swipe .sh-swipe-actions button:hover,sh-list-item-swipe .sh-swipe-actions button[actionLeft]:hover,sh-list-item-swipe .sh-swipe-actions button[actionRight]:hover,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn:hover{background-color:var(--base-4)}sh-list-item-swipe .sh-swipe-actions button.action-danger,sh-list-item-swipe .sh-swipe-actions button.danger,sh-list-item-swipe .sh-swipe-actions button[actionLeft].action-danger,sh-list-item-swipe .sh-swipe-actions button[actionLeft].danger,sh-list-item-swipe .sh-swipe-actions button[actionRight].action-danger,sh-list-item-swipe .sh-swipe-actions button[actionRight].danger,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.action-danger,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.danger{background-color:var(--error-8);color:var(--base-1)}sh-list-item-swipe .sh-swipe-actions button.action-danger:hover,sh-list-item-swipe .sh-swipe-actions button.danger:hover,sh-list-item-swipe .sh-swipe-actions button[actionLeft].action-danger:hover,sh-list-item-swipe .sh-swipe-actions button[actionLeft].danger:hover,sh-list-item-swipe .sh-swipe-actions button[actionRight].action-danger:hover,sh-list-item-swipe .sh-swipe-actions button[actionRight].danger:hover,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.action-danger:hover,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.danger:hover{background-color:var(--error-9)}sh-list-item-swipe .sh-swipe-actions button.action-success,sh-list-item-swipe .sh-swipe-actions button.success,sh-list-item-swipe .sh-swipe-actions button[actionLeft].action-success,sh-list-item-swipe .sh-swipe-actions button[actionLeft].success,sh-list-item-swipe .sh-swipe-actions button[actionRight].action-success,sh-list-item-swipe .sh-swipe-actions button[actionRight].success,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.action-success,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.success{background-color:var(--success-8);color:var(--base-1)}sh-list-item-swipe .sh-swipe-actions button.action-success:hover,sh-list-item-swipe .sh-swipe-actions button.success:hover,sh-list-item-swipe .sh-swipe-actions button[actionLeft].action-success:hover,sh-list-item-swipe .sh-swipe-actions button[actionLeft].success:hover,sh-list-item-swipe .sh-swipe-actions button[actionRight].action-success:hover,sh-list-item-swipe .sh-swipe-actions button[actionRight].success:hover,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.action-success:hover,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.success:hover{background-color:var(--success-9)}sh-list-item-swipe .sh-swipe-actions button.action-warning,sh-list-item-swipe .sh-swipe-actions button.warning,sh-list-item-swipe .sh-swipe-actions button[actionLeft].action-warning,sh-list-item-swipe .sh-swipe-actions button[actionLeft].warning,sh-list-item-swipe .sh-swipe-actions button[actionRight].action-warning,sh-list-item-swipe .sh-swipe-actions button[actionRight].warning,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.action-warning,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.warning{background-color:var(--warn-8);color:var(--base-1)}sh-list-item-swipe .sh-swipe-actions button.action-warning:hover,sh-list-item-swipe .sh-swipe-actions button.warning:hover,sh-list-item-swipe .sh-swipe-actions button[actionLeft].action-warning:hover,sh-list-item-swipe .sh-swipe-actions button[actionLeft].warning:hover,sh-list-item-swipe .sh-swipe-actions button[actionRight].action-warning:hover,sh-list-item-swipe .sh-swipe-actions button[actionRight].warning:hover,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.action-warning:hover,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.warning:hover{background-color:var(--warn-9)}sh-list-item-swipe .sh-swipe-actions button.action-primary,sh-list-item-swipe .sh-swipe-actions button.primary,sh-list-item-swipe .sh-swipe-actions button[actionLeft].action-primary,sh-list-item-swipe .sh-swipe-actions button[actionLeft].primary,sh-list-item-swipe .sh-swipe-actions button[actionRight].action-primary,sh-list-item-swipe .sh-swipe-actions button[actionRight].primary,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.action-primary,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.primary{background-color:var(--primary-8);color:var(--base-1)}sh-list-item-swipe .sh-swipe-actions button.action-primary:hover,sh-list-item-swipe .sh-swipe-actions button.primary:hover,sh-list-item-swipe .sh-swipe-actions button[actionLeft].action-primary:hover,sh-list-item-swipe .sh-swipe-actions button[actionLeft].primary:hover,sh-list-item-swipe .sh-swipe-actions button[actionRight].action-primary:hover,sh-list-item-swipe .sh-swipe-actions button[actionRight].primary:hover,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.action-primary:hover,sh-list-item-swipe .sh-swipe-actions .sh-swipe-action-btn.primary:hover{background-color:var(--primary-9)}\n"] }]
+        }], propDecorators: { contentEl: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }], actionsLeftEl: [{ type: i0.ViewChild, args: ['actionsLeft', { isSignal: true }] }], actionsRightEl: [{ type: i0.ViewChild, args: ['actionsRight', { isSignal: true }] }], swipeThreshold: [{ type: i0.Input, args: [{ isSignal: true, alias: "swipeThreshold", required: false }] }], swipeOpen: [{ type: i0.Output, args: ["swipeOpen"] }], swipeClose: [{ type: i0.Output, args: ["swipeClose"] }], onTouchStart: [{
+                type: HostListener,
+                args: ['touchstart', ['$event']]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ShipListItemSwipe, ShipListItemSwipeService };
+//# sourceMappingURL=ship-ui-core-ship-list-item-swipe.mjs.map

package/fesm2022/ship-ui-core-ship-list-item-swipe.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ship-ui-core-ship-list-item-swipe.mjs","sources":["../../../projects/ship-ui/ship-list-item-swipe/ship-list-item-swipe.ts","../../../projects/ship-ui/ship-list-item-swipe/ship-ui-core-ship-list-item-swipe.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostListener,\n  inject,\n  Injectable,\n  input,\n  OnDestroy,\n  output,\n  Renderer2,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class ShipListItemSwipeService {\n  activeSwipeItem: ShipListItemSwipe | null = null;\n}\n\n@Component({\n  selector: 'sh-list-item-swipe',\n  standalone: true,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  styleUrl: './ship-list-item-swipe.scss',\n  template: `\n    <div class=\"sh-swipe-container\">\n      <div class=\"sh-swipe-actions actions-left\" #actionsLeft>\n        <ng-content select=\"button[actionLeft]\" />\n      </div>\n      <div class=\"sh-swipe-actions actions-right\" #actionsRight>\n        <ng-content select=\"button[actionRight]\" />\n      </div>\n      <div class=\"sh-swipe-content\" #content>\n        <ng-content />\n      </div>\n    </div>\n  `,\n  host: {\n    class: 'sh-list-item-swipe',\n  },\n})\nexport class ShipListItemSwipe implements OnDestroy {\n  #swipeService = inject(ShipListItemSwipeService);\n  #elementRef = inject(ElementRef<HTMLElement>);\n  #document = inject(DOCUMENT);\n  #renderer = inject(Renderer2);\n\n  contentEl = viewChild.required<ElementRef<HTMLElement>>('content');\n  actionsLeftEl = viewChild.required<ElementRef<HTMLElement>>('actionsLeft');\n  actionsRightEl = viewChild.required<ElementRef<HTMLElement>>('actionsRight');\n\n  swipeThreshold = input<number>(0.3);\n\n  swipeOpen = output<'left' | 'right'>();\n  swipeClose = output<void>();\n\n  #startX = 0;\n  #startY = 0;\n  #currentX = 0;\n  #isSwiping = false;\n  #isScrollLock = false;\n  #hasLeftActions = false;\n  #hasRightActions = false;\n  #leftActionsWidth = 0;\n  #rightActionsWidth = 0;\n\n  #swipeState: 'closed' | 'open-left' | 'open-right' = 'closed';\n\n  #boundTouchMove = this.#onTouchMove.bind(this);\n  #boundTouchEnd = this.#onTouchEnd.bind(this);\n\n  @HostListener('touchstart', ['$event'])\n  onTouchStart(e: TouchEvent) {\n    const touch = e.touches[0];\n    this.#startX = touch.clientX;\n    this.#startY = touch.clientY;\n    this.#currentX = this.#getTranslateX();\n\n    if (this.#swipeService.activeSwipeItem && this.#swipeService.activeSwipeItem !== this) {\n      this.#swipeService.activeSwipeItem.close();\n    }\n\n    const host = this.#elementRef.nativeElement;\n    this.#hasLeftActions = host.querySelector('button[actionLeft]') !== null;\n    this.#hasRightActions = host.querySelector('button[actionRight]') !== null;\n\n    this.#leftActionsWidth = this.actionsLeftEl().nativeElement.offsetWidth || 0;\n    this.#rightActionsWidth = this.actionsRightEl().nativeElement.offsetWidth || 0;\n\n    this.#isSwiping = false;\n    this.#isScrollLock = false;\n\n    this.#renderer.setStyle(this.contentEl().nativeElement, 'transition', 'none');\n\n    this.#document.addEventListener('touchmove', this.#boundTouchMove, { passive: false });\n    this.#document.addEventListener('touchend', this.#boundTouchEnd, { passive: false });\n    this.#document.addEventListener('touchcancel', this.#boundTouchEnd, { passive: false });\n  }\n\n  #onTouchMove(e: TouchEvent) {\n    const touch = e.touches[0];\n    const deltaX = touch.clientX - this.#startX;\n    const deltaY = touch.clientY - this.#startY;\n\n    if (!this.#isSwiping) {\n      if (Math.abs(deltaY) > Math.abs(deltaX)) {\n        this.#unbindListeners();\n        return;\n      }\n      if (Math.abs(deltaX) > 8) {\n        this.#isSwiping = true;\n        this.#isScrollLock = true;\n\n        if (this.#swipeService.activeSwipeItem && this.#swipeService.activeSwipeItem !== this) {\n          this.#swipeService.activeSwipeItem.close();\n        }\n      }\n    }\n\n    if (this.#isScrollLock) {\n      e.preventDefault();\n    }\n\n    if (this.#isSwiping) {\n      let targetTranslate = this.#currentX + deltaX;\n\n      if (targetTranslate > 0) {\n        if (!this.#hasLeftActions) {\n          targetTranslate = 0;\n        } else if (targetTranslate > this.#leftActionsWidth) {\n          targetTranslate = this.#leftActionsWidth + (targetTranslate - this.#leftActionsWidth) * 0.25;\n        }\n      } else if (targetTranslate < 0) {\n        if (!this.#hasRightActions) {\n          targetTranslate = 0;\n        } else if (targetTranslate < -this.#rightActionsWidth) {\n          targetTranslate = -this.#rightActionsWidth + (targetTranslate + this.#rightActionsWidth) * 0.25;\n        }\n      }\n\n      this.#setTranslateX(targetTranslate);\n    }\n  }\n\n  #onTouchEnd() {\n    this.#unbindListeners();\n\n    if (this.#isSwiping) {\n      const currentTranslate = this.#getTranslateX();\n      const threshold = this.swipeThreshold();\n\n      if (currentTranslate > 0 && this.#hasLeftActions) {\n        if (currentTranslate > this.#leftActionsWidth * threshold) {\n          this.open('left');\n        } else {\n          this.close();\n        }\n      } else if (currentTranslate < 0 && this.#hasRightActions) {\n        if (Math.abs(currentTranslate) > this.#rightActionsWidth * threshold) {\n          this.open('right');\n        } else {\n          this.close();\n        }\n      } else {\n        this.close();\n      }\n    }\n  }\n\n  open(side: 'left' | 'right') {\n    if (side === 'left') {\n      const leftWidth = this.actionsLeftEl().nativeElement.offsetWidth || 0;\n      this.#animateTo(leftWidth);\n      this.#swipeState = 'open-left';\n      this.swipeOpen.emit('left');\n      this.#swipeService.activeSwipeItem = this;\n    } else {\n      const rightWidth = this.actionsRightEl().nativeElement.offsetWidth || 0;\n      this.#animateTo(-rightWidth);\n      this.#swipeState = 'open-right';\n      this.swipeOpen.emit('right');\n      this.#swipeService.activeSwipeItem = this;\n    }\n  }\n\n  close() {\n    this.#animateTo(0);\n    if (this.#swipeState !== 'closed') {\n      this.#swipeState = 'closed';\n      this.swipeClose.emit();\n    }\n    if (this.#swipeService.activeSwipeItem === this) {\n      this.#swipeService.activeSwipeItem = null;\n    }\n  }\n\n  #animateTo(x: number) {\n    const el = this.contentEl().nativeElement;\n    this.#renderer.setStyle(el, 'transition', 'transform 200ms cubic-bezier(0.25, 0.8, 0.25, 1)');\n    this.#setTranslateX(x);\n  }\n\n  #setTranslateX(x: number) {\n    this.#renderer.setStyle(this.contentEl().nativeElement, 'transform', `translateX(${x}px)`);\n  }\n\n  #getTranslateX(): number {\n    const transform = this.contentEl().nativeElement.style.transform;\n    if (!transform) return 0;\n    const match = /translateX\\(([^)]+)px\\)/.exec(transform);\n    return match ? parseFloat(match[1]) : 0;\n  }\n\n  #unbindListeners() {\n    this.#document.removeEventListener('touchmove', this.#boundTouchMove);\n    this.#document.removeEventListener('touchend', this.#boundTouchEnd);\n    this.#document.removeEventListener('touchcancel', this.#boundTouchEnd);\n  }\n\n  ngOnDestroy() {\n    this.#unbindListeners();\n    if (this.#swipeService.activeSwipeItem === this) {\n      this.#swipeService.activeSwipeItem = null;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAmBa,wBAAwB,CAAA;AAHrC,IAAA,WAAA,GAAA;QAIE,IAAA,CAAA,eAAe,GAA6B,IAAI;AACjD,IAAA;8GAFY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,cAFvB,MAAM,EAAA,CAAA,CAAA;;2FAEP,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAHpC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;MA4BY,iBAAiB,CAAA;AAvB9B,IAAA,WAAA,GAAA;AAwBE,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,wBAAwB,CAAC;AAChD,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,EAAC,UAAuB,EAAC;AAC7C,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;AAC5B,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;AAE7B,QAAA,IAAA,CAAA,SAAS,GAAG,SAAS,CAAC,QAAQ,CAA0B,SAAS,CAAC;AAClE,QAAA,IAAA,CAAA,aAAa,GAAG,SAAS,CAAC,QAAQ,CAA0B,aAAa,CAAC;AAC1E,QAAA,IAAA,CAAA,cAAc,GAAG,SAAS,CAAC,QAAQ,CAA0B,cAAc,CAAC;QAE5E,IAAA,CAAA,cAAc,GAAG,KAAK,CAAS,GAAG;2FAAC;QAEnC,IAAA,CAAA,SAAS,GAAG,MAAM,EAAoB;QACtC,IAAA,CAAA,UAAU,GAAG,MAAM,EAAQ;QAE3B,IAAA,CAAA,OAAO,GAAG,CAAC;QACX,IAAA,CAAA,OAAO,GAAG,CAAC;QACX,IAAA,CAAA,SAAS,GAAG,CAAC;QACb,IAAA,CAAA,UAAU,GAAG,KAAK;QAClB,IAAA,CAAA,aAAa,GAAG,KAAK;QACrB,IAAA,CAAA,eAAe,GAAG,KAAK;QACvB,IAAA,CAAA,gBAAgB,GAAG,KAAK;QACxB,IAAA,CAAA,iBAAiB,GAAG,CAAC;QACrB,IAAA,CAAA,kBAAkB,GAAG,CAAC;QAEtB,IAAA,CAAA,WAAW,GAA0C,QAAQ;QAE7D,IAAA,CAAA,eAAe,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;QAC9C,IAAA,CAAA,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;AA4J7C,IAAA;AAvLC,IAAA,aAAa;AACb,IAAA,WAAW;AACX,IAAA,SAAS;AACT,IAAA,SAAS;AAWT,IAAA,OAAO;AACP,IAAA,OAAO;AACP,IAAA,SAAS;AACT,IAAA,UAAU;AACV,IAAA,aAAa;AACb,IAAA,eAAe;AACf,IAAA,gBAAgB;AAChB,IAAA,iBAAiB;AACjB,IAAA,kBAAkB;AAElB,IAAA,WAAW;AAEX,IAAA,eAAe;AACf,IAAA,cAAc;AAGd,IAAA,YAAY,CAAC,CAAa,EAAA;QACxB,MAAM,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;AAC1B,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO;AAC5B,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO;AAC5B,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,EAAE;AAEtC,QAAA,IAAI,IAAI,CAAC,aAAa,CAAC,eAAe,IAAI,IAAI,CAAC,aAAa,CAAC,eAAe,KAAK,IAAI,EAAE;AACrF,YAAA,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,KAAK,EAAE;QAC5C;AAEA,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa;QAC3C,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,KAAK,IAAI;QACxE,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC,KAAK,IAAI;AAE1E,QAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,aAAa,CAAC,WAAW,IAAI,CAAC;AAC5E,QAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,aAAa,CAAC,WAAW,IAAI,CAAC;AAE9E,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK;AACvB,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK;AAE1B,QAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,MAAM,CAAC;AAE7E,QAAA,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AACtF,QAAA,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AACpF,QAAA,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACzF;AAEA,IAAA,YAAY,CAAC,CAAa,EAAA;QACxB,MAAM,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QAC1B,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO;QAC3C,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO;AAE3C,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;AACpB,YAAA,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;gBACvC,IAAI,CAAC,gBAAgB,EAAE;gBACvB;YACF;YACA,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE;AACxB,gBAAA,IAAI,CAAC,UAAU,GAAG,IAAI;AACtB,gBAAA,IAAI,CAAC,aAAa,GAAG,IAAI;AAEzB,gBAAA,IAAI,IAAI,CAAC,aAAa,CAAC,eAAe,IAAI,IAAI,CAAC,aAAa,CAAC,eAAe,KAAK,IAAI,EAAE;AACrF,oBAAA,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,KAAK,EAAE;gBAC5C;YACF;QACF;AAEA,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,CAAC,CAAC,cAAc,EAAE;QACpB;AAEA,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,IAAI,eAAe,GAAG,IAAI,CAAC,SAAS,GAAG,MAAM;AAE7C,YAAA,IAAI,eAAe,GAAG,CAAC,EAAE;AACvB,gBAAA,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;oBACzB,eAAe,GAAG,CAAC;gBACrB;AAAO,qBAAA,IAAI,eAAe,GAAG,IAAI,CAAC,iBAAiB,EAAE;AACnD,oBAAA,eAAe,GAAG,IAAI,CAAC,iBAAiB,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC,iBAAiB,IAAI,IAAI;gBAC9F;YACF;AAAO,iBAAA,IAAI,eAAe,GAAG,CAAC,EAAE;AAC9B,gBAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;oBAC1B,eAAe,GAAG,CAAC;gBACrB;AAAO,qBAAA,IAAI,eAAe,GAAG,CAAC,IAAI,CAAC,kBAAkB,EAAE;AACrD,oBAAA,eAAe,GAAG,CAAC,IAAI,CAAC,kBAAkB,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC,kBAAkB,IAAI,IAAI;gBACjG;YACF;AAEA,YAAA,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC;QACtC;IACF;IAEA,WAAW,GAAA;QACT,IAAI,CAAC,gBAAgB,EAAE;AAEvB,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,EAAE;AAC9C,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,EAAE;YAEvC,IAAI,gBAAgB,GAAG,CAAC,IAAI,IAAI,CAAC,eAAe,EAAE;gBAChD,IAAI,gBAAgB,GAAG,IAAI,CAAC,iBAAiB,GAAG,SAAS,EAAE;AACzD,oBAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;gBACnB;qBAAO;oBACL,IAAI,CAAC,KAAK,EAAE;gBACd;YACF;iBAAO,IAAI,gBAAgB,GAAG,CAAC,IAAI,IAAI,CAAC,gBAAgB,EAAE;AACxD,gBAAA,IAAI,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,kBAAkB,GAAG,SAAS,EAAE;AACpE,oBAAA,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;gBACpB;qBAAO;oBACL,IAAI,CAAC,KAAK,EAAE;gBACd;YACF;iBAAO;gBACL,IAAI,CAAC,KAAK,EAAE;YACd;QACF;IACF;AAEA,IAAA,IAAI,CAAC,IAAsB,EAAA;AACzB,QAAA,IAAI,IAAI,KAAK,MAAM,EAAE;AACnB,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,aAAa,CAAC,WAAW,IAAI,CAAC;AACrE,YAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC;AAC1B,YAAA,IAAI,CAAC,WAAW,GAAG,WAAW;AAC9B,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;AAC3B,YAAA,IAAI,CAAC,aAAa,CAAC,eAAe,GAAG,IAAI;QAC3C;aAAO;AACL,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,aAAa,CAAC,WAAW,IAAI,CAAC;AACvE,YAAA,IAAI,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC;AAC5B,YAAA,IAAI,CAAC,WAAW,GAAG,YAAY;AAC/B,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAC5B,YAAA,IAAI,CAAC,aAAa,CAAC,eAAe,GAAG,IAAI;QAC3C;IACF;IAEA,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;AAClB,QAAA,IAAI,IAAI,CAAC,WAAW,KAAK,QAAQ,EAAE;AACjC,YAAA,IAAI,CAAC,WAAW,GAAG,QAAQ;AAC3B,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;QACxB;QACA,IAAI,IAAI,CAAC,aAAa,CAAC,eAAe,KAAK,IAAI,EAAE;AAC/C,YAAA,IAAI,CAAC,aAAa,CAAC,eAAe,GAAG,IAAI;QAC3C;IACF;AAEA,IAAA,UAAU,CAAC,CAAS,EAAA;QAClB,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,aAAa;QACzC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,EAAE,YAAY,EAAE,kDAAkD,CAAC;AAC7F,QAAA,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;IACxB;AAEA,IAAA,cAAc,CAAC,CAAS,EAAA;AACtB,QAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,aAAa,EAAE,WAAW,EAAE,cAAc,CAAC,CAAA,GAAA,CAAK,CAAC;IAC5F;IAEA,cAAc,GAAA;AACZ,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,SAAS;AAChE,QAAA,IAAI,CAAC,SAAS;AAAE,YAAA,OAAO,CAAC;QACxB,MAAM,KAAK,GAAG,yBAAyB,CAAC,IAAI,CAAC,SAAS,CAAC;AACvD,QAAA,OAAO,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IACzC;IAEA,gBAAgB,GAAA;QACd,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC;QACrE,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC;QACnE,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC;IACxE;IAEA,WAAW,GAAA;QACT,IAAI,CAAC,gBAAgB,EAAE;QACvB,IAAI,IAAI,CAAC,aAAa,CAAC,eAAe,KAAK,IAAI,EAAE;AAC/C,YAAA,IAAI,CAAC,aAAa,CAAC,eAAe,GAAG,IAAI;QAC3C;IACF;8GAvLW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,YAAA,EAAA,sBAAA,EAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,SAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,aAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,cAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAjBlB;;;;;;;;;;;;AAYT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,iuNAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAKU,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAvB7B,SAAS;+BACE,oBAAoB,EAAA,UAAA,EAClB,IAAI,EAAA,aAAA,EACD,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAErC;;;;;;;;;;;;GAYT,EAAA,IAAA,EACK;AACJ,wBAAA,KAAK,EAAE,oBAAoB;AAC5B,qBAAA,EAAA,MAAA,EAAA,CAAA,iuNAAA,CAAA,EAAA;uEAQuD,SAAS,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CACL,aAAa,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CACZ,cAAc,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA;sBAsB1E,YAAY;uBAAC,YAAY,EAAE,CAAC,QAAQ,CAAC;;;AC5ExC;;AAEG;;;;"}

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

@@ -6,6 +6,7 @@ import { ShipIcon } from '@ship-ui/core/ship-icon';
 import { ShipPopover } from '@ship-ui/core/ship-popover';
 import { observeChildren, createFormInputSignal, generateUniqueId } from '@ship-ui/core';
 
+const openMenus = [];
 class ShipMenu {
     constructor() {
         this.#document = inject(DOCUMENT);
@@ -39,12 +40,12 @@ class ShipMenu {
         ...(ngDevMode ? [{ debugName: "optionsRef" }] : /* istanbul ignore next */ []));
         this.openMenusEffect = effect((onCleanup) => {
             if (this.isOpen()) {
-                ShipMenu.openMenus.push(this);
+                openMenus.push(this);
             }
             onCleanup(() => {
-                const index = ShipMenu.openMenus.indexOf(this);
+                const index = openMenus.indexOf(this);
                 if (index > -1) {
-                    ShipMenu.openMenus.splice(index, 1);
+                    openMenus.splice(index, 1);
                 }
             });
         }, /* @ts-ignore */
@@ -112,8 +113,7 @@ class ShipMenu {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "optionsEffect" }] : /* istanbul ignore next */ []));
         this.keyDownEventListener = (e) => {
-            // Only handle events if this is the most recently opened menu
-            if (ShipMenu.openMenus.at(-1) !== this)
+            if (openMenus.at(-1) !== this)
                 return;
             const activeOptionIndex = this.activeOptionIndex();
             if (this.#keybindings.matches(e, 'menu.next')) {
@@ -128,7 +128,6 @@ class ShipMenu {
                 if (activeOptionIndex > -1) {
                     const el = this.activeElements()[activeOptionIndex];
                     const parent = el.parentElement;
-                    // For nested menu's
                     if (parent?.hasAttribute('trigger')) {
                         e.preventDefault();
                         const event = new CustomEvent('ship-menu-open', {
@@ -151,7 +150,6 @@ class ShipMenu {
                 if (activeOptionIndex > -1) {
                     const el = this.activeElements()[activeOptionIndex];
                     const parent = el.parentElement;
-                    // For nested menu's
                     if (parent?.hasAttribute('trigger')) {
                         const event = new CustomEvent('ship-menu-open', {
                             bubbles: true,
@@ -274,7 +272,6 @@ class ShipMenu {
     #document;
     #renderer;
     #keybindings;
-    static { this.openMenus = []; }
     toggleIsOpen(event) {
         event.preventDefault();
         event.stopPropagation();
@@ -408,9 +405,9 @@ class ShipMenu {
             this.abortController.abort();
             this.abortController = null;
         }
-        const index = ShipMenu.openMenus.indexOf(this);
+        const index = openMenus.indexOf(this);
         if (index > -1) {
-            ShipMenu.openMenus.splice(index, 1);
+            openMenus.splice(index, 1);
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipMenu, deps: [], target: i0.ɵɵFactoryTarget.Component }); }