@malva-ui/core 0.1.12

package/esm2022/alert/lib/alert/alert.js

@@ -0,0 +1,118 @@
+import { ChangeDetectionStrategy, Component, contentChild, inject, input, output, signal, ViewEncapsulation, } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { LucideInfo, LucideCheckCircle, LucideTriangleAlert, LucideCircleX, LucideX, } from '@lucide/angular';
+import { MlvAlertIcon, MlvAlertTitle } from './alert.directives';
+import { MLV_ALERT_I18N } from '@malva-ui/i18n';
+import { MlvButtonClose } from '@malva-ui/core/button';
+import { MlvClick } from '@malva-ui/cdk/accessibility';
+import * as i0 from "@angular/core";
+/**
+ * Inline feedback banner component for displaying contextual messages.
+ *
+ * Supports four semantic tones (`info`, `success`, `warning`, `danger`),
+ * optional dismiss button, custom icon slot, and separate title/description
+ * content projection slots.
+ *
+ * @example Basic
+ * ```html
+ * <mlv-alert tone="info">Your profile has been updated.</mlv-alert>
+ * ```
+ *
+ * @example With title
+ * ```html
+ * <mlv-alert tone="warning">
+ *   <ng-template mlvAlertTitle>Storage nearly full</ng-template>
+ *   You have used 90% of your storage quota.
+ * </mlv-alert>
+ * ```
+ *
+ * @example Dismissible
+ * ```html
+ * <mlv-alert tone="success" dismissible (dismissed)="onDismissed()">
+ *   File uploaded successfully.
+ * </mlv-alert>
+ * ```
+ *
+ * @example Custom icon
+ * ```html
+ * <mlv-alert tone="info">
+ *   <ng-template mlvAlertIcon><svg lucideRocket [size]="16" /></ng-template>
+ *   New version available.
+ * </mlv-alert>
+ * ```
+ */
+export class MlvAlert {
+    /** @protected The component's i18n strings signal. */
+    _i18n = inject(MLV_ALERT_I18N);
+    /**
+     * The semantic tone of the alert.
+     * Controls the color scheme and default icon.
+     * Defaults to `'info'`.
+     */
+    tone = input('info', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
+    /**
+     * When `true`, renders a dismiss (close) button in the alert.
+     * Clicking it emits `dismissed` and hides the alert.
+     * Supports attribute syntax: `<mlv-alert dismissible>`.
+     */
+    dismissible = input(false, { ...(ngDevMode ? { debugName: "dismissible" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * When `true`, renders the alert with a transparent background and a colored border.
+     * The text and border color remain the tone foreground color.
+     * Supports attribute syntax: `<mlv-alert outlined>`.
+     */
+    outlined = input(false, { ...(ngDevMode ? { debugName: "outlined" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * Emits when the user clicks the dismiss button.
+     * The alert is hidden automatically after emission.
+     */
+    dismissed = output();
+    /**
+     * @protected Tracks whether the alert has been dismissed by the user.
+     */
+    _dismissed = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_dismissed" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Query for the optional custom icon slot directive.
+     */
+    _iconSlot = contentChild(MlvAlertIcon, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_iconSlot" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Query for the optional title slot directive.
+     */
+    _titleSlot = contentChild(MlvAlertTitle, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_titleSlot" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Handles dismiss button click: marks as dismissed and emits output.
+     */
+    _onDismiss() {
+        this._dismissed.set(true);
+        this.dismissed.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAlert, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvAlert, isStandalone: true, selector: "mlv-alert", inputs: { tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { attributes: { "role": "alert" }, properties: { "class": "\"mlv-alert--tone-\" + tone()", "class.mlv-alert--dismissed": "_dismissed()", "class.mlv-alert--outlined": "outlined()", "attr.aria-live": "\"polite\"", "attr.hidden": "_dismissed() || null" }, classAttribute: "mlv-alert" }, queries: [{ propertyName: "_iconSlot", first: true, predicate: MlvAlertIcon, descendants: true, isSignal: true }, { propertyName: "_titleSlot", first: true, predicate: MlvAlertTitle, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"mlv-alert__icon\" aria-hidden=\"true\">\n  @if (_iconSlot(); as iconSlot) {\n  <ng-container [ngTemplateOutlet]=\"iconSlot.templateRef\" />\n  } @else { @switch (tone()) { @case ('success') {\n  <svg lucideCheckCircle [size]=\"18\" />\n  } @case ('warning') {\n  <svg lucideTriangleAlert [size]=\"18\" />\n  } @case ('danger') {\n  <svg lucideCircleX [size]=\"18\" />\n  } @default {\n  <svg lucideInfo [size]=\"18\" />\n  } } }\n</div>\n\n<div class=\"mlv-alert__body\">\n  @if (_titleSlot(); as titleSlot) {\n  <div class=\"mlv-alert__title\">\n    <ng-container [ngTemplateOutlet]=\"titleSlot.templateRef\" />\n  </div>\n  }\n  <div class=\"mlv-alert__description\">\n    <ng-content />\n  </div>\n</div>\n\n@if (dismissible()) {\n<mlv-button-close\n  class=\"mlv-alert__dismiss\"\n  mlvDensity=\"tight\"\n  [ariaLabel]=\"_i18n().dismiss\"\n  (mlvClick)=\"_onDismiss()\"\n/>\n}\n", styles: [".mlv-alert{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-alert *{box-sizing:border-box}.mlv-alert{--mlv-alert-bg: color-mix(in srgb, var(--mlv-border-info) 8%, transparent);--mlv-alert-color: var(--mlv-text-primary);--mlv-alert-border: color-mix( in srgb, var(--mlv-border-info) 30%, transparent );--mlv-alert-icon-color: var(--mlv-text-info);display:flex;flex-direction:row;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-radius:var(--mlv-radius-m);border:var(--mlv-stroke-width) solid var(--mlv-alert-border);background-color:var(--mlv-alert-bg);color:var(--mlv-alert-color);width:100%;box-sizing:border-box;position:relative}.mlv-alert--dismissed{display:none}.mlv-alert--outlined{background-color:transparent}.mlv-alert__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--mlv-alert-icon-color);margin-top:.0625rem}.mlv-alert__body{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.mlv-alert__title{font-weight:var(--mlv-font-weight-semibold);line-height:var(--mlv-line-height-tight);color:var(--mlv-alert-color)}.mlv-alert__description{line-height:var(--mlv-line-height-normal);color:var(--mlv-text-secondary)}.mlv-alert .mlv-alert__dismiss{margin-block:-.25rem;margin-right:-.375rem}.mlv-alert .mlv-alert__dismiss .mlv-button{opacity:.7;--mlv-btn-text-color: var(--mlv-alert-icon-color)}.mlv-alert .mlv-alert__dismiss .mlv-button:hover,.mlv-alert .mlv-alert__dismiss .mlv-button:active{opacity:1;--mlv-btn-text-color: var(--mlv-alert-icon-color)}.mlv-alert--tone-info{--mlv-alert-bg: color-mix(in srgb, var(--mlv-border-info) 8%, transparent);--mlv-alert-color: var(--mlv-text-primary);--mlv-alert-border: color-mix(in srgb, var(--mlv-border-info) 30%, transparent);--mlv-alert-icon-color: var(--mlv-text-info)}.mlv-alert--tone-success{--mlv-alert-bg: color-mix(in srgb, var(--mlv-border-success) 8%, transparent);--mlv-alert-color: var(--mlv-text-primary);--mlv-alert-border: color-mix(in srgb, var(--mlv-border-success) 30%, transparent);--mlv-alert-icon-color: var(--mlv-text-positive)}.mlv-alert--tone-warning{--mlv-alert-bg: color-mix(in srgb, var(--mlv-border-warning) 8%, transparent);--mlv-alert-color: var(--mlv-text-primary);--mlv-alert-border: color-mix(in srgb, var(--mlv-border-warning) 30%, transparent);--mlv-alert-icon-color: var(--mlv-text-warning)}.mlv-alert--tone-danger{--mlv-alert-bg: color-mix(in srgb, var(--mlv-border-error) 8%, transparent);--mlv-alert-color: var(--mlv-text-primary);--mlv-alert-border: color-mix(in srgb, var(--mlv-border-error) 30%, transparent);--mlv-alert-icon-color: var(--mlv-text-negative)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: LucideInfo, selector: "svg[lucideInfo]" }, { kind: "component", type: LucideCheckCircle, selector: "svg[lucideCircleCheckBig], svg[lucideCheckCircle]" }, { kind: "component", type: LucideTriangleAlert, selector: "svg[lucideTriangleAlert], svg[lucideAlertTriangle]" }, { kind: "component", type: LucideCircleX, selector: "svg[lucideCircleX], svg[lucideXCircle]" }, { kind: "component", type: MlvButtonClose, selector: "mlv-button-close", inputs: ["variant", "shape", "ariaLabel"] }, { kind: "directive", type: MlvClick, selector: "[mlvClick]", inputs: ["disabled", "hostRole"], outputs: ["mlvClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAlert, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-alert', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        NgTemplateOutlet,
+                        LucideInfo,
+                        LucideCheckCircle,
+                        LucideTriangleAlert,
+                        LucideCircleX,
+                        LucideX,
+                        MlvButtonClose,
+                        MlvClick,
+                    ], host: {
+                        class: 'mlv-alert',
+                        '[class]': '"mlv-alert--tone-" + tone()',
+                        '[class.mlv-alert--dismissed]': '_dismissed()',
+                        '[class.mlv-alert--outlined]': 'outlined()',
+                        role: 'alert',
+                        '[attr.aria-live]': '"polite"',
+                        '[attr.hidden]': '_dismissed() || null',
+                    }, template: "<div class=\"mlv-alert__icon\" aria-hidden=\"true\">\n  @if (_iconSlot(); as iconSlot) {\n  <ng-container [ngTemplateOutlet]=\"iconSlot.templateRef\" />\n  } @else { @switch (tone()) { @case ('success') {\n  <svg lucideCheckCircle [size]=\"18\" />\n  } @case ('warning') {\n  <svg lucideTriangleAlert [size]=\"18\" />\n  } @case ('danger') {\n  <svg lucideCircleX [size]=\"18\" />\n  } @default {\n  <svg lucideInfo [size]=\"18\" />\n  } } }\n</div>\n\n<div class=\"mlv-alert__body\">\n  @if (_titleSlot(); as titleSlot) {\n  <div class=\"mlv-alert__title\">\n    <ng-container [ngTemplateOutlet]=\"titleSlot.templateRef\" />\n  </div>\n  }\n  <div class=\"mlv-alert__description\">\n    <ng-content />\n  </div>\n</div>\n\n@if (dismissible()) {\n<mlv-button-close\n  class=\"mlv-alert__dismiss\"\n  mlvDensity=\"tight\"\n  [ariaLabel]=\"_i18n().dismiss\"\n  (mlvClick)=\"_onDismiss()\"\n/>\n}\n", styles: [".mlv-alert{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-alert *{box-sizing:border-box}.mlv-alert{--mlv-alert-bg: color-mix(in srgb, var(--mlv-border-info) 8%, transparent);--mlv-alert-color: var(--mlv-text-primary);--mlv-alert-border: color-mix( in srgb, var(--mlv-border-info) 30%, transparent );--mlv-alert-icon-color: var(--mlv-text-info);display:flex;flex-direction:row;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-radius:var(--mlv-radius-m);border:var(--mlv-stroke-width) solid var(--mlv-alert-border);background-color:var(--mlv-alert-bg);color:var(--mlv-alert-color);width:100%;box-sizing:border-box;position:relative}.mlv-alert--dismissed{display:none}.mlv-alert--outlined{background-color:transparent}.mlv-alert__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--mlv-alert-icon-color);margin-top:.0625rem}.mlv-alert__body{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.mlv-alert__title{font-weight:var(--mlv-font-weight-semibold);line-height:var(--mlv-line-height-tight);color:var(--mlv-alert-color)}.mlv-alert__description{line-height:var(--mlv-line-height-normal);color:var(--mlv-text-secondary)}.mlv-alert .mlv-alert__dismiss{margin-block:-.25rem;margin-right:-.375rem}.mlv-alert .mlv-alert__dismiss .mlv-button{opacity:.7;--mlv-btn-text-color: var(--mlv-alert-icon-color)}.mlv-alert .mlv-alert__dismiss .mlv-button:hover,.mlv-alert .mlv-alert__dismiss .mlv-button:active{opacity:1;--mlv-btn-text-color: var(--mlv-alert-icon-color)}.mlv-alert--tone-info{--mlv-alert-bg: color-mix(in srgb, var(--mlv-border-info) 8%, transparent);--mlv-alert-color: var(--mlv-text-primary);--mlv-alert-border: color-mix(in srgb, var(--mlv-border-info) 30%, transparent);--mlv-alert-icon-color: var(--mlv-text-info)}.mlv-alert--tone-success{--mlv-alert-bg: color-mix(in srgb, var(--mlv-border-success) 8%, transparent);--mlv-alert-color: var(--mlv-text-primary);--mlv-alert-border: color-mix(in srgb, var(--mlv-border-success) 30%, transparent);--mlv-alert-icon-color: var(--mlv-text-positive)}.mlv-alert--tone-warning{--mlv-alert-bg: color-mix(in srgb, var(--mlv-border-warning) 8%, transparent);--mlv-alert-color: var(--mlv-text-primary);--mlv-alert-border: color-mix(in srgb, var(--mlv-border-warning) 30%, transparent);--mlv-alert-icon-color: var(--mlv-text-warning)}.mlv-alert--tone-danger{--mlv-alert-bg: color-mix(in srgb, var(--mlv-border-error) 8%, transparent);--mlv-alert-color: var(--mlv-text-primary);--mlv-alert-border: color-mix(in srgb, var(--mlv-border-error) 30%, transparent);--mlv-alert-icon-color: var(--mlv-text-negative)}\n"] }]
+        }], propDecorators: { tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], outlined: [{ type: i0.Input, args: [{ isSignal: true, alias: "outlined", required: false }] }], dismissed: [{ type: i0.Output, args: ["dismissed"] }], _iconSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvAlertIcon), { isSignal: true }] }], _titleSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvAlertTitle), { isSignal: true }] }] } });
+//# sourceMappingURL=alert.js.map

package/esm2022/alert/lib/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../../../../libs/core/alert/src/lib/alert/alert.ts","../../../../../../../libs/core/alert/src/lib/alert/alert.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,YAAY,EACZ,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,mBAAmB,EACnB,aAAa,EACb,OAAO,GACR,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEjE,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AA2BH,MAAM,OAAO,QAAQ;IACnB,sDAAsD;IACnC,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAElD;;;;OAIG;IACM,IAAI,GAAG,KAAK,CAAU,MAAM;6EAAC,CAAC;IAEvC;;;;OAIG;IACM,WAAW,GAAG,KAAK,CAAwB,KAAK,mFACvD,SAAS,EAAE,qBAAqB,GAChC,CAAC;IAEH;;;;OAIG;IACM,QAAQ,GAAG,KAAK,CAAwB,KAAK,gFACpD,SAAS,EAAE,qBAAqB,GAChC,CAAC;IAEH;;;OAGG;IACM,SAAS,GAAG,MAAM,EAAQ,CAAC;IAEpC;;OAEG;IACgB,UAAU,GAAG,MAAM,CAAC,KAAK;mFAAC,CAAC;IAE9C;;OAEG;IACgB,SAAS,GAAG,YAAY,CAAC,YAAY;kFAAC,CAAC;IAE1D;;OAEG;IACgB,UAAU,GAAG,YAAY,CAAC,aAAa;mFAAC,CAAC;IAE5D;;OAEG;IACO,UAAU;QAClB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC1B,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IACxB,CAAC;uGAxDU,QAAQ;2FAAR,QAAQ,+zBA2CyB,YAAY,6FAKX,aAAa,gECvI5D,i4BAiCA,2rFDmCI,gBAAgB,oJAChB,UAAU,4DACV,iBAAiB,8FACjB,mBAAmB,+FACnB,aAAa,mFAEb,cAAc,wGACd,QAAQ;;2FAYC,QAAQ;kBA1BpB,SAAS;+BACE,WAAW,iBAGN,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,WACtC;wBACP,gBAAgB;wBAChB,UAAU;wBACV,iBAAiB;wBACjB,mBAAmB;wBACnB,aAAa;wBACb,OAAO;wBACP,cAAc;wBACd,QAAQ;qBACT,QACK;wBACJ,KAAK,EAAE,WAAW;wBAClB,SAAS,EAAE,6BAA6B;wBACxC,8BAA8B,EAAE,cAAc;wBAC9C,6BAA6B,EAAE,YAAY;wBAC3C,IAAI,EAAE,OAAO;wBACb,kBAAkB,EAAE,UAAU;wBAC9B,eAAe,EAAE,sBAAsB;qBACxC;mbA6C2C,YAAY,4FAKX,aAAa","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  contentChild,\n  inject,\n  input,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  LucideInfo,\n  LucideCheckCircle,\n  LucideTriangleAlert,\n  LucideCircleX,\n  LucideX,\n} from '@lucide/angular';\nimport { MlvAlertIcon, MlvAlertTitle } from './alert.directives';\nimport type { MlvTone } from '@malva-ui/cdk/utils';\nimport { MLV_ALERT_I18N } from '@malva-ui/i18n';\nimport { MlvButtonClose } from '@malva-ui/core/button';\nimport { MlvClick } from '@malva-ui/cdk/accessibility';\n\n/**\n * Inline feedback banner component for displaying contextual messages.\n *\n * Supports four semantic tones (`info`, `success`, `warning`, `danger`),\n * optional dismiss button, custom icon slot, and separate title/description\n * content projection slots.\n *\n * @example Basic\n * ```html\n * <mlv-alert tone=\"info\">Your profile has been updated.</mlv-alert>\n * ```\n *\n * @example With title\n * ```html\n * <mlv-alert tone=\"warning\">\n *   <ng-template mlvAlertTitle>Storage nearly full</ng-template>\n *   You have used 90% of your storage quota.\n * </mlv-alert>\n * ```\n *\n * @example Dismissible\n * ```html\n * <mlv-alert tone=\"success\" dismissible (dismissed)=\"onDismissed()\">\n *   File uploaded successfully.\n * </mlv-alert>\n * ```\n *\n * @example Custom icon\n * ```html\n * <mlv-alert tone=\"info\">\n *   <ng-template mlvAlertIcon><svg lucideRocket [size]=\"16\" /></ng-template>\n *   New version available.\n * </mlv-alert>\n * ```\n */\n@Component({\n  selector: 'mlv-alert',\n  templateUrl: './alert.html',\n  styleUrl: './alert.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgTemplateOutlet,\n    LucideInfo,\n    LucideCheckCircle,\n    LucideTriangleAlert,\n    LucideCircleX,\n    LucideX,\n    MlvButtonClose,\n    MlvClick,\n  ],\n  host: {\n    class: 'mlv-alert',\n    '[class]': '\"mlv-alert--tone-\" + tone()',\n    '[class.mlv-alert--dismissed]': '_dismissed()',\n    '[class.mlv-alert--outlined]': 'outlined()',\n    role: 'alert',\n    '[attr.aria-live]': '\"polite\"',\n    '[attr.hidden]': '_dismissed() || null',\n  },\n})\nexport class MlvAlert {\n  /** @protected The component's i18n strings signal. */\n  protected readonly _i18n = inject(MLV_ALERT_I18N);\n\n  /**\n   * The semantic tone of the alert.\n   * Controls the color scheme and default icon.\n   * Defaults to `'info'`.\n   */\n  readonly tone = input<MlvTone>('info');\n\n  /**\n   * When `true`, renders a dismiss (close) button in the alert.\n   * Clicking it emits `dismissed` and hides the alert.\n   * Supports attribute syntax: `<mlv-alert dismissible>`.\n   */\n  readonly dismissible = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * When `true`, renders the alert with a transparent background and a colored border.\n   * The text and border color remain the tone foreground color.\n   * Supports attribute syntax: `<mlv-alert outlined>`.\n   */\n  readonly outlined = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Emits when the user clicks the dismiss button.\n   * The alert is hidden automatically after emission.\n   */\n  readonly dismissed = output<void>();\n\n  /**\n   * @protected Tracks whether the alert has been dismissed by the user.\n   */\n  protected readonly _dismissed = signal(false);\n\n  /**\n   * @protected Query for the optional custom icon slot directive.\n   */\n  protected readonly _iconSlot = contentChild(MlvAlertIcon);\n\n  /**\n   * @protected Query for the optional title slot directive.\n   */\n  protected readonly _titleSlot = contentChild(MlvAlertTitle);\n\n  /**\n   * @protected Handles dismiss button click: marks as dismissed and emits output.\n   */\n  protected _onDismiss(): void {\n    this._dismissed.set(true);\n    this.dismissed.emit();\n  }\n}\n","<div class=\"mlv-alert__icon\" aria-hidden=\"true\">\n  @if (_iconSlot(); as iconSlot) {\n  <ng-container [ngTemplateOutlet]=\"iconSlot.templateRef\" />\n  } @else { @switch (tone()) { @case ('success') {\n  <svg lucideCheckCircle [size]=\"18\" />\n  } @case ('warning') {\n  <svg lucideTriangleAlert [size]=\"18\" />\n  } @case ('danger') {\n  <svg lucideCircleX [size]=\"18\" />\n  } @default {\n  <svg lucideInfo [size]=\"18\" />\n  } } }\n</div>\n\n<div class=\"mlv-alert__body\">\n  @if (_titleSlot(); as titleSlot) {\n  <div class=\"mlv-alert__title\">\n    <ng-container [ngTemplateOutlet]=\"titleSlot.templateRef\" />\n  </div>\n  }\n  <div class=\"mlv-alert__description\">\n    <ng-content />\n  </div>\n</div>\n\n@if (dismissible()) {\n<mlv-button-close\n  class=\"mlv-alert__dismiss\"\n  mlvDensity=\"tight\"\n  [ariaLabel]=\"_i18n().dismiss\"\n  (mlvClick)=\"_onDismiss()\"\n/>\n}\n"]}

package/esm2022/alert/malva-ui-core-alert.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=malva-ui-core-alert.js.map

package/esm2022/alert/malva-ui-core-alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-alert.js","sourceRoot":"","sources":["../../../../../libs/core/alert/src/malva-ui-core-alert.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/autocomplete/index.js

@@ -0,0 +1,2 @@
+export * from './lib/autocomplete/autocomplete';
+//# sourceMappingURL=index.js.map

package/esm2022/autocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/autocomplete/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC","sourcesContent":["export * from './lib/autocomplete/autocomplete';\n"]}