npm - @cdek-it/angular-ui-kit - Versions diffs - 0.2.4-test → 0.2.7-test - Mend

@cdek-it/angular-ui-kit 0.2.4-test → 0.2.7-test

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 (148) hide show

package/fesm2022/cdek-it-angular-ui-kit-components-textarea.mjs ADDED Viewed

@@ -0,0 +1,214 @@
+import * as i0 from '@angular/core';
+import { inject, Injector, EventEmitter, forwardRef, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { NgClass } from '@angular/common';
+import { Textarea } from 'primeng/textarea';
+import { IconField } from 'primeng/iconfield';
+import { InputIcon } from 'primeng/inputicon';
+class ExtraTextareaComponent {
+    _injector = inject(Injector);
+    _ngControl = null;
+    ngOnInit() {
+        this._ngControl = this._injector.get(NgControl, null, { self: true, optional: true });
+    }
+    placeholder = '';
+    size = 'base';
+    readonly = false;
+    showClear = false;
+    fluid = false;
+    autoResize = false;
+    rows = 3;
+    cols;
+    disabled = false;
+    get invalid() {
+        return this._ngControl?.invalid ?? false;
+    }
+    onResize = new EventEmitter();
+    onClear = new EventEmitter();
+    modelValue = '';
+    _onChange = () => { };
+    get primeSize() {
+        if (this.size === 'small')
+            return 'small';
+        if (this.size === 'large')
+            return 'large';
+        return undefined;
+    }
+    get sizeClass() {
+        return { 'p-textarea-xlg': this.size === 'xlarge' };
+    }
+    onInput(event) {
+        const value = event.target.value;
+        this.modelValue = value;
+        this._onChange(value);
+    }
+    onTouched = () => { };
+    clearValue() {
+        this.modelValue = '';
+        this._onChange('');
+        this.onClear.emit();
+    }
+    writeValue(value) {
+        this.modelValue = value ?? '';
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ExtraTextareaComponent, isStandalone: true, selector: "extra-textarea", inputs: { placeholder: "placeholder", size: "size", readonly: "readonly", showClear: "showClear", fluid: "fluid", autoResize: "autoResize", rows: "rows", cols: "cols" }, outputs: { onResize: "onResize", onClear: "onClear" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ExtraTextareaComponent),
+                multi: true
+            }
+        ], ngImport: i0, template: `
+    @if (showClear) {
+      <p-iconfield [ngClass]="{ '!w-full': fluid }">
+        <textarea
+          pTextarea
+          [ngClass]="sizeClass"
+          [pSize]="primeSize"
+          [disabled]="disabled"
+          [readOnly]="readonly"
+          [invalid]="invalid"
+          [fluid]="fluid"
+          [autoResize]="autoResize"
+          [rows]="rows"
+          [cols]="cols"
+          [placeholder]="placeholder"
+          [value]="modelValue"
+          (input)="onInput($event)"
+          (blur)="onTouched()"
+          (onResize)="onResize.emit($event)"
+        ></textarea>
+        <p-inputicon
+          class="ti ti-x"
+          tabindex="0"
+          [style.visibility]="modelValue ? 'visible' : 'hidden'"
+          [style.pointerEvents]="modelValue ? 'auto' : 'none'"
+          (click)="clearValue()"
+          (keydown.enter)="clearValue()"
+          (keydown.space)="clearValue()"
+        ></p-inputicon>
+      </p-iconfield>
+    } @else {
+      <textarea
+        pTextarea
+        [ngClass]="sizeClass"
+        [pSize]="primeSize"
+        [disabled]="disabled"
+        [readOnly]="readonly"
+        [invalid]="invalid"
+        [fluid]="fluid"
+        [autoResize]="autoResize"
+        [rows]="rows"
+        [cols]="cols"
+        [placeholder]="placeholder"
+        [value]="modelValue"
+        (input)="onInput($event)"
+        (blur)="onTouched()"
+        (onResize)="onResize.emit($event)"
+      ></textarea>
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "component", type: IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTextareaComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'extra-textarea',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [Textarea, IconField, InputIcon, NgClass],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ExtraTextareaComponent),
+                            multi: true
+                        }
+                    ],
+                    template: `
+    @if (showClear) {
+      <p-iconfield [ngClass]="{ '!w-full': fluid }">
+        <textarea
+          pTextarea
+          [ngClass]="sizeClass"
+          [pSize]="primeSize"
+          [disabled]="disabled"
+          [readOnly]="readonly"
+          [invalid]="invalid"
+          [fluid]="fluid"
+          [autoResize]="autoResize"
+          [rows]="rows"
+          [cols]="cols"
+          [placeholder]="placeholder"
+          [value]="modelValue"
+          (input)="onInput($event)"
+          (blur)="onTouched()"
+          (onResize)="onResize.emit($event)"
+        ></textarea>
+        <p-inputicon
+          class="ti ti-x"
+          tabindex="0"
+          [style.visibility]="modelValue ? 'visible' : 'hidden'"
+          [style.pointerEvents]="modelValue ? 'auto' : 'none'"
+          (click)="clearValue()"
+          (keydown.enter)="clearValue()"
+          (keydown.space)="clearValue()"
+        ></p-inputicon>
+      </p-iconfield>
+    } @else {
+      <textarea
+        pTextarea
+        [ngClass]="sizeClass"
+        [pSize]="primeSize"
+        [disabled]="disabled"
+        [readOnly]="readonly"
+        [invalid]="invalid"
+        [fluid]="fluid"
+        [autoResize]="autoResize"
+        [rows]="rows"
+        [cols]="cols"
+        [placeholder]="placeholder"
+        [value]="modelValue"
+        (input)="onInput($event)"
+        (blur)="onTouched()"
+        (onResize)="onResize.emit($event)"
+      ></textarea>
+    }
+  `
+                }]
+        }], propDecorators: { placeholder: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], showClear: [{
+                type: Input
+            }], fluid: [{
+                type: Input
+            }], autoResize: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], cols: [{
+                type: Input
+            }], onResize: [{
+                type: Output
+            }], onClear: [{
+                type: Output
+            }] } });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { ExtraTextareaComponent };
+//# sourceMappingURL=cdek-it-angular-ui-kit-components-textarea.mjs.map

package/fesm2022/cdek-it-angular-ui-kit-components-textarea.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"cdek-it-angular-ui-kit-components-textarea.mjs","sources":["../../src/lib/components/textarea/textarea.component.ts","../../src/lib/components/textarea/cdek-it-angular-ui-kit-components-textarea.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n forwardRef,\n inject,\n Injector,\n Input,\n OnInit,\n Output\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';\nimport { NgClass } from '@angular/common';\nimport { Textarea } from 'primeng/textarea';\nimport { IconField } from 'primeng/iconfield';\nimport { InputIcon } from 'primeng/inputicon';\n\nexport type ExtraTextareaSize = 'small' | 'base' | 'large' | 'xlarge';\n\n@Component({\n selector: 'extra-textarea',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [Textarea, IconField, InputIcon, NgClass],\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => ExtraTextareaComponent),\n multi: true\n }\n ],\n template: `\n @if (showClear) {\n <p-iconfield [ngClass]=\"{ '!w-full': fluid }\">\n <textarea\n pTextarea\n [ngClass]=\"sizeClass\"\n [pSize]=\"primeSize\"\n [disabled]=\"disabled\"\n [readOnly]=\"readonly\"\n [invalid]=\"invalid\"\n [fluid]=\"fluid\"\n [autoResize]=\"autoResize\"\n [rows]=\"rows\"\n [cols]=\"cols\"\n [placeholder]=\"placeholder\"\n [value]=\"modelValue\"\n (input)=\"onInput($event)\"\n (blur)=\"onTouched()\"\n (onResize)=\"onResize.emit($event)\"\n ></textarea>\n <p-inputicon\n class=\"ti ti-x\"\n tabindex=\"0\"\n [style.visibility]=\"modelValue ? 'visible' : 'hidden'\"\n [style.pointerEvents]=\"modelValue ? 'auto' : 'none'\"\n (click)=\"clearValue()\"\n (keydown.enter)=\"clearValue()\"\n (keydown.space)=\"clearValue()\"\n ></p-inputicon>\n </p-iconfield>\n } @else {\n <textarea\n pTextarea\n [ngClass]=\"sizeClass\"\n [pSize]=\"primeSize\"\n [disabled]=\"disabled\"\n [readOnly]=\"readonly\"\n [invalid]=\"invalid\"\n [fluid]=\"fluid\"\n [autoResize]=\"autoResize\"\n [rows]=\"rows\"\n [cols]=\"cols\"\n [placeholder]=\"placeholder\"\n [value]=\"modelValue\"\n (input)=\"onInput($event)\"\n (blur)=\"onTouched()\"\n (onResize)=\"onResize.emit($event)\"\n ></textarea>\n }\n `\n})\nexport class ExtraTextareaComponent implements ControlValueAccessor, OnInit {\n private readonly _injector = inject(Injector);\n private _ngControl: NgControl | null = null;\n\n ngOnInit(): void {\n this._ngControl = this._injector.get(NgControl, null, { self: true, optional: true });\n }\n\n @Input() placeholder = '';\n @Input() size: ExtraTextareaSize = 'base';\n @Input() readonly = false;\n @Input() showClear = false;\n @Input() fluid = false;\n @Input() autoResize = false;\n @Input() rows = 3;\n @Input() cols?: number;\n\n disabled = false;\n\n get invalid(): boolean {\n return this._ngControl?.invalid ?? false;\n }\n\n @Output() onResize = new EventEmitter<{ height: string } | {}>();\n @Output() onClear = new EventEmitter<void>();\n\n modelValue = '';\n\n private _onChange: (value: string) => void = () => {};\n\n get primeSize(): 'small' | 'large' | never {\n if (this.size === 'small') return 'small';\n if (this.size === 'large') return 'large';\n return undefined as never;\n }\n\n get sizeClass(): Record<string, boolean> {\n return { 'p-textarea-xlg': this.size === 'xlarge' };\n }\n\n onInput(event: Event): void {\n const value = (event.target as HTMLTextAreaElement).value;\n this.modelValue = value;\n this._onChange(value);\n }\n\n onTouched: () => void = () => {};\n\n clearValue(): void {\n this.modelValue = '';\n this._onChange('');\n this.onClear.emit();\n }\n\n writeValue(value: string): void {\n this.modelValue = value ?? '';\n }\n\n registerOnChange(fn: (value: string) => void): void {\n this._onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.disabled = isDisabled;\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/cdek-it-angular-ui-kit-components-tieredmenu.mjs CHANGED Viewed

@@ -29,8 +29,9 @@ class ExtraTieredMenuComponent {
     }
     applyActiveClass() {
         const root = this.el.nativeElement;
-        root.querySelectorAll('.p-tieredmenu-item-checked')
-            .forEach(el => el.classList.remove('p-tieredmenu-item-checked'));
+        root
+            .querySelectorAll('.p-tieredmenu-item-checked')
+            .forEach((el) => el.classList.remove('p-tieredmenu-item-checked'));
         if (this.activeItemId) {
             const active = root.querySelector(`#${CSS.escape(this.activeItemId)}`);
             if (active) {
@@ -39,13 +40,7 @@ class ExtraTieredMenuComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTieredMenuComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ExtraTieredMenuComponent, isStandalone: true, selector: "extra-tieredmenu", inputs: { model: "model", autoDisplay: "autoDisplay", tabindex: "tabindex" }, host: { listeners: { "click": "onItemClick($event)" } }, ngImport: i0, template: `
-    <p-tieredmenu
-      [model]="model"
-      [autoDisplay]="autoDisplay"
-      [tabindex]="tabindex"
-    ></p-tieredmenu>
-  `, isInline: true, dependencies: [{ kind: "component", type: TieredMenu, selector: "p-tieredMenu, p-tieredmenu, p-tiered-menu", inputs: ["model", "popup", "style", "styleClass", "breakpoint", "autoZIndex", "baseZIndex", "autoDisplay", "showTransitionOptions", "hideTransitionOptions", "id", "ariaLabel", "ariaLabelledBy", "disabled", "tabindex", "appendTo"], outputs: ["onShow", "onHide"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ExtraTieredMenuComponent, isStandalone: true, selector: "extra-tieredmenu", inputs: { model: "model", autoDisplay: "autoDisplay", tabindex: "tabindex" }, host: { listeners: { "click": "onItemClick($event)" } }, ngImport: i0, template: ` <p-tieredmenu [model]="model" [autoDisplay]="autoDisplay" [tabindex]="tabindex"></p-tieredmenu> `, isInline: true, dependencies: [{ kind: "component", type: TieredMenu, selector: "p-tieredMenu, p-tieredmenu, p-tiered-menu", inputs: ["model", "popup", "style", "styleClass", "breakpoint", "autoZIndex", "baseZIndex", "autoDisplay", "showTransitionOptions", "hideTransitionOptions", "id", "ariaLabel", "ariaLabelledBy", "disabled", "tabindex", "appendTo"], outputs: ["onShow", "onHide"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTieredMenuComponent, decorators: [{
             type: Component,
@@ -54,13 +49,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [TieredMenu],
-                    template: `
-    <p-tieredmenu
-      [model]="model"
-      [autoDisplay]="autoDisplay"
-      [tabindex]="tabindex"
-    ></p-tieredmenu>
-  `,
+                    template: ` <p-tieredmenu [model]="model" [autoDisplay]="autoDisplay" [tabindex]="tabindex"></p-tieredmenu> `
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { model: [{
                 type: Input

package/fesm2022/cdek-it-angular-ui-kit-components-tieredmenu.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cdek-it-angular-ui-kit-components-tieredmenu.mjs","sources":["../../src/lib/components/tieredmenu/tieredmenu.component.ts","../../src/lib/components/tieredmenu/cdek-it-angular-ui-kit-components-tieredmenu.ts"],"sourcesContent":["import { AfterViewChecked, ChangeDetectionStrategy, Component, ElementRef, HostListener, Input } from '@angular/core';\nimport { TieredMenu } from 'primeng/tieredmenu';\nimport { ~~MenuItem~~ } from '~~primeng~~/~~api~~';\n\n@Component({\n selector: 'extra-tieredmenu',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [TieredMenu],\n template: ~~`\n~~ <p-tieredmenu\n [model]=\"model\"\n [autoDisplay]=\"autoDisplay\"\n [tabindex]=\"tabindex\"\n ></p-tieredmenu>\n ~~`,\n~~})\nexport class ExtraTieredMenuComponent implements AfterViewChecked {\n @Input() model: ~~MenuItem~~[] = [];\n @Input() autoDisplay = true;\n @Input() tabindex: number \| undefined = undefined;\n\n private activeItemId: string \| null = null;\n\n constructor(private readonly el: ElementRef<HTMLElement>) {}\n\n @HostListener('click', ['$event'])\n onItemClick(event: MouseEvent): void {\n const target = event.target as Element;\n const item = target.closest('.p-tieredmenu-item');\n if (!item) return;\n\n const hasSubmenu = item.querySelector(':scope > .p-tieredmenu-submenu, :scope > [class=\"content-container\"]');\n if (hasSubmenu) return;\n\n this.activeItemId = item.id \|\| null;\n this.applyActiveClass();\n }\n\n ngAfterViewChecked(): void {\n if (this.activeItemId) {\n this.applyActiveClass();\n }\n }\n\n private applyActiveClass(): void {\n const root = this.el.nativeElement;\n root.querySelectorAll<HTMLElement>('.p-tieredmenu-item-checked')\n .forEach(el => el.classList.remove('p-tieredmenu-item-checked'));\n\n if (this.activeItemId) {\n const active = root.querySelector<HTMLElement>(`#${CSS.escape(this.activeItemId)}`);\n if (active) {\n active.classList.add('p-tieredmenu-item-checked');\n }\n }\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":";;;;~~MAiBa~~,wBAAwB,CAAA;AAON,IAAA,EAAA;IANpB,KAAK,~~GAAe~~,EAAE;~~IACtB~~,WAAW,GAAG,IAAI;IAClB,QAAQ,GAAuB,SAAS;IAEzC,YAAY,GAAkB,IAAI;AAE1C,IAAA,WAAA,CAA6B,EAA2B,EAAA;QAA3B,IAAA,CAAA,EAAE,GAAF,EAAE;IAA4B;AAG3D,IAAA,WAAW,CAAC,KAAiB,EAAA;AAC3B,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAiB;QACtC,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,oBAAoB,CAAC;AACjD,QAAA,IAAI,CAAC,IAAI;YAAE;QAEX,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,uEAAuE,CAAC;AAC9G,QAAA,IAAI,UAAU;YAAE;QAEhB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,EAAE,IAAI,IAAI;QACnC,IAAI,CAAC,gBAAgB,EAAE;IACzB;IAEA,kBAAkB,GAAA;AAChB,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,gBAAgB,EAAE;QACzB;IACF;IAEQ,gBAAgB,GAAA;AACtB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa;~~AAClC~~,~~QAAA,IAAI,CAAC,~~gBAAgB,CAAc,4BAA4B;~~AAC5D~~,aAAA,OAAO,CAAC,EAAE,~~IAAI~~,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,2BAA2B,CAAC,CAAC;~~AAElE~~,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAc,CAAA,CAAA,EAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA,CAAE,CAAC;YACnF,IAAI,MAAM,EAAE;AACV,gBAAA,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,2BAA2B,CAAC;YACnD;QACF;IACF;~~wGAvCW~~,wBAAwB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;~~AAAxB~~,~~IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,~~wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~EARzB;;;;;;AAMT~~,~~EAAA,~~CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,~~EAPS~~,UAAU,EAAA,QAAA,EAAA,2CAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,aAAA,EAAA,uBAAA,EAAA,uBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;~~4FAST~~,wBAAwB,EAAA,UAAA,EAAA,CAAA;~~kBAbpC~~,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,UAAU,CAAC;AACrB,oBAAA,QAAQ,EAAE~~;;;;;;AAMT~~,~~EAAA~~,~~CAAA~~;~~AACF~~,iBAAA;;sBAEE;;sBACA;;sBACA;;sBAMA,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;;;~~AC1BnC~~;;AAEG;;;;"}
1	+ {"version":3,"file":"cdek-it-angular-ui-kit-components-tieredmenu.mjs","sources":["../../src/lib/components/tieredmenu/tieredmenu.component.ts","../../src/lib/components/tieredmenu/cdek-it-angular-ui-kit-components-tieredmenu.ts"],"sourcesContent":["import { AfterViewChecked, ChangeDetectionStrategy, Component, ElementRef, HostListener, Input } from '@angular/core';\nimport { TieredMenu } from 'primeng/tieredmenu';\nimport { ExtraMenuItem } from '@cdek-it/angular-ui-kit/shared';\n\n@Component({\n selector: 'extra-tieredmenu',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [TieredMenu],\n template: ` <p-tieredmenu [model]=\"model\" [autoDisplay]=\"autoDisplay\" [tabindex]=\"tabindex\"></p-tieredmenu> `\n})\nexport class ExtraTieredMenuComponent implements AfterViewChecked {\n @Input() model: ExtraMenuItem[] = [];\n @Input() autoDisplay = true;\n @Input() tabindex: number \| undefined = undefined;\n\n private activeItemId: string \| null = null;\n\n constructor(private readonly el: ElementRef<HTMLElement>) {}\n\n @HostListener('click', ['$event'])\n onItemClick(event: MouseEvent): void {\n const target = event.target as Element;\n const item = target.closest('.p-tieredmenu-item');\n if (!item) return;\n\n const hasSubmenu = item.querySelector(':scope > .p-tieredmenu-submenu, :scope > [class=\"content-container\"]');\n if (hasSubmenu) return;\n\n this.activeItemId = item.id \|\| null;\n this.applyActiveClass();\n }\n\n ngAfterViewChecked(): void {\n if (this.activeItemId) {\n this.applyActiveClass();\n }\n }\n\n private applyActiveClass(): void {\n const root = this.el.nativeElement;\n root\n .querySelectorAll<HTMLElement>('.p-tieredmenu-item-checked')\n .forEach((el) => el.classList.remove('p-tieredmenu-item-checked'));\n\n if (this.activeItemId) {\n const active = root.querySelector<HTMLElement>(`#${CSS.escape(this.activeItemId)}`);\n if (active) {\n active.classList.add('p-tieredmenu-item-checked');\n }\n }\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/cdek-it-angular-ui-kit-components-timeline.mjs CHANGED Viewed

@@ -1,10 +1,34 @@
 import * as i0 from '@angular/core';
-import { ContentChild, HostBinding, Input, Component } from '@angular/core';
+import { Directive, TemplateRef, ContentChild, HostBinding, Input, Component } from '@angular/core';
 import { Timeline } from 'primeng/timeline';
 import * as i1 from 'primeng/api';
 import { SharedModule } from 'primeng/api';
-import { NgIf, NgTemplateOutlet } from '@angular/common';
+import { NgTemplateOutlet } from '@angular/common';
+class ExtraTimelineContentDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTimelineContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: ExtraTimelineContentDirective, isStandalone: true, selector: "[extraTimelineContent]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTimelineContentDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[extraTimelineContent]', standalone: true }]
+        }] });
+class ExtraTimelineOppositeDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTimelineOppositeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: ExtraTimelineOppositeDirective, isStandalone: true, selector: "[extraTimelineOpposite]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTimelineOppositeDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[extraTimelineOpposite]', standalone: true }]
+        }] });
+class ExtraTimelineMarkerDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTimelineMarkerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: ExtraTimelineMarkerDirective, isStandalone: true, selector: "[extraTimelineMarker]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTimelineMarkerDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[extraTimelineMarker]', standalone: true }]
+        }] });
 class ExtraTimelineComponent {
     value = [];
     align = 'left';
@@ -13,18 +37,18 @@ class ExtraTimelineComponent {
     line = 'solid';
     icon = '';
     markerColor = '';
-    get dataLine() { return this.line; }
-    get markerColorVar() { return this.markerColor || null; }
+    get dataLine() {
+        return this.line;
+    }
+    get markerColorVar() {
+        return this.markerColor || null;
+    }
     contentTemplate;
     oppositeTemplate;
     markerTemplate;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ExtraTimelineComponent, isStandalone: true, selector: "extra-timeline", inputs: { value: "value", align: "align", layout: "layout", showCaption: "showCaption", line: "line", icon: "icon", markerColor: "markerColor" }, host: { properties: { "attr.data-line": "this.dataLine", "style.--timeline-marker-color": "this.markerColorVar" } }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ["content"], descendants: true }, { propertyName: "oppositeTemplate", first: true, predicate: ["opposite"], descendants: true }, { propertyName: "markerTemplate", first: true, predicate: ["marker"], descendants: true }], ngImport: i0, template: `
-    <p-timeline
-      [value]="value"
-      [align]="align"
-      [layout]="layout"
-    >
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ExtraTimelineComponent, isStandalone: true, selector: "extra-timeline", inputs: { value: "value", align: "align", layout: "layout", showCaption: "showCaption", line: "line", icon: "icon", markerColor: "markerColor" }, host: { properties: { "attr.data-line": "this.dataLine", "style.--timeline-marker-color": "this.markerColorVar" } }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ExtraTimelineContentDirective, descendants: true, read: TemplateRef }, { propertyName: "oppositeTemplate", first: true, predicate: ExtraTimelineOppositeDirective, descendants: true, read: TemplateRef }, { propertyName: "markerTemplate", first: true, predicate: ExtraTimelineMarkerDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: `
+    <p-timeline [value]="value" [align]="align" [layout]="layout">
       <ng-template pTemplate="content" let-event>
         <ng-container
           *ngTemplateOutlet="contentTemplate || defaultContent; context: { $implicit: event }"
@@ -32,43 +56,41 @@ class ExtraTimelineComponent {
       </ng-template>
       <ng-template pTemplate="opposite" let-event>
-        <ng-container *ngIf="showCaption">
-          <ng-container *ngIf="oppositeTemplate; else emptyOpposite">
+        @if (showCaption) {
+          @if (oppositeTemplate) {
             <ng-container *ngTemplateOutlet="oppositeTemplate; context: { $implicit: event }"></ng-container>
-          </ng-container>
-          <ng-template #emptyOpposite><span>&nbsp;</span></ng-template>
-        </ng-container>
+          } @else {
+            <span>&nbsp;</span>
+          }
+        }
       </ng-template>
-      <ng-template *ngIf="markerTemplate || icon" pTemplate="marker" let-event>
-        <ng-container *ngIf="markerTemplate; else defaultMarker">
-          <ng-container *ngTemplateOutlet="markerTemplate; context: { $implicit: event }"></ng-container>
-        </ng-container>
-        <ng-template #defaultMarker>
-          <span class="p-timeline-event-marker">
-            <i [class]="icon"></i>
-          </span>
+      @if (markerTemplate || icon) {
+        <ng-template pTemplate="marker" let-event>
+          @if (markerTemplate) {
+            <ng-container *ngTemplateOutlet="markerTemplate; context: { $implicit: event }"></ng-container>
+          } @else {
+            <span class="p-timeline-event-marker">
+              <i [class]="icon"></i>
+            </span>
+          }
         </ng-template>
-      </ng-template>
+      }
     </p-timeline>
     <ng-template #defaultContent let-event>
       {{ event }}
     </ng-template>
-  `, isInline: true, dependencies: [{ kind: "component", type: Timeline, selector: "p-timeline", inputs: ["value", "styleClass", "align", "layout"] }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+  `, isInline: true, dependencies: [{ kind: "component", type: Timeline, selector: "p-timeline", inputs: ["value", "styleClass", "align", "layout"] }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTimelineComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'extra-timeline',
                     standalone: true,
-                    imports: [Timeline, SharedModule, NgIf, NgTemplateOutlet],
+                    imports: [Timeline, SharedModule, NgTemplateOutlet],
                     template: `
-    <p-timeline
-      [value]="value"
-      [align]="align"
-      [layout]="layout"
-    >
+    <p-timeline [value]="value" [align]="align" [layout]="layout">
       <ng-template pTemplate="content" let-event>
         <ng-container
           *ngTemplateOutlet="contentTemplate || defaultContent; context: { $implicit: event }"
@@ -76,30 +98,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
       </ng-template>
       <ng-template pTemplate="opposite" let-event>
-        <ng-container *ngIf="showCaption">
-          <ng-container *ngIf="oppositeTemplate; else emptyOpposite">
+        @if (showCaption) {
+          @if (oppositeTemplate) {
             <ng-container *ngTemplateOutlet="oppositeTemplate; context: { $implicit: event }"></ng-container>
-          </ng-container>
-          <ng-template #emptyOpposite><span>&nbsp;</span></ng-template>
-        </ng-container>
+          } @else {
+            <span>&nbsp;</span>
+          }
+        }
       </ng-template>
-      <ng-template *ngIf="markerTemplate || icon" pTemplate="marker" let-event>
-        <ng-container *ngIf="markerTemplate; else defaultMarker">
-          <ng-container *ngTemplateOutlet="markerTemplate; context: { $implicit: event }"></ng-container>
-        </ng-container>
-        <ng-template #defaultMarker>
-          <span class="p-timeline-event-marker">
-            <i [class]="icon"></i>
-          </span>
+      @if (markerTemplate || icon) {
+        <ng-template pTemplate="marker" let-event>
+          @if (markerTemplate) {
+            <ng-container *ngTemplateOutlet="markerTemplate; context: { $implicit: event }"></ng-container>
+          } @else {
+            <span class="p-timeline-event-marker">
+              <i [class]="icon"></i>
+            </span>
+          }
         </ng-template>
-      </ng-template>
+      }
     </p-timeline>
     <ng-template #defaultContent let-event>
       {{ event }}
     </ng-template>
-  `,
+  `
                 }]
         }], propDecorators: { value: [{
                 type: Input
@@ -123,18 +147,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 args: ['style.--timeline-marker-color']
             }], contentTemplate: [{
                 type: ContentChild,
-                args: ['content']
+                args: [ExtraTimelineContentDirective, { read: TemplateRef }]
             }], oppositeTemplate: [{
                 type: ContentChild,
-                args: ['opposite']
+                args: [ExtraTimelineOppositeDirective, { read: TemplateRef }]
             }], markerTemplate: [{
                 type: ContentChild,
-                args: ['marker']
+                args: [ExtraTimelineMarkerDirective, { read: TemplateRef }]
             }] } });
 /**
  * Generated bundle index. Do not edit.
  */
-export { ExtraTimelineComponent };
+export { ExtraTimelineComponent, ExtraTimelineContentDirective, ExtraTimelineMarkerDirective, ExtraTimelineOppositeDirective };
 //# sourceMappingURL=cdek-it-angular-ui-kit-components-timeline.mjs.map

package/fesm2022/cdek-it-angular-ui-kit-components-timeline.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cdek-it-angular-ui-kit-components-timeline.mjs","sources":["../../src/lib/components/timeline/timeline.component.ts","../../src/lib/components/timeline/cdek-it-angular-ui-kit-components-timeline.ts"],"sourcesContent":["import { Component, ~~Input,~~ ContentChild, ~~TemplateRef~~, HostBinding } from '@angular/core';\nimport { Timeline } from 'primeng/timeline';\nimport { SharedModule } from 'primeng/api';\nimport { ~~NgIf,~~ NgTemplateOutlet } from '@angular/common';\n\nexport type ~~TimelineLine~~ = 'solid' \| 'dashed' \| 'dotted' \| 'none';\n\n@Component({\n selector: 'extra-timeline',\n standalone: true,\n imports: [Timeline, SharedModule, ~~NgIf,~~ NgTemplateOutlet],\n template: `\n <p-timeline\n [value]=\"value\"\n [align]=\"align\"\n [layout]=\"layout\"\n >\n <ng-template pTemplate=\"content\" let-event>\n <ng-container\n ngTemplateOutlet=\"contentTemplate \|\| defaultContent; context: { $implicit: event }\"\n ></ng-container>\n </ng-template>\n\n <ng-template pTemplate=\"opposite\" let-event>\n ~~<ng-container~~ ngIf=\"showCaption\~~">\~~n ~~<ng-container~~ ngIf=\"oppositeTemplate; ~~else emptyOpposite~~\~~">\~~n <ng-container ngTemplateOutlet=\"oppositeTemplate; context: { $implicit: event }\"></ng-container>\n ~~</ng-container>\~~n <~~ng-template #emptyOpposite><~~span> </span~~></ng-template~~>\n ~~</ng-container>\~~n </ng-template>\n\n ~~<ng-template~~ ngIf=\"markerTemplate \|\| icon\" pTemplate=\"marker\" let-event>\n ~~<ng-container~~ ngIf=\"markerTemplate; ~~else defaultMarker~~\~~">\~~n <ng-container ngTemplateOutlet=\"markerTemplate; context: { $implicit: event }\"></ng-container>\n ~~</ng-container>\n <ng-template~~ ~~#defaultMarker>\~~n <span class=\"p-timeline-event-marker\">\n <i [class]=\"icon\"></i>\n </span>\n </ng-template>\n ~~</ng-template>\~~n </p-timeline>\n\n <ng-template #defaultContent let-event>\n {{ event }}\n </ng-template>\n ~~`,\~~n})\nexport class ExtraTimelineComponent {\n @Input() value: any[] = [];\n @Input() align: 'left' \| 'right' \| 'alternate' \| 'top' \| 'bottom' = 'left';\n @Input() layout: 'vertical' \| 'horizontal' = 'vertical';\n @Input() showCaption: boolean = true;\n @Input() line: ~~TimelineLine~~ = 'solid';\n @Input() icon = '';\n @Input() markerColor = '';\n\n @HostBinding('attr.data-line') get dataLine() { return this.line; }\n @HostBinding('style.--timeline-marker-color') get markerColorVar() { return this.markerColor \|\| null; }\n\n @ContentChild(~~'content'~~) contentTemplate?: TemplateRef<any>;\n @ContentChild(~~'opposite'~~) oppositeTemplate?: TemplateRef<any>;\n @ContentChild(~~'marker'~~) markerTemplate?: TemplateRef<any>;\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":";;;;;;;~~MAiDa~~,sBAAsB,CAAA;IACxB,KAAK,GAAU,EAAE;IACjB,KAAK,GAAsD,MAAM;IACjE,MAAM,GAA8B,UAAU;IAC9C,WAAW,GAAY,IAAI;IAC3B,IAAI,~~GAAiB~~,OAAO;~~IAC5B~~,IAAI,GAAG,EAAE;IACT,WAAW,GAAG,EAAE;~~IAEzB~~,IAAmC,QAAQ,~~KAAK~~,OAAO,IAAI,CAAC,IAAI,~~CAAC~~,~~CAAC;IAClE,~~IAAkD,cAAc,GAAA,~~EAAK~~,OAAO,IAAI,CAAC,WAAW,IAAI,IAAI~~,CAAC,CAAC~~;~~AAE7E~~,IAAA,eAAe;AACd,IAAA,gBAAgB;AAClB,IAAA,cAAc;~~wGAd3B~~,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,+BAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,~~EAAA~~,~~CAAA~~,~~SAAA~~,~~CAAA~~,EAAA,~~WAAA~~,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,~~EAAA~~,~~CAAA~~,~~UAAA~~,~~CAAA~~,EAAA,~~WAAA~~,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,~~EAAA~~,~~CAAA~~,~~QAAA~~,~~CAAA~~,EAAA,~~WAAA~~,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~EAtCvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCT~~,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,~~EArCS~~,QAAQ,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,OAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,~~IAAI,6FAAE,~~gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;~~4FAuC7C~~,sBAAsB,EAAA,UAAA,EAAA,CAAA;~~kBA1ClC~~,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,IAAI;~~oBAChB~~,OAAO,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,~~IAAI,EAAE,~~gBAAgB,CAAC;~~AACzD~~,oBAAA,QAAQ,EAAE~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCT~~,EAAA~~,CAAA~~;AACF,iBAAA;;sBAEE;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBAEA,WAAW;uBAAC,gBAAgB;;~~sBAC5B~~,WAAW;uBAAC,+BAA+B;;~~sBAE3C~~,YAAY;~~uBAAC~~,~~SAAS~~;;~~sBACtB~~,YAAY;~~uBAAC~~,~~UAAU~~;;~~sBACvB~~,YAAY;~~uBAAC~~,~~QAAQ~~;;;~~AC/DxB~~;;AAEG;;;;"}
1	+ {"version":3,"file":"cdek-it-angular-ui-kit-components-timeline.mjs","sources":["../../src/lib/components/timeline/timeline.component.ts","../../src/lib/components/timeline/cdek-it-angular-ui-kit-components-timeline.ts"],"sourcesContent":["import { Component, ContentChild, Directive, HostBinding, Input, TemplateRef } from '@angular/core';\nimport { Timeline } from 'primeng/timeline';\nimport { SharedModule } from 'primeng/api';\nimport { NgTemplateOutlet } from '@angular/common';\n\nexport type ExtraTimelineLine = 'solid' \| 'dashed' \| 'dotted' \| 'none';\n\n@Directive({ selector: '[extraTimelineContent]', standalone: true })\nexport class ExtraTimelineContentDirective {}\n\n@Directive({ selector: '[extraTimelineOpposite]', standalone: true })\nexport class ExtraTimelineOppositeDirective {}\n\n@Directive({ selector: '[extraTimelineMarker]', standalone: true })\nexport class ExtraTimelineMarkerDirective {}\n\n@Component({\n selector: 'extra-timeline',\n standalone: true,\n imports: [Timeline, SharedModule, NgTemplateOutlet],\n template: `\n <p-timeline [value]=\"value\" [align]=\"align\" [layout]=\"layout\">\n <ng-template pTemplate=\"content\" let-event>\n <ng-container\n ngTemplateOutlet=\"contentTemplate \|\| defaultContent; context: { $implicit: event }\"\n ></ng-container>\n </ng-template>\n\n <ng-template pTemplate=\"opposite\" let-event>\n @if (showCaption) {\n @if (oppositeTemplate) {\n <ng-container ngTemplateOutlet=\"oppositeTemplate; context: { $implicit: event }\"></ng-container>\n } @else {\n <span> </span>\n }\n }\n </ng-template>\n\n @if (markerTemplate \|\| icon) {\n <ng-template pTemplate=\"marker\" let-event>\n @if (markerTemplate) {\n <ng-container ngTemplateOutlet=\"markerTemplate; context: { $implicit: event }\"></ng-container>\n } @else {\n <span class=\"p-timeline-event-marker\">\n <i [class]=\"icon\"></i>\n </span>\n }\n </ng-template>\n }\n </p-timeline>\n\n <ng-template #defaultContent let-event>\n {{ event }}\n </ng-template>\n `\n})\nexport class ExtraTimelineComponent {\n @Input() value: any[] = [];\n @Input() align: 'left' \| 'right' \| 'alternate' \| 'top' \| 'bottom' = 'left';\n @Input() layout: 'vertical' \| 'horizontal' = 'vertical';\n @Input() showCaption: boolean = true;\n @Input() line: ExtraTimelineLine = 'solid';\n @Input() icon = '';\n @Input() markerColor = '';\n\n @HostBinding('attr.data-line') get dataLine() {\n return this.line;\n }\n @HostBinding('style.--timeline-marker-color') get markerColorVar() {\n return this.markerColor \|\| null;\n }\n\n @ContentChild(ExtraTimelineContentDirective, { read: TemplateRef }) contentTemplate?: TemplateRef<any>;\n @ContentChild(ExtraTimelineOppositeDirective, { read: TemplateRef }) oppositeTemplate?: TemplateRef<any>;\n @ContentChild(ExtraTimelineMarkerDirective, { read: TemplateRef }) markerTemplate?: TemplateRef<any>;\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}