@elementar-rt/components 0.6.56 → 0.6.58

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

@@ -0,0 +1,59 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, viewChild, Component, model, output, contentChildren } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+
+class TabComponent {
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    contentRef = viewChild.required('content');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.25", type: TabComponent, isStandalone: true, selector: "emr-tab", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["content"], descendants: true, isSignal: true }], exportAs: ["emrTab"], ngImport: i0, template: `
+    <ng-template #content>
+      <ng-content/>
+    </ng-template>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'emr-tab',
+                    exportAs: 'emrTab',
+                    template: `
+    <ng-template #content>
+      <ng-content/>
+    </ng-template>
+  `,
+                }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], contentRef: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }] } });
+
+class TabsComponent {
+    activeIndex = model(0, ...(ngDevMode ? [{ debugName: "activeIndex" }] : []));
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    scrollable = input(false, ...(ngDevMode ? [{ debugName: "scrollable", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    tabChange = output();
+    _tabs = contentChildren(TabComponent, ...(ngDevMode ? [{ debugName: "_tabs" }] : []));
+    _select(index) {
+        if (this._tabs()[index]?.disabled())
+            return;
+        this.activeIndex.set(index);
+        this.tabChange.emit(index);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TabsComponent, isStandalone: true, selector: "emr-tabs", inputs: { activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeIndex: "activeIndexChange", tabChange: "tabChange" }, host: { properties: { "attr.data-variant": "variant()", "class.is-scrollable": "scrollable()" }, classAttribute: "emr-tabs" }, queries: [{ propertyName: "_tabs", predicate: TabComponent, isSignal: true }], exportAs: ["emrTabs"], ngImport: i0, template: "<div class=\"tab-bar\" role=\"tablist\">\n  @for (tab of _tabs(); track $index) {\n    <button\n      class=\"tab-header\"\n      role=\"tab\"\n      [class.is-active]=\"activeIndex() === $index\"\n      [disabled]=\"tab.disabled()\"\n      [attr.aria-selected]=\"activeIndex() === $index\"\n      (click)=\"_select($index)\"\n      type=\"button\"\n    >\n      @if (tab.icon()) {\n        <span class=\"tab-icon\">{{ tab.icon() }}</span>\n      }\n      {{ tab.label() }}\n    </button>\n  }\n</div>\n<div class=\"tab-content\" role=\"tabpanel\">\n  @for (tab of _tabs(); track $index) {\n    @if (activeIndex() === $index) {\n      <ng-container [ngTemplateOutlet]=\"tab.contentRef()\"/>\n    }\n  }\n</div>\n", styles: [":host{--emr-tabs-bar-gap: var(--spacing, .25rem);--emr-tabs-bar-border-color: var(--color-outline-variant);--emr-tabs-header-height: calc(var(--spacing, .25rem) * 10);--emr-tabs-header-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-tabs-header-border-radius: .5rem;--emr-tabs-header-font-size: .875rem;--emr-tabs-header-font-weight: 500;--emr-tabs-header-color: var(--color-on-surface-variant);--emr-tabs-header-active-color: var(--color-primary);--emr-tabs-header-active-bg: var(--color-secondary-container);--emr-tabs-header-hover-bg: var(--color-surface-container);--emr-tabs-indicator-height: 2px;--emr-tabs-indicator-color: var(--color-primary);--emr-tabs-content-padding: calc(var(--spacing, .25rem) * 4) 0;display:flex;flex-direction:column}.tab-bar{display:flex;align-items:center;gap:var(--emr-tabs-bar-gap);border-bottom:1px solid var(--emr-tabs-bar-border-color)}:host(.is-scrollable) .tab-bar{overflow-x:auto;scrollbar-width:none}:host(.is-scrollable) .tab-bar::-webkit-scrollbar{display:none}.tab-header{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);height:var(--emr-tabs-header-height);padding:var(--emr-tabs-header-padding);font-size:var(--emr-tabs-header-font-size);font-weight:var(--emr-tabs-header-font-weight);color:var(--emr-tabs-header-color);background:transparent;border:none;border-radius:var(--emr-tabs-header-border-radius);cursor:pointer;white-space:nowrap;position:relative;transition:color .15s,background .15s}.tab-header:hover:not(:disabled){background:var(--emr-tabs-header-hover-bg)}.tab-header.is-active{color:var(--emr-tabs-header-active-color)}.tab-header.is-active:after{content:\"\";position:absolute;bottom:-1px;left:0;right:0;height:var(--emr-tabs-indicator-height);background:var(--emr-tabs-indicator-color);border-radius:var(--emr-tabs-indicator-height) var(--emr-tabs-indicator-height) 0 0}.tab-header:disabled{opacity:.38;cursor:not-allowed}.tab-content{padding:var(--emr-tabs-content-padding)}:host([data-variant=pills]) .tab-bar{border-bottom:none;background:var(--color-surface-container-low);border-radius:.75rem;padding:var(--spacing, .25rem)}:host([data-variant=pills]) .tab-header{border-radius:.5rem}:host([data-variant=pills]) .tab-header.is-active{background:var(--color-surface);color:var(--color-on-surface);box-shadow:0 1px 3px var(--color-shadow)}@supports (color: color-mix(in lab,red,red)){:host([data-variant=pills]) .tab-header.is-active{box-shadow:0 1px 3px color-mix(in srgb,var(--color-shadow) 12%,transparent)}}:host([data-variant=pills]) .tab-header.is-active:after{display:none}:host([data-variant=underline]) .tab-bar{background:transparent}:host([data-variant=underline]) .tab-header{border-radius:0;padding:0 var(--spacing, .25rem);height:calc(var(--spacing, .25rem) * 12)}:host([data-variant=underline]) .tab-header.is-active:after{height:3px;border-radius:3px 3px 0 0}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-tabs', exportAs: 'emrTabs', imports: [NgTemplateOutlet], host: {
+                        'class': 'emr-tabs',
+                        '[attr.data-variant]': 'variant()',
+                        '[class.is-scrollable]': 'scrollable()',
+                    }, template: "<div class=\"tab-bar\" role=\"tablist\">\n  @for (tab of _tabs(); track $index) {\n    <button\n      class=\"tab-header\"\n      role=\"tab\"\n      [class.is-active]=\"activeIndex() === $index\"\n      [disabled]=\"tab.disabled()\"\n      [attr.aria-selected]=\"activeIndex() === $index\"\n      (click)=\"_select($index)\"\n      type=\"button\"\n    >\n      @if (tab.icon()) {\n        <span class=\"tab-icon\">{{ tab.icon() }}</span>\n      }\n      {{ tab.label() }}\n    </button>\n  }\n</div>\n<div class=\"tab-content\" role=\"tabpanel\">\n  @for (tab of _tabs(); track $index) {\n    @if (activeIndex() === $index) {\n      <ng-container [ngTemplateOutlet]=\"tab.contentRef()\"/>\n    }\n  }\n</div>\n", styles: [":host{--emr-tabs-bar-gap: var(--spacing, .25rem);--emr-tabs-bar-border-color: var(--color-outline-variant);--emr-tabs-header-height: calc(var(--spacing, .25rem) * 10);--emr-tabs-header-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-tabs-header-border-radius: .5rem;--emr-tabs-header-font-size: .875rem;--emr-tabs-header-font-weight: 500;--emr-tabs-header-color: var(--color-on-surface-variant);--emr-tabs-header-active-color: var(--color-primary);--emr-tabs-header-active-bg: var(--color-secondary-container);--emr-tabs-header-hover-bg: var(--color-surface-container);--emr-tabs-indicator-height: 2px;--emr-tabs-indicator-color: var(--color-primary);--emr-tabs-content-padding: calc(var(--spacing, .25rem) * 4) 0;display:flex;flex-direction:column}.tab-bar{display:flex;align-items:center;gap:var(--emr-tabs-bar-gap);border-bottom:1px solid var(--emr-tabs-bar-border-color)}:host(.is-scrollable) .tab-bar{overflow-x:auto;scrollbar-width:none}:host(.is-scrollable) .tab-bar::-webkit-scrollbar{display:none}.tab-header{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);height:var(--emr-tabs-header-height);padding:var(--emr-tabs-header-padding);font-size:var(--emr-tabs-header-font-size);font-weight:var(--emr-tabs-header-font-weight);color:var(--emr-tabs-header-color);background:transparent;border:none;border-radius:var(--emr-tabs-header-border-radius);cursor:pointer;white-space:nowrap;position:relative;transition:color .15s,background .15s}.tab-header:hover:not(:disabled){background:var(--emr-tabs-header-hover-bg)}.tab-header.is-active{color:var(--emr-tabs-header-active-color)}.tab-header.is-active:after{content:\"\";position:absolute;bottom:-1px;left:0;right:0;height:var(--emr-tabs-indicator-height);background:var(--emr-tabs-indicator-color);border-radius:var(--emr-tabs-indicator-height) var(--emr-tabs-indicator-height) 0 0}.tab-header:disabled{opacity:.38;cursor:not-allowed}.tab-content{padding:var(--emr-tabs-content-padding)}:host([data-variant=pills]) .tab-bar{border-bottom:none;background:var(--color-surface-container-low);border-radius:.75rem;padding:var(--spacing, .25rem)}:host([data-variant=pills]) .tab-header{border-radius:.5rem}:host([data-variant=pills]) .tab-header.is-active{background:var(--color-surface);color:var(--color-on-surface);box-shadow:0 1px 3px var(--color-shadow)}@supports (color: color-mix(in lab,red,red)){:host([data-variant=pills]) .tab-header.is-active{box-shadow:0 1px 3px color-mix(in srgb,var(--color-shadow) 12%,transparent)}}:host([data-variant=pills]) .tab-header.is-active:after{display:none}:host([data-variant=underline]) .tab-bar{background:transparent}:host([data-variant=underline]) .tab-header{border-radius:0;padding:0 var(--spacing, .25rem);height:calc(var(--spacing, .25rem) * 12)}:host([data-variant=underline]) .tab-header.is-active:after{height:3px;border-radius:3px 3px 0 0}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { activeIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeIndex", required: false }] }, { type: i0.Output, args: ["activeIndexChange"] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], scrollable: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollable", required: false }] }], tabChange: [{ type: i0.Output, args: ["tabChange"] }], _tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => TabComponent), { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TabComponent, TabsComponent };
+//# sourceMappingURL=elementar-rt-components-tabs.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-tabs.mjs","sources":["../../../projects/components/tabs/src/tab/tab.component.ts","../../../projects/components/tabs/src/tabs/tabs.component.ts","../../../projects/components/tabs/src/tabs/tabs.component.html","../../../projects/components/tabs/elementar-rt-components-tabs.ts"],"sourcesContent":["import { booleanAttribute, Component, input, TemplateRef, viewChild } from '@angular/core';\n\n@Component({\n  selector: 'emr-tab',\n  exportAs: 'emrTab',\n  template: `\n    <ng-template #content>\n      <ng-content/>\n    </ng-template>\n  `,\n})\nexport class TabComponent {\n  label = input('');\n  icon = input('');\n  disabled = input(false, { transform: booleanAttribute });\n\n  readonly contentRef = viewChild.required<TemplateRef<any>>('content');\n}\n","import {\n  booleanAttribute,\n  Component,\n  contentChildren,\n  input,\n  model,\n  output\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { TabComponent } from '../tab/tab.component';\n\nexport type TabsVariant = 'default' | 'pills' | 'underline';\n\n@Component({\n  selector: 'emr-tabs',\n  exportAs: 'emrTabs',\n  imports: [NgTemplateOutlet],\n  templateUrl: './tabs.component.html',\n  styleUrl: './tabs.component.scss',\n  host: {\n    'class': 'emr-tabs',\n    '[attr.data-variant]': 'variant()',\n    '[class.is-scrollable]': 'scrollable()',\n  }\n})\nexport class TabsComponent {\n  activeIndex = model(0);\n  variant = input<TabsVariant>('default');\n  scrollable = input(false, { transform: booleanAttribute });\n\n  readonly tabChange = output<number>();\n\n  protected readonly _tabs = contentChildren(TabComponent);\n\n  protected _select(index: number) {\n    if (this._tabs()[index]?.disabled()) return;\n    this.activeIndex.set(index);\n    this.tabChange.emit(index);\n  }\n}\n","<div class=\"tab-bar\" role=\"tablist\">\n  @for (tab of _tabs(); track $index) {\n    <button\n      class=\"tab-header\"\n      role=\"tab\"\n      [class.is-active]=\"activeIndex() === $index\"\n      [disabled]=\"tab.disabled()\"\n      [attr.aria-selected]=\"activeIndex() === $index\"\n      (click)=\"_select($index)\"\n      type=\"button\"\n    >\n      @if (tab.icon()) {\n        <span class=\"tab-icon\">{{ tab.icon() }}</span>\n      }\n      {{ tab.label() }}\n    </button>\n  }\n</div>\n<div class=\"tab-content\" role=\"tabpanel\">\n  @for (tab of _tabs(); track $index) {\n    @if (activeIndex() === $index) {\n      <ng-container [ngTemplateOutlet]=\"tab.contentRef()\"/>\n    }\n  }\n</div>\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-tag.mjs

@@ -0,0 +1,28 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NgClass } from '@angular/common';
+
+class TagComponent {
+    variant = input('soft', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    color = input('default', ...(ngDevMode ? [{ debugName: "color" }] : []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    dot = input(false, ...(ngDevMode ? [{ debugName: "dot", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TagComponent, isStandalone: true, selector: "emr-tag", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, dot: { classPropertyName: "dot", publicName: "dot", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-variant": "variant()", "attr.data-color": "color()", "attr.data-size": "size()" } }, ngImport: i0, template: "@if (dot()) {\n  <span class=\"tag-dot\"></span>\n}\n@if (icon()) {\n  <span class=\"tag-icon\">{{ icon() }}</span>\n}\n<span class=\"tag-content\"><ng-content /></span>\n", styles: [":host{--emr-tag-bg: var(--color-surface-container);--emr-tag-color: var(--color-on-surface);--emr-tag-border: 1px solid transparent;--emr-tag-dot-color: var(--color-on-surface-variant);display:inline-flex;align-items:center;gap:var(--spacing, .25rem);font-weight:500;border-radius:9999px;background:var(--emr-tag-bg);color:var(--emr-tag-color);border:var(--emr-tag-border);white-space:nowrap;line-height:1}:host[data-size=sm]{font-size:.75rem;padding:calc(var(--spacing, .25rem) * .5) calc(var(--spacing, .25rem) * 2)}:host[data-size=md]{font-size:.75rem;padding:var(--spacing, .25rem) calc(var(--spacing, .25rem) * 2.5)}:host[data-size=lg]{font-size:.875rem;padding:calc(var(--spacing, .25rem) * 1.5) calc(var(--spacing, .25rem) * 3)}:host[data-variant=filled][data-color=default]{--emr-tag-bg: var(--color-on-surface);--emr-tag-color: var(--color-surface)}:host[data-variant=filled][data-color=primary]{--emr-tag-bg: var(--color-primary);--emr-tag-color: var(--color-on-primary)}:host[data-variant=filled][data-color=success]{--emr-tag-bg: var(--color-green);--emr-tag-color: #fff}:host[data-variant=filled][data-color=warning]{--emr-tag-bg: var(--color-orange);--emr-tag-color: #fff}:host[data-variant=filled][data-color=error]{--emr-tag-bg: var(--color-red);--emr-tag-color: #fff}:host[data-variant=filled][data-color=info]{--emr-tag-bg: var(--color-blue);--emr-tag-color: #fff}:host[data-variant=soft][data-color=default]{--emr-tag-bg: var(--color-surface-container-high);--emr-tag-color: var(--color-on-surface)}:host[data-variant=soft][data-color=primary]{--emr-tag-bg: var(--color-primary-container);--emr-tag-color: var(--color-on-primary-container)}:host[data-variant=soft][data-color=success]{--emr-tag-bg: var(--color-green-container);--emr-tag-color: var(--color-green)}:host[data-variant=soft][data-color=warning]{--emr-tag-bg: var(--color-orange-container);--emr-tag-color: var(--color-orange)}:host[data-variant=soft][data-color=error]{--emr-tag-bg: var(--color-red-container);--emr-tag-color: var(--color-red)}:host[data-variant=soft][data-color=info]{--emr-tag-bg: var(--color-blue-container);--emr-tag-color: var(--color-blue)}:host[data-variant=outlined]{--emr-tag-bg: transparent}:host[data-variant=outlined][data-color=default]{--emr-tag-border: 1px solid var(--color-outline);--emr-tag-color: var(--color-on-surface)}:host[data-variant=outlined][data-color=primary]{--emr-tag-border: 1px solid var(--color-primary);--emr-tag-color: var(--color-primary)}:host[data-variant=outlined][data-color=success]{--emr-tag-border: 1px solid var(--color-green);--emr-tag-color: var(--color-green)}:host[data-variant=outlined][data-color=warning]{--emr-tag-border: 1px solid var(--color-orange);--emr-tag-color: var(--color-orange)}:host[data-variant=outlined][data-color=error]{--emr-tag-border: 1px solid var(--color-red);--emr-tag-color: var(--color-red)}:host[data-variant=outlined][data-color=info]{--emr-tag-border: 1px solid var(--color-blue);--emr-tag-color: var(--color-blue)}.tag-dot{width:calc(var(--spacing, .25rem) * 1.5);height:calc(var(--spacing, .25rem) * 1.5);border-radius:50%;background:currentColor;opacity:.7;flex-shrink:0}.tag-icon{display:flex;align-items:center;font-size:.8em;flex-shrink:0}.tag-content{display:contents}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TagComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-tag', standalone: true, imports: [NgClass], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[attr.data-variant]': 'variant()',
+                        '[attr.data-color]': 'color()',
+                        '[attr.data-size]': 'size()',
+                    }, template: "@if (dot()) {\n  <span class=\"tag-dot\"></span>\n}\n@if (icon()) {\n  <span class=\"tag-icon\">{{ icon() }}</span>\n}\n<span class=\"tag-content\"><ng-content /></span>\n", styles: [":host{--emr-tag-bg: var(--color-surface-container);--emr-tag-color: var(--color-on-surface);--emr-tag-border: 1px solid transparent;--emr-tag-dot-color: var(--color-on-surface-variant);display:inline-flex;align-items:center;gap:var(--spacing, .25rem);font-weight:500;border-radius:9999px;background:var(--emr-tag-bg);color:var(--emr-tag-color);border:var(--emr-tag-border);white-space:nowrap;line-height:1}:host[data-size=sm]{font-size:.75rem;padding:calc(var(--spacing, .25rem) * .5) calc(var(--spacing, .25rem) * 2)}:host[data-size=md]{font-size:.75rem;padding:var(--spacing, .25rem) calc(var(--spacing, .25rem) * 2.5)}:host[data-size=lg]{font-size:.875rem;padding:calc(var(--spacing, .25rem) * 1.5) calc(var(--spacing, .25rem) * 3)}:host[data-variant=filled][data-color=default]{--emr-tag-bg: var(--color-on-surface);--emr-tag-color: var(--color-surface)}:host[data-variant=filled][data-color=primary]{--emr-tag-bg: var(--color-primary);--emr-tag-color: var(--color-on-primary)}:host[data-variant=filled][data-color=success]{--emr-tag-bg: var(--color-green);--emr-tag-color: #fff}:host[data-variant=filled][data-color=warning]{--emr-tag-bg: var(--color-orange);--emr-tag-color: #fff}:host[data-variant=filled][data-color=error]{--emr-tag-bg: var(--color-red);--emr-tag-color: #fff}:host[data-variant=filled][data-color=info]{--emr-tag-bg: var(--color-blue);--emr-tag-color: #fff}:host[data-variant=soft][data-color=default]{--emr-tag-bg: var(--color-surface-container-high);--emr-tag-color: var(--color-on-surface)}:host[data-variant=soft][data-color=primary]{--emr-tag-bg: var(--color-primary-container);--emr-tag-color: var(--color-on-primary-container)}:host[data-variant=soft][data-color=success]{--emr-tag-bg: var(--color-green-container);--emr-tag-color: var(--color-green)}:host[data-variant=soft][data-color=warning]{--emr-tag-bg: var(--color-orange-container);--emr-tag-color: var(--color-orange)}:host[data-variant=soft][data-color=error]{--emr-tag-bg: var(--color-red-container);--emr-tag-color: var(--color-red)}:host[data-variant=soft][data-color=info]{--emr-tag-bg: var(--color-blue-container);--emr-tag-color: var(--color-blue)}:host[data-variant=outlined]{--emr-tag-bg: transparent}:host[data-variant=outlined][data-color=default]{--emr-tag-border: 1px solid var(--color-outline);--emr-tag-color: var(--color-on-surface)}:host[data-variant=outlined][data-color=primary]{--emr-tag-border: 1px solid var(--color-primary);--emr-tag-color: var(--color-primary)}:host[data-variant=outlined][data-color=success]{--emr-tag-border: 1px solid var(--color-green);--emr-tag-color: var(--color-green)}:host[data-variant=outlined][data-color=warning]{--emr-tag-border: 1px solid var(--color-orange);--emr-tag-color: var(--color-orange)}:host[data-variant=outlined][data-color=error]{--emr-tag-border: 1px solid var(--color-red);--emr-tag-color: var(--color-red)}:host[data-variant=outlined][data-color=info]{--emr-tag-border: 1px solid var(--color-blue);--emr-tag-color: var(--color-blue)}.tag-dot{width:calc(var(--spacing, .25rem) * 1.5);height:calc(var(--spacing, .25rem) * 1.5);border-radius:50%;background:currentColor;opacity:.7;flex-shrink:0}.tag-icon{display:flex;align-items:center;font-size:.8em;flex-shrink:0}.tag-content{display:contents}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], dot: [{ type: i0.Input, args: [{ isSignal: true, alias: "dot", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TagComponent };
+//# sourceMappingURL=elementar-rt-components-tag.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-tag.mjs","sources":["../../../projects/components/tag/src/tag/tag.component.ts","../../../projects/components/tag/src/tag/tag.component.html","../../../projects/components/tag/elementar-rt-components-tag.ts"],"sourcesContent":["import { Component, input, ChangeDetectionStrategy, booleanAttribute } from '@angular/core';\nimport { NgClass } from '@angular/common';\n\nexport type TagVariant = 'filled' | 'soft' | 'outlined';\nexport type TagColor = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';\nexport type TagSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  selector: 'emr-tag',\n  standalone: true,\n  imports: [NgClass],\n  templateUrl: './tag.component.html',\n  styleUrl: './tag.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.data-variant]': 'variant()',\n    '[attr.data-color]': 'color()',\n    '[attr.data-size]': 'size()',\n  }\n})\nexport class TagComponent {\n  variant = input<TagVariant>('soft');\n  color = input<TagColor>('default');\n  size = input<TagSize>('md');\n  dot = input(false, { transform: booleanAttribute });\n  icon = input<string>('');\n}\n","@if (dot()) {\n  <span class=\"tag-dot\"></span>\n}\n@if (icon()) {\n  <span class=\"tag-icon\">{{ icon() }}</span>\n}\n<span class=\"tag-content\"><ng-content /></span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAoBa,YAAY,CAAA;AACvB,IAAA,OAAO,GAAG,KAAK,CAAa,MAAM,mDAAC;AACnC,IAAA,KAAK,GAAG,KAAK,CAAW,SAAS,iDAAC;AAClC,IAAA,IAAI,GAAG,KAAK,CAAU,IAAI,gDAAC;AAC3B,IAAA,GAAG,GAAG,KAAK,CAAC,KAAK,uCAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AACnD,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,gDAAC;wGALb,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,YAAY,uxBCpBzB,6KAOA,EAAA,MAAA,EAAA,CAAA,8vGAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDaa,YAAY,EAAA,UAAA,EAAA,CAAA;kBAbxB,SAAS;+BACE,SAAS,EAAA,UAAA,EACP,IAAI,EAAA,OAAA,EACP,CAAC,OAAO,CAAC,EAAA,eAAA,EAGD,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,qBAAqB,EAAE,WAAW;AAClC,wBAAA,mBAAmB,EAAE,SAAS;AAC9B,wBAAA,kBAAkB,EAAE,QAAQ;AAC7B,qBAAA,EAAA,QAAA,EAAA,6KAAA,EAAA,MAAA,EAAA,CAAA,8vGAAA,CAAA,EAAA;;;AElBH;;AAEG;;;;"}