@ship-ui/core 0.13.27 → 0.13.29

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

@@ -3,7 +3,7 @@ import { inject, ElementRef, Renderer2, ChangeDetectionStrategy, Component, inpu
 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);
@@ -1977,6 +1977,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() {
@@ -3966,7 +3998,7 @@ class ShipSidenavComponent {
             return dragPosition;
         }, ...(ngDevMode ? [{ debugName: "dragActualPositionX" }] : []));
         this.draggingStyle = computed(() => {
-            if (!this.isOverlay())
+            if (!this.isOverlay() || this.disableDrag())
                 return null;
             if (this.isDragging()) {
                 return `translateX(${this.dragActualPositionX()}px)`;
@@ -3974,7 +4006,7 @@ class ShipSidenavComponent {
             return this.isOpen() ? `translateX(${this.openWidth}px)` : `translateX(0px)`;
         }, ...(ngDevMode ? [{ debugName: "draggingStyle" }] : []));
         this.draggingEffect = effect(() => {
-            if (typeof document === 'undefined')
+            if (typeof document === 'undefined' || this.disableDrag())
                 return;
             if (this.isDragging()) {
                 document.body.classList.add('dragging');
@@ -4049,7 +4081,7 @@ class ShipSidenavComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ShipSidenavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: ShipSidenavComponent, isStandalone: true, selector: "sh-sidenav", inputs: { disableDrag: { classPropertyName: "disableDrag", publicName: "disableDrag", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange" }, host: { properties: { "class.open": "isOpen()", "class.closed": "!isOpen()", "class.is-dragging": "isDragging()" } }, viewQueries: [{ propertyName: "dragImageElement", first: true, predicate: ["dragImageElement"], descendants: true, isSignal: true }], ngImport: i0, template: `
-    @if (isOverlay()) {
+    @if (isOverlay() && !disableDrag()) {
       <div #dragImageElement class="drag-image"></div>
     }
 
@@ -4061,7 +4093,7 @@ class ShipSidenavComponent {
       <ng-content select="[sidenav]"></ng-content>
     </div>
 
-    <div class="main-wrap" [style.transform]="draggingStyle()">
+    <div class="main-wrap" [style.transform]="!disableDrag() && draggingStyle()">
       @if (isOverlay() && !disableDrag()) {
         <div
           class="dragable"
@@ -4090,7 +4122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
             args: [{
                     selector: 'sh-sidenav',
                     template: `
-    @if (isOverlay()) {
+    @if (isOverlay() && !disableDrag()) {
       <div #dragImageElement class="drag-image"></div>
     }
 
@@ -4102,7 +4134,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
       <ng-content select="[sidenav]"></ng-content>
     </div>
 
-    <div class="main-wrap" [style.transform]="draggingStyle()">
+    <div class="main-wrap" [style.transform]="!disableDrag() && draggingStyle()">
       @if (isOverlay() && !disableDrag()) {
         <div
           class="dragable"
@@ -5533,5 +5565,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