@unipin/angular-applet 18.9.7 → 21.0.1

package/fesm2022/unipin-angular-applet-accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"unipin-angular-applet-accordion.mjs","sources":["../../../projects/unipin-angular/accordion/directives/accordion.directive.ts","../../../projects/unipin-angular/accordion/directives/accordion-item.directive.ts","../../../projects/unipin-angular/accordion/directives/accordion-trigger.directive.ts","../../../projects/unipin-angular/accordion/directives/accordion-content.directive.ts","../../../projects/unipin-angular/accordion/unipin-angular-applet-accordion.ts"],"sourcesContent":["import { booleanAttribute, computed, Directive, input, model, OnInit, effect, output } from '@angular/core';\nimport { ClassValue } from 'clsx';\nimport { up } from '@unipin/angular-applet/common';\n\n@Directive({\n  standalone: true,\n  exportAs: 'upAccordion',\n  selector: '[upAccordion]',\n  host: {\n    '[attr.dir]': 'dir()',\n    '[class]': '_computedClass()',\n  }\n})\nexport class UpAccordionDirective implements OnInit {\n  \n  public readonly dir = input<'ltr' | 'rtl'>('ltr');\n  public readonly orientation = input<'vertical' | 'horizontal'>('vertical');\n  \n  public readonly inlineClass = input<ClassValue>('', { alias: 'class' });\n  \n  public readonly disabled = input(false, { transform: booleanAttribute });\n  public readonly collapsible = input(false, { transform: booleanAttribute });\n\n  public readonly type = model<'single' | 'multiple'>('single');\n\n  public readonly valueChange = output<string | string[]>();\n  public readonly value = model<string | string[] | undefined>();\n  public readonly defaultValue = model<string | string[] | undefined>();\n  \n  protected readonly _computedClass = computed(\n    () => {\n      return up(\n        `overflow-hidden`,\n        this.orientation() === 'horizontal'? 'w-fit' : 'h-fit',\n        this.disabled()? 'cursor-not-allowed opacity-50' : '',\n        this.inlineClass()\n      );\n    }\n  )\n\n  constructor() {\n    effect(\n      () => {\n        if (this.value()) {\n          this.valueChange.emit(this.value() as string | string[]);\n        }\n      }\n    );\n  }\n\n  public ngOnInit(): void{\n    const currentValue = this.value();\n    const defaultVal = this.defaultValue();\n    \n    if (\n      (\n        currentValue === undefined || \n        currentValue === null\n      ) && \n      defaultVal !== undefined\n    ) {\n      this.value.set(defaultVal);\n    }\n  }\n}\n","import { Directive, input, computed, effect, model, booleanAttribute } from '@angular/core';\nimport { ClassValue } from 'clsx';\nimport { up } from '@unipin/angular-applet/common';\nimport { UpAccordionDirective } from './accordion.directive';\n\n@Directive({\n  standalone: true,\n  exportAs: 'upAccordionItem',\n  selector: '[upAccordionItem]',\n  host: {\n    '[class]': '_computedClass()',\n    '[attr.data-state]': `isOpened()? 'open' : 'closed'`\n  }\n})\nexport class UpAccordionItemDirective {\n  \n  public readonly value = input.required<string>();\n  public readonly isOpened = model<boolean>(false);\n  \n  public readonly inlineClass = input<ClassValue>('', { alias: 'class' });\n  public readonly disabled = input(false, { transform: booleanAttribute });\n\n  protected _computedClass = computed(\n    () => {\n      const isHorizontal = this.wrapper.orientation() === 'horizontal';\n      \n      return up(\n        this.disabled()? 'opacity-50' : '',\n        isHorizontal? 'flex flex-row h-auto w-fit' : 'flex flex-col',\n        this.inlineClass()\n      );\n    }\n  );\n\n  constructor (\n    public readonly wrapper: UpAccordionDirective\n  ) {\n    effect(\n      () => {\n        if (this.wrapper.type() === 'single') {\n          this.isOpened.set(this.wrapper.value() === this.value());\n          return;\n        }\n\n        const values = Array.isArray(this.wrapper.value())? this.wrapper.value() : (this.wrapper.value()? [this.wrapper.value()] : []);\n        this.isOpened.set(\n          values!.includes(this.value())\n        );\n      }\n    );\n  }\n\n  public setOpen(value: boolean): void{\n    if (\n      this.disabled() || \n      this.wrapper.disabled()\n    ) {\n      return;\n    }\n    \n    if (this.wrapper.type() === 'multiple') {\n      const rawValue = this.wrapper.value();\n      const currentValues = Array.isArray(rawValue)? [...rawValue] : (rawValue? [rawValue] : []);\n      const itemValue = this.value();\n\n      if (value) {\n        if (!currentValues.includes(itemValue)) {\n          currentValues.push(itemValue);\n        }\n        this.wrapper.value.set(currentValues);\n        \n        return;\n      }\n\n      if (!this.wrapper.collapsible()) {\n        return;\n      }\n\n      const nextValues = currentValues.filter(v => v !== itemValue);\n      this.wrapper.value.set(nextValues.length ? nextValues : undefined);\n      return;\n    }\n\n    if (value) {\n      this.wrapper.value.set(this.value());\n      return;\n    }\n    \n    if (this.wrapper.collapsible()) {\n      this.wrapper.value.set(undefined);\n      return;\n    }\n  }\n}\n","import { Directive, input, computed } from '@angular/core';\nimport { ClassValue } from 'clsx';\nimport { up } from '@unipin/angular-applet/common';\nimport { UpAccordionItemDirective } from './accordion-item.directive';\n\n@Directive({\n  standalone: true,\n  selector: '[upAccordionTrigger]',\n  host: {\n    '[attr.tabindex]': '0',\n    '[attr.role]': `'button'`,\n    '[class]': '_computedClass()',\n    '[attr.aria-expanded]': 'this.item.isOpened()',\n    '[attr.disabled]': 'this.item.disabled() || null',\n    '[attr.data-state]': `this.item.isOpened()? 'open' : 'closed'`,\n    '[attr.aria-disabled]': 'this.item.disabled() || this.item.wrapper.disabled() || null',\n    '[style.writing-mode]': `this.item.wrapper.orientation() === 'horizontal'? 'sideways-lr' : ''`,\n\n    '(click)': 'toggleState()',\n    '(keydown)': 'onKeyDown($event)',\n  }\n})\nexport class UpAccordionTriggerDirective {\n  \n  public readonly inlineClass = input<ClassValue>('', { alias: 'class' });\n\n  protected _computedClass = computed(\n    () => {\n      const isItemDisabled = this.item.disabled() || this.item.wrapper.disabled();\n      \n      return up(\n        'w-full flex items-center justify-between text-left gap-4 cursor-pointer',\n        isItemDisabled? 'cursor-not-allowed' : '',\n        this.item.wrapper.orientation() === 'horizontal'? 'w-fit h-fit' : '',\n        this.inlineClass()\n      );\n    }\n  );\n\n  constructor(\n    public readonly item: UpAccordionItemDirective\n  ) { }\n\n  public toggleState(): void{\n    this.item.setOpen(!this.item.isOpened());\n  }\n\n  public onKeyDown(event: KeyboardEvent): void{\n    if (\n      this.item.disabled() || \n      this.item.wrapper.disabled()) \n    {\n      return;\n    }\n\n    event.preventDefault();\n    switch (event.key) {\n      case 'Enter':\n      case ' ':\n        this.toggleState();\n        break;\n      \n      case 'ArrowDown':\n        this.focusNextItem();\n        break;\n      \n      case 'ArrowUp':\n        this.focusPreviousItem();\n        break;\n      \n      case 'Home':\n        this.focusFirstItem();\n        break;\n      \n      case 'End':\n        this.focusLastItem();\n        break;\n    }\n  }\n\n  protected focusNextItem(): void{\n    const triggers = this.getAllTriggers();\n    const currentIndex = triggers.indexOf(document.activeElement as HTMLElement);\n    \n    if (currentIndex < triggers.length - 1) {\n      triggers[currentIndex + 1].focus();\n    }\n  }\n\n  protected focusPreviousItem(): void{\n    const triggers = this.getAllTriggers();\n    const currentIndex = triggers.indexOf(document.activeElement as HTMLElement);\n    \n    if (currentIndex > 0) {\n      triggers[currentIndex - 1].focus();\n    }\n  }\n\n  protected focusFirstItem(): void{\n    const triggers = this.getAllTriggers();\n    \n    if (triggers.length > 0) {\n      triggers[0].focus();\n    }\n  }\n\n  protected focusLastItem(): void {\n    const triggers = this.getAllTriggers();\n    \n    if (triggers.length > 0) {\n      triggers[triggers.length - 1].focus();\n    }\n  }\n\n  protected getAllTriggers(): HTMLElement[]{\n    const accordionElement = (document.activeElement as HTMLElement)?.closest('[upAccordion]');\n    \n    if (!accordionElement) {\n      return [];\n    }\n    return Array.from(accordionElement.querySelectorAll('[upAccordionTrigger]'));\n  }\n}\n","import { Directive, input, computed } from '@angular/core';\nimport { ClassValue } from 'clsx';\nimport { up } from '@unipin/angular-applet/common';\nimport { UpAccordionItemDirective } from './accordion-item.directive';\n\n@Directive({\n  standalone: true,\n  exportAs: 'upAccordionContent',\n  selector: '[upAccordionContent]',\n  host:{\n    '[class]': '_computedClass()',\n  },\n})\nexport class UpAccordionContentDirective {\n  \n  public readonly inlineClass = input<ClassValue>('', { alias: 'class' });\n\n  protected _computedClass = computed(\n    () => {\n      const isOpened = this.item.isOpened();\n      const isDisabled = this.item.disabled() || this.item.wrapper.disabled();\n      const isHorizontal = this.item.wrapper.orientation() === 'horizontal';\n      \n      return up(\n        `overflow-hidden transition-all`,\n        isDisabled? 'text-gray-400' : '',\n        isHorizontal? (\n          isOpened? 'w-full opacity-100' : 'max-w-0 opacity-0 text-nowrap'\n        ) : (\n          isOpened? 'h-auto opacity-100' : 'max-h-0 opacity-0'\n        ),\n        this.inlineClass()\n      );\n    }\n  );\n\n  constructor(\n    protected readonly item: UpAccordionItemDirective,\n  ) { }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.UpAccordionDirective","i1.UpAccordionItemDirective"],"mappings":"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"}

package/fesm2022/unipin-angular-applet-alert-dialog.mjs

@@ -0,0 +1,267 @@
+import * as i0 from '@angular/core';
+import { inject, computed, ChangeDetectionStrategy, Component, Injectable } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { Validators, ReactiveFormsModule } from '@angular/forms';
+import { UpButtonDirective } from '@unipin/angular-applet/buttons';
+import * as i1$1 from '@unipin/angular-applet/dialog';
+import { UpDialogRef, injectDialogContext } from '@unipin/angular-applet/dialog';
+import { UpCheckboxDirective, UpPasswordComponent, UpInputDirective, UpFormFieldComponent } from '@unipin/angular-applet/forms';
+
+class UpAlertComponent {
+    constructor(fb) {
+        this.fb = fb;
+        this.dialogRef = inject(UpDialogRef);
+        this.opts = injectDialogContext();
+        this.state = computed(() => this.dialogRef?.state() ?? 'closed', ...(ngDevMode ? [{ debugName: "state" }] : []));
+        const fields = this.opts.fields;
+        if (fields) {
+            this.form = this.fb.group({});
+            fields.forEach((field) => {
+                const defaultValue = field.type === 'checkbox' ? false : null;
+                this.form.addControl(field.name, this.fb.control(defaultValue, field.required ? Validators.required : []));
+            });
+        }
+    }
+    clickBtn(index) {
+        const buttons = this.opts.buttons;
+        if (buttons[index].handler) {
+            let value = undefined;
+            if (this.form) {
+                value = { ...this.form?.getRawValue() };
+                this.opts.fields?.forEach((field) => {
+                    if (field.type === 'number' &&
+                        value[field.name] &&
+                        !isNaN(value[field.name])) {
+                        value[field.name] = Number(value[field.name]);
+                    }
+                });
+            }
+            buttons[index].handler(value);
+        }
+        this.dialogRef.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: UpAlertComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: UpAlertComponent, isStandalone: true, selector: "up-alert-dialog", host: { properties: { "attr.data-state": "state()" }, classAttribute: "\n      bg-background shadow-lg rounded-lg relative z-50 grid gap-4 outline-none overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-top-[2%] data-[state=open]:slide-in-from-top-[2%] data-[state=closed]:duration-200 data-[state=open]:duration-200 w-11/12 max-w-125 mx-auto p-5\n    " }, ngImport: i0, template: `
+    <!-- Header -->
+    <div class="flex flex-col gap-2 text-center sm:text-left">
+      <h2 class="text-lg font-semibold">
+        {{ opts.title }}
+      </h2>
+      
+      <p class="text-muted-foreground text-sm">
+        {{ opts.description }}
+      </p>
+    </div>
+
+    <!-- Fields -->
+    @let fields = opts.fields;
+    @if (
+      fields && 
+      fields.length > 0
+    ) {
+      <form [formGroup]="form!" class="flex flex-col gap-6 mb-4 mt-5">
+        @for (field of fields; track $index) {
+          <up-form-field
+            [name]="field.name"
+            [label]="field.name"
+          >
+            @switch (field.type) { 
+              @case ('checkbox') {
+                @defer {
+                  <input 
+                    upCheckbox 
+                    type="checkbox"
+                    [formControlName]="field.name" 
+                    [required]="field.required?? false"
+                  />
+                }
+              }
+
+              @case ('password') {
+                @defer {
+                  <up-password 
+                    [formControlName]="field.name" 
+                    [placeholder]="field.placeholder"
+                    [required]="field.required?? false"
+                  />
+                }
+              }
+
+              <!-- TODO: Select type -->
+
+              @default {
+                @defer {
+                  <input
+                    upInput
+                    [type]="field.type"
+                    [formControlName]="field.name"
+                    [placeholder]="field.placeholder"
+                    [required]="field.required?? false"
+                  />
+                }
+              } 
+            }
+          </up-form-field>
+        }
+      </form>
+    }
+
+    <!-- Footer -->
+    <div class="flex w-full flex-col-reverse gap-2 sm:flex-row sm:justify-end">
+      @for (btn of opts.buttons; track $index) {
+        <button
+          upButton
+          [variant]="opts.buttons[$index].variant"
+          [class]="opts.buttons[$index].additionalClass + ' flex-1'"
+          (click)="clickBtn($index)"
+        >
+          {{ btn.text }}
+        </button>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: UpButtonDirective, selector: "[upButton]", inputs: ["size", "variant", "class"], exportAs: ["upButton"] }, { kind: "component", type: UpFormFieldComponent, selector: "up-form-field", inputs: ["name", "hint", "label", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [i1.CheckboxControlValueAccessor, i1.NgControlStatus, i1.CheckboxRequiredValidator, i1.FormControlName, UpCheckboxDirective], () => [i1.NgControlStatus, i1.RequiredValidator, i1.FormControlName, UpPasswordComponent], () => [i1.DefaultValueAccessor, i1.NgControlStatus, i1.RequiredValidator, i1.FormControlName, UpInputDirective]] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: UpAlertComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: 'up-alert-dialog',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[attr.data-state]': 'state()',
+                        'class': `
+      bg-background shadow-lg rounded-lg relative z-50 grid gap-4 outline-none overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-top-[2%] data-[state=open]:slide-in-from-top-[2%] data-[state=closed]:duration-200 data-[state=open]:duration-200 w-11/12 max-w-125 mx-auto p-5
+    `,
+                    },
+                    imports: [
+                        ReactiveFormsModule,
+                        UpInputDirective,
+                        UpButtonDirective,
+                        UpCheckboxDirective,
+                        UpPasswordComponent,
+                        UpFormFieldComponent,
+                    ],
+                    template: `
+    <!-- Header -->
+    <div class="flex flex-col gap-2 text-center sm:text-left">
+      <h2 class="text-lg font-semibold">
+        {{ opts.title }}
+      </h2>
+      
+      <p class="text-muted-foreground text-sm">
+        {{ opts.description }}
+      </p>
+    </div>
+
+    <!-- Fields -->
+    @let fields = opts.fields;
+    @if (
+      fields && 
+      fields.length > 0
+    ) {
+      <form [formGroup]="form!" class="flex flex-col gap-6 mb-4 mt-5">
+        @for (field of fields; track $index) {
+          <up-form-field
+            [name]="field.name"
+            [label]="field.name"
+          >
+            @switch (field.type) { 
+              @case ('checkbox') {
+                @defer {
+                  <input 
+                    upCheckbox 
+                    type="checkbox"
+                    [formControlName]="field.name" 
+                    [required]="field.required?? false"
+                  />
+                }
+              }
+
+              @case ('password') {
+                @defer {
+                  <up-password 
+                    [formControlName]="field.name" 
+                    [placeholder]="field.placeholder"
+                    [required]="field.required?? false"
+                  />
+                }
+              }
+
+              <!-- TODO: Select type -->
+
+              @default {
+                @defer {
+                  <input
+                    upInput
+                    [type]="field.type"
+                    [formControlName]="field.name"
+                    [placeholder]="field.placeholder"
+                    [required]="field.required?? false"
+                  />
+                }
+              } 
+            }
+          </up-form-field>
+        }
+      </form>
+    }
+
+    <!-- Footer -->
+    <div class="flex w-full flex-col-reverse gap-2 sm:flex-row sm:justify-end">
+      @for (btn of opts.buttons; track $index) {
+        <button
+          upButton
+          [variant]="opts.buttons[$index].variant"
+          [class]="opts.buttons[$index].additionalClass + ' flex-1'"
+          (click)="clickBtn($index)"
+        >
+          {{ btn.text }}
+        </button>
+      }
+    </div>
+  `
+                }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }] });
+
+class UpAlertController {
+    constructor(dialog) {
+        this.dialog = dialog;
+        this.MAX_FIELDS = 3;
+        this.MAX_BUTTONS = 2;
+    }
+    show(options, canDismiss = false) {
+        if (options.fields &&
+            options.fields.length > this.MAX_FIELDS) {
+            throw new Error(`AlertService: "fields" exceeded the maximum allowed (${this.MAX_FIELDS}).`);
+        }
+        if (options.buttons &&
+            options.buttons.length > this.MAX_BUTTONS) {
+            throw new Error(`AlertService: "buttons" exceeded the maximum allowed (${this.MAX_BUTTONS}).`);
+        }
+        return this.dialog.open({
+            content: UpAlertComponent,
+            context: options,
+            options: {
+                hasBackdrop: true,
+                disableClose: !canDismiss,
+                closeOnBackdropClick: canDismiss,
+                closeOnOutsidePointerEvents: canDismiss
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: UpAlertController, deps: [{ token: i1$1.UpDialogService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: UpAlertController, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: UpAlertController, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$1.UpDialogService }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UpAlertController };
+//# sourceMappingURL=unipin-angular-applet-alert-dialog.mjs.map

package/fesm2022/unipin-angular-applet-alert-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"unipin-angular-applet-alert-dialog.mjs","sources":["../../../projects/unipin-angular/alert-dialog/components/alert-dialog.component.ts","../../../projects/unipin-angular/alert-dialog/services/alert-controller.service.ts","../../../projects/unipin-angular/alert-dialog/unipin-angular-applet-alert-dialog.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject } from '@angular/core';\nimport { FormBuilder, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';\nimport { UpButtonDirective } from '@unipin/angular-applet/buttons';\nimport { injectDialogContext, UpDialogRef } from '@unipin/angular-applet/dialog';\nimport { UpInputDirective, UpCheckboxDirective, UpFormFieldComponent, UpPasswordComponent } from '@unipin/angular-applet/forms';\nimport { AlertOptions } from '../types/alert-options.type';\n\n@Component({\n  standalone: true,\n  selector: 'up-alert-dialog',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.data-state]': 'state()',\n    'class': `\n      bg-background shadow-lg rounded-lg relative z-50 grid gap-4 outline-none overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-top-[2%] data-[state=open]:slide-in-from-top-[2%] data-[state=closed]:duration-200 data-[state=open]:duration-200 w-11/12 max-w-125 mx-auto p-5\n    `,\n  },\n  imports: [\n    ReactiveFormsModule,\n    UpInputDirective,\n    UpButtonDirective, \n    UpCheckboxDirective,\n    UpPasswordComponent,\n    UpFormFieldComponent,\n  ],\n  template: `\n    <!-- Header -->\n    <div class=\"flex flex-col gap-2 text-center sm:text-left\">\n      <h2 class=\"text-lg font-semibold\">\n        {{ opts.title }}\n      </h2>\n      \n      <p class=\"text-muted-foreground text-sm\">\n        {{ opts.description }}\n      </p>\n    </div>\n\n    <!-- Fields -->\n    @let fields = opts.fields;\n    @if (\n      fields && \n      fields.length > 0\n    ) {\n      <form [formGroup]=\"form!\" class=\"flex flex-col gap-6 mb-4 mt-5\">\n        @for (field of fields; track $index) {\n          <up-form-field\n            [name]=\"field.name\"\n            [label]=\"field.name\"\n          >\n            @switch (field.type) { \n              @case ('checkbox') {\n                @defer {\n                  <input \n                    upCheckbox \n                    type=\"checkbox\"\n                    [formControlName]=\"field.name\" \n                    [required]=\"field.required?? false\"\n                  />\n                }\n              }\n\n              @case ('password') {\n                @defer {\n                  <up-password \n                    [formControlName]=\"field.name\" \n                    [placeholder]=\"field.placeholder\"\n                    [required]=\"field.required?? false\"\n                  />\n                }\n              }\n\n              <!-- TODO: Select type -->\n\n              @default {\n                @defer {\n                  <input\n                    upInput\n                    [type]=\"field.type\"\n                    [formControlName]=\"field.name\"\n                    [placeholder]=\"field.placeholder\"\n                    [required]=\"field.required?? false\"\n                  />\n                }\n              } \n            }\n          </up-form-field>\n        }\n      </form>\n    }\n\n    <!-- Footer -->\n    <div class=\"flex w-full flex-col-reverse gap-2 sm:flex-row sm:justify-end\">\n      @for (btn of opts.buttons; track $index) {\n        <button\n          upButton\n          [variant]=\"opts.buttons[$index].variant\"\n          [class]=\"opts.buttons[$index].additionalClass + ' flex-1'\"\n          (click)=\"clickBtn($index)\"\n        >\n          {{ btn.text }}\n        </button>\n      }\n    </div>\n  `\n})\nexport class UpAlertComponent {\n\n  public readonly dialogRef = inject(UpDialogRef);\n  public readonly opts = injectDialogContext<AlertOptions>();\n\n  public readonly state = computed(() => this.dialogRef?.state()?? 'closed');\n\n  public form?: FormGroup;\n\n  constructor(\n    protected fb: FormBuilder\n  ) {\n    const fields = this.opts.fields;\n    \n    if (fields) {\n      this.form = this.fb.group({ });\n      \n      fields.forEach(\n        (field) => {\n          const defaultValue = field.type === 'checkbox'? false : null;\n          \n          this.form!.addControl(\n            field.name,\n            this.fb.control(defaultValue, field.required? Validators.required : [])\n          );\n        }  \n      );\n    }\n  }\n\n  public clickBtn(index: number): void{\n    const buttons = this.opts.buttons;\n\n    if (buttons[index].handler) {\n      let value: undefined | Record<string, any> = undefined;\n\n      if (this.form) {\n        value = { ...this.form?.getRawValue() };\n\n        this.opts.fields?.forEach(\n          (field) => {\n            if (\n              field.type === 'number' &&\n              value![field.name] &&\n              !isNaN(value![field.name])\n            ) {\n              value![field.name] = Number(value![field.name]);\n            }\n          }\n        );\n      }\n      buttons[index].handler(value);\n    }\n\n    this.dialogRef.close();\n  }\n}\n","import { Injectable } from '@angular/core';\nimport { UpDialogRef, UpDialogService } from '@unipin/angular-applet/dialog';\nimport { AlertOptions } from '../types/alert-options.type';\nimport { UpAlertComponent } from '../components/alert-dialog.component';\n\n@Injectable({ \n  providedIn: 'root' \n})\nexport class UpAlertController {\n\n  protected readonly MAX_FIELDS = 3;\n  protected readonly MAX_BUTTONS = 2;\n\n  constructor(protected dialog: UpDialogService) {}\n\n  public show(options: AlertOptions, canDismiss: boolean = false): UpDialogRef{\n    if (\n      options.fields && \n      options.fields.length > this.MAX_FIELDS\n    ) {\n      throw new Error(\n        `AlertService: \"fields\" exceeded the maximum allowed (${ this.MAX_FIELDS }).`\n      );\n    }\n\n    if (\n      options.buttons && \n      options.buttons.length > this.MAX_BUTTONS\n    ) {\n      throw new Error(\n        `AlertService: \"buttons\" exceeded the maximum allowed (${ this.MAX_BUTTONS }).`\n      );\n    }\n\n    return this.dialog.open(\n      {\n        content: UpAlertComponent,\n        context: options,\n        options: {\n          hasBackdrop: true,\n          disableClose: !canDismiss,\n          closeOnBackdropClick: canDismiss,\n          closeOnOutsidePointerEvents: canDismiss\n        }\n      }\n    );\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":";;;;;;;;;MAyGa,gBAAgB,CAAA;AAS3B,IAAA,WAAA,CACY,EAAe,EAAA;QAAf,IAAA,CAAA,EAAE,GAAF,EAAE;AARE,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC;QAC/B,IAAA,CAAA,IAAI,GAAG,mBAAmB,EAAgB;AAE1C,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,IAAG,QAAQ,iDAAC;AAOxE,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM;QAE/B,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,EAAG,CAAC;AAE9B,YAAA,MAAM,CAAC,OAAO,CACZ,CAAC,KAAK,KAAI;AACR,gBAAA,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,KAAK,UAAU,GAAE,KAAK,GAAG,IAAI;AAE5D,gBAAA,IAAI,CAAC,IAAK,CAAC,UAAU,CACnB,KAAK,CAAC,IAAI,EACV,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,QAAQ,GAAE,UAAU,CAAC,QAAQ,GAAG,EAAE,CAAC,CACxE;AACH,YAAA,CAAC,CACF;QACH;IACF;AAEO,IAAA,QAAQ,CAAC,KAAa,EAAA;AAC3B,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO;AAEjC,QAAA,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE;YAC1B,IAAI,KAAK,GAAoC,SAAS;AAEtD,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE;gBACb,KAAK,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE;gBAEvC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,CACvB,CAAC,KAAK,KAAI;AACR,oBAAA,IACE,KAAK,CAAC,IAAI,KAAK,QAAQ;AACvB,wBAAA,KAAM,CAAC,KAAK,CAAC,IAAI,CAAC;wBAClB,CAAC,KAAK,CAAC,KAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAC1B;AACA,wBAAA,KAAM,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,KAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;oBACjD;AACF,gBAAA,CAAC,CACF;YACH;YACA,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;QAC/B;AAEA,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;IACxB;8GAvDW,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,EAAA,cAAA,EAAA,8cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAhFjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8ET,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EArFC,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,sGAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAEnB,iBAAiB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAGjB,oBAAoB,uQAFpB,mBAAmB,CAAA,EAAA,MAAA,CAAA,EAAA,CAAA,eAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,CAAA,eAAA,EACnB,mBAAmB,CAAA,EAAA,MAAA,CAAA,EAAA,CAAA,oBAAA,EAAA,EAAA,CAAA,eAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,CAAA,eAAA,EAHnB,gBAAgB,CAAA,CAAA,EAAA,CAAA,CAAA;;2FAsFP,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAlG5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,iBAAiB;oBAC3B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACJ,wBAAA,mBAAmB,EAAE,SAAS;AAC9B,wBAAA,OAAO,EAAE;;AAER,IAAA,CAAA;AACF,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,mBAAmB;wBACnB,gBAAgB;wBAChB,iBAAiB;wBACjB,mBAAmB;wBACnB,mBAAmB;wBACnB,oBAAoB;AACrB,qBAAA;AACD,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8ET,EAAA;AACF,iBAAA;;;MChGY,iBAAiB,CAAA;AAK5B,IAAA,WAAA,CAAsB,MAAuB,EAAA;QAAvB,IAAA,CAAA,MAAM,GAAN,MAAM;QAHT,IAAA,CAAA,UAAU,GAAG,CAAC;QACd,IAAA,CAAA,WAAW,GAAG,CAAC;IAEc;AAEzC,IAAA,IAAI,CAAC,OAAqB,EAAE,UAAA,GAAsB,KAAK,EAAA;QAC5D,IACE,OAAO,CAAC,MAAM;YACd,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,EACvC;YACA,MAAM,IAAI,KAAK,CACb,CAAA,qDAAA,EAAyD,IAAI,CAAC,UAAW,CAAA,EAAA,CAAI,CAC9E;QACH;QAEA,IACE,OAAO,CAAC,OAAO;YACf,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,WAAW,EACzC;YACA,MAAM,IAAI,KAAK,CACb,CAAA,sDAAA,EAA0D,IAAI,CAAC,WAAY,CAAA,EAAA,CAAI,CAChF;QACH;AAEA,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CACrB;AACE,YAAA,OAAO,EAAE,gBAAgB;AACzB,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,OAAO,EAAE;AACP,gBAAA,WAAW,EAAE,IAAI;gBACjB,YAAY,EAAE,CAAC,UAAU;AACzB,gBAAA,oBAAoB,EAAE,UAAU;AAChC,gBAAA,2BAA2B,EAAE;AAC9B;AACF,SAAA,CACF;IACH;8GAtCW,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,IAAA,CAAA,eAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,cAFhB,MAAM,EAAA,CAAA,CAAA;;2FAEP,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAH7B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE;AACb,iBAAA;;;ACPD;;AAEG;;;;"}

package/fesm2022/unipin-angular-applet-alert.mjs

@@ -0,0 +1,94 @@
+import { cva } from 'class-variance-authority';
+import * as i0 from '@angular/core';
+import { input, computed, Directive } from '@angular/core';
+import { up } from '@unipin/angular-applet/common';
+
+const alertVariants = cva('[&_ng-icon]:text-[16px] relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>ng-icon]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>ng-icon]:gap-x-3 gap-y-0.5 items-start [&>ng-icon]:size-4 [&>ng-icon]:translate-y-0.5 [&>ng-icon]:text-current', {
+    variants: {
+        variant: {
+            default: 'dark:text-white',
+            success: 'text-green-600',
+            warning: 'text-yellow-600',
+            destructive: 'text-destructive',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+
+class UpAlertDirective {
+    constructor() {
+        this.variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+        this.inlineClass = input('', ...(ngDevMode ? [{ debugName: "inlineClass", alias: 'class' }] : [{ alias: 'class' }]));
+        this._computedClass = computed(() => {
+            return up('select-none outline-none', alertVariants({
+                variant: this.variant(),
+            }), this.inlineClass());
+        }, ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: UpAlertDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.0", type: UpAlertDirective, isStandalone: true, selector: "[upAlert]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, inlineClass: { classPropertyName: "inlineClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, exportAs: ["upAlert"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: UpAlertDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    exportAs: 'upAlert',
+                    selector: '[upAlert]',
+                    host: {
+                        '[class]': '_computedClass()',
+                    }
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], inlineClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class UpAlertTitleDirective {
+    constructor() {
+        this.inlineClass = input('', ...(ngDevMode ? [{ debugName: "inlineClass", alias: 'class' }] : [{ alias: 'class' }]));
+        this._computedClass = computed(() => {
+            return up('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', this.inlineClass());
+        }, ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: UpAlertTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.0", type: UpAlertTitleDirective, isStandalone: true, selector: "[upAlertTitle]", inputs: { inlineClass: { classPropertyName: "inlineClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, exportAs: ["upAlertTitle"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: UpAlertTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    exportAs: 'upAlertTitle',
+                    selector: '[upAlertTitle]',
+                    host: {
+                        '[class]': '_computedClass()',
+                    }
+                }]
+        }], propDecorators: { inlineClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class UpAlertDescriptionDirective {
+    constructor() {
+        this.inlineClass = input('', ...(ngDevMode ? [{ debugName: "inlineClass", alias: 'class' }] : [{ alias: 'class' }]));
+        this._computedClass = computed(() => {
+            return up('col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', this.inlineClass());
+        }, ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: UpAlertDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.0", type: UpAlertDescriptionDirective, isStandalone: true, selector: "[upAlertDescription]", inputs: { inlineClass: { classPropertyName: "inlineClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, exportAs: ["upAlertDescription"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: UpAlertDescriptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    exportAs: 'upAlertDescription',
+                    selector: '[upAlertDescription]',
+                    host: {
+                        '[class]': '_computedClass()',
+                    }
+                }]
+        }], propDecorators: { inlineClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UpAlertDescriptionDirective, UpAlertDirective, UpAlertTitleDirective, alertVariants };
+//# sourceMappingURL=unipin-angular-applet-alert.mjs.map

package/fesm2022/unipin-angular-applet-alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"unipin-angular-applet-alert.mjs","sources":["../../../projects/unipin-angular/alert/types/alert-variant.type.ts","../../../projects/unipin-angular/alert/directives/alert.directive.ts","../../../projects/unipin-angular/alert/directives/alert-title.directive.ts","../../../projects/unipin-angular/alert/directives/alert-description.directive.ts","../../../projects/unipin-angular/alert/unipin-angular-applet-alert.ts"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority';\n\nexport const alertVariants = cva(\n  '[&_ng-icon]:text-[16px] relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>ng-icon]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>ng-icon]:gap-x-3 gap-y-0.5 items-start [&>ng-icon]:size-4 [&>ng-icon]:translate-y-0.5 [&>ng-icon]:text-current',\n  {\n    variants: {\n      variant: {\n        default: 'dark:text-white',\n        success: 'text-green-600',\n        warning: 'text-yellow-600',\n        destructive: 'text-destructive',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nexport type AlertVariants = VariantProps<typeof alertVariants>;\n","import { computed, Directive, input } from '@angular/core';\nimport { ClassValue } from 'clsx';\nimport { up } from '@unipin/angular-applet/common';\nimport { alertVariants, AlertVariants } from '../types/alert-variant.type';\n\n@Directive({\n  standalone: true,\n  exportAs: 'upAlert',\n  selector: '[upAlert]',\n  host: {\n    '[class]': '_computedClass()',\n  }\n})\nexport class UpAlertDirective {\n\n  public readonly variant = input<AlertVariants['variant']>('default');\n  public readonly inlineClass = input<ClassValue>('', { alias: 'class' });\n\n  protected readonly _computedClass = computed(\n    () => {\n      return up(\n        'select-none outline-none',\n        alertVariants(\n          {\n            variant: this.variant(),\n          }\n        ),\n        this.inlineClass(),\n      );\n    }\n  );\n}\n","import { computed, Directive, input } from '@angular/core';\nimport { ClassValue } from 'clsx';\nimport { up } from '@unipin/angular-applet/common';\n\n@Directive({\n  standalone: true,\n  exportAs: 'upAlertTitle',\n  selector: '[upAlertTitle]',\n  host: {\n    '[class]': '_computedClass()',\n  }\n})\nexport class UpAlertTitleDirective {\n\n  public readonly inlineClass = input<ClassValue>('', { alias: 'class' });\n  \n  protected readonly _computedClass = computed(\n    () => {\n      return up(\n        'col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight',\n        this.inlineClass(),\n      );\n    }\n  );\n}\n","import { computed, Directive, input } from '@angular/core';\nimport { ClassValue } from 'clsx';\nimport { up } from '@unipin/angular-applet/common';\n\n@Directive({\n  standalone: true,\n  exportAs: 'upAlertDescription',\n  selector: '[upAlertDescription]',\n  host: {\n    '[class]': '_computedClass()',\n  }\n})\nexport class UpAlertDescriptionDirective {\n  \n  public readonly inlineClass = input<ClassValue>('', { alias: 'class' });\n\n  protected readonly _computedClass = computed(\n    () => {\n      return up(\n        'col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed',\n        this.inlineClass(),\n      );\n    }\n  );\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}