npm - @elementar-rt/components - Versions diffs - 0.6.56 → 0.6.58 - Mend

@elementar-rt/components 0.6.56 → 0.6.58

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

Files changed (345) hide show

package/fesm2022/elementar-rt-components-date-format-select.mjs CHANGED Viewed

@@ -108,13 +108,13 @@ class DateFormatSelectComponent {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DateFormatSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: DateFormatSelectComponent, isStandalone: true, selector: "emr-date-format-select", inputs: { dateFormats: { classPropertyName: "dateFormats", publicName: "dateFormats", isSignal: true, isRequired: false, transformFunction: null }, placeholderInput: { classPropertyName: "placeholderInput", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "combobox" }, properties: { "id": "id", "attr.required": "required || null" } }, providers: [{
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateFormatSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: DateFormatSelectComponent, isStandalone: true, selector: "emr-date-format-select", inputs: { dateFormats: { classPropertyName: "dateFormats", publicName: "dateFormats", isSignal: true, isRequired: false, transformFunction: null }, placeholderInput: { classPropertyName: "placeholderInput", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "combobox" }, properties: { "id": "id", "attr.required": "required || null" } }, providers: [{
                 provide: MatFormFieldControl,
                 useExisting: DateFormatSelectComponent
-            }], viewQueries: [{ propertyName: "matSelect", first: true, predicate: MatSelect, descendants: true, isSignal: true }], exportAs: ["emrDateFormatSelect"], ngImport: i0, template: "<mat-select\r\n  [value]=\"value\"\r\n  (selectionChange)=\"onSelectionChange($event)\"\r\n  (focus)=\"onFocus()\"\r\n  (blur)=\"onBlur()\"\r\n  [placeholder]=\"placeholder\">\r\n  @for (format of dateFormats(); track format.value) {\r\n    <mat-option [value]=\"format.value\">{{ format.name }}</mat-option>\r\n  }\r\n</mat-select>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }] });
+            }], viewQueries: [{ propertyName: "matSelect", first: true, predicate: MatSelect, descendants: true, isSignal: true }], exportAs: ["emrDateFormatSelect"], ngImport: i0, template: "<mat-select\n  [value]=\"value\"\n  (selectionChange)=\"onSelectionChange($event)\"\n  (focus)=\"onFocus()\"\n  (blur)=\"onBlur()\"\n  [placeholder]=\"placeholder\">\n  @for (format of dateFormats(); track format.value) {\n    <mat-option [value]=\"format.value\">{{ format.name }}</mat-option>\n  }\n</mat-select>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DateFormatSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateFormatSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-date-format-select', exportAs: 'emrDateFormatSelect', imports: [
                         MatSelectModule
@@ -125,7 +125,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
                         '[id]': 'id',
                         'role': 'combobox',
                         '[attr.required]': 'required || null',
-                    }, template: "<mat-select\r\n  [value]=\"value\"\r\n  (selectionChange)=\"onSelectionChange($event)\"\r\n  (focus)=\"onFocus()\"\r\n  (blur)=\"onBlur()\"\r\n  [placeholder]=\"placeholder\">\r\n  @for (format of dateFormats(); track format.value) {\r\n    <mat-option [value]=\"format.value\">{{ format.name }}</mat-option>\r\n  }\r\n</mat-select>\r\n" }]
+                    }, template: "<mat-select\n  [value]=\"value\"\n  (selectionChange)=\"onSelectionChange($event)\"\n  (focus)=\"onFocus()\"\n  (blur)=\"onBlur()\"\n  [placeholder]=\"placeholder\">\n  @for (format of dateFormats(); track format.value) {\n    <mat-option [value]=\"format.value\">{{ format.name }}</mat-option>\n  }\n</mat-select>\n" }]
         }], ctorParameters: () => [], propDecorators: { matSelect: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatSelect), { isSignal: true }] }], dateFormats: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormats", required: false }] }], placeholderInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
 /**

package/fesm2022/elementar-rt-components-date-format-select.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-date-format-select.mjs","sources":["../../../projects/components/date-format-select/src/date-format-select/date-format-select.component.ts","../../../projects/components/date-format-select/src/date-format-select/date-format-select.component.html","../../../projects/components/date-format-select/elementar-rt-components-date-format-select.ts"],"sourcesContent":["import {\r\n Component,\r\n inject,\r\n input,\r\n OnDestroy,\r\n signal, viewChild,\r\n} from '@angular/core';\r\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { MatSelect, MatSelectChange, MatSelectModule } from '@angular/material/select';\r\nimport { Subject } from 'rxjs';\r\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\r\n\r\nexport type DateFormat = {\r\n value: string;\r\n name: string;\r\n};\r\n\r\n@Component({\r\n selector: 'emr-date-format-select',\r\n exportAs: 'emrDateFormatSelect',\r\n imports: [\r\n MatSelectModule\r\n ],\r\n templateUrl: './date-format-select.component.html',\r\n styleUrl: './date-format-select.component.scss',\r\n providers: [{\r\n provide: MatFormFieldControl,\r\n useExisting: DateFormatSelectComponent\r\n }],\r\n host: {\r\n '[id]': 'id',\r\n 'role': 'combobox',\r\n '[attr.required]': 'required \|\| null',\r\n },\r\n})\r\nexport class DateFormatSelectComponent implements MatFormFieldControl<string>, ControlValueAccessor, OnDestroy {\r\n private static nextId = 0;\r\n\r\n readonly matSelect = viewChild.required(MatSelect);\r\n\r\n readonly dateFormats = input<DateFormat[]>([\r\n { value: 'MM/dd/yyyy', name: 'MM/DD/YYYY' },\r\n { value: 'dd.MM.yyyy', name: 'DD.MM.YYYY' },\r\n { value: 'yyyy-MM-dd', name: 'YYYY-MM-DD' },\r\n ]);\r\n\r\n private readonly _value = signal<string \| null>(null);\r\n private readonly _focused = signal(false);\r\n readonly _describedBy = signal('');\r\n\r\n readonly stateChanges = new Subject<void>();\r\n readonly id = `date-format-input-${DateFormatSelectComponent.nextId++}`;\r\n readonly controlType = 'date-format-input';\r\n readonly autofilled = false;\r\n\r\n get focused(): boolean {\r\n return this._focused();\r\n }\r\n\r\n get empty(): boolean {\r\n return !this._value();\r\n }\r\n\r\n get shouldLabelFloat(): boolean {\r\n return this.focused \|\| !this.empty;\r\n }\r\n\r\n get errorState(): boolean {\r\n return this.ngControl?.invalid === true && this.ngControl.touched === true;\r\n }\r\n\r\n get value(): string \| null {\r\n return this._value();\r\n }\r\n set value(val: string \| null) {\r\n this._value.set(val);\r\n this.stateChanges.next();\r\n }\r\n\r\n readonly ngControl = inject(NgControl, { self: true, optional: true });\r\n readonly placeholderInput = input<string>('', { alias: 'placeholder' });\r\n\r\n get placeholder(): string {\r\n return this.placeholderInput();\r\n }\r\n\r\n constructor() {\r\n if (this.ngControl) {\r\n this.ngControl.valueAccessor = this;\r\n }\r\n }\r\n\r\n private _required = false;\r\n\r\n get required(): boolean {\r\n return this._required;\r\n }\r\n set required(value: boolean \| string) {\r\n this._required = coerceBooleanProperty(value);\r\n this.stateChanges.next();\r\n }\r\n\r\n private _disabled = false;\r\n\r\n get disabled(): boolean {\r\n return this._disabled;\r\n }\r\n set disabled(value: boolean \| string) {\r\n this._disabled = coerceBooleanProperty(value);\r\n this.matSelect().setDisabledState(this._disabled);\r\n this.stateChanges.next();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.stateChanges.complete();\r\n }\r\n\r\n onFocus(): void {\r\n if (!this.focused) {\r\n this._focused.set(true);\r\n this.stateChanges.next();\r\n }\r\n }\r\n\r\n onBlur(): void {\r\n this._focused.set(false);\r\n this.onTouched();\r\n this.stateChanges.next();\r\n }\r\n\r\n onSelectionChange(event: MatSelectChange): void {\r\n this.value = event.value;\r\n this.onChange(this.value);\r\n }\r\n\r\n setDescribedByIds(ids: string[]): void {\r\n this._describedBy.set(ids.join(' '));\r\n }\r\n\r\n onContainerClick(): void {\r\n if (!this.disabled) {\r\n this.matSelect().open();\r\n }\r\n }\r\n\r\n private onChange: (value: unknown) => void = () => {};\r\n private onTouched: () => void = () => {};\r\n\r\n writeValue(value: string \| null): void {\r\n this.value = value;\r\n }\r\n\r\n registerOnChange(fn: (value: unknown) => void): void {\r\n this.onChange = fn;\r\n }\r\n\r\n registerOnTouched(fn: () => void): void {\r\n this.onTouched = fn;\r\n }\r\n\r\n setDisabledState(isDisabled: boolean): void {\r\n this.disabled = isDisabled;\r\n }\r\n}\r\n","<mat-select\r\n [value]=\"value\"\r\n (selectionChange)=\"onSelectionChange($event)\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\"\r\n [placeholder]=\"placeholder\">\r\n @for (format of dateFormats(); track format.value) {\r\n <mat-option [value]=\"format.value\">{{ format.name }}</mat-option>\r\n }\r\n</mat-select>\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"elementar-rt-components-date-format-select.mjs","sources":["../../../projects/components/date-format-select/src/date-format-select/date-format-select.component.ts","../../../projects/components/date-format-select/src/date-format-select/date-format-select.component.html","../../../projects/components/date-format-select/elementar-rt-components-date-format-select.ts"],"sourcesContent":["import {\n Component,\n inject,\n input,\n OnDestroy,\n signal, viewChild,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\nimport { MatFormFieldControl } from '@angular/material/form-field';\nimport { MatSelect, MatSelectChange, MatSelectModule } from '@angular/material/select';\nimport { Subject } from 'rxjs';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\n\nexport type DateFormat = {\n value: string;\n name: string;\n};\n\n@Component({\n selector: 'emr-date-format-select',\n exportAs: 'emrDateFormatSelect',\n imports: [\n MatSelectModule\n ],\n templateUrl: './date-format-select.component.html',\n styleUrl: './date-format-select.component.scss',\n providers: [{\n provide: MatFormFieldControl,\n useExisting: DateFormatSelectComponent\n }],\n host: {\n '[id]': 'id',\n 'role': 'combobox',\n '[attr.required]': 'required \|\| null',\n },\n})\nexport class DateFormatSelectComponent implements MatFormFieldControl<string>, ControlValueAccessor, OnDestroy {\n private static nextId = 0;\n\n readonly matSelect = viewChild.required(MatSelect);\n\n readonly dateFormats = input<DateFormat[]>([\n { value: 'MM/dd/yyyy', name: 'MM/DD/YYYY' },\n { value: 'dd.MM.yyyy', name: 'DD.MM.YYYY' },\n { value: 'yyyy-MM-dd', name: 'YYYY-MM-DD' },\n ]);\n\n private readonly _value = signal<string \| null>(null);\n private readonly _focused = signal(false);\n readonly _describedBy = signal('');\n\n readonly stateChanges = new Subject<void>();\n readonly id = `date-format-input-${DateFormatSelectComponent.nextId++}`;\n readonly controlType = 'date-format-input';\n readonly autofilled = false;\n\n get focused(): boolean {\n return this._focused();\n }\n\n get empty(): boolean {\n return !this._value();\n }\n\n get shouldLabelFloat(): boolean {\n return this.focused \|\| !this.empty;\n }\n\n get errorState(): boolean {\n return this.ngControl?.invalid === true && this.ngControl.touched === true;\n }\n\n get value(): string \| null {\n return this._value();\n }\n set value(val: string \| null) {\n this._value.set(val);\n this.stateChanges.next();\n }\n\n readonly ngControl = inject(NgControl, { self: true, optional: true });\n readonly placeholderInput = input<string>('', { alias: 'placeholder' });\n\n get placeholder(): string {\n return this.placeholderInput();\n }\n\n constructor() {\n if (this.ngControl) {\n this.ngControl.valueAccessor = this;\n }\n }\n\n private _required = false;\n\n get required(): boolean {\n return this._required;\n }\n set required(value: boolean \| string) {\n this._required = coerceBooleanProperty(value);\n this.stateChanges.next();\n }\n\n private _disabled = false;\n\n get disabled(): boolean {\n return this._disabled;\n }\n set disabled(value: boolean \| string) {\n this._disabled = coerceBooleanProperty(value);\n this.matSelect().setDisabledState(this._disabled);\n this.stateChanges.next();\n }\n\n ngOnDestroy(): void {\n this.stateChanges.complete();\n }\n\n onFocus(): void {\n if (!this.focused) {\n this._focused.set(true);\n this.stateChanges.next();\n }\n }\n\n onBlur(): void {\n this._focused.set(false);\n this.onTouched();\n this.stateChanges.next();\n }\n\n onSelectionChange(event: MatSelectChange): void {\n this.value = event.value;\n this.onChange(this.value);\n }\n\n setDescribedByIds(ids: string[]): void {\n this._describedBy.set(ids.join(' '));\n }\n\n onContainerClick(): void {\n if (!this.disabled) {\n this.matSelect().open();\n }\n }\n\n private onChange: (value: unknown) => void = () => {};\n private onTouched: () => void = () => {};\n\n writeValue(value: string \| null): void {\n this.value = value;\n }\n\n registerOnChange(fn: (value: unknown) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.disabled = isDisabled;\n }\n}\n","<mat-select\n [value]=\"value\"\n (selectionChange)=\"onSelectionChange($event)\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n [placeholder]=\"placeholder\">\n @for (format of dateFormats(); track format.value) {\n <mat-option [value]=\"format.value\">{{ format.name }}</mat-option>\n }\n</mat-select>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-datepicker.mjs ADDED Viewed

@@ -0,0 +1,81 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, signal, forwardRef, Component } from '@angular/core';
+import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+class DatepickerComponent {
+    placeholder = input('Select date', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    min = input('', ...(ngDevMode ? [{ debugName: "min" }] : []));
+    max = input('', ...(ngDevMode ? [{ debugName: "max" }] : []));
+    rangeMode = input(false, ...(ngDevMode ? [{ debugName: "rangeMode", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    _open = signal(false, ...(ngDevMode ? [{ debugName: "_open" }] : []));
+    _value = signal('', ...(ngDevMode ? [{ debugName: "_value" }] : []));
+    _viewDate = signal(new Date(), ...(ngDevMode ? [{ debugName: "_viewDate" }] : []));
+    _onChange = () => { };
+    _onTouched = () => { };
+    writeValue(v) { this._value.set(v ?? ''); }
+    registerOnChange(fn) { this._onChange = fn; }
+    registerOnTouched(fn) { this._onTouched = fn; }
+    setDisabledState(d) { }
+    _toggle() {
+        if (!this.disabled())
+            this._open.update(v => !v);
+    }
+    _selectDay(date) {
+        const iso = date.toISOString().split('T')[0];
+        this._value.set(iso);
+        this._onChange(iso);
+        this._onTouched();
+        this._open.set(false);
+    }
+    get _displayValue() {
+        return this._value() || this.placeholder();
+    }
+    get _calendarDays() {
+        const d = new Date(this._viewDate());
+        d.setDate(1);
+        const firstDay = d.getDay();
+        const daysInMonth = new Date(d.getFullYear(), d.getMonth() + 1, 0).getDate();
+        const days = Array(firstDay).fill(null);
+        for (let i = 1; i <= daysInMonth; i++) {
+            days.push(new Date(d.getFullYear(), d.getMonth(), i));
+        }
+        return days;
+    }
+    get _monthLabel() {
+        return this._viewDate().toLocaleString('default', { month: 'long', year: 'numeric' });
+    }
+    _prevMonth() {
+        this._viewDate.update(d => new Date(d.getFullYear(), d.getMonth() - 1, 1));
+    }
+    _nextMonth() {
+        this._viewDate.update(d => new Date(d.getFullYear(), d.getMonth() + 1, 1));
+    }
+    _isSelected(day) {
+        if (!day)
+            return false;
+        return day.toISOString().split('T')[0] === this._value();
+    }
+    _isToday(day) {
+        if (!day)
+            return false;
+        return day.toDateString() === new Date().toDateString();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: DatepickerComponent, isStandalone: true, selector: "emr-datepicker", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, rangeMode: { classPropertyName: "rangeMode", publicName: "rangeMode", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-open": "_open()", "class.is-disabled": "disabled()" }, classAttribute: "emr-datepicker" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DatepickerComponent), multi: true }], exportAs: ["emrDatepicker"], ngImport: i0, template: "<button class=\"dp-trigger\" type=\"button\" (click)=\"_toggle()\" [disabled]=\"disabled()\">\n  <svg class=\"dp-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n    <path d=\"M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z\"/>\n  </svg>\n  <span class=\"dp-value\" [class.is-placeholder]=\"!_value()\">{{ _displayValue }}</span>\n</button>\n@if (_open()) {\n  <div class=\"dp-calendar\">\n    <div class=\"dp-header\">\n      <button class=\"dp-nav\" type=\"button\" (click)=\"_prevMonth()\">&#8249;</button>\n      <span class=\"dp-month\">{{ _monthLabel }}</span>\n      <button class=\"dp-nav\" type=\"button\" (click)=\"_nextMonth()\">&#8250;</button>\n    </div>\n    <div class=\"dp-weekdays\">\n      @for (d of ['Su','Mo','Tu','We','Th','Fr','Sa']; track d) {\n        <span>{{ d }}</span>\n      }\n    </div>\n    <div class=\"dp-grid\">\n      @for (day of _calendarDays; track $index) {\n        <button\n          class=\"dp-day\"\n          type=\"button\"\n          [class.is-today]=\"_isToday(day)\"\n          [class.is-selected]=\"_isSelected(day)\"\n          [class.is-empty]=\"!day\"\n          [disabled]=\"!day\"\n          (click)=\"day && _selectDay(day)\"\n        >{{ day?.getDate() ?? '' }}</button>\n      }\n    </div>\n  </div>\n}\n", styles: [":host{--emr-dp-border: 1px solid var(--color-outline);--emr-dp-border-radius: .75rem;--emr-dp-bg: var(--color-surface);--emr-dp-calendar-bg: var(--color-surface-container-low);--emr-dp-selected-bg: var(--color-primary);--emr-dp-selected-color: var(--color-on-primary);--emr-dp-today-border: 1px solid var(--color-primary);--emr-dp-hover-bg: var(--color-surface-container-high);position:relative;display:inline-flex;flex-direction:column}.dp-trigger{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);height:calc(var(--spacing, .25rem) * 10);padding:0 calc(var(--spacing, .25rem) * 3);background:var(--emr-dp-bg);border:var(--emr-dp-border);border-radius:var(--emr-dp-border-radius);cursor:pointer;font-size:.875rem;color:var(--color-on-surface);min-width:calc(var(--spacing, .25rem) * 44)}.dp-trigger .dp-icon{opacity:.6;flex-shrink:0}.dp-trigger .is-placeholder{color:var(--color-on-surface-variant)}.dp-calendar{position:absolute;top:calc(100% + calc(var(--spacing, .25rem) * 2));left:0;z-index:200;background:var(--emr-dp-calendar-bg);border-radius:1rem;padding:calc(var(--spacing, .25rem) * 4);box-shadow:0 8px 24px var(--color-shadow);border:1px solid var(--color-outline-variant);width:calc(var(--spacing, .25rem) * 72);animation:dpIn .15s ease}@supports (color: color-mix(in lab,red,red)){.dp-calendar{box-shadow:0 8px 24px color-mix(in srgb,var(--color-shadow) 15%,transparent)}}.dp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(var(--spacing, .25rem) * 3)}.dp-header .dp-nav{width:calc(var(--spacing, .25rem) * 8);height:calc(var(--spacing, .25rem) * 8);border:none;background:transparent;border-radius:.5rem;cursor:pointer;font-size:1.25rem;color:var(--color-on-surface)}.dp-header .dp-nav:hover{background:var(--emr-dp-hover-bg)}.dp-header .dp-month{font-weight:600;font-size:.875rem}.dp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:var(--spacing, .25rem)}.dp-weekdays span{text-align:center;font-size:.75rem;color:var(--color-on-surface-variant);font-weight:600;padding:var(--spacing, .25rem) 0}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:calc(var(--spacing, .25rem) * .5)}.dp-day{aspect-ratio:1;border:none;background:transparent;border-radius:.5rem;cursor:pointer;font-size:.875rem;color:var(--color-on-surface);display:flex;align-items:center;justify-content:center;transition:background .1s}.dp-day.is-empty{pointer-events:none}.dp-day:not(.is-empty):hover{background:var(--emr-dp-hover-bg)}.dp-day.is-today{border:var(--emr-dp-today-border)}.dp-day.is-selected{background:var(--emr-dp-selected-bg);color:var(--emr-dp-selected-color)}@keyframes dpIn{0%{opacity:0;transform:translateY(calc(var(--spacing, .25rem) * -1))}to{opacity:1;transform:translateY(0)}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DatepickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-datepicker', exportAs: 'emrDatepicker', imports: [FormsModule], providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DatepickerComponent), multi: true }], host: {
+                        'class': 'emr-datepicker',
+                        '[class.is-open]': '_open()',
+                        '[class.is-disabled]': 'disabled()',
+                    }, template: "<button class=\"dp-trigger\" type=\"button\" (click)=\"_toggle()\" [disabled]=\"disabled()\">\n  <svg class=\"dp-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n    <path d=\"M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z\"/>\n  </svg>\n  <span class=\"dp-value\" [class.is-placeholder]=\"!_value()\">{{ _displayValue }}</span>\n</button>\n@if (_open()) {\n  <div class=\"dp-calendar\">\n    <div class=\"dp-header\">\n      <button class=\"dp-nav\" type=\"button\" (click)=\"_prevMonth()\">&#8249;</button>\n      <span class=\"dp-month\">{{ _monthLabel }}</span>\n      <button class=\"dp-nav\" type=\"button\" (click)=\"_nextMonth()\">&#8250;</button>\n    </div>\n    <div class=\"dp-weekdays\">\n      @for (d of ['Su','Mo','Tu','We','Th','Fr','Sa']; track d) {\n        <span>{{ d }}</span>\n      }\n    </div>\n    <div class=\"dp-grid\">\n      @for (day of _calendarDays; track $index) {\n        <button\n          class=\"dp-day\"\n          type=\"button\"\n          [class.is-today]=\"_isToday(day)\"\n          [class.is-selected]=\"_isSelected(day)\"\n          [class.is-empty]=\"!day\"\n          [disabled]=\"!day\"\n          (click)=\"day && _selectDay(day)\"\n        >{{ day?.getDate() ?? '' }}</button>\n      }\n    </div>\n  </div>\n}\n", styles: [":host{--emr-dp-border: 1px solid var(--color-outline);--emr-dp-border-radius: .75rem;--emr-dp-bg: var(--color-surface);--emr-dp-calendar-bg: var(--color-surface-container-low);--emr-dp-selected-bg: var(--color-primary);--emr-dp-selected-color: var(--color-on-primary);--emr-dp-today-border: 1px solid var(--color-primary);--emr-dp-hover-bg: var(--color-surface-container-high);position:relative;display:inline-flex;flex-direction:column}.dp-trigger{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);height:calc(var(--spacing, .25rem) * 10);padding:0 calc(var(--spacing, .25rem) * 3);background:var(--emr-dp-bg);border:var(--emr-dp-border);border-radius:var(--emr-dp-border-radius);cursor:pointer;font-size:.875rem;color:var(--color-on-surface);min-width:calc(var(--spacing, .25rem) * 44)}.dp-trigger .dp-icon{opacity:.6;flex-shrink:0}.dp-trigger .is-placeholder{color:var(--color-on-surface-variant)}.dp-calendar{position:absolute;top:calc(100% + calc(var(--spacing, .25rem) * 2));left:0;z-index:200;background:var(--emr-dp-calendar-bg);border-radius:1rem;padding:calc(var(--spacing, .25rem) * 4);box-shadow:0 8px 24px var(--color-shadow);border:1px solid var(--color-outline-variant);width:calc(var(--spacing, .25rem) * 72);animation:dpIn .15s ease}@supports (color: color-mix(in lab,red,red)){.dp-calendar{box-shadow:0 8px 24px color-mix(in srgb,var(--color-shadow) 15%,transparent)}}.dp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(var(--spacing, .25rem) * 3)}.dp-header .dp-nav{width:calc(var(--spacing, .25rem) * 8);height:calc(var(--spacing, .25rem) * 8);border:none;background:transparent;border-radius:.5rem;cursor:pointer;font-size:1.25rem;color:var(--color-on-surface)}.dp-header .dp-nav:hover{background:var(--emr-dp-hover-bg)}.dp-header .dp-month{font-weight:600;font-size:.875rem}.dp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:var(--spacing, .25rem)}.dp-weekdays span{text-align:center;font-size:.75rem;color:var(--color-on-surface-variant);font-weight:600;padding:var(--spacing, .25rem) 0}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:calc(var(--spacing, .25rem) * .5)}.dp-day{aspect-ratio:1;border:none;background:transparent;border-radius:.5rem;cursor:pointer;font-size:.875rem;color:var(--color-on-surface);display:flex;align-items:center;justify-content:center;transition:background .1s}.dp-day.is-empty{pointer-events:none}.dp-day:not(.is-empty):hover{background:var(--emr-dp-hover-bg)}.dp-day.is-today{border:var(--emr-dp-today-border)}.dp-day.is-selected{background:var(--emr-dp-selected-bg);color:var(--emr-dp-selected-color)}@keyframes dpIn{0%{opacity:0;transform:translateY(calc(var(--spacing, .25rem) * -1))}to{opacity:1;transform:translateY(0)}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], rangeMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "rangeMode", required: false }] }] } });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { DatepickerComponent };
+//# sourceMappingURL=elementar-rt-components-datepicker.mjs.map

package/fesm2022/elementar-rt-components-datepicker.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"elementar-rt-components-datepicker.mjs","sources":["../../../projects/components/datepicker/src/datepicker/datepicker.component.ts","../../../projects/components/datepicker/src/datepicker/datepicker.component.html","../../../projects/components/datepicker/elementar-rt-components-datepicker.ts"],"sourcesContent":["import {\n booleanAttribute,\n Component,\n forwardRef,\n input,\n model,\n signal\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';\n\n@Component({\n selector: 'emr-datepicker',\n exportAs: 'emrDatepicker',\n imports: [FormsModule],\n templateUrl: './datepicker.component.html',\n styleUrl: './datepicker.component.scss',\n providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DatepickerComponent), multi: true }],\n host: {\n 'class': 'emr-datepicker',\n '[class.is-open]': '_open()',\n '[class.is-disabled]': 'disabled()',\n }\n})\nexport class DatepickerComponent implements ControlValueAccessor {\n placeholder = input('Select date');\n disabled = input(false, { transform: booleanAttribute });\n min = input<string>('');\n max = input<string>('');\n rangeMode = input(false, { transform: booleanAttribute });\n\n protected _open = signal(false);\n protected _value = signal<string>('');\n protected _viewDate = signal(new Date());\n\n private _onChange: (v: string) => void = () => {};\n private _onTouched: () => void = () => {};\n\n writeValue(v: string): void { this._value.set(v ?? ''); }\n registerOnChange(fn: any): void { this._onChange = fn; }\n registerOnTouched(fn: any): void { this._onTouched = fn; }\n setDisabledState(d: boolean): void {}\n\n protected _toggle() {\n if (!this.disabled()) this._open.update(v => !v);\n }\n\n protected _selectDay(date: Date) {\n const iso = date.toISOString().split('T')[0];\n this._value.set(iso);\n this._onChange(iso);\n this._onTouched();\n this._open.set(false);\n }\n\n protected get _displayValue(): string {\n return this._value() || this.placeholder();\n }\n\n protected get _calendarDays(): (Date | null)[] {\n const d = new Date(this._viewDate());\n d.setDate(1);\n const firstDay = d.getDay();\n const daysInMonth = new Date(d.getFullYear(), d.getMonth() + 1, 0).getDate();\n const days: (Date | null)[] = Array(firstDay).fill(null);\n for (let i = 1; i <= daysInMonth; i++) {\n days.push(new Date(d.getFullYear(), d.getMonth(), i));\n }\n return days;\n }\n\n protected get _monthLabel(): string {\n return this._viewDate().toLocaleString('default', { month: 'long', year: 'numeric' });\n }\n\n protected _prevMonth() {\n this._viewDate.update(d => new Date(d.getFullYear(), d.getMonth() - 1, 1));\n }\n\n protected _nextMonth() {\n this._viewDate.update(d => new Date(d.getFullYear(), d.getMonth() + 1, 1));\n }\n\n protected _isSelected(day: Date | null): boolean {\n if (!day) return false;\n return day.toISOString().split('T')[0] === this._value();\n }\n\n protected _isToday(day: Date | null): boolean {\n if (!day) return false;\n return day.toDateString() === new Date().toDateString();\n }\n}\n","<button class=\"dp-trigger\" type=\"button\" (click)=\"_toggle()\" [disabled]=\"disabled()\">\n <svg class=\"dp-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z\"/>\n </svg>\n <span class=\"dp-value\" [class.is-placeholder]=\"!_value()\">{{ _displayValue }}</span>\n</button>\n@if (_open()) {\n <div class=\"dp-calendar\">\n <div class=\"dp-header\">\n <button class=\"dp-nav\" type=\"button\" (click)=\"_prevMonth()\">‹</button>\n <span class=\"dp-month\">{{ _monthLabel }}</span>\n <button class=\"dp-nav\" type=\"button\" (click)=\"_nextMonth()\">›</button>\n </div>\n <div class=\"dp-weekdays\">\n @for (d of ['Su','Mo','Tu','We','Th','Fr','Sa']; track d) {\n <span>{{ d }}</span>\n }\n </div>\n <div class=\"dp-grid\">\n @for (day of _calendarDays; track $index) {\n <button\n class=\"dp-day\"\n type=\"button\"\n [class.is-today]=\"_isToday(day)\"\n [class.is-selected]=\"_isSelected(day)\"\n [class.is-empty]=\"!day\"\n [disabled]=\"!day\"\n (click)=\"day && _selectDay(day)\"\n >{{ day?.getDate() ?? '' }}</button>\n }\n </div>\n </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-dialog.mjs ADDED Viewed

@@ -0,0 +1,97 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, output, Component, inject, ApplicationRef, EnvironmentInjector, createComponent, TemplateRef, Injectable } from '@angular/core';
+import { NgComponentOutlet, NgTemplateOutlet } from '@angular/common';
+class DialogComponent {
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    disableClose = input(false, ...(ngDevMode ? [{ debugName: "disableClose", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    panelClass = input('', ...(ngDevMode ? [{ debugName: "panelClass" }] : []));
+    contentComponent = input(null, ...(ngDevMode ? [{ debugName: "contentComponent" }] : []));
+    contentTemplate = input(null, ...(ngDevMode ? [{ debugName: "contentTemplate" }] : []));
+    data = input(null, ...(ngDevMode ? [{ debugName: "data" }] : []));
+    closeRequest = output();
+    _onBackdropClick(event) {
+        if (event.target === event.currentTarget && !this.disableClose()) {
+            this.closeRequest.emit();
+        }
+    }
+    _onKeydown(event) {
+        if (event.key === 'Escape' && !this.disableClose()) {
+            this.closeRequest.emit();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: DialogComponent, isStandalone: true, selector: "emr-dialog", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disableClose: { classPropertyName: "disableClose", publicName: "disableClose", isSignal: true, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: true, isRequired: false, transformFunction: null }, contentComponent: { classPropertyName: "contentComponent", publicName: "contentComponent", isSignal: true, isRequired: false, transformFunction: null }, contentTemplate: { classPropertyName: "contentTemplate", publicName: "contentTemplate", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeRequest: "closeRequest" }, host: { listeners: { "click": "_onBackdropClick($event)" }, properties: { "attr.data-size": "size()" }, classAttribute: "emr-dialog-overlay" }, exportAs: ["emrDialog"], ngImport: i0, template: "<div class=\"dialog-panel\" role=\"dialog\" aria-modal=\"true\" (keydown)=\"_onKeydown($event)\">\n  @if (contentComponent()) {\n    <ng-container [ngComponentOutlet]=\"contentComponent()!\"/>\n  }\n  @if (contentTemplate()) {\n    <ng-container [ngTemplateOutlet]=\"contentTemplate()!\" [ngTemplateOutletContext]=\"{ data: data() }\"/>\n  }\n  <ng-content/>\n</div>\n", styles: [":host{--emr-dialog-overlay-bg: var(--color-scrim);--emr-dialog-bg: var(--color-surface-container-high);--emr-dialog-border-radius: 1.5rem;--emr-dialog-padding: calc(var(--spacing, .25rem) * 6);--emr-dialog-max-height: 90dvh;--emr-dialog-width-sm: calc(var(--spacing, .25rem) * 80);--emr-dialog-width-md: calc(var(--spacing, .25rem) * 120);--emr-dialog-width-lg: calc(var(--spacing, .25rem) * 160);--emr-dialog-width-xl: calc(var(--spacing, .25rem) * 200);position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--emr-dialog-overlay-bg);animation:dialogFadeIn .15s ease}@supports (color: color-mix(in lab,red,red)){:host{--emr-dialog-overlay-bg: color-mix(in srgb, var(--color-scrim) 50%, transparent)}}.dialog-panel{background:var(--emr-dialog-bg);border-radius:var(--emr-dialog-border-radius);padding:var(--emr-dialog-padding);max-height:var(--emr-dialog-max-height);overflow-y:auto;width:var(--emr-dialog-width-md);max-width:calc(100vw - calc(var(--spacing, .25rem) * 8));box-shadow:0 24px 48px -12px var(--color-shadow);animation:dialogSlideIn .2s ease}@supports (color: color-mix(in lab,red,red)){.dialog-panel{box-shadow:0 24px 48px -12px color-mix(in srgb,var(--color-shadow) 25%,transparent)}}:host([data-size=sm]) .dialog-panel{width:var(--emr-dialog-width-sm)}:host([data-size=lg]) .dialog-panel{width:var(--emr-dialog-width-lg)}:host([data-size=xl]) .dialog-panel{width:var(--emr-dialog-width-xl)}:host([data-size=fullscreen]) .dialog-panel{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0}@keyframes dialogFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogSlideIn{0%{transform:translateY(calc(var(--spacing, .25rem) * 4));opacity:0}to{transform:translateY(0);opacity:1}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-dialog', exportAs: 'emrDialog', imports: [NgComponentOutlet, NgTemplateOutlet], host: {
+                        'class': 'emr-dialog-overlay',
+                        '[attr.data-size]': 'size()',
+                        '(click)': '_onBackdropClick($event)',
+                    }, template: "<div class=\"dialog-panel\" role=\"dialog\" aria-modal=\"true\" (keydown)=\"_onKeydown($event)\">\n  @if (contentComponent()) {\n    <ng-container [ngComponentOutlet]=\"contentComponent()!\"/>\n  }\n  @if (contentTemplate()) {\n    <ng-container [ngTemplateOutlet]=\"contentTemplate()!\" [ngTemplateOutletContext]=\"{ data: data() }\"/>\n  }\n  <ng-content/>\n</div>\n", styles: [":host{--emr-dialog-overlay-bg: var(--color-scrim);--emr-dialog-bg: var(--color-surface-container-high);--emr-dialog-border-radius: 1.5rem;--emr-dialog-padding: calc(var(--spacing, .25rem) * 6);--emr-dialog-max-height: 90dvh;--emr-dialog-width-sm: calc(var(--spacing, .25rem) * 80);--emr-dialog-width-md: calc(var(--spacing, .25rem) * 120);--emr-dialog-width-lg: calc(var(--spacing, .25rem) * 160);--emr-dialog-width-xl: calc(var(--spacing, .25rem) * 200);position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--emr-dialog-overlay-bg);animation:dialogFadeIn .15s ease}@supports (color: color-mix(in lab,red,red)){:host{--emr-dialog-overlay-bg: color-mix(in srgb, var(--color-scrim) 50%, transparent)}}.dialog-panel{background:var(--emr-dialog-bg);border-radius:var(--emr-dialog-border-radius);padding:var(--emr-dialog-padding);max-height:var(--emr-dialog-max-height);overflow-y:auto;width:var(--emr-dialog-width-md);max-width:calc(100vw - calc(var(--spacing, .25rem) * 8));box-shadow:0 24px 48px -12px var(--color-shadow);animation:dialogSlideIn .2s ease}@supports (color: color-mix(in lab,red,red)){.dialog-panel{box-shadow:0 24px 48px -12px color-mix(in srgb,var(--color-shadow) 25%,transparent)}}:host([data-size=sm]) .dialog-panel{width:var(--emr-dialog-width-sm)}:host([data-size=lg]) .dialog-panel{width:var(--emr-dialog-width-lg)}:host([data-size=xl]) .dialog-panel{width:var(--emr-dialog-width-xl)}:host([data-size=fullscreen]) .dialog-panel{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0}@keyframes dialogFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogSlideIn{0%{transform:translateY(calc(var(--spacing, .25rem) * 4));opacity:0}to{transform:translateY(0);opacity:1}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disableClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableClose", required: false }] }], panelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelClass", required: false }] }], contentComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentComponent", required: false }] }], contentTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentTemplate", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], closeRequest: [{ type: i0.Output, args: ["closeRequest"] }] } });
+class DialogHeaderComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: DialogHeaderComponent, isStandalone: true, selector: "emr-dialog-header", host: { classAttribute: "emr-dialog-header" }, exportAs: ["emrDialogHeader"], ngImport: i0, template: `<ng-content/>`, isInline: true, styles: [":host{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(var(--spacing) * 4);font-size:var(--text-lg);font-weight:600;color:var(--color-on-surface)}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DialogHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-dialog-header', exportAs: 'emrDialogHeader', template: `<ng-content/>`, host: { 'class': 'emr-dialog-header' }, styles: [":host{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(var(--spacing) * 4);font-size:var(--text-lg);font-weight:600;color:var(--color-on-surface)}\n"] }]
+        }] });
+class DialogFooterComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: DialogFooterComponent, isStandalone: true, selector: "emr-dialog-footer", host: { classAttribute: "emr-dialog-footer" }, exportAs: ["emrDialogFooter"], ngImport: i0, template: `<ng-content/>`, isInline: true, styles: [":host{display:flex;align-items:center;justify-content:flex-end;gap:calc(var(--spacing) * 2);margin-top:calc(var(--spacing) * 6);padding-top:calc(var(--spacing) * 4);border-top:1px solid var(--color-outline-variant)}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DialogFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-dialog-footer', exportAs: 'emrDialogFooter', template: `<ng-content/>`, host: { 'class': 'emr-dialog-footer' }, styles: [":host{display:flex;align-items:center;justify-content:flex-end;gap:calc(var(--spacing) * 2);margin-top:calc(var(--spacing) * 6);padding-top:calc(var(--spacing) * 4);border-top:1px solid var(--color-outline-variant)}\n"] }]
+        }] });
+class EmrDialog {
+    _appRef = inject(ApplicationRef);
+    _injector = inject(EnvironmentInjector);
+    open(componentOrTemplate, config = {}) {
+        const host = document.createElement('div');
+        document.body.appendChild(host);
+        const dialogRef = {};
+        let resolveClose;
+        const afterClosedPromise = new Promise(res => (resolveClose = res));
+        const close = (result) => {
+            compRef.destroy();
+            host.remove();
+            resolveClose(result);
+        };
+        const compRef = createComponent(DialogComponent, {
+            environmentInjector: this._injector,
+            hostElement: host,
+        });
+        compRef.setInput('size', config.size ?? 'md');
+        compRef.setInput('disableClose', config.disableClose ?? false);
+        compRef.setInput('panelClass', config.panelClass ?? '');
+        compRef.setInput('contentComponent', componentOrTemplate instanceof TemplateRef ? null : componentOrTemplate);
+        compRef.setInput('contentTemplate', componentOrTemplate instanceof TemplateRef ? componentOrTemplate : null);
+        compRef.setInput('data', config.data);
+        compRef.instance.closeRequest.subscribe(() => close());
+        this._appRef.attachView(compRef.hostView);
+        compRef.changeDetectorRef.detectChanges();
+        dialogRef.close = close;
+        dialogRef.afterClosed = () => afterClosedPromise;
+        return dialogRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmrDialog, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmrDialog, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmrDialog, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { DialogComponent, DialogFooterComponent, DialogHeaderComponent, EmrDialog };
+//# sourceMappingURL=elementar-rt-components-dialog.mjs.map

package/fesm2022/elementar-rt-components-dialog.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"elementar-rt-components-dialog.mjs","sources":["../../../projects/components/dialog/src/dialog/dialog.component.ts","../../../projects/components/dialog/src/dialog/dialog.component.html","../../../projects/components/dialog/src/dialog-header/dialog-header.component.ts","../../../projects/components/dialog/src/dialog-footer/dialog-footer.component.ts","../../../projects/components/dialog/src/dialog.service.ts","../../../projects/components/dialog/elementar-rt-components-dialog.ts"],"sourcesContent":["import {\n booleanAttribute,\n Component,\n input,\n output,\n TemplateRef,\n Type\n} from '@angular/core';\nimport { NgComponentOutlet, NgTemplateOutlet } from '@angular/common';\n\nexport type DialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen';\n\n@Component({\n selector: 'emr-dialog',\n exportAs: 'emrDialog',\n imports: [NgComponentOutlet, NgTemplateOutlet],\n templateUrl: './dialog.component.html',\n styleUrl: './dialog.component.scss',\n host: {\n 'class': 'emr-dialog-overlay',\n '[attr.data-size]': 'size()',\n '(click)': '_onBackdropClick($event)',\n }\n})\nexport class DialogComponent {\n size = input<DialogSize>('md');\n disableClose = input(false, { transform: booleanAttribute });\n panelClass = input<string | string[]>('');\n contentComponent = input<Type<any> | null>(null);\n contentTemplate = input<TemplateRef<any> | null>(null);\n data = input<any>(null);\n\n readonly closeRequest = output<void>();\n\n protected _onBackdropClick(event: MouseEvent) {\n if (event.target === event.currentTarget && !this.disableClose()) {\n this.closeRequest.emit();\n }\n }\n\n protected _onKeydown(event: KeyboardEvent) {\n if (event.key === 'Escape' && !this.disableClose()) {\n this.closeRequest.emit();\n }\n }\n}\n","<div class=\"dialog-panel\" role=\"dialog\" aria-modal=\"true\" (keydown)=\"_onKeydown($event)\">\n @if (contentComponent()) {\n <ng-container [ngComponentOutlet]=\"contentComponent()!\"/>\n }\n @if (contentTemplate()) {\n <ng-container [ngTemplateOutlet]=\"contentTemplate()!\" [ngTemplateOutletContext]=\"{ data: data() }\"/>\n }\n <ng-content/>\n</div>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-dialog-header',\n exportAs: 'emrDialogHeader',\n template: `<ng-content/>`,\n styles: [`\n :host {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-lg);\n font-weight: 600;\n color: var(--color-on-surface);\n }\n `],\n host: { 'class': 'emr-dialog-header' }\n})\nexport class DialogHeaderComponent {}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-dialog-footer',\n exportAs: 'emrDialogFooter',\n template: `<ng-content/>`,\n styles: [`\n :host {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: calc(var(--spacing) * 2);\n margin-top: calc(var(--spacing) * 6);\n padding-top: calc(var(--spacing) * 4);\n border-top: 1px solid var(--color-outline-variant);\n }\n `],\n host: { 'class': 'emr-dialog-footer' }\n})\nexport class DialogFooterComponent {}\n","import {\n ApplicationRef,\n ComponentRef,\n createComponent,\n EnvironmentInjector,\n inject,\n Injectable,\n TemplateRef,\n Type\n} from '@angular/core';\nimport { DialogComponent } from './dialog/dialog.component';\n\nexport interface DialogConfig<D = any> {\n data?: D;\n size?: 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen';\n disableClose?: boolean;\n panelClass?: string | string[];\n}\n\nexport interface DialogRef<R = any> {\n close: (result?: R) => void;\n afterClosed: () => Promise<R | undefined>;\n}\n\n@Injectable({ providedIn: 'root' })\nexport class EmrDialog {\n private _appRef = inject(ApplicationRef);\n private _injector = inject(EnvironmentInjector);\n\n open<T, R = any>(\n componentOrTemplate: Type<T> | TemplateRef<T>,\n config: DialogConfig = {}\n ): DialogRef<R> {\n const host = document.createElement('div');\n document.body.appendChild(host);\n\n const dialogRef: DialogRef<R> = {} as any;\n let resolveClose: (value: R | undefined) => void;\n const afterClosedPromise = new Promise<R | undefined>(res => (resolveClose = res));\n\n const close = (result?: R) => {\n compRef.destroy();\n host.remove();\n resolveClose(result);\n };\n\n const compRef: ComponentRef<DialogComponent> = createComponent(DialogComponent, {\n environmentInjector: this._injector,\n hostElement: host,\n });\n\n compRef.setInput('size', config.size ?? 'md');\n compRef.setInput('disableClose', config.disableClose ?? false);\n compRef.setInput('panelClass', config.panelClass ?? '');\n compRef.setInput('contentComponent', componentOrTemplate instanceof TemplateRef ? null : componentOrTemplate);\n compRef.setInput('contentTemplate', componentOrTemplate instanceof TemplateRef ? componentOrTemplate : null);\n compRef.setInput('data', config.data);\n compRef.instance.closeRequest.subscribe(() => close());\n\n this._appRef.attachView(compRef.hostView);\n compRef.changeDetectorRef.detectChanges();\n\n dialogRef.close = close;\n dialogRef.afterClosed = () => afterClosedPromise;\n\n return dialogRef;\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-digit-roller.mjs ADDED Viewed

@@ -0,0 +1,41 @@
+import * as i0 from '@angular/core';
+import { input, numberAttribute, signal, ChangeDetectionStrategy, Component } from '@angular/core';
+class DigitRollerComponent {
+    value = input(0, ...(ngDevMode ? [{ debugName: "value", transform: numberAttribute }] : [{ transform: numberAttribute }]));
+    duration = input(600, ...(ngDevMode ? [{ debugName: "duration", transform: numberAttribute }] : [{ transform: numberAttribute }]));
+    format = input('none', ...(ngDevMode ? [{ debugName: "format" }] : []));
+    currency = input('$', ...(ngDevMode ? [{ debugName: "currency" }] : []));
+    decimals = input(0, ...(ngDevMode ? [{ debugName: "decimals", transform: numberAttribute }] : [{ transform: numberAttribute }]));
+    _chars = signal([], ...(ngDevMode ? [{ debugName: "_chars" }] : []));
+    ngOnChanges(changes) {
+        if (changes['value'] || changes['format'] || changes['decimals']) {
+            this._chars.set(this._toChars(this.value()));
+        }
+    }
+    _toChars(v) {
+        const fixed = v.toFixed(this.decimals());
+        let str = fixed;
+        if (this.format() === 'comma' || this.format() === 'currency') {
+            const [int, dec] = fixed.split('.');
+            str = int.replace(/\B(?=(\d{3})+(?!\d))/g, ',') + (dec !== undefined ? '.' + dec : '');
+        }
+        if (this.format() === 'currency')
+            str = this.currency() + str;
+        return str.split('');
+    }
+    _isDigit(c) { return /\d/.test(c); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DigitRollerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: DigitRollerComponent, isStandalone: true, selector: "emr-digit-roller", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, currency: { classPropertyName: "currency", publicName: "currency", isSignal: true, isRequired: false, transformFunction: null }, decimals: { classPropertyName: "decimals", publicName: "decimals", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: "<span class=\"roller-wrapper\">\n  @for (char of _chars(); track $index) {\n    @if (_isDigit(char)) {\n      <span class=\"digit-column\" [attr.data-digit]=\"char\">\n        <span class=\"digit-strip\" [style.--target]=\"char\">\n          @for (d of [0,1,2,3,4,5,6,7,8,9]; track d) {\n            <span class=\"digit\">{{ d }}</span>\n          }\n        </span>\n      </span>\n    } @else {\n      <span class=\"separator\">{{ char }}</span>\n    }\n  }\n</span>\n", styles: [":host{display:inline-flex;align-items:baseline;font-variant-numeric:tabular-nums}.roller-wrapper{display:inline-flex;align-items:baseline}.digit-column{display:inline-block;overflow:hidden;height:1.2em;position:relative}.digit-strip{display:flex;flex-direction:column;transform:translateY(calc(var(--target, 0) * -1.2em));transition:transform .6s cubic-bezier(.4,0,.2,1)}.digit{display:block;height:1.2em;line-height:1.2;text-align:center}.separator{display:inline-block}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DigitRollerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-digit-roller', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"roller-wrapper\">\n  @for (char of _chars(); track $index) {\n    @if (_isDigit(char)) {\n      <span class=\"digit-column\" [attr.data-digit]=\"char\">\n        <span class=\"digit-strip\" [style.--target]=\"char\">\n          @for (d of [0,1,2,3,4,5,6,7,8,9]; track d) {\n            <span class=\"digit\">{{ d }}</span>\n          }\n        </span>\n      </span>\n    } @else {\n      <span class=\"separator\">{{ char }}</span>\n    }\n  }\n</span>\n", styles: [":host{display:inline-flex;align-items:baseline;font-variant-numeric:tabular-nums}.roller-wrapper{display:inline-flex;align-items:baseline}.digit-column{display:inline-block;overflow:hidden;height:1.2em;position:relative}.digit-strip{display:flex;flex-direction:column;transform:translateY(calc(var(--target, 0) * -1.2em));transition:transform .6s cubic-bezier(.4,0,.2,1)}.digit{display:block;height:1.2em;line-height:1.2;text-align:center}.separator{display:inline-block}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "duration", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], currency: [{ type: i0.Input, args: [{ isSignal: true, alias: "currency", required: false }] }], decimals: [{ type: i0.Input, args: [{ isSignal: true, alias: "decimals", required: false }] }] } });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { DigitRollerComponent };
+//# sourceMappingURL=elementar-rt-components-digit-roller.mjs.map

package/fesm2022/elementar-rt-components-digit-roller.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"elementar-rt-components-digit-roller.mjs","sources":["../../../projects/components/digit-roller/src/digit-roller/digit-roller.component.ts","../../../projects/components/digit-roller/src/digit-roller/digit-roller.component.html","../../../projects/components/digit-roller/elementar-rt-components-digit-roller.ts"],"sourcesContent":["import {\n Component, input, OnChanges, SimpleChanges, signal, computed,\n ChangeDetectionStrategy, numberAttribute\n} from '@angular/core';\n\n@Component({\n selector: 'emr-digit-roller',\n standalone: true,\n templateUrl: './digit-roller.component.html',\n styleUrl: './digit-roller.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DigitRollerComponent implements OnChanges {\n value = input(0, { transform: numberAttribute });\n duration = input(600, { transform: numberAttribute });\n format = input<'none' | 'comma' | 'currency'>('none');\n currency = input('$');\n decimals = input(0, { transform: numberAttribute });\n\n protected _chars = signal<string[]>([]);\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['value'] || changes['format'] || changes['decimals']) {\n this._chars.set(this._toChars(this.value()));\n }\n }\n\n private _toChars(v: number): string[] {\n const fixed = v.toFixed(this.decimals());\n let str = fixed;\n if (this.format() === 'comma' || this.format() === 'currency') {\n const [int, dec] = fixed.split('.');\n str = int.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',') + (dec !== undefined ? '.' + dec : '');\n }\n if (this.format() === 'currency') str = this.currency() + str;\n return str.split('');\n }\n\n protected _isDigit(c: string): boolean { return /\\d/.test(c); }\n}\n","<span class=\"roller-wrapper\">\n @for (char of _chars(); track $index) {\n @if (_isDigit(char)) {\n <span class=\"digit-column\" [attr.data-digit]=\"char\">\n <span class=\"digit-strip\" [style.--target]=\"char\">\n @for (d of [0,1,2,3,4,5,6,7,8,9]; track d) {\n <span class=\"digit\">{{ d }}</span>\n }\n </span>\n </span>\n } @else {\n <span class=\"separator\">{{ char }}</span>\n }\n }\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAYa,oBAAoB,CAAA;AAC/B,IAAA,KAAK,GAAG,KAAK,CAAC,CAAC,yCAAI,SAAS,EAAE,eAAe,EAAA,CAAA,GAAA,CAA5B,EAAE,SAAS,EAAE,eAAe,EAAE,GAAC;AAChD,IAAA,QAAQ,GAAG,KAAK,CAAC,GAAG,4CAAI,SAAS,EAAE,eAAe,EAAA,CAAA,GAAA,CAA5B,EAAE,SAAS,EAAE,eAAe,EAAE,GAAC;AACrD,IAAA,MAAM,GAAG,KAAK,CAAgC,MAAM,kDAAC;AACrD,IAAA,QAAQ,GAAG,KAAK,CAAC,GAAG,oDAAC;AACrB,IAAA,QAAQ,GAAG,KAAK,CAAC,CAAC,4CAAI,SAAS,EAAE,eAAe,EAAA,CAAA,GAAA,CAA5B,EAAE,SAAS,EAAE,eAAe,EAAE,GAAC;AAEzC,IAAA,MAAM,GAAG,MAAM,CAAW,EAAE,kDAAC;AAEvC,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAI,OAAO,CAAC,UAAU,CAAC,EAAE;AAChE,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAC9C;IACF;AAEQ,IAAA,QAAQ,CAAC,CAAS,EAAA;QACxB,MAAM,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACxC,IAAI,GAAG,GAAG,KAAK;AACf,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE,KAAK,OAAO,IAAI,IAAI,CAAC,MAAM,EAAE,KAAK,UAAU,EAAE;AAC7D,YAAA,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;YACnC,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,uBAAuB,EAAE,GAAG,CAAC,IAAI,GAAG,KAAK,SAAS,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,CAAC;QACxF;AACA,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE,KAAK,UAAU;AAAE,YAAA,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,GAAG;AAC7D,QAAA,OAAO,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;IACtB;AAEU,IAAA,QAAQ,CAAC,CAAS,EAAA,EAAa,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;wGA1BnD,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,muBCZjC,wdAeA,EAAA,MAAA,EAAA,CAAA,8hBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDHa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,UAAA,EAChB,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wdAAA,EAAA,MAAA,EAAA,CAAA,8hBAAA,CAAA,EAAA;;;AEVjD;;AAEG;;;;"}

package/fesm2022/elementar-rt-components-divider.mjs CHANGED Viewed

@@ -2,25 +2,25 @@ import * as i0 from '@angular/core';
 import { Component } from '@angular/core';
 class HorizontalDividerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: HorizontalDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: HorizontalDividerComponent, isStandalone: true, selector: "emr-horizontal-divider,emr-h-divider", host: { classAttribute: "emr-horizontal-divider" }, exportAs: ["emrHorizontalDivider"], ngImport: i0, template: "<div class=\"text\">\r\n  <ng-content/>\r\n</div>\r\n", styles: ["@layer properties;:host{--emr-horizontal-divider-text-bg: var(--color-background);display:block;position:relative}:host .text{position:absolute;top:50%;left:50%;height:calc(var(--spacing, .25rem) * 6);width:max-content;--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);padding-inline:calc(var(--spacing, .25rem) * 5);text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));white-space:nowrap;background:var(--emr-horizontal-divider-text-bg)}:host .text:empty{display:none}:host:not([class*=h-]){height:1px}:host:not([class*=bg-]){background:var(--color-border)}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0}}}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HorizontalDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: HorizontalDividerComponent, isStandalone: true, selector: "emr-horizontal-divider,emr-h-divider", host: { classAttribute: "emr-horizontal-divider" }, exportAs: ["emrHorizontalDivider"], ngImport: i0, template: "<div class=\"text\">\n  <ng-content/>\n</div>\n", styles: ["@layer properties;:host{--emr-horizontal-divider-text-bg: var(--color-background);display:block;position:relative}:host .text{position:absolute;top:50%;left:50%;height:calc(var(--spacing, .25rem) * 6);width:max-content;--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);padding-inline:calc(var(--spacing, .25rem) * 5);text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));white-space:nowrap;background:var(--emr-horizontal-divider-text-bg)}:host .text:empty{display:none}:host:not([class*=h-]){height:1px}:host:not([class*=bg-]){background:var(--color-border)}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0}}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: HorizontalDividerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HorizontalDividerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-horizontal-divider,emr-h-divider', exportAs: 'emrHorizontalDivider', host: {
                         'class': 'emr-horizontal-divider',
-                    }, template: "<div class=\"text\">\r\n  <ng-content/>\r\n</div>\r\n", styles: ["@layer properties;:host{--emr-horizontal-divider-text-bg: var(--color-background);display:block;position:relative}:host .text{position:absolute;top:50%;left:50%;height:calc(var(--spacing, .25rem) * 6);width:max-content;--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);padding-inline:calc(var(--spacing, .25rem) * 5);text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));white-space:nowrap;background:var(--emr-horizontal-divider-text-bg)}:host .text:empty{display:none}:host:not([class*=h-]){height:1px}:host:not([class*=bg-]){background:var(--color-border)}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0}}}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"text\">\n  <ng-content/>\n</div>\n", styles: ["@layer properties;:host{--emr-horizontal-divider-text-bg: var(--color-background);display:block;position:relative}:host .text{position:absolute;top:50%;left:50%;height:calc(var(--spacing, .25rem) * 6);width:max-content;--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);padding-inline:calc(var(--spacing, .25rem) * 5);text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));white-space:nowrap;background:var(--emr-horizontal-divider-text-bg)}:host .text:empty{display:none}:host:not([class*=h-]){height:1px}:host:not([class*=bg-]){background:var(--color-border)}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0}}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class VerticalDividerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: VerticalDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: VerticalDividerComponent, isStandalone: true, selector: "emr-vertical-divider,emr-v-divider", host: { classAttribute: "emr-vertical-divider" }, exportAs: ["emrVerticalDivider"], ngImport: i0, template: "", styles: [":host{display:block}:host:not([class*=w-]){width:1px}:host:not([class*=bg-]){background:var(--color-border)}:host:not([class*=h-]){height:calc(var(--spacing, .25rem) * 4)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VerticalDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: VerticalDividerComponent, isStandalone: true, selector: "emr-vertical-divider,emr-v-divider", host: { classAttribute: "emr-vertical-divider" }, exportAs: ["emrVerticalDivider"], ngImport: i0, template: "", styles: [":host{display:block}:host:not([class*=w-]){width:1px}:host:not([class*=bg-]){background:var(--color-border)}:host:not([class*=h-]){height:calc(var(--spacing, .25rem) * 4)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: VerticalDividerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VerticalDividerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-vertical-divider,emr-v-divider', exportAs: 'emrVerticalDivider', host: {
                         'class': 'emr-vertical-divider',
-                    }, template: "", styles: [":host{display:block}:host:not([class*=w-]){width:1px}:host:not([class*=bg-]){background:var(--color-border)}:host:not([class*=h-]){height:calc(var(--spacing, .25rem) * 4)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "", styles: [":host{display:block}:host:not([class*=w-]){width:1px}:host:not([class*=bg-]){background:var(--color-border)}:host:not([class*=h-]){height:calc(var(--spacing, .25rem) * 4)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 /**

package/fesm2022/elementar-rt-components-divider.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-divider.mjs","sources":["../../../projects/components/divider/src/horizontal-divider/horizontal-divider.component.ts","../../../projects/components/divider/src/horizontal-divider/horizontal-divider.component.html","../../../projects/components/divider/src/vertical-divider/vertical-divider.component.ts","../../../projects/components/divider/src/vertical-divider/vertical-divider.component.html","../../../projects/components/divider/elementar-rt-components-divider.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-horizontal-divider,emr-h-divider',\r\n exportAs: 'emrHorizontalDivider',\r\n templateUrl: './horizontal-divider.component.html',\r\n styleUrl: './horizontal-divider.component.scss',\r\n host: {\r\n 'class': 'emr-horizontal-divider',\r\n }\r\n})\r\nexport class HorizontalDividerComponent {\r\n\r\n}\r\n","<div class=\"text\">\r\n <ng-content/>\r\n</div>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-vertical-divider,emr-v-divider',\r\n exportAs: 'emrVerticalDivider',\r\n templateUrl: './vertical-divider.component.html',\r\n styleUrl: './vertical-divider.component.scss',\r\n host: {\r\n 'class': 'emr-vertical-divider',\r\n }\r\n})\r\nexport class VerticalDividerComponent {\r\n\r\n}\r\n","","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;MAWa,0BAA0B,CAAA;wGAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,wLCXvC,~~uDAGA~~,EAAA,MAAA,EAAA,CAAA~~,+sCAAA~~,CAAA,EAAA,CAAA;;4FDQa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBATtC,SAAS;+BACE,sCAAsC,EAAA,QAAA,EACtC,sBAAsB,EAAA,IAAA,EAG1B;AACJ,wBAAA,OAAO,EAAE,wBAAwB;AAClC,qBAAA,EAAA,QAAA,EAAA,~~uDAAA~~,EAAA,MAAA,EAAA,CAAA~~,+sCAAA~~,CAAA,EAAA;;;MEEU,wBAAwB,CAAA;wGAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,kLCXrC,EAAA,EAAA,MAAA,EAAA,CAAA,~~mPAAA~~,CAAA,EAAA,CAAA;;4FDWa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBATpC,SAAS;+BACE,oCAAoC,EAAA,QAAA,EACpC,oBAAoB,EAAA,IAAA,EAGxB;AACJ,wBAAA,OAAO,EAAE,sBAAsB;AAChC,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,MAAA,EAAA,CAAA,~~mPAAA~~,CAAA,EAAA;;;AETH;;AAEG;;;;"}
1	+ {"version":3,"file":"elementar-rt-components-divider.mjs","sources":["../../../projects/components/divider/src/horizontal-divider/horizontal-divider.component.ts","../../../projects/components/divider/src/horizontal-divider/horizontal-divider.component.html","../../../projects/components/divider/src/vertical-divider/vertical-divider.component.ts","../../../projects/components/divider/src/vertical-divider/vertical-divider.component.html","../../../projects/components/divider/elementar-rt-components-divider.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-horizontal-divider,emr-h-divider',\n exportAs: 'emrHorizontalDivider',\n templateUrl: './horizontal-divider.component.html',\n styleUrl: './horizontal-divider.component.scss',\n host: {\n 'class': 'emr-horizontal-divider',\n }\n})\nexport class HorizontalDividerComponent {\n\n}\n","<div class=\"text\">\n <ng-content/>\n</div>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-vertical-divider,emr-v-divider',\n exportAs: 'emrVerticalDivider',\n templateUrl: './vertical-divider.component.html',\n styleUrl: './vertical-divider.component.scss',\n host: {\n 'class': 'emr-vertical-divider',\n }\n})\nexport class VerticalDividerComponent {\n\n}\n","","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;MAWa,0BAA0B,CAAA;wGAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,wLCXvC,iDAGA,EAAA,MAAA,EAAA,CAAA,8sCAAA,CAAA,EAAA,CAAA;;4FDQa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBATtC,SAAS;+BACE,sCAAsC,EAAA,QAAA,EACtC,sBAAsB,EAAA,IAAA,EAG1B;AACJ,wBAAA,OAAO,EAAE,wBAAwB;AAClC,qBAAA,EAAA,QAAA,EAAA,iDAAA,EAAA,MAAA,EAAA,CAAA,8sCAAA,CAAA,EAAA;;;MEEU,wBAAwB,CAAA;wGAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,kLCXrC,EAAA,EAAA,MAAA,EAAA,CAAA,kPAAA,CAAA,EAAA,CAAA;;4FDWa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBATpC,SAAS;+BACE,oCAAoC,EAAA,QAAA,EACpC,oBAAoB,EAAA,IAAA,EAGxB;AACJ,wBAAA,OAAO,EAAE,sBAAsB;AAChC,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,MAAA,EAAA,CAAA,kPAAA,CAAA,EAAA;;;AETH;;AAEG;;;;"}

package/fesm2022/elementar-rt-components-drawer.mjs CHANGED Viewed

@@ -86,15 +86,15 @@ class DrawerComponent {
             this.close();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: DrawerComponent, isStandalone: true, selector: "emr-drawer", inputs: { initialIsOpen: { classPropertyName: "initialIsOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, showBackdrop: { classPropertyName: "showBackdrop", publicName: "showBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", opened: "opened" }, host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)", "document:click": "onDocumentClickHandler($event)" }, properties: { "class.no-backdrop": "_isOpen() && !showBackdrop()" }, classAttribute: "emr-drawer" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: DrawerComponent, isStandalone: true, selector: "emr-drawer", inputs: { initialIsOpen: { classPropertyName: "initialIsOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, showBackdrop: { classPropertyName: "showBackdrop", publicName: "showBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", opened: "opened" }, host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)", "document:click": "onDocumentClickHandler($event)" }, properties: { "class.no-backdrop": "_isOpen() && !showBackdrop()" }, classAttribute: "emr-drawer" }, providers: [
             {
                 provide: DRAWER,
                 useExisting: forwardRef(() => DrawerComponent),
             }
-        ], exportAs: ["emrDrawer"], ngImport: i0, template: "@if (showBackdrop()) {\r\n  <div\r\n    class=\"drawer-backdrop\"\r\n    [class.open]=\"_isOpen()\"\r\n    (click)=\"close()\">\r\n  </div>\r\n}\r\n<div\r\n  class=\"drawer-container\"\r\n  [class.open]=\"_isOpen()\">\r\n  <div class=\"drawer-content\">\r\n    <ng-content/>\r\n  </div>\r\n</div>\r\n", styles: [":host{--emr-drawer-transition-duration: .15s;--emr-drawer-transition: cubic-bezier(.4,0,.2,1);display:block}:host .drawer-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:color-mix(in srgb,#000 32%,transparent);opacity:0;visibility:hidden;z-index:1030}@supports (color: color-mix(in lab,red,red)){:host .drawer-backdrop{background:color-mix(in oklab,var(--color-black) 32%,transparent)}}:host .drawer-container{position:fixed;z-index:1040;top:0;right:0;max-width:90vw;bottom:0;transform:translate(100%);visibility:hidden;display:flex;flex-direction:column;pointer-events:auto}:host .drawer-content{background-color:var(--mat-dialog-container-color);margin:calc(var(--spacing, .25rem) * 7);flex-grow:1;box-shadow:var(--mat-dialog-container-elevation-shadow, none);border-radius:var(--mat-dialog-container-shape);overflow:hidden}:host .drawer-backdrop:not(.open){transition:opacity var(--emr-drawer-transition-duration) var(--emr-drawer-transition),visibility 0s linear var(--emr-drawer-transition-duration)}:host .drawer-backdrop.open{opacity:1;visibility:visible;transition:opacity var(--emr-drawer-transition-duration) var(--emr-drawer-transition),visibility 0s linear 0s}:host .drawer-container:not(.open){transition:transform .2s var(--emr-drawer-transition),visibility 0s linear .2s}:host .drawer-container.open{transform:translate(0);visibility:visible;transition:transform .2s var(--emr-drawer-transition),visibility 0s linear 0s}:host.no-backdrop .drawer-content{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border:1px solid var(--color-surface-container-highest)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], exportAs: ["emrDrawer"], ngImport: i0, template: "@if (showBackdrop()) {\n  <div\n    class=\"drawer-backdrop\"\n    [class.open]=\"_isOpen()\"\n    (click)=\"close()\">\n  </div>\n}\n<div\n  class=\"drawer-container\"\n  [class.open]=\"_isOpen()\">\n  <div class=\"drawer-content\">\n    <ng-content/>\n  </div>\n</div>\n", styles: [":host{--emr-drawer-transition-duration: .15s;--emr-drawer-transition: cubic-bezier(.4,0,.2,1);display:block}:host .drawer-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:color-mix(in srgb,#000 32%,transparent);opacity:0;visibility:hidden;z-index:1030}@supports (color: color-mix(in lab,red,red)){:host .drawer-backdrop{background:color-mix(in oklab,var(--color-black) 32%,transparent)}}:host .drawer-container{position:fixed;z-index:1040;top:0;right:0;max-width:90vw;bottom:0;transform:translate(100%);visibility:hidden;display:flex;flex-direction:column;pointer-events:auto}:host .drawer-content{background-color:var(--mat-dialog-container-color);margin:calc(var(--spacing, .25rem) * 7);flex-grow:1;box-shadow:var(--mat-dialog-container-elevation-shadow, none);border-radius:var(--mat-dialog-container-shape);overflow:hidden}:host .drawer-backdrop:not(.open){transition:opacity var(--emr-drawer-transition-duration) var(--emr-drawer-transition),visibility 0s linear var(--emr-drawer-transition-duration)}:host .drawer-backdrop.open{opacity:1;visibility:visible;transition:opacity var(--emr-drawer-transition-duration) var(--emr-drawer-transition),visibility 0s linear 0s}:host .drawer-container:not(.open){transition:transform .2s var(--emr-drawer-transition),visibility 0s linear .2s}:host .drawer-container.open{transform:translate(0);visibility:visible;transition:transform .2s var(--emr-drawer-transition),visibility 0s linear 0s}:host.no-backdrop .drawer-content{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border:1px solid var(--color-surface-container-highest)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DrawerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DrawerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-drawer', exportAs: 'emrDrawer', providers: [
                         {
@@ -106,14 +106,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
                         '[class.no-backdrop]': '_isOpen() && !showBackdrop()',
                         '(document:keydown.escape)': 'onKeydownHandler($event)',
                         '(document:click)': 'onDocumentClickHandler($event)'
-                    }, template: "@if (showBackdrop()) {\r\n  <div\r\n    class=\"drawer-backdrop\"\r\n    [class.open]=\"_isOpen()\"\r\n    (click)=\"close()\">\r\n  </div>\r\n}\r\n<div\r\n  class=\"drawer-container\"\r\n  [class.open]=\"_isOpen()\">\r\n  <div class=\"drawer-content\">\r\n    <ng-content/>\r\n  </div>\r\n</div>\r\n", styles: [":host{--emr-drawer-transition-duration: .15s;--emr-drawer-transition: cubic-bezier(.4,0,.2,1);display:block}:host .drawer-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:color-mix(in srgb,#000 32%,transparent);opacity:0;visibility:hidden;z-index:1030}@supports (color: color-mix(in lab,red,red)){:host .drawer-backdrop{background:color-mix(in oklab,var(--color-black) 32%,transparent)}}:host .drawer-container{position:fixed;z-index:1040;top:0;right:0;max-width:90vw;bottom:0;transform:translate(100%);visibility:hidden;display:flex;flex-direction:column;pointer-events:auto}:host .drawer-content{background-color:var(--mat-dialog-container-color);margin:calc(var(--spacing, .25rem) * 7);flex-grow:1;box-shadow:var(--mat-dialog-container-elevation-shadow, none);border-radius:var(--mat-dialog-container-shape);overflow:hidden}:host .drawer-backdrop:not(.open){transition:opacity var(--emr-drawer-transition-duration) var(--emr-drawer-transition),visibility 0s linear var(--emr-drawer-transition-duration)}:host .drawer-backdrop.open{opacity:1;visibility:visible;transition:opacity var(--emr-drawer-transition-duration) var(--emr-drawer-transition),visibility 0s linear 0s}:host .drawer-container:not(.open){transition:transform .2s var(--emr-drawer-transition),visibility 0s linear .2s}:host .drawer-container.open{transform:translate(0);visibility:visible;transition:transform .2s var(--emr-drawer-transition),visibility 0s linear 0s}:host.no-backdrop .drawer-content{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border:1px solid var(--color-surface-container-highest)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "@if (showBackdrop()) {\n  <div\n    class=\"drawer-backdrop\"\n    [class.open]=\"_isOpen()\"\n    (click)=\"close()\">\n  </div>\n}\n<div\n  class=\"drawer-container\"\n  [class.open]=\"_isOpen()\">\n  <div class=\"drawer-content\">\n    <ng-content/>\n  </div>\n</div>\n", styles: [":host{--emr-drawer-transition-duration: .15s;--emr-drawer-transition: cubic-bezier(.4,0,.2,1);display:block}:host .drawer-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:color-mix(in srgb,#000 32%,transparent);opacity:0;visibility:hidden;z-index:1030}@supports (color: color-mix(in lab,red,red)){:host .drawer-backdrop{background:color-mix(in oklab,var(--color-black) 32%,transparent)}}:host .drawer-container{position:fixed;z-index:1040;top:0;right:0;max-width:90vw;bottom:0;transform:translate(100%);visibility:hidden;display:flex;flex-direction:column;pointer-events:auto}:host .drawer-content{background-color:var(--mat-dialog-container-color);margin:calc(var(--spacing, .25rem) * 7);flex-grow:1;box-shadow:var(--mat-dialog-container-elevation-shadow, none);border-radius:var(--mat-dialog-container-shape);overflow:hidden}:host .drawer-backdrop:not(.open){transition:opacity var(--emr-drawer-transition-duration) var(--emr-drawer-transition),visibility 0s linear var(--emr-drawer-transition-duration)}:host .drawer-backdrop.open{opacity:1;visibility:visible;transition:opacity var(--emr-drawer-transition-duration) var(--emr-drawer-transition),visibility 0s linear 0s}:host .drawer-container:not(.open){transition:transform .2s var(--emr-drawer-transition),visibility 0s linear .2s}:host .drawer-container.open{transform:translate(0);visibility:visible;transition:transform .2s var(--emr-drawer-transition),visibility 0s linear 0s}:host.no-backdrop .drawer-content{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border:1px solid var(--color-surface-container-highest)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { initialIsOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], showBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBackdrop", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], opened: [{ type: i0.Output, args: ["opened"] }] } });
 class DrawerIgnoreOutsideClickDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DrawerIgnoreOutsideClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: DrawerIgnoreOutsideClickDirective, isStandalone: true, selector: "[emrDrawerIgnoreOutsideClick]", host: { classAttribute: "emr-drawer-ignore-outside-click" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DrawerIgnoreOutsideClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: DrawerIgnoreOutsideClickDirective, isStandalone: true, selector: "[emrDrawerIgnoreOutsideClick]", host: { classAttribute: "emr-drawer-ignore-outside-click" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DrawerIgnoreOutsideClickDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DrawerIgnoreOutsideClickDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrDrawerIgnoreOutsideClick]',