@edsis/ui 0.0.2

package/fesm2022/edsis-ui-tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edsis-ui-tabs.mjs","sources":["../../../library/ui/tabs/tabs.component.ts","../../../library/ui/tabs/edsis-ui-tabs.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  ElementRef,\n  computed,\n  forwardRef,\n  inject,\n  input,\n  model,\n} from '@angular/core';\nimport { cn } from '@edsis/ui/utils';\n\nexport type TabsListVariant = 'default' | 'line';\n\ninterface TabsTriggerRegistration {\n  readonly element: HTMLElement;\n  readonly value: () => string;\n  readonly disabled: () => boolean;\n}\n\nlet nextTabsId = 0;\n\n/**\n * Shared state for a tabs group. Children read the active value and register\n * themselves so the group can drive roving-tabindex keyboard navigation.\n */\n@Directive()\nexport abstract class TabsContextBase {\n  abstract value: ReturnType<typeof model<string | null>>;\n  abstract register(element: HTMLElement, value: () => string, disabled: () => boolean): void;\n  abstract unregister(element: HTMLElement): void;\n  abstract activate(value: string, focus?: boolean): void;\n  abstract focusNext(from: HTMLElement, offset: number): void;\n  abstract focusFirst(): void;\n  abstract focusLast(): void;\n  abstract triggerId(value: string): string;\n  abstract contentId(value: string): string;\n}\n\n@Directive()\nexport abstract class TabsListContextBase {\n  abstract listVariant(): TabsListVariant;\n}\n\n@Component({\n  selector: 'ui-tabs',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: TabsContextBase, useExisting: forwardRef(() => TabsComponent) }],\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-orientation]': 'orientation()',\n  },\n  template: `<ng-content />`,\n})\nexport class TabsComponent extends TabsContextBase {\n  readonly value = model<string | null>(null);\n  readonly orientation = input<'horizontal' | 'vertical'>('horizontal');\n  readonly class = input<string>('');\n\n  private readonly idPrefix = `ui-tabs-${nextTabsId++}`;\n  private readonly triggers = new Map<HTMLElement, TabsTriggerRegistration>();\n\n  protected readonly classes = computed(() =>\n    cn(this.orientation() === 'vertical' ? 'flex items-start gap-4' : 'block', this.class()),\n  );\n\n  override register(element: HTMLElement, value: () => string, disabled: () => boolean): void {\n    this.triggers.set(element, { element, value, disabled });\n\n    if (this.value() == null && !disabled()) {\n      this.value.set(value());\n    }\n  }\n\n  override unregister(element: HTMLElement): void {\n    this.triggers.delete(element);\n  }\n\n  override activate(value: string, focus = false): void {\n    const trigger = this.triggerForValue(value);\n    if (!trigger || trigger.disabled()) return;\n\n    this.value.set(value);\n    if (focus) {\n      trigger.element.focus();\n    }\n  }\n\n  override focusNext(from: HTMLElement, offset: number): void {\n    const enabledTriggers = this.enabledTriggers();\n    const currentIndex = enabledTriggers.findIndex((trigger) => trigger.element === from);\n    if (currentIndex < 0 || enabledTriggers.length === 0) return;\n\n    const nextTrigger = enabledTriggers[(currentIndex + offset + enabledTriggers.length) % enabledTriggers.length];\n    this.activate(nextTrigger.value(), true);\n  }\n\n  override focusFirst(): void {\n    const firstTrigger = this.enabledTriggers()[0];\n    if (firstTrigger) this.activate(firstTrigger.value(), true);\n  }\n\n  override focusLast(): void {\n    const enabledTriggers = this.enabledTriggers();\n    const lastTrigger = enabledTriggers[enabledTriggers.length - 1];\n    if (lastTrigger) this.activate(lastTrigger.value(), true);\n  }\n\n  override triggerId(value: string): string {\n    return `${this.idPrefix}-trigger-${this.normalizeValue(value)}`;\n  }\n\n  override contentId(value: string): string {\n    return `${this.idPrefix}-content-${this.normalizeValue(value)}`;\n  }\n\n  private enabledTriggers(): TabsTriggerRegistration[] {\n    return [...this.triggers.values()].filter((trigger) => !trigger.disabled());\n  }\n\n  private triggerForValue(value: string): TabsTriggerRegistration | undefined {\n    return [...this.triggers.values()].find((trigger) => trigger.value() === value);\n  }\n\n  private normalizeValue(value: string): string {\n    const normalized = value\n      .toLowerCase()\n      .replace(/[^a-z0-9_-]+/g, '-')\n      .replace(/^-+|-+$/g, '');\n\n    return normalized || 'tab';\n  }\n}\n\n@Component({\n  selector: 'ui-tabs-list',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: TabsListContextBase, useExisting: forwardRef(() => TabsListComponent) }],\n  host: {\n    '[class]': 'classes()',\n    '[attr.role]': '\"tablist\"',\n    '[attr.aria-orientation]': 'ctx.orientation()',\n    '[attr.data-variant]': 'variant()',\n  },\n  template: `<ng-content />`,\n})\nexport class TabsListComponent extends TabsListContextBase {\n  protected readonly ctx = inject(TabsComponent);\n  readonly variant = input<TabsListVariant>('default');\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() => cn(this.variantClasses(), this.class()));\n\n  override listVariant(): TabsListVariant {\n    return this.variant();\n  }\n\n  private variantClasses(): string {\n    if (this.variant() === 'line') {\n      return this.ctx.orientation() === 'vertical'\n        ? 'inline-flex flex-col items-stretch justify-start gap-1 border-e border-border bg-transparent p-0 pe-3 text-muted-foreground'\n        : 'inline-flex h-9 items-center justify-start gap-4 border-b border-border bg-transparent p-0 text-muted-foreground';\n    }\n\n    return this.ctx.orientation() === 'vertical'\n      ? 'inline-flex flex-col items-stretch justify-start rounded-md bg-muted p-1 text-muted-foreground'\n      : 'inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground';\n  }\n}\n\n@Component({\n  selector: 'button[ui-tabs-trigger]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[id]': 'triggerId()',\n    type: 'button',\n    '[attr.role]': '\"tab\"',\n    '[attr.aria-selected]': 'selected()',\n    '[attr.aria-controls]': 'contentId()',\n    '[attr.aria-disabled]': 'disabled() ? \"true\" : null',\n    '[attr.tabindex]': 'selected() ? 0 : -1',\n    '[attr.data-state]': 'selected() ? \"active\" : \"inactive\"',\n    '[disabled]': 'disabled() || null',\n    '(click)': 'onClick()',\n    '(keydown.arrowRight)': 'onArrow($any($event), 1, \"horizontal\")',\n    '(keydown.arrowLeft)': 'onArrow($any($event), -1, \"horizontal\")',\n    '(keydown.arrowDown)': 'onArrow($any($event), 1, \"vertical\")',\n    '(keydown.arrowUp)': 'onArrow($any($event), -1, \"vertical\")',\n    '(keydown.home)': 'onHome($any($event))',\n    '(keydown.end)': 'onEnd($any($event))',\n  },\n  template: `<ng-content />`,\n})\nexport class TabsTriggerComponent {\n  protected readonly ctx = inject(TabsComponent);\n  private readonly list = inject(TabsListContextBase, { optional: true });\n  private readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  readonly value = input.required<string>();\n  readonly disabled = input<boolean>(false);\n  readonly class = input<string>('');\n\n  protected readonly selected = computed(() => this.ctx.value() === this.value());\n  protected readonly triggerId = computed(() => this.ctx.triggerId(this.value()));\n  protected readonly contentId = computed(() => this.ctx.contentId(this.value()));\n\n  protected readonly classes = computed(() =>\n    cn(\n      'inline-flex items-center justify-center gap-1.5 whitespace-nowrap text-sm font-medium',\n      'ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n      'disabled:pointer-events-none disabled:opacity-50',\n      this.variantClasses(),\n      this.class(),\n    ),\n  );\n\n  ngOnInit(): void {\n    this.ctx.register(this.el.nativeElement, this.value, this.disabled);\n  }\n\n  ngOnDestroy(): void {\n    this.ctx.unregister(this.el.nativeElement);\n  }\n\n  protected onClick(): void {\n    if (this.disabled()) return;\n    this.ctx.activate(this.value());\n  }\n\n  protected onArrow(e: KeyboardEvent, delta: number, axis: 'horizontal' | 'vertical'): void {\n    if (this.ctx.orientation() !== axis) return;\n    e.preventDefault();\n    this.ctx.focusNext(this.el.nativeElement, delta);\n  }\n\n  protected onHome(e: KeyboardEvent): void {\n    e.preventDefault();\n    this.ctx.focusFirst();\n  }\n\n  protected onEnd(e: KeyboardEvent): void {\n    e.preventDefault();\n    this.ctx.focusLast();\n  }\n\n  private variantClasses(): string {\n    const variant = this.list?.listVariant() ?? 'default';\n\n    if (variant === 'line') {\n      return this.ctx.orientation() === 'vertical'\n        ? 'w-full justify-start rounded-none border-e-2 border-transparent px-3 py-2 data-[state=active]:border-foreground data-[state=active]:bg-transparent data-[state=active]:text-foreground data-[state=active]:shadow-none'\n        : 'rounded-none border-b-2 border-transparent px-2 py-2 data-[state=active]:border-foreground data-[state=active]:bg-transparent data-[state=active]:text-foreground data-[state=active]:shadow-none';\n    }\n\n    return cn(\n      'rounded-sm px-3 py-1.5 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',\n      this.ctx.orientation() === 'vertical' && 'w-full justify-start',\n    );\n  }\n}\n\n@Component({\n  selector: 'ui-tabs-content',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[id]': 'contentId()',\n    '[attr.role]': '\"tabpanel\"',\n    '[attr.aria-labelledby]': 'triggerId()',\n    '[attr.data-state]': 'active() ? \"active\" : \"inactive\"',\n    '[hidden]': '!active()',\n    tabindex: '0',\n  },\n  template: `@if (active()) {\n    <ng-content />\n  }`,\n})\nexport class TabsContentComponent {\n  private readonly ctx = inject(TabsComponent);\n  readonly value = input.required<string>();\n  readonly class = input<string>('');\n  protected readonly active = computed(() => this.ctx.value() === this.value());\n  protected readonly triggerId = computed(() => this.ctx.triggerId(this.value()));\n  protected readonly contentId = computed(() => this.ctx.contentId(this.value()));\n  protected readonly classes = computed(() =>\n    cn(\n      'mt-2 block ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n      this.class(),\n    ),\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/edsis-ui-textarea.mjs

@@ -0,0 +1,37 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { cn } from '@edsis/ui/utils';
+
+class TextareaComponent {
+    el = inject(ElementRef);
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn([
+        'flex min-h-[60px] w-full resize-y rounded-md border border-input bg-transparent px-3 py-2',
+        'text-sm shadow-sm transition-colors',
+        'placeholder:text-muted-foreground',
+        'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring',
+        'disabled:cursor-not-allowed disabled:opacity-50',
+        'aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-visible:ring-destructive',
+    ].join(' '), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    focus() {
+        this.el.nativeElement.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: TextareaComponent, isStandalone: true, selector: "textarea[ui-textarea]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TextareaComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'textarea[ui-textarea]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { '[class]': 'classes()' },
+                    template: '',
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextareaComponent };
+//# sourceMappingURL=edsis-ui-textarea.mjs.map

package/fesm2022/edsis-ui-textarea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edsis-ui-textarea.mjs","sources":["../../../library/ui/textarea/textarea.component.ts","../../../library/ui/textarea/edsis-ui-textarea.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, computed, inject, input } from '@angular/core';\nimport { cn } from '@edsis/ui/utils';\n\n@Component({\n  selector: 'textarea[ui-textarea]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { '[class]': 'classes()' },\n  template: '',\n})\nexport class TextareaComponent {\n  private readonly el = inject<ElementRef<HTMLTextAreaElement>>(ElementRef);\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn(\n      [\n        'flex min-h-[60px] w-full resize-y rounded-md border border-input bg-transparent px-3 py-2',\n        'text-sm shadow-sm transition-colors',\n        'placeholder:text-muted-foreground',\n        'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-visible:ring-destructive',\n      ].join(' '),\n      this.class(),\n    ),\n  );\n\n  focus(): void {\n    this.el.nativeElement.focus();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MASa,iBAAiB,CAAA;AACX,IAAA,EAAE,GAAG,MAAM,CAAkC,UAAU,CAAC;AAChE,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,4EAAC;AAEf,IAAA,OAAO,GAAG,QAAQ,CAAC,MACpC,EAAE,CACA;QACE,2FAA2F;QAC3F,qCAAqC;QACrC,mCAAmC;QACnC,yEAAyE;QACzE,iDAAiD;QACjD,2FAA2F;KAC5F,CAAC,IAAI,CAAC,GAAG,CAAC,EACX,IAAI,CAAC,KAAK,EAAE,CACb,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CACF;IAED,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE;IAC/B;wGApBW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,qQAFlB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAED,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAN7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;oBACjC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE;AAChC,oBAAA,QAAQ,EAAE,EAAE;AACb,iBAAA;;;ACRD;;AAEG;;;;"}

package/fesm2022/edsis-ui-timeline.mjs

@@ -0,0 +1,213 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, computed, ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { cn } from '@edsis/ui/utils';
+
+const TIMELINE_BASE = [
+    'w-full min-w-0 text-sm text-foreground',
+    '[--timeline-content-gap:0.75rem] [--timeline-indicator-size:1.5rem] [--timeline-item-gap:1.5rem]',
+].join(' ');
+const timelineSizeClasses = {
+    default: '[--timeline-indicator-size:1.5rem]',
+    lg: '[--timeline-indicator-size:2.5rem] [--timeline-content-gap:1rem]',
+};
+const timelineAlignClasses = {
+    start: 'items-start',
+    baseline: 'items-baseline',
+    center: 'items-center',
+    end: 'items-end',
+};
+const timelineItemStatusClasses = {
+    complete: 'before:bg-primary after:bg-primary',
+    current: 'before:bg-border after:bg-border',
+    incomplete: 'before:bg-border/70 after:bg-border/70',
+};
+const timelineIndicatorStatusClasses = {
+    complete: 'border-primary bg-primary text-primary-foreground',
+    current: 'border-ring bg-background text-foreground ring-2 ring-ring ring-offset-2 ring-offset-background',
+    incomplete: 'border-border bg-background text-muted-foreground',
+};
+const timelineIndicatorColorClasses = {
+    red: 'border-red-500 bg-red-500 text-white',
+    orange: 'border-orange-500 bg-orange-500 text-white',
+    amber: 'border-amber-500 bg-amber-500 text-white',
+    yellow: 'border-yellow-400 bg-yellow-400 text-black',
+    lime: 'border-lime-500 bg-lime-500 text-black',
+    green: 'border-green-600 bg-green-600 text-white',
+    emerald: 'border-emerald-600 bg-emerald-600 text-white',
+    teal: 'border-teal-600 bg-teal-600 text-white',
+    cyan: 'border-cyan-600 bg-cyan-600 text-white',
+    sky: 'border-sky-600 bg-sky-600 text-white',
+    blue: 'border-blue-600 bg-blue-600 text-white',
+    indigo: 'border-indigo-600 bg-indigo-600 text-white',
+    violet: 'border-violet-600 bg-violet-600 text-white',
+    purple: 'border-purple-600 bg-purple-600 text-white',
+    fuchsia: 'border-fuchsia-600 bg-fuchsia-600 text-white',
+    pink: 'border-pink-600 bg-pink-600 text-white',
+    rose: 'border-rose-600 bg-rose-600 text-white',
+};
+class TimelineComponent {
+    horizontal = input(false, { ...(ngDevMode ? { debugName: "horizontal" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    align = input('center', ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(TIMELINE_BASE, timelineSizeClasses[this.size()], this.horizontal() ? 'flex min-w-0 items-start gap-[var(--timeline-item-gap)] overflow-x-auto pb-1' : 'grid', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: TimelineComponent, isStandalone: true, selector: "ui-timeline", inputs: { horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-slot": "\"timeline\"", "attr.data-orientation": "horizontal() ? \"horizontal\" : \"vertical\"", "attr.data-align": "align()", "attr.data-size": "size()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TimelineComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-timeline',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.data-slot]': '"timeline"',
+                        '[attr.data-orientation]': 'horizontal() ? "horizontal" : "vertical"',
+                        '[attr.data-align]': 'align()',
+                        '[attr.data-size]': 'size()',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { horizontal: [{ type: i0.Input, args: [{ isSignal: true, alias: "horizontal", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class TimelineItemComponent {
+    timeline = inject(TimelineComponent, { optional: true });
+    status = input(null, ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
+    align = input(null, ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    size = input(null, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    orientation = computed(() => (this.timeline?.horizontal() ? 'horizontal' : 'vertical'), ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    resolvedAlign = computed(() => this.align() ?? this.timeline?.align() ?? 'center', ...(ngDevMode ? [{ debugName: "resolvedAlign" }] : /* istanbul ignore next */ []));
+    resolvedSize = computed(() => this.size() ?? this.timeline?.size() ?? 'default', ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
+    classes = computed(() => {
+        const status = this.status();
+        const orientation = this.orientation();
+        return cn('relative min-w-0', timelineSizeClasses[this.resolvedSize()], orientation === 'horizontal'
+            ? [
+                "before:content-['']",
+                'grid min-w-32 flex-1 justify-items-center gap-y-2 text-center',
+                'before:absolute before:left-0 before:right-0 before:top-[calc(var(--timeline-indicator-size)/2)] before:h-px before:bg-border',
+                'first:before:left-1/2 last:before:right-1/2',
+            ].join(' ')
+            : [
+                "after:content-['']",
+                'grid grid-cols-[var(--timeline-indicator-size)_minmax(0,1fr)] gap-x-[var(--timeline-content-gap)] pb-[var(--timeline-item-gap)] last:pb-0',
+                'after:absolute after:bottom-0 after:left-[calc(var(--timeline-indicator-size)/2)] after:top-[calc(var(--timeline-indicator-size)+0.25rem)] after:w-px after:-translate-x-1/2 after:bg-border last:after:hidden',
+                timelineAlignClasses[this.resolvedAlign()],
+            ].join(' '), status ? timelineItemStatusClasses[status] : 'before:bg-border after:bg-border', this.class());
+    }, ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: TimelineItemComponent, isStandalone: true, selector: "ui-timeline-item", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-slot": "\"timeline-item\"", "attr.data-orientation": "orientation()", "attr.data-align": "resolvedAlign()", "attr.data-size": "resolvedSize()", "attr.data-status": "status() ?? null" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TimelineItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-timeline-item',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.data-slot]': '"timeline-item"',
+                        '[attr.data-orientation]': 'orientation()',
+                        '[attr.data-align]': 'resolvedAlign()',
+                        '[attr.data-size]': 'resolvedSize()',
+                        '[attr.data-status]': 'status() ?? null',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class TimelineIndicatorComponent {
+    item = inject(TimelineItemComponent, { optional: true });
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    status = input(null, ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
+    color = input(null, ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    resolvedStatus = computed(() => this.status() ?? this.item?.status() ?? 'incomplete', ...(ngDevMode ? [{ debugName: "resolvedStatus" }] : /* istanbul ignore next */ []));
+    classes = computed(() => {
+        const color = this.color();
+        return cn('relative z-10 col-start-1 row-start-1 inline-flex shrink-0 items-center justify-center justify-self-center', this.item?.orientation() === 'horizontal' ? 'row-start-1' : '', this.variant() === 'bare'
+            ? 'bg-background text-muted-foreground'
+            : [
+                'size-[var(--timeline-indicator-size)] rounded-full border text-xs font-medium shadow-sm',
+                color ? timelineIndicatorColorClasses[color] : timelineIndicatorStatusClasses[this.resolvedStatus()],
+            ].join(' '), this.class());
+    }, ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TimelineIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: TimelineIndicatorComponent, isStandalone: true, selector: "ui-timeline-indicator", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-slot": "\"timeline-indicator\"", "attr.data-variant": "variant()", "attr.data-status": "resolvedStatus()", "attr.data-color": "color() ?? null" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TimelineIndicatorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-timeline-indicator',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.data-slot]': '"timeline-indicator"',
+                        '[attr.data-variant]': 'variant()',
+                        '[attr.data-status]': 'resolvedStatus()',
+                        '[attr.data-color]': 'color() ?? null',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class TimelineContentComponent {
+    item = inject(TimelineItemComponent, { optional: true });
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('min-w-0 text-sm leading-6 text-foreground', this.item?.orientation() === 'horizontal' ? 'row-start-2 max-w-40 text-center' : 'col-start-2 row-start-1', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TimelineContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: TimelineContentComponent, isStandalone: true, selector: "ui-timeline-content", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-slot": "\"timeline-content\"" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TimelineContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-timeline-content',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.data-slot]': '"timeline-content"',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class TimelineBlockComponent {
+    item = inject(TimelineItemComponent, { optional: true });
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('min-w-0', this.item?.orientation() === 'horizontal' ? 'row-start-2 w-full' : 'col-span-full', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TimelineBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: TimelineBlockComponent, isStandalone: true, selector: "ui-timeline-block", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-slot": "\"timeline-block\"" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TimelineBlockComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-timeline-block',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.data-slot]': '"timeline-block"',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class TimelineSubgridComponent {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('grid min-w-0 grid-cols-[var(--timeline-indicator-size)_minmax(0,1fr)] gap-x-[var(--timeline-content-gap)]', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TimelineSubgridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: TimelineSubgridComponent, isStandalone: true, selector: "ui-timeline-subgrid", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-slot": "\"timeline-subgrid\"" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TimelineSubgridComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-timeline-subgrid',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.data-slot]': '"timeline-subgrid"',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TimelineBlockComponent, TimelineComponent, TimelineContentComponent, TimelineIndicatorComponent, TimelineItemComponent, TimelineSubgridComponent };
+//# sourceMappingURL=edsis-ui-timeline.mjs.map

package/fesm2022/edsis-ui-timeline.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edsis-ui-timeline.mjs","sources":["../../../library/ui/timeline/timeline.component.ts","../../../library/ui/timeline/edsis-ui-timeline.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, booleanAttribute, computed, inject, input } from '@angular/core';\nimport { cn } from '@edsis/ui/utils';\n\nexport type TimelineAlign = 'start' | 'baseline' | 'center' | 'end';\nexport type TimelineSize = 'default' | 'lg';\nexport type TimelineStatus = 'complete' | 'current' | 'incomplete';\nexport type TimelineIndicatorVariant = 'default' | 'bare';\nexport type TimelineIndicatorColor =\n  | 'red'\n  | 'orange'\n  | 'amber'\n  | 'yellow'\n  | 'lime'\n  | 'green'\n  | 'emerald'\n  | 'teal'\n  | 'cyan'\n  | 'sky'\n  | 'blue'\n  | 'indigo'\n  | 'violet'\n  | 'purple'\n  | 'fuchsia'\n  | 'pink'\n  | 'rose';\n\nconst TIMELINE_BASE = [\n  'w-full min-w-0 text-sm text-foreground',\n  '[--timeline-content-gap:0.75rem] [--timeline-indicator-size:1.5rem] [--timeline-item-gap:1.5rem]',\n].join(' ');\n\nconst timelineSizeClasses: Record<TimelineSize, string> = {\n  default: '[--timeline-indicator-size:1.5rem]',\n  lg: '[--timeline-indicator-size:2.5rem] [--timeline-content-gap:1rem]',\n};\n\nconst timelineAlignClasses: Record<TimelineAlign, string> = {\n  start: 'items-start',\n  baseline: 'items-baseline',\n  center: 'items-center',\n  end: 'items-end',\n};\n\nconst timelineItemStatusClasses: Record<TimelineStatus, string> = {\n  complete: 'before:bg-primary after:bg-primary',\n  current: 'before:bg-border after:bg-border',\n  incomplete: 'before:bg-border/70 after:bg-border/70',\n};\n\nconst timelineIndicatorStatusClasses: Record<TimelineStatus, string> = {\n  complete: 'border-primary bg-primary text-primary-foreground',\n  current: 'border-ring bg-background text-foreground ring-2 ring-ring ring-offset-2 ring-offset-background',\n  incomplete: 'border-border bg-background text-muted-foreground',\n};\n\nconst timelineIndicatorColorClasses: Record<TimelineIndicatorColor, string> = {\n  red: 'border-red-500 bg-red-500 text-white',\n  orange: 'border-orange-500 bg-orange-500 text-white',\n  amber: 'border-amber-500 bg-amber-500 text-white',\n  yellow: 'border-yellow-400 bg-yellow-400 text-black',\n  lime: 'border-lime-500 bg-lime-500 text-black',\n  green: 'border-green-600 bg-green-600 text-white',\n  emerald: 'border-emerald-600 bg-emerald-600 text-white',\n  teal: 'border-teal-600 bg-teal-600 text-white',\n  cyan: 'border-cyan-600 bg-cyan-600 text-white',\n  sky: 'border-sky-600 bg-sky-600 text-white',\n  blue: 'border-blue-600 bg-blue-600 text-white',\n  indigo: 'border-indigo-600 bg-indigo-600 text-white',\n  violet: 'border-violet-600 bg-violet-600 text-white',\n  purple: 'border-purple-600 bg-purple-600 text-white',\n  fuchsia: 'border-fuchsia-600 bg-fuchsia-600 text-white',\n  pink: 'border-pink-600 bg-pink-600 text-white',\n  rose: 'border-rose-600 bg-rose-600 text-white',\n};\n\n@Component({\n  selector: 'ui-timeline',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"timeline\"',\n    '[attr.data-orientation]': 'horizontal() ? \"horizontal\" : \"vertical\"',\n    '[attr.data-align]': 'align()',\n    '[attr.data-size]': 'size()',\n  },\n  template: `<ng-content />`,\n})\nexport class TimelineComponent {\n  readonly horizontal = input(false, { transform: booleanAttribute });\n  readonly align = input<TimelineAlign>('center');\n  readonly size = input<TimelineSize>('default');\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn(\n      TIMELINE_BASE,\n      timelineSizeClasses[this.size()],\n      this.horizontal() ? 'flex min-w-0 items-start gap-[var(--timeline-item-gap)] overflow-x-auto pb-1' : 'grid',\n      this.class(),\n    ),\n  );\n}\n\n@Component({\n  selector: 'ui-timeline-item',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"timeline-item\"',\n    '[attr.data-orientation]': 'orientation()',\n    '[attr.data-align]': 'resolvedAlign()',\n    '[attr.data-size]': 'resolvedSize()',\n    '[attr.data-status]': 'status() ?? null',\n  },\n  template: `<ng-content />`,\n})\nexport class TimelineItemComponent {\n  private readonly timeline = inject(TimelineComponent, { optional: true });\n\n  readonly status = input<TimelineStatus | null>(null);\n  readonly align = input<TimelineAlign | null>(null);\n  readonly size = input<TimelineSize | null>(null);\n  readonly class = input<string>('');\n\n  readonly orientation = computed(() => (this.timeline?.horizontal() ? 'horizontal' : 'vertical'));\n  readonly resolvedAlign = computed(() => this.align() ?? this.timeline?.align() ?? 'center');\n  readonly resolvedSize = computed(() => this.size() ?? this.timeline?.size() ?? 'default');\n\n  protected readonly classes = computed(() => {\n    const status = this.status();\n    const orientation = this.orientation();\n\n    return cn(\n      'relative min-w-0',\n      timelineSizeClasses[this.resolvedSize()],\n      orientation === 'horizontal'\n        ? [\n            \"before:content-['']\",\n            'grid min-w-32 flex-1 justify-items-center gap-y-2 text-center',\n            'before:absolute before:left-0 before:right-0 before:top-[calc(var(--timeline-indicator-size)/2)] before:h-px before:bg-border',\n            'first:before:left-1/2 last:before:right-1/2',\n          ].join(' ')\n        : [\n            \"after:content-['']\",\n            'grid grid-cols-[var(--timeline-indicator-size)_minmax(0,1fr)] gap-x-[var(--timeline-content-gap)] pb-[var(--timeline-item-gap)] last:pb-0',\n            'after:absolute after:bottom-0 after:left-[calc(var(--timeline-indicator-size)/2)] after:top-[calc(var(--timeline-indicator-size)+0.25rem)] after:w-px after:-translate-x-1/2 after:bg-border last:after:hidden',\n            timelineAlignClasses[this.resolvedAlign()],\n          ].join(' '),\n      status ? timelineItemStatusClasses[status] : 'before:bg-border after:bg-border',\n      this.class(),\n    );\n  });\n}\n\n@Component({\n  selector: 'ui-timeline-indicator',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"timeline-indicator\"',\n    '[attr.data-variant]': 'variant()',\n    '[attr.data-status]': 'resolvedStatus()',\n    '[attr.data-color]': 'color() ?? null',\n  },\n  template: `<ng-content />`,\n})\nexport class TimelineIndicatorComponent {\n  private readonly item = inject(TimelineItemComponent, { optional: true });\n\n  readonly variant = input<TimelineIndicatorVariant>('default');\n  readonly status = input<TimelineStatus | null>(null);\n  readonly color = input<TimelineIndicatorColor | null>(null);\n  readonly class = input<string>('');\n\n  protected readonly resolvedStatus = computed(() => this.status() ?? this.item?.status() ?? 'incomplete');\n  protected readonly classes = computed(() => {\n    const color = this.color();\n\n    return cn(\n      'relative z-10 col-start-1 row-start-1 inline-flex shrink-0 items-center justify-center justify-self-center',\n      this.item?.orientation() === 'horizontal' ? 'row-start-1' : '',\n      this.variant() === 'bare'\n        ? 'bg-background text-muted-foreground'\n        : [\n            'size-[var(--timeline-indicator-size)] rounded-full border text-xs font-medium shadow-sm',\n            color ? timelineIndicatorColorClasses[color] : timelineIndicatorStatusClasses[this.resolvedStatus()],\n          ].join(' '),\n      this.class(),\n    );\n  });\n}\n\n@Component({\n  selector: 'ui-timeline-content',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"timeline-content\"',\n  },\n  template: `<ng-content />`,\n})\nexport class TimelineContentComponent {\n  private readonly item = inject(TimelineItemComponent, { optional: true });\n\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn(\n      'min-w-0 text-sm leading-6 text-foreground',\n      this.item?.orientation() === 'horizontal' ? 'row-start-2 max-w-40 text-center' : 'col-start-2 row-start-1',\n      this.class(),\n    ),\n  );\n}\n\n@Component({\n  selector: 'ui-timeline-block',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"timeline-block\"',\n  },\n  template: `<ng-content />`,\n})\nexport class TimelineBlockComponent {\n  private readonly item = inject(TimelineItemComponent, { optional: true });\n\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn('min-w-0', this.item?.orientation() === 'horizontal' ? 'row-start-2 w-full' : 'col-span-full', this.class()),\n  );\n}\n\n@Component({\n  selector: 'ui-timeline-subgrid',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"timeline-subgrid\"',\n  },\n  template: `<ng-content />`,\n})\nexport class TimelineSubgridComponent {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn(\n      'grid min-w-0 grid-cols-[var(--timeline-indicator-size)_minmax(0,1fr)] gap-x-[var(--timeline-content-gap)]',\n      this.class(),\n    ),\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/edsis-ui-toast.mjs

@@ -0,0 +1,71 @@
+import * as i0 from '@angular/core';
+import { inject, Injectable } from '@angular/core';
+import { MatSnackBar } from '@angular/material/snack-bar';
+
+const DEFAULT_TOAST_DURATION_MS = 5000;
+const resolveToastMessage = (message, value) => typeof message === 'function' ? message(value) : message;
+/**
+ * Thin, opinionated wrapper over MatSnackBar that applies shadcn styling
+ * via `panelClass: ui-toast-panel` and variant data attributes.
+ */
+class ToastService {
+    snack = inject(MatSnackBar);
+    show(options) {
+        const message = options.title
+            ? options.description
+                ? `${options.title}\n${options.description}`
+                : options.title
+            : (options.description ?? '');
+        const variant = options.variant ?? 'default';
+        const duration = options.durationMs === null ? undefined : (options.durationMs ?? DEFAULT_TOAST_DURATION_MS);
+        return this.snack.open(message, options.action ?? '', {
+            duration,
+            horizontalPosition: options.horizontalPosition ?? 'end',
+            verticalPosition: options.verticalPosition ?? 'bottom',
+            panelClass: ['ui-toast-panel', `ui-toast-${variant}`],
+        });
+    }
+    success(opts) {
+        return this.show({ ...opts, variant: 'success' });
+    }
+    info(opts) {
+        return this.show({ ...opts, variant: 'info' });
+    }
+    warning(opts) {
+        return this.show({ ...opts, variant: 'warning' });
+    }
+    error(opts) {
+        return this.show({ ...opts, variant: 'destructive' });
+    }
+    async promise(taskOrFactory, messages) {
+        this.show({ title: messages.loading, durationMs: null });
+        try {
+            const task = typeof taskOrFactory === 'function' ? taskOrFactory() : taskOrFactory;
+            const value = await task;
+            this.dismiss();
+            this.success({ title: resolveToastMessage(messages.success, value) });
+            return value;
+        }
+        catch (error) {
+            this.dismiss();
+            this.error({ title: resolveToastMessage(messages.error, error) });
+            throw error;
+        }
+    }
+    dismiss() {
+        this.snack.dismiss();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ToastService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ToastService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ToastService };
+//# sourceMappingURL=edsis-ui-toast.mjs.map

package/fesm2022/edsis-ui-toast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edsis-ui-toast.mjs","sources":["../../../library/ui/toast/toast.service.ts","../../../library/ui/toast/edsis-ui-toast.ts"],"sourcesContent":["import { Injectable, inject } from '@angular/core';\nimport { MatSnackBar, MatSnackBarConfig, MatSnackBarRef } from '@angular/material/snack-bar';\n\nexport type ToastVariant = 'default' | 'destructive' | 'success' | 'info' | 'warning';\n\nexport type ToastMessage<T> = string | ((value: T) => string);\n\nexport interface ToastPromiseMessages<T> {\n  readonly loading: string;\n  readonly success: ToastMessage<T>;\n  readonly error: ToastMessage<unknown>;\n}\n\nexport interface ToastOptions {\n  readonly title?: string;\n  readonly description?: string;\n  readonly action?: string;\n  readonly variant?: ToastVariant;\n  readonly durationMs?: number | null;\n  readonly horizontalPosition?: MatSnackBarConfig['horizontalPosition'];\n  readonly verticalPosition?: MatSnackBarConfig['verticalPosition'];\n}\n\nconst DEFAULT_TOAST_DURATION_MS = 5000;\n\nconst resolveToastMessage = <T>(message: ToastMessage<T>, value: T): string =>\n  typeof message === 'function' ? message(value) : message;\n\n/**\n * Thin, opinionated wrapper over MatSnackBar that applies shadcn styling\n * via `panelClass: ui-toast-panel` and variant data attributes.\n */\n@Injectable({ providedIn: 'root' })\nexport class ToastService {\n  private readonly snack = inject(MatSnackBar);\n\n  show(options: ToastOptions): MatSnackBarRef<unknown> {\n    const message = options.title\n      ? options.description\n        ? `${options.title}\\n${options.description}`\n        : options.title\n      : (options.description ?? '');\n\n    const variant = options.variant ?? 'default';\n    const duration = options.durationMs === null ? undefined : (options.durationMs ?? DEFAULT_TOAST_DURATION_MS);\n\n    return this.snack.open(message, options.action ?? '', {\n      duration,\n      horizontalPosition: options.horizontalPosition ?? 'end',\n      verticalPosition: options.verticalPosition ?? 'bottom',\n      panelClass: ['ui-toast-panel', `ui-toast-${variant}`],\n    });\n  }\n\n  success(opts: Omit<ToastOptions, 'variant'>): MatSnackBarRef<unknown> {\n    return this.show({ ...opts, variant: 'success' });\n  }\n\n  info(opts: Omit<ToastOptions, 'variant'>): MatSnackBarRef<unknown> {\n    return this.show({ ...opts, variant: 'info' });\n  }\n\n  warning(opts: Omit<ToastOptions, 'variant'>): MatSnackBarRef<unknown> {\n    return this.show({ ...opts, variant: 'warning' });\n  }\n\n  error(opts: Omit<ToastOptions, 'variant'>): MatSnackBarRef<unknown> {\n    return this.show({ ...opts, variant: 'destructive' });\n  }\n\n  async promise<T>(taskOrFactory: Promise<T> | (() => Promise<T>), messages: ToastPromiseMessages<T>): Promise<T> {\n    this.show({ title: messages.loading, durationMs: null });\n\n    try {\n      const task = typeof taskOrFactory === 'function' ? taskOrFactory() : taskOrFactory;\n      const value = await task;\n      this.dismiss();\n      this.success({ title: resolveToastMessage(messages.success, value) });\n      return value;\n    } catch (error: unknown) {\n      this.dismiss();\n      this.error({ title: resolveToastMessage(messages.error, error) });\n      throw error;\n    }\n  }\n\n  dismiss(): void {\n    this.snack.dismiss();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}