@i-cell/ids-angular 0.1.0

package/fesm2022/i-cell-ids-angular-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"i-cell-ids-angular-menu.mjs","sources":["../../../projects/widgets/menu/action-menu/action-menu-trigger.directive.ts","../../../projects/widgets/menu/menu-item/types/menu-item-appearance.type.ts","../../../projects/widgets/menu/menu-item/types/menu-item-variant.type.ts","../../../projects/widgets/menu/menu-item/menu-item-defaults.ts","../../../projects/widgets/menu/menu-item/menu-item.component.ts","../../../projects/widgets/menu/menu-item/menu-item.component.html","../../../projects/widgets/menu/i-cell-ids-angular-menu.ts"],"sourcesContent":["import { CdkMenuTrigger } from '@angular/cdk/menu';\nimport { Directive, inject } from '@angular/core';\n\n@Directive({\n  selector: 'button[idsActionMenuTriggerFor]',\n  standalone: true,\n  hostDirectives: [\n    {\n      directive: CdkMenuTrigger,\n      inputs: ['cdkMenuTriggerFor: idsActionMenuTriggerFor'],\n    },\n  ],\n  exportAs: 'idsActionMenuTrigger',\n})\nexport class IdsActionMenuTriggerDirective {\n  public menuTrigger = inject(CdkMenuTrigger);\n\n  get isOpen(): boolean {\n    return !!this.menuTrigger.isOpen();\n  }\n\n  public open(): void {\n    this.menuTrigger.open();\n  }\n\n  public close(): void {\n    this.menuTrigger.close();\n  }\n\n  public toggle(): void {\n    this.menuTrigger.toggle();\n  }\n}\n","export const IdsMenuItemAppearance = {\n  FILLED: 'filled',\n  TEXT: 'text',\n} as const;\n\nexport type IdsMenuItemAppearanceType = (typeof IdsMenuItemAppearance)[keyof typeof IdsMenuItemAppearance];\n","export const IdsMenuItemVariant = {\n  SURFACE: 'surface',\n} as const;\n\nexport type MenuItemVariantType = (typeof IdsMenuItemVariant)[keyof typeof IdsMenuItemVariant];\n","import { IdsMenuItemAppearance, IdsMenuItemAppearanceType } from './types/menu-item-appearance.type';\nimport { IdsMenuItemVariant, MenuItemVariantType } from './types/menu-item-variant.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsSize, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsMenuItemDefaultConfig {\n  appearance?: IdsMenuItemAppearanceType,\n  size?: IdsSizeType,\n  variant?: MenuItemVariantType,\n}\n\nexport const IDS_MENU_ITEM_DEFAULT_CONFIG = new InjectionToken<IdsMenuItemDefaultConfig>(\n  'IDS_MENU_ITEM_DEFAULT_CONFIG',\n  {\n    providedIn: 'root',\n    factory: IDS_MENU_ITEM_DEFAULT_CONFIG_FACTORY,\n  },\n);\n\nexport function IDS_MENU_ITEM_DEFAULT_CONFIG_FACTORY(): Required<IdsMenuItemDefaultConfig> {\n  return {\n    appearance: IdsMenuItemAppearance.TEXT,\n    size: IdsSize.COMPACT,\n    variant: IdsMenuItemVariant.SURFACE,\n  };\n}\n\n","import { IDS_MENU_ITEM_DEFAULT_CONFIG, IDS_MENU_ITEM_DEFAULT_CONFIG_FACTORY, IdsMenuItemDefaultConfig } from './menu-item-defaults';\nimport { IdsMenuItemAppearanceType } from './types/menu-item-appearance.type';\nimport { MenuItemVariantType } from './types/menu-item-variant.type';\n\nimport { CdkMenuItem } from '@angular/cdk/menu';\nimport { ChangeDetectionStrategy, Component, ElementRef, ViewEncapsulation, computed, contentChildren, inject, input } from '@angular/core';\nimport { ComponentBaseWithDefaults, IdsSizeType, coerceBooleanAttribute } from '@i-cell/ids-angular/core';\nimport { IdsIconComponent } from '@i-cell/ids-angular/icon';\n\nconst defaultConfig = IDS_MENU_ITEM_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n  selector: 'button[idsMenuItem],a[idsMenuItem]',\n  imports: [],\n  hostDirectives: [CdkMenuItem],\n  templateUrl: './menu-item.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[type]': 'buttonType',\n    '[attr.disabled]': 'disabled() ? \"\" : null',\n    '[attr.aria-disabled]': 'disabled() || null',\n  },\n})\nexport class IdsMenuItemComponent extends ComponentBaseWithDefaults<IdsMenuItemDefaultConfig> {\n  protected override get _hostName(): string {\n    return 'menu-item';\n  }\n\n  private _hostElement = inject<ElementRef<HTMLElement>>(ElementRef<HTMLElement>).nativeElement;\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_MENU_ITEM_DEFAULT_CONFIG);\n\n  public label = input.required<string>();\n  public appearance = input<IdsMenuItemAppearanceType>(this._defaultConfig.appearance);\n\n  public size = input<IdsSizeType>(this._defaultConfig.size);\n  public variant = input<MenuItemVariantType>(this._defaultConfig.variant);\n  public active = input(false);\n  public disabled = input(false, {\n    transform: (value: boolean | string) => coerceBooleanAttribute(value),\n  });\n\n  public iconLeading = contentChildren<IdsIconComponent>('[icon-leading]');\n  public iconTrailing = contentChildren<IdsIconComponent>('[icon-trailing]');\n\n  protected _hostClasses = computed(() => this._getHostClasses([\n    this.appearance(),\n    this.size(),\n    this.variant(),\n    this.active() ? 'active' : null,\n  ]));\n\n  public get buttonType(): string | null {\n    return this._hostElement.tagName === 'BUTTON' ? 'button' : null;\n  }\n}\n","@if (iconLeading()) {\n  <ng-content select=\"ids-icon[icon-leading]\" />\n}\n<span class=\"ids-menu-item-label\">{{ label() }}</span>\n@if (iconTrailing()) {\n  <ng-content select=\"ids-icon[icon-trailing]\" />\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAca,6BAA6B,CAAA;AAX1C,IAAA,WAAA,GAAA;AAYS,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC;AAiB5C;AAfC,IAAA,IAAI,MAAM,GAAA;QACR,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE;;IAG7B,IAAI,GAAA;AACT,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;;IAGlB,KAAK,GAAA;AACV,QAAA,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE;;IAGnB,MAAM,GAAA;AACX,QAAA,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE;;8GAhBhB,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iCAAA,EAAA,QAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,cAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,yBAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA7B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAXzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iCAAiC;AAC3C,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,cAAc;4BACzB,MAAM,EAAE,CAAC,4CAA4C,CAAC;AACvD,yBAAA;AACF,qBAAA;AACD,oBAAA,QAAQ,EAAE,sBAAsB;AACjC,iBAAA;;;ACbY,MAAA,qBAAqB,GAAG;AACnC,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,IAAI,EAAE,MAAM;;;ACFD,MAAA,kBAAkB,GAAG;AAChC,IAAA,OAAO,EAAE,SAAS;;;MCWP,4BAA4B,GAAG,IAAI,cAAc,CAC5D,8BAA8B,EAC9B;AACE,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,OAAO,EAAE,oCAAoC;AAC9C,CAAA;SAGa,oCAAoC,GAAA;IAClD,OAAO;QACL,UAAU,EAAE,qBAAqB,CAAC,IAAI;QACtC,IAAI,EAAE,OAAO,CAAC,OAAO;QACrB,OAAO,EAAE,kBAAkB,CAAC,OAAO;KACpC;AACH;;ACjBA,MAAM,aAAa,GAAG,oCAAoC,EAAE;AAetD,MAAO,oBAAqB,SAAQ,yBAAmD,CAAA;AAb7F,IAAA,WAAA,GAAA;;QAkBU,IAAY,CAAA,YAAA,GAAG,MAAM,EAA0B,UAAuB,EAAC,CAAC,aAAa;QAE1E,IAAc,CAAA,cAAA,GAAG,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,4BAA4B,CAAC;AAEhG,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAU;QAChC,IAAU,CAAA,UAAA,GAAG,KAAK,CAA4B,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC;QAE7E,IAAI,CAAA,IAAA,GAAG,KAAK,CAAc,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;QACnD,IAAO,CAAA,OAAA,GAAG,KAAK,CAAsB,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC;AACjE,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;AACrB,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE;YAC7B,SAAS,EAAE,CAAC,KAAuB,KAAK,sBAAsB,CAAC,KAAK,CAAC;AACtE,SAAA,CAAC;AAEK,QAAA,IAAA,CAAA,WAAW,GAAG,eAAe,CAAmB,gBAAgB,CAAC;AACjE,QAAA,IAAA,CAAA,YAAY,GAAG,eAAe,CAAmB,iBAAiB,CAAC;QAEhE,IAAY,CAAA,YAAA,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,eAAe,CAAC;YAC3D,IAAI,CAAC,UAAU,EAAE;YACjB,IAAI,CAAC,IAAI,EAAE;YACX,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,MAAM,EAAE,GAAG,QAAQ,GAAG,IAAI;AAChC,SAAA,CAAC,CAAC;AAKJ;AA/BC,IAAA,IAAuB,SAAS,GAAA;AAC9B,QAAA,OAAO,WAAW;;AA2BpB,IAAA,IAAW,UAAU,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,KAAK,QAAQ,GAAG,QAAQ,GAAG,IAAI;;8GA9BtD,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,qtCCxBjC,0NAOA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDiBa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAbhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oCAAoC,EACrC,OAAA,EAAA,EAAE,EACK,cAAA,EAAA,CAAC,WAAW,CAAC,EAAA,aAAA,EAEd,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA;AACJ,wBAAA,QAAQ,EAAE,YAAY;AACtB,wBAAA,iBAAiB,EAAE,wBAAwB;AAC3C,wBAAA,sBAAsB,EAAE,oBAAoB;AAC7C,qBAAA,EAAA,QAAA,EAAA,0NAAA,EAAA;;;AEtBH;;AAEG;;;;"}

package/fesm2022/i-cell-ids-angular-notification.mjs

@@ -0,0 +1,167 @@
+import * as i0 from '@angular/core';
+import { Directive, InjectionToken, input, signal, contentChildren, output, computed, Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
+import { IdsButtonAppearance, IdsButtonVariant, IDS_BUTTON_PARENT, IdsButtonComponent } from '@i-cell/ids-angular/button';
+import { IdsSize, ComponentBaseWithDefaults, coerceBooleanAttribute, coerceStringAttribute } from '@i-cell/ids-angular/core';
+import { IdsIconComponent } from '@i-cell/ids-angular/icon';
+import { IdsIconButtonAppearance, IdsIconButtonVariant, IDS_ICON_BUTTON_PARENT, IdsIconButtonComponent } from '@i-cell/ids-angular/icon-button';
+
+const IdsNotificationAppearance = {
+    FILLED: 'filled',
+    OUTLINED: 'outlined',
+};
+
+const IdsNotificationVariant = {
+    SURFACE: 'surface',
+    LIGHT: 'light',
+    DARK: 'dark',
+    INFO: 'info',
+    SUCCESS: 'success',
+    WARNING: 'warning',
+    ERROR: 'error',
+};
+
+class IdsNotificationActionButtonDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsNotificationActionButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.2", type: IdsNotificationActionButtonDirective, isStandalone: true, selector: "[idsNotificationActionButton]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsNotificationActionButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[idsNotificationActionButton]',
+                    standalone: true,
+                }]
+        }] });
+
+const IDS_NOTIFICATION_DEFAULT_CONFIG = new InjectionToken('IDS_NOTIFICATION_DEFAULT_CONFIG', {
+    providedIn: 'root',
+    factory: IDS_NOTIFICATION_DEFAULT_CONFIG_FACTORY,
+});
+function IDS_NOTIFICATION_DEFAULT_CONFIG_FACTORY() {
+    return {
+        appearance: IdsNotificationAppearance.OUTLINED,
+        size: IdsSize.COMPACT,
+        variant: IdsNotificationVariant.DARK,
+        closeButtonSize: IdsSize.COMPACT,
+        closeLabelButtonAppearance: IdsButtonAppearance.OUTLINED,
+        displayActionsAtBottom: false,
+    };
+}
+
+const defaultConfig = IDS_NOTIFICATION_DEFAULT_CONFIG_FACTORY();
+class IdsNotificationComponent extends ComponentBaseWithDefaults {
+    constructor() {
+        super(...arguments);
+        this._defaultConfig = this._getDefaultConfig(defaultConfig, IDS_NOTIFICATION_DEFAULT_CONFIG);
+        this.size = input(this._defaultConfig.size);
+        this.appearance = input(this._defaultConfig.appearance);
+        this.variant = input(this._defaultConfig.variant);
+        this.icon = input();
+        this.title = input('');
+        this.urgent = input(false, { transform: coerceBooleanAttribute });
+        this.displayActionsAtBottom = input(false, { transform: coerceBooleanAttribute });
+        this.closeButtonSize = input(this._defaultConfig.closeButtonSize);
+        this.closeLabelButtonAppearance = input(this._defaultConfig.closeLabelButtonAppearance);
+        this.closeButtonLabel = input('', { transform: coerceStringAttribute });
+        this.embeddedIconButtonAppearance = signal(IdsIconButtonAppearance.STANDARD);
+        this.disabled = signal(false);
+        this._actionButtons = contentChildren(IdsNotificationActionButtonDirective);
+        this.closed = output();
+        this.role = computed(() => (this.urgent() ? 'alert' : 'status'));
+        this._hostClasses = computed(() => this._getHostClasses([
+            this.size(),
+            this.appearance(),
+            this.variant(),
+            this.displayActionsAtBottom() ? 'actions-bottom-mode' : null,
+        ]));
+        this._closeLabelButtonClass = computed(() => (this.closeButtonLabel() ? 'ids-notification__label-button' : ''));
+        this.embeddedButtonVariant = computed(() => {
+            const notificationVariant = this.variant();
+            const notificationAppearance = this.appearance();
+            if (notificationAppearance === IdsNotificationAppearance.OUTLINED) {
+                switch (notificationVariant) {
+                    case IdsNotificationVariant.DARK:
+                        return IdsButtonVariant.DARK;
+                    case IdsNotificationVariant.LIGHT:
+                        return IdsButtonVariant.LIGHT;
+                    default:
+                        return IdsButtonVariant.SURFACE;
+                }
+            }
+            else {
+                switch (notificationVariant) {
+                    case IdsNotificationVariant.SURFACE:
+                    case IdsNotificationVariant.LIGHT:
+                        return IdsButtonVariant.DARK;
+                    default:
+                        return IdsButtonVariant.LIGHT;
+                }
+            }
+        });
+        this.embeddedIconButtonVariant = computed(() => {
+            const notificationVariant = this.variant();
+            const notificationAppearance = this.appearance();
+            if (notificationAppearance === IdsNotificationAppearance.OUTLINED) {
+                switch (notificationVariant) {
+                    case IdsNotificationVariant.DARK:
+                        return IdsIconButtonVariant.DARK;
+                    case IdsNotificationVariant.LIGHT:
+                        return IdsIconButtonVariant.LIGHT;
+                    default:
+                        return IdsIconButtonVariant.SURFACE;
+                }
+            }
+            else {
+                switch (notificationVariant) {
+                    case IdsNotificationVariant.SURFACE:
+                    case IdsNotificationVariant.LIGHT:
+                        return IdsIconButtonVariant.DARK;
+                    default:
+                        return IdsIconButtonVariant.LIGHT;
+                }
+            }
+        });
+    }
+    get _hostName() {
+        return 'notification';
+    }
+    _close() {
+        this.closed.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsNotificationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", type: IdsNotificationComponent, isStandalone: true, selector: "ids-notification", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, urgent: { classPropertyName: "urgent", publicName: "urgent", isSignal: true, isRequired: false, transformFunction: null }, displayActionsAtBottom: { classPropertyName: "displayActionsAtBottom", publicName: "displayActionsAtBottom", isSignal: true, isRequired: false, transformFunction: null }, closeButtonSize: { classPropertyName: "closeButtonSize", publicName: "closeButtonSize", isSignal: true, isRequired: false, transformFunction: null }, closeLabelButtonAppearance: { classPropertyName: "closeLabelButtonAppearance", publicName: "closeLabelButtonAppearance", isSignal: true, isRequired: false, transformFunction: null }, closeButtonLabel: { classPropertyName: "closeButtonLabel", publicName: "closeButtonLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { properties: { "role": "role()" } }, providers: [
+            {
+                provide: IDS_BUTTON_PARENT,
+                useExisting: IdsNotificationComponent,
+            },
+            {
+                provide: IDS_ICON_BUTTON_PARENT,
+                useExisting: IdsNotificationComponent,
+            },
+        ], queries: [{ propertyName: "_actionButtons", predicate: IdsNotificationActionButtonDirective, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ids-notification__content-wrapper\">\n  @let fontIcon = icon();\n  @if (fontIcon) {\n    <div class=\"ids-notification__leading-element\">\n      <ids-icon [fontIcon]=\"fontIcon\" />\n    </div>\n  }\n\n  <div class=\"ids-notification__container\">\n    <div class=\"ids-notification__title-msg-container\">\n      <div class=\"ids-notification__title\">\n        {{ title() }}\n      </div>\n      <div class=\"ids-notification__message\">\n        <ng-content />\n      </div>\n    </div>\n    @if (_actionButtons()) {\n      <div class=\"ids-notification__action\">\n        <ng-content select=\"button[idsNotificationActionButton]\" />\n      </div>\n    }\n  </div>\n\n  <div class=\"ids-notification__close-button-container\" [class]=\"_closeLabelButtonClass()\">\n    @let buttonLabel = closeButtonLabel();\n    @if (buttonLabel) {\n      <button\n        type=\"button\"\n        aria-label=\"Close notification\"\n        idsButton\n        [size]=\"closeButtonSize()\"\n        [appearance]=\"closeLabelButtonAppearance()\"\n        (click)=\"_close()\"\n      >\n        {{ buttonLabel }}\n      </button>\n    } @else {\n      <button type=\"button\" aria-label=\"Close notification\" idsIconButton [size]=\"closeButtonSize()\" (click)=\"_close()\">\n        <ids-icon alt=\"close icon\" fontIcon=\"close\" />\n      </button>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: IdsIconComponent, selector: "ids-icon", inputs: ["size", "sizeCollection", "variant", "fontIcon", "svgIcon", "aria-hidden"] }, { kind: "component", type: IdsButtonComponent, selector: "button[idsButton]", inputs: ["appearance", "size", "variant", "disabled"] }, { kind: "component", type: IdsIconButtonComponent, selector: "button[idsIconButton]", inputs: ["appearance", "size", "variant", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsNotificationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ids-notification', imports: [
+                        IdsIconComponent,
+                        IdsButtonComponent,
+                        IdsIconButtonComponent,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[role]': 'role()',
+                    }, providers: [
+                        {
+                            provide: IDS_BUTTON_PARENT,
+                            useExisting: IdsNotificationComponent,
+                        },
+                        {
+                            provide: IDS_ICON_BUTTON_PARENT,
+                            useExisting: IdsNotificationComponent,
+                        },
+                    ], template: "<div class=\"ids-notification__content-wrapper\">\n  @let fontIcon = icon();\n  @if (fontIcon) {\n    <div class=\"ids-notification__leading-element\">\n      <ids-icon [fontIcon]=\"fontIcon\" />\n    </div>\n  }\n\n  <div class=\"ids-notification__container\">\n    <div class=\"ids-notification__title-msg-container\">\n      <div class=\"ids-notification__title\">\n        {{ title() }}\n      </div>\n      <div class=\"ids-notification__message\">\n        <ng-content />\n      </div>\n    </div>\n    @if (_actionButtons()) {\n      <div class=\"ids-notification__action\">\n        <ng-content select=\"button[idsNotificationActionButton]\" />\n      </div>\n    }\n  </div>\n\n  <div class=\"ids-notification__close-button-container\" [class]=\"_closeLabelButtonClass()\">\n    @let buttonLabel = closeButtonLabel();\n    @if (buttonLabel) {\n      <button\n        type=\"button\"\n        aria-label=\"Close notification\"\n        idsButton\n        [size]=\"closeButtonSize()\"\n        [appearance]=\"closeLabelButtonAppearance()\"\n        (click)=\"_close()\"\n      >\n        {{ buttonLabel }}\n      </button>\n    } @else {\n      <button type=\"button\" aria-label=\"Close notification\" idsIconButton [size]=\"closeButtonSize()\" (click)=\"_close()\">\n        <ids-icon alt=\"close icon\" fontIcon=\"close\" />\n      </button>\n    }\n  </div>\n</div>\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IDS_NOTIFICATION_DEFAULT_CONFIG, IDS_NOTIFICATION_DEFAULT_CONFIG_FACTORY, IdsNotificationActionButtonDirective, IdsNotificationAppearance, IdsNotificationComponent, IdsNotificationVariant };
+//# sourceMappingURL=i-cell-ids-angular-notification.mjs.map

package/fesm2022/i-cell-ids-angular-notification.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"i-cell-ids-angular-notification.mjs","sources":["../../../projects/widgets/notification/types/notification-appearance.type.ts","../../../projects/widgets/notification/types/notification-variant.type.ts","../../../projects/widgets/notification/notification-action-button.directive.ts","../../../projects/widgets/notification/notification-defaults.ts","../../../projects/widgets/notification/notification.component.ts","../../../projects/widgets/notification/notification.component.html","../../../projects/widgets/notification/i-cell-ids-angular-notification.ts"],"sourcesContent":["export const IdsNotificationAppearance = {\n  FILLED: 'filled',\n  OUTLINED: 'outlined',\n} as const;\n\nexport type IdsNotificationAppearanceType = (typeof IdsNotificationAppearance)[keyof typeof IdsNotificationAppearance];\n","export const IdsNotificationVariant = {\n  SURFACE: 'surface',\n  LIGHT: 'light',\n  DARK: 'dark',\n  INFO: 'info',\n  SUCCESS: 'success',\n  WARNING: 'warning',\n  ERROR: 'error',\n} as const;\n\nexport type IdsNotificationVariantType = (typeof IdsNotificationVariant)[keyof typeof IdsNotificationVariant];\n\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[idsNotificationActionButton]',\n  standalone: true,\n})\nexport class IdsNotificationActionButtonDirective {\n}\n","import { IdsNotificationAppearance, IdsNotificationAppearanceType } from './types/notification-appearance.type';\nimport { IdsNotificationVariant, IdsNotificationVariantType } from './types/notification-variant.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsButtonAppearance, IdsButtonAppearanceType } from '@i-cell/ids-angular/button';\nimport { IdsSize, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsNotificationDefaultConfig {\n  appearance?: IdsNotificationAppearanceType,\n  size?: IdsSizeType,\n  variant?: IdsNotificationVariantType,\n  closeButtonSize?: IdsSizeType,\n  closeLabelButtonAppearance?: IdsButtonAppearanceType,\n  displayActionsAtBottom?: boolean,\n}\n\nexport const IDS_NOTIFICATION_DEFAULT_CONFIG = new InjectionToken<IdsNotificationDefaultConfig>(\n  'IDS_NOTIFICATION_DEFAULT_CONFIG',\n  {\n    providedIn: 'root',\n    factory: IDS_NOTIFICATION_DEFAULT_CONFIG_FACTORY,\n  },\n);\n\nexport function IDS_NOTIFICATION_DEFAULT_CONFIG_FACTORY(): Required<IdsNotificationDefaultConfig> {\n  return {\n    appearance: IdsNotificationAppearance.OUTLINED,\n    size: IdsSize.COMPACT,\n    variant: IdsNotificationVariant.DARK,\n    closeButtonSize: IdsSize.COMPACT,\n    closeLabelButtonAppearance: IdsButtonAppearance.OUTLINED,\n    displayActionsAtBottom: false,\n  };\n}\n\n","import { IdsNotificationActionButtonDirective } from './notification-action-button.directive';\nimport { IDS_NOTIFICATION_DEFAULT_CONFIG, IDS_NOTIFICATION_DEFAULT_CONFIG_FACTORY, IdsNotificationDefaultConfig } from './notification-defaults';\nimport { IdsNotificationAppearance, IdsNotificationAppearanceType } from './types/notification-appearance.type';\nimport { IdsNotificationVariant, IdsNotificationVariantType } from './types/notification-variant.type';\n\nimport { ChangeDetectionStrategy, Component, computed, contentChildren, input, output, signal, ViewEncapsulation } from '@angular/core';\nimport { IDS_BUTTON_PARENT, IdsButtonAppearanceType, IdsButtonComponent, IdsButtonParent, IdsButtonVariant } from '@i-cell/ids-angular/button';\nimport { coerceBooleanAttribute, coerceStringAttribute, ComponentBaseWithDefaults, IdsSizeType } from '@i-cell/ids-angular/core';\nimport { IdsIconComponent } from '@i-cell/ids-angular/icon';\nimport { IDS_ICON_BUTTON_PARENT, IdsIconButtonAppearance, IdsIconButtonAppearanceType, IdsIconButtonComponent, IdsIconButtonParent, IdsIconButtonVariant, IdsIconButtonVariantType } from '@i-cell/ids-angular/icon-button';\n\nconst defaultConfig = IDS_NOTIFICATION_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n  selector: 'ids-notification',\n  imports: [\n    IdsIconComponent,\n    IdsButtonComponent,\n    IdsIconButtonComponent,\n  ],\n  templateUrl: './notification.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[role]': 'role()',\n  },\n  providers: [\n    {\n      provide: IDS_BUTTON_PARENT,\n      useExisting: IdsNotificationComponent,\n    },\n    {\n      provide: IDS_ICON_BUTTON_PARENT,\n      useExisting: IdsNotificationComponent,\n    },\n  ],\n})\nexport class IdsNotificationComponent extends ComponentBaseWithDefaults<IdsNotificationDefaultConfig>\n  implements IdsButtonParent, IdsIconButtonParent {\n  protected override get _hostName(): string {\n    return 'notification';\n  }\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_NOTIFICATION_DEFAULT_CONFIG);\n\n  public size = input<IdsSizeType>(this._defaultConfig.size);\n  public appearance = input<IdsNotificationAppearanceType>(this._defaultConfig.appearance);\n  public variant = input<IdsNotificationVariantType>(this._defaultConfig.variant);\n  public icon = input<string | undefined>();\n  public title = input<string>('');\n  public urgent = input<boolean, boolean | undefined>(false, { transform: coerceBooleanAttribute });\n  public displayActionsAtBottom = input<boolean, boolean | undefined>(false, { transform: coerceBooleanAttribute });\n  public closeButtonSize = input<IdsSizeType>(this._defaultConfig.closeButtonSize);\n  public closeLabelButtonAppearance = input<IdsButtonAppearanceType>(this._defaultConfig.closeLabelButtonAppearance);\n  public closeButtonLabel = input<string, string>('', { transform: coerceStringAttribute });\n\n  public embeddedIconButtonAppearance = signal<IdsIconButtonAppearanceType>(IdsIconButtonAppearance.STANDARD);\n  public disabled = signal<boolean>(false);\n\n  protected _actionButtons = contentChildren<IdsNotificationActionButtonDirective>(IdsNotificationActionButtonDirective);\n\n  public closed = output<void>();\n\n  public role = computed(() => (this.urgent() ? 'alert' : 'status'));\n\n  protected _hostClasses = computed(() => this._getHostClasses([\n    this.size(),\n    this.appearance(),\n    this.variant(),\n    this.displayActionsAtBottom() ? 'actions-bottom-mode' : null,\n  ]));\n\n  protected _closeLabelButtonClass = computed(() => (this.closeButtonLabel() ? 'ids-notification__label-button' : ''));\n\n  public embeddedButtonVariant = computed<IdsIconButtonVariantType>(() => {\n    const notificationVariant = this.variant();\n    const notificationAppearance = this.appearance();\n\n    if (notificationAppearance === IdsNotificationAppearance.OUTLINED) {\n      switch (notificationVariant) {\n        case IdsNotificationVariant.DARK:\n          return IdsButtonVariant.DARK;\n        case IdsNotificationVariant.LIGHT:\n          return IdsButtonVariant.LIGHT;\n        default:\n          return IdsButtonVariant.SURFACE;\n      }\n    } else {\n      switch (notificationVariant) {\n        case IdsNotificationVariant.SURFACE:\n        case IdsNotificationVariant.LIGHT:\n          return IdsButtonVariant.DARK;\n        default:\n          return IdsButtonVariant.LIGHT;\n      }\n    }\n  });\n\n  public embeddedIconButtonVariant = computed<IdsIconButtonVariantType>(() => {\n    const notificationVariant = this.variant();\n    const notificationAppearance = this.appearance();\n\n    if (notificationAppearance === IdsNotificationAppearance.OUTLINED) {\n      switch (notificationVariant) {\n        case IdsNotificationVariant.DARK:\n          return IdsIconButtonVariant.DARK;\n        case IdsNotificationVariant.LIGHT:\n          return IdsIconButtonVariant.LIGHT;\n        default:\n          return IdsIconButtonVariant.SURFACE;\n      }\n    } else {\n      switch (notificationVariant) {\n        case IdsNotificationVariant.SURFACE:\n        case IdsNotificationVariant.LIGHT:\n          return IdsIconButtonVariant.DARK;\n        default:\n          return IdsIconButtonVariant.LIGHT;\n      }\n    }\n  });\n\n  protected _close(): void {\n    this.closed.emit();\n  }\n}\n","<div class=\"ids-notification__content-wrapper\">\n  @let fontIcon = icon();\n  @if (fontIcon) {\n    <div class=\"ids-notification__leading-element\">\n      <ids-icon [fontIcon]=\"fontIcon\" />\n    </div>\n  }\n\n  <div class=\"ids-notification__container\">\n    <div class=\"ids-notification__title-msg-container\">\n      <div class=\"ids-notification__title\">\n        {{ title() }}\n      </div>\n      <div class=\"ids-notification__message\">\n        <ng-content />\n      </div>\n    </div>\n    @if (_actionButtons()) {\n      <div class=\"ids-notification__action\">\n        <ng-content select=\"button[idsNotificationActionButton]\" />\n      </div>\n    }\n  </div>\n\n  <div class=\"ids-notification__close-button-container\" [class]=\"_closeLabelButtonClass()\">\n    @let buttonLabel = closeButtonLabel();\n    @if (buttonLabel) {\n      <button\n        type=\"button\"\n        aria-label=\"Close notification\"\n        idsButton\n        [size]=\"closeButtonSize()\"\n        [appearance]=\"closeLabelButtonAppearance()\"\n        (click)=\"_close()\"\n      >\n        {{ buttonLabel }}\n      </button>\n    } @else {\n      <button type=\"button\" aria-label=\"Close notification\" idsIconButton [size]=\"closeButtonSize()\" (click)=\"_close()\">\n        <ids-icon alt=\"close icon\" fontIcon=\"close\" />\n      </button>\n    }\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/i-cell-ids-angular-overlay-panel.mjs

@@ -0,0 +1,72 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, input, contentChildren, computed, Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
+import { IdsSize, ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';
+import * as i1 from '@angular/cdk/menu';
+import { CdkMenu, CdkTargetMenuAim } from '@angular/cdk/menu';
+import { IdsMenuItemComponent } from '@i-cell/ids-angular/menu';
+
+const IdsOverlayPanelAppearance = {
+    FILLED: 'filled',
+    OUTLINED: 'outlined',
+    ELEVATED: 'elevated',
+};
+
+const IdsOverlayPanelVariant = {
+    SURFACE: 'surface',
+    LIGHT: 'light',
+};
+
+const IDS_OVERLAY_PANEL_DEFAULT_CONFIG = new InjectionToken('IDS_OVERLAY_PANEL_DEFAULT_CONFIG', {
+    providedIn: 'root',
+    factory: IDS_OVERLAY_PANEL_DEFAULT_CONFIG_FACTORY,
+});
+function IDS_OVERLAY_PANEL_DEFAULT_CONFIG_FACTORY() {
+    return {
+        appearance: IdsOverlayPanelAppearance.FILLED,
+        size: IdsSize.COMPACT,
+        variant: IdsOverlayPanelVariant.LIGHT,
+    };
+}
+
+const defaultConfig = IDS_OVERLAY_PANEL_DEFAULT_CONFIG_FACTORY();
+class IdsOverlayPanelComponent extends ComponentBaseWithDefaults {
+    constructor() {
+        super(...arguments);
+        this._defaultConfig = this._getDefaultConfig(defaultConfig, IDS_OVERLAY_PANEL_DEFAULT_CONFIG);
+        this.appearance = input(this._defaultConfig.appearance);
+        this.size = input(this._defaultConfig.size);
+        this.variant = input(this._defaultConfig.variant);
+        this.actionItems = contentChildren(IdsMenuItemComponent);
+        this._hostClasses = computed(() => this._getHostClasses([
+            this.appearance(),
+            this.size(),
+            this.variant(),
+        ]));
+    }
+    get _hostName() {
+        return 'overlay-panel';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsOverlayPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.2", type: IdsOverlayPanelComponent, isStandalone: true, selector: "ids-overlay-panel,div[idsOverlayPanel]", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "actionItems", predicate: IdsMenuItemComponent, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.CdkMenu }, { directive: i1.CdkTargetMenuAim }], ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsOverlayPanelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ids-overlay-panel,div[idsOverlayPanel]',
+                    imports: [],
+                    hostDirectives: [
+                        CdkMenu,
+                        CdkTargetMenuAim,
+                    ],
+                    template: '<ng-content />',
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IDS_OVERLAY_PANEL_DEFAULT_CONFIG, IDS_OVERLAY_PANEL_DEFAULT_CONFIG_FACTORY, IdsOverlayPanelAppearance, IdsOverlayPanelComponent, IdsOverlayPanelVariant };
+//# sourceMappingURL=i-cell-ids-angular-overlay-panel.mjs.map

package/fesm2022/i-cell-ids-angular-overlay-panel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"i-cell-ids-angular-overlay-panel.mjs","sources":["../../../projects/widgets/overlay-panel/types/overlay-panel-appearance.type.ts","../../../projects/widgets/overlay-panel/types/overlay-panel-variant.type.ts","../../../projects/widgets/overlay-panel/overlay-panel-defaults.ts","../../../projects/widgets/overlay-panel/overlay-panel.component.ts","../../../projects/widgets/overlay-panel/i-cell-ids-angular-overlay-panel.ts"],"sourcesContent":["export const IdsOverlayPanelAppearance = {\n  FILLED: 'filled',\n  OUTLINED: 'outlined',\n  ELEVATED: 'elevated',\n} as const;\n\nexport type IdsOverlayPanelAppearanceType = (typeof IdsOverlayPanelAppearance)[keyof typeof IdsOverlayPanelAppearance];\n","export const IdsOverlayPanelVariant = {\n  SURFACE: 'surface',\n  LIGHT: 'light',\n} as const;\n\nexport type IdsOverlayPanelVariantType = (typeof IdsOverlayPanelVariant)[keyof typeof IdsOverlayPanelVariant];\n","import { IdsOverlayPanelAppearance, IdsOverlayPanelAppearanceType } from './types/overlay-panel-appearance.type';\nimport { IdsOverlayPanelVariant, IdsOverlayPanelVariantType } from './types/overlay-panel-variant.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsSize, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsOverlayPanelDefaultConfig {\n  appearance?: IdsOverlayPanelAppearanceType,\n  size?: IdsSizeType,\n  variant?: IdsOverlayPanelVariantType,\n}\n\nexport const IDS_OVERLAY_PANEL_DEFAULT_CONFIG = new InjectionToken<IdsOverlayPanelDefaultConfig>(\n  'IDS_OVERLAY_PANEL_DEFAULT_CONFIG',\n  {\n    providedIn: 'root',\n    factory: IDS_OVERLAY_PANEL_DEFAULT_CONFIG_FACTORY,\n  },\n);\n\nexport function IDS_OVERLAY_PANEL_DEFAULT_CONFIG_FACTORY(): Required<IdsOverlayPanelDefaultConfig> {\n  return {\n    appearance: IdsOverlayPanelAppearance.FILLED,\n    size: IdsSize.COMPACT,\n    variant: IdsOverlayPanelVariant.LIGHT,\n  };\n}\n\n","import { IDS_OVERLAY_PANEL_DEFAULT_CONFIG, IDS_OVERLAY_PANEL_DEFAULT_CONFIG_FACTORY, IdsOverlayPanelDefaultConfig } from './overlay-panel-defaults';\nimport { IdsOverlayPanelAppearanceType } from './types/overlay-panel-appearance.type';\nimport { IdsOverlayPanelVariantType } from './types/overlay-panel-variant.type';\n\nimport { CdkMenu, CdkTargetMenuAim } from '@angular/cdk/menu';\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, contentChildren, input } from '@angular/core';\nimport { ComponentBaseWithDefaults, IdsSizeType } from '@i-cell/ids-angular/core';\nimport { IdsMenuItemComponent } from '@i-cell/ids-angular/menu';\n\nconst defaultConfig = IDS_OVERLAY_PANEL_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n  selector: 'ids-overlay-panel,div[idsOverlayPanel]',\n  imports: [],\n  hostDirectives: [\n    CdkMenu,\n    CdkTargetMenuAim,\n  ],\n  template: '<ng-content />',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IdsOverlayPanelComponent extends ComponentBaseWithDefaults<IdsOverlayPanelDefaultConfig> {\n  protected override get _hostName(): string {\n    return 'overlay-panel';\n  }\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_OVERLAY_PANEL_DEFAULT_CONFIG);\n\n  public appearance = input<IdsOverlayPanelAppearanceType>(this._defaultConfig.appearance);\n  public size = input<IdsSizeType>(this._defaultConfig.size);\n  public variant = input<IdsOverlayPanelVariantType>(this._defaultConfig.variant);\n\n  public actionItems = contentChildren(IdsMenuItemComponent);\n\n  protected _hostClasses = computed(() => this._getHostClasses([\n    this.appearance(),\n    this.size(),\n    this.variant(),\n  ]),\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}