npm - @ngstarter-ui/components - Versions diffs - 21.0.24 → 21.0.26 - Mend

@ngstarter-ui/components 21.0.24 → 21.0.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (107) hide show

package/ai/component-registry.json CHANGED Viewed

@@ -5679,7 +5679,9 @@
       "cssTokens": [
         "--ngs-marquee-animation-duration",
         "--ngs-marquee-gap",
+        "--ngs-marquee-item-width",
         "--ngs-marquee-pause",
+        "--ngs-marquee-repeat-gap",
         "--ngs-marquee-reverse"
       ],
       "example": null
@@ -6178,6 +6180,7 @@
       "useWhen": "Use Notifications for events addressed to the current user: comments, mentions, invitations, assignments, access requests, status changes, completed processes, and user-specific updates. Use ngs-notification for one event, ngsNotificationAvatar for the source avatar or icon, ngs-notification-message for the main sentence, ngs-notification-actor for the actor, ngs-notification-content for nested context such as a comment, file, quote, card, or preview, and ngs-notification-time for time. Use isUnread for unread state. Use ngs-notification-list with ngsNotificationDef when notifications come from an array and each type needs its own template. Use ngsNotificationControlsDef for per-notification controls such as mute, delete, or mark as read, often with Menu. Do not use Notifications for page-level system messages; use Alert or Announcement. Do not use for critical required actions; use ActionRequired. Do not use for service health; use Incidents. Do not use for generic activity feeds that are not user notifications; use List. Do not use for transient toast/snackbar messages.",
       "exampleTopics": [
         "Basic notifications",
+        "Notification variants",
         "Notification list"
       ],
       "minimalExample": "<ngs-notification class=\"w-2/3 p-4\">\n  <ngs-dicebear ngsNotificationAvatar/>\n  <ngs-notification-message>\n    <a routerLink=\"/\" ngs-notification-actor>Sam Anderson</a>\n    commented your post <a routerLink=\"/\" class=\"link\">Super article</a>\n  </ngs-notification-message>\n  <ngs-notification-content class=\"border border-muted rounded-lg p-2.5 text-sm\">\n    This is a comment.\n  </ngs-notification-content>\n  <ngs-notification-time>1 day ago</ngs-notification-time>\n</ngs-notification>\n<ngs-notification class=\"w-2/3 border border-muted rounded-xl p-4 mt-7\">\n  <ngs-dicebear ngsNotificationAvatar/>\n  <ngs-notification-message>\n    <a routerLink=\"/\" ngs-notification-actor>Sam Anderson</a>\n    commented your post <a routerLink=\"/\" class=\"link\">Super article</a>\n  </ngs-notification-message>\n  <ngs-notification-content class=\"border border-muted rounded-lg p-2.5 text-sm\">\n    This is a comment.\n  </ngs-notification-content>\n  <ngs-notification-time>1 day ago</ngs-notification-time>\n</ngs-notification>\n<ngs-notification class=\"w-2/3 bg-surface-container-low rounded-xl p-4 mt-7\">\n  <ngs-dicebear ngsNotificationAvatar/>\n  <ngs-notification-message>\n    <a routerLink=\"/\" ngs-notification-actor>Sam Anderson</a>\n    commented your post <a routerLink=\"/\" class=\"link\">Super article</a>\n  </ngs-notification-message>\n  <ngs-notification-content class=\"border border-muted rounded-lg p-2.5 text-sm\">\n    This is a comment.\n  </ngs-notification-content>\n  <ngs-notification-time>1 day ago</ngs-notification-time>\n</ngs-notification>\n<ngs-notification class=\"w-2/3 bg-red-100 dark:bg-red-900 dark:text-\n...",
@@ -6192,7 +6195,13 @@
           "name": "notification-list-example",
           "title": "Notification list",
           "file": "projects/docs/src/app/components/notifications/_examples/notification-list-example/notification-list-example.html",
-          "source": "<ngs-notification-list [notifications]=\"notifications\" [static]=\"false\">\n  <ng-template ngsNotificationDef=\"mentionedInComment\" let-notification>\n    <ngs-notification [isUnread]=\"notification.isUnread\">\n      <ngs-dicebear [key]=\"notification.actor.id\"\n                    [image]=\"notification.actor.avatarUrl\"\n                    ngsNotificationAvatar/>\n      <ngs-notification-message>\n        <a routerLink=\"/\" ngs-notification-actor>{{ notification.actor.name }}</a>\n        {{ notification.message }}\n      </ngs-notification-message>\n      <ngs-notification-content class=\"border border-muted rounded-lg p-2.5 text-sm\">\n       This is a comment.\n      </ngs-notification-content>\n      <ngs-notification-time>{{ notification.createdAt }}</ngs-notification-time>\n    </ngs-notification>\n  </ng-template>\n  <ng-template ngsNotificationDef=\"inviteToEditFilesInFolder\" let-notification>\n    <ngs-notification>\n      <ngs-notification-content>\n        invites\n      </ngs-notification-content>\n    </ngs-notification>\n  </ng-template>\n  <ng-template ngsNotificationControlsDef let-notification>\n    <button ngsIconButton [ngsMenuTriggerFor]=\"settings\">\n      <ngs-icon name=\"fluent:more-vertical-24-regular\"/>\n    </button>\n    <ngs-menu #settings=\"ngsMenu\">\n      <button ngs-menu-item>\n        <ngs-icon name=\"fluent:alert-off-24-regular\"/>\n        <span>Disable this type of notification</span>\n      </button>\n      <button ngs-menu-item>\n        <ngs-icon name=\"fluent:delete-24-regular\"/>\n        <span>Delete notification</span>\n      </button>\n    </ngs-menu>\n  </ng-template>\n</ngs-notifi\n..."
+          "source": "<ngs-notification-list [notifications]=\"notifications\" [static]=\"false\">\n  <ng-template ngsNotificationDef=\"mentionedInComment\" let-notification>\n    <ngs-notification [isUnread]=\"notification.isUnread\">\n      <ngs-dicebear [key]=\"notification.actor.id\"\n                    [image]=\"notification.actor.avatarUrl\"\n                    ngsNotificationAvatar/>\n      <ngs-notification-message>\n        <a routerLink=\"/\" ngs-notification-actor>{{ notification.actor.name }}</a>\n        {{ notification.message }}\n      </ngs-notification-message>\n      <ngs-notification-content class=\"border border-muted rounded-lg p-2.5 text-sm\">\n       This is a comment.\n      </ngs-notification-content>\n      <ngs-notification-time>{{ notification.createdAt }}</ngs-notification-time>\n    </ngs-notification>\n  </ng-template>\n  <ng-template ngsNotificationDef=\"inviteToEditFilesInFolder\" let-notification>\n    <ngs-notification [isUnread]=\"notification.isUnread\">\n      <ngs-dicebear [key]=\"notification.actor.id\"\n                    [image]=\"notification.actor.avatarUrl\"\n                    ngsNotificationAvatar/>\n      <ngs-notification-message>\n        <a routerLink=\"/\" ngs-notification-actor>{{ notification.actor.name }}</a>\n        invited you to edit <a routerLink=\"/\" class=\"link\">{{ notification.payload.folderName }}</a>\n      </ngs-notification-message>\n      <ngs-notification-content class=\"border border-muted rounded-lg p-2.5 text-sm\">\n        <div class=\"flex items-center gap-2\">\n          <ngs-icon name=\"fluent:folder-24-regular\" class=\"text-on-surface-variant\"/>\n          <span>{{ notificati\n..."
+        },
+        {
+          "name": "notification-variants-example",
+          "title": "Notification variants",
+          "file": "projects/docs/src/app/components/notifications/_examples/notification-variants-example/notification-variants-example.html",
+          "source": "<div class=\"flex flex-col gap-5\">\n  <ngs-notification class=\"border border-muted\">\n    <ngs-dicebear key=\"mila-ray\" image=\"assets/avatars/1.svg\" ngsNotificationAvatar/>\n    <ngs-notification-message>\n      <a routerLink=\"/\" ngs-notification-actor>Mila Ray</a>\n      mentioned you in <a routerLink=\"/\" class=\"link\">Launch planning</a>\n    </ngs-notification-message>\n    <ngs-notification-content class=\"notification-preview\">\n      Can you confirm the rollout window before we lock the customer email?\n    </ngs-notification-content>\n    <ngs-notification-time>Just now</ngs-notification-time>\n  </ngs-notification>\n  <ngs-notification isUnread class=\"border border-muted\">\n    <ngs-dicebear key=\"nolan-kim\" image=\"assets/avatars/2.svg\" ngsNotificationAvatar/>\n    <ngs-notification-message>\n      <a routerLink=\"/\" ngs-notification-actor>Nolan Kim</a>\n      requested access to <a routerLink=\"/\" class=\"link\">Q3 Pipeline</a>\n    </ngs-notification-message>\n    <ngs-notification-content>\n      <div class=\"notification-preview\">\n        Workspace role: Editor\n      </div>\n      <div class=\"mt-3 flex flex-wrap gap-2\">\n        <button ngsButton=\"filled\">Approve</button>\n        <button ngsButton=\"outlined\">Decline</button>\n      </div>\n    </ngs-notification-content>\n    <ngs-notification-time>8 minutes ago</ngs-notification-time>\n  </ngs-notification>\n  <ngs-notification class=\"border border-muted\">\n    <ngs-icon\n      name=\"fluent:checkmark-circle-24-regular\"\n      class=\"notification-icon-avatar notification-icon-avatar--success\"\n      ngsNotificationAvatar/>\n    <ngs-notification-messag\n..."
         }
       ],
       "previewAsset": "projects/components/notifications/preview.svg",
@@ -6216,6 +6225,7 @@
       "exportedSymbols": [
         "Notification",
         "NotificationActor",
+        "NotificationActorLike",
         "NotificationAvatarDirective",
         "NotificationContent",
         "NotificationControlsDefDirective",
@@ -6233,25 +6243,29 @@
         "notifications",
         "static"
       ],
-      "outputs": [],
+      "outputs": [
+        "notificationClick"
+      ],
       "cssTokens": [
         "--ngs-color-neutral-900",
         "--ngs-color-neutral-950",
         "--ngs-color-on-surface",
         "--ngs-color-on-surface-variant",
-        "--ngs-color-primary-200",
-        "--ngs-color-primary-300",
+        "--ngs-color-primary",
         "--ngs-color-surface-container",
         "--ngs-color-surface-container-low",
+        "--ngs-color-surface-container-lowest",
         "--ngs-font-size-sm",
         "--ngs-font-size-xs",
         "--ngs-notification-bg",
+        "--ngs-notification-content-margin",
         "--ngs-notification-gap",
         "--ngs-notification-hover-bg",
         "--ngs-notification-is-unread-bg",
         "--ngs-notification-is-unread-hover-bg",
         "--ngs-notification-list-gap",
         "--ngs-notification-padding",
+        "--ngs-notification-radius",
         "--ngs-radius-xl"
       ],
       "example": null
@@ -9992,21 +10006,30 @@
       "useWhen": "Use ngs-tree when users need to inspect or navigate hierarchical data where parent and child levels matter: folders and files, categories, permissions, taxonomies, organization structures, nested settings, product/entity hierarchies, and other expandable trees. Use dataSource with childrenAccessor for nested/static data, or treeControl with a custom DataSource for flat trees and dynamic loading. Define node templates with *ngsTreeNodeDef and use when for different node types. Use ngsTreeNodePadding for indentation and ngsTreeNodeToggle for expand/collapse controls. Use ProgressBar or Skeleton inside node templates when children load on demand. Do not use Tree for a simple vertical collection; use List. Do not use it for primary application navigation; use Sidebar, Sidenav, Navigation, or RailNav. Do not use it for FAQ or settings sections; use ExpansionPanel. Do not use it for dense row data with columns, sorting, filters, or bulk actions; use Table or DataView. Do not use it for step-by-step workflows; use Stepper.",
       "exampleTopics": [
         "Basic tree",
+        "Selectable tree",
+        "Checkable tree",
+        "Draggable tree",
         "Tree with dynamic data"
       ],
-      "minimalExample": "<ngs-tree #tree [dataSource]=\"dataSource\" [childrenAccessor]=\"childrenAccessor\">\n  <!-- This is the tree node template for leaf nodes -->\n  <ngs-tree-node *ngsTreeNodeDef=\"let node\" ngsTreeNodePadding>\n    <!-- use a disabled button to provide padding for tree leaf -->\n    <button ngsIconButton disabled></button>\n    {{node.name}}\n  </ngs-tree-node>\n  <!-- This is the tree node template for expandable nodes -->\n  <ngs-tree-node *ngsTreeNodeDef=\"let node;when: hasChild\"\n                 ngsTreeNodePadding ngsTreeNodeToggle\n                 [cdkTreeNodeTypeaheadLabel]=\"node.name\">\n    <button ngsIconButton ngsTreeNodeToggle [attr.aria-label]=\"'Toggle ' + node.name\">\n      @if (tree.isExpanded(node)) {\n        <ngs-icon name=\"fluent:chevron-down-24-regular\" class=\"size-4\"/>\n      } @else {\n        <ngs-icon name=\"fluent:chevron-right-24-regular\" class=\"size-4\"/>\n      }\n    </button>\n    {{node.name}}\n  </ngs-tree-node>\n</ngs-tree>",
+      "minimalExample": "<ngs-tree #tree [dataSource]=\"dataSource\" [childrenAccessor]=\"childrenAccessor\">\n  <!-- This is the tree node template for leaf nodes -->\n  <ngs-tree-node *ngsTreeNodeDef=\"let node\" ngsTreeNodePadding>\n    <!-- use a disabled button to provide padding for tree leaf -->\n    <button ngsIconButton disabled></button>\n    {{node.name}}\n  </ngs-tree-node>\n  <!-- This is the tree node template for expandable nodes -->\n  <ngs-tree-node *ngsTreeNodeDef=\"let node;when: hasChild\"\n                 ngsTreeNodePadding\n                 [cdkTreeNodeTypeaheadLabel]=\"node.name\">\n    <button ngsIconButton ngsTreeNodeToggle [attr.aria-label]=\"'Toggle ' + node.name\">\n      @if (tree.isExpanded(node)) {\n        <ngs-icon name=\"fluent:chevron-down-24-regular\" class=\"size-4\"/>\n      } @else {\n        <ngs-icon name=\"fluent:chevron-right-24-regular\" class=\"size-4\"/>\n      }\n    </button>\n    {{node.name}}\n  </ngs-tree-node>\n</ngs-tree>",
       "exampleFiles": [
         {
           "name": "basic-tree-example",
           "title": "Basic tree",
           "file": "projects/docs/src/app/components/tree/_examples/basic-tree-example/basic-tree-example.html",
-          "source": "<ngs-tree #tree [dataSource]=\"dataSource\" [childrenAccessor]=\"childrenAccessor\">\n  <!-- This is the tree node template for leaf nodes -->\n  <ngs-tree-node *ngsTreeNodeDef=\"let node\" ngsTreeNodePadding>\n    <!-- use a disabled button to provide padding for tree leaf -->\n    <button ngsIconButton disabled></button>\n    {{node.name}}\n  </ngs-tree-node>\n  <!-- This is the tree node template for expandable nodes -->\n  <ngs-tree-node *ngsTreeNodeDef=\"let node;when: hasChild\"\n                 ngsTreeNodePadding ngsTreeNodeToggle\n                 [cdkTreeNodeTypeaheadLabel]=\"node.name\">\n    <button ngsIconButton ngsTreeNodeToggle [attr.aria-label]=\"'Toggle ' + node.name\">\n      @if (tree.isExpanded(node)) {\n        <ngs-icon name=\"fluent:chevron-down-24-regular\" class=\"size-4\"/>\n      } @else {\n        <ngs-icon name=\"fluent:chevron-right-24-regular\" class=\"size-4\"/>\n      }\n    </button>\n    {{node.name}}\n  </ngs-tree-node>\n</ngs-tree>"
+          "source": "<ngs-tree #tree [dataSource]=\"dataSource\" [childrenAccessor]=\"childrenAccessor\">\n  <!-- This is the tree node template for leaf nodes -->\n  <ngs-tree-node *ngsTreeNodeDef=\"let node\" ngsTreeNodePadding>\n    <!-- use a disabled button to provide padding for tree leaf -->\n    <button ngsIconButton disabled></button>\n    {{node.name}}\n  </ngs-tree-node>\n  <!-- This is the tree node template for expandable nodes -->\n  <ngs-tree-node *ngsTreeNodeDef=\"let node;when: hasChild\"\n                 ngsTreeNodePadding\n                 [cdkTreeNodeTypeaheadLabel]=\"node.name\">\n    <button ngsIconButton ngsTreeNodeToggle [attr.aria-label]=\"'Toggle ' + node.name\">\n      @if (tree.isExpanded(node)) {\n        <ngs-icon name=\"fluent:chevron-down-24-regular\" class=\"size-4\"/>\n      } @else {\n        <ngs-icon name=\"fluent:chevron-right-24-regular\" class=\"size-4\"/>\n      }\n    </button>\n    {{node.name}}\n  </ngs-tree-node>\n</ngs-tree>"
+        },
+        {
+          "name": "checkable-tree-example",
+          "title": "Checkable tree",
+          "file": "projects/docs/src/app/components/tree/_examples/checkable-tree-example/checkable-tree-example.html",
+          "source": "<ngs-tree #tree\n          [dataSource]=\"dataSource\"\n          [childrenAccessor]=\"childrenAccessor\"\n          [trackBy]=\"trackByName\"\n          (checkedChange)=\"checkedValues = $event\"\n          checkable>\n  <ngs-tree-node *ngsTreeNodeDef=\"let node\"\n                 ngsTreeNodePadding\n                 [value]=\"node.name\"\n                 [disabled]=\"!!node.disabled\">\n    <button ngsIconButton disabled></button>\n    {{node.name}}\n  </ngs-tree-node>\n  <ngs-tree-node *ngsTreeNodeDef=\"let node; when: hasChild\"\n                 ngsTreeNodePadding\n                 [value]=\"node.name\"\n                 [disabled]=\"!!node.disabled\"\n                 [cdkTreeNodeTypeaheadLabel]=\"node.name\">\n    <button ngsIconButton ngsTreeNodeToggle [attr.aria-label]=\"'Toggle ' + node.name\">\n      @if (tree.isExpanded(node)) {\n        <ngs-icon name=\"fluent:chevron-down-24-regular\" class=\"size-4\"/>\n      } @else {\n        <ngs-icon name=\"fluent:chevron-right-24-regular\" class=\"size-4\"/>\n      }\n    </button>\n    {{node.name}}\n  </ngs-tree-node>\n</ngs-tree>\n<p class=\"tree-example-state\">\n  Checked: {{checkedValues.length ? checkedValues.join(', ') : 'None'}}\n</p>"
         },
         {
-          "name": "tree-with-dynamic-data-example",
-          "title": "Tree with dynamic data",
-          "file": "projects/docs/src/app/components/tree/_examples/tree-with-dynamic-data-example/tree-with-dynamic-data-example.html",
-          "source": "<ngs-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\">\n  <ngs-tree-node *ngsTreeNodeDef=\"let node\" ngsTreeNodePadding>\n    <button ngsIconButton disabled></button>\n    {{node.item}}\n  </ngs-tree-node>\n  <ngs-tree-node *ngsTreeNodeDef=\"let node; when: hasChild\" ngsTreeNodePadding ngsTreeNodeToggle\n                 [cdkTreeNodeTypeaheadLabel]=\"node.item\">\n    <button ngsIconButton\n            [attr.aria-label]=\"'Toggle ' + node.item\" ngsTreeNodeToggle>\n      @if (treeControl.isExpanded(node)) {\n        <ngs-icon name=\"fluent:chevron-down-24-regular\" class=\"size-4\"/>\n      } @else {\n        <ngs-icon name=\"fluent:chevron-right-24-regular\" class=\"size-4\"/>\n      }\n    </button>\n    {{node.item}}\n    @if (node.isLoading()) {\n      <ngs-progress-bar mode=\"indeterminate\" class=\"ms-3\"/>\n    }\n  </ngs-tree-node>\n</ngs-tree>"
+          "name": "draggable-tree-example",
+          "title": "Draggable tree",
+          "file": "projects/docs/src/app/components/tree/_examples/draggable-tree-example/draggable-tree-example.html",
+          "source": "<ngs-tree #tree\n          [dataSource]=\"dataSource\"\n          [childrenAccessor]=\"childrenAccessor\"\n          [trackBy]=\"trackByName\"\n          (nodeDrop)=\"onNodeDrop($event)\"\n          draggable>\n  <ngs-tree-node *ngsTreeNodeDef=\"let node\" ngsTreeNodePadding [value]=\"node.name\">\n    <button ngsIconButton disabled></button>\n    {{node.name}}\n  </ngs-tree-node>\n  <ngs-tree-node *ngsTreeNodeDef=\"let node; when: hasChild\"\n                 ngsTreeNodePadding\n                 [value]=\"node.name\"\n                 [cdkTreeNodeTypeaheadLabel]=\"node.name\">\n    <button ngsIconButton ngsTreeNodeToggle [attr.aria-label]=\"'Toggle ' + node.name\">\n      @if (tree.isExpanded(node)) {\n        <ngs-icon name=\"fluent:chevron-down-24-regular\" class=\"size-4\"/>\n      } @else {\n        <ngs-icon name=\"fluent:chevron-right-24-regular\" class=\"size-4\"/>\n      }\n    </button>\n    {{node.name}}\n  </ngs-tree-node>\n</ngs-tree>\n<p class=\"tree-example-state\">\n  {{dropMessage}}\n</p>"
         }
       ],
       "previewAsset": "projects/components/tree/preview.svg",
@@ -10024,12 +10047,17 @@
         "Tree",
         "TreeNode",
         "TreeNodeDef",
+        "TreeNodeDrop",
+        "TreeNodeDropPosition",
         "TreeNodeOutlet",
         "TreeNodePadding",
         "TreeNodeToggle"
       ],
       "inputs": [
+        "checkable",
+        "childrenKey",
         "disabled",
+        "draggable",
         "ngsNestedTreeNode",
         "ngsTreeNode",
         "ngsTreeNodeDefWhen",
@@ -10037,20 +10065,55 @@
         "ngsTreeNodePaddingIndent",
         "ngsTreeNodeToggleRecursive",
         "recursive",
+        "selectable",
         "tabIndex",
+        "value",
         "when"
       ],
       "outputs": [
         "activation",
-        "expandedChange"
+        "checkedChange",
+        "expandedChange",
+        "selectedChange"
       ],
       "cssTokens": [
+        "--ngs-checkbox-gap",
+        "--ngs-color-neutral",
+        "--ngs-color-primary",
+        "--ngs-nav-item-active-bg",
+        "--ngs-nav-item-active-color",
+        "--ngs-nav-item-color",
+        "--ngs-nav-item-font-size",
+        "--ngs-nav-item-gap",
+        "--ngs-nav-item-height",
+        "--ngs-nav-item-hover-bg",
+        "--ngs-nav-item-hover-color",
+        "--ngs-nav-item-padding",
+        "--ngs-nav-item-radius",
         "--ngs-tree-container-background-color",
+        "--ngs-tree-gap",
+        "--ngs-tree-node-active-bg",
+        "--ngs-tree-node-active-color",
+        "--ngs-tree-node-checkbox-gap",
+        "--ngs-tree-node-color",
+        "--ngs-tree-node-disabled-opacity",
+        "--ngs-tree-node-drop-line-color",
+        "--ngs-tree-node-drop-line-radius",
+        "--ngs-tree-node-drop-line-size",
+        "--ngs-tree-node-drop-target-bg",
+        "--ngs-tree-node-drop-target-color",
+        "--ngs-tree-node-drop-target-outline",
+        "--ngs-tree-node-drop-target-outline-offset",
+        "--ngs-tree-node-font-size",
+        "--ngs-tree-node-gap",
+        "--ngs-tree-node-hover-bg",
+        "--ngs-tree-node-hover-color",
+        "--ngs-tree-node-line-color",
         "--ngs-tree-node-min-height",
-        "--ngs-tree-node-text-color",
-        "--ngs-tree-node-text-font",
-        "--ngs-tree-node-text-size",
-        "--ngs-tree-node-text-weight"
+        "--ngs-tree-node-padding",
+        "--ngs-tree-node-radius",
+        "--ngs-tree-node-title-font-size",
+        "--ngs-tree-padding"
       ],
       "example": null
     },

package/fesm2022/ngstarter-ui-components-avatar.mjs CHANGED Viewed

@@ -105,7 +105,7 @@ class Avatar {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Avatar, decorators: [{
             type: Component,
-            args: [{ selector: 'ngs-avatar,[ngs-avatar]', exportAs: 'ngsAvatar', standalone: true, providers: [
+            args: [{ selector: 'ngs-avatar,[ngs-avatar]', exportAs: 'ngsAvatar', providers: [
                         {
                             provide: AVATAR_ACCESSOR,
                             useExisting: forwardRef(() => Avatar),
@@ -129,7 +129,7 @@ class AvatarGroup {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AvatarGroup, decorators: [{
             type: Component,
-            args: [{ selector: 'ngs-avatar-group', exportAs: 'ngsAvatarGroup', standalone: true, host: {
+            args: [{ selector: 'ngs-avatar-group', exportAs: 'ngsAvatarGroup', host: {
                         'class': 'ngs-avatar-group'
                     }, template: "<ng-content/>\n", styles: [":host{--ngs-avatar-group-item-offset: calc(var(--spacing, .25rem) * 4);--ngs-avatar-group-item-border: 2px solid white;display:flex;flex:none;position:relative;align-items:center}:host ::ng-deep *+*{margin-left:calc(var(--ngs-avatar-group-item-offset) * -1)}:host ::ng-deep .ngs-avatar,:host ::ng-deep .ngs-avatar-total,:host ::ng-deep .ngs-avatar-more{border:var(--ngs-avatar-group-item-border);z-index:0}:host ::ng-deep .ngs-avatar:hover,:host ::ng-deep .ngs-avatar-total:hover,:host ::ng-deep .ngs-avatar-more:hover{z-index:1}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
@@ -152,7 +152,7 @@ class AvatarTotal {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AvatarTotal, decorators: [{
             type: Component,
-            args: [{ selector: 'ngs-avatar-total,[ngs-avatar-total]', exportAs: 'ngsAvatarTotal', standalone: true, host: {
+            args: [{ selector: 'ngs-avatar-total,[ngs-avatar-total]', exportAs: 'ngsAvatarTotal', host: {
                         'class': 'ngs-avatar-total'
                     }, template: "<ng-content />\n", styles: [":host{--ngs-avatar-font-weight: 500;--ngs-avatar-size: calc(var(--spacing, .25rem) * 10);--ngs-avatar-border-radius: calc(infinity * 1px);--ngs-avatar-bg: var(--ngs-color-success);--ngs-avatar-color: white;--ngs-avatar-inner-border: inset 0 0 2px var(--ngs-color-border);--ngs-avatar-total-font-size: var(--ngs-font-size-xs);--ngs-avatar-total-font-weight: 500;--ngs-avatar-total-color: white;--ngs-avatar-total-bg: var(--ngs-color-neutral-700);--ngs-avatar-total-hover-bg: var(--ngs-color-neutral-600);background:var(--ngs-avatar-total-bg);font-size:var(--ngs-avatar-total-font-size);font-weight:var(--ngs-avatar-total-font-weight);color:var(--ngs-avatar-total-color);border-radius:var(--ngs-avatar-border-radius);flex:none;display:flex;align-items:center;justify-content:center}:host:hover{background:var(--ngs-avatar-total-hover-bg)}:host:not([class*=w-]):not([class*=size-]){width:var(--ngs-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--ngs-avatar-size)}:host-context(html.dark){--ngs-avatar-group-item-border: .125rem solid var(--ngs-color-neutral-950);--ngs-avatar-presence-indicator-outline: var(--ngs-color-neutral-950) solid 2px}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });

package/fesm2022/ngstarter-ui-components-avatar.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngstarter-ui-components-avatar.mjs","sources":["../../../projects/components/avatar/src/types.ts","../../../projects/components/avatar/src/avatar/avatar.ts","../../../projects/components/avatar/src/avatar/avatar.html","../../../projects/components/avatar/src/avatar-group/avatar-group.ts","../../../projects/components/avatar/src/avatar-group/avatar-group.html","../../../projects/components/avatar/src/avatar-more/avatar-more.ts","../../../projects/components/avatar/src/avatar-more/avatar-more.html","../../../projects/components/avatar/src/avatar-total/avatar-total.ts","../../../projects/components/avatar/src/avatar-total/avatar-total.html","../../../projects/components/avatar/src/dicebear/dicebear.ts","../../../projects/components/avatar/src/dicebear/dicebear.html","../../../projects/components/avatar/ngstarter-ui-components-avatar.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const AVATAR_ACCESSOR = new InjectionToken('AVATAR_ACCESSOR');\nexport type AvatarPresenceIndicator = 'online' \| 'offline' \| 'away' \| null \| string;\nexport type AvatarVariant = 'solid' \| 'tonal' \| 'outlined' \| 'plain' \| string;\n","import {\n AfterViewInit,\n booleanAttribute,\n Component,\n ElementRef,\n forwardRef,\n inject,\n input,\n OnChanges,\n OnInit,\n SimpleChanges\n} from '@angular/core';\nimport { AVATAR_ACCESSOR, AvatarPresenceIndicator, AvatarVariant } from '../types';\n\nconst alreadyLoadedImages: string[] = [];\n\n@Component({\n selector: 'ngs-avatar,[ngs-avatar]',\n exportAs: 'ngsAvatar',\n standalone: true,\n templateUrl: './avatar.html',\n styleUrl: './avatar.scss',\n providers: [\n {\n provide: AVATAR_ACCESSOR,\n useExisting: forwardRef(() => Avatar),\n multi: true\n }\n ],\n host: {\n 'class': 'ngs-avatar',\n '[class.is-clickable]': 'clickable()',\n '[class.has-automatic-color]': '!!automaticColor()',\n '[class.has-loaded-image]': 'image() && imageLoaded',\n '[class.is-solid]': 'variant() === \"solid\"',\n '[class.is-tonal]': 'variant() === \"tonal\"',\n '[class.is-outlined]': 'variant() === \"outlined\"',\n '[class.is-plain]': 'variant() === \"plain\"',\n }\n})\nexport class Avatar implements OnInit, OnChanges, AfterViewInit {\n private _elementRef = inject(ElementRef);\n\n image = input<string>('');\n variant = input<AvatarVariant>('');\n clickable = input(false, {\n transform: booleanAttribute\n });\n label = input('');\n alt = input('');\n automaticColor = input();\n presenceIndicator = input<AvatarPresenceIndicator>(null);\n\n protected imageLoaded: boolean;\n protected showLabel = false;\n\n ngOnInit() {\n if (!this.image()) {\n return;\n }\n\n this.imageLoaded = alreadyLoadedImages.includes(<string>this.image());\n }\n\n ngAfterViewInit() {\n setTimeout(() => {\n this.showLabel = true;\n }, 0);\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['automaticColor'] && changes['automaticColor'].currentValue) {\n this._setAutomaticColor(changes['automaticColor'].currentValue);\n }\n }\n\n onImageLoaded(): void {\n if (this.imageLoaded) {\n return;\n }\n\n alreadyLoadedImages.push(<string>this.image());\n this.imageLoaded = true;\n }\n\n private _setAutomaticColor(color: any): void {\n if (!this.isValidHex(color)) {\n throw new Error(`Invalid ${color} color, automatic color supports only a valid hex color`);\n }\n\n const element = this._elementRef.nativeElement as HTMLElement;\n element.style.setProperty('--ngs-avatar-bg', color);\n element.style.setProperty('--ngs-avatar-border-color-auto', this._newShade(color, -25));\n element.style.setProperty('--ngs-avatar-color', this._newShade(color, -150));\n }\n\n private _newShade(hexColor: string, magnitude: number): string {\n hexColor = hexColor.replace(`#`, ``);\n if (hexColor.length === 6) {\n const decimalColor = parseInt(hexColor, 16);\n let r = (decimalColor >> 16) + magnitude;\n r > 255 && (r = 255);\n r < 0 && (r = 0);\n let g = (decimalColor & 0x0000ff) + magnitude;\n g > 255 && (g = 255);\n g < 0 && (g = 0);\n let b = ((decimalColor >> 8) & 0x00ff) + magnitude;\n b > 255 && (b = 255);\n b < 0 && (b = 0);\n return `#${(g \| (b << 8) \| (r << 16)).toString(16)}`;\n } else {\n return hexColor;\n }\n };\n\n isValidHex(color: any): boolean {\n if(!color \|\| typeof color !== 'string') {\n return false;\n }\n\n // Validate hex values\n if(color.substring(0, 1) === '#') {\n color = color.substring(1);\n }\n\n switch(color.length) {\n case 3: {\n return /^[0-9A-F]{3}$/i.test(color);\n }\n case 6: {\n return /^[0-9A-F]{6}$/i.test(color);\n }\n case 8: {\n return /^[0-9A-F]{8}$/i.test(color);\n }\n default: {\n return false;\n }\n }\n }\n}\n","@if (image()) {\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\" [alt]=\"alt()\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n <div class=\"presence-indicator\"\n [class.is-online]=\"presenceIndicator() === 'online'\"\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (label() && showLabel) {\n <svg viewBox=\"0 0 50 50\" class=\"text\">\n <text\n x=\"50%\"\n y=\"50%\"\n alignment-baseline=\"central\"\n text-anchor=\"middle\"\n font-weight=\"inherit\"\n font-size=\"20\"\n fill=\"currentColor\">{{ label() }}</text>\n </svg>\n}\n\n<ng-content select=\"mat-icon,ngs-icon\"/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-avatar-group',\n exportAs: 'ngsAvatarGroup',\n standalone: true,\n templateUrl: './avatar-group.html',\n styleUrl: './avatar-group.scss',\n host: {\n 'class': 'ngs-avatar-group'\n }\n})\nexport class AvatarGroup {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-avatar-more,[ngs-avatar-more]',\n exportAs: 'ngsAvatarMore',\n imports: [],\n templateUrl: './avatar-more.html',\n styleUrl: './avatar-more.scss',\n host: {\n 'class': 'ngs-avatar-more'\n }\n})\nexport class AvatarMore {\n\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n// DEPRECATED\n@Component({\n selector: 'ngs-avatar-total,[ngs-avatar-total]',\n exportAs: 'ngsAvatarTotal',\n standalone: true,\n templateUrl: './avatar-total.html',\n styleUrl: './avatar-total.scss',\n host: {\n 'class': 'ngs-avatar-total'\n }\n})\nexport class AvatarTotal {\n}\n","<ng-content />\n","import {\n booleanAttribute,\n Component,\n forwardRef,\n input, OnInit\n} from '@angular/core';\nimport { AVATAR_ACCESSOR, AvatarPresenceIndicator } from '../types';\nimport { createAvatar } from '@dicebear/core';\nimport { identicon, initials } from '@dicebear/collection';\nimport { v7 as uuid } from 'uuid';\nimport { SafeHtmlPipe } from '@ngstarter-ui/components/core';\n\nexport interface Preset {\n style: any,\n options?: {\n scale?: number;\n backgroundColor?: string[];\n fontWeight?: number;\n }\n}\n\nconst alreadyLoadedImages: string[] = [];\nconst presets: {[prop: string]: Preset} = {\n 'identicon': {\n style: identicon,\n options: {\n scale: 55,\n backgroundColor: ['cbebf7', 'ebe1fc', 'd1f9db', 'f7e4e7', 'fce8d4', 'dcfcf9']\n }\n },\n 'initials': {\n style: initials,\n options: {\n scale: 75,\n fontWeight: 500\n }\n }\n};\n\n@Component({\n selector: 'ngs-dicebear,[ngs-dicebear]',\n exportAs: 'ngsDicebear',\n templateUrl: './dicebear.html',\n styleUrl: './dicebear.scss',\n providers: [\n {\n provide: AVATAR_ACCESSOR,\n useExisting: forwardRef(() => Dicebear),\n multi: true\n }\n ],\n imports: [\n SafeHtmlPipe,\n ],\n host: {\n 'class': 'ngs-avatar ngs-dicebear',\n '[class.is-clickable]': 'clickable()',\n '[class.has-loaded-image]': 'image() && imageLoaded',\n }\n})\nexport class Dicebear implements OnInit {\n image = input<string>('');\n clickable = input(false, {\n transform: booleanAttribute\n });\n key = input<any>();\n preset = input<string>('identicon');\n alt = input<string>();\n presenceIndicator = input<AvatarPresenceIndicator>(null);\n\n protected imageLoaded: boolean;\n protected svg = '';\n\n ngOnInit() {\n if (this.image()) {\n this.imageLoaded = alreadyLoadedImages.includes(<string>this.image());\n }\n\n const preset = presets[this.preset()];\n const avatar = createAvatar(preset.style, {\n seed: this.key() \|\| '',\n ...preset.options\n });\n this.svg = avatar.toString().replace('viewboxMask', uuid());\n }\n\n onImageLoaded(): void {\n if (this.imageLoaded) {\n return;\n }\n\n alreadyLoadedImages.push(<string>this.image());\n this.imageLoaded = true;\n }\n}\n","@if (image()) {\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\"\n [alt]=\"alt() \|\| ''\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n <div class=\"presence-indicator\"\n [class.is-online]=\"presenceIndicator() === 'online'\"\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (!image() && svg) {\n <div class=\"svg\" [innerHTML]=\"svg \| safeHtml\"></div>\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["alreadyLoadedImages","uuid"],"mappings":";;;;;;;MAEa,eAAe,GAAG,IAAI,cAAc,CAAC,iBAAiB;;ACYnE,MAAMA,qBAAmB,GAAa,EAAE;MA0B3B,MAAM,CAAA;AACT,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAExC,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,4EAAC;AACzB,IAAA,OAAO,GAAG,KAAK,CAAgB,EAAE,8EAAC;IAClC,SAAS,GAAG,KAAK,CAAC,KAAK,iFACrB,SAAS,EAAE,gBAAgB,EAAA,CAC3B;AACF,IAAA,KAAK,GAAG,KAAK,CAAC,EAAE,4EAAC;AACjB,IAAA,GAAG,GAAG,KAAK,CAAC,EAAE,0EAAC;IACf,cAAc,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAE;AACxB,IAAA,iBAAiB,GAAG,KAAK,CAA0B,IAAI,wFAAC;AAE9C,IAAA,WAAW;IACX,SAAS,GAAG,KAAK;IAE3B,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE;YACjB;QACF;AAEA,QAAA,IAAI,CAAC,WAAW,GAAGA,qBAAmB,CAAC,QAAQ,CAAS,IAAI,CAAC,KAAK,EAAE,CAAC;IACvE;IAEA,eAAe,GAAA;QACb,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI;QACvB,CAAC,EAAE,CAAC,CAAC;IACP;AAEA,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,OAAO,CAAC,gBAAgB,CAAC,IAAI,OAAO,CAAC,gBAAgB,CAAC,CAAC,YAAY,EAAE;YACvE,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,YAAY,CAAC;QACjE;IACF;IAEA,aAAa,GAAA;AACX,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB;QACF;QAEAA,qBAAmB,CAAC,IAAI,CAAS,IAAI,CAAC,KAAK,EAAE,CAAC;AAC9C,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;IACzB;AAEQ,IAAA,kBAAkB,CAAC,KAAU,EAAA;QACnC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;AAC3B,YAAA,MAAM,IAAI,KAAK,CAAC,WAAW,KAAK,CAAA,uDAAA,CAAyD,CAAC;QAC5F;AAEA,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,aAA4B;QAC7D,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,KAAK,CAAC;AACnD,QAAA,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,gCAAgC,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;AACvF,QAAA,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;IAC9E;IAEQ,SAAS,CAAC,QAAgB,EAAE,SAAiB,EAAA;QACnD,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA,CAAA,CAAG,EAAE,CAAA,CAAE,CAAC;AAClC,QAAA,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;YAC3B,MAAM,YAAY,GAAG,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;YAC3C,IAAI,CAAC,GAAG,CAAC,YAAY,IAAI,EAAE,IAAI,SAAS;YACxC,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC;YACpB,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAChB,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,QAAQ,IAAI,SAAS;YAC7C,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC;YACpB,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAChB,YAAA,IAAI,CAAC,GAAG,CAAC,CAAC,YAAY,IAAI,CAAC,IAAI,MAAM,IAAI,SAAS;YAClD,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC;YACpB,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAChB,OAAO,CAAA,CAAA,EAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAA,CAAE;QACtD;aAAO;AACL,YAAA,OAAO,QAAQ;QACjB;IACF;;AAEA,IAAA,UAAU,CAAC,KAAU,EAAA;QACnB,IAAG,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACtC,YAAA,OAAO,KAAK;QACd;;QAGA,IAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,EAAE;AAChC,YAAA,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;QAC5B;AAEA,QAAA,QAAO,KAAK,CAAC,MAAM;YACjB,KAAK,CAAC,EAAE;AACN,gBAAA,OAAO,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC;YACrC;YACA,KAAK,CAAC,EAAE;AACN,gBAAA,OAAO,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC;YACrC;YACA,KAAK,CAAC,EAAE;AACN,gBAAA,OAAO,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC;YACrC;YACA,SAAS;AACP,gBAAA,OAAO,KAAK;YACd;;IAEJ;uGAnGW,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAN,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAM,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,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,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,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,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,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,aAAA,EAAA,2BAAA,EAAA,oBAAA,EAAA,wBAAA,EAAA,wBAAA,EAAA,gBAAA,EAAA,yBAAA,EAAA,gBAAA,EAAA,yBAAA,EAAA,mBAAA,EAAA,4BAAA,EAAA,gBAAA,EAAA,yBAAA,EAAA,EAAA,cAAA,EAAA,YAAA,EAAA,EAAA,SAAA,EAlBN;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,eAAe;AACxB,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,MAAM,CAAC;AACrC,gBAAA,KAAK,EAAE;AACR;AACF,SAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC5BH,yuBAyBA,EAAA,MAAA,EAAA,CAAA,y8FAAA,CAAA,EAAA,CAAA;;2FDea,MAAM,EAAA,UAAA,EAAA,CAAA;kBAxBlB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,yBAAyB,EAAA,QAAA,EACzB,WAAW,EAAA,UAAA,EACT,IAAI,EAAA,SAAA,EAGL;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,eAAe;AACxB,4BAAA,WAAW,EAAE,UAAU,CAAC,YAAY,CAAC;AACrC,4BAAA,KAAK,EAAE;AACR;qBACF,EAAA,IAAA,EACK;AACJ,wBAAA,OAAO,EAAE,YAAY;AACrB,wBAAA,sBAAsB,EAAE,aAAa;AACrC,wBAAA,6BAA6B,EAAE,oBAAoB;AACnD,wBAAA,0BAA0B,EAAE,wBAAwB;AACpD,wBAAA,kBAAkB,EAAE,uBAAuB;AAC3C,wBAAA,kBAAkB,EAAE,uBAAuB;AAC3C,wBAAA,qBAAqB,EAAE,0BAA0B;AACjD,wBAAA,kBAAkB,EAAE,uBAAuB;AAC5C,qBAAA,EAAA,QAAA,EAAA,yuBAAA,EAAA,MAAA,EAAA,CAAA,y8FAAA,CAAA,EAAA;;;ME1BU,WAAW,CAAA;uGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,wJCZxB,iBACA,EAAA,MAAA,EAAA,CAAA,wlBAAA,CAAA,EAAA,CAAA;;2FDWa,WAAW,EAAA,UAAA,EAAA,CAAA;kBAVvB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,QAAA,EAClB,gBAAgB,EAAA,UAAA,EACd,IAAI,EAAA,IAAA,EAGV;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,wlBAAA,CAAA,EAAA;;;MEEU,UAAU,CAAA;uGAAV,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAV,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAU,uKCZvB,iBACA,EAAA,MAAA,EAAA,CAAA,gtCAAA,CAAA,EAAA,CAAA;;2FDWa,UAAU,EAAA,UAAA,EAAA,CAAA;kBAVtB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mCAAmC,EAAA,QAAA,EACnC,eAAe,EAAA,OAAA,EAChB,EAAE,EAAA,IAAA,EAGL;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,gtCAAA,CAAA,EAAA;;;AERH;MAWa,WAAW,CAAA;uGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,2KCbxB,kBACA,EAAA,MAAA,EAAA,CAAA,gtCAAA,CAAA,EAAA,CAAA;;2FDYa,WAAW,EAAA,UAAA,EAAA,CAAA;kBAVvB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qCAAqC,EAAA,QAAA,EACrC,gBAAgB,EAAA,UAAA,EACd,IAAI,EAAA,IAAA,EAGV;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,gtCAAA,CAAA,EAAA;;;AEUH,MAAM,mBAAmB,GAAa,EAAE;AACxC,MAAM,OAAO,GAA6B;AACxC,IAAA,WAAW,EAAE;AACX,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,OAAO,EAAE;AACP,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,eAAe,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ;AAC7E;AACF,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,KAAK,EAAE,QAAQ;AACf,QAAA,OAAO,EAAE;AACP,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,UAAU,EAAE;AACb;AACF;CACF;MAuBY,QAAQ,CAAA;AACnB,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,4EAAC;IACzB,SAAS,GAAG,KAAK,CAAC,KAAK,iFACrB,SAAS,EAAE,gBAAgB,EAAA,CAC3B;IACF,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAO;AAClB,IAAA,MAAM,GAAG,KAAK,CAAS,WAAW,6EAAC;IACnC,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;AACrB,IAAA,iBAAiB,GAAG,KAAK,CAA0B,IAAI,wFAAC;AAE9C,IAAA,WAAW;IACX,GAAG,GAAG,EAAE;IAElB,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE,EAAE;AAChB,YAAA,IAAI,CAAC,WAAW,GAAG,mBAAmB,CAAC,QAAQ,CAAS,IAAI,CAAC,KAAK,EAAE,CAAC;QACvE;QAEA,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;AACrC,QAAA,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE;AACxC,YAAA,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE;YACtB,GAAG,MAAM,CAAC;AACX,SAAA,CAAC;AACF,QAAA,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,aAAa,EAAEC,EAAI,EAAE,CAAC;IAC7D;IAEA,aAAa,GAAA;AACX,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB;QACF;QAEA,mBAAmB,CAAC,IAAI,CAAS,IAAI,CAAC,KAAK,EAAE,CAAC;AAC9C,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;IACzB;uGAjCW,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAR,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,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,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,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,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,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,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,aAAA,EAAA,wBAAA,EAAA,wBAAA,EAAA,EAAA,cAAA,EAAA,yBAAA,EAAA,EAAA,SAAA,EAhBR;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,eAAe;AACxB,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,QAAQ,CAAC;AACvC,gBAAA,KAAK,EAAE;AACR;SACF,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClDH,8eAeA,ixEDqCI,YAAY,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,EAAA,CAAA;;2FAQH,QAAQ,EAAA,UAAA,EAAA,CAAA;kBArBpB,SAAS;+BACE,6BAA6B,EAAA,QAAA,EAC7B,aAAa,EAAA,SAAA,EAGZ;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,eAAe;AACxB,4BAAA,WAAW,EAAE,UAAU,CAAC,cAAc,CAAC;AACvC,4BAAA,KAAK,EAAE;AACR;qBACF,EAAA,OAAA,EACQ;wBACP,YAAY;qBACb,EAAA,IAAA,EACK;AACJ,wBAAA,OAAO,EAAE,yBAAyB;AAClC,wBAAA,sBAAsB,EAAE,aAAa;AACrC,wBAAA,0BAA0B,EAAE,wBAAwB;AACrD,qBAAA,EAAA,QAAA,EAAA,8eAAA,EAAA,MAAA,EAAA,CAAA,8tEAAA,CAAA,EAAA;;;AE1DH;;AAEG;;;;"}
1	+ {"version":3,"file":"ngstarter-ui-components-avatar.mjs","sources":["../../../projects/components/avatar/src/types.ts","../../../projects/components/avatar/src/avatar/avatar.ts","../../../projects/components/avatar/src/avatar/avatar.html","../../../projects/components/avatar/src/avatar-group/avatar-group.ts","../../../projects/components/avatar/src/avatar-group/avatar-group.html","../../../projects/components/avatar/src/avatar-more/avatar-more.ts","../../../projects/components/avatar/src/avatar-more/avatar-more.html","../../../projects/components/avatar/src/avatar-total/avatar-total.ts","../../../projects/components/avatar/src/avatar-total/avatar-total.html","../../../projects/components/avatar/src/dicebear/dicebear.ts","../../../projects/components/avatar/src/dicebear/dicebear.html","../../../projects/components/avatar/ngstarter-ui-components-avatar.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const AVATAR_ACCESSOR = new InjectionToken('AVATAR_ACCESSOR');\nexport type AvatarPresenceIndicator = 'online' \| 'offline' \| 'away' \| null \| string;\nexport type AvatarVariant = 'solid' \| 'tonal' \| 'outlined' \| 'plain' \| string;\n","import {\n AfterViewInit,\n booleanAttribute,\n Component,\n ElementRef,\n forwardRef,\n inject,\n input,\n OnChanges,\n OnInit,\n SimpleChanges\n} from '@angular/core';\nimport { AVATAR_ACCESSOR, AvatarPresenceIndicator, AvatarVariant } from '../types';\n\nconst alreadyLoadedImages: string[] = [];\n\n@Component({\n selector: 'ngs-avatar,[ngs-avatar]',\n exportAs: 'ngsAvatar',\n templateUrl: './avatar.html',\n styleUrl: './avatar.scss',\n providers: [\n {\n provide: AVATAR_ACCESSOR,\n useExisting: forwardRef(() => Avatar),\n multi: true\n }\n ],\n host: {\n 'class': 'ngs-avatar',\n '[class.is-clickable]': 'clickable()',\n '[class.has-automatic-color]': '!!automaticColor()',\n '[class.has-loaded-image]': 'image() && imageLoaded',\n '[class.is-solid]': 'variant() === \"solid\"',\n '[class.is-tonal]': 'variant() === \"tonal\"',\n '[class.is-outlined]': 'variant() === \"outlined\"',\n '[class.is-plain]': 'variant() === \"plain\"',\n }\n})\nexport class Avatar implements OnInit, OnChanges, AfterViewInit {\n private _elementRef = inject(ElementRef);\n\n image = input<string>('');\n variant = input<AvatarVariant>('');\n clickable = input(false, {\n transform: booleanAttribute\n });\n label = input('');\n alt = input('');\n automaticColor = input();\n presenceIndicator = input<AvatarPresenceIndicator>(null);\n\n protected imageLoaded: boolean;\n protected showLabel = false;\n\n ngOnInit() {\n if (!this.image()) {\n return;\n }\n\n this.imageLoaded = alreadyLoadedImages.includes(<string>this.image());\n }\n\n ngAfterViewInit() {\n setTimeout(() => {\n this.showLabel = true;\n }, 0);\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['automaticColor'] && changes['automaticColor'].currentValue) {\n this._setAutomaticColor(changes['automaticColor'].currentValue);\n }\n }\n\n onImageLoaded(): void {\n if (this.imageLoaded) {\n return;\n }\n\n alreadyLoadedImages.push(<string>this.image());\n this.imageLoaded = true;\n }\n\n private _setAutomaticColor(color: any): void {\n if (!this.isValidHex(color)) {\n throw new Error(`Invalid ${color} color, automatic color supports only a valid hex color`);\n }\n\n const element = this._elementRef.nativeElement as HTMLElement;\n element.style.setProperty('--ngs-avatar-bg', color);\n element.style.setProperty('--ngs-avatar-border-color-auto', this._newShade(color, -25));\n element.style.setProperty('--ngs-avatar-color', this._newShade(color, -150));\n }\n\n private _newShade(hexColor: string, magnitude: number): string {\n hexColor = hexColor.replace(`#`, ``);\n if (hexColor.length === 6) {\n const decimalColor = parseInt(hexColor, 16);\n let r = (decimalColor >> 16) + magnitude;\n r > 255 && (r = 255);\n r < 0 && (r = 0);\n let g = (decimalColor & 0x0000ff) + magnitude;\n g > 255 && (g = 255);\n g < 0 && (g = 0);\n let b = ((decimalColor >> 8) & 0x00ff) + magnitude;\n b > 255 && (b = 255);\n b < 0 && (b = 0);\n return `#${(g \| (b << 8) \| (r << 16)).toString(16)}`;\n } else {\n return hexColor;\n }\n };\n\n isValidHex(color: any): boolean {\n if(!color \|\| typeof color !== 'string') {\n return false;\n }\n\n // Validate hex values\n if(color.substring(0, 1) === '#') {\n color = color.substring(1);\n }\n\n switch(color.length) {\n case 3: {\n return /^[0-9A-F]{3}$/i.test(color);\n }\n case 6: {\n return /^[0-9A-F]{6}$/i.test(color);\n }\n case 8: {\n return /^[0-9A-F]{8}$/i.test(color);\n }\n default: {\n return false;\n }\n }\n }\n}\n","@if (image()) {\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\" [alt]=\"alt()\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n <div class=\"presence-indicator\"\n [class.is-online]=\"presenceIndicator() === 'online'\"\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (label() && showLabel) {\n <svg viewBox=\"0 0 50 50\" class=\"text\">\n <text\n x=\"50%\"\n y=\"50%\"\n alignment-baseline=\"central\"\n text-anchor=\"middle\"\n font-weight=\"inherit\"\n font-size=\"20\"\n fill=\"currentColor\">{{ label() }}</text>\n </svg>\n}\n\n<ng-content select=\"mat-icon,ngs-icon\"/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-avatar-group',\n exportAs: 'ngsAvatarGroup',\n templateUrl: './avatar-group.html',\n styleUrl: './avatar-group.scss',\n host: {\n 'class': 'ngs-avatar-group'\n }\n})\nexport class AvatarGroup {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-avatar-more,[ngs-avatar-more]',\n exportAs: 'ngsAvatarMore',\n imports: [],\n templateUrl: './avatar-more.html',\n styleUrl: './avatar-more.scss',\n host: {\n 'class': 'ngs-avatar-more'\n }\n})\nexport class AvatarMore {\n\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n// DEPRECATED\n@Component({\n selector: 'ngs-avatar-total,[ngs-avatar-total]',\n exportAs: 'ngsAvatarTotal',\n templateUrl: './avatar-total.html',\n styleUrl: './avatar-total.scss',\n host: {\n 'class': 'ngs-avatar-total'\n }\n})\nexport class AvatarTotal {\n}\n","<ng-content />\n","import {\n booleanAttribute,\n Component,\n forwardRef,\n input, OnInit\n} from '@angular/core';\nimport { AVATAR_ACCESSOR, AvatarPresenceIndicator } from '../types';\nimport { createAvatar } from '@dicebear/core';\nimport { identicon, initials } from '@dicebear/collection';\nimport { v7 as uuid } from 'uuid';\nimport { SafeHtmlPipe } from '@ngstarter-ui/components/core';\n\nexport interface Preset {\n style: any,\n options?: {\n scale?: number;\n backgroundColor?: string[];\n fontWeight?: number;\n }\n}\n\nconst alreadyLoadedImages: string[] = [];\nconst presets: {[prop: string]: Preset} = {\n 'identicon': {\n style: identicon,\n options: {\n scale: 55,\n backgroundColor: ['cbebf7', 'ebe1fc', 'd1f9db', 'f7e4e7', 'fce8d4', 'dcfcf9']\n }\n },\n 'initials': {\n style: initials,\n options: {\n scale: 75,\n fontWeight: 500\n }\n }\n};\n\n@Component({\n selector: 'ngs-dicebear,[ngs-dicebear]',\n exportAs: 'ngsDicebear',\n templateUrl: './dicebear.html',\n styleUrl: './dicebear.scss',\n providers: [\n {\n provide: AVATAR_ACCESSOR,\n useExisting: forwardRef(() => Dicebear),\n multi: true\n }\n ],\n imports: [\n SafeHtmlPipe,\n ],\n host: {\n 'class': 'ngs-avatar ngs-dicebear',\n '[class.is-clickable]': 'clickable()',\n '[class.has-loaded-image]': 'image() && imageLoaded',\n }\n})\nexport class Dicebear implements OnInit {\n image = input<string>('');\n clickable = input(false, {\n transform: booleanAttribute\n });\n key = input<any>();\n preset = input<string>('identicon');\n alt = input<string>();\n presenceIndicator = input<AvatarPresenceIndicator>(null);\n\n protected imageLoaded: boolean;\n protected svg = '';\n\n ngOnInit() {\n if (this.image()) {\n this.imageLoaded = alreadyLoadedImages.includes(<string>this.image());\n }\n\n const preset = presets[this.preset()];\n const avatar = createAvatar(preset.style, {\n seed: this.key() \|\| '',\n ...preset.options\n });\n this.svg = avatar.toString().replace('viewboxMask', uuid());\n }\n\n onImageLoaded(): void {\n if (this.imageLoaded) {\n return;\n }\n\n alreadyLoadedImages.push(<string>this.image());\n this.imageLoaded = true;\n }\n}\n","@if (image()) {\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\"\n [alt]=\"alt() \|\| ''\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n <div class=\"presence-indicator\"\n [class.is-online]=\"presenceIndicator() === 'online'\"\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (!image() && svg) {\n <div class=\"svg\" [innerHTML]=\"svg \| safeHtml\"></div>\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["alreadyLoadedImages","uuid"],"mappings":"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"}

package/fesm2022/ngstarter-ui-components-badge.mjs CHANGED Viewed

@@ -8,7 +8,7 @@ class BadgeContent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: BadgeContent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngs-badge-content', standalone: true, template: `{{ content }}`, styles: [":host.ngs-primary{--ngs-badge-background: var(--ngs-color-primary);--ngs-badge-text-color: var(--ngs-color-on-primary)}:host.ngs-accent{--ngs-badge-background: var(--ngs-color-secondary);--ngs-badge-text-color: var(--ngs-color-on-secondary)}:host.ngs-warn{--ngs-badge-background: var(--ngs-color-danger);--ngs-badge-text-color: var(--ngs-color-on-danger)}:host{position:absolute;display:flex;justify-content:center;align-content:center;align-items:center;border-radius:16px;font-family:var(--font-sans),serif;font-size:var(--ngs-badge-font-size, 10px);font-weight:600!important;white-space:nowrap;padding:0 4px;text-overflow:ellipsis;background:var(--ngs-badge-background-color, var(--ngs-color-primary));color:var(--ngs-badge-text-color, var(--ngs-color-on-primary));--_ngs-badge-current-size: var(--ngs-badge-size, 16px);min-width:var(--_ngs-badge-current-size);height:var(--_ngs-badge-current-size);line-height:var(--_ngs-badge-current-size);transition:transform .2s ease-in-out;pointer-events:none;z-index:1}:host-context(.ngs-badge-small) :host{--_ngs-badge-current-size: var(--ngs-badge-small-size, 6px);min-width:var(--_ngs-badge-current-size);height:var(--_ngs-badge-current-size);line-height:var(--_ngs-badge-current-size);font-size:0;color:transparent;padding:0}:host-context(.ngs-badge-small) :host:after{content:none}:host-context(.ngs-badge-small) :host *{display:none}:host-context(.ngs-badge-large) :host{--_ngs-badge-current-size: var(--ngs-badge-large-size, 18px);min-width:var(--_ngs-badge-current-size);height:var(--_ngs-badge-current-size);line-height:var(--_ngs-badge-current-size);font-size:12px}:host-context(.ngs-badge-hidden) :host{display:none}:host-context(.ngs-badge-disabled) :host{background:var(--ngs-color-surface-container-high);color:var(--ngs-color-on-surface-variant)}:host-context(.ngs-badge-above) :host{top:6px}:host-context(.ngs-badge-below) :host{bottom:6px}:host-context(.ngs-badge-before) :host{left:2px}:host-context(.ngs-badge-after) :host{right:2px}:host-context(.ngs-badge:not(.ngs-badge-overlap)) :host.ngs-badge-above{top:0}:host-context(.ngs-badge:not(.ngs-badge-overlap)) :host.ngs-badge-below{bottom:0}:host-context(.ngs-badge:not(.ngs-badge-overlap)) :host.ngs-badge-before{left:0}:host-context(.ngs-badge:not(.ngs-badge-overlap)) :host.ngs-badge-after{right:0}:host-context(.ngs-badge-overlap.ngs-badge-above:not(.ngs-badge-before):not(.ngs-badge-after)) :host{transform:translateY(-50%)}:host-context(.ngs-badge-overlap.ngs-badge-below:not(.ngs-badge-before):not(.ngs-badge-after)) :host{transform:translateY(50%)}:host-context(.ngs-badge-overlap.ngs-badge-before:not(.ngs-badge-above):not(.ngs-badge-below)) :host{transform:translate(-50%)}:host-context(.ngs-badge-overlap.ngs-badge-after:not(.ngs-badge-above):not(.ngs-badge-below)) :host{transform:translate(50%)}:host-context(.ngs-badge-overlap.ngs-badge-above.ngs-badge-before) :host{transform:translate(-50%,-50%)}:host-context(.ngs-badge-overlap.ngs-badge-above.ngs-badge-after) :host{transform:translate(50%,-50%)}:host-context(.ngs-badge-overlap.ngs-badge-below.ngs-badge-before) :host{transform:translate(-50%,50%)}:host-context(.ngs-badge-overlap.ngs-badge-below.ngs-badge-after) :host{transform:translate(50%,50%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-above:not(.ngs-badge-before):not(.ngs-badge-after)) :host{transform:translateY(-100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-below:not(.ngs-badge-before):not(.ngs-badge-after)) :host{transform:translateY(100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-before:not(.ngs-badge-above):not(.ngs-badge-below)) :host{transform:translate(-100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-after:not(.ngs-badge-above):not(.ngs-badge-below)) :host{transform:translate(100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-above.ngs-badge-before) :host{transform:translate(-100%,-100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-above.ngs-badge-after) :host{transform:translate(100%,-100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-below.ngs-badge-before) :host{transform:translate(-100%,100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-below.ngs-badge-after) :host{transform:translate(100%,100%)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ngs-badge-content', template: `{{ content }}`, styles: [":host.ngs-primary{--ngs-badge-background: var(--ngs-color-primary);--ngs-badge-text-color: var(--ngs-color-on-primary)}:host.ngs-accent{--ngs-badge-background: var(--ngs-color-secondary);--ngs-badge-text-color: var(--ngs-color-on-secondary)}:host.ngs-warn{--ngs-badge-background: var(--ngs-color-danger);--ngs-badge-text-color: var(--ngs-color-on-danger)}:host{position:absolute;display:flex;justify-content:center;align-content:center;align-items:center;border-radius:16px;font-family:var(--font-sans),serif;font-size:var(--ngs-badge-font-size, 10px);font-weight:600!important;white-space:nowrap;padding:0 4px;text-overflow:ellipsis;background:var(--ngs-badge-background-color, var(--ngs-color-primary));color:var(--ngs-badge-text-color, var(--ngs-color-on-primary));--_ngs-badge-current-size: var(--ngs-badge-size, 16px);min-width:var(--_ngs-badge-current-size);height:var(--_ngs-badge-current-size);line-height:var(--_ngs-badge-current-size);transition:transform .2s ease-in-out;pointer-events:none;z-index:1}:host-context(.ngs-badge-small) :host{--_ngs-badge-current-size: var(--ngs-badge-small-size, 6px);min-width:var(--_ngs-badge-current-size);height:var(--_ngs-badge-current-size);line-height:var(--_ngs-badge-current-size);font-size:0;color:transparent;padding:0}:host-context(.ngs-badge-small) :host:after{content:none}:host-context(.ngs-badge-small) :host *{display:none}:host-context(.ngs-badge-large) :host{--_ngs-badge-current-size: var(--ngs-badge-large-size, 18px);min-width:var(--_ngs-badge-current-size);height:var(--_ngs-badge-current-size);line-height:var(--_ngs-badge-current-size);font-size:12px}:host-context(.ngs-badge-hidden) :host{display:none}:host-context(.ngs-badge-disabled) :host{background:var(--ngs-color-surface-container-high);color:var(--ngs-color-on-surface-variant)}:host-context(.ngs-badge-above) :host{top:6px}:host-context(.ngs-badge-below) :host{bottom:6px}:host-context(.ngs-badge-before) :host{left:2px}:host-context(.ngs-badge-after) :host{right:2px}:host-context(.ngs-badge:not(.ngs-badge-overlap)) :host.ngs-badge-above{top:0}:host-context(.ngs-badge:not(.ngs-badge-overlap)) :host.ngs-badge-below{bottom:0}:host-context(.ngs-badge:not(.ngs-badge-overlap)) :host.ngs-badge-before{left:0}:host-context(.ngs-badge:not(.ngs-badge-overlap)) :host.ngs-badge-after{right:0}:host-context(.ngs-badge-overlap.ngs-badge-above:not(.ngs-badge-before):not(.ngs-badge-after)) :host{transform:translateY(-50%)}:host-context(.ngs-badge-overlap.ngs-badge-below:not(.ngs-badge-before):not(.ngs-badge-after)) :host{transform:translateY(50%)}:host-context(.ngs-badge-overlap.ngs-badge-before:not(.ngs-badge-above):not(.ngs-badge-below)) :host{transform:translate(-50%)}:host-context(.ngs-badge-overlap.ngs-badge-after:not(.ngs-badge-above):not(.ngs-badge-below)) :host{transform:translate(50%)}:host-context(.ngs-badge-overlap.ngs-badge-above.ngs-badge-before) :host{transform:translate(-50%,-50%)}:host-context(.ngs-badge-overlap.ngs-badge-above.ngs-badge-after) :host{transform:translate(50%,-50%)}:host-context(.ngs-badge-overlap.ngs-badge-below.ngs-badge-before) :host{transform:translate(-50%,50%)}:host-context(.ngs-badge-overlap.ngs-badge-below.ngs-badge-after) :host{transform:translate(50%,50%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-above:not(.ngs-badge-before):not(.ngs-badge-after)) :host{transform:translateY(-100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-below:not(.ngs-badge-before):not(.ngs-badge-after)) :host{transform:translateY(100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-before:not(.ngs-badge-above):not(.ngs-badge-below)) :host{transform:translate(-100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-after:not(.ngs-badge-above):not(.ngs-badge-below)) :host{transform:translate(100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-above.ngs-badge-before) :host{transform:translate(-100%,-100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-above.ngs-badge-after) :host{transform:translate(100%,-100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-below.ngs-badge-before) :host{transform:translate(-100%,100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-below.ngs-badge-after) :host{transform:translate(100%,100%)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class Badge {
@@ -69,7 +69,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
             type: Directive,
             args: [{
                     selector: '[ngsBadge]',
-                    standalone: true,
                     host: {
                         'class': 'ngs-badge',
                         '[class.ngs-badge-small]': 'size() === "small"',

package/fesm2022/ngstarter-ui-components-badge.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngstarter-ui-components-badge.mjs","sources":["../../../projects/components/badge/src/badge/badge-content.ts","../../../projects/components/badge/src/badge/badge.ts","../../../projects/components/badge/ngstarter-ui-components-badge.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-badge-content',\n ~~standalone: true,\n~~ template: `{{ content }}`,\n styleUrl: './badge.scss',\n})\nexport class BadgeContent {\n content: any;\n}\n","import {\n ApplicationRef,\n booleanAttribute,\n ComponentRef,\n computed,\n createComponent,\n Directive,\n ElementRef,\n EnvironmentInjector,\n inject,\n Injector,\n input,\n OnChanges,\n OnDestroy,\n OnInit,\n Renderer2,\n} from '@angular/core';\nimport { BadgeContent } from './badge-content';\nexport { BadgeContent };\n\nexport type BadgePosition =\n \| 'above after'\n \| 'above before'\n \| 'below after'\n \| 'below before'\n \| 'before'\n \| 'after'\n \| 'above'\n \| 'below';\n\nexport type BadgeSize = 'small' \| 'medium' \| 'large';\n\n@Directive({\n selector: '[ngsBadge]',\n ~~standalone: true,\n~~ host: {\n 'class': 'ngs-badge',\n '[class.ngs-badge-small]': 'size() === \"small\"',\n '[class.ngs-badge-medium]': 'size() === \"medium\"',\n '[class.ngs-badge-large]': 'size() === \"large\"',\n '[class.ngs-badge-hidden]': 'hidden() \|\| !content()',\n '[class.ngs-badge-disabled]': 'disabled()',\n '[class.ngs-primary]': 'color() === \"primary\"',\n '[class.ngs-accent]': 'color() === \"accent\"',\n '[class.ngs-warn]': 'color() === \"warn\"',\n '[class.ngs-badge-above]': 'isAbove()',\n '[class.ngs-badge-below]': '!isAbove()',\n '[class.ngs-badge-before]': '!isAfter()',\n '[class.ngs-badge-after]': 'isAfter()',\n '[class.ngs-badge-overlap]': 'overlap()',\n },\n})\nexport class Badge implements OnInit, OnChanges, OnDestroy {\n private readonly _elementRef = inject(ElementRef);\n private readonly _applicationRef = inject(ApplicationRef);\n private readonly _environmentInjector = inject(EnvironmentInjector);\n private readonly _injector = inject(Injector);\n private readonly renderer = inject(Renderer2);\n\n readonly content = input<any>(null, { alias: 'ngsBadge' });\n readonly color = input<string>('primary', { alias: 'ngsBadgeColor' });\n readonly overlap = input(true, { transform: booleanAttribute, alias: 'ngsBadgeOverlap' });\n readonly disabled = input(false, { transform: booleanAttribute, alias: 'ngsBadgeDisabled' });\n readonly position = input<BadgePosition>('above after', { alias: 'ngsBadgePosition' });\n readonly size = input<BadgeSize>('medium', { alias: 'ngsBadgeSize' });\n readonly hidden = input(false, { transform: booleanAttribute, alias: 'ngsBadgeHidden' });\n readonly description = input<string>('', { alias: 'ngsBadgeDescription' });\n\n readonly isAbove = computed(() => this.position().indexOf('below') === -1);\n readonly isAfter = computed(() => this.position().indexOf('before') === -1);\n\n private _componentRef: ComponentRef<BadgeContent> \| null = null;\n\n ngOnInit() {\n this.renderer.setStyle(this._elementRef.nativeElement, 'position', 'relative');\n this.renderer.setStyle(this._elementRef.nativeElement, 'overflow', 'visible');\n }\n\n ngOnChanges() {\n this._updateBadge();\n }\n\n ngOnDestroy() {\n if (this._componentRef) {\n this._applicationRef.detachView(this._componentRef.hostView);\n this._componentRef.destroy();\n this._componentRef = null;\n }\n }\n\n private _updateBadge() {\n if (!this.content() && this._componentRef) {\n this._applicationRef.detachView(this._componentRef.hostView);\n this._componentRef.destroy();\n this._componentRef = null;\n return;\n }\n\n if (this.content() && !this._componentRef) {\n this._componentRef = createComponent(BadgeContent, {\n environmentInjector: this._environmentInjector,\n elementInjector: this._injector\n });\n this._applicationRef.attachView(this._componentRef.hostView);\n this._elementRef.nativeElement.appendChild(this._componentRef.location.nativeElement);\n }\n\n if (this._componentRef) {\n this._componentRef.instance.content = this.content();\n this._componentRef.changeDetectorRef.markForCheck();\n }\n }\n}\n\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;~~MAQa~~,YAAY,CAAA;AACvB,IAAA,OAAO;uGADI,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,6EAHb,CAAA,aAAA,CAAe,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uwIAAA,CAAA,EAAA,CAAA;;2FAGd,YAAY,EAAA,UAAA,EAAA,CAAA;~~kBANxB~~,SAAS~~;+BACE~~,~~mBAAmB~~,EAAA,~~UAAA~~,~~EACjB~~,~~IAAI~~,EAAA,~~QAAA~~,~~EACN~~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~~kBApBjB~~,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,~~UAAU,EAAE,~~IAAI~~;AAChB~~,~~oBAAA,IAAI,~~EAAE;AACJ,wBAAA,OAAO,EAAE,WAAW;AACpB,wBAAA,yBAAyB,EAAE,oBAAoB;AAC/C,wBAAA,0BAA0B,EAAE,qBAAqB;AACjD,wBAAA,yBAAyB,EAAE,oBAAoB;AAC/C,wBAAA,0BAA0B,EAAE,wBAAwB;AACpD,wBAAA,4BAA4B,EAAE,YAAY;AAC1C,wBAAA,qBAAqB,EAAE,uBAAuB;AAC9C,wBAAA,oBAAoB,EAAE,sBAAsB;AAC5C,wBAAA,kBAAkB,EAAE,oBAAoB;AACxC,wBAAA,yBAAyB,EAAE,WAAW;AACtC,wBAAA,yBAAyB,EAAE,YAAY;AACvC,wBAAA,0BAA0B,EAAE,YAAY;AACxC,wBAAA,yBAAyB,EAAE,WAAW;AACtC,wBAAA,2BAA2B,EAAE,WAAW;AACzC,qBAAA;AACF,iBAAA;;;~~ACnDD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ngstarter-ui-components-badge.mjs","sources":["../../../projects/components/badge/src/badge/badge-content.ts","../../../projects/components/badge/src/badge/badge.ts","../../../projects/components/badge/ngstarter-ui-components-badge.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-badge-content',\n template: `{{ content }}`,\n styleUrl: './badge.scss',\n})\nexport class BadgeContent {\n content: any;\n}\n","import {\n ApplicationRef,\n booleanAttribute,\n ComponentRef,\n computed,\n createComponent,\n Directive,\n ElementRef,\n EnvironmentInjector,\n inject,\n Injector,\n input,\n OnChanges,\n OnDestroy,\n OnInit,\n Renderer2,\n} from '@angular/core';\nimport { BadgeContent } from './badge-content';\nexport { BadgeContent };\n\nexport type BadgePosition =\n \| 'above after'\n \| 'above before'\n \| 'below after'\n \| 'below before'\n \| 'before'\n \| 'after'\n \| 'above'\n \| 'below';\n\nexport type BadgeSize = 'small' \| 'medium' \| 'large';\n\n@Directive({\n selector: '[ngsBadge]',\n host: {\n 'class': 'ngs-badge',\n '[class.ngs-badge-small]': 'size() === \"small\"',\n '[class.ngs-badge-medium]': 'size() === \"medium\"',\n '[class.ngs-badge-large]': 'size() === \"large\"',\n '[class.ngs-badge-hidden]': 'hidden() \|\| !content()',\n '[class.ngs-badge-disabled]': 'disabled()',\n '[class.ngs-primary]': 'color() === \"primary\"',\n '[class.ngs-accent]': 'color() === \"accent\"',\n '[class.ngs-warn]': 'color() === \"warn\"',\n '[class.ngs-badge-above]': 'isAbove()',\n '[class.ngs-badge-below]': '!isAbove()',\n '[class.ngs-badge-before]': '!isAfter()',\n '[class.ngs-badge-after]': 'isAfter()',\n '[class.ngs-badge-overlap]': 'overlap()',\n },\n})\nexport class Badge implements OnInit, OnChanges, OnDestroy {\n private readonly _elementRef = inject(ElementRef);\n private readonly _applicationRef = inject(ApplicationRef);\n private readonly _environmentInjector = inject(EnvironmentInjector);\n private readonly _injector = inject(Injector);\n private readonly renderer = inject(Renderer2);\n\n readonly content = input<any>(null, { alias: 'ngsBadge' });\n readonly color = input<string>('primary', { alias: 'ngsBadgeColor' });\n readonly overlap = input(true, { transform: booleanAttribute, alias: 'ngsBadgeOverlap' });\n readonly disabled = input(false, { transform: booleanAttribute, alias: 'ngsBadgeDisabled' });\n readonly position = input<BadgePosition>('above after', { alias: 'ngsBadgePosition' });\n readonly size = input<BadgeSize>('medium', { alias: 'ngsBadgeSize' });\n readonly hidden = input(false, { transform: booleanAttribute, alias: 'ngsBadgeHidden' });\n readonly description = input<string>('', { alias: 'ngsBadgeDescription' });\n\n readonly isAbove = computed(() => this.position().indexOf('below') === -1);\n readonly isAfter = computed(() => this.position().indexOf('before') === -1);\n\n private _componentRef: ComponentRef<BadgeContent> \| null = null;\n\n ngOnInit() {\n this.renderer.setStyle(this._elementRef.nativeElement, 'position', 'relative');\n this.renderer.setStyle(this._elementRef.nativeElement, 'overflow', 'visible');\n }\n\n ngOnChanges() {\n this._updateBadge();\n }\n\n ngOnDestroy() {\n if (this._componentRef) {\n this._applicationRef.detachView(this._componentRef.hostView);\n this._componentRef.destroy();\n this._componentRef = null;\n }\n }\n\n private _updateBadge() {\n if (!this.content() && this._componentRef) {\n this._applicationRef.detachView(this._componentRef.hostView);\n this._componentRef.destroy();\n this._componentRef = null;\n return;\n }\n\n if (this.content() && !this._componentRef) {\n this._componentRef = createComponent(BadgeContent, {\n environmentInjector: this._environmentInjector,\n elementInjector: this._injector\n });\n this._applicationRef.attachView(this._componentRef.hostView);\n this._elementRef.nativeElement.appendChild(this._componentRef.location.nativeElement);\n }\n\n if (this._componentRef) {\n this._componentRef.instance.content = this.content();\n this._componentRef.changeDetectorRef.markForCheck();\n }\n }\n}\n\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;MAOa,YAAY,CAAA;AACvB,IAAA,OAAO;uGADI,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,6EAHb,CAAA,aAAA,CAAe,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uwIAAA,CAAA,EAAA,CAAA;;2FAGd,YAAY,EAAA,UAAA,EAAA,CAAA;kBALxB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,YACnB,CAAA,aAAA,CAAe,EAAA,MAAA,EAAA,CAAA,uwIAAA,CAAA,EAAA;;;MC+Cd,KAAK,CAAA;AACC,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAChC,IAAA,eAAe,GAAG,MAAM,CAAC,cAAc,CAAC;AACxC,IAAA,oBAAoB,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAClD,IAAA,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;AAC5B,IAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;IAEpC,OAAO,GAAG,KAAK,CAAM,IAAI,+EAAI,KAAK,EAAE,UAAU,EAAA,CAAG;IACjD,KAAK,GAAG,KAAK,CAAS,SAAS,6EAAI,KAAK,EAAE,eAAe,EAAA,CAAG;AAC5D,IAAA,OAAO,GAAG,KAAK,CAAC,IAAI,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,SAAA,EAAA,8BAAA,EAAA,CAAA,EAAI,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,iBAAiB,GAAG;AAChF,IAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,UAAA,EAAA,8BAAA,EAAA,CAAA,EAAI,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,kBAAkB,GAAG;IACnF,QAAQ,GAAG,KAAK,CAAgB,aAAa,gFAAI,KAAK,EAAE,kBAAkB,EAAA,CAAG;IAC7E,IAAI,GAAG,KAAK,CAAY,QAAQ,4EAAI,KAAK,EAAE,cAAc,EAAA,CAAG;AAC5D,IAAA,MAAM,GAAG,KAAK,CAAC,KAAK,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,CAAA,EAAI,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,GAAG;IAC/E,WAAW,GAAG,KAAK,CAAS,EAAE,mFAAI,KAAK,EAAE,qBAAqB,EAAA,CAAG;AAEjE,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,8EAAC;AACjE,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,8EAAC;IAEnE,aAAa,GAAsC,IAAI;IAE/D,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,UAAU,EAAE,UAAU,CAAC;AAC9E,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,UAAU,EAAE,SAAS,CAAC;IAC/E;IAEA,WAAW,GAAA;QACT,IAAI,CAAC,YAAY,EAAE;IACrB;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;AAC5D,YAAA,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;AAC5B,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI;QAC3B;IACF;IAEQ,YAAY,GAAA;QAClB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE;YACzC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;AAC5D,YAAA,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;AAC5B,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI;YACzB;QACF;QAEA,IAAI,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;AACzC,YAAA,IAAI,CAAC,aAAa,GAAG,eAAe,CAAC,YAAY,EAAE;gBACjD,mBAAmB,EAAE,IAAI,CAAC,oBAAoB;gBAC9C,eAAe,EAAE,IAAI,CAAC;AACvB,aAAA,CAAC;YACF,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;AAC5D,YAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC;QACvF;AAEA,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;AACpD,YAAA,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,YAAY,EAAE;QACrD;IACF;uGA3DW,KAAK,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAL,KAAK,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,sBAAA,EAAA,wBAAA,EAAA,uBAAA,EAAA,uBAAA,EAAA,sBAAA,EAAA,wBAAA,EAAA,wBAAA,EAAA,0BAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,kBAAA,EAAA,wBAAA,EAAA,gBAAA,EAAA,sBAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,YAAA,EAAA,wBAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,yBAAA,EAAA,WAAA,EAAA,EAAA,cAAA,EAAA,WAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAL,KAAK,EAAA,UAAA,EAAA,CAAA;kBAnBjB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,IAAI,EAAE;AACJ,wBAAA,OAAO,EAAE,WAAW;AACpB,wBAAA,yBAAyB,EAAE,oBAAoB;AAC/C,wBAAA,0BAA0B,EAAE,qBAAqB;AACjD,wBAAA,yBAAyB,EAAE,oBAAoB;AAC/C,wBAAA,0BAA0B,EAAE,wBAAwB;AACpD,wBAAA,4BAA4B,EAAE,YAAY;AAC1C,wBAAA,qBAAqB,EAAE,uBAAuB;AAC9C,wBAAA,oBAAoB,EAAE,sBAAsB;AAC5C,wBAAA,kBAAkB,EAAE,oBAAoB;AACxC,wBAAA,yBAAyB,EAAE,WAAW;AACtC,wBAAA,yBAAyB,EAAE,YAAY;AACvC,wBAAA,0BAA0B,EAAE,YAAY;AACxC,wBAAA,yBAAyB,EAAE,WAAW;AACtC,wBAAA,2BAA2B,EAAE,WAAW;AACzC,qBAAA;AACF,iBAAA;;;AClDD;;AAEG;;;;"}

package/fesm2022/ngstarter-ui-components-breadcrumbs.mjs CHANGED Viewed

@@ -118,7 +118,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
             type: Directive,
             args: [{
                     selector: '[ngsBreadcrumbItemIconDef]',
-                    standalone: true
                 }]
         }] });
@@ -131,7 +130,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
             args: [{
                     selector: '[ngsBreadcrumbItemIcon]',
                     exportAs: 'ngsBreadcrumbItemIcon',
-                    standalone: true,
                     host: {
                         'class': 'ngs-breadcrumb-item-icon'
                     }

package/fesm2022/ngstarter-ui-components-breadcrumbs.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngstarter-ui-components-breadcrumbs.mjs","sources":["../../../projects/components/breadcrumbs/src/breadcrumb-item-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumb-separator-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumb-active-item-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumbs/breadcrumbs.ts","../../../projects/components/breadcrumbs/src/breadcrumbs/breadcrumbs.html","../../../projects/components/breadcrumbs/src/breadcrumb-item/breadcrumb-item.ts","../../../projects/components/breadcrumbs/src/breadcrumb-item/breadcrumb-item.html","../../../projects/components/breadcrumbs/src/breadcrumb-separator/breadcrumb-separator.ts","../../../projects/components/breadcrumbs/src/breadcrumb-separator/breadcrumb-separator.html","../../../projects/components/breadcrumbs/src/breadcrumb-title/breadcrumb-title.ts","../../../projects/components/breadcrumbs/src/breadcrumb-title/breadcrumb-title.html","../../../projects/components/breadcrumbs/src/breadcrumbs.store.ts","../../../projects/components/breadcrumbs/src/breadcrumb-item-icon-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumb-item-icon.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumb-item-name-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumb-item-title-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumbs-global/breadcrumbs-global.ts","../../../projects/components/breadcrumbs/src/breadcrumbs-global/breadcrumbs-global.html","../../../projects/components/breadcrumbs/ngstarter-ui-components-breadcrumbs.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbItemDef]'\n})\nexport class BreadcrumbItemDefDirective {\n\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbSeparatorDef]'\n})\nexport class BreadcrumbSeparatorDefDirective {\n\n}\n","import { Directive } from '@angular/core';\n\n@Directive({ selector: '[ngsBreadcrumbActiveItemDef]' })\nexport class BreadcrumbActiveItemDefDirective {\n}\n","import { Component, TemplateRef, input, booleanAttribute, contentChild } from '@angular/core';\nimport { BreadcrumbItemDefDirective } from '../breadcrumb-item-def.directive';\nimport { BreadcrumbSeparatorDefDirective } from '../breadcrumb-separator-def.directive';\nimport { BreadcrumbActiveItemDefDirective } from '../breadcrumb-active-item-def.directive';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector: 'ngs-breadcrumbs',\n exportAs: 'ngsBreadcrumbs',\n templateUrl: './breadcrumbs.html',\n styleUrl: './breadcrumbs.scss',\n host: {\n 'class': 'ngs-breadcrumbs',\n '[class.last-item-as-link]': 'lastItemAsLink()'\n },\n imports: [NgTemplateOutlet]\n})\nexport class Breadcrumbs<T> {\n itemRef = contentChild.required(BreadcrumbItemDefDirective, {\n read: TemplateRef\n });\n activeItemRef = contentChild.required(BreadcrumbActiveItemDefDirective, {\n read: TemplateRef\n });\n separatorRef = contentChild.required(BreadcrumbSeparatorDefDirective, {\n read: TemplateRef\n });\n dataSource = input<T[]>([]);\n lastItemAsLink = input(false, {\n transform: booleanAttribute\n });\n}\n","@for (breadcrumb of dataSource(); track $index; let last = $last) {\n @if (!last) {\n <ng-container ngTemplateOutlet=\"itemRef(); context: { $implicit: breadcrumb }\"/>\n <ng-container ngTemplateOutlet=\"separatorRef()\"/>\n } @else {\n <ng-container ngTemplateOutlet=\"activeItemRef(); context: { $implicit: breadcrumb }\"/>\n }\n}\n\n<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-breadcrumb-item,[ngs-breadcrumb-item]',\n exportAs: 'ngsBreadcrumbItem',\n templateUrl: './breadcrumb-item.html',\n styleUrl: './breadcrumb-item.scss',\n host: {\n class: 'ngs-breadcrumb-item'\n }\n})\nexport class BreadcrumbItem {\n}\n","<div class=\"icon\">\n <ng-content select=\"[ngsBreadcrumbItemIcon]\"/>\n</div>\n<div class=\"content\">\n <ng-content select=\"ngs-breadcrumb-title\"/>\n <div class=\"name\">\n <ng-content/>\n </div>\n</div>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-breadcrumb-separator',\n exportAs: 'ngsBreadcrumbSeparator',\n templateUrl: './breadcrumb-separator.html',\n styleUrl: './breadcrumb-separator.scss',\n host: {\n class: 'ngs-breadcrumb-separator'\n }\n})\nexport class BreadcrumbSeparator {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-breadcrumb-title',\n exportAs: 'ngsBreadcrumbTitle',\n imports: [],\n templateUrl: './breadcrumb-title.html',\n styleUrl: './breadcrumb-title.scss',\n host: {\n class: 'ngs-breadcrumb-title',\n }\n})\nexport class BreadcrumbTitle {\n\n}\n","<ng-content/>\n","import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\nimport { Breadcrumb } from './types';\n\nexport interface BreadcrumbsState {\n breadcrumbs: Breadcrumb[],\n}\n\nconst initialState: BreadcrumbsState = {\n breadcrumbs: []\n};\n\nexport const BreadcrumbsStore = signalStore(\n { providedIn: 'root' },\n withState(initialState),\n withMethods((store) => ({\n setBreadcrumbs(breadcrumbs: Breadcrumb[]): void {\n patchState(store, {\n breadcrumbs\n });\n }\n }))\n);\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbItemIconDef]',\n standalone: true\n})\nexport class BreadcrumbItemIconDefDirective {\n readonly templateRef = inject(TemplateRef);\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbItemIcon]',\n exportAs: 'ngsBreadcrumbItemIcon',\n standalone: true,\n host: {\n 'class': 'ngs-breadcrumb-item-icon'\n }\n})\nexport class BreadcrumbItemIconDirective {\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbItemNameDef]'\n})\nexport class BreadcrumbItemNameDefDirective {\n readonly templateRef = inject(TemplateRef);\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbItemTitleDef]'\n})\nexport class BreadcrumbItemTitleDefDirective {\n readonly templateRef = inject(TemplateRef);\n}\n","import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChild,\n inject,\n input,\n TemplateRef\n} from '@angular/core';\nimport { Breadcrumb } from '../types';\nimport { RouterLink } from '@angular/router';\nimport { BreadcrumbItem } from '../breadcrumb-item/breadcrumb-item';\nimport { BreadcrumbSeparator } from '../breadcrumb-separator/breadcrumb-separator';\nimport { BreadcrumbTitle } from '../breadcrumb-title/breadcrumb-title';\nimport { Breadcrumbs } from '../breadcrumbs/breadcrumbs';\nimport { BreadcrumbsStore } from '../breadcrumbs.store';\nimport { BreadcrumbItemIconDefDirective } from '../breadcrumb-item-icon-def.directive';\nimport { BreadcrumbItemIconDirective } from '../breadcrumb-item-icon.directive';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n BreadcrumbItemNameDefDirective\n} from '../breadcrumb-item-name-def.directive';\nimport {\n BreadcrumbItemTitleDefDirective\n} from '../breadcrumb-item-title-def.directive';\n\n@Component({\n selector: 'ngs-breadcrumbs-global',\n exportAs: 'ngsBreadcrumbsGlobal',\n imports: [\n BreadcrumbItem,\n BreadcrumbSeparator,\n BreadcrumbTitle,\n Breadcrumbs,\n RouterLink,\n BreadcrumbItemIconDirective,\n Icon,\n NgTemplateOutlet\n ],\n templateUrl: './breadcrumbs-global.html',\n styleUrl: './breadcrumbs-global.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'class': 'ngs-breadcrumbs-global',\n ngSkipHydration: 'true'\n }\n})\nexport class BreadcrumbsGlobal {\n private _breadcrumbsStore = inject(BreadcrumbsStore);\n protected itemIconDef = contentChild(BreadcrumbItemIconDefDirective);\n protected itemNameDef = contentChild(BreadcrumbItemNameDefDirective);\n protected itemTitleDef = contentChild(BreadcrumbItemTitleDefDirective);\n\n breadcrumbs = computed<Breadcrumb[]>(() => {\n return this._breadcrumbsStore.breadcrumbs();\n });\n lastItemAsLink = input(false, {\n transform: booleanAttribute\n });\n separator = input('/');\n\n get iconTemplateRef(): TemplateRef<any> {\n return this.itemIconDef()?.templateRef as TemplateRef<any>;\n }\n\n get titleTemplateRef(): TemplateRef<any> {\n return this.itemTitleDef()?.templateRef as TemplateRef<any>;\n }\n\n get nameTemplateRef(): TemplateRef<any> {\n return this.itemNameDef()?.templateRef as TemplateRef<any>;\n }\n}\n","<ngs-breadcrumbs [lastItemAsLink]=\"lastItemAsLink()\">\n @for (breadcrumb of breadcrumbs(); track $index; let last = $last) {\n @switch (breadcrumb.type) {\n @case ('link') {\n <a ngs-breadcrumb-item [routerLink]=\"breadcrumb.route\">\n <ng-container ngsBreadcrumbItemIcon>\n @if (iconTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"iconTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n } @else {\n @if (breadcrumb.icon) {\n <ngs-icon name=\"{{ breadcrumb.icon }}\"/>\n }\n }\n </ng-container>\n\n @if (titleTemplateRef) {\n <ngs-breadcrumb-title>\n <ng-container [ngTemplateOutlet]=\"titleTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n </ngs-breadcrumb-title>\n } @else {\n @if (breadcrumb.title) {\n <ngs-breadcrumb-title>{{ breadcrumb.title }}</ngs-breadcrumb-title>\n }\n }\n\n @if (nameTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"nameTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n } @else {\n @if (breadcrumb.name) {\n {{ breadcrumb.name }}\n }\n }\n </a>\n }\n @default {\n <ngs-breadcrumb-item>\n <ng-container ngsBreadcrumbItemIcon>\n @if (iconTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"iconTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n } @else if (breadcrumb.icon) {\n <ngs-icon name=\"{{ breadcrumb.icon }}\"/>\n }\n </ng-container>\n\n @if (titleTemplateRef) {\n <ngs-breadcrumb-title>\n <ng-container [ngTemplateOutlet]=\"titleTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n </ngs-breadcrumb-title>\n } @else {\n @if (breadcrumb.title) {\n <ngs-breadcrumb-title>{{ breadcrumb.title }}</ngs-breadcrumb-title>\n }\n }\n\n @if (nameTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"nameTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n } @else {\n @if (breadcrumb.name) {\n {{ breadcrumb.name }}\n }\n }\n </ngs-breadcrumb-item>\n }\n }\n\n @if (!last) {\n <ngs-breadcrumb-separator>{{ separator() }}</ngs-breadcrumb-separator>\n }\n }\n</ngs-breadcrumbs>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ngstarter-ui-components-breadcrumbs.mjs","sources":["../../../projects/components/breadcrumbs/src/breadcrumb-item-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumb-separator-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumb-active-item-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumbs/breadcrumbs.ts","../../../projects/components/breadcrumbs/src/breadcrumbs/breadcrumbs.html","../../../projects/components/breadcrumbs/src/breadcrumb-item/breadcrumb-item.ts","../../../projects/components/breadcrumbs/src/breadcrumb-item/breadcrumb-item.html","../../../projects/components/breadcrumbs/src/breadcrumb-separator/breadcrumb-separator.ts","../../../projects/components/breadcrumbs/src/breadcrumb-separator/breadcrumb-separator.html","../../../projects/components/breadcrumbs/src/breadcrumb-title/breadcrumb-title.ts","../../../projects/components/breadcrumbs/src/breadcrumb-title/breadcrumb-title.html","../../../projects/components/breadcrumbs/src/breadcrumbs.store.ts","../../../projects/components/breadcrumbs/src/breadcrumb-item-icon-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumb-item-icon.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumb-item-name-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumb-item-title-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumbs-global/breadcrumbs-global.ts","../../../projects/components/breadcrumbs/src/breadcrumbs-global/breadcrumbs-global.html","../../../projects/components/breadcrumbs/ngstarter-ui-components-breadcrumbs.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbItemDef]'\n})\nexport class BreadcrumbItemDefDirective {\n\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbSeparatorDef]'\n})\nexport class BreadcrumbSeparatorDefDirective {\n\n}\n","import { Directive } from '@angular/core';\n\n@Directive({ selector: '[ngsBreadcrumbActiveItemDef]' })\nexport class BreadcrumbActiveItemDefDirective {\n}\n","import { Component, TemplateRef, input, booleanAttribute, contentChild } from '@angular/core';\nimport { BreadcrumbItemDefDirective } from '../breadcrumb-item-def.directive';\nimport { BreadcrumbSeparatorDefDirective } from '../breadcrumb-separator-def.directive';\nimport { BreadcrumbActiveItemDefDirective } from '../breadcrumb-active-item-def.directive';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector: 'ngs-breadcrumbs',\n exportAs: 'ngsBreadcrumbs',\n templateUrl: './breadcrumbs.html',\n styleUrl: './breadcrumbs.scss',\n host: {\n 'class': 'ngs-breadcrumbs',\n '[class.last-item-as-link]': 'lastItemAsLink()'\n },\n imports: [NgTemplateOutlet]\n})\nexport class Breadcrumbs<T> {\n itemRef = contentChild.required(BreadcrumbItemDefDirective, {\n read: TemplateRef\n });\n activeItemRef = contentChild.required(BreadcrumbActiveItemDefDirective, {\n read: TemplateRef\n });\n separatorRef = contentChild.required(BreadcrumbSeparatorDefDirective, {\n read: TemplateRef\n });\n dataSource = input<T[]>([]);\n lastItemAsLink = input(false, {\n transform: booleanAttribute\n });\n}\n","@for (breadcrumb of dataSource(); track $index; let last = $last) {\n @if (!last) {\n <ng-container ngTemplateOutlet=\"itemRef(); context: { $implicit: breadcrumb }\"/>\n <ng-container ngTemplateOutlet=\"separatorRef()\"/>\n } @else {\n <ng-container ngTemplateOutlet=\"activeItemRef(); context: { $implicit: breadcrumb }\"/>\n }\n}\n\n<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-breadcrumb-item,[ngs-breadcrumb-item]',\n exportAs: 'ngsBreadcrumbItem',\n templateUrl: './breadcrumb-item.html',\n styleUrl: './breadcrumb-item.scss',\n host: {\n class: 'ngs-breadcrumb-item'\n }\n})\nexport class BreadcrumbItem {\n}\n","<div class=\"icon\">\n <ng-content select=\"[ngsBreadcrumbItemIcon]\"/>\n</div>\n<div class=\"content\">\n <ng-content select=\"ngs-breadcrumb-title\"/>\n <div class=\"name\">\n <ng-content/>\n </div>\n</div>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-breadcrumb-separator',\n exportAs: 'ngsBreadcrumbSeparator',\n templateUrl: './breadcrumb-separator.html',\n styleUrl: './breadcrumb-separator.scss',\n host: {\n class: 'ngs-breadcrumb-separator'\n }\n})\nexport class BreadcrumbSeparator {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-breadcrumb-title',\n exportAs: 'ngsBreadcrumbTitle',\n imports: [],\n templateUrl: './breadcrumb-title.html',\n styleUrl: './breadcrumb-title.scss',\n host: {\n class: 'ngs-breadcrumb-title',\n }\n})\nexport class BreadcrumbTitle {\n\n}\n","<ng-content/>\n","import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\nimport { Breadcrumb } from './types';\n\nexport interface BreadcrumbsState {\n breadcrumbs: Breadcrumb[],\n}\n\nconst initialState: BreadcrumbsState = {\n breadcrumbs: []\n};\n\nexport const BreadcrumbsStore = signalStore(\n { providedIn: 'root' },\n withState(initialState),\n withMethods((store) => ({\n setBreadcrumbs(breadcrumbs: Breadcrumb[]): void {\n patchState(store, {\n breadcrumbs\n });\n }\n }))\n);\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbItemIconDef]',\n})\nexport class BreadcrumbItemIconDefDirective {\n readonly templateRef = inject(TemplateRef);\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbItemIcon]',\n exportAs: 'ngsBreadcrumbItemIcon',\n host: {\n 'class': 'ngs-breadcrumb-item-icon'\n }\n})\nexport class BreadcrumbItemIconDirective {\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbItemNameDef]'\n})\nexport class BreadcrumbItemNameDefDirective {\n readonly templateRef = inject(TemplateRef);\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbItemTitleDef]'\n})\nexport class BreadcrumbItemTitleDefDirective {\n readonly templateRef = inject(TemplateRef);\n}\n","import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChild,\n inject,\n input,\n TemplateRef\n} from '@angular/core';\nimport { Breadcrumb } from '../types';\nimport { RouterLink } from '@angular/router';\nimport { BreadcrumbItem } from '../breadcrumb-item/breadcrumb-item';\nimport { BreadcrumbSeparator } from '../breadcrumb-separator/breadcrumb-separator';\nimport { BreadcrumbTitle } from '../breadcrumb-title/breadcrumb-title';\nimport { Breadcrumbs } from '../breadcrumbs/breadcrumbs';\nimport { BreadcrumbsStore } from '../breadcrumbs.store';\nimport { BreadcrumbItemIconDefDirective } from '../breadcrumb-item-icon-def.directive';\nimport { BreadcrumbItemIconDirective } from '../breadcrumb-item-icon.directive';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n BreadcrumbItemNameDefDirective\n} from '../breadcrumb-item-name-def.directive';\nimport {\n BreadcrumbItemTitleDefDirective\n} from '../breadcrumb-item-title-def.directive';\n\n@Component({\n selector: 'ngs-breadcrumbs-global',\n exportAs: 'ngsBreadcrumbsGlobal',\n imports: [\n BreadcrumbItem,\n BreadcrumbSeparator,\n BreadcrumbTitle,\n Breadcrumbs,\n RouterLink,\n BreadcrumbItemIconDirective,\n Icon,\n NgTemplateOutlet\n ],\n templateUrl: './breadcrumbs-global.html',\n styleUrl: './breadcrumbs-global.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'class': 'ngs-breadcrumbs-global',\n ngSkipHydration: 'true'\n }\n})\nexport class BreadcrumbsGlobal {\n private _breadcrumbsStore = inject(BreadcrumbsStore);\n protected itemIconDef = contentChild(BreadcrumbItemIconDefDirective);\n protected itemNameDef = contentChild(BreadcrumbItemNameDefDirective);\n protected itemTitleDef = contentChild(BreadcrumbItemTitleDefDirective);\n\n breadcrumbs = computed<Breadcrumb[]>(() => {\n return this._breadcrumbsStore.breadcrumbs();\n });\n lastItemAsLink = input(false, {\n transform: booleanAttribute\n });\n separator = input('/');\n\n get iconTemplateRef(): TemplateRef<any> {\n return this.itemIconDef()?.templateRef as TemplateRef<any>;\n }\n\n get titleTemplateRef(): TemplateRef<any> {\n return this.itemTitleDef()?.templateRef as TemplateRef<any>;\n }\n\n get nameTemplateRef(): TemplateRef<any> {\n return this.itemNameDef()?.templateRef as TemplateRef<any>;\n }\n}\n","<ngs-breadcrumbs [lastItemAsLink]=\"lastItemAsLink()\">\n @for (breadcrumb of breadcrumbs(); track $index; let last = $last) {\n @switch (breadcrumb.type) {\n @case ('link') {\n <a ngs-breadcrumb-item [routerLink]=\"breadcrumb.route\">\n <ng-container ngsBreadcrumbItemIcon>\n @if (iconTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"iconTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n } @else {\n @if (breadcrumb.icon) {\n <ngs-icon name=\"{{ breadcrumb.icon }}\"/>\n }\n }\n </ng-container>\n\n @if (titleTemplateRef) {\n <ngs-breadcrumb-title>\n <ng-container [ngTemplateOutlet]=\"titleTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n </ngs-breadcrumb-title>\n } @else {\n @if (breadcrumb.title) {\n <ngs-breadcrumb-title>{{ breadcrumb.title }}</ngs-breadcrumb-title>\n }\n }\n\n @if (nameTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"nameTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n } @else {\n @if (breadcrumb.name) {\n {{ breadcrumb.name }}\n }\n }\n </a>\n }\n @default {\n <ngs-breadcrumb-item>\n <ng-container ngsBreadcrumbItemIcon>\n @if (iconTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"iconTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n } @else if (breadcrumb.icon) {\n <ngs-icon name=\"{{ breadcrumb.icon }}\"/>\n }\n </ng-container>\n\n @if (titleTemplateRef) {\n <ngs-breadcrumb-title>\n <ng-container [ngTemplateOutlet]=\"titleTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n </ngs-breadcrumb-title>\n } @else {\n @if (breadcrumb.title) {\n <ngs-breadcrumb-title>{{ breadcrumb.title }}</ngs-breadcrumb-title>\n }\n }\n\n @if (nameTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"nameTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n } @else {\n @if (breadcrumb.name) {\n {{ breadcrumb.name }}\n }\n }\n </ngs-breadcrumb-item>\n }\n }\n\n @if (!last) {\n <ngs-breadcrumb-separator>{{ separator() }}</ngs-breadcrumb-separator>\n }\n }\n</ngs-breadcrumbs>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngstarter-ui-components-button-toggle.mjs CHANGED Viewed

@@ -93,7 +93,7 @@ class ButtonToggleGroup {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ButtonToggleGroup, decorators: [{
             type: Component,
-            args: [{ selector: 'ngs-button-toggle-group', exportAs: 'ngsButtonToggleGroup', standalone: true, providers: [
+            args: [{ selector: 'ngs-button-toggle-group', exportAs: 'ngsButtonToggleGroup', providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => ButtonToggleGroup),