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

@elementar-rt/components 0.6.56 → 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 (344) hide show

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

@@ -0,0 +1,35 @@
+import * as i0 from '@angular/core';
+import { Directive, input, numberAttribute, ChangeDetectionStrategy, Component } from '@angular/core';
+class TileFeaturedDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TileFeaturedDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TileFeaturedDirective, isStandalone: true, selector: "[emrTileFeatured]", host: { properties: { "style.grid-column": "\"span 2\"" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TileFeaturedDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrTileFeatured]',
+                    standalone: true,
+                    host: { '[style.grid-column]': '"span 2"' }
+                }]
+        }] });
+class TilesComponent {
+    columns = input(3, ...(ngDevMode ? [{ debugName: "columns", transform: numberAttribute }] : [{ transform: numberAttribute }]));
+    gap = input('', ...(ngDevMode ? [{ debugName: "gap" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TilesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: TilesComponent, isStandalone: true, selector: "emr-tiles", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--emr-tiles-cols": "columns()", "style.--emr-tiles-gap": "gap() || null" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:grid;grid-template-columns:repeat(var(--emr-tiles-cols, 3),1fr);gap:var(--emr-tiles-gap, calc(var(--spacing, .25rem) * 4))}\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: TilesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-tiles', standalone: true, template: `<ng-content />`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[style.--emr-tiles-cols]': 'columns()',
+                        '[style.--emr-tiles-gap]': 'gap() || null',
+                    }, styles: [":host{display:grid;grid-template-columns:repeat(var(--emr-tiles-cols, 3),1fr);gap:var(--emr-tiles-gap, calc(var(--spacing, .25rem) * 4))}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }] } });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { TileFeaturedDirective, TilesComponent };
+//# sourceMappingURL=elementar-rt-components-tiles.mjs.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"elementar-rt-components-tiles.mjs","sources":["../../../projects/components/tiles/src/tiles/tiles.component.ts","../../../projects/components/tiles/elementar-rt-components-tiles.ts"],"sourcesContent":["import { Component, input, ChangeDetectionStrategy, numberAttribute } from '@angular/core';\nimport { Directive } from '@angular/core';\n\n@Directive({\n selector: '[emrTileFeatured]',\n standalone: true,\n host: { '[style.grid-column]': '\"span 2\"' }\n})\nexport class TileFeaturedDirective {}\n\n@Component({\n selector: 'emr-tiles',\n standalone: true,\n template: `<ng-content />`,\n styles: [`\n @reference 'tailwindcss';\n\n :host {\n display: grid;\n grid-template-columns: repeat(var(--emr-tiles-cols, 3), 1fr);\n gap: var(--emr-tiles-gap, --spacing(4));\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[style.--emr-tiles-cols]': 'columns()',\n '[style.--emr-tiles-gap]': 'gap() || null',\n }\n})\nexport class TilesComponent {\n columns = input(3, { transform: numberAttribute });\n gap = input<string>('');\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAQa,qBAAqB,CAAA;wGAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE,EAAE,qBAAqB,EAAE,UAAU;AAC1C,iBAAA;;MAsBY,cAAc,CAAA;AACzB,IAAA,OAAO,GAAG,KAAK,CAAC,CAAC,2CAAI,SAAS,EAAE,eAAe,EAAA,CAAA,GAAA,CAA5B,EAAE,SAAS,EAAE,eAAe,EAAE,GAAC;AAClD,IAAA,GAAG,GAAG,KAAK,CAAS,EAAE,+CAAC;wGAFZ,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,4aAhBf,CAAA,cAAA,CAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,gNAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAgBf,cAAc,EAAA,UAAA,EAAA,CAAA;kBAnB1B,SAAS;+BACE,WAAW,EAAA,UAAA,EACT,IAAI,EAAA,QAAA,EACN,CAAA,cAAA,CAAgB,mBAUT,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,0BAA0B,EAAE,WAAW;AACvC,wBAAA,yBAAyB,EAAE,eAAe;AAC3C,qBAAA,EAAA,MAAA,EAAA,CAAA,gNAAA,CAAA,EAAA;;;AC3BH;;AAEG;;;;"}

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

@@ -3,33 +3,33 @@ import { Component, inject, TemplateRef, Directive, contentChild } from '@angula
 import { NgTemplateOutlet } from '@angular/common';
 class TimelineComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: TimelineComponent, isStandalone: true, selector: "emr-timeline", host: { classAttribute: "emr-timeline" }, exportAs: ["emrTimeline"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{--emr-timeline-header-font-size: .875rem;--emr-timeline-header-padding: 0 0 calc(var(--spacing, .25rem) * 4) 0;--emr-timeline-header-height: calc(var(--spacing, .25rem) * 8);--emr-timeline-header-bg: transparent;--emr-timeline-header-color: var(--color-neutral-500);--emr-timeline-header-text-transform: uppercase;--emr-timeline-header-font-weight: 500;--emr-timeline-item-gap: calc(var(--spacing, .25rem) * 2.5);--emr-timeline-item-no-timestamp-offset-start: -.5rem;--emr-timeline-timestamp-font-size: var(--text-xs);--emr-timeline-timestamp-width: calc(var(--spacing, .25rem) * 12);--emr-timeline-timestamp-color: var(--color-neutral-500);--emr-timeline-timestamp-padding: 1px 0 0 0;--emr-timeline-item-content-padding: 0 0 calc(var(--spacing, .25rem) * 6) 0;--emr-timeline-title-font-size: .875rem;--emr-timeline-title-color: var(--color-neutral-800);--emr-timeline-title-font-weight: 500;--emr-timeline-item-attributes-padding: calc(var(--spacing, .25rem) * 1) 0 0 0;--emr-timeline-item-description-font-size: .875rem;--emr-timeline-item-description-color: var(--color-neutral-500);--emr-timeline-item-subtitle-font-size: .875rem;--emr-timeline-item-subtitle-color: var(--color-neutral-500);--emr-timeline-item-line-bg: var(--color-neutral-400);--emr-timeline-item-content-gap: calc(var(--spacing, .25rem) * 1);--emr-timeline-indicator-shape-size: calc(var(--spacing, .25rem) * 3);--emr-timeline-indicator-bg: white;--emr-timeline-indicator-border: 2px solid var(--color-neutral-400);--emr-timeline-indicator-offset: 6px;display:grid;grid-template-columns:auto 1fr;column-gap:16px}:host:has(.emr-timeline-timestamp){grid-template-columns:auto auto 1fr}:host-context(html.dark){--emr-timeline-item-line-bg: var(--color-neutral-600);--emr-timeline-header-color: var(--color-neutral-400);--emr-timeline-timestamp-color: var(--color-neutral-300);--emr-timeline-title-color: var(--color-neutral-200);--emr-timeline-item-description-color: var(--color-neutral-500);--emr-timeline-indicator-bg: var(--color-border);--emr-timeline-indicator-border: 2px solid var(--color-neutral-500)}\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: TimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TimelineComponent, isStandalone: true, selector: "emr-timeline", host: { classAttribute: "emr-timeline" }, exportAs: ["emrTimeline"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{--emr-timeline-header-font-size: .875rem;--emr-timeline-header-padding: 0 0 calc(var(--spacing, .25rem) * 4) 0;--emr-timeline-header-height: calc(var(--spacing, .25rem) * 8);--emr-timeline-header-bg: transparent;--emr-timeline-header-color: var(--color-neutral-500);--emr-timeline-header-text-transform: uppercase;--emr-timeline-header-font-weight: 500;--emr-timeline-item-gap: calc(var(--spacing, .25rem) * 2.5);--emr-timeline-item-no-timestamp-offset-start: -.5rem;--emr-timeline-timestamp-font-size: var(--text-xs);--emr-timeline-timestamp-width: calc(var(--spacing, .25rem) * 12);--emr-timeline-timestamp-color: var(--color-neutral-500);--emr-timeline-timestamp-padding: 1px 0 0 0;--emr-timeline-item-content-padding: 0 0 calc(var(--spacing, .25rem) * 6) 0;--emr-timeline-title-font-size: .875rem;--emr-timeline-title-color: var(--color-neutral-800);--emr-timeline-title-font-weight: 500;--emr-timeline-item-attributes-padding: var(--spacing, .25rem) 0 0 0;--emr-timeline-item-description-font-size: .875rem;--emr-timeline-item-description-color: var(--color-neutral-500);--emr-timeline-item-subtitle-font-size: .875rem;--emr-timeline-item-subtitle-color: var(--color-neutral-500);--emr-timeline-item-line-bg: var(--color-neutral-400);--emr-timeline-item-content-gap: var(--spacing, .25rem);--emr-timeline-indicator-shape-size: calc(var(--spacing, .25rem) * 3);--emr-timeline-indicator-bg: white;--emr-timeline-indicator-border: 2px solid var(--color-neutral-400);--emr-timeline-indicator-offset: 6px;display:grid;grid-template-columns:auto 1fr;column-gap:16px}:host:has(.emr-timeline-timestamp){grid-template-columns:auto auto 1fr}:host-context(html.dark){--emr-timeline-item-line-bg: var(--color-neutral-600);--emr-timeline-header-color: var(--color-neutral-400);--emr-timeline-timestamp-color: var(--color-neutral-300);--emr-timeline-title-color: var(--color-neutral-200);--emr-timeline-item-description-color: var(--color-neutral-500);--emr-timeline-indicator-bg: var(--color-border);--emr-timeline-indicator-border: 2px solid var(--color-neutral-500)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TimelineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimelineComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-timeline', exportAs: 'emrTimeline', host: {
                         'class': 'emr-timeline'
-                    }, template: "<ng-content/>\r\n", styles: [":host{--emr-timeline-header-font-size: .875rem;--emr-timeline-header-padding: 0 0 calc(var(--spacing, .25rem) * 4) 0;--emr-timeline-header-height: calc(var(--spacing, .25rem) * 8);--emr-timeline-header-bg: transparent;--emr-timeline-header-color: var(--color-neutral-500);--emr-timeline-header-text-transform: uppercase;--emr-timeline-header-font-weight: 500;--emr-timeline-item-gap: calc(var(--spacing, .25rem) * 2.5);--emr-timeline-item-no-timestamp-offset-start: -.5rem;--emr-timeline-timestamp-font-size: var(--text-xs);--emr-timeline-timestamp-width: calc(var(--spacing, .25rem) * 12);--emr-timeline-timestamp-color: var(--color-neutral-500);--emr-timeline-timestamp-padding: 1px 0 0 0;--emr-timeline-item-content-padding: 0 0 calc(var(--spacing, .25rem) * 6) 0;--emr-timeline-title-font-size: .875rem;--emr-timeline-title-color: var(--color-neutral-800);--emr-timeline-title-font-weight: 500;--emr-timeline-item-attributes-padding: calc(var(--spacing, .25rem) * 1) 0 0 0;--emr-timeline-item-description-font-size: .875rem;--emr-timeline-item-description-color: var(--color-neutral-500);--emr-timeline-item-subtitle-font-size: .875rem;--emr-timeline-item-subtitle-color: var(--color-neutral-500);--emr-timeline-item-line-bg: var(--color-neutral-400);--emr-timeline-item-content-gap: calc(var(--spacing, .25rem) * 1);--emr-timeline-indicator-shape-size: calc(var(--spacing, .25rem) * 3);--emr-timeline-indicator-bg: white;--emr-timeline-indicator-border: 2px solid var(--color-neutral-400);--emr-timeline-indicator-offset: 6px;display:grid;grid-template-columns:auto 1fr;column-gap:16px}:host:has(.emr-timeline-timestamp){grid-template-columns:auto auto 1fr}:host-context(html.dark){--emr-timeline-item-line-bg: var(--color-neutral-600);--emr-timeline-header-color: var(--color-neutral-400);--emr-timeline-timestamp-color: var(--color-neutral-300);--emr-timeline-title-color: var(--color-neutral-200);--emr-timeline-item-description-color: var(--color-neutral-500);--emr-timeline-indicator-bg: var(--color-border);--emr-timeline-indicator-border: 2px solid var(--color-neutral-500)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{--emr-timeline-header-font-size: .875rem;--emr-timeline-header-padding: 0 0 calc(var(--spacing, .25rem) * 4) 0;--emr-timeline-header-height: calc(var(--spacing, .25rem) * 8);--emr-timeline-header-bg: transparent;--emr-timeline-header-color: var(--color-neutral-500);--emr-timeline-header-text-transform: uppercase;--emr-timeline-header-font-weight: 500;--emr-timeline-item-gap: calc(var(--spacing, .25rem) * 2.5);--emr-timeline-item-no-timestamp-offset-start: -.5rem;--emr-timeline-timestamp-font-size: var(--text-xs);--emr-timeline-timestamp-width: calc(var(--spacing, .25rem) * 12);--emr-timeline-timestamp-color: var(--color-neutral-500);--emr-timeline-timestamp-padding: 1px 0 0 0;--emr-timeline-item-content-padding: 0 0 calc(var(--spacing, .25rem) * 6) 0;--emr-timeline-title-font-size: .875rem;--emr-timeline-title-color: var(--color-neutral-800);--emr-timeline-title-font-weight: 500;--emr-timeline-item-attributes-padding: var(--spacing, .25rem) 0 0 0;--emr-timeline-item-description-font-size: .875rem;--emr-timeline-item-description-color: var(--color-neutral-500);--emr-timeline-item-subtitle-font-size: .875rem;--emr-timeline-item-subtitle-color: var(--color-neutral-500);--emr-timeline-item-line-bg: var(--color-neutral-400);--emr-timeline-item-content-gap: var(--spacing, .25rem);--emr-timeline-indicator-shape-size: calc(var(--spacing, .25rem) * 3);--emr-timeline-indicator-bg: white;--emr-timeline-indicator-border: 2px solid var(--color-neutral-400);--emr-timeline-indicator-offset: 6px;display:grid;grid-template-columns:auto 1fr;column-gap:16px}:host:has(.emr-timeline-timestamp){grid-template-columns:auto auto 1fr}:host-context(html.dark){--emr-timeline-item-line-bg: var(--color-neutral-600);--emr-timeline-header-color: var(--color-neutral-400);--emr-timeline-timestamp-color: var(--color-neutral-300);--emr-timeline-title-color: var(--color-neutral-200);--emr-timeline-item-description-color: var(--color-neutral-500);--emr-timeline-indicator-bg: var(--color-border);--emr-timeline-indicator-border: 2px solid var(--color-neutral-500)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class TimelineHeaderComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TimelineHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: TimelineHeaderComponent, isStandalone: true, selector: "emr-timeline-header", host: { classAttribute: "emr-timeline-header" }, exportAs: ["emrTimelineHeader"], ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{text-transform:var(--emr-timeline-header-text-transform);font-size:var(--emr-timeline-header-font-size);background:var(--emr-timeline-header-bg);color:var(--emr-timeline-header-color);padding:var(--emr-timeline-header-padding);font-weight:var(--emr-timeline-header-font-weight);align-items:center;display:flex;flex:none;white-space:nowrap;grid-column:1/-1}\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: TimelineHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TimelineHeaderComponent, isStandalone: true, selector: "emr-timeline-header", host: { classAttribute: "emr-timeline-header" }, exportAs: ["emrTimelineHeader"], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{text-transform:var(--emr-timeline-header-text-transform);font-size:var(--emr-timeline-header-font-size);background:var(--emr-timeline-header-bg);color:var(--emr-timeline-header-color);padding:var(--emr-timeline-header-padding);font-weight:var(--emr-timeline-header-font-weight);align-items:center;display:flex;flex:none;white-space:nowrap;grid-column:1/-1}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TimelineHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimelineHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-timeline-header', exportAs: 'emrTimelineHeader', host: {
                         'class': 'emr-timeline-header'
-                    }, template: "<ng-content></ng-content>\r\n", styles: [":host{text-transform:var(--emr-timeline-header-text-transform);font-size:var(--emr-timeline-header-font-size);background:var(--emr-timeline-header-bg);color:var(--emr-timeline-header-color);padding:var(--emr-timeline-header-padding);font-weight:var(--emr-timeline-header-font-weight);align-items:center;display:flex;flex:none;white-space:nowrap;grid-column:1/-1}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content></ng-content>\n", styles: [":host{text-transform:var(--emr-timeline-header-text-transform);font-size:var(--emr-timeline-header-font-size);background:var(--emr-timeline-header-bg);color:var(--emr-timeline-header-color);padding:var(--emr-timeline-header-padding);font-weight:var(--emr-timeline-header-font-weight);align-items:center;display:flex;flex:none;white-space:nowrap;grid-column:1/-1}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class TimelineItemIndicatorDirective {
     templateRef = inject(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TimelineItemIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: TimelineItemIndicatorDirective, isStandalone: true, selector: "[emrTimelineItemIndicator]", exportAs: ["emrTimelineItemIndicator"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimelineItemIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TimelineItemIndicatorDirective, isStandalone: true, selector: "[emrTimelineItemIndicator]", exportAs: ["emrTimelineItemIndicator"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TimelineItemIndicatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimelineItemIndicatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrTimelineItemIndicator]',
@@ -42,76 +42,76 @@ class TimelineItemComponent {
     get indicatorTemplateRef() {
         return this.indicatorRef()?.templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: TimelineItemComponent, isStandalone: true, selector: "emr-timeline-item", host: { classAttribute: "emr-timeline-item" }, queries: [{ propertyName: "indicatorRef", first: true, predicate: TimelineItemIndicatorDirective, descendants: true, isSignal: true }], exportAs: ["emrTimelineItem"], ngImport: i0, template: "<ng-content select=\"emr-timeline-timestamp\"/>\r\n\r\n@if (indicatorRef()) {\r\n  <div class=\"line\">\r\n    <div class=\"custom-indicator\">\r\n      <ng-container [ngTemplateOutlet]=\"indicatorTemplateRef\"/>\r\n    </div>\r\n  </div>\r\n} @else {\r\n  <div class=\"line\">\r\n    <div class=\"indicator\">\r\n      <div class=\"indicator-shape\"></div>\r\n    </div>\r\n  </div>\r\n}\r\n\r\n<div class=\"content\">\r\n  <div class=\"content-inner\">\r\n    <div class=\"content-header\">\r\n      <ng-content select=\"emr-timeline-title\"/>\r\n      <ng-content select=\"emr-timeline-subtitle\"/>\r\n      <ng-content select=\"emr-timeline-description\"/>\r\n    </div>\r\n    <div class=\"content-body\">\r\n      <ng-content select=\"emr-timeline-attributes\"/>\r\n      <ng-content select=\"emr-timeline-content\"/>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:contents}:host:has(.emr-timeline-timestamp){margin-left:0}:host .indicator{z-index:1;top:var(--emr-timeline-indicator-offset);position:relative;display:flex;justify-content:center;align-items:center}:host .line{padding:0;position:relative;display:flex;align-items:start;justify-content:center}:host .line:after{content:\"\";position:absolute;background:var(--emr-timeline-item-line-bg);top:var(--emr-timeline-indicator-offset);left:50%;transform:translate(-50%);bottom:calc(var(--emr-timeline-indicator-offset) * -1);width:1px}:host .indicator-shape{flex:none;border-radius:99999px;width:var(--emr-timeline-indicator-shape-size);height:var(--emr-timeline-indicator-shape-size);background:var(--emr-timeline-indicator-bg);border:var(--emr-timeline-indicator-border)}:host:last-child .line:after{display:none}:host .custom-indicator{position:relative;width:max-content;z-index:1;line-height:0;top:3px}:host .content{padding:var(--emr-timeline-item-content-padding)}:host .content-inner{display:flex;flex-direction:column;gap:var(--emr-timeline-item-content-gap)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TimelineItemComponent, isStandalone: true, selector: "emr-timeline-item", host: { classAttribute: "emr-timeline-item" }, queries: [{ propertyName: "indicatorRef", first: true, predicate: TimelineItemIndicatorDirective, descendants: true, isSignal: true }], exportAs: ["emrTimelineItem"], ngImport: i0, template: "<ng-content select=\"emr-timeline-timestamp\"/>\n\n@if (indicatorRef()) {\n  <div class=\"line\">\n    <div class=\"custom-indicator\">\n      <ng-container [ngTemplateOutlet]=\"indicatorTemplateRef\"/>\n    </div>\n  </div>\n} @else {\n  <div class=\"line\">\n    <div class=\"indicator\">\n      <div class=\"indicator-shape\"></div>\n    </div>\n  </div>\n}\n\n<div class=\"content\">\n  <div class=\"content-inner\">\n    <div class=\"content-header\">\n      <ng-content select=\"emr-timeline-title\"/>\n      <ng-content select=\"emr-timeline-subtitle\"/>\n      <ng-content select=\"emr-timeline-description\"/>\n    </div>\n    <div class=\"content-body\">\n      <ng-content select=\"emr-timeline-attributes\"/>\n      <ng-content select=\"emr-timeline-content\"/>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:contents}:host:has(.emr-timeline-timestamp){margin-left:0}:host .indicator{z-index:1;top:var(--emr-timeline-indicator-offset);position:relative;display:flex;justify-content:center;align-items:center}:host .line{padding:0;position:relative;display:flex;align-items:start;justify-content:center}:host .line:after{content:\"\";position:absolute;background:var(--emr-timeline-item-line-bg);top:var(--emr-timeline-indicator-offset);left:50%;transform:translate(-50%);bottom:calc(var(--emr-timeline-indicator-offset) * -1);width:1px}:host .indicator-shape{flex:none;border-radius:99999px;width:var(--emr-timeline-indicator-shape-size);height:var(--emr-timeline-indicator-shape-size);background:var(--emr-timeline-indicator-bg);border:var(--emr-timeline-indicator-border)}:host:last-child .line:after{display:none}:host .custom-indicator{position:relative;width:max-content;z-index:1;line-height:0;top:3px}:host .content{padding:var(--emr-timeline-item-content-padding)}:host .content-inner{display:flex;flex-direction:column;gap:var(--emr-timeline-item-content-gap)}\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.10", ngImport: i0, type: TimelineItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimelineItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-timeline-item', exportAs: 'emrTimelineItem', host: {
                         'class': 'emr-timeline-item'
-                    }, imports: [NgTemplateOutlet], template: "<ng-content select=\"emr-timeline-timestamp\"/>\r\n\r\n@if (indicatorRef()) {\r\n  <div class=\"line\">\r\n    <div class=\"custom-indicator\">\r\n      <ng-container [ngTemplateOutlet]=\"indicatorTemplateRef\"/>\r\n    </div>\r\n  </div>\r\n} @else {\r\n  <div class=\"line\">\r\n    <div class=\"indicator\">\r\n      <div class=\"indicator-shape\"></div>\r\n    </div>\r\n  </div>\r\n}\r\n\r\n<div class=\"content\">\r\n  <div class=\"content-inner\">\r\n    <div class=\"content-header\">\r\n      <ng-content select=\"emr-timeline-title\"/>\r\n      <ng-content select=\"emr-timeline-subtitle\"/>\r\n      <ng-content select=\"emr-timeline-description\"/>\r\n    </div>\r\n    <div class=\"content-body\">\r\n      <ng-content select=\"emr-timeline-attributes\"/>\r\n      <ng-content select=\"emr-timeline-content\"/>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:contents}:host:has(.emr-timeline-timestamp){margin-left:0}:host .indicator{z-index:1;top:var(--emr-timeline-indicator-offset);position:relative;display:flex;justify-content:center;align-items:center}:host .line{padding:0;position:relative;display:flex;align-items:start;justify-content:center}:host .line:after{content:\"\";position:absolute;background:var(--emr-timeline-item-line-bg);top:var(--emr-timeline-indicator-offset);left:50%;transform:translate(-50%);bottom:calc(var(--emr-timeline-indicator-offset) * -1);width:1px}:host .indicator-shape{flex:none;border-radius:99999px;width:var(--emr-timeline-indicator-shape-size);height:var(--emr-timeline-indicator-shape-size);background:var(--emr-timeline-indicator-bg);border:var(--emr-timeline-indicator-border)}:host:last-child .line:after{display:none}:host .custom-indicator{position:relative;width:max-content;z-index:1;line-height:0;top:3px}:host .content{padding:var(--emr-timeline-item-content-padding)}:host .content-inner{display:flex;flex-direction:column;gap:var(--emr-timeline-item-content-gap)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, imports: [NgTemplateOutlet], template: "<ng-content select=\"emr-timeline-timestamp\"/>\n\n@if (indicatorRef()) {\n  <div class=\"line\">\n    <div class=\"custom-indicator\">\n      <ng-container [ngTemplateOutlet]=\"indicatorTemplateRef\"/>\n    </div>\n  </div>\n} @else {\n  <div class=\"line\">\n    <div class=\"indicator\">\n      <div class=\"indicator-shape\"></div>\n    </div>\n  </div>\n}\n\n<div class=\"content\">\n  <div class=\"content-inner\">\n    <div class=\"content-header\">\n      <ng-content select=\"emr-timeline-title\"/>\n      <ng-content select=\"emr-timeline-subtitle\"/>\n      <ng-content select=\"emr-timeline-description\"/>\n    </div>\n    <div class=\"content-body\">\n      <ng-content select=\"emr-timeline-attributes\"/>\n      <ng-content select=\"emr-timeline-content\"/>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:contents}:host:has(.emr-timeline-timestamp){margin-left:0}:host .indicator{z-index:1;top:var(--emr-timeline-indicator-offset);position:relative;display:flex;justify-content:center;align-items:center}:host .line{padding:0;position:relative;display:flex;align-items:start;justify-content:center}:host .line:after{content:\"\";position:absolute;background:var(--emr-timeline-item-line-bg);top:var(--emr-timeline-indicator-offset);left:50%;transform:translate(-50%);bottom:calc(var(--emr-timeline-indicator-offset) * -1);width:1px}:host .indicator-shape{flex:none;border-radius:99999px;width:var(--emr-timeline-indicator-shape-size);height:var(--emr-timeline-indicator-shape-size);background:var(--emr-timeline-indicator-bg);border:var(--emr-timeline-indicator-border)}:host:last-child .line:after{display:none}:host .custom-indicator{position:relative;width:max-content;z-index:1;line-height:0;top:3px}:host .content{padding:var(--emr-timeline-item-content-padding)}:host .content-inner{display:flex;flex-direction:column;gap:var(--emr-timeline-item-content-gap)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { indicatorRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TimelineItemIndicatorDirective), { isSignal: true }] }] } });
 class TimelineAttributesComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TimelineAttributesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: TimelineAttributesComponent, isStandalone: true, selector: "emr-timeline-attributes", host: { classAttribute: "emr-timeline-attributes" }, exportAs: ["emrTimelineAttributes"], ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;padding:var(--emr-timeline-item-attributes-padding)}\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: TimelineAttributesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TimelineAttributesComponent, isStandalone: true, selector: "emr-timeline-attributes", host: { classAttribute: "emr-timeline-attributes" }, exportAs: ["emrTimelineAttributes"], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;padding:var(--emr-timeline-item-attributes-padding)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TimelineAttributesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimelineAttributesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-timeline-attributes', exportAs: 'emrTimelineAttributes', host: {
                         'class': 'emr-timeline-attributes'
-                    }, template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;padding:var(--emr-timeline-item-attributes-padding)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content></ng-content>\n", styles: [":host{display:block;padding:var(--emr-timeline-item-attributes-padding)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class TimelineDescriptionComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TimelineDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: TimelineDescriptionComponent, isStandalone: true, selector: "emr-timeline-description", host: { classAttribute: "emr-timeline-description" }, exportAs: ["emrTimelineDescription"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:block;font-size:var(--emr-timeline-item-description-font-size);color:var(--emr-timeline-item-description-color)}\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: TimelineDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TimelineDescriptionComponent, isStandalone: true, selector: "emr-timeline-description", host: { classAttribute: "emr-timeline-description" }, exportAs: ["emrTimelineDescription"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;font-size:var(--emr-timeline-item-description-font-size);color:var(--emr-timeline-item-description-color)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TimelineDescriptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimelineDescriptionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-timeline-description', exportAs: 'emrTimelineDescription', host: {
                         'class': 'emr-timeline-description'
-                    }, template: "<ng-content/>\r\n", styles: [":host{display:block;font-size:var(--emr-timeline-item-description-font-size);color:var(--emr-timeline-item-description-color)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{display:block;font-size:var(--emr-timeline-item-description-font-size);color:var(--emr-timeline-item-description-color)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class TimelineTimestampComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TimelineTimestampComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: TimelineTimestampComponent, isStandalone: true, selector: "emr-timeline-timestamp", host: { classAttribute: "emr-timeline-timestamp" }, exportAs: ["emrTimelineTimestamp"], ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{font-size:var(--emr-timeline-timestamp-font-size);color:var(--emr-timeline-timestamp-color);padding:var(--emr-timeline-timestamp-padding);overflow:hidden;text-overflow:ellipsis;min-width:0;white-space:nowrap;vertical-align:top}\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: TimelineTimestampComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TimelineTimestampComponent, isStandalone: true, selector: "emr-timeline-timestamp", host: { classAttribute: "emr-timeline-timestamp" }, exportAs: ["emrTimelineTimestamp"], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-size:var(--emr-timeline-timestamp-font-size);color:var(--emr-timeline-timestamp-color);padding:var(--emr-timeline-timestamp-padding);overflow:hidden;text-overflow:ellipsis;min-width:0;white-space:nowrap;vertical-align:top}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TimelineTimestampComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimelineTimestampComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-timeline-timestamp', exportAs: 'emrTimelineTimestamp', host: {
                         'class': 'emr-timeline-timestamp'
-                    }, template: "<ng-content></ng-content>\r\n", styles: [":host{font-size:var(--emr-timeline-timestamp-font-size);color:var(--emr-timeline-timestamp-color);padding:var(--emr-timeline-timestamp-padding);overflow:hidden;text-overflow:ellipsis;min-width:0;white-space:nowrap;vertical-align:top}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content></ng-content>\n", styles: [":host{font-size:var(--emr-timeline-timestamp-font-size);color:var(--emr-timeline-timestamp-color);padding:var(--emr-timeline-timestamp-padding);overflow:hidden;text-overflow:ellipsis;min-width:0;white-space:nowrap;vertical-align:top}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class TimelineTitleComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TimelineTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: TimelineTitleComponent, isStandalone: true, selector: "emr-timeline-title", host: { classAttribute: "emr-timeline-title" }, exportAs: ["emrTimelineTitle"], ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;font-size:var(--emr-timeline-title-font-size);color:var(--emr-timeline-title-color);font-weight:var(--emr-timeline-title-font-weight)}\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: TimelineTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TimelineTitleComponent, isStandalone: true, selector: "emr-timeline-title", host: { classAttribute: "emr-timeline-title" }, exportAs: ["emrTimelineTitle"], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;font-size:var(--emr-timeline-title-font-size);color:var(--emr-timeline-title-color);font-weight:var(--emr-timeline-title-font-weight)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TimelineTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimelineTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-timeline-title', exportAs: 'emrTimelineTitle', host: {
                         'class': 'emr-timeline-title'
-                    }, template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;font-size:var(--emr-timeline-title-font-size);color:var(--emr-timeline-title-color);font-weight:var(--emr-timeline-title-font-weight)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content></ng-content>\n", styles: [":host{display:block;font-size:var(--emr-timeline-title-font-size);color:var(--emr-timeline-title-color);font-weight:var(--emr-timeline-title-font-weight)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class TimelineSubtitleComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TimelineSubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: TimelineSubtitleComponent, isStandalone: true, selector: "emr-timeline-subtitle", ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:block;font-size:var(--emr-timeline-item-subtitle-font-size);color:var(--emr-timeline-item-subtitle-color)}\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: TimelineSubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TimelineSubtitleComponent, isStandalone: true, selector: "emr-timeline-subtitle", ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;font-size:var(--emr-timeline-item-subtitle-font-size);color:var(--emr-timeline-item-subtitle-color)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TimelineSubtitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimelineSubtitleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'emr-timeline-subtitle', imports: [], template: "<ng-content/>\r\n", styles: [":host{display:block;font-size:var(--emr-timeline-item-subtitle-font-size);color:var(--emr-timeline-item-subtitle-color)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'emr-timeline-subtitle', imports: [], template: "<ng-content/>\n", styles: [":host{display:block;font-size:var(--emr-timeline-item-subtitle-font-size);color:var(--emr-timeline-item-subtitle-color)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class TimelineContentComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TimelineContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: TimelineContentComponent, isStandalone: true, selector: "emr-timeline-content", ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:block}\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimelineContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TimelineContentComponent, isStandalone: true, selector: "emr-timeline-content", ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TimelineContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimelineContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'emr-timeline-content', imports: [], template: "<ng-content/>\r\n", styles: [":host{display:block}\n"] }]
+            args: [{ selector: 'emr-timeline-content', imports: [], template: "<ng-content/>\n", styles: [":host{display:block}\n"] }]
         }] });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-timeline.mjs","sources":["../../../projects/components/timeline/src/timeline/timeline.component.ts","../../../projects/components/timeline/src/timeline/timeline.component.html","../../../projects/components/timeline/src/timeline-header/timeline-header.component.ts","../../../projects/components/timeline/src/timeline-header/timeline-header.component.html","../../../projects/components/timeline/src/timeline-item-indicator.directive.ts","../../../projects/components/timeline/src/timeline-item/timeline-item.component.ts","../../../projects/components/timeline/src/timeline-item/timeline-item.component.html","../../../projects/components/timeline/src/timeline-attributes/timeline-attributes.component.ts","../../../projects/components/timeline/src/timeline-attributes/timeline-attributes.component.html","../../../projects/components/timeline/src/timeline-description/timeline-description.component.ts","../../../projects/components/timeline/src/timeline-description/timeline-description.component.html","../../../projects/components/timeline/src/timeline-timestamp/timeline-timestamp.component.ts","../../../projects/components/timeline/src/timeline-timestamp/timeline-timestamp.component.html","../../../projects/components/timeline/src/timeline-title/timeline-title.component.ts","../../../projects/components/timeline/src/timeline-title/timeline-title.component.html","../../../projects/components/timeline/src/timeline-subtitle/timeline-subtitle.component.ts","../../../projects/components/timeline/src/timeline-subtitle/timeline-subtitle.component.html","../../../projects/components/timeline/src/timeline-content/timeline-content.component.ts","../../../projects/components/timeline/src/timeline-content/timeline-content.component.html","../../../projects/components/timeline/elementar-rt-components-timeline.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-timeline',\r\n exportAs: 'emrTimeline',\r\n templateUrl: './timeline.component.html',\r\n styleUrl: './timeline.component.scss',\r\n host: {\r\n 'class': 'emr-timeline'\r\n }\r\n})\r\nexport class TimelineComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-timeline-header',\r\n exportAs: 'emrTimelineHeader',\r\n templateUrl: './timeline-header.component.html',\r\n styleUrl: './timeline-header.component.scss',\r\n host: {\r\n 'class': 'emr-timeline-header'\r\n }\r\n})\r\nexport class TimelineHeaderComponent {\r\n\r\n}\r\n","<ng-content></ng-content>\r\n","import { Directive, inject, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[emrTimelineItemIndicator]',\r\n exportAs: 'emrTimelineItemIndicator'\r\n})\r\nexport class TimelineItemIndicatorDirective {\r\n readonly templateRef = inject(TemplateRef);\r\n}\r\n","import { Component, contentChild, TemplateRef } from '@angular/core';\r\nimport { TimelineItemIndicatorDirective } from '../timeline-item-indicator.directive';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\n\r\n@Component({\r\n selector: 'emr-timeline-item',\r\n exportAs: 'emrTimelineItem',\r\n templateUrl: './timeline-item.component.html',\r\n styleUrl: './timeline-item.component.scss',\r\n host: {\r\n 'class': 'emr-timeline-item'\r\n },\r\n imports: [NgTemplateOutlet]\r\n})\r\nexport class TimelineItemComponent {\r\n readonly indicatorRef = contentChild(TimelineItemIndicatorDirective);\r\n\r\n get indicatorTemplateRef() {\r\n return this.indicatorRef()?.templateRef as TemplateRef<any>;\r\n }\r\n}\r\n","<ng-content select=\"emr-timeline-timestamp\"/>\r\n\r\n@if (indicatorRef()) {\r\n <div class=\"line\">\r\n <div class=\"custom-indicator\">\r\n <ng-container [ngTemplateOutlet]=\"indicatorTemplateRef\"/>\r\n </div>\r\n </div>\r\n} @else {\r\n <div class=\"line\">\r\n <div class=\"indicator\">\r\n <div class=\"indicator-shape\"></div>\r\n </div>\r\n </div>\r\n}\r\n\r\n<div class=\"content\">\r\n <div class=\"content-inner\">\r\n <div class=\"content-header\">\r\n <ng-content select=\"emr-timeline-title\"/>\r\n <ng-content select=\"emr-timeline-subtitle\"/>\r\n <ng-content select=\"emr-timeline-description\"/>\r\n </div>\r\n <div class=\"content-body\">\r\n <ng-content select=\"emr-timeline-attributes\"/>\r\n <ng-content select=\"emr-timeline-content\"/>\r\n </div>\r\n </div>\r\n</div>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-timeline-attributes',\r\n exportAs: 'emrTimelineAttributes',\r\n templateUrl: './timeline-attributes.component.html',\r\n styleUrl: './timeline-attributes.component.scss',\r\n host: {\r\n 'class': 'emr-timeline-attributes'\r\n }\r\n})\r\nexport class TimelineAttributesComponent {\r\n\r\n}\r\n","<ng-content></ng-content>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-timeline-description',\r\n exportAs: 'emrTimelineDescription',\r\n templateUrl: './timeline-description.component.html',\r\n styleUrl: './timeline-description.component.scss',\r\n host: {\r\n 'class': 'emr-timeline-description'\r\n }\r\n})\r\nexport class TimelineDescriptionComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-timeline-timestamp',\r\n exportAs: 'emrTimelineTimestamp',\r\n templateUrl: './timeline-timestamp.component.html',\r\n styleUrl: './timeline-timestamp.component.scss',\r\n host: {\r\n 'class': 'emr-timeline-timestamp'\r\n }\r\n})\r\nexport class TimelineTimestampComponent {\r\n\r\n}\r\n","<ng-content></ng-content>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-timeline-title',\r\n exportAs: 'emrTimelineTitle',\r\n templateUrl: './timeline-title.component.html',\r\n styleUrl: './timeline-title.component.scss',\r\n host: {\r\n 'class': 'emr-timeline-title'\r\n }\r\n})\r\nexport class TimelineTitleComponent {\r\n\r\n}\r\n","<ng-content></ng-content>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-timeline-subtitle',\r\n imports: [],\r\n templateUrl: './timeline-subtitle.component.html',\r\n styleUrl: './timeline-subtitle.component.scss'\r\n})\r\nexport class TimelineSubtitleComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-timeline-content',\r\n imports: [],\r\n templateUrl: './timeline-content.component.html',\r\n styleUrl: './timeline-content.component.scss'\r\n})\r\nexport class TimelineContentComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"elementar-rt-components-timeline.mjs","sources":["../../../projects/components/timeline/src/timeline/timeline.component.ts","../../../projects/components/timeline/src/timeline/timeline.component.html","../../../projects/components/timeline/src/timeline-header/timeline-header.component.ts","../../../projects/components/timeline/src/timeline-header/timeline-header.component.html","../../../projects/components/timeline/src/timeline-item-indicator.directive.ts","../../../projects/components/timeline/src/timeline-item/timeline-item.component.ts","../../../projects/components/timeline/src/timeline-item/timeline-item.component.html","../../../projects/components/timeline/src/timeline-attributes/timeline-attributes.component.ts","../../../projects/components/timeline/src/timeline-attributes/timeline-attributes.component.html","../../../projects/components/timeline/src/timeline-description/timeline-description.component.ts","../../../projects/components/timeline/src/timeline-description/timeline-description.component.html","../../../projects/components/timeline/src/timeline-timestamp/timeline-timestamp.component.ts","../../../projects/components/timeline/src/timeline-timestamp/timeline-timestamp.component.html","../../../projects/components/timeline/src/timeline-title/timeline-title.component.ts","../../../projects/components/timeline/src/timeline-title/timeline-title.component.html","../../../projects/components/timeline/src/timeline-subtitle/timeline-subtitle.component.ts","../../../projects/components/timeline/src/timeline-subtitle/timeline-subtitle.component.html","../../../projects/components/timeline/src/timeline-content/timeline-content.component.ts","../../../projects/components/timeline/src/timeline-content/timeline-content.component.html","../../../projects/components/timeline/elementar-rt-components-timeline.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-timeline',\n exportAs: 'emrTimeline',\n templateUrl: './timeline.component.html',\n styleUrl: './timeline.component.scss',\n host: {\n 'class': 'emr-timeline'\n }\n})\nexport class TimelineComponent {\n\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-timeline-header',\n exportAs: 'emrTimelineHeader',\n templateUrl: './timeline-header.component.html',\n styleUrl: './timeline-header.component.scss',\n host: {\n 'class': 'emr-timeline-header'\n }\n})\nexport class TimelineHeaderComponent {\n\n}\n","<ng-content></ng-content>\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[emrTimelineItemIndicator]',\n exportAs: 'emrTimelineItemIndicator'\n})\nexport class TimelineItemIndicatorDirective {\n readonly templateRef = inject(TemplateRef);\n}\n","import { Component, contentChild, TemplateRef } from '@angular/core';\nimport { TimelineItemIndicatorDirective } from '../timeline-item-indicator.directive';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector: 'emr-timeline-item',\n exportAs: 'emrTimelineItem',\n templateUrl: './timeline-item.component.html',\n styleUrl: './timeline-item.component.scss',\n host: {\n 'class': 'emr-timeline-item'\n },\n imports: [NgTemplateOutlet]\n})\nexport class TimelineItemComponent {\n readonly indicatorRef = contentChild(TimelineItemIndicatorDirective);\n\n get indicatorTemplateRef() {\n return this.indicatorRef()?.templateRef as TemplateRef<any>;\n }\n}\n","<ng-content select=\"emr-timeline-timestamp\"/>\n\n@if (indicatorRef()) {\n <div class=\"line\">\n <div class=\"custom-indicator\">\n <ng-container [ngTemplateOutlet]=\"indicatorTemplateRef\"/>\n </div>\n </div>\n} @else {\n <div class=\"line\">\n <div class=\"indicator\">\n <div class=\"indicator-shape\"></div>\n </div>\n </div>\n}\n\n<div class=\"content\">\n <div class=\"content-inner\">\n <div class=\"content-header\">\n <ng-content select=\"emr-timeline-title\"/>\n <ng-content select=\"emr-timeline-subtitle\"/>\n <ng-content select=\"emr-timeline-description\"/>\n </div>\n <div class=\"content-body\">\n <ng-content select=\"emr-timeline-attributes\"/>\n <ng-content select=\"emr-timeline-content\"/>\n </div>\n </div>\n</div>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-timeline-attributes',\n exportAs: 'emrTimelineAttributes',\n templateUrl: './timeline-attributes.component.html',\n styleUrl: './timeline-attributes.component.scss',\n host: {\n 'class': 'emr-timeline-attributes'\n }\n})\nexport class TimelineAttributesComponent {\n\n}\n","<ng-content></ng-content>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-timeline-description',\n exportAs: 'emrTimelineDescription',\n templateUrl: './timeline-description.component.html',\n styleUrl: './timeline-description.component.scss',\n host: {\n 'class': 'emr-timeline-description'\n }\n})\nexport class TimelineDescriptionComponent {\n\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-timeline-timestamp',\n exportAs: 'emrTimelineTimestamp',\n templateUrl: './timeline-timestamp.component.html',\n styleUrl: './timeline-timestamp.component.scss',\n host: {\n 'class': 'emr-timeline-timestamp'\n }\n})\nexport class TimelineTimestampComponent {\n\n}\n","<ng-content></ng-content>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-timeline-title',\n exportAs: 'emrTimelineTitle',\n templateUrl: './timeline-title.component.html',\n styleUrl: './timeline-title.component.scss',\n host: {\n 'class': 'emr-timeline-title'\n }\n})\nexport class TimelineTitleComponent {\n\n}\n","<ng-content></ng-content>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-timeline-subtitle',\n imports: [],\n templateUrl: './timeline-subtitle.component.html',\n styleUrl: './timeline-subtitle.component.scss'\n})\nexport class TimelineSubtitleComponent {\n\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-timeline-content',\n imports: [],\n templateUrl: './timeline-content.component.html',\n styleUrl: './timeline-content.component.scss'\n})\nexport class TimelineContentComponent {\n\n}\n","<ng-content/>\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-timepicker.mjs ADDED Viewed

@@ -0,0 +1,75 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, signal, forwardRef, Component } from '@angular/core';
+import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+class TimepickerComponent {
+    placeholder = input('Select time', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    mode = input('24h', ...(ngDevMode ? [{ debugName: "mode" }] : []));
+    _hours = signal(0, ...(ngDevMode ? [{ debugName: "_hours" }] : []));
+    _minutes = signal(0, ...(ngDevMode ? [{ debugName: "_minutes" }] : []));
+    _period = signal('AM', ...(ngDevMode ? [{ debugName: "_period" }] : []));
+    _open = signal(false, ...(ngDevMode ? [{ debugName: "_open" }] : []));
+    _onChange = () => { };
+    _onTouched = () => { };
+    writeValue(v) {
+        if (v) {
+            const [h, m] = v.split(':').map(Number);
+            this._hours.set(h);
+            this._minutes.set(m);
+            this._period.set(h >= 12 ? 'PM' : 'AM');
+        }
+    }
+    registerOnChange(fn) { this._onChange = fn; }
+    registerOnTouched(fn) { this._onTouched = fn; }
+    setDisabledState(_) { }
+    _toggle() { if (!this.disabled())
+        this._open.update(v => !v); }
+    _emit() {
+        const h = this._hours();
+        const m = this._minutes();
+        const val = `${String(h).padStart(2, '0')}:${String(m).padStart(2, '0')}`;
+        this._onChange(val);
+        this._onTouched();
+    }
+    _changeHours(delta) {
+        const max = this.mode() === '24h' ? 23 : 11;
+        this._hours.update(h => (h + delta + max + 1) % (max + 1));
+        this._emit();
+    }
+    _changeMinutes(delta) {
+        this._minutes.update(m => (m + delta + 60) % 60);
+        this._emit();
+    }
+    _togglePeriod() {
+        this._period.update(p => p === 'AM' ? 'PM' : 'AM');
+        this._emit();
+    }
+    _pad(n) { return String(n).padStart(2, '0'); }
+    get _displayValue() {
+        const h = this._hours();
+        const m = this._minutes();
+        const hStr = String(h).padStart(2, '0');
+        const mStr = String(m).padStart(2, '0');
+        if (this.mode() === '12h')
+            return `${hStr}:${mStr} ${this._period()}`;
+        return `${hStr}:${mStr}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TimepickerComponent, isStandalone: true, selector: "emr-timepicker", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-disabled": "disabled()", "class.is-24h": "mode() === \"24h\"" }, classAttribute: "emr-timepicker" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TimepickerComponent), multi: true }], exportAs: ["emrTimepicker"], ngImport: i0, template: "<button class=\"tp-trigger\" type=\"button\" (click)=\"_toggle()\" [disabled]=\"disabled()\">\n  <svg class=\"tp-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n    <path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z\"/>\n  </svg>\n  <span class=\"tp-value\" [class.is-placeholder]=\"_hours() === 0 && _minutes() === 0\">\n    {{ _displayValue }}\n  </span>\n</button>\n@if (_open()) {\n  <div class=\"tp-panel\">\n    <div class=\"tp-col\">\n      <button class=\"tp-arrow\" type=\"button\" (click)=\"_changeHours(1)\">&#8593;</button>\n      <span class=\"tp-digit\">{{ _pad(_hours()) }}</span>\n      <button class=\"tp-arrow\" type=\"button\" (click)=\"_changeHours(-1)\">&#8595;</button>\n    </div>\n    <span class=\"tp-sep\">:</span>\n    <div class=\"tp-col\">\n      <button class=\"tp-arrow\" type=\"button\" (click)=\"_changeMinutes(1)\">&#8593;</button>\n      <span class=\"tp-digit\">{{ _pad(_minutes()) }}</span>\n      <button class=\"tp-arrow\" type=\"button\" (click)=\"_changeMinutes(-1)\">&#8595;</button>\n    </div>\n    @if (mode() === '12h') {\n      <button class=\"tp-period\" type=\"button\" (click)=\"_togglePeriod()\">{{ _period() }}</button>\n    }\n  </div>\n}\n", styles: [":host{position:relative;display:inline-flex;flex-direction:column}.tp-trigger{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);height:calc(var(--spacing, .25rem) * 10);padding:0 calc(var(--spacing, .25rem) * 3);background:var(--color-surface);border:1px solid var(--color-outline);border-radius:.75rem;cursor:pointer;font-size:.875rem;color:var(--color-on-surface);min-width:calc(var(--spacing, .25rem) * 36)}.tp-trigger .tp-icon{opacity:.6;flex-shrink:0}.tp-trigger .is-placeholder{color:var(--color-on-surface-variant)}.tp-panel{position:absolute;top:calc(100% + calc(var(--spacing, .25rem) * 2));left:0;z-index:200;background:var(--color-surface-container-low);border-radius:1rem;padding:calc(var(--spacing, .25rem) * 5);box-shadow:0 8px 24px var(--color-shadow);border:1px solid var(--color-outline-variant);display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);animation:tpIn .15s ease}@supports (color: color-mix(in lab,red,red)){.tp-panel{box-shadow:0 8px 24px color-mix(in srgb,var(--color-shadow) 15%,transparent)}}.tp-col{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.tp-arrow{width:calc(var(--spacing, .25rem) * 8);height:calc(var(--spacing, .25rem) * 8);border:none;background:transparent;border-radius:.5rem;cursor:pointer;font-size:1.125rem;color:var(--color-on-surface)}.tp-arrow:hover{background:var(--color-surface-container-high)}.tp-digit{font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums;min-width:calc(var(--spacing, .25rem) * 12);text-align:center;color:var(--color-on-surface)}.tp-sep{font-size:1.5rem;font-weight:600;align-self:center;padding-bottom:var(--spacing, .25rem)}.tp-period{margin-left:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 3);border:1px solid var(--color-outline);border-radius:.75rem;cursor:pointer;background:transparent;font-weight:600;font-size:.875rem}.tp-period:hover{background:var(--color-surface-container-high)}@keyframes tpIn{0%{opacity:0;transform:translateY(calc(var(--spacing, .25rem) * -1))}to{opacity:1;transform:translateY(0)}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimepickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-timepicker', exportAs: 'emrTimepicker', imports: [FormsModule], providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TimepickerComponent), multi: true }], host: {
+                        'class': 'emr-timepicker',
+                        '[class.is-disabled]': 'disabled()',
+                        '[class.is-24h]': 'mode() === "24h"',
+                    }, template: "<button class=\"tp-trigger\" type=\"button\" (click)=\"_toggle()\" [disabled]=\"disabled()\">\n  <svg class=\"tp-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n    <path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z\"/>\n  </svg>\n  <span class=\"tp-value\" [class.is-placeholder]=\"_hours() === 0 && _minutes() === 0\">\n    {{ _displayValue }}\n  </span>\n</button>\n@if (_open()) {\n  <div class=\"tp-panel\">\n    <div class=\"tp-col\">\n      <button class=\"tp-arrow\" type=\"button\" (click)=\"_changeHours(1)\">&#8593;</button>\n      <span class=\"tp-digit\">{{ _pad(_hours()) }}</span>\n      <button class=\"tp-arrow\" type=\"button\" (click)=\"_changeHours(-1)\">&#8595;</button>\n    </div>\n    <span class=\"tp-sep\">:</span>\n    <div class=\"tp-col\">\n      <button class=\"tp-arrow\" type=\"button\" (click)=\"_changeMinutes(1)\">&#8593;</button>\n      <span class=\"tp-digit\">{{ _pad(_minutes()) }}</span>\n      <button class=\"tp-arrow\" type=\"button\" (click)=\"_changeMinutes(-1)\">&#8595;</button>\n    </div>\n    @if (mode() === '12h') {\n      <button class=\"tp-period\" type=\"button\" (click)=\"_togglePeriod()\">{{ _period() }}</button>\n    }\n  </div>\n}\n", styles: [":host{position:relative;display:inline-flex;flex-direction:column}.tp-trigger{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);height:calc(var(--spacing, .25rem) * 10);padding:0 calc(var(--spacing, .25rem) * 3);background:var(--color-surface);border:1px solid var(--color-outline);border-radius:.75rem;cursor:pointer;font-size:.875rem;color:var(--color-on-surface);min-width:calc(var(--spacing, .25rem) * 36)}.tp-trigger .tp-icon{opacity:.6;flex-shrink:0}.tp-trigger .is-placeholder{color:var(--color-on-surface-variant)}.tp-panel{position:absolute;top:calc(100% + calc(var(--spacing, .25rem) * 2));left:0;z-index:200;background:var(--color-surface-container-low);border-radius:1rem;padding:calc(var(--spacing, .25rem) * 5);box-shadow:0 8px 24px var(--color-shadow);border:1px solid var(--color-outline-variant);display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);animation:tpIn .15s ease}@supports (color: color-mix(in lab,red,red)){.tp-panel{box-shadow:0 8px 24px color-mix(in srgb,var(--color-shadow) 15%,transparent)}}.tp-col{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.tp-arrow{width:calc(var(--spacing, .25rem) * 8);height:calc(var(--spacing, .25rem) * 8);border:none;background:transparent;border-radius:.5rem;cursor:pointer;font-size:1.125rem;color:var(--color-on-surface)}.tp-arrow:hover{background:var(--color-surface-container-high)}.tp-digit{font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums;min-width:calc(var(--spacing, .25rem) * 12);text-align:center;color:var(--color-on-surface)}.tp-sep{font-size:1.5rem;font-weight:600;align-self:center;padding-bottom:var(--spacing, .25rem)}.tp-period{margin-left:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 3);border:1px solid var(--color-outline);border-radius:.75rem;cursor:pointer;background:transparent;font-weight:600;font-size:.875rem}.tp-period:hover{background:var(--color-surface-container-high)}@keyframes tpIn{0%{opacity:0;transform:translateY(calc(var(--spacing, .25rem) * -1))}to{opacity:1;transform:translateY(0)}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }] } });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { TimepickerComponent };
+//# sourceMappingURL=elementar-rt-components-timepicker.mjs.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"elementar-rt-components-timepicker.mjs","sources":["../../../projects/components/timepicker/src/timepicker/timepicker.component.ts","../../../projects/components/timepicker/src/timepicker/timepicker.component.html","../../../projects/components/timepicker/elementar-rt-components-timepicker.ts"],"sourcesContent":["import {\n booleanAttribute,\n Component,\n forwardRef,\n input,\n signal\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';\n\n@Component({\n selector: 'emr-timepicker',\n exportAs: 'emrTimepicker',\n imports: [FormsModule],\n templateUrl: './timepicker.component.html',\n styleUrl: './timepicker.component.scss',\n providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TimepickerComponent), multi: true }],\n host: {\n 'class': 'emr-timepicker',\n '[class.is-disabled]': 'disabled()',\n '[class.is-24h]': 'mode() === \"24h\"',\n }\n})\nexport class TimepickerComponent implements ControlValueAccessor {\n placeholder = input('Select time');\n disabled = input(false, { transform: booleanAttribute });\n mode = input<'12h' | '24h'>('24h');\n\n protected _hours = signal(0);\n protected _minutes = signal(0);\n protected _period = signal<'AM' | 'PM'>('AM');\n protected _open = signal(false);\n\n private _onChange: (v: string) => void = () => {};\n private _onTouched: () => void = () => {};\n\n writeValue(v: string): void {\n if (v) {\n const [h, m] = v.split(':').map(Number);\n this._hours.set(h);\n this._minutes.set(m);\n this._period.set(h >= 12 ? 'PM' : 'AM');\n }\n }\n registerOnChange(fn: any): void { this._onChange = fn; }\n registerOnTouched(fn: any): void { this._onTouched = fn; }\n setDisabledState(_: boolean): void {}\n\n protected _toggle() { if (!this.disabled()) this._open.update(v => !v); }\n\n protected _emit() {\n const h = this._hours();\n const m = this._minutes();\n const val = `${String(h).padStart(2, '0')}:${String(m).padStart(2, '0')}`;\n this._onChange(val);\n this._onTouched();\n }\n\n protected _changeHours(delta: number) {\n const max = this.mode() === '24h' ? 23 : 11;\n this._hours.update(h => (h + delta + max + 1) % (max + 1));\n this._emit();\n }\n\n protected _changeMinutes(delta: number) {\n this._minutes.update(m => (m + delta + 60) % 60);\n this._emit();\n }\n\n protected _togglePeriod() {\n this._period.update(p => p === 'AM' ? 'PM' : 'AM');\n this._emit();\n }\n\n protected _pad(n: number): string { return String(n).padStart(2, '0'); }\n\n protected get _displayValue(): string {\n const h = this._hours();\n const m = this._minutes();\n const hStr = String(h).padStart(2, '0');\n const mStr = String(m).padStart(2, '0');\n if (this.mode() === '12h') return `${hStr}:${mStr} ${this._period()}`;\n return `${hStr}:${mStr}`;\n }\n}\n","<button class=\"tp-trigger\" type=\"button\" (click)=\"_toggle()\" [disabled]=\"disabled()\">\n <svg class=\"tp-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z\"/>\n </svg>\n <span class=\"tp-value\" [class.is-placeholder]=\"_hours() === 0 && _minutes() === 0\">\n {{ _displayValue }}\n </span>\n</button>\n@if (_open()) {\n <div class=\"tp-panel\">\n <div class=\"tp-col\">\n <button class=\"tp-arrow\" type=\"button\" (click)=\"_changeHours(1)\">↑</button>\n <span class=\"tp-digit\">{{ _pad(_hours()) }}</span>\n <button class=\"tp-arrow\" type=\"button\" (click)=\"_changeHours(-1)\">↓</button>\n </div>\n <span class=\"tp-sep\">:</span>\n <div class=\"tp-col\">\n <button class=\"tp-arrow\" type=\"button\" (click)=\"_changeMinutes(1)\">↑</button>\n <span class=\"tp-digit\">{{ _pad(_minutes()) }}</span>\n <button class=\"tp-arrow\" type=\"button\" (click)=\"_changeMinutes(-1)\">↓</button>\n </div>\n @if (mode() === '12h') {\n <button class=\"tp-period\" type=\"button\" (click)=\"_togglePeriod()\">{{ _period() }}</button>\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-timezone-select.mjs CHANGED Viewed

@@ -159,10 +159,10 @@ class FilterTimezonesPipe {
         }
         return resultGroups;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: FilterTimezonesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: FilterTimezonesPipe, isStandalone: true, name: "filterTimezones" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FilterTimezonesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: FilterTimezonesPipe, isStandalone: true, name: "filterTimezones" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: FilterTimezonesPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FilterTimezonesPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'filterTimezones',
@@ -313,16 +313,16 @@ class TimezoneSelectComponent {
         }
         this._value.set(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TimezoneSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: TimezoneSelectComponent, isStandalone: true, selector: "emr-timezone-select", inputs: { _userAriaDescribedBy: { classPropertyName: "_userAriaDescribedBy", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, _placeholder: { classPropertyName: "_placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, _required: { classPropertyName: "_required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, _disabledByInput: { classPropertyName: "_disabledByInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, _value: { classPropertyName: "_value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, searchTerm: { classPropertyName: "searchTerm", publicName: "searchTerm", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { _value: "valueChange", searchTerm: "searchTermChange" }, host: { properties: { "id": "id" }, classAttribute: "emr-timezone-select" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimezoneSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TimezoneSelectComponent, isStandalone: true, selector: "emr-timezone-select", inputs: { _userAriaDescribedBy: { classPropertyName: "_userAriaDescribedBy", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, _placeholder: { classPropertyName: "_placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, _required: { classPropertyName: "_required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, _disabledByInput: { classPropertyName: "_disabledByInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, _value: { classPropertyName: "_value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, searchTerm: { classPropertyName: "searchTerm", publicName: "searchTerm", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { _value: "valueChange", searchTerm: "searchTermChange" }, host: { properties: { "id": "id" }, classAttribute: "emr-timezone-select" }, providers: [
             {
                 provide: MatFormFieldControl,
                 useExisting: forwardRef(() => TimezoneSelectComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }, { propertyName: "selectRef", first: true, predicate: ["select"], descendants: true, isSignal: true }], exportAs: ["emrTimezoneSelect"], ngImport: i0, template: "<mat-select #select=\"matSelect\"\r\n            panelClass=\"emr-timezone-select-panel\"\r\n            [value]=\"_value\"\r\n            [aria-describedby]=\"userAriaDescribedBy\"\r\n            [disabled]=\"disabled\"\r\n            [placeholder]=\"_placeholder()\"\r\n            (opened)=\"onSelectOpened()\"\r\n            (closed)=\"onSelectClosed()\">\r\n  <div class=\"px-3 py-3 rounded-t sticky top-0 z-1 bg-[var(--mat-select-panel-background-color)]\">\r\n    <input #searchInput\r\n           type=\"text\" placeholder=\"Search...\" autocomplete=\"off\" [(ngModel)]=\"searchTerm\"\r\n           class=\"w-full bg-surface-container-highest rounded-lg text-sm focus:outline-none\r\n                  focus:bg-surface-container-lowest focus:shadow-sm h-12 px-3\">\r\n    @if (searchTerm().trim()) {\r\n      <div class=\"absolute end-4 top-1/2 -translate-y-1/2\">\r\n        <button\r\n          mat-icon-button\r\n          (click)=\"clearSearch()\"\r\n          class=\"clear-button\"\r\n          type=\"button\"\r\n          aria-label=\"Clear search\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    }\r\n  </div>\r\n  @for (timezoneGroup of timezoneGroups() | filterTimezones:searchTerm(); track timezoneGroup.name) {\r\n    <div class=\"px-4 font-bold text-on-surface-container my-4\" i18n>{{ timezoneGroup.name }}</div>\r\n    <div>\r\n      @for (timezone of timezoneGroup.timezones; track timezone) {\r\n        <mat-option [value]=\"timezone.id\" (click)=\"onModelChange(timezone.id)\">\r\n          {{ timezone.id }}\r\n        </mat-option>\r\n      }\r\n    </div>\r\n  } @empty {\r\n    @if (searchTerm()) {\r\n      <div class=\"text-sm px-4 py-3\">\r\n        <span i18n>Timezone not found</span>.\r\n      </div>\r\n    }\r\n  }\r\n</mat-select>\r\n", styles: [":host{display:block;cursor:pointer;width:100%}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: FilterTimezonesPipe, name: "filterTimezones" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }, { propertyName: "selectRef", first: true, predicate: ["select"], descendants: true, isSignal: true }], exportAs: ["emrTimezoneSelect"], ngImport: i0, template: "<mat-select #select=\"matSelect\"\n            panelClass=\"emr-timezone-select-panel\"\n            [value]=\"_value\"\n            [aria-describedby]=\"userAriaDescribedBy\"\n            [disabled]=\"disabled\"\n            [placeholder]=\"_placeholder()\"\n            (opened)=\"onSelectOpened()\"\n            (closed)=\"onSelectClosed()\">\n  <div class=\"px-3 py-3 rounded-t sticky top-0 z-1 bg-[var(--mat-select-panel-background-color)]\">\n    <input #searchInput\n           type=\"text\" placeholder=\"Search...\" autocomplete=\"off\" [(ngModel)]=\"searchTerm\"\n           class=\"w-full bg-surface-container-highest rounded-lg text-sm focus:outline-none\n                  focus:bg-surface-container-lowest focus:shadow-sm h-12 px-3\">\n    @if (searchTerm().trim()) {\n      <div class=\"absolute end-4 top-1/2 -translate-y-1/2\">\n        <button\n          mat-icon-button\n          (click)=\"clearSearch()\"\n          class=\"clear-button\"\n          type=\"button\"\n          aria-label=\"Clear search\">\n          <mat-icon>close</mat-icon>\n        </button>\n      </div>\n    }\n  </div>\n  @for (timezoneGroup of timezoneGroups() | filterTimezones:searchTerm(); track timezoneGroup.name) {\n    <div class=\"px-4 font-bold text-on-surface-container my-4\" i18n>{{ timezoneGroup.name }}</div>\n    <div>\n      @for (timezone of timezoneGroup.timezones; track timezone) {\n        <mat-option [value]=\"timezone.id\" (click)=\"onModelChange(timezone.id)\">\n          {{ timezone.id }}\n        </mat-option>\n      }\n    </div>\n  } @empty {\n    @if (searchTerm()) {\n      <div class=\"text-sm px-4 py-3\">\n        <span i18n>Timezone not found</span>.\n      </div>\n    }\n  }\n</mat-select>\n", styles: [":host{display:block;cursor:pointer;width:100%}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: FilterTimezonesPipe, name: "filterTimezones" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TimezoneSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimezoneSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-timezone-select', exportAs: 'emrTimezoneSelect', imports: [
                         MatSelect,
@@ -340,7 +340,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
                     ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'emr-timezone-select',
                         '[id]': 'id',
-                    }, template: "<mat-select #select=\"matSelect\"\r\n            panelClass=\"emr-timezone-select-panel\"\r\n            [value]=\"_value\"\r\n            [aria-describedby]=\"userAriaDescribedBy\"\r\n            [disabled]=\"disabled\"\r\n            [placeholder]=\"_placeholder()\"\r\n            (opened)=\"onSelectOpened()\"\r\n            (closed)=\"onSelectClosed()\">\r\n  <div class=\"px-3 py-3 rounded-t sticky top-0 z-1 bg-[var(--mat-select-panel-background-color)]\">\r\n    <input #searchInput\r\n           type=\"text\" placeholder=\"Search...\" autocomplete=\"off\" [(ngModel)]=\"searchTerm\"\r\n           class=\"w-full bg-surface-container-highest rounded-lg text-sm focus:outline-none\r\n                  focus:bg-surface-container-lowest focus:shadow-sm h-12 px-3\">\r\n    @if (searchTerm().trim()) {\r\n      <div class=\"absolute end-4 top-1/2 -translate-y-1/2\">\r\n        <button\r\n          mat-icon-button\r\n          (click)=\"clearSearch()\"\r\n          class=\"clear-button\"\r\n          type=\"button\"\r\n          aria-label=\"Clear search\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    }\r\n  </div>\r\n  @for (timezoneGroup of timezoneGroups() | filterTimezones:searchTerm(); track timezoneGroup.name) {\r\n    <div class=\"px-4 font-bold text-on-surface-container my-4\" i18n>{{ timezoneGroup.name }}</div>\r\n    <div>\r\n      @for (timezone of timezoneGroup.timezones; track timezone) {\r\n        <mat-option [value]=\"timezone.id\" (click)=\"onModelChange(timezone.id)\">\r\n          {{ timezone.id }}\r\n        </mat-option>\r\n      }\r\n    </div>\r\n  } @empty {\r\n    @if (searchTerm()) {\r\n      <div class=\"text-sm px-4 py-3\">\r\n        <span i18n>Timezone not found</span>.\r\n      </div>\r\n    }\r\n  }\r\n</mat-select>\r\n", styles: [":host{display:block;cursor:pointer;width:100%}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<mat-select #select=\"matSelect\"\n            panelClass=\"emr-timezone-select-panel\"\n            [value]=\"_value\"\n            [aria-describedby]=\"userAriaDescribedBy\"\n            [disabled]=\"disabled\"\n            [placeholder]=\"_placeholder()\"\n            (opened)=\"onSelectOpened()\"\n            (closed)=\"onSelectClosed()\">\n  <div class=\"px-3 py-3 rounded-t sticky top-0 z-1 bg-[var(--mat-select-panel-background-color)]\">\n    <input #searchInput\n           type=\"text\" placeholder=\"Search...\" autocomplete=\"off\" [(ngModel)]=\"searchTerm\"\n           class=\"w-full bg-surface-container-highest rounded-lg text-sm focus:outline-none\n                  focus:bg-surface-container-lowest focus:shadow-sm h-12 px-3\">\n    @if (searchTerm().trim()) {\n      <div class=\"absolute end-4 top-1/2 -translate-y-1/2\">\n        <button\n          mat-icon-button\n          (click)=\"clearSearch()\"\n          class=\"clear-button\"\n          type=\"button\"\n          aria-label=\"Clear search\">\n          <mat-icon>close</mat-icon>\n        </button>\n      </div>\n    }\n  </div>\n  @for (timezoneGroup of timezoneGroups() | filterTimezones:searchTerm(); track timezoneGroup.name) {\n    <div class=\"px-4 font-bold text-on-surface-container my-4\" i18n>{{ timezoneGroup.name }}</div>\n    <div>\n      @for (timezone of timezoneGroup.timezones; track timezone) {\n        <mat-option [value]=\"timezone.id\" (click)=\"onModelChange(timezone.id)\">\n          {{ timezone.id }}\n        </mat-option>\n      }\n    </div>\n  } @empty {\n    @if (searchTerm()) {\n      <div class=\"text-sm px-4 py-3\">\n        <span i18n>Timezone not found</span>.\n      </div>\n    }\n  }\n</mat-select>\n", styles: [":host{display:block;cursor:pointer;width:100%}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { searchInput: [{ type: i0.ViewChild, args: ['searchInput', { isSignal: true }] }], selectRef: [{ type: i0.ViewChild, args: ['select', { isSignal: true }] }], _userAriaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-describedby", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], _placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], _required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], _disabledByInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], _value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], searchTerm: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchTerm", required: false }] }, { type: i0.Output, args: ["searchTermChange"] }] } });
 /**