@cdek-it/angular-ui-kit 0.0.2 → 0.2.6-test

package/fesm2022/cdek-it-angular-ui-kit-components-select.mjs

@@ -0,0 +1,350 @@
+import * as i0 from '@angular/core';
+import { Directive, inject, Injector, EventEmitter, TemplateRef, forwardRef, Output, ContentChild, Input, Component } from '@angular/core';
+import { NgClass, NgTemplateOutlet } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { NgControl, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Select } from 'primeng/select';
+import { FloatLabel } from 'primeng/floatlabel';
+import { PrimeTemplate } from 'primeng/api';
+
+// export class ExtraAnimationEvent
+class ExtraSelectOptionDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraSelectOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: ExtraSelectOptionDirective, isStandalone: true, selector: "[extraSelectOption]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraSelectOptionDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[extraSelectOption]', standalone: true }]
+        }] });
+class ExtraSelectSelectedItemDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraSelectSelectedItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: ExtraSelectSelectedItemDirective, isStandalone: true, selector: "[extraSelectSelectedItem]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraSelectSelectedItemDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[extraSelectSelectedItem]', standalone: true }]
+        }] });
+class ExtraSelectOptionGroupDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraSelectOptionGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: ExtraSelectOptionGroupDirective, isStandalone: true, selector: "[extraSelectOptionGroup]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraSelectOptionGroupDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[extraSelectOptionGroup]', standalone: true }]
+        }] });
+class ExtraSelectComponent {
+    _injector = inject(Injector);
+    _ngControl = null;
+    ngOnInit() {
+        this._ngControl = this._injector.get(NgControl, null, { self: true, optional: true });
+    }
+    options;
+    optionLabel;
+    optionValue;
+    optionDisabled;
+    optionGroupLabel;
+    optionGroupChildren = 'items';
+    group = false;
+    placeholder = '';
+    size = 'base';
+    filter = false;
+    showClear = false;
+    editable = false;
+    readonly = false;
+    loading = false;
+    inputId;
+    appendTo = 'body';
+    floatLabel = false;
+    label = '';
+    checkmark = true;
+    checkmarkIcon = 'ea5e';
+    emptyMessage = 'Нет данных';
+    emptyFilterMessage = 'Результаты не найдены';
+    optionTemplate = null;
+    selectedItemTemplate = null;
+    optionGroupTemplate = null;
+    disabled = false;
+    modelValue = null;
+    onClear = new EventEmitter();
+    onFilter = new EventEmitter();
+    onShow = new EventEmitter();
+    onHide = new EventEmitter();
+    onFocus = new EventEmitter();
+    onBlur = new EventEmitter();
+    get invalid() {
+        return !!(this._ngControl?.invalid && this._ngControl?.touched);
+    }
+    get primeSize() {
+        if (this.size === 'small')
+            return 'small';
+        if (this.size === 'large')
+            return 'large';
+        return undefined;
+    }
+    get panelStyle() {
+        const char = String.fromCodePoint(parseInt(this.checkmarkIcon, 16));
+        return { '--p-select-checkmark-content': `"${char}"` };
+    }
+    get selectClasses() {
+        return {
+            'p-select-xlg': this.size === 'xlarge',
+            'p-invalid': this.invalid
+        };
+    }
+    _onChange = () => { };
+    _onTouched = () => { };
+    onSelectChange(event) {
+        this.modelValue = event.value;
+        this._onChange(event.value);
+    }
+    handleBlur(event) {
+        this._onTouched();
+        this.onBlur.emit(event);
+    }
+    writeValue(value) {
+        this.modelValue = value ?? null;
+    }
+    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: ExtraSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ExtraSelectComponent, isStandalone: true, selector: "extra-select", inputs: { options: "options", optionLabel: "optionLabel", optionValue: "optionValue", optionDisabled: "optionDisabled", optionGroupLabel: "optionGroupLabel", optionGroupChildren: "optionGroupChildren", group: "group", placeholder: "placeholder", size: "size", filter: "filter", showClear: "showClear", editable: "editable", readonly: "readonly", loading: "loading", inputId: "inputId", appendTo: "appendTo", floatLabel: "floatLabel", label: "label", checkmark: "checkmark", checkmarkIcon: "checkmarkIcon", emptyMessage: "emptyMessage", emptyFilterMessage: "emptyFilterMessage" }, outputs: { onClear: "onClear", onFilter: "onFilter", onShow: "onShow", onHide: "onHide", onFocus: "onFocus", onBlur: "onBlur" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ExtraSelectComponent),
+                multi: true
+            }
+        ], queries: [{ propertyName: "optionTemplate", first: true, predicate: ExtraSelectOptionDirective, descendants: true, read: TemplateRef }, { propertyName: "selectedItemTemplate", first: true, predicate: ExtraSelectSelectedItemDirective, descendants: true, read: TemplateRef }, { propertyName: "optionGroupTemplate", first: true, predicate: ExtraSelectOptionGroupDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: `
+    @if (floatLabel) {
+      <p-floatlabel variant="in">
+        <ng-container *ngTemplateOutlet="selectTpl"></ng-container>
+        <label [attr.for]="inputId">{{ label }}</label>
+      </p-floatlabel>
+    } @else {
+      <ng-container *ngTemplateOutlet="selectTpl"></ng-container>
+    }
+
+    <ng-template #selectTpl>
+      <p-select
+        [ngClass]="selectClasses"
+        [ngModel]="modelValue"
+        [disabled]="disabled"
+        [options]="options"
+        [optionLabel]="optionLabel"
+        [optionValue]="optionValue"
+        [optionDisabled]="optionDisabled"
+        [optionGroupLabel]="optionGroupLabel"
+        [optionGroupChildren]="optionGroupChildren"
+        [group]="group"
+        [placeholder]="placeholder"
+        [filter]="filter"
+        [showClear]="showClear"
+        [editable]="editable"
+        [readonly]="readonly"
+        [loading]="loading"
+        [inputId]="inputId"
+        [appendTo]="appendTo"
+        [size]="primeSize"
+        [checkmark]="checkmark"
+        [panelStyle]="panelStyle"
+        [emptyMessage]="emptyMessage"
+        [emptyFilterMessage]="emptyFilterMessage"
+        (onChange)="onSelectChange($event)"
+        (onClear)="onClear.emit($event)"
+        (onFilter)="onFilter.emit($event)"
+        (onShow)="onShow.emit($event)"
+        (onHide)="onHide.emit($event)"
+        (onFocus)="onFocus.emit($event)"
+        (onBlur)="handleBlur($event)"
+      >
+        @if (optionTemplate) {
+          <ng-template pTemplate="item" let-option>
+            <ng-container
+              [ngTemplateOutlet]="optionTemplate"
+              [ngTemplateOutletContext]="{ $implicit: option }"
+            ></ng-container>
+          </ng-template>
+        }
+        @if (selectedItemTemplate) {
+          <ng-template pTemplate="selectedItem" let-option>
+            <ng-container
+              [ngTemplateOutlet]="selectedItemTemplate"
+              [ngTemplateOutletContext]="{ $implicit: option }"
+            ></ng-container>
+          </ng-template>
+        }
+        @if (optionGroupTemplate) {
+          <ng-template pTemplate="group" let-group>
+            <ng-container
+              [ngTemplateOutlet]="optionGroupTemplate"
+              [ngTemplateOutletContext]="{ $implicit: group }"
+            ></ng-container>
+          </ng-template>
+        }
+      </p-select>
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "component", type: Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: FormsModule }, { 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: FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraSelectComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'extra-select',
+                    standalone: true,
+                    imports: [Select, NgClass, NgTemplateOutlet, PrimeTemplate, FormsModule, FloatLabel],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ExtraSelectComponent),
+                            multi: true
+                        }
+                    ],
+                    template: `
+    @if (floatLabel) {
+      <p-floatlabel variant="in">
+        <ng-container *ngTemplateOutlet="selectTpl"></ng-container>
+        <label [attr.for]="inputId">{{ label }}</label>
+      </p-floatlabel>
+    } @else {
+      <ng-container *ngTemplateOutlet="selectTpl"></ng-container>
+    }
+
+    <ng-template #selectTpl>
+      <p-select
+        [ngClass]="selectClasses"
+        [ngModel]="modelValue"
+        [disabled]="disabled"
+        [options]="options"
+        [optionLabel]="optionLabel"
+        [optionValue]="optionValue"
+        [optionDisabled]="optionDisabled"
+        [optionGroupLabel]="optionGroupLabel"
+        [optionGroupChildren]="optionGroupChildren"
+        [group]="group"
+        [placeholder]="placeholder"
+        [filter]="filter"
+        [showClear]="showClear"
+        [editable]="editable"
+        [readonly]="readonly"
+        [loading]="loading"
+        [inputId]="inputId"
+        [appendTo]="appendTo"
+        [size]="primeSize"
+        [checkmark]="checkmark"
+        [panelStyle]="panelStyle"
+        [emptyMessage]="emptyMessage"
+        [emptyFilterMessage]="emptyFilterMessage"
+        (onChange)="onSelectChange($event)"
+        (onClear)="onClear.emit($event)"
+        (onFilter)="onFilter.emit($event)"
+        (onShow)="onShow.emit($event)"
+        (onHide)="onHide.emit($event)"
+        (onFocus)="onFocus.emit($event)"
+        (onBlur)="handleBlur($event)"
+      >
+        @if (optionTemplate) {
+          <ng-template pTemplate="item" let-option>
+            <ng-container
+              [ngTemplateOutlet]="optionTemplate"
+              [ngTemplateOutletContext]="{ $implicit: option }"
+            ></ng-container>
+          </ng-template>
+        }
+        @if (selectedItemTemplate) {
+          <ng-template pTemplate="selectedItem" let-option>
+            <ng-container
+              [ngTemplateOutlet]="selectedItemTemplate"
+              [ngTemplateOutletContext]="{ $implicit: option }"
+            ></ng-container>
+          </ng-template>
+        }
+        @if (optionGroupTemplate) {
+          <ng-template pTemplate="group" let-group>
+            <ng-container
+              [ngTemplateOutlet]="optionGroupTemplate"
+              [ngTemplateOutletContext]="{ $implicit: group }"
+            ></ng-container>
+          </ng-template>
+        }
+      </p-select>
+    </ng-template>
+  `
+                }]
+        }], propDecorators: { options: [{
+                type: Input
+            }], optionLabel: [{
+                type: Input
+            }], optionValue: [{
+                type: Input
+            }], optionDisabled: [{
+                type: Input
+            }], optionGroupLabel: [{
+                type: Input
+            }], optionGroupChildren: [{
+                type: Input
+            }], group: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], showClear: [{
+                type: Input
+            }], editable: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], inputId: [{
+                type: Input
+            }], appendTo: [{
+                type: Input
+            }], floatLabel: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], checkmark: [{
+                type: Input
+            }], checkmarkIcon: [{
+                type: Input
+            }], emptyMessage: [{
+                type: Input
+            }], emptyFilterMessage: [{
+                type: Input
+            }], optionTemplate: [{
+                type: ContentChild,
+                args: [ExtraSelectOptionDirective, { read: TemplateRef }]
+            }], selectedItemTemplate: [{
+                type: ContentChild,
+                args: [ExtraSelectSelectedItemDirective, { read: TemplateRef }]
+            }], optionGroupTemplate: [{
+                type: ContentChild,
+                args: [ExtraSelectOptionGroupDirective, { read: TemplateRef }]
+            }], onClear: [{
+                type: Output
+            }], onFilter: [{
+                type: Output
+            }], onShow: [{
+                type: Output
+            }], onHide: [{
+                type: Output
+            }], onFocus: [{
+                type: Output
+            }], onBlur: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ExtraSelectComponent, ExtraSelectOptionDirective, ExtraSelectOptionGroupDirective, ExtraSelectSelectedItemDirective };
+//# sourceMappingURL=cdek-it-angular-ui-kit-components-select.mjs.map

package/fesm2022/cdek-it-angular-ui-kit-components-select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cdek-it-angular-ui-kit-components-select.mjs","sources":["../../src/lib/components/select/select.component.ts","../../src/lib/components/select/cdek-it-angular-ui-kit-components-select.ts"],"sourcesContent":["import {\n  Component,\n  ContentChild,\n  Directive,\n  EventEmitter,\n  forwardRef,\n  inject,\n  Injector,\n  Input,\n  OnInit,\n  Output,\n  TemplateRef\n} from '@angular/core';\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';\nimport { Select } from 'primeng/select';\nimport { FloatLabel } from 'primeng/floatlabel';\nimport { PrimeTemplate } from 'primeng/api';\nimport { AnimationEvent as NativeAnimationEvent } from '@angular/animations';\nimport type { SelectChangeEvent, SelectFilterEvent } from 'primeng/types/select';\n\nexport type ExtraSelectSize = 'small' | 'base' | 'large' | 'xlarge';\nexport type ExtraSelectChangeEvent = SelectChangeEvent;\nexport type ExtraSelectFilterEvent = SelectFilterEvent;\n\nexport interface ExtraAnimationEvent extends NativeAnimationEvent {}\n\n// export class ExtraAnimationEvent\n\n@Directive({ selector: '[extraSelectOption]', standalone: true })\nexport class ExtraSelectOptionDirective {}\n\n@Directive({ selector: '[extraSelectSelectedItem]', standalone: true })\nexport class ExtraSelectSelectedItemDirective {}\n\n@Directive({ selector: '[extraSelectOptionGroup]', standalone: true })\nexport class ExtraSelectOptionGroupDirective {}\n\n@Component({\n  selector: 'extra-select',\n  standalone: true,\n  imports: [Select, NgClass, NgTemplateOutlet, PrimeTemplate, FormsModule, FloatLabel],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => ExtraSelectComponent),\n      multi: true\n    }\n  ],\n  template: `\n    @if (floatLabel) {\n      <p-floatlabel variant=\"in\">\n        <ng-container *ngTemplateOutlet=\"selectTpl\"></ng-container>\n        <label [attr.for]=\"inputId\">{{ label }}</label>\n      </p-floatlabel>\n    } @else {\n      <ng-container *ngTemplateOutlet=\"selectTpl\"></ng-container>\n    }\n\n    <ng-template #selectTpl>\n      <p-select\n        [ngClass]=\"selectClasses\"\n        [ngModel]=\"modelValue\"\n        [disabled]=\"disabled\"\n        [options]=\"options\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        [optionDisabled]=\"optionDisabled\"\n        [optionGroupLabel]=\"optionGroupLabel\"\n        [optionGroupChildren]=\"optionGroupChildren\"\n        [group]=\"group\"\n        [placeholder]=\"placeholder\"\n        [filter]=\"filter\"\n        [showClear]=\"showClear\"\n        [editable]=\"editable\"\n        [readonly]=\"readonly\"\n        [loading]=\"loading\"\n        [inputId]=\"inputId\"\n        [appendTo]=\"appendTo\"\n        [size]=\"primeSize\"\n        [checkmark]=\"checkmark\"\n        [panelStyle]=\"panelStyle\"\n        [emptyMessage]=\"emptyMessage\"\n        [emptyFilterMessage]=\"emptyFilterMessage\"\n        (onChange)=\"onSelectChange($event)\"\n        (onClear)=\"onClear.emit($event)\"\n        (onFilter)=\"onFilter.emit($event)\"\n        (onShow)=\"onShow.emit($event)\"\n        (onHide)=\"onHide.emit($event)\"\n        (onFocus)=\"onFocus.emit($event)\"\n        (onBlur)=\"handleBlur($event)\"\n      >\n        @if (optionTemplate) {\n          <ng-template pTemplate=\"item\" let-option>\n            <ng-container\n              [ngTemplateOutlet]=\"optionTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: option }\"\n            ></ng-container>\n          </ng-template>\n        }\n        @if (selectedItemTemplate) {\n          <ng-template pTemplate=\"selectedItem\" let-option>\n            <ng-container\n              [ngTemplateOutlet]=\"selectedItemTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: option }\"\n            ></ng-container>\n          </ng-template>\n        }\n        @if (optionGroupTemplate) {\n          <ng-template pTemplate=\"group\" let-group>\n            <ng-container\n              [ngTemplateOutlet]=\"optionGroupTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: group }\"\n            ></ng-container>\n          </ng-template>\n        }\n      </p-select>\n    </ng-template>\n  `\n})\nexport class ExtraSelectComponent 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() options: any[] | null | undefined;\n  @Input() optionLabel: string | undefined;\n  @Input() optionValue: string | undefined;\n  @Input() optionDisabled: string | undefined;\n  @Input() optionGroupLabel: string | undefined;\n  @Input() optionGroupChildren = 'items';\n  @Input() group = false;\n  @Input() placeholder = '';\n  @Input() size: ExtraSelectSize = 'base';\n  @Input() filter = false;\n  @Input() showClear = false;\n  @Input() editable = false;\n  @Input() readonly = false;\n  @Input() loading = false;\n  @Input() inputId: string | undefined;\n  @Input() appendTo: any = 'body';\n  @Input() floatLabel = false;\n  @Input() label = '';\n  @Input() checkmark = true;\n  @Input() checkmarkIcon = 'ea5e';\n  @Input() emptyMessage = 'Нет данных';\n  @Input() emptyFilterMessage = 'Результаты не найдены';\n  @ContentChild(ExtraSelectOptionDirective, { read: TemplateRef }) optionTemplate: TemplateRef<any> | null = null;\n  @ContentChild(ExtraSelectSelectedItemDirective, { read: TemplateRef }) selectedItemTemplate: TemplateRef<any> | null =\n    null;\n  @ContentChild(ExtraSelectOptionGroupDirective, { read: TemplateRef }) optionGroupTemplate: TemplateRef<any> | null =\n    null;\n\n  disabled = false;\n  modelValue: any = null;\n\n  @Output() onClear = new EventEmitter<Event>();\n  @Output() onFilter = new EventEmitter<ExtraSelectFilterEvent>();\n  @Output() onShow = new EventEmitter<ExtraAnimationEvent>();\n  @Output() onHide = new EventEmitter<ExtraAnimationEvent>();\n  @Output() onFocus = new EventEmitter<Event>();\n  @Output() onBlur = new EventEmitter<Event>();\n\n  get invalid(): boolean {\n    return !!(this._ngControl?.invalid && this._ngControl?.touched);\n  }\n\n  get primeSize(): 'small' | 'large' | undefined {\n    if (this.size === 'small') return 'small';\n    if (this.size === 'large') return 'large';\n    return undefined;\n  }\n\n  get panelStyle(): Record<string, string> {\n    const char = String.fromCodePoint(parseInt(this.checkmarkIcon, 16));\n    return { '--p-select-checkmark-content': `\"${char}\"` };\n  }\n\n  get selectClasses(): Record<string, boolean> {\n    return {\n      'p-select-xlg': this.size === 'xlarge',\n      'p-invalid': this.invalid\n    };\n  }\n\n  private _onChange: (value: any) => void = () => {};\n  private _onTouched: () => void = () => {};\n\n  onSelectChange(event: ExtraSelectChangeEvent): void {\n    this.modelValue = event.value;\n    this._onChange(event.value);\n  }\n\n  handleBlur(event: Event): void {\n    this._onTouched();\n    this.onBlur.emit(event);\n  }\n\n  writeValue(value: any): void {\n    this.modelValue = value ?? null;\n  }\n\n  registerOnChange(fn: (value: any) => 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-skeleton.mjs

@@ -0,0 +1,62 @@
+import * as i0 from '@angular/core';
+import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { Skeleton } from 'primeng/skeleton';
+
+class ExtraSkeletonComponent {
+    shape = 'rectangle';
+    animation = 'wave';
+    width = '100%';
+    height = '1rem';
+    size = undefined;
+    borderRadius = undefined;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ExtraSkeletonComponent, isStandalone: true, selector: "extra-skeleton", inputs: { shape: "shape", animation: "animation", width: "width", height: "height", size: "size", borderRadius: "borderRadius" }, host: { styleAttribute: "display: block" }, ngImport: i0, template: `
+    <p-skeleton
+      [shape]="shape"
+      [animation]="animation"
+      [width]="width"
+      [height]="height"
+      [size]="size"
+      [borderRadius]="borderRadius"
+    ></p-skeleton>
+  `, isInline: true, dependencies: [{ kind: "component", type: Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'extra-skeleton',
+                    host: { style: 'display: block' },
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [Skeleton],
+                    template: `
+    <p-skeleton
+      [shape]="shape"
+      [animation]="animation"
+      [width]="width"
+      [height]="height"
+      [size]="size"
+      [borderRadius]="borderRadius"
+    ></p-skeleton>
+  `
+                }]
+        }], propDecorators: { shape: [{
+                type: Input
+            }], animation: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], borderRadius: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ExtraSkeletonComponent };
+//# sourceMappingURL=cdek-it-angular-ui-kit-components-skeleton.mjs.map

package/fesm2022/cdek-it-angular-ui-kit-components-skeleton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cdek-it-angular-ui-kit-components-skeleton.mjs","sources":["../../src/lib/components/skeleton/skeleton.component.ts","../../src/lib/components/skeleton/cdek-it-angular-ui-kit-components-skeleton.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { Skeleton } from 'primeng/skeleton';\n\nexport type ExtraSkeletonShape = 'rectangle' | 'circle';\nexport type ExtraSkeletonAnimation = 'wave' | 'none';\n\n@Component({\n  selector: 'extra-skeleton',\n  host: { style: 'display: block' },\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [Skeleton],\n  template: `\n    <p-skeleton\n      [shape]=\"shape\"\n      [animation]=\"animation\"\n      [width]=\"width\"\n      [height]=\"height\"\n      [size]=\"size\"\n      [borderRadius]=\"borderRadius\"\n    ></p-skeleton>\n  `\n})\nexport class ExtraSkeletonComponent {\n  @Input() shape: ExtraSkeletonShape = 'rectangle';\n  @Input() animation: ExtraSkeletonAnimation = 'wave';\n  @Input() width = '100%';\n  @Input() height = '1rem';\n  @Input() size: string | undefined = undefined;\n  @Input() borderRadius: string | undefined = undefined;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;MAuBa,sBAAsB,CAAA;IACxB,KAAK,GAAuB,WAAW;IACvC,SAAS,GAA2B,MAAM;IAC1C,KAAK,GAAG,MAAM;IACd,MAAM,GAAG,MAAM;IACf,IAAI,GAAuB,SAAS;IACpC,YAAY,GAAuB,SAAS;wGAN1C,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,SAAA,EAAA,WAAA,EAAA,KAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAXvB;;;;;;;;;AAST,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAVS,QAAQ,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,OAAA,EAAA,WAAA,EAAA,cAAA,EAAA,MAAA,EAAA,OAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAYP,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAjBlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE;AACjC,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,QAAQ,CAAC;AACnB,oBAAA,QAAQ,EAAE;;;;;;;;;AAST,EAAA;AACF,iBAAA;;sBAEE;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;;AC7BH;;AAEG;;;;"}

package/fesm2022/cdek-it-angular-ui-kit-components-slider.mjs

@@ -0,0 +1,124 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, forwardRef, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormControl, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Slider } from 'primeng/slider';
+
+class ExtraSliderComponent {
+    min = 0;
+    max = 100;
+    step = undefined;
+    range = false;
+    orientation = 'horizontal';
+    set disabled(value) {
+        value ? this.control.disable() : this.control.enable();
+    }
+    onSlideEnd = new EventEmitter();
+    control = new FormControl(0, { nonNullable: true });
+    _onChange = () => { };
+    _onTouched = () => { };
+    _sub;
+    constructor() {
+        this._sub = this.control.valueChanges.subscribe((v) => this._onChange(v));
+    }
+    ngOnChanges(changes) {
+        if (changes['range']) {
+            const current = this.control.value;
+            if (this.range && !Array.isArray(current)) {
+                this.control.setValue([this.min, this.max], { emitEvent: false });
+            }
+            else if (!this.range && Array.isArray(current)) {
+                this.control.setValue(current[0], { emitEvent: false });
+            }
+        }
+    }
+    ngOnDestroy() {
+        this._sub.unsubscribe();
+    }
+    writeValue(value) {
+        this.control.setValue(this.normalize(value ?? 0), { emitEvent: false });
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        isDisabled ? this.control.disable() : this.control.enable();
+    }
+    normalize(value) {
+        if (this.range && !Array.isArray(value))
+            return [this.min, this.max];
+        if (!this.range && Array.isArray(value))
+            return value[0];
+        return value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ExtraSliderComponent, isStandalone: true, selector: "extra-slider", inputs: { min: "min", max: "max", step: "step", range: "range", orientation: "orientation", disabled: "disabled" }, outputs: { onSlideEnd: "onSlideEnd" }, host: { styleAttribute: "display: block" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ExtraSliderComponent),
+                multi: true
+            }
+        ], usesOnChanges: true, ngImport: i0, template: `
+    <p-slider
+      [formControl]="control"
+      [min]="min"
+      [max]="max"
+      [step]="step"
+      [range]="range"
+      [orientation]="orientation"
+      (onSlideEnd)="onSlideEnd.emit($event)"
+    ></p-slider>
+  `, isInline: true, dependencies: [{ kind: "component", type: Slider, selector: "p-slider", inputs: ["animate", "min", "max", "orientation", "step", "range", "styleClass", "ariaLabel", "ariaLabelledBy", "tabindex", "autofocus"], outputs: ["onChange", "onSlideEnd"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraSliderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'extra-slider',
+                    host: { style: 'display: block' },
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [Slider, ReactiveFormsModule],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ExtraSliderComponent),
+                            multi: true
+                        }
+                    ],
+                    template: `
+    <p-slider
+      [formControl]="control"
+      [min]="min"
+      [max]="max"
+      [step]="step"
+      [range]="range"
+      [orientation]="orientation"
+      (onSlideEnd)="onSlideEnd.emit($event)"
+    ></p-slider>
+  `
+                }]
+        }], ctorParameters: () => [], propDecorators: { min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], range: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], onSlideEnd: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ExtraSliderComponent };
+//# sourceMappingURL=cdek-it-angular-ui-kit-components-slider.mjs.map

package/fesm2022/cdek-it-angular-ui-kit-components-slider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cdek-it-angular-ui-kit-components-slider.mjs","sources":["../../src/lib/components/slider/slider.component.ts","../../src/lib/components/slider/cdek-it-angular-ui-kit-components-slider.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  forwardRef,\n  Input,\n  OnChanges,\n  OnDestroy,\n  Output,\n  SimpleChanges\n} from '@angular/core';\nimport { ControlValueAccessor, FormControl, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\nimport type { SliderSlideEndEvent } from 'primeng/slider';\nimport { Slider } from 'primeng/slider';\nimport { Subscription } from 'rxjs';\n\nexport type ExtraSliderOrientation = 'horizontal' | 'vertical';\nexport type ExtraSliderSlideEndEvent = SliderSlideEndEvent;\n\n@Component({\n  selector: 'extra-slider',\n  host: { style: 'display: block' },\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [Slider, ReactiveFormsModule],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => ExtraSliderComponent),\n      multi: true\n    }\n  ],\n  template: `\n    <p-slider\n      [formControl]=\"control\"\n      [min]=\"min\"\n      [max]=\"max\"\n      [step]=\"step\"\n      [range]=\"range\"\n      [orientation]=\"orientation\"\n      (onSlideEnd)=\"onSlideEnd.emit($event)\"\n    ></p-slider>\n  `\n})\nexport class ExtraSliderComponent implements ControlValueAccessor, OnChanges, OnDestroy {\n  @Input() min = 0;\n  @Input() max = 100;\n  @Input() step: number | undefined = undefined;\n  @Input() range = false;\n  @Input() orientation: ExtraSliderOrientation = 'horizontal';\n  @Input() set disabled(value: boolean) {\n    value ? this.control.disable() : this.control.enable();\n  }\n  @Output() onSlideEnd = new EventEmitter<ExtraSliderSlideEndEvent>();\n\n  readonly control = new FormControl<number | number[]>(0, { nonNullable: true });\n\n  private _onChange: (value: number | number[]) => void = () => {};\n  private _onTouched: () => void = () => {};\n  private readonly _sub: Subscription;\n\n  constructor() {\n    this._sub = this.control.valueChanges.subscribe((v) => this._onChange(v));\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['range']) {\n      const current = this.control.value;\n      if (this.range && !Array.isArray(current)) {\n        this.control.setValue([this.min, this.max], { emitEvent: false });\n      } else if (!this.range && Array.isArray(current)) {\n        this.control.setValue(current[0], { emitEvent: false });\n      }\n    }\n  }\n\n  ngOnDestroy(): void {\n    this._sub.unsubscribe();\n  }\n\n  writeValue(value: number | number[]): void {\n    this.control.setValue(this.normalize(value ?? 0), { emitEvent: false });\n  }\n\n  registerOnChange(fn: (value: number | number[]) => 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    isDisabled ? this.control.disable() : this.control.enable();\n  }\n\n  private normalize(value: number | number[]): number | number[] {\n    if (this.range && !Array.isArray(value)) return [this.min, this.max];\n    if (!this.range && Array.isArray(value)) return value[0];\n    return value;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}