@elementar-rt/components 0.6.55

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

@@ -0,0 +1,136 @@
+import * as i0 from '@angular/core';
+import { viewChild, input, signal, inject, Component } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import * as i1 from '@angular/material/select';
+import { MatSelect, MatSelectModule } from '@angular/material/select';
+import { Subject } from 'rxjs';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+
+class DateFormatSelectComponent {
+    static nextId = 0;
+    matSelect = viewChild.required(MatSelect);
+    dateFormats = input([
+        { value: 'MM/dd/yyyy', name: 'MM/DD/YYYY' },
+        { value: 'dd.MM.yyyy', name: 'DD.MM.YYYY' },
+        { value: 'yyyy-MM-dd', name: 'YYYY-MM-DD' },
+    ], ...(ngDevMode ? [{ debugName: "dateFormats" }] : []));
+    _value = signal(null, ...(ngDevMode ? [{ debugName: "_value" }] : []));
+    _focused = signal(false, ...(ngDevMode ? [{ debugName: "_focused" }] : []));
+    _describedBy = signal('', ...(ngDevMode ? [{ debugName: "_describedBy" }] : []));
+    stateChanges = new Subject();
+    id = `date-format-input-${DateFormatSelectComponent.nextId++}`;
+    controlType = 'date-format-input';
+    autofilled = false;
+    get focused() {
+        return this._focused();
+    }
+    get empty() {
+        return !this._value();
+    }
+    get shouldLabelFloat() {
+        return this.focused || !this.empty;
+    }
+    get errorState() {
+        return this.ngControl?.invalid === true && this.ngControl.touched === true;
+    }
+    get value() {
+        return this._value();
+    }
+    set value(val) {
+        this._value.set(val);
+        this.stateChanges.next();
+    }
+    ngControl = inject(NgControl, { self: true, optional: true });
+    placeholderInput = input('', ...(ngDevMode ? [{ debugName: "placeholderInput", alias: 'placeholder' }] : [{ alias: 'placeholder' }]));
+    get placeholder() {
+        return this.placeholderInput();
+    }
+    constructor() {
+        if (this.ngControl) {
+            this.ngControl.valueAccessor = this;
+        }
+    }
+    _required = false;
+    get required() {
+        return this._required;
+    }
+    set required(value) {
+        this._required = coerceBooleanProperty(value);
+        this.stateChanges.next();
+    }
+    _disabled = false;
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        this._disabled = coerceBooleanProperty(value);
+        this.matSelect().setDisabledState(this._disabled);
+        this.stateChanges.next();
+    }
+    ngOnDestroy() {
+        this.stateChanges.complete();
+    }
+    onFocus() {
+        if (!this.focused) {
+            this._focused.set(true);
+            this.stateChanges.next();
+        }
+    }
+    onBlur() {
+        this._focused.set(false);
+        this.onTouched();
+        this.stateChanges.next();
+    }
+    onSelectionChange(event) {
+        this.value = event.value;
+        this.onChange(this.value);
+    }
+    setDescribedByIds(ids) {
+        this._describedBy.set(ids.join(' '));
+    }
+    onContainerClick() {
+        if (!this.disabled) {
+            this.matSelect().open();
+        }
+    }
+    onChange = () => { };
+    onTouched = () => { };
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    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: [{
+                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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DateFormatSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-date-format-select', exportAs: 'emrDateFormatSelect', imports: [
+                        MatSelectModule
+                    ], providers: [{
+                            provide: MatFormFieldControl,
+                            useExisting: DateFormatSelectComponent
+                        }], host: {
+                        '[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" }]
+        }], 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 }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DateFormatSelectComponent };
+//# sourceMappingURL=elementar-rt-components-date-format-select.mjs.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,31 @@
+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"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", 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"] }]
+        }] });
+
+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"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", 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"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HorizontalDividerComponent, VerticalDividerComponent };
+//# sourceMappingURL=elementar-rt-components-divider.mjs.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,131 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Renderer2, ElementRef, DOCUMENT, input, output, signal, computed, effect, forwardRef, ChangeDetectionStrategy, Component, Directive } from '@angular/core';
+
+const DRAWER = new InjectionToken('DRAWER');
+
+class DrawerComponent {
+    renderer = inject(Renderer2);
+    elementRef = inject(ElementRef);
+    document = inject(DOCUMENT);
+    initialIsOpen = input(undefined, ...(ngDevMode ? [{ debugName: "initialIsOpen", alias: 'isOpen' }] : [{ alias: 'isOpen' }]));
+    showBackdrop = input(true, ...(ngDevMode ? [{ debugName: "showBackdrop" }] : []));
+    closed = output();
+    opened = output();
+    internalIsOpen = signal(false, ...(ngDevMode ? [{ debugName: "internalIsOpen" }] : []));
+    drawerContainerElement = null;
+    previousInternalIsOpenState = signal(undefined, ...(ngDevMode ? [{ debugName: "previousInternalIsOpenState" }] : []));
+    justOpenedWithoutBackdrop = signal(false, ...(ngDevMode ? [{ debugName: "justOpenedWithoutBackdrop" }] : [])); // Новый флаг
+    _isOpen = computed(() => this.internalIsOpen(), ...(ngDevMode ? [{ debugName: "_isOpen" }] : []));
+    constructor() {
+        effect(() => {
+            const externalIsOpen = this.initialIsOpen();
+            if (externalIsOpen !== undefined) {
+                this.internalIsOpen.set(externalIsOpen);
+            }
+        });
+        effect(() => {
+            const currentInternalOpen = this.internalIsOpen();
+            const previousInternalOpen = this.previousInternalIsOpenState();
+            const backdropActive = this.showBackdrop();
+            if (currentInternalOpen) {
+                if (backdropActive) {
+                    this.renderer.addClass(this.document.body, 'overflow-hidden');
+                }
+                if (currentInternalOpen && !previousInternalOpen) {
+                    this.opened.emit();
+                    Promise.resolve().then(() => {
+                        this.justOpenedWithoutBackdrop.set(true);
+                    });
+                }
+            }
+            else {
+                this.renderer.removeClass(this.document.body, 'overflow-hidden');
+            }
+            this.previousInternalIsOpenState.set(currentInternalOpen);
+        });
+    }
+    getDrawerContainer() {
+        if (!this.drawerContainerElement) {
+            this.drawerContainerElement = this.elementRef.nativeElement.querySelector('.drawer-container');
+        }
+        return this.drawerContainerElement;
+    }
+    open() {
+        if (!this.internalIsOpen()) {
+            this.internalIsOpen.set(true);
+        }
+    }
+    close() {
+        if (this.internalIsOpen()) {
+            this.internalIsOpen.set(false);
+            this.justOpenedWithoutBackdrop.set(false);
+            this.closed.emit();
+        }
+    }
+    get isOpened() {
+        return this._isOpen();
+    }
+    onKeydownHandler(event) {
+        if (this._isOpen()) {
+            this.close();
+        }
+    }
+    onDocumentClickHandler(event) {
+        if (!this._isOpen() || this.showBackdrop() || !this.justOpenedWithoutBackdrop()) {
+            return;
+        }
+        const target = event.target;
+        if (target.classList.contains('.emr-drawer-ignore-outside-click') ||
+            target.closest('.emr-drawer-ignore-outside-click')) {
+            return;
+        }
+        this.internalIsOpen.set(true);
+        const clickedElement = event.target;
+        const drawerContainer = this.getDrawerContainer();
+        if (drawerContainer && !drawerContainer.contains(clickedElement)) {
+            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: [
+            {
+                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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DrawerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-drawer', exportAs: 'emrDrawer', providers: [
+                        {
+                            provide: DRAWER,
+                            useExisting: forwardRef(() => DrawerComponent),
+                        }
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'emr-drawer',
+                        '[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"] }]
+        }], 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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DrawerIgnoreOutsideClickDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrDrawerIgnoreOutsideClick]',
+                    host: {
+                        'class': 'emr-drawer-ignore-outside-click'
+                    }
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DRAWER, DrawerComponent, DrawerIgnoreOutsideClickDirective };
+//# sourceMappingURL=elementar-rt-components-drawer.mjs.map

package/fesm2022/elementar-rt-components-drawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-drawer.mjs","sources":["../../../projects/components/drawer/src/types.ts","../../../projects/components/drawer/src/drawer/drawer.component.ts","../../../projects/components/drawer/src/drawer/drawer.component.html","../../../projects/components/drawer/src/drawer-ignore-outside-click.directive.ts","../../../projects/components/drawer/elementar-rt-components-drawer.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\nexport const DRAWER = new InjectionToken('DRAWER');\r\n","import {\r\n  Component,\r\n  input,\r\n  output,\r\n  ChangeDetectionStrategy,\r\n  effect,\r\n  ElementRef,\r\n  inject,\r\n  Renderer2,\r\n  WritableSignal,\r\n  signal,\r\n  computed,\r\n  Signal,\r\n  DOCUMENT, forwardRef,\r\n} from '@angular/core';\r\nimport { DRAWER } from '../types';\r\n\r\n@Component({\r\n  selector: 'emr-drawer',\r\n  exportAs: 'emrDrawer',\r\n  templateUrl: './drawer.component.html',\r\n  styleUrl: './drawer.component.scss',\r\n  providers: [\r\n    {\r\n      provide: DRAWER,\r\n      useExisting: forwardRef(() => DrawerComponent),\r\n    }\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    'class': 'emr-drawer',\r\n    '[class.no-backdrop]': '_isOpen() && !showBackdrop()',\r\n    '(document:keydown.escape)': 'onKeydownHandler($event)',\r\n    '(document:click)': 'onDocumentClickHandler($event)'\r\n  }\r\n})\r\nexport class DrawerComponent {\r\n  private renderer = inject(Renderer2);\r\n  private elementRef = inject(ElementRef);\r\n  private document = inject(DOCUMENT);\r\n\r\n  readonly initialIsOpen = input<boolean | undefined>(undefined, { alias: 'isOpen' });\r\n  readonly showBackdrop = input(true);\r\n\r\n  readonly closed = output<void>();\r\n  readonly opened = output<void>();\r\n\r\n  private internalIsOpen: WritableSignal<boolean> = signal(false);\r\n  private drawerContainerElement: HTMLElement | null = null;\r\n  private previousInternalIsOpenState: WritableSignal<boolean | undefined> = signal(undefined);\r\n  private justOpenedWithoutBackdrop = signal(false); // Новый флаг\r\n\r\n  protected _isOpen: Signal<boolean> = computed(() => this.internalIsOpen());\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      const externalIsOpen = this.initialIsOpen();\r\n      if (externalIsOpen !== undefined) {\r\n        this.internalIsOpen.set(externalIsOpen);\r\n      }\r\n    });\r\n\r\n    effect(() => {\r\n      const currentInternalOpen = this.internalIsOpen();\r\n      const previousInternalOpen = this.previousInternalIsOpenState();\r\n      const backdropActive = this.showBackdrop();\r\n\r\n      if (currentInternalOpen) {\r\n        if (backdropActive) {\r\n          this.renderer.addClass(this.document.body, 'overflow-hidden');\r\n        }\r\n        if (currentInternalOpen && !previousInternalOpen) {\r\n          this.opened.emit();\r\n          Promise.resolve().then(() => {\r\n            this.justOpenedWithoutBackdrop.set(true);\r\n          });\r\n        }\r\n      } else {\r\n        this.renderer.removeClass(this.document.body, 'overflow-hidden');\r\n      }\r\n      this.previousInternalIsOpenState.set(currentInternalOpen);\r\n    });\r\n  }\r\n\r\n  private getDrawerContainer(): HTMLElement | null {\r\n    if (!this.drawerContainerElement) {\r\n      this.drawerContainerElement = this.elementRef.nativeElement.querySelector('.drawer-container');\r\n    }\r\n    return this.drawerContainerElement;\r\n  }\r\n\r\n  open(): void {\r\n    if (!this.internalIsOpen()) {\r\n      this.internalIsOpen.set(true);\r\n    }\r\n  }\r\n\r\n  close(): void {\r\n    if (this.internalIsOpen()) {\r\n      this.internalIsOpen.set(false);\r\n      this.justOpenedWithoutBackdrop.set(false);\r\n      this.closed.emit();\r\n    }\r\n  }\r\n\r\n  get isOpened(): boolean {\r\n    return this._isOpen();\r\n  }\r\n\r\n  protected onKeydownHandler(event: Event): void {\r\n    if (this._isOpen()) {\r\n      this.close();\r\n    }\r\n  }\r\n\r\n  protected onDocumentClickHandler(event: MouseEvent): void {\r\n    if (!this._isOpen() || this.showBackdrop() || !this.justOpenedWithoutBackdrop()) {\r\n      return;\r\n    }\r\n\r\n    const target = event.target as HTMLElement;\r\n\r\n    if (\r\n      target.classList.contains('.emr-drawer-ignore-outside-click') ||\r\n      target.closest('.emr-drawer-ignore-outside-click')\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    this.internalIsOpen.set(true);\r\n    const clickedElement = event.target as Node;\r\n    const drawerContainer = this.getDrawerContainer();\r\n\r\n    if (drawerContainer && !drawerContainer.contains(clickedElement)) {\r\n      this.close();\r\n    }\r\n  }\r\n}\r\n","@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","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrDrawerIgnoreOutsideClick]',\r\n  host: {\r\n    'class': 'emr-drawer-ignore-outside-click'\r\n  }\r\n})\r\nexport class DrawerIgnoreOutsideClickDirective {\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}