@ship-ui/core 0.13.28 → 0.13.30

package/bin/src/ship-fg-node.js

@@ -33,6 +33,7 @@ const run = async (PROJECT_SRC, LIB_ICONS, PROJECT_PUBLIC, GLYPH_MAP, TARGET_FON
   }
 
   const tsFiles = await glob('**/*.ts', { cwd: PROJECT_SRC });
+
   for (const file of tsFiles) {
     const fileText = await fs.readFile(join(PROJECT_SRC, file), 'utf8');
     const matches = Array.from(fileText.matchAll(regex2), (m) => m[1]);
@@ -50,7 +51,8 @@ const run = async (PROJECT_SRC, LIB_ICONS, PROJECT_PUBLIC, GLYPH_MAP, TARGET_FON
       const thin = icon.endsWith('-thin');
       const light = icon.endsWith('-light');
       const fill = icon.endsWith('-fill');
-      const regular = !bold && !thin && !light && !fill;
+      const duotone = icon.endsWith('-duotone');
+      const regular = !bold && !thin && !light && !fill && !duotone;
       const glyph = GLYPH_MAP[icon];
 
       if (!glyph) {
@@ -78,6 +80,10 @@ const run = async (PROJECT_SRC, LIB_ICONS, PROJECT_PUBLIC, GLYPH_MAP, TARGET_FON
         acc['regular'].push([icon, '']);
         acc['regular'].push(glyph);
       }
+      if (duotone) {
+        acc['duotone'].push([icon, '']);
+        acc['duotone'].push(glyph);
+      }
 
       return acc;
     },
@@ -87,6 +93,7 @@ const run = async (PROJECT_SRC, LIB_ICONS, PROJECT_PUBLIC, GLYPH_MAP, TARGET_FON
       light: [],
       fill: [],
       regular: [],
+      duotone: [],
       text: [],
     }
   );
@@ -239,7 +246,7 @@ const textMateSnippet = async (GLYPH_MAP) => {
   const iconsSnippetContent = `
   {
     "Phosphor icons": {
-      "prefix": ["pp:icon"],
+      "prefix": ["shicon:"],
       "scope": "javascript,typescript,html",
       "body": "\${1|${Object.keys(GLYPH_MAP).join(',')}|}",
       "description": "Add a phosphor icon"
@@ -285,9 +292,11 @@ export const main = async (values) => {
         fontVariant,
         'selection.json'
       );
+
       const selectionJson = JSON.parse(await fs.readFile(selectionJsonFullPath, 'utf8'));
+      const unicodeObj = getUnicodeObject(selectionJson.icons, fontVariant === 'duotone');
 
-      return getUnicodeObject(selectionJson.icons);
+      return unicodeObj;
     })
   );
 

package/bin/src/ship-fg.ts

@@ -60,7 +60,8 @@ const run = async (
       const thin = icon.endsWith('-thin');
       const light = icon.endsWith('-light');
       const fill = icon.endsWith('-fill');
-      const regular = !bold && !thin && !light && !fill;
+      const duotone = icon.endsWith('-duotone');
+      const regular = !bold && !thin && !light && !fill && !duotone;
       const glyph = GLYPH_MAP[icon];
 
       if (!glyph) {
@@ -88,6 +89,10 @@ const run = async (
         acc['regular'].push([icon, '']);
         acc['regular'].push(glyph);
       }
+      if (duotone) {
+        acc['duotone'].push([icon, '']);
+        acc['duotone'].push(glyph);
+      }
 
       return acc;
     },
@@ -97,6 +102,7 @@ const run = async (
       light: [],
       fill: [],
       regular: [],
+      duotone: [],
       text: [],
     } as {
       [key: string]: [string, string][];
@@ -259,7 +265,7 @@ const textMateSnippet = async (GLYPH_MAP: Record<string, [string, string]>) => {
   const iconsSnippetContent = `
   {
     "Phosphor icons": {
-      "prefix": ["pp:icon"],
+      "prefix": ["shicon:"],
       "scope": "javascript,typescript,html",
       "body": "\${1|${Object.keys(GLYPH_MAP).join(',')}|}",
       "description": "Add a phosphor icon"
@@ -298,11 +304,11 @@ export const main = async (values: InputArguments) => {
         fontVariant,
         'selection.json'
       );
+
       const selectionJson = await Bun.file(selectionJsonFullPath).json();
+      const unicodeObj = getUnicodeObject(selectionJson.icons, fontVariant === 'duotone');
 
-      // return createCodepointObject(selectionJson.icons);
-      // return createNameCodeObject(selectionJson.icons);
-      return getUnicodeObject(selectionJson.icons);
+      return unicodeObj;
     })
   );
 

package/bin/src/utilities.js

@@ -12,7 +12,7 @@ export function createNameCodeObject(jsonData) {
   return nameCodeObject;
 }
 
-export const getUnicodeObject = (jsonData) => {
+export const getUnicodeObject = (jsonData, isDuotone) => {
   const nameCodeObject = {};
 
   for (let i = 0; i < jsonData.length; i++) {
@@ -24,7 +24,9 @@ export const getUnicodeObject = (jsonData) => {
       console.warn(`Invalid codepoint 0x${hexCode} for ligature ${item.properties.ligatures}`);
       continue;
     }
-    nameCodeObject[item.properties.ligatures] = [glyph, 'U+' + hexCode];
+
+    const glyphName = isDuotone ? item.properties.name : item.properties.ligatures;
+    nameCodeObject[glyphName] = [glyph, 'U+' + hexCode];
   }
 
   return nameCodeObject;

package/bin/src/utilities.ts

@@ -12,7 +12,7 @@ export function createNameCodeObject(jsonData: Item[]): Record<string, string> {
   return nameCodeObject;
 }
 
-export const getUnicodeObject = (jsonData: Item[]): Record<string, [string, string]> => {
+export const getUnicodeObject = (jsonData: Item[], isDuotone = false): Record<string, [string, string]> => {
   const nameCodeObject: Record<string, [string, string]> = {};
 
   for (let i = 0; i < jsonData.length; i++) {
@@ -24,7 +24,9 @@ export const getUnicodeObject = (jsonData: Item[]): Record<string, [string, stri
       console.warn(`Invalid codepoint 0x${hexCode} for ligature ${item.properties.ligatures}`);
       continue;
     }
-    nameCodeObject[item.properties.ligatures] = [glyph, 'U+' + hexCode];
+
+    const glyphName = isDuotone ? item.properties.name : item.properties.ligatures;
+    nameCodeObject[glyphName] = [glyph, 'U+' + hexCode];
   }
 
   return nameCodeObject;

package/fesm2022/ship-ui-core.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, Renderer2, ChangeDetectionStrategy, Component, input, computed, viewChild, effect, HostListener, NgModule, signal, Injectable, InjectionToken, model, output, ApplicationRef, createComponent, isSignal, OutputEmitterRef, contentChildren, afterNextRender, assertInInjectionContext, Injector, DestroyRef, HostBinding, contentChild, TemplateRef, runInInjectionContext, Directive, ChangeDetectorRef, viewChildren, ViewContainerRef, EnvironmentInjector } from '@angular/core';
+import { inject, ElementRef, Renderer2, ChangeDetectionStrategy, Component, input, computed, viewChild, effect, HostListener, NgModule, signal, Injectable, InjectionToken, model, output, ApplicationRef, createComponent, isSignal, OutputEmitterRef, DestroyRef, contentChildren, afterNextRender, assertInInjectionContext, Injector, HostBinding, contentChild, TemplateRef, runInInjectionContext, Directive, ChangeDetectorRef, viewChildren, ViewContainerRef, EnvironmentInjector } from '@angular/core';
 import { DatePipe, NgTemplateOutlet } from '@angular/common';
 import { SIGNAL } from '@angular/core/primitives/signals';
 
-const iconTypes = ['bold', 'thin', 'light', 'fill'];
+const iconTypes = ['bold', 'thin', 'light', 'fill', 'duotone'];
 class ShipIconComponent {
     #selfRef = inject(ElementRef);
     #renderer = inject(Renderer2);
@@ -1140,14 +1140,16 @@ class ShipFormFieldPopoverComponent {
             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();
+            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: "20.1.6", ngImport: i0, type: ShipFormFieldPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -1246,8 +1248,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                 args: ['click']
             }] } });
 
+function classMutationSignal(element) {
+    const classListSignal = signal(element.className, ...(ngDevMode ? [{ debugName: "classListSignal" }] : []));
+    if (typeof MutationObserver === 'undefined')
+        return classListSignal.asReadonly();
+    const destroyRef = inject(DestroyRef);
+    const observer = new MutationObserver((mutations) => {
+        for (const mutation of mutations) {
+            if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
+                const target = mutation.target;
+                classListSignal.set(target.className);
+            }
+        }
+    });
+    observer.observe(element, { attributes: true });
+    destroyRef.onDestroy(() => observer.disconnect());
+    return classListSignal.asReadonly();
+}
+
+function contentProjectionSignal(hostElement, querySelector) {
+    const projectedElementsSignal = signal([], ...(ngDevMode ? [{ debugName: "projectedElementsSignal" }] : []));
+    const destroyRef = inject(DestroyRef);
+    const updateElements = () => {
+        let elements = [];
+        // If a querySelector is provided, use it to filter the children.
+        if (querySelector) {
+            elements = Array.from(hostElement.querySelectorAll(querySelector));
+        }
+        else {
+            // Otherwise, get all direct child elements.
+            elements = Array.from(hostElement.children);
+        }
+        projectedElementsSignal.set(elements);
+    };
+    const observer = new MutationObserver((mutations) => {
+        // Only update if child nodes have been added or removed.
+        const hasChildListChanges = mutations.some((mutation) => mutation.type === 'childList');
+        if (hasChildListChanges) {
+            updateElements();
+        }
+    });
+    // Observe the host element for child list changes.
+    observer.observe(hostElement, { childList: true });
+    // Disconnect the observer when the component is destroyed.
+    destroyRef.onDestroy(() => observer.disconnect());
+    // Perform an initial update to get the current list of elements.
+    updateElements();
+    return projectedElementsSignal.asReadonly();
+}
+
 class ShipDatepickerComponent {
     constructor() {
+        this.#selfRef = inject(ElementRef);
         this.#INIT_DATE = this.#getUTCDate(new Date());
         this.date = model(null, ...(ngDevMode ? [{ debugName: "date" }] : []));
         this.endDate = model(null, ...(ngDevMode ? [{ debugName: "endDate" }] : []));
@@ -1267,12 +1319,18 @@ class ShipDatepickerComponent {
             const weekdayLabels = this.weekdayLabels();
             return weekdayLabels.slice(startOfWeek).concat(weekdayLabels.slice(0, startOfWeek));
         }, ...(ngDevMode ? [{ debugName: "weekdays" }] : []));
+        this.currentClasses = classMutationSignal(this.#selfRef.nativeElement);
+        this.someEffect = effect(() => {
+            const _ = this.currentClasses();
+            this.#findSelectedAndCalc();
+        }, ...(ngDevMode ? [{ debugName: "someEffect" }] : []));
         this.#newDateEffect = effect(() => {
             if (this.monthsToShow() > 1)
                 return;
             this.#setDateAsCurrent();
         }, ...(ngDevMode ? [{ debugName: "#newDateEffect" }] : []));
     }
+    #selfRef;
     #INIT_DATE;
     getLastVisibleMonth() {
         const lastMonthOffset = this.monthsToShow() - 1;
@@ -1576,14 +1634,11 @@ class ShipDatepickerInputComponent {
         this.#datePipe = inject(DatePipe);
         this.#elementRef = inject((ElementRef));
         this.#inputRef = signal(null, ...(ngDevMode ? [{ debugName: "#inputRef" }] : []));
-        this.#triggerInput = signal(false, ...(ngDevMode ? [{ debugName: "#triggerInput" }] : []));
-        this.inputWrapRef = viewChild.required('inputWrap');
         this.masking = input('mediumDate', ...(ngDevMode ? [{ debugName: "masking" }] : []));
         this.closed = output();
         this._maskedDate = computed(() => {
             const date = this.internalDate();
             const mask = this.masking();
-            // console.log(date, mask);
             if (!mask)
                 return date;
             if (!date)
@@ -1592,31 +1647,13 @@ class ShipDatepickerInputComponent {
         }, ...(ngDevMode ? [{ debugName: "_maskedDate" }] : []));
         this.internalDate = signal(this.#INIT_DATE, ...(ngDevMode ? [{ debugName: "internalDate" }] : []));
         this.isOpen = model(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
-        this.styleClasses = signal(null, ...(ngDevMode ? [{ debugName: "styleClasses" }] : []));
-        this.#styleObserver = typeof MutationObserver !== 'undefined' &&
-            new MutationObserver((mutations) => {
-                mutations.forEach((mutation) => {
-                    if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
-                        const classString = this.#elementRef.nativeElement.classList.value;
-                        let classObj = classString.split(' ').reduce((acc, className) => {
-                            acc[className] = true;
-                            return acc;
-                        }, {});
-                        this.styleClasses.set(classObj);
-                    }
-                });
-            });
-        this.#inputObserver = typeof MutationObserver !== 'undefined' &&
-            new MutationObserver((mutations) => {
-                for (var mutation of mutations) {
-                    if (mutation.type == 'childList' && mutation.target.classList.contains('input')) {
-                        this.#triggerInput.set(!this.#triggerInput());
-                    }
-                }
-            });
+        this.currentClass = classMutationSignal(this.#elementRef.nativeElement);
+        this.#inputObserver = contentProjectionSignal(this.#elementRef.nativeElement, '#input-wrap input');
         this.#inputRefEffect = effect(() => {
-            this.#triggerInput();
-            const input = this.inputWrapRef()?.nativeElement.querySelector('input');
+            const inputs = this.#inputObserver();
+            if (!inputs.length)
+                return;
+            const input = inputs[0];
             if (!input)
                 return;
             this.#createCustomInputEventListener(input);
@@ -1638,8 +1675,6 @@ class ShipDatepickerInputComponent {
     #datePipe;
     #elementRef;
     #inputRef;
-    #triggerInput;
-    #styleObserver;
     #inputObserver;
     onDateChange(date) {
         this.internalDate.set(date);
@@ -1655,16 +1690,6 @@ class ShipDatepickerInputComponent {
     close() {
         this.closed.emit(this.internalDate());
     }
-    ngOnInit() {
-        this.styleClasses.set(this.#elementRef.nativeElement.classList.value);
-        if (typeof MutationObserver !== 'undefined') {
-            this.#styleObserver.observe(this.#elementRef.nativeElement, { attributes: true });
-            this.#inputObserver.observe(this.inputWrapRef().nativeElement, {
-                attributes: true,
-                childList: true,
-            });
-        }
-    }
     #inputRefEffect;
     #createCustomInputEventListener(input) {
         Object.defineProperty(input, 'value', {
@@ -1689,24 +1714,20 @@ class ShipDatepickerInputComponent {
         });
         return input;
     }
-    ngOnDestroy() {
-        this.#styleObserver && this.#styleObserver.disconnect();
-        this.#inputObserver && this.#inputObserver.disconnect();
-    }
     #getUTCDate(date) {
         const offsetMinutes = date.getTimezoneOffset();
         const timeDiffMillis = offsetMinutes * 60 * 1000;
         return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()) + timeDiffMillis);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ShipDatepickerInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: ShipDatepickerInputComponent, isStandalone: true, selector: "sh-datepicker-input", inputs: { masking: { classPropertyName: "masking", publicName: "masking", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", isOpen: "isOpenChange" }, providers: [DatePipe], viewQueries: [{ propertyName: "inputWrapRef", first: true, predicate: ["inputWrap"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: ShipDatepickerInputComponent, isStandalone: true, selector: "sh-datepicker-input", inputs: { masking: { classPropertyName: "masking", publicName: "masking", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", isOpen: "isOpenChange" }, providers: [DatePipe], ngImport: i0, template: `
     <sh-form-field-popover (click)="open($event)" (closed)="close()" [(isOpen)]="isOpen">
       <ng-content select="label" ngProjectAs="label" />
 
       <ng-content select="[prefix]" ngProjectAs="[prefix]" />
       <ng-content select="[textPrefix]" ngProjectAs="[textPrefix]" />
 
-      <div class="input" ngProjectAs="input" #inputWrap>
+      <div id="input-wrap" class="input" ngProjectAs="input">
         @if (this.masking()) {
           <div class="masked-value" (click)="open($event)">
             {{ _maskedDate() }}
@@ -1721,7 +1742,7 @@ class ShipDatepickerInputComponent {
 
       <div popoverContent>
         @if (this.isOpen()) {
-          <sh-datepicker [date]="internalDate()" (dateChange)="onDateChange($event)" [class]="styleClasses()" />
+          <sh-datepicker [date]="internalDate()" (dateChange)="onDateChange($event)" [class]="currentClass()" />
         }
       </div>
     </sh-form-field-popover>
@@ -1742,7 +1763,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
       <ng-content select="[prefix]" ngProjectAs="[prefix]" />
       <ng-content select="[textPrefix]" ngProjectAs="[textPrefix]" />
 
-      <div class="input" ngProjectAs="input" #inputWrap>
+      <div id="input-wrap" class="input" ngProjectAs="input">
         @if (this.masking()) {
           <div class="masked-value" (click)="open($event)">
             {{ _maskedDate() }}
@@ -1757,7 +1778,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
 
       <div popoverContent>
         @if (this.isOpen()) {
-          <sh-datepicker [date]="internalDate()" (dateChange)="onDateChange($event)" [class]="styleClasses()" />
+          <sh-datepicker [date]="internalDate()" (dateChange)="onDateChange($event)" [class]="currentClass()" />
         }
       </div>
     </sh-form-field-popover>
@@ -1977,6 +1998,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                 }]
         }] });
 
+class ShipEventCardComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ShipEventCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: ShipEventCardComponent, isStandalone: true, selector: "sh-event-card", ngImport: i0, template: `
+    <div class="content">
+      <ng-content />
+    </div>
+
+    <div class="actions">
+      <ng-content select="[actions]" />
+      <ng-content select="button" />
+    </div>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ShipEventCardComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sh-event-card',
+                    imports: [],
+                    template: `
+    <div class="content">
+      <ng-content />
+    </div>
+
+    <div class="actions">
+      <ng-content select="[actions]" />
+      <ng-content select="button" />
+    </div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
 class ShipFormFieldComponent {
     #selfRef = inject(ElementRef);
     onClick() {
@@ -2329,6 +2382,7 @@ function observeFirstChild(parentEl, elementTags) {
         return elementSignal.asReadonly();
     const initialElement = _upperCaseElementTags.find((tag) => parentEl.nativeElement.querySelector(tag));
     if (initialElement) {
+        console.log('initialElement', initialElement);
         elementSignal.set(new ElementRef(parentEl.nativeElement.querySelector(elementTags[0])));
         return elementSignal.asReadonly();
     }
@@ -5533,5 +5587,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { GridSortableDirective, SHIP_CONFIG, ShipAlertComponent, ShipAlertContainerComponent, ShipAlertModule, ShipAlertService, ShipButtonComponent, ShipButtonGroupComponent, ShipCardComponent, ShipCheckboxComponent, ShipChipComponent, ShipColorPickerComponent, ShipDatepickerComponent, ShipDatepickerInputComponent, ShipDaterangeInputComponent, ShipDialogComponent, ShipDialogService, ShipDividerComponent, ShipFileDragDropDirective, ShipFileUploadComponent, ShipFormFieldComponent, ShipIconComponent, ShipListComponent, ShipMenuComponent, ShipPopoverComponent, ShipPreventWheelDirective, ShipProgressBarComponent, ShipRadioComponent, ShipRangeSliderComponent, ShipResizeDirective, ShipSelectComponent, ShipSidenavComponent, ShipSortDirective, ShipSortableComponent, ShipSortableDirective, ShipSpinnerComponent, ShipStepperComponent, ShipStickyColumnsDirective, ShipStickyRowsDirective, ShipTableComponent, ShipTabsComponent, ShipToggleCardComponent, ShipToggleComponent, ShipTooltipComponent, ShipTooltipDirective, ShipTooltipWrapper, ShipVirtualScrollComponent, moveIndex, watchHostClass };
+export { GridSortableDirective, SHIP_CONFIG, ShipAlertComponent, ShipAlertContainerComponent, ShipAlertModule, ShipAlertService, ShipButtonComponent, ShipButtonGroupComponent, ShipCardComponent, ShipCheckboxComponent, ShipChipComponent, ShipColorPickerComponent, ShipDatepickerComponent, ShipDatepickerInputComponent, ShipDaterangeInputComponent, ShipDialogComponent, ShipDialogService, ShipDividerComponent, ShipEventCardComponent, ShipFileDragDropDirective, ShipFileUploadComponent, ShipFormFieldComponent, ShipIconComponent, ShipListComponent, ShipMenuComponent, ShipPopoverComponent, ShipPreventWheelDirective, ShipProgressBarComponent, ShipRadioComponent, ShipRangeSliderComponent, ShipResizeDirective, ShipSelectComponent, ShipSidenavComponent, ShipSortDirective, ShipSortableComponent, ShipSortableDirective, ShipSpinnerComponent, ShipStepperComponent, ShipStickyColumnsDirective, ShipStickyRowsDirective, ShipTableComponent, ShipTabsComponent, ShipToggleCardComponent, ShipToggleComponent, ShipTooltipComponent, ShipTooltipDirective, ShipTooltipWrapper, ShipVirtualScrollComponent, moveIndex, watchHostClass };
 //# sourceMappingURL=ship-ui-core.mjs.map