@elementar-rt/components 0.6.58 → 0.7.0

package/fesm2022/elementar-rt-components-command-bar.mjs

@@ -6,49 +6,47 @@ import { MatRipple } from '@angular/material/core';
 class CommandBarComponent {
     _elementRef = inject(ElementRef);
     _renderer = inject(Renderer2);
-    open = input(false, ...(ngDevMode ? [{ debugName: "open", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    position = input('bottom', ...(ngDevMode ? [{ debugName: "position" }] : []));
+    open = input(false, { ...(ngDevMode ? { debugName: "open" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    position = input('bottom', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             this._renderer.setAttribute(this._elementRef.nativeElement, 'emr-command-bar-position', this.position());
         });
     }
-    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"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommandBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", 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:empty{display:none}:host .content{white-space:nowrap;padding:var(--emr-command-bar-content-padding)}: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.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommandBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", 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>\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"] }]
+                    }, 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:empty{display:none}:host .content{white-space:nowrap;padding:var(--emr-command-bar-content-padding)}: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.3 | 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.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"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommandBarDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", 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.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommandBarDividerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommandBarDividerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-command-bar-divider', exportAs: 'emrCommandBarDivider', host: {
                         'class': 'emr-command-bar-divider'
-                    }, 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"] }]
+                    }, 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.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class CommandBarCommandComponent {
-    shortcut = input('', ...(ngDevMode ? [{ debugName: "shortcut" }] : []));
-    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"] });
+    shortcut = input('', ...(ngDevMode ? [{ debugName: "shortcut" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommandBarCommandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", 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.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommandBarCommandComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", 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/>\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"] }]
+                    }, 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.3 | 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

@@ -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 {\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":";;;;;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,8JAEA,EAAA,MAAA,EAAA,CAAA,qmGAAA,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,8JAAA,EAAA,MAAA,EAAA,CAAA,qmGAAA,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,IACA,EAAA,MAAA,EAAA,CAAA,gOAAA,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,IAAA,EAAA,MAAA,EAAA,CAAA,gOAAA,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,0FAIA,EAAA,MAAA,EAAA,CAAA,onCAAA,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,0FAAA,EAAA,MAAA,EAAA,CAAA,onCAAA,CAAA,EAAA;;;AEdH;;AAEG;;;;"}
+{"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":";;;;;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,4EAChB,SAAS,EAAE,gBAAgB,EAAA,CAC3B;AACF,IAAA,QAAQ,GAAG,KAAK,CAAqB,QAAQ,+EAAC;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,8JAEA,EAAA,MAAA,EAAA,CAAA,qmGAAA,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,8JAAA,EAAA,MAAA,EAAA,CAAA,qmGAAA,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,IACA,EAAA,MAAA,EAAA,CAAA,gOAAA,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,IAAA,EAAA,MAAA,EAAA,CAAA,gOAAA,CAAA,EAAA;;;MEOU,0BAA0B,CAAA;AACrC,IAAA,QAAQ,GAAG,KAAK,CAAC,EAAE,+EAAC;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,0FAIA,EAAA,MAAA,EAAA,CAAA,onCAAA,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,0FAAA,EAAA,MAAA,EAAA,CAAA,onCAAA,CAAA,EAAA;;;AEdH;;AAEG;;"}