npm - @elementar-rt/components - Versions diffs - 0.6.55 → 0.6.57 - Mend

@elementar-rt/components 0.6.55 → 0.6.57

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-color-scheme.mjs CHANGED Viewed

@@ -5,7 +5,7 @@ import { isPlatformBrowser } from '@angular/common';
 import { signalStore, withState, withMethods, patchState, withHooks } from '@ngrx/signals';
 import { TemplatePortal, CdkPortalOutlet } from '@angular/cdk/portal';
-const COLOR_SCHEME_LOCAL_KEY = 'elementar-ui-color-scheme';
+const COLOR_SCHEME_LOCAL_KEY = 'elementar-rt-color-scheme';
 const initialState = {
     theme: 'light',
@@ -37,10 +37,10 @@ const ColorSchemeStore = signalStore(withState(initialState), withMethods((store
 class ColorSchemeLightDirective {
     templateRef = inject(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ColorSchemeLightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: ColorSchemeLightDirective, isStandalone: true, selector: "[emrColorSchemeLight]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ColorSchemeLightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: ColorSchemeLightDirective, isStandalone: true, selector: "[emrColorSchemeLight]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ColorSchemeLightDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ColorSchemeLightDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrColorSchemeLight]'
@@ -49,10 +49,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
 class ColorSchemeDarkDirective {
     templateRef = inject(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ColorSchemeDarkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: ColorSchemeDarkDirective, isStandalone: true, selector: "[emrColorSchemeDark]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ColorSchemeDarkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: ColorSchemeDarkDirective, isStandalone: true, selector: "[emrColorSchemeDark]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ColorSchemeDarkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ColorSchemeDarkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrColorSchemeDark]'
@@ -84,10 +84,10 @@ class ColorSchemeSwitcherComponent {
             this.portal = new TemplatePortal(this.darkRef().templateRef, this.viewContainerRef);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ColorSchemeSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.10", type: ColorSchemeSwitcherComponent, isStandalone: true, selector: "emr-color-scheme-switcher", outputs: { colorSchemeChanged: "colorSchemeChanged" }, host: { attributes: { "ngSkipHydration": "true" }, classAttribute: "emr-color-scheme-switcher" }, queries: [{ propertyName: "lightRef", first: true, predicate: ColorSchemeLightDirective, descendants: true, isSignal: true }, { propertyName: "darkRef", first: true, predicate: ColorSchemeDarkDirective, descendants: true, isSignal: true }], exportAs: ["emrColorSchemeSwitcher"], ngImport: i0, template: "<button mat-icon-button (click)=\"toggleScheme()\">\r\n  <ng-container [cdkPortalOutlet]=\"portal\"/>\r\n</button>\r\n", styles: [":host{display:block;width:max-content}\n"], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ColorSchemeSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.25", type: ColorSchemeSwitcherComponent, isStandalone: true, selector: "emr-color-scheme-switcher", outputs: { colorSchemeChanged: "colorSchemeChanged" }, host: { attributes: { "ngSkipHydration": "true" }, classAttribute: "emr-color-scheme-switcher" }, queries: [{ propertyName: "lightRef", first: true, predicate: ColorSchemeLightDirective, descendants: true, isSignal: true }, { propertyName: "darkRef", first: true, predicate: ColorSchemeDarkDirective, descendants: true, isSignal: true }], exportAs: ["emrColorSchemeSwitcher"], ngImport: i0, template: "<button mat-icon-button (click)=\"toggleScheme()\">\n  <ng-container [cdkPortalOutlet]=\"portal\"/>\n</button>\n", styles: [":host{display:block;width:max-content}\n"], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ColorSchemeSwitcherComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ColorSchemeSwitcherComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-color-scheme-switcher', exportAs: 'emrColorSchemeSwitcher', imports: [
                         MatIconButton,
@@ -95,7 +95,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
                     ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'emr-color-scheme-switcher',
                         ngSkipHydration: 'true' // important! to prevent double render for icons
-                    }, template: "<button mat-icon-button (click)=\"toggleScheme()\">\r\n  <ng-container [cdkPortalOutlet]=\"portal\"/>\r\n</button>\r\n", styles: [":host{display:block;width:max-content}\n"] }]
+                    }, template: "<button mat-icon-button (click)=\"toggleScheme()\">\n  <ng-container [cdkPortalOutlet]=\"portal\"/>\n</button>\n", styles: [":host{display:block;width:max-content}\n"] }]
         }], propDecorators: { lightRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ColorSchemeLightDirective), { isSignal: true }] }], darkRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ColorSchemeDarkDirective), { isSignal: true }] }], colorSchemeChanged: [{ type: i0.Output, args: ["colorSchemeChanged"] }] } });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-color-scheme.mjs","sources":["../../../projects/components/color-scheme/src/color-scheme.model.ts","../../../projects/components/color-scheme/src/color-scheme.store.ts","../../../projects/components/color-scheme/src/color-scheme-light.directive.ts","../../../projects/components/color-scheme/src/color-scheme-dark.directive.ts","../../../projects/components/color-scheme/src/color-scheme-switcher/color-scheme-switcher.component.ts","../../../projects/components/color-scheme/src/color-scheme-switcher/color-scheme-switcher.component.html","../../../projects/components/color-scheme/elementar-rt-components-color-scheme.ts"],"sourcesContent":["export const COLOR_SCHEME_LOCAL_KEY = 'elementar-ui-color-scheme';\r\nexport type ColorScheme = 'light' \| 'dark';\r\n","import { effect, inject, PLATFORM_ID, DOCUMENT } from '@angular/core';\r\nimport { isPlatformBrowser } from '@angular/common';\r\nimport { patchState, signalStore, withHooks, withMethods, withState } from '@ngrx/signals';\r\nimport { COLOR_SCHEME_LOCAL_KEY, ColorScheme } from './color-scheme.model';\r\n\r\ntype ColorSchemeState = {\r\n theme: ColorScheme;\r\n};\r\n\r\nconst initialState: ColorSchemeState = {\r\n theme: 'light',\r\n};\r\n\r\nexport const ColorSchemeStore = signalStore(\r\n withState(initialState),\r\n withMethods((store) => {\r\n const platformId = inject(PLATFORM_ID);\r\n return {\r\n setScheme(scheme: ColorScheme): void {\r\n patchState(store, { theme: scheme });\r\n if (isPlatformBrowser(platformId)) {\r\n localStorage.setItem(COLOR_SCHEME_LOCAL_KEY, scheme);\r\n }\r\n },\r\n };\r\n }),\r\n withHooks({\r\n onInit(store) {\r\n const document = inject(DOCUMENT);\r\n\r\n effect(() => {\r\n const scheme = store.theme();\r\n\r\n if (scheme === 'dark') {\r\n document.documentElement.classList.add('dark');\r\n } else if (scheme === 'light') {\r\n document.documentElement.classList.remove('dark');\r\n }\r\n });\r\n },\r\n }),\r\n);\r\n","import { Directive, inject, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[emrColorSchemeLight]'\r\n})\r\nexport class ColorSchemeLightDirective {\r\n readonly templateRef = inject(TemplateRef);\r\n}\r\n","import { Directive, inject, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[emrColorSchemeDark]'\r\n})\r\nexport class ColorSchemeDarkDirective {\r\n readonly templateRef = inject(TemplateRef);\r\n}\r\n","import {\r\n ChangeDetectionStrategy,\r\n Component, computed,\r\n contentChild,\r\n inject,\r\n OnInit, output,\r\n ViewContainerRef\r\n} from '@angular/core';\r\nimport { MatIconButton } from '@angular/material/button';\r\nimport { ColorSchemeStore } from '../color-scheme.store';\r\nimport { CdkPortalOutlet, TemplatePortal } from '@angular/cdk/portal';\r\nimport { ColorSchemeLightDirective } from '../color-scheme-light.directive';\r\nimport { ColorSchemeDarkDirective } from '../color-scheme-dark.directive';\r\nimport { ColorScheme } from '../color-scheme.model';\r\n\r\n@Component({\r\n selector: 'emr-color-scheme-switcher',\r\n exportAs: 'emrColorSchemeSwitcher',\r\n imports: [\r\n MatIconButton,\r\n CdkPortalOutlet,\r\n ],\r\n templateUrl: './color-scheme-switcher.component.html',\r\n styleUrl: './color-scheme-switcher.component.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n host: {\r\n 'class': 'emr-color-scheme-switcher',\r\n ngSkipHydration: 'true' // important! to prevent double render for icons\r\n }\r\n})\r\nexport class ColorSchemeSwitcherComponent implements OnInit {\r\n private store = inject(ColorSchemeStore);\r\n private viewContainerRef = inject(ViewContainerRef);\r\n\r\n private lightRef = contentChild.required(ColorSchemeLightDirective);\r\n private darkRef = contentChild.required(ColorSchemeDarkDirective);\r\n\r\n readonly colorScheme = computed(() => this.store.theme());\r\n readonly colorSchemeChanged = output<ColorScheme>();\r\n\r\n protected portal!: TemplatePortal<any>;\r\n\r\n ngOnInit() {\r\n this.setPortal();\r\n }\r\n\r\n protected toggleScheme() {\r\n const newScheme = this.store.theme() === 'dark' ? 'light' : 'dark';\r\n this.store.setScheme(newScheme);\r\n this.setPortal();\r\n this.colorSchemeChanged.emit(this.store.theme());\r\n }\r\n\r\n private setPortal() {\r\n if (this.colorScheme() === 'light') {\r\n this.portal = new TemplatePortal(this.lightRef().templateRef, this.viewContainerRef);\r\n } else if (this.colorScheme() === 'dark') {\r\n this.portal = new TemplatePortal(this.darkRef().templateRef, this.viewContainerRef);\r\n }\r\n }\r\n}\r\n","<button mat-icon-button (click)=\"toggleScheme()\">\r\n <ng-container [cdkPortalOutlet]=\"portal\"/>\r\n</button>\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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~~wHAGA~~,EAAA,MAAA,EAAA,CAAA,0CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDgBI,aAAa,EAAA,QAAA,EAAA,sFAAA,EAAA,QAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACb,eAAe,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAUN,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAfxC,SAAS;+BACE,2BAA2B,EAAA,QAAA,EAC3B,wBAAwB,EAAA,OAAA,EACzB;wBACP,aAAa;wBACb,eAAe;qBAChB,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,OAAO,EAAE,2BAA2B;wBACpC,eAAe,EAAE,MAAM;AACxB,qBAAA,EAAA,QAAA,EAAA,~~wHAAA~~,EAAA,MAAA,EAAA,CAAA,0CAAA,CAAA,EAAA;AAMwC,SAAA,CAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAAA,yBAAyB,yFAC1B,wBAAwB,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,kBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEnClE;;AAEG;;;;"}
1	+ {"version":3,"file":"elementar-rt-components-color-scheme.mjs","sources":["../../../projects/components/color-scheme/src/color-scheme.model.ts","../../../projects/components/color-scheme/src/color-scheme.store.ts","../../../projects/components/color-scheme/src/color-scheme-light.directive.ts","../../../projects/components/color-scheme/src/color-scheme-dark.directive.ts","../../../projects/components/color-scheme/src/color-scheme-switcher/color-scheme-switcher.component.ts","../../../projects/components/color-scheme/src/color-scheme-switcher/color-scheme-switcher.component.html","../../../projects/components/color-scheme/elementar-rt-components-color-scheme.ts"],"sourcesContent":["export const COLOR_SCHEME_LOCAL_KEY = 'elementar-rt-color-scheme';\nexport type ColorScheme = 'light' \| 'dark';\n","import { effect, inject, PLATFORM_ID, DOCUMENT } from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport { patchState, signalStore, withHooks, withMethods, withState } from '@ngrx/signals';\nimport { COLOR_SCHEME_LOCAL_KEY, ColorScheme } from './color-scheme.model';\n\ntype ColorSchemeState = {\n theme: ColorScheme;\n};\n\nconst initialState: ColorSchemeState = {\n theme: 'light',\n};\n\nexport const ColorSchemeStore = signalStore(\n withState(initialState),\n withMethods((store) => {\n const platformId = inject(PLATFORM_ID);\n return {\n setScheme(scheme: ColorScheme): void {\n patchState(store, { theme: scheme });\n if (isPlatformBrowser(platformId)) {\n localStorage.setItem(COLOR_SCHEME_LOCAL_KEY, scheme);\n }\n },\n };\n }),\n withHooks({\n onInit(store) {\n const document = inject(DOCUMENT);\n\n effect(() => {\n const scheme = store.theme();\n\n if (scheme === 'dark') {\n document.documentElement.classList.add('dark');\n } else if (scheme === 'light') {\n document.documentElement.classList.remove('dark');\n }\n });\n },\n }),\n);\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[emrColorSchemeLight]'\n})\nexport class ColorSchemeLightDirective {\n readonly templateRef = inject(TemplateRef);\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[emrColorSchemeDark]'\n})\nexport class ColorSchemeDarkDirective {\n readonly templateRef = inject(TemplateRef);\n}\n","import {\n ChangeDetectionStrategy,\n Component, computed,\n contentChild,\n inject,\n OnInit, output,\n ViewContainerRef\n} from '@angular/core';\nimport { MatIconButton } from '@angular/material/button';\nimport { ColorSchemeStore } from '../color-scheme.store';\nimport { CdkPortalOutlet, TemplatePortal } from '@angular/cdk/portal';\nimport { ColorSchemeLightDirective } from '../color-scheme-light.directive';\nimport { ColorSchemeDarkDirective } from '../color-scheme-dark.directive';\nimport { ColorScheme } from '../color-scheme.model';\n\n@Component({\n selector: 'emr-color-scheme-switcher',\n exportAs: 'emrColorSchemeSwitcher',\n imports: [\n MatIconButton,\n CdkPortalOutlet,\n ],\n templateUrl: './color-scheme-switcher.component.html',\n styleUrl: './color-scheme-switcher.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'class': 'emr-color-scheme-switcher',\n ngSkipHydration: 'true' // important! to prevent double render for icons\n }\n})\nexport class ColorSchemeSwitcherComponent implements OnInit {\n private store = inject(ColorSchemeStore);\n private viewContainerRef = inject(ViewContainerRef);\n\n private lightRef = contentChild.required(ColorSchemeLightDirective);\n private darkRef = contentChild.required(ColorSchemeDarkDirective);\n\n readonly colorScheme = computed(() => this.store.theme());\n readonly colorSchemeChanged = output<ColorScheme>();\n\n protected portal!: TemplatePortal<any>;\n\n ngOnInit() {\n this.setPortal();\n }\n\n protected toggleScheme() {\n const newScheme = this.store.theme() === 'dark' ? 'light' : 'dark';\n this.store.setScheme(newScheme);\n this.setPortal();\n this.colorSchemeChanged.emit(this.store.theme());\n }\n\n private setPortal() {\n if (this.colorScheme() === 'light') {\n this.portal = new TemplatePortal(this.lightRef().templateRef, this.viewContainerRef);\n } else if (this.colorScheme() === 'dark') {\n this.portal = new TemplatePortal(this.darkRef().templateRef, this.viewContainerRef);\n }\n }\n}\n","<button mat-icon-button (click)=\"toggleScheme()\">\n <ng-container [cdkPortalOutlet]=\"portal\"/>\n</button>\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-combobox.mjs ADDED Viewed

@@ -0,0 +1,70 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, output, signal, computed, forwardRef, Component } from '@angular/core';
+import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+class ComboboxComponent {
+    options = input([], ...(ngDevMode ? [{ debugName: "options" }] : []));
+    placeholder = input('Select or type…', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    allowFreeform = input(false, ...(ngDevMode ? [{ debugName: "allowFreeform", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    optionSelect = output();
+    search = output();
+    _open = signal(false, ...(ngDevMode ? [{ debugName: "_open" }] : []));
+    _query = signal('', ...(ngDevMode ? [{ debugName: "_query" }] : []));
+    _selected = signal(null, ...(ngDevMode ? [{ debugName: "_selected" }] : []));
+    _onChange = () => { };
+    _onTouched = () => { };
+    writeValue(v) {
+        const match = this.options().find(o => o.value === v) ?? null;
+        this._selected.set(match);
+        this._query.set(match?.label ?? '');
+    }
+    registerOnChange(fn) { this._onChange = fn; }
+    registerOnTouched(fn) { this._onTouched = fn; }
+    setDisabledState(_) { }
+    _filtered = computed(() => {
+        const q = this._query().toLowerCase();
+        return this.options().filter(o => !q || o.label.toLowerCase().includes(q));
+    }, ...(ngDevMode ? [{ debugName: "_filtered" }] : []));
+    _onInput(q) {
+        this._query.set(q);
+        this._open.set(true);
+        this.search.emit(q);
+        if (this.allowFreeform()) {
+            this._onChange(q);
+        }
+    }
+    _select(opt) {
+        if (opt.disabled)
+            return;
+        this._selected.set(opt);
+        this._query.set(opt.label);
+        this._open.set(false);
+        this._onChange(opt.value);
+        this._onTouched();
+        this.optionSelect.emit(opt);
+    }
+    _onFocus() { this._open.set(true); }
+    _onBlur() { setTimeout(() => this._open.set(false), 150); }
+    _isSelected(opt) {
+        return this._selected()?.value === opt.value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ComboboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ComboboxComponent, isStandalone: true, selector: "emr-combobox", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, allowFreeform: { classPropertyName: "allowFreeform", publicName: "allowFreeform", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { optionSelect: "optionSelect", search: "search" }, host: { properties: { "class.is-open": "_open()", "class.is-disabled": "disabled()" }, classAttribute: "emr-combobox" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ComboboxComponent), multi: true }], exportAs: ["emrCombobox"], ngImport: i0, template: "<div class=\"cb-input-wrap\">\n  <input\n    class=\"cb-input\"\n    type=\"text\"\n    [value]=\"_query()\"\n    [placeholder]=\"placeholder()\"\n    [disabled]=\"disabled()\"\n    (input)=\"_onInput($any($event.target).value)\"\n    (focus)=\"_onFocus()\"\n    (blur)=\"_onBlur()\"\n    autocomplete=\"off\"\n    role=\"combobox\"\n    [attr.aria-expanded]=\"_open()\"\n  />\n  <span class=\"cb-arrow\">\n    @if (loading()) {\n      <span class=\"cb-spinner\"></span>\n    } @else {\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n        <path d=\"M7 10l5 5 5-5z\"/>\n      </svg>\n    }\n  </span>\n</div>\n@if (_open() && _filtered().length) {\n  <div class=\"cb-dropdown\" role=\"listbox\">\n    @for (opt of _filtered(); track opt.value) {\n      <div\n        class=\"cb-option\"\n        role=\"option\"\n        [class.is-selected]=\"_isSelected(opt)\"\n        [class.is-disabled]=\"opt.disabled\"\n        (mousedown)=\"_select(opt)\"\n      >{{ opt.label }}</div>\n    }\n  </div>\n}\n", styles: [":host{--emr-cb-border: 1px solid var(--color-outline);--emr-cb-border-radius: .75rem;--emr-cb-height: calc(var(--spacing, .25rem) * 10);--emr-cb-bg: var(--color-surface);--emr-cb-dropdown-bg: var(--color-surface-container-low);position:relative;display:block;width:100%}.cb-input-wrap{position:relative;display:flex;align-items:center}.cb-input{width:100%;height:var(--emr-cb-height);padding:0 calc(var(--spacing, .25rem) * 9) 0 calc(var(--spacing, .25rem) * 3);background:var(--emr-cb-bg);border:var(--emr-cb-border);border-radius:var(--emr-cb-border-radius);font-size:.875rem;color:var(--color-on-surface);outline:none;transition:border-color .15s}.cb-input:focus{border-color:var(--color-primary)}.cb-input:disabled{opacity:.38;cursor:not-allowed}:host(.is-open) .cb-input{border-bottom-left-radius:0;border-bottom-right-radius:0}.cb-arrow{position:absolute;right:calc(var(--spacing, .25rem) * 2.5);color:var(--color-on-surface-variant);display:flex;align-items:center;pointer-events:none}.cb-spinner{width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);border:2px solid var(--color-outline-variant);border-top-color:var(--color-primary);border-radius:50%;animation:cbSpin .7s linear infinite}.cb-dropdown{position:absolute;top:100%;left:0;right:0;z-index:200;background:var(--emr-cb-dropdown-bg);border:var(--emr-cb-border);border-top:none;border-radius:0 0 var(--emr-cb-border-radius) var(--emr-cb-border-radius);max-height:calc(var(--spacing, .25rem) * 60);overflow-y:auto;box-shadow:0 8px 24px var(--color-shadow)}@supports (color: color-mix(in lab,red,red)){.cb-dropdown{box-shadow:0 8px 24px color-mix(in srgb,var(--color-shadow) 12%,transparent)}}.cb-option{padding:calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 3);font-size:.875rem;cursor:pointer;color:var(--color-on-surface);transition:background 80ms}.cb-option:hover{background:var(--color-surface-container-high)}.cb-option.is-selected{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.cb-option.is-disabled{opacity:.38;cursor:not-allowed;pointer-events:none}@keyframes cbSpin{to{transform:rotate(360deg)}}\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: ComboboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-combobox', exportAs: 'emrCombobox', imports: [FormsModule], providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ComboboxComponent), multi: true }], host: {
+                        'class': 'emr-combobox',
+                        '[class.is-open]': '_open()',
+                        '[class.is-disabled]': 'disabled()',
+                    }, template: "<div class=\"cb-input-wrap\">\n  <input\n    class=\"cb-input\"\n    type=\"text\"\n    [value]=\"_query()\"\n    [placeholder]=\"placeholder()\"\n    [disabled]=\"disabled()\"\n    (input)=\"_onInput($any($event.target).value)\"\n    (focus)=\"_onFocus()\"\n    (blur)=\"_onBlur()\"\n    autocomplete=\"off\"\n    role=\"combobox\"\n    [attr.aria-expanded]=\"_open()\"\n  />\n  <span class=\"cb-arrow\">\n    @if (loading()) {\n      <span class=\"cb-spinner\"></span>\n    } @else {\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n        <path d=\"M7 10l5 5 5-5z\"/>\n      </svg>\n    }\n  </span>\n</div>\n@if (_open() && _filtered().length) {\n  <div class=\"cb-dropdown\" role=\"listbox\">\n    @for (opt of _filtered(); track opt.value) {\n      <div\n        class=\"cb-option\"\n        role=\"option\"\n        [class.is-selected]=\"_isSelected(opt)\"\n        [class.is-disabled]=\"opt.disabled\"\n        (mousedown)=\"_select(opt)\"\n      >{{ opt.label }}</div>\n    }\n  </div>\n}\n", styles: [":host{--emr-cb-border: 1px solid var(--color-outline);--emr-cb-border-radius: .75rem;--emr-cb-height: calc(var(--spacing, .25rem) * 10);--emr-cb-bg: var(--color-surface);--emr-cb-dropdown-bg: var(--color-surface-container-low);position:relative;display:block;width:100%}.cb-input-wrap{position:relative;display:flex;align-items:center}.cb-input{width:100%;height:var(--emr-cb-height);padding:0 calc(var(--spacing, .25rem) * 9) 0 calc(var(--spacing, .25rem) * 3);background:var(--emr-cb-bg);border:var(--emr-cb-border);border-radius:var(--emr-cb-border-radius);font-size:.875rem;color:var(--color-on-surface);outline:none;transition:border-color .15s}.cb-input:focus{border-color:var(--color-primary)}.cb-input:disabled{opacity:.38;cursor:not-allowed}:host(.is-open) .cb-input{border-bottom-left-radius:0;border-bottom-right-radius:0}.cb-arrow{position:absolute;right:calc(var(--spacing, .25rem) * 2.5);color:var(--color-on-surface-variant);display:flex;align-items:center;pointer-events:none}.cb-spinner{width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);border:2px solid var(--color-outline-variant);border-top-color:var(--color-primary);border-radius:50%;animation:cbSpin .7s linear infinite}.cb-dropdown{position:absolute;top:100%;left:0;right:0;z-index:200;background:var(--emr-cb-dropdown-bg);border:var(--emr-cb-border);border-top:none;border-radius:0 0 var(--emr-cb-border-radius) var(--emr-cb-border-radius);max-height:calc(var(--spacing, .25rem) * 60);overflow-y:auto;box-shadow:0 8px 24px var(--color-shadow)}@supports (color: color-mix(in lab,red,red)){.cb-dropdown{box-shadow:0 8px 24px color-mix(in srgb,var(--color-shadow) 12%,transparent)}}.cb-option{padding:calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 3);font-size:.875rem;cursor:pointer;color:var(--color-on-surface);transition:background 80ms}.cb-option:hover{background:var(--color-surface-container-high)}.cb-option.is-selected{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.cb-option.is-disabled{opacity:.38;cursor:not-allowed;pointer-events:none}@keyframes cbSpin{to{transform:rotate(360deg)}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], allowFreeform: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowFreeform", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], optionSelect: [{ type: i0.Output, args: ["optionSelect"] }], search: [{ type: i0.Output, args: ["search"] }] } });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { ComboboxComponent };
+//# sourceMappingURL=elementar-rt-components-combobox.mjs.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"elementar-rt-components-combobox.mjs","sources":["../../../projects/components/combobox/src/combobox/combobox.component.ts","../../../projects/components/combobox/src/combobox/combobox.component.html","../../../projects/components/combobox/elementar-rt-components-combobox.ts"],"sourcesContent":["import {\n booleanAttribute,\n Component,\n computed,\n forwardRef,\n input,\n model,\n output,\n signal\n} from '@angular/core';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nexport interface ComboboxOption {\n label: string;\n value: any;\n group?: string;\n disabled?: boolean;\n}\n\n@Component({\n selector: 'emr-combobox',\n exportAs: 'emrCombobox',\n imports: [FormsModule],\n templateUrl: './combobox.component.html',\n styleUrl: './combobox.component.scss',\n providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ComboboxComponent), multi: true }],\n host: {\n 'class': 'emr-combobox',\n '[class.is-open]': '_open()',\n '[class.is-disabled]': 'disabled()',\n }\n})\nexport class ComboboxComponent implements ControlValueAccessor {\n options = input<ComboboxOption[]>([]);\n placeholder = input('Select or type…');\n disabled = input(false, { transform: booleanAttribute });\n allowFreeform = input(false, { transform: booleanAttribute });\n loading = input(false, { transform: booleanAttribute });\n\n readonly optionSelect = output<ComboboxOption>();\n readonly search = output<string>();\n\n protected _open = signal(false);\n protected _query = signal('');\n protected _selected = signal<ComboboxOption | null>(null);\n\n private _onChange: (v: any) => void = () => {};\n private _onTouched: () => void = () => {};\n\n writeValue(v: any): void {\n const match = this.options().find(o => o.value === v) ?? null;\n this._selected.set(match);\n this._query.set(match?.label ?? '');\n }\n registerOnChange(fn: any): void { this._onChange = fn; }\n registerOnTouched(fn: any): void { this._onTouched = fn; }\n setDisabledState(_: boolean): void {}\n\n protected _filtered = computed(() => {\n const q = this._query().toLowerCase();\n return this.options().filter(o => !q || o.label.toLowerCase().includes(q));\n });\n\n protected _onInput(q: string) {\n this._query.set(q);\n this._open.set(true);\n this.search.emit(q);\n if (this.allowFreeform()) {\n this._onChange(q);\n }\n }\n\n protected _select(opt: ComboboxOption) {\n if (opt.disabled) return;\n this._selected.set(opt);\n this._query.set(opt.label);\n this._open.set(false);\n this._onChange(opt.value);\n this._onTouched();\n this.optionSelect.emit(opt);\n }\n\n protected _onFocus() { this._open.set(true); }\n protected _onBlur() { setTimeout(() => this._open.set(false), 150); }\n\n protected _isSelected(opt: ComboboxOption): boolean {\n return this._selected()?.value === opt.value;\n }\n}\n","<div class=\"cb-input-wrap\">\n <input\n class=\"cb-input\"\n type=\"text\"\n [value]=\"_query()\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled()\"\n (input)=\"_onInput($any($event.target).value)\"\n (focus)=\"_onFocus()\"\n (blur)=\"_onBlur()\"\n autocomplete=\"off\"\n role=\"combobox\"\n [attr.aria-expanded]=\"_open()\"\n />\n <span class=\"cb-arrow\">\n @if (loading()) {\n <span class=\"cb-spinner\"></span>\n } @else {\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M7 10l5 5 5-5z\"/>\n </svg>\n }\n </span>\n</div>\n@if (_open() && _filtered().length) {\n <div class=\"cb-dropdown\" role=\"listbox\">\n @for (opt of _filtered(); track opt.value) {\n <div\n class=\"cb-option\"\n role=\"option\"\n [class.is-selected]=\"_isSelected(opt)\"\n [class.is-disabled]=\"opt.disabled\"\n (mousedown)=\"_select(opt)\"\n >{{ opt.label }}</div>\n }\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-command-bar.mjs CHANGED Viewed

@@ -15,40 +15,40 @@ class CommandBarComponent {
             this._renderer.setAttribute(this._elementRef.nativeElement, 'emr-command-bar-position', this.position());
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CommandBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: CommandBarComponent, isStandalone: true, selector: "emr-command-bar", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-open": "open()" }, classAttribute: "emr-command-bar" }, exportAs: ["emrCommandBar"], ngImport: i0, template: "<div class=\"content\"><ng-content/></div>\r\n<ng-content select=\"emr-command-bar-command,[emr-command-bar-command],emr-command-bar-divider\"></ng-content>\r\n", styles: [":host{--emr-command-bar-height: calc(var(--spacing) * 12);--emr-command-bar-padding: 0 calc(var(--spacing) * 1);--emr-command-bar-margin: calc(var(--spacing) * 8) 0;--emr-command-bar-zindex: 50;--emr-command-bar-bg: var(--color-neutral-950);--emr-command-bar-color: var(--color-neutral-200);--emr-command-bar-border: 1px solid var(--color-neutral-700);--emr-command-bar-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--emr-command-bar-border-radius: calc(infinity * 1px);--emr-command-bar-command-height: calc(var(--spacing) * 10);--emr-command-bar-command-padding: 0 calc(var(--spacing) * 3.5);--emr-command-bar-command-font-size: .875rem;--emr-command-bar-command-color: var(--color-neutral-200);--emr-command-bar-command-hover-color: var(--color-neutral-100);--emr-command-bar-command-hover-bg: var(--color-neutral-800);--emr-command-bar-value-color: var(--color-neutral-200);--emr-command-bar-command-gap: calc(var(--spacing) * 3);--emr-command-bar-content-padding: 0 calc(var(--spacing) * 4);--emr-command-bar-font-size: .875rem;--emr-command-bar-divider-width: 1px;--emr-command-bar-divider-height: calc(var(--spacing) * 6);--emr-command-bar-divider-bg: var(--color-neutral-600);--emr-command-bar-command-shortcut-bg: var(--color-neutral-700);--emr-command-bar-command-shortcut-border-radius: .5rem;--emr-command-bar-command-shortcut-font-size: var(--text-xs);--emr-command-bar-command-shortcut-color: var(--color-neutral-300);--emr-command-bar-command-shortcut-padding: 0 5px;--emr-command-bar-command-shortcut-border: 1px solid var(--color-neutral-600);--emr-command-bar-command-shortcut-size: calc(var(--spacing) * 5);left:50%;translate:-50% 0;height:var(--emr-command-bar-height);border:var(--emr-command-bar-border);box-shadow:var(--emr-command-bar-shadow);border-radius:var(--emr-command-bar-border-radius);z-index:-1;font-size:var(--emr-command-bar-font-size);color:var(--emr-command-bar-color);padding:var(--emr-command-bar-padding);overflow:hidden;opacity:0;display:flex;align-items:center;width:min-content;position:fixed;background-color:var(--emr-command-bar-bg);margin:var(--emr-command-bar-margin);gap:calc(var(--spacing) * 1)}:host .content{white-space:nowrap;padding:var(--emr-command-bar-content-padding)}:host .content:empty{display:none}:host.is-open{opacity:1;z-index:var(--emr-command-bar-zindex)}:host[emr-command-bar-position=top]{top:0}:host[emr-command-bar-position=top].is-open{animation:.3s emr-command-bar-animation-from-top}:host[emr-command-bar-position=bottom]{bottom:0}:host[emr-command-bar-position=bottom].is-open{animation:.3s emr-command-bar-animation-from-bottom}@keyframes emr-command-bar-animation-from-top{0%{transform:translateY(-150%) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes emr-command-bar-animation-from-bottom{0%{transform:translateY(150%) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}:host-context(html.dark){--emr-command-bar-bg: var(--color-primary-200);--emr-command-bar-color: var(--color-neutral-950);--emr-command-bar-command-color: var(--color-neutral-950)}\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: CommandBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: CommandBarComponent, isStandalone: true, selector: "emr-command-bar", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-open": "open()" }, classAttribute: "emr-command-bar" }, exportAs: ["emrCommandBar"], ngImport: i0, template: "<div class=\"content\"><ng-content/></div>\n<ng-content select=\"emr-command-bar-command,[emr-command-bar-command],emr-command-bar-divider\"></ng-content>\n", styles: [":host{--emr-command-bar-height: calc(var(--spacing) * 12);--emr-command-bar-padding: 0 calc(var(--spacing) * 1);--emr-command-bar-margin: calc(var(--spacing) * 8) 0;--emr-command-bar-zindex: 50;--emr-command-bar-bg: var(--color-neutral-950);--emr-command-bar-color: var(--color-neutral-200);--emr-command-bar-border: 1px solid var(--color-neutral-700);--emr-command-bar-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--emr-command-bar-border-radius: calc(infinity * 1px);--emr-command-bar-command-height: calc(var(--spacing) * 10);--emr-command-bar-command-padding: 0 calc(var(--spacing) * 3.5);--emr-command-bar-command-font-size: .875rem;--emr-command-bar-command-color: var(--color-neutral-200);--emr-command-bar-command-hover-color: var(--color-neutral-100);--emr-command-bar-command-hover-bg: var(--color-neutral-800);--emr-command-bar-value-color: var(--color-neutral-200);--emr-command-bar-command-gap: calc(var(--spacing) * 3);--emr-command-bar-content-padding: 0 calc(var(--spacing) * 4);--emr-command-bar-font-size: .875rem;--emr-command-bar-divider-width: 1px;--emr-command-bar-divider-height: calc(var(--spacing) * 6);--emr-command-bar-divider-bg: var(--color-neutral-600);--emr-command-bar-command-shortcut-bg: var(--color-neutral-700);--emr-command-bar-command-shortcut-border-radius: .5rem;--emr-command-bar-command-shortcut-font-size: var(--text-xs);--emr-command-bar-command-shortcut-color: var(--color-neutral-300);--emr-command-bar-command-shortcut-padding: 0 5px;--emr-command-bar-command-shortcut-border: 1px solid var(--color-neutral-600);--emr-command-bar-command-shortcut-size: calc(var(--spacing) * 5);left:50%;translate:-50% 0;height:var(--emr-command-bar-height);border:var(--emr-command-bar-border);box-shadow:var(--emr-command-bar-shadow);border-radius:var(--emr-command-bar-border-radius);z-index:-1;font-size:var(--emr-command-bar-font-size);color:var(--emr-command-bar-color);padding:var(--emr-command-bar-padding);overflow:hidden;opacity:0;display:flex;align-items:center;width:min-content;position:fixed;background-color:var(--emr-command-bar-bg);margin:var(--emr-command-bar-margin);gap:calc(var(--spacing) * 1)}:host .content{white-space:nowrap;padding:var(--emr-command-bar-content-padding)}:host .content:empty{display:none}:host.is-open{opacity:1;z-index:var(--emr-command-bar-zindex)}:host[emr-command-bar-position=top]{top:0}:host[emr-command-bar-position=top].is-open{animation:.3s emr-command-bar-animation-from-top}:host[emr-command-bar-position=bottom]{bottom:0}:host[emr-command-bar-position=bottom].is-open{animation:.3s emr-command-bar-animation-from-bottom}@keyframes emr-command-bar-animation-from-top{0%{transform:translateY(-150%) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes emr-command-bar-animation-from-bottom{0%{transform:translateY(150%) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}:host-context(html.dark){--emr-command-bar-bg: var(--color-primary-200);--emr-command-bar-color: var(--color-neutral-950);--emr-command-bar-command-color: var(--color-neutral-950)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CommandBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommandBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-command-bar', exportAs: 'emrCommandBar', standalone: true, host: {
                         'class': 'emr-command-bar',
                         '[class.is-open]': 'open()',
-                    }, template: "<div class=\"content\"><ng-content/></div>\r\n<ng-content select=\"emr-command-bar-command,[emr-command-bar-command],emr-command-bar-divider\"></ng-content>\r\n", styles: [":host{--emr-command-bar-height: calc(var(--spacing) * 12);--emr-command-bar-padding: 0 calc(var(--spacing) * 1);--emr-command-bar-margin: calc(var(--spacing) * 8) 0;--emr-command-bar-zindex: 50;--emr-command-bar-bg: var(--color-neutral-950);--emr-command-bar-color: var(--color-neutral-200);--emr-command-bar-border: 1px solid var(--color-neutral-700);--emr-command-bar-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--emr-command-bar-border-radius: calc(infinity * 1px);--emr-command-bar-command-height: calc(var(--spacing) * 10);--emr-command-bar-command-padding: 0 calc(var(--spacing) * 3.5);--emr-command-bar-command-font-size: .875rem;--emr-command-bar-command-color: var(--color-neutral-200);--emr-command-bar-command-hover-color: var(--color-neutral-100);--emr-command-bar-command-hover-bg: var(--color-neutral-800);--emr-command-bar-value-color: var(--color-neutral-200);--emr-command-bar-command-gap: calc(var(--spacing) * 3);--emr-command-bar-content-padding: 0 calc(var(--spacing) * 4);--emr-command-bar-font-size: .875rem;--emr-command-bar-divider-width: 1px;--emr-command-bar-divider-height: calc(var(--spacing) * 6);--emr-command-bar-divider-bg: var(--color-neutral-600);--emr-command-bar-command-shortcut-bg: var(--color-neutral-700);--emr-command-bar-command-shortcut-border-radius: .5rem;--emr-command-bar-command-shortcut-font-size: var(--text-xs);--emr-command-bar-command-shortcut-color: var(--color-neutral-300);--emr-command-bar-command-shortcut-padding: 0 5px;--emr-command-bar-command-shortcut-border: 1px solid var(--color-neutral-600);--emr-command-bar-command-shortcut-size: calc(var(--spacing) * 5);left:50%;translate:-50% 0;height:var(--emr-command-bar-height);border:var(--emr-command-bar-border);box-shadow:var(--emr-command-bar-shadow);border-radius:var(--emr-command-bar-border-radius);z-index:-1;font-size:var(--emr-command-bar-font-size);color:var(--emr-command-bar-color);padding:var(--emr-command-bar-padding);overflow:hidden;opacity:0;display:flex;align-items:center;width:min-content;position:fixed;background-color:var(--emr-command-bar-bg);margin:var(--emr-command-bar-margin);gap:calc(var(--spacing) * 1)}:host .content{white-space:nowrap;padding:var(--emr-command-bar-content-padding)}:host .content:empty{display:none}:host.is-open{opacity:1;z-index:var(--emr-command-bar-zindex)}:host[emr-command-bar-position=top]{top:0}:host[emr-command-bar-position=top].is-open{animation:.3s emr-command-bar-animation-from-top}:host[emr-command-bar-position=bottom]{bottom:0}:host[emr-command-bar-position=bottom].is-open{animation:.3s emr-command-bar-animation-from-bottom}@keyframes emr-command-bar-animation-from-top{0%{transform:translateY(-150%) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes emr-command-bar-animation-from-bottom{0%{transform:translateY(150%) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}:host-context(html.dark){--emr-command-bar-bg: var(--color-primary-200);--emr-command-bar-color: var(--color-neutral-950);--emr-command-bar-command-color: var(--color-neutral-950)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"content\"><ng-content/></div>\n<ng-content select=\"emr-command-bar-command,[emr-command-bar-command],emr-command-bar-divider\"></ng-content>\n", styles: [":host{--emr-command-bar-height: calc(var(--spacing) * 12);--emr-command-bar-padding: 0 calc(var(--spacing) * 1);--emr-command-bar-margin: calc(var(--spacing) * 8) 0;--emr-command-bar-zindex: 50;--emr-command-bar-bg: var(--color-neutral-950);--emr-command-bar-color: var(--color-neutral-200);--emr-command-bar-border: 1px solid var(--color-neutral-700);--emr-command-bar-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--emr-command-bar-border-radius: calc(infinity * 1px);--emr-command-bar-command-height: calc(var(--spacing) * 10);--emr-command-bar-command-padding: 0 calc(var(--spacing) * 3.5);--emr-command-bar-command-font-size: .875rem;--emr-command-bar-command-color: var(--color-neutral-200);--emr-command-bar-command-hover-color: var(--color-neutral-100);--emr-command-bar-command-hover-bg: var(--color-neutral-800);--emr-command-bar-value-color: var(--color-neutral-200);--emr-command-bar-command-gap: calc(var(--spacing) * 3);--emr-command-bar-content-padding: 0 calc(var(--spacing) * 4);--emr-command-bar-font-size: .875rem;--emr-command-bar-divider-width: 1px;--emr-command-bar-divider-height: calc(var(--spacing) * 6);--emr-command-bar-divider-bg: var(--color-neutral-600);--emr-command-bar-command-shortcut-bg: var(--color-neutral-700);--emr-command-bar-command-shortcut-border-radius: .5rem;--emr-command-bar-command-shortcut-font-size: var(--text-xs);--emr-command-bar-command-shortcut-color: var(--color-neutral-300);--emr-command-bar-command-shortcut-padding: 0 5px;--emr-command-bar-command-shortcut-border: 1px solid var(--color-neutral-600);--emr-command-bar-command-shortcut-size: calc(var(--spacing) * 5);left:50%;translate:-50% 0;height:var(--emr-command-bar-height);border:var(--emr-command-bar-border);box-shadow:var(--emr-command-bar-shadow);border-radius:var(--emr-command-bar-border-radius);z-index:-1;font-size:var(--emr-command-bar-font-size);color:var(--emr-command-bar-color);padding:var(--emr-command-bar-padding);overflow:hidden;opacity:0;display:flex;align-items:center;width:min-content;position:fixed;background-color:var(--emr-command-bar-bg);margin:var(--emr-command-bar-margin);gap:calc(var(--spacing) * 1)}:host .content{white-space:nowrap;padding:var(--emr-command-bar-content-padding)}:host .content:empty{display:none}:host.is-open{opacity:1;z-index:var(--emr-command-bar-zindex)}:host[emr-command-bar-position=top]{top:0}:host[emr-command-bar-position=top].is-open{animation:.3s emr-command-bar-animation-from-top}:host[emr-command-bar-position=bottom]{bottom:0}:host[emr-command-bar-position=bottom].is-open{animation:.3s emr-command-bar-animation-from-bottom}@keyframes emr-command-bar-animation-from-top{0%{transform:translateY(-150%) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes emr-command-bar-animation-from-bottom{0%{transform:translateY(150%) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}:host-context(html.dark){--emr-command-bar-bg: var(--color-primary-200);--emr-command-bar-color: var(--color-neutral-950);--emr-command-bar-command-color: var(--color-neutral-950)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }] } });
 class CommandBarDividerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CommandBarDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: CommandBarDividerComponent, isStandalone: true, selector: "emr-command-bar-divider", host: { classAttribute: "emr-command-bar-divider" }, exportAs: ["emrCommandBarDivider"], ngImport: i0, template: "\r\n", styles: [":host{display:block;width:var(--emr-command-bar-divider-width);height:var(--emr-command-bar-divider-height);background:var(--emr-command-bar-divider-bg)}\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: CommandBarDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: CommandBarDividerComponent, isStandalone: true, selector: "emr-command-bar-divider", host: { classAttribute: "emr-command-bar-divider" }, exportAs: ["emrCommandBarDivider"], ngImport: i0, template: "\n", styles: [":host{display:block;width:var(--emr-command-bar-divider-width);height:var(--emr-command-bar-divider-height);background:var(--emr-command-bar-divider-bg)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CommandBarDividerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommandBarDividerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-command-bar-divider', exportAs: 'emrCommandBarDivider', host: {
                         'class': 'emr-command-bar-divider'
-                    }, template: "\r\n", styles: [":host{display:block;width:var(--emr-command-bar-divider-width);height:var(--emr-command-bar-divider-height);background:var(--emr-command-bar-divider-bg)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "\n", styles: [":host{display:block;width:var(--emr-command-bar-divider-width);height:var(--emr-command-bar-divider-height);background:var(--emr-command-bar-divider-bg)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class CommandBarCommandComponent {
     shortcut = input('', ...(ngDevMode ? [{ debugName: "shortcut" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CommandBarCommandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: CommandBarCommandComponent, isStandalone: true, selector: "emr-command-bar-command,[emr-command-bar-command]", inputs: { shortcut: { classPropertyName: "shortcut", publicName: "shortcut", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "emr-command-bar-command" }, exportAs: ["emrCommandBarCommand"], hostDirectives: [{ directive: i1.MatRipple }], ngImport: i0, template: "<ng-content/>\r\n@if (shortcut()) {\r\n  <div class=\"shortcut\">{{ shortcut() }}</div>\r\n}\r\n", styles: [":host{display:flex;align-items:center;justify-content:space-between;white-space:nowrap;padding:var(--emr-command-bar-command-padding);font-size:var(--emr-command-bar-command-font-size);cursor:pointer;gap:var(--emr-command-bar-command-gap);color:var(--emr-command-bar-command-color);-webkit-user-select:none;user-select:none;border-radius:calc(infinity * 1px);height:var(--emr-command-bar-command-height)}:host:hover{color:var(--emr-command-bar-command-hover-color);background:var(--emr-command-bar-command-hover-bg)}:host .shortcut{text-transform:uppercase;display:flex;align-items:center;justify-content:center;background:var(--emr-command-bar-command-shortcut-bg);border-radius:var(--emr-command-bar-command-shortcut-border-radius);font-size:var(--emr-command-bar-command-shortcut-font-size);color:var(--emr-command-bar-command-shortcut-color);padding:var(--emr-command-bar-command-shortcut-padding);border:var(--emr-command-bar-command-shortcut-border);flex:none;width:var(--emr-command-bar-command-shortcut-size);height:var(--emr-command-bar-command-shortcut-size)}\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: CommandBarCommandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: CommandBarCommandComponent, isStandalone: true, selector: "emr-command-bar-command,[emr-command-bar-command]", inputs: { shortcut: { classPropertyName: "shortcut", publicName: "shortcut", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "emr-command-bar-command" }, exportAs: ["emrCommandBarCommand"], hostDirectives: [{ directive: i1.MatRipple }], ngImport: i0, template: "<ng-content/>\n@if (shortcut()) {\n  <div class=\"shortcut\">{{ shortcut() }}</div>\n}\n", styles: [":host{display:flex;align-items:center;justify-content:space-between;white-space:nowrap;padding:var(--emr-command-bar-command-padding);font-size:var(--emr-command-bar-command-font-size);cursor:pointer;gap:var(--emr-command-bar-command-gap);color:var(--emr-command-bar-command-color);-webkit-user-select:none;user-select:none;border-radius:calc(infinity * 1px);height:var(--emr-command-bar-command-height)}:host:hover{color:var(--emr-command-bar-command-hover-color);background:var(--emr-command-bar-command-hover-bg)}:host .shortcut{text-transform:uppercase;display:flex;align-items:center;justify-content:center;background:var(--emr-command-bar-command-shortcut-bg);border-radius:var(--emr-command-bar-command-shortcut-border-radius);font-size:var(--emr-command-bar-command-shortcut-font-size);color:var(--emr-command-bar-command-shortcut-color);padding:var(--emr-command-bar-command-shortcut-padding);border:var(--emr-command-bar-command-shortcut-border);flex:none;width:var(--emr-command-bar-command-shortcut-size);height:var(--emr-command-bar-command-shortcut-size)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CommandBarCommandComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommandBarCommandComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-command-bar-command,[emr-command-bar-command]', exportAs: 'emrCommandBarCommand', standalone: true, hostDirectives: [
                         MatRipple,
                     ], host: {
                         'class': 'emr-command-bar-command'
-                    }, template: "<ng-content/>\r\n@if (shortcut()) {\r\n  <div class=\"shortcut\">{{ shortcut() }}</div>\r\n}\r\n", styles: [":host{display:flex;align-items:center;justify-content:space-between;white-space:nowrap;padding:var(--emr-command-bar-command-padding);font-size:var(--emr-command-bar-command-font-size);cursor:pointer;gap:var(--emr-command-bar-command-gap);color:var(--emr-command-bar-command-color);-webkit-user-select:none;user-select:none;border-radius:calc(infinity * 1px);height:var(--emr-command-bar-command-height)}:host:hover{color:var(--emr-command-bar-command-hover-color);background:var(--emr-command-bar-command-hover-bg)}:host .shortcut{text-transform:uppercase;display:flex;align-items:center;justify-content:center;background:var(--emr-command-bar-command-shortcut-bg);border-radius:var(--emr-command-bar-command-shortcut-border-radius);font-size:var(--emr-command-bar-command-shortcut-font-size);color:var(--emr-command-bar-command-shortcut-color);padding:var(--emr-command-bar-command-shortcut-padding);border:var(--emr-command-bar-command-shortcut-border);flex:none;width:var(--emr-command-bar-command-shortcut-size);height:var(--emr-command-bar-command-shortcut-size)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n@if (shortcut()) {\n  <div class=\"shortcut\">{{ shortcut() }}</div>\n}\n", styles: [":host{display:flex;align-items:center;justify-content:space-between;white-space:nowrap;padding:var(--emr-command-bar-command-padding);font-size:var(--emr-command-bar-command-font-size);cursor:pointer;gap:var(--emr-command-bar-command-gap);color:var(--emr-command-bar-command-color);-webkit-user-select:none;user-select:none;border-radius:calc(infinity * 1px);height:var(--emr-command-bar-command-height)}:host:hover{color:var(--emr-command-bar-command-hover-color);background:var(--emr-command-bar-command-hover-bg)}:host .shortcut{text-transform:uppercase;display:flex;align-items:center;justify-content:center;background:var(--emr-command-bar-command-shortcut-bg);border-radius:var(--emr-command-bar-command-shortcut-border-radius);font-size:var(--emr-command-bar-command-shortcut-font-size);color:var(--emr-command-bar-command-shortcut-color);padding:var(--emr-command-bar-command-shortcut-padding);border:var(--emr-command-bar-command-shortcut-border);flex:none;width:var(--emr-command-bar-command-shortcut-size);height:var(--emr-command-bar-command-shortcut-size)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { shortcut: [{ type: i0.Input, args: [{ isSignal: true, alias: "shortcut", required: false }] }] } });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-command-bar.mjs","sources":["../../../projects/components/command-bar/src/command-bar/command-bar.component.ts","../../../projects/components/command-bar/src/command-bar/command-bar.component.html","../../../projects/components/command-bar/src/command-bar-divider/command-bar-divider.component.ts","../../../projects/components/command-bar/src/command-bar-divider/command-bar-divider.component.html","../../../projects/components/command-bar/src/command-bar-command/command-bar-command.component.ts","../../../projects/components/command-bar/src/command-bar-command/command-bar-command.component.html","../../../projects/components/command-bar/elementar-rt-components-command-bar.ts"],"sourcesContent":["import {\r\n booleanAttribute,\r\n Component,\r\n effect,\r\n ElementRef,\r\n inject,\r\n input,\r\n Renderer2\r\n} from '@angular/core';\r\nimport { CommandBarPosition } from '../types';\r\n\r\n@Component({\r\n selector: 'emr-command-bar',\r\n exportAs: 'emrCommandBar',\r\n standalone: true,\r\n templateUrl: './command-bar.component.html',\r\n styleUrl: './command-bar.component.scss',\r\n host: {\r\n 'class': 'emr-command-bar',\r\n '[class.is-open]': 'open()',\r\n }\r\n})\r\nexport class CommandBarComponent {\r\n private _elementRef = inject(ElementRef);\r\n private _renderer = inject(Renderer2);\r\n\r\n open = input(false, {\r\n transform: booleanAttribute\r\n });\r\n position = input<CommandBarPosition>('bottom');\r\n\r\n constructor() {\r\n effect(() => {\r\n this._renderer.setAttribute(this._elementRef.nativeElement, 'emr-command-bar-position', this.position());\r\n });\r\n }\r\n}\r\n","<div class=\"content\"><ng-content/></div>\r\n<ng-content select=\"emr-command-bar-command,[emr-command-bar-command],emr-command-bar-divider\"></ng-content>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-command-bar-divider',\r\n exportAs: 'emrCommandBarDivider',\r\n templateUrl: './command-bar-divider.component.html',\r\n styleUrl: './command-bar-divider.component.scss',\r\n host: {\r\n 'class': 'emr-command-bar-divider'\r\n }\r\n})\r\nexport class CommandBarDividerComponent {\r\n}\r\n","\r\n","import { Component, input, Input } from '@angular/core';\r\nimport { MatRipple } from '@angular/material/core';\r\n\r\n@Component({\r\n selector: 'emr-command-bar-command,[emr-command-bar-command]',\r\n exportAs: 'emrCommandBarCommand',\r\n standalone: true,\r\n templateUrl: './command-bar-command.component.html',\r\n styleUrl: './command-bar-command.component.scss',\r\n hostDirectives: [\r\n MatRipple,\r\n ],\r\n host: {\r\n 'class': 'emr-command-bar-command'\r\n }\r\n})\r\nexport class CommandBarCommandComponent {\r\n shortcut = input('');\r\n}\r\n","<ng-content/>\r\n@if (shortcut()) {\r\n <div class=\"shortcut\">{{ shortcut() }}</div>\r\n}\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;MAsBa,mBAAmB,CAAA;AACtB,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAChC,IAAA,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;IAErC,IAAI,GAAG,KAAK,CAAC,KAAK,wCAChB,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADT;AAClB,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;AACF,IAAA,QAAQ,GAAG,KAAK,CAAqB,QAAQ,oDAAC;AAE9C,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,0BAA0B,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;AAC1G,QAAA,CAAC,CAAC;IACJ;wGAbW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,kcCtBhC,~~kKAEA~~,EAAA,MAAA,EAAA,CAAA,~~smGAAA~~,CAAA,EAAA,CAAA;;4FDoBa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAX/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,QAAA,EACjB,eAAe,EAAA,UAAA,EACb,IAAI,EAAA,IAAA,EAGV;AACJ,wBAAA,OAAO,EAAE,iBAAiB;AAC1B,wBAAA,iBAAiB,EAAE,QAAQ;AAC5B,qBAAA,EAAA,QAAA,EAAA,~~kKAAA~~,EAAA,MAAA,EAAA,CAAA,~~smGAAA~~,CAAA,EAAA;;;METU,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,4KCXvC,~~MACA~~,EAAA,MAAA,EAAA,CAAA,~~iOAAA~~,CAAA,EAAA,CAAA;;4FDUa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBATtC,SAAS;+BACE,yBAAyB,EAAA,QAAA,EACzB,sBAAsB,EAAA,IAAA,EAG1B;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,~~MAAA~~,EAAA,MAAA,EAAA,CAAA,~~iOAAA~~,CAAA,EAAA;;;MEOU,0BAA0B,CAAA;AACrC,IAAA,QAAQ,GAAG,KAAK,CAAC,EAAE,oDAAC;wGADT,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,kYChBvC,~~kGAIA~~,EAAA,MAAA,EAAA,CAAA,~~qnCAAA~~,CAAA,EAAA,CAAA;;4FDYa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAbtC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mDAAmD,EAAA,QAAA,EACnD,sBAAsB,EAAA,UAAA,EACpB,IAAI,EAAA,cAAA,EAGA;wBACd,SAAS;qBACV,EAAA,IAAA,EACK;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,~~kGAAA~~,EAAA,MAAA,EAAA,CAAA,~~qnCAAA~~,CAAA,EAAA;;;AEdH;;AAEG;;;;"}
1	+ {"version":3,"file":"elementar-rt-components-command-bar.mjs","sources":["../../../projects/components/command-bar/src/command-bar/command-bar.component.ts","../../../projects/components/command-bar/src/command-bar/command-bar.component.html","../../../projects/components/command-bar/src/command-bar-divider/command-bar-divider.component.ts","../../../projects/components/command-bar/src/command-bar-divider/command-bar-divider.component.html","../../../projects/components/command-bar/src/command-bar-command/command-bar-command.component.ts","../../../projects/components/command-bar/src/command-bar-command/command-bar-command.component.html","../../../projects/components/command-bar/elementar-rt-components-command-bar.ts"],"sourcesContent":["import {\n booleanAttribute,\n Component,\n effect,\n ElementRef,\n inject,\n input,\n Renderer2\n} from '@angular/core';\nimport { CommandBarPosition } from '../types';\n\n@Component({\n selector: 'emr-command-bar',\n exportAs: 'emrCommandBar',\n standalone: true,\n templateUrl: './command-bar.component.html',\n styleUrl: './command-bar.component.scss',\n host: {\n 'class': 'emr-command-bar',\n '[class.is-open]': 'open()',\n }\n})\nexport class CommandBarComponent {\n private _elementRef = inject(ElementRef);\n private _renderer = inject(Renderer2);\n\n open = input(false, {\n transform: booleanAttribute\n });\n position = input<CommandBarPosition>('bottom');\n\n constructor() {\n effect(() => {\n this._renderer.setAttribute(this._elementRef.nativeElement, 'emr-command-bar-position', this.position());\n });\n }\n}\n","<div class=\"content\"><ng-content/></div>\n<ng-content select=\"emr-command-bar-command,[emr-command-bar-command],emr-command-bar-divider\"></ng-content>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-command-bar-divider',\n exportAs: 'emrCommandBarDivider',\n templateUrl: './command-bar-divider.component.html',\n styleUrl: './command-bar-divider.component.scss',\n host: {\n 'class': 'emr-command-bar-divider'\n }\n})\nexport class CommandBarDividerComponent {\n}\n","\n","import { Component, input, Input } from '@angular/core';\nimport { MatRipple } from '@angular/material/core';\n\n@Component({\n selector: 'emr-command-bar-command,[emr-command-bar-command]',\n exportAs: 'emrCommandBarCommand',\n standalone: true,\n templateUrl: './command-bar-command.component.html',\n styleUrl: './command-bar-command.component.scss',\n hostDirectives: [\n MatRipple,\n ],\n host: {\n 'class': 'emr-command-bar-command'\n }\n})\nexport class CommandBarCommandComponent {\n shortcut = input('');\n}\n","<ng-content/>\n@if (shortcut()) {\n <div class=\"shortcut\">{{ shortcut() }}</div>\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}