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

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

@@ -0,0 +1,105 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, Component } from '@angular/core';
+import { Message } from 'primeng/message';
+import { ButtonDirective } from 'primeng/button';
+import * as i1 from 'primeng/api';
+import { SharedModule } from 'primeng/api';
+
+const SEVERITY_ICONS = {
+    info: 'ti ti-info-circle',
+    success: 'ti ti-circle-check',
+    warn: 'ti ti-alert-triangle',
+    error: 'ti ti-alert-circle'
+};
+class ExtraMessageComponent {
+    severity = 'info';
+    summary = '';
+    detail = '';
+    icon = undefined;
+    closable = false;
+    life = undefined;
+    onClose = new EventEmitter();
+    get resolvedIcon() {
+        return this.icon ?? SEVERITY_ICONS[this.severity] ?? 'ti ti-info-circle';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ExtraMessageComponent, isStandalone: true, selector: "extra-message", inputs: { severity: "severity", summary: "summary", detail: "detail", icon: "icon", closable: "closable", life: "life" }, outputs: { onClose: "onClose" }, ngImport: i0, template: `
+    <p-message [severity]="severity" [closable]="false" [life]="life">
+      <ng-template pTemplate="container" let-closeCallback="closeCallback">
+        <div class="p-message-accent-line"></div>
+        <i [class]="resolvedIcon + ' p-message-icon'"></i>
+        <div class="p-message-text">
+          <span class="p-message-summary">{{ summary }}</span>
+          @if (detail) {
+            <div class="p-message-detail">{{ detail }}</div>
+          }
+          <ng-content></ng-content>
+        </div>
+        @if (closable) {
+          <button
+            type="button"
+            pButton
+            [text]="true"
+            icon="ti ti-x"
+            class="p-message-close-button"
+            (click)="closeCallback($event); onClose.emit($event)"
+          ></button>
+        }
+      </ng-template>
+    </p-message>
+  `, isInline: true, dependencies: [{ kind: "component", type: Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "directive", type: ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraMessageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'extra-message',
+                    standalone: true,
+                    imports: [Message, ButtonDirective, SharedModule],
+                    template: `
+    <p-message [severity]="severity" [closable]="false" [life]="life">
+      <ng-template pTemplate="container" let-closeCallback="closeCallback">
+        <div class="p-message-accent-line"></div>
+        <i [class]="resolvedIcon + ' p-message-icon'"></i>
+        <div class="p-message-text">
+          <span class="p-message-summary">{{ summary }}</span>
+          @if (detail) {
+            <div class="p-message-detail">{{ detail }}</div>
+          }
+          <ng-content></ng-content>
+        </div>
+        @if (closable) {
+          <button
+            type="button"
+            pButton
+            [text]="true"
+            icon="ti ti-x"
+            class="p-message-close-button"
+            (click)="closeCallback($event); onClose.emit($event)"
+          ></button>
+        }
+      </ng-template>
+    </p-message>
+  `
+                }]
+        }], propDecorators: { severity: [{
+                type: Input
+            }], summary: [{
+                type: Input
+            }], detail: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], life: [{
+                type: Input
+            }], onClose: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ExtraMessageComponent };
+//# sourceMappingURL=cdek-it-angular-ui-kit-components-message.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cdek-it-angular-ui-kit-components-message.mjs","sources":["../../src/lib/components/message/message.component.ts","../../src/lib/components/message/cdek-it-angular-ui-kit-components-message.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Message } from 'primeng/message';\nimport { ButtonDirective } from 'primeng/button';\nimport { SharedModule } from 'primeng/api';\n\nexport type ExtraMessageSeverity = 'success' | 'info' | 'warn' | 'error' | 'secondary' | 'contrast';\n\nconst SEVERITY_ICONS: Record<string, string> = {\n  info: 'ti ti-info-circle',\n  success: 'ti ti-circle-check',\n  warn: 'ti ti-alert-triangle',\n  error: 'ti ti-alert-circle'\n};\n\n@Component({\n  selector: 'extra-message',\n  standalone: true,\n  imports: [Message, ButtonDirective, SharedModule],\n  template: `\n    <p-message [severity]=\"severity\" [closable]=\"false\" [life]=\"life\">\n      <ng-template pTemplate=\"container\" let-closeCallback=\"closeCallback\">\n        <div class=\"p-message-accent-line\"></div>\n        <i [class]=\"resolvedIcon + ' p-message-icon'\"></i>\n        <div class=\"p-message-text\">\n          <span class=\"p-message-summary\">{{ summary }}</span>\n          @if (detail) {\n            <div class=\"p-message-detail\">{{ detail }}</div>\n          }\n          <ng-content></ng-content>\n        </div>\n        @if (closable) {\n          <button\n            type=\"button\"\n            pButton\n            [text]=\"true\"\n            icon=\"ti ti-x\"\n            class=\"p-message-close-button\"\n            (click)=\"closeCallback($event); onClose.emit($event)\"\n          ></button>\n        }\n      </ng-template>\n    </p-message>\n  `\n})\nexport class ExtraMessageComponent {\n  @Input() severity: ExtraMessageSeverity = 'info';\n  @Input() summary = '';\n  @Input() detail = '';\n  @Input() icon: string | undefined = undefined;\n  @Input() closable = false;\n  @Input() life: number | undefined = undefined;\n\n  @Output() onClose = new EventEmitter<Event>();\n\n  get resolvedIcon(): string {\n    return this.icon ?? SEVERITY_ICONS[this.severity] ?? 'ti ti-info-circle';\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,cAAc,GAA2B;AAC7C,IAAA,IAAI,EAAE,mBAAmB;AACzB,IAAA,OAAO,EAAE,oBAAoB;AAC7B,IAAA,IAAI,EAAE,sBAAsB;AAC5B,IAAA,KAAK,EAAE;CACR;MAgCY,qBAAqB,CAAA;IACvB,QAAQ,GAAyB,MAAM;IACvC,OAAO,GAAG,EAAE;IACZ,MAAM,GAAG,EAAE;IACX,IAAI,GAAuB,SAAS;IACpC,QAAQ,GAAG,KAAK;IAChB,IAAI,GAAuB,SAAS;AAEnC,IAAA,OAAO,GAAG,IAAI,YAAY,EAAS;AAE7C,IAAA,IAAI,YAAY,GAAA;AACd,QAAA,OAAO,IAAI,CAAC,IAAI,IAAI,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,mBAAmB;IAC1E;wGAZW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA1BtB;;;;;;;;;;;;;;;;;;;;;;;;AAwBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAzBS,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,OAAA,EAAA,YAAA,EAAA,UAAA,EAAA,MAAA,EAAA,WAAA,EAAA,MAAA,EAAA,uBAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,eAAe,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,QAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,EAAA,aAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,aAAA,EAAA,UAAA,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,CAAA,EAAA,CAAA;;4FA2BrC,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBA9BjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,OAAO,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,YAAY,CAAC;AACjD,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;AAwBT,EAAA;AACF,iBAAA;;sBAEE;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBAEA;;;ACpDH;;AAEG;;;;"}

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

@@ -0,0 +1,69 @@
+import * as i0 from '@angular/core';
+import { HostBinding, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { MeterGroup } from 'primeng/metergroup';
+
+class ExtraMeterGroupComponent {
+    value = [];
+    orientation = 'horizontal';
+    labelPosition = 'end';
+    labelOrientation = 'horizontal';
+    get hostDisplay() {
+        return this.orientation === 'vertical' ? 'flex' : null;
+    }
+    get hostHeight() {
+        return this.orientation === 'vertical' ? '100%' : null;
+    }
+    get hostFlex() {
+        return this.orientation === 'vertical' ? '1 1 0%' : null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraMeterGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ExtraMeterGroupComponent, isStandalone: true, selector: "extra-metergroup", inputs: { value: "value", orientation: "orientation", labelPosition: "labelPosition", labelOrientation: "labelOrientation" }, host: { properties: { "style.display": "this.hostDisplay", "style.height": "this.hostHeight", "style.flex": "this.hostFlex" } }, ngImport: i0, template: `
+    <p-metergroup
+      [value]="value"
+      [orientation]="orientation"
+      [labelPosition]="labelPosition"
+      [labelOrientation]="labelOrientation"
+    ></p-metergroup>
+  `, isInline: true, dependencies: [{ kind: "component", type: MeterGroup, selector: "p-meterGroup, p-metergroup, p-meter-group", inputs: ["value", "min", "max", "orientation", "labelPosition", "labelOrientation", "styleClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraMeterGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'extra-metergroup',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [MeterGroup],
+                    template: `
+    <p-metergroup
+      [value]="value"
+      [orientation]="orientation"
+      [labelPosition]="labelPosition"
+      [labelOrientation]="labelOrientation"
+    ></p-metergroup>
+  `
+                }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }], labelPosition: [{
+                type: Input
+            }], labelOrientation: [{
+                type: Input
+            }], hostDisplay: [{
+                type: HostBinding,
+                args: ['style.display']
+            }], hostHeight: [{
+                type: HostBinding,
+                args: ['style.height']
+            }], hostFlex: [{
+                type: HostBinding,
+                args: ['style.flex']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ExtraMeterGroupComponent };
+//# sourceMappingURL=cdek-it-angular-ui-kit-components-metergroup.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cdek-it-angular-ui-kit-components-metergroup.mjs","sources":["../../src/lib/components/metergroup/metergroup.component.ts","../../src/lib/components/metergroup/cdek-it-angular-ui-kit-components-metergroup.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { MeterGroup, MeterItem } from 'primeng/metergroup';\n\nexport type ExtraMeterGroupOrientation = 'horizontal' | 'vertical';\nexport type ExtraMeterGroupLabelPosition = 'start' | 'end';\nexport type ExtraMeterGroupLabelOrientation = 'horizontal' | 'vertical';\nexport type ExtraMeterItem = MeterItem;\n\n@Component({\n  selector: 'extra-metergroup',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [MeterGroup],\n  template: `\n    <p-metergroup\n      [value]=\"value\"\n      [orientation]=\"orientation\"\n      [labelPosition]=\"labelPosition\"\n      [labelOrientation]=\"labelOrientation\"\n    ></p-metergroup>\n  `\n})\nexport class ExtraMeterGroupComponent {\n  @Input() value: ExtraMeterItem[] = [];\n  @Input() orientation: ExtraMeterGroupOrientation = 'horizontal';\n  @Input() labelPosition: ExtraMeterGroupLabelPosition = 'end';\n  @Input() labelOrientation: ExtraMeterGroupLabelOrientation = 'horizontal';\n\n  @HostBinding('style.display') get hostDisplay() {\n    return this.orientation === 'vertical' ? 'flex' : null;\n  }\n\n  @HostBinding('style.height') get hostHeight() {\n    return this.orientation === 'vertical' ? '100%' : null;\n  }\n\n  @HostBinding('style.flex') get hostFlex() {\n    return this.orientation === 'vertical' ? '1 1 0%' : null;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;MAsBa,wBAAwB,CAAA;IAC1B,KAAK,GAAqB,EAAE;IAC5B,WAAW,GAA+B,YAAY;IACtD,aAAa,GAAiC,KAAK;IACnD,gBAAgB,GAAoC,YAAY;AAEzE,IAAA,IAAkC,WAAW,GAAA;AAC3C,QAAA,OAAO,IAAI,CAAC,WAAW,KAAK,UAAU,GAAG,MAAM,GAAG,IAAI;IACxD;AAEA,IAAA,IAAiC,UAAU,GAAA;AACzC,QAAA,OAAO,IAAI,CAAC,WAAW,KAAK,UAAU,GAAG,MAAM,GAAG,IAAI;IACxD;AAEA,IAAA,IAA+B,QAAQ,GAAA;AACrC,QAAA,OAAO,IAAI,CAAC,WAAW,KAAK,UAAU,GAAG,QAAQ,GAAG,IAAI;IAC1D;wGAhBW,wBAAwB,EAAA,IAAA,EAAA,EAAA,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,aAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EATzB;;;;;;;AAOT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EARS,UAAU,EAAA,QAAA,EAAA,2CAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,KAAA,EAAA,KAAA,EAAA,aAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAUT,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAdpC,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;;;;;;;AAOT,EAAA;AACF,iBAAA;;sBAEE;;sBACA;;sBACA;;sBACA;;sBAEA,WAAW;uBAAC,eAAe;;sBAI3B,WAAW;uBAAC,cAAc;;sBAI1B,WAAW;uBAAC,YAAY;;;ACpC3B;;AAEG;;;;"}

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

@@ -0,0 +1,95 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, Component } from '@angular/core';
+import { Paginator } from 'primeng/paginator';
+
+class ExtraPaginatorComponent {
+    first = 0;
+    rows = 10;
+    totalRecords = 0;
+    rowsPerPageOptions;
+    currentPageReportTemplate = '{currentPage} из {totalPages}';
+    showCurrentPageReport = false;
+    showFirstLastIcon = true;
+    showJumpToPageDropdown = false;
+    showJumpToPageInput = false;
+    showPageLinks = true;
+    pageLinkSize = 5;
+    alwaysShow = true;
+    onPageChange = new EventEmitter();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ExtraPaginatorComponent, isStandalone: true, selector: "extra-paginator", inputs: { first: "first", rows: "rows", totalRecords: "totalRecords", rowsPerPageOptions: "rowsPerPageOptions", currentPageReportTemplate: "currentPageReportTemplate", showCurrentPageReport: "showCurrentPageReport", showFirstLastIcon: "showFirstLastIcon", showJumpToPageDropdown: "showJumpToPageDropdown", showJumpToPageInput: "showJumpToPageInput", showPageLinks: "showPageLinks", pageLinkSize: "pageLinkSize", alwaysShow: "alwaysShow" }, outputs: { onPageChange: "onPageChange" }, ngImport: i0, template: `
+    <p-paginator
+      [first]="first"
+      [rows]="rows"
+      [totalRecords]="totalRecords"
+      [rowsPerPageOptions]="rowsPerPageOptions"
+      [currentPageReportTemplate]="currentPageReportTemplate"
+      [showCurrentPageReport]="showCurrentPageReport"
+      [showFirstLastIcon]="showFirstLastIcon"
+      [showJumpToPageDropdown]="showJumpToPageDropdown"
+      [showJumpToPageInput]="showJumpToPageInput"
+      [showPageLinks]="showPageLinks"
+      [pageLinkSize]="pageLinkSize"
+      [alwaysShow]="alwaysShow"
+      (onPageChange)="onPageChange.emit($event)"
+    ></p-paginator>
+  `, isInline: true, dependencies: [{ kind: "component", type: Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first", "appendTo"], outputs: ["onPageChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraPaginatorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'extra-paginator',
+                    standalone: true,
+                    imports: [Paginator],
+                    template: `
+    <p-paginator
+      [first]="first"
+      [rows]="rows"
+      [totalRecords]="totalRecords"
+      [rowsPerPageOptions]="rowsPerPageOptions"
+      [currentPageReportTemplate]="currentPageReportTemplate"
+      [showCurrentPageReport]="showCurrentPageReport"
+      [showFirstLastIcon]="showFirstLastIcon"
+      [showJumpToPageDropdown]="showJumpToPageDropdown"
+      [showJumpToPageInput]="showJumpToPageInput"
+      [showPageLinks]="showPageLinks"
+      [pageLinkSize]="pageLinkSize"
+      [alwaysShow]="alwaysShow"
+      (onPageChange)="onPageChange.emit($event)"
+    ></p-paginator>
+  `
+                }]
+        }], propDecorators: { first: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], totalRecords: [{
+                type: Input
+            }], rowsPerPageOptions: [{
+                type: Input
+            }], currentPageReportTemplate: [{
+                type: Input
+            }], showCurrentPageReport: [{
+                type: Input
+            }], showFirstLastIcon: [{
+                type: Input
+            }], showJumpToPageDropdown: [{
+                type: Input
+            }], showJumpToPageInput: [{
+                type: Input
+            }], showPageLinks: [{
+                type: Input
+            }], pageLinkSize: [{
+                type: Input
+            }], alwaysShow: [{
+                type: Input
+            }], onPageChange: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ExtraPaginatorComponent };
+//# sourceMappingURL=cdek-it-angular-ui-kit-components-paginator.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cdek-it-angular-ui-kit-components-paginator.mjs","sources":["../../src/lib/components/paginator/paginator.component.ts","../../src/lib/components/paginator/cdek-it-angular-ui-kit-components-paginator.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Paginator } from 'primeng/paginator';\nimport type { PaginatorState } from 'primeng/types/paginator';\n\nexport type ExtraPaginatorState = PaginatorState;\n\n@Component({\n  selector: 'extra-paginator',\n  standalone: true,\n  imports: [Paginator],\n  template: `\n    <p-paginator\n      [first]=\"first\"\n      [rows]=\"rows\"\n      [totalRecords]=\"totalRecords\"\n      [rowsPerPageOptions]=\"rowsPerPageOptions\"\n      [currentPageReportTemplate]=\"currentPageReportTemplate\"\n      [showCurrentPageReport]=\"showCurrentPageReport\"\n      [showFirstLastIcon]=\"showFirstLastIcon\"\n      [showJumpToPageDropdown]=\"showJumpToPageDropdown\"\n      [showJumpToPageInput]=\"showJumpToPageInput\"\n      [showPageLinks]=\"showPageLinks\"\n      [pageLinkSize]=\"pageLinkSize\"\n      [alwaysShow]=\"alwaysShow\"\n      (onPageChange)=\"onPageChange.emit($event)\"\n    ></p-paginator>\n  `\n})\nexport class ExtraPaginatorComponent {\n  @Input() first = 0;\n  @Input() rows = 10;\n  @Input() totalRecords = 0;\n  @Input() rowsPerPageOptions: any[] | undefined;\n  @Input() currentPageReportTemplate = '{currentPage} из {totalPages}';\n  @Input() showCurrentPageReport = false;\n  @Input() showFirstLastIcon = true;\n  @Input() showJumpToPageDropdown = false;\n  @Input() showJumpToPageInput = false;\n  @Input() showPageLinks = true;\n  @Input() pageLinkSize = 5;\n  @Input() alwaysShow = true;\n  @Output() onPageChange = new EventEmitter<ExtraPaginatorState>();\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;MA4Ba,uBAAuB,CAAA;IACzB,KAAK,GAAG,CAAC;IACT,IAAI,GAAG,EAAE;IACT,YAAY,GAAG,CAAC;AAChB,IAAA,kBAAkB;IAClB,yBAAyB,GAAG,+BAA+B;IAC3D,qBAAqB,GAAG,KAAK;IAC7B,iBAAiB,GAAG,IAAI;IACxB,sBAAsB,GAAG,KAAK;IAC9B,mBAAmB,GAAG,KAAK;IAC3B,aAAa,GAAG,IAAI;IACpB,YAAY,GAAG,CAAC;IAChB,UAAU,GAAG,IAAI;AAChB,IAAA,YAAY,GAAG,IAAI,YAAY,EAAuB;wGAbrD,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,YAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,yBAAA,EAAA,2BAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,sBAAA,EAAA,wBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,OAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAlBxB;;;;;;;;;;;;;;;;AAgBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAjBS,SAAS,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,YAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,cAAA,EAAA,eAAA,EAAA,sBAAA,EAAA,2BAAA,EAAA,uBAAA,EAAA,mBAAA,EAAA,cAAA,EAAA,MAAA,EAAA,oBAAA,EAAA,wBAAA,EAAA,qBAAA,EAAA,wBAAA,EAAA,eAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAmBR,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAtBnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,SAAS,CAAC;AACpB,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;AAgBT,EAAA;AACF,iBAAA;;sBAEE;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;;ACzCH;;AAEG;;;;"}

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

@@ -0,0 +1,69 @@
+import * as i0 from '@angular/core';
+import { HostListener, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { PanelMenu } from 'primeng/panelmenu';
+
+class ExtraPanelMenuComponent {
+    el;
+    model = [];
+    multiple = false;
+    tabindex = undefined;
+    activeItemId = null;
+    constructor(el) {
+        this.el = el;
+    }
+    onItemClick(event) {
+        const target = event.target;
+        if (target.closest('.p-panelmenu-header'))
+            return;
+        const item = target.closest('.p-panelmenu-item');
+        if (!item)
+            return;
+        this.activeItemId = item.id || null;
+        this.applyActiveClass();
+    }
+    ngAfterViewChecked() {
+        if (this.activeItemId) {
+            this.applyActiveClass();
+        }
+    }
+    applyActiveClass() {
+        const root = this.el.nativeElement;
+        root
+            .querySelectorAll('.p-panelmenu-item-active')
+            .forEach((el) => el.classList.remove('p-panelmenu-item-active'));
+        if (this.activeItemId) {
+            const active = root.querySelector(`#${CSS.escape(this.activeItemId)}`);
+            if (active) {
+                active.classList.add('p-panelmenu-item-active');
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraPanelMenuComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ExtraPanelMenuComponent, isStandalone: true, selector: "extra-panelmenu", inputs: { model: "model", multiple: "multiple", tabindex: "tabindex" }, host: { listeners: { "click": "onItemClick($event)" } }, ngImport: i0, template: ` <p-panelmenu [model]="model" [multiple]="multiple" [tabindex]="tabindex"></p-panelmenu> `, isInline: true, dependencies: [{ kind: "component", type: PanelMenu, selector: "p-panelMenu, p-panelmenu, p-panel-menu", inputs: ["model", "styleClass", "multiple", "transitionOptions", "id", "tabindex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraPanelMenuComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'extra-panelmenu',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [PanelMenu],
+                    template: ` <p-panelmenu [model]="model" [multiple]="multiple" [tabindex]="tabindex"></p-panelmenu> `
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { model: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], tabindex: [{
+                type: Input
+            }], onItemClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ExtraPanelMenuComponent };
+//# sourceMappingURL=cdek-it-angular-ui-kit-components-panelmenu.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cdek-it-angular-ui-kit-components-panelmenu.mjs","sources":["../../src/lib/components/panelmenu/panelmenu.component.ts","../../src/lib/components/panelmenu/cdek-it-angular-ui-kit-components-panelmenu.ts"],"sourcesContent":["import { AfterViewChecked, ChangeDetectionStrategy, Component, ElementRef, HostListener, Input } from '@angular/core';\nimport { PanelMenu } from 'primeng/panelmenu';\nimport { ExtraMenuItem } from '@cdek-it/angular-ui-kit/shared';\n\n@Component({\n  selector: 'extra-panelmenu',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [PanelMenu],\n  template: ` <p-panelmenu [model]=\"model\" [multiple]=\"multiple\" [tabindex]=\"tabindex\"></p-panelmenu> `\n})\nexport class ExtraPanelMenuComponent implements AfterViewChecked {\n  @Input() model: ExtraMenuItem[] = [];\n  @Input() multiple = false;\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\n    if (target.closest('.p-panelmenu-header')) return;\n\n    const item = target.closest('.p-panelmenu-item');\n    if (!item) 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-panelmenu-item-active')\n      .forEach((el) => el.classList.remove('p-panelmenu-item-active'));\n\n    if (this.activeItemId) {\n      const active = root.querySelector<HTMLElement>(`#${CSS.escape(this.activeItemId)}`);\n      if (active) {\n        active.classList.add('p-panelmenu-item-active');\n      }\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;MAWa,uBAAuB,CAAA;AAOL,IAAA,EAAA;IANpB,KAAK,GAAoB,EAAE;IAC3B,QAAQ,GAAG,KAAK;IAChB,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;AAEtC,QAAA,IAAI,MAAM,CAAC,OAAO,CAAC,qBAAqB,CAAC;YAAE;QAE3C,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,mBAAmB,CAAC;AAChD,QAAA,IAAI,CAAC,IAAI;YAAE;QAEX,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;QAClC;aACG,gBAAgB,CAAc,0BAA0B;AACxD,aAAA,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,yBAAyB,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,yBAAyB,CAAC;YACjD;QACF;IACF;wGAxCW,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAFxB,CAAA,yFAAA,CAA2F,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAD3F,SAAS,EAAA,QAAA,EAAA,wCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,IAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAGR,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAPnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,SAAS,CAAC;AACpB,oBAAA,QAAQ,EAAE,CAAA,yFAAA;AACX,iBAAA;;sBAEE;;sBACA;;sBACA;;sBAMA,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;;;ACpBnC;;AAEG;;;;"}

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

@@ -0,0 +1,258 @@
+import * as i0 from '@angular/core';
+import { Directive, EventEmitter, TemplateRef, forwardRef, Output, Input, ContentChild, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { NgTemplateOutlet } from '@angular/common';
+import { Password } from 'primeng/password';
+import { PrimeTemplate } from 'primeng/api';
+import { FloatLabel } from 'primeng/floatlabel';
+
+class ExtraPasswordHeaderDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraPasswordHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: ExtraPasswordHeaderDirective, isStandalone: true, selector: "[extraPasswordHeader]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraPasswordHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[extraPasswordHeader]', standalone: true }]
+        }] });
+class ExtraPasswordFooterDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraPasswordFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: ExtraPasswordFooterDirective, isStandalone: true, selector: "[extraPasswordFooter]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraPasswordFooterDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[extraPasswordFooter]', standalone: true }]
+        }] });
+class ExtraPasswordComponent {
+    headerTemplate = null;
+    footerTemplate = null;
+    feedback = true;
+    toggleMask = false;
+    disabled = false;
+    placeholder = undefined;
+    size = 'base';
+    variant = 'outlined';
+    fluid = false;
+    invalid = false;
+    floatLabel = false;
+    label = '';
+    promptLabel = 'Введите пароль';
+    weakLabel = 'Слабый';
+    mediumLabel = 'Средний';
+    strongLabel = 'Надёжный';
+    inputId = undefined;
+    inputStyleClass = undefined;
+    ariaLabel = undefined;
+    ariaLabelledBy = undefined;
+    appendTo = 'body';
+    autofocus = false;
+    onFocus = new EventEmitter();
+    onBlur = new EventEmitter();
+    get sizeClass() {
+        if (this.size === 'small')
+            return 'p-inputtext-sm';
+        if (this.size === 'large')
+            return 'p-inputtext-lg';
+        if (this.size === 'xlarge')
+            return 'p-inputtext-lg p-inputtext-xlg';
+        return '';
+    }
+    get computedInputStyleClass() {
+        return [this.sizeClass, this.inputStyleClass].filter(Boolean).join(' ');
+    }
+    modelValue = null;
+    _onChange = () => { };
+    _onTouched = () => { };
+    handleChange(value) {
+        this.modelValue = value;
+        this._onChange(value);
+        this._onTouched();
+    }
+    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: ExtraPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ExtraPasswordComponent, isStandalone: true, selector: "extra-password", inputs: { feedback: "feedback", toggleMask: "toggleMask", disabled: "disabled", placeholder: "placeholder", size: "size", variant: "variant", fluid: "fluid", invalid: "invalid", floatLabel: "floatLabel", label: "label", promptLabel: "promptLabel", weakLabel: "weakLabel", mediumLabel: "mediumLabel", strongLabel: "strongLabel", inputId: "inputId", inputStyleClass: "inputStyleClass", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", appendTo: "appendTo", autofocus: "autofocus" }, outputs: { onFocus: "onFocus", onBlur: "onBlur" }, host: { styleAttribute: "display: block" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ExtraPasswordComponent),
+                multi: true
+            }
+        ], queries: [{ propertyName: "headerTemplate", first: true, predicate: ExtraPasswordHeaderDirective, descendants: true, read: TemplateRef }, { propertyName: "footerTemplate", first: true, predicate: ExtraPasswordFooterDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: `
+    @if (floatLabel) {
+      <p-floatlabel variant="in">
+        <ng-container *ngTemplateOutlet="passwordTpl"></ng-container>
+        <label [attr.for]="inputId">{{ label }}</label>
+      </p-floatlabel>
+    } @else {
+      <ng-container *ngTemplateOutlet="passwordTpl"></ng-container>
+    }
+
+    <ng-template #passwordTpl>
+      <p-password
+        [ngModel]="modelValue"
+        (ngModelChange)="handleChange($event)"
+        [feedback]="feedback"
+        [toggleMask]="toggleMask"
+        [inputStyleClass]="computedInputStyleClass"
+        [disabled]="disabled"
+        [placeholder]="placeholder"
+        [promptLabel]="promptLabel"
+        [weakLabel]="weakLabel"
+        [mediumLabel]="mediumLabel"
+        [strongLabel]="strongLabel"
+        [variant]="variant"
+        [fluid]="fluid"
+        [invalid]="invalid"
+        [inputId]="inputId"
+        [ariaLabel]="ariaLabel"
+        [ariaLabelledBy]="ariaLabelledBy"
+        [appendTo]="appendTo"
+        [autofocus]="autofocus"
+        (onFocus)="onFocus.emit($event)"
+        (onBlur)="onBlur.emit($event)"
+      >
+        @if (headerTemplate) {
+          <ng-template pTemplate="header">
+            <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
+          </ng-template>
+        }
+        @if (footerTemplate) {
+          <ng-template pTemplate="footer">
+            <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>
+          </ng-template>
+        }
+      </p-password>
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "component", type: Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "toggleMask", "inputStyleClass", "styleClass", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "tabindex", "appendTo"], outputs: ["onFocus", "onBlur", "onClear"] }, { 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"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraPasswordComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'extra-password',
+                    host: { style: 'display: block' },
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [Password, FormsModule, FloatLabel, NgTemplateOutlet, PrimeTemplate],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ExtraPasswordComponent),
+                            multi: true
+                        }
+                    ],
+                    template: `
+    @if (floatLabel) {
+      <p-floatlabel variant="in">
+        <ng-container *ngTemplateOutlet="passwordTpl"></ng-container>
+        <label [attr.for]="inputId">{{ label }}</label>
+      </p-floatlabel>
+    } @else {
+      <ng-container *ngTemplateOutlet="passwordTpl"></ng-container>
+    }
+
+    <ng-template #passwordTpl>
+      <p-password
+        [ngModel]="modelValue"
+        (ngModelChange)="handleChange($event)"
+        [feedback]="feedback"
+        [toggleMask]="toggleMask"
+        [inputStyleClass]="computedInputStyleClass"
+        [disabled]="disabled"
+        [placeholder]="placeholder"
+        [promptLabel]="promptLabel"
+        [weakLabel]="weakLabel"
+        [mediumLabel]="mediumLabel"
+        [strongLabel]="strongLabel"
+        [variant]="variant"
+        [fluid]="fluid"
+        [invalid]="invalid"
+        [inputId]="inputId"
+        [ariaLabel]="ariaLabel"
+        [ariaLabelledBy]="ariaLabelledBy"
+        [appendTo]="appendTo"
+        [autofocus]="autofocus"
+        (onFocus)="onFocus.emit($event)"
+        (onBlur)="onBlur.emit($event)"
+      >
+        @if (headerTemplate) {
+          <ng-template pTemplate="header">
+            <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
+          </ng-template>
+        }
+        @if (footerTemplate) {
+          <ng-template pTemplate="footer">
+            <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>
+          </ng-template>
+        }
+      </p-password>
+    </ng-template>
+  `
+                }]
+        }], propDecorators: { headerTemplate: [{
+                type: ContentChild,
+                args: [ExtraPasswordHeaderDirective, { read: TemplateRef }]
+            }], footerTemplate: [{
+                type: ContentChild,
+                args: [ExtraPasswordFooterDirective, { read: TemplateRef }]
+            }], feedback: [{
+                type: Input
+            }], toggleMask: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], fluid: [{
+                type: Input
+            }], invalid: [{
+                type: Input
+            }], floatLabel: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], promptLabel: [{
+                type: Input
+            }], weakLabel: [{
+                type: Input
+            }], mediumLabel: [{
+                type: Input
+            }], strongLabel: [{
+                type: Input
+            }], inputId: [{
+                type: Input
+            }], inputStyleClass: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], ariaLabelledBy: [{
+                type: Input
+            }], appendTo: [{
+                type: Input
+            }], autofocus: [{
+                type: Input
+            }], onFocus: [{
+                type: Output
+            }], onBlur: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ExtraPasswordComponent, ExtraPasswordFooterDirective, ExtraPasswordHeaderDirective };
+//# sourceMappingURL=cdek-it-angular-ui-kit-components-password.mjs.map