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

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

@@ -0,0 +1,172 @@
+import * as i0 from '@angular/core';
+import { Directive, EventEmitter, TemplateRef, forwardRef, Output, ContentChild, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Listbox } from 'primeng/listbox';
+import * as i2 from 'primeng/api';
+import { SharedModule } from 'primeng/api';
+import { NgTemplateOutlet } from '@angular/common';
+
+class ExtraListboxItemDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraListboxItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: ExtraListboxItemDirective, isStandalone: true, selector: "[extraListboxItem]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraListboxItemDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[extraListboxItem]', standalone: true }]
+        }] });
+class ExtraListboxComponent {
+    options = [];
+    optionLabel = 'label';
+    optionValue = undefined;
+    multiple = false;
+    filter = false;
+    filterPlaceHolder = undefined;
+    checkmark = false;
+    group = false;
+    optionGroupLabel = undefined;
+    optionGroupChildren = undefined;
+    scrollHeight = '200px';
+    emptyMessage = undefined;
+    itemTemplate = null;
+    onFocus = new EventEmitter();
+    onBlur = new EventEmitter();
+    modelValue = null;
+    _disabled = false;
+    _onChange = () => { };
+    _onTouched = () => { };
+    get isDisabled() {
+        return this._disabled;
+    }
+    onChangeHandler(event) {
+        // Обновляем внутреннее значение и уведомляем форму об изменении.
+        this.modelValue = event.value;
+        this._onChange(event.value);
+    }
+    onBlurHandler(event) {
+        // emit external onBlur and mark control as touched for forms
+        this.onBlur.emit(event);
+        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: ExtraListboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ExtraListboxComponent, isStandalone: true, selector: "extra-listbox", inputs: { options: "options", optionLabel: "optionLabel", optionValue: "optionValue", multiple: "multiple", filter: "filter", filterPlaceHolder: "filterPlaceHolder", checkmark: "checkmark", group: "group", optionGroupLabel: "optionGroupLabel", optionGroupChildren: "optionGroupChildren", scrollHeight: "scrollHeight", emptyMessage: "emptyMessage" }, outputs: { onFocus: "onFocus", onBlur: "onBlur" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ExtraListboxComponent), multi: true }], queries: [{ propertyName: "itemTemplate", first: true, predicate: ExtraListboxItemDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: `
+    <p-listbox
+      [options]="options"
+      [(ngModel)]="modelValue"
+      [optionLabel]="optionLabel"
+      [optionValue]="optionValue"
+      [multiple]="multiple"
+      [filter]="filter"
+      [filterPlaceHolder]="filterPlaceHolder"
+      [checkmark]="checkmark"
+      [group]="group"
+      [optionGroupLabel]="optionGroupLabel"
+      [optionGroupChildren]="optionGroupChildren"
+      [scrollHeight]="scrollHeight"
+      [emptyMessage]="emptyMessage"
+      [disabled]="isDisabled"
+      (onChange)="onChangeHandler($event)"
+      (onFocus)="onFocus.emit($event)"
+      (onBlur)="onBlurHandler($event)"
+    >
+      @if (itemTemplate) {
+        <ng-template pTemplate="item" let-item>
+          <ng-container
+            [ngTemplateOutlet]="itemTemplate"
+            [ngTemplateOutletContext]="{ $implicit: item }"
+          ></ng-container>
+        </ng-template>
+      }
+    </p-listbox>
+  `, isInline: true, dependencies: [{ kind: "component", type: Listbox, selector: "p-listbox, p-listBox, p-list-box", inputs: ["hostName", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "ariaLabel", "selectOnFocus", "searchLocale", "focusOnHover", "filterMessage", "filterFields", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "scrollHeight", "tabindex", "multiple", "styleClass", "listStyle", "listStyleClass", "readonly", "checkbox", "filter", "filterBy", "filterMatchMode", "filterLocale", "metaKeySelection", "dataKey", "showToggleAll", "optionLabel", "optionValue", "optionGroupChildren", "optionGroupLabel", "optionDisabled", "ariaFilterLabel", "filterPlaceHolder", "emptyFilterMessage", "emptyMessage", "group", "options", "filterValue", "selectAll", "striped", "highlightOnSelect", "checkmark", "dragdrop", "dropListData", "fluid"], outputs: ["onChange", "onClick", "onDblClick", "onFilter", "onFocus", "onBlur", "onSelectAllChange", "onLazyLoad", "onDrop"] }, { 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: "ngmodule", type: SharedModule }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraListboxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'extra-listbox',
+                    standalone: true,
+                    imports: [Listbox, FormsModule, SharedModule, NgTemplateOutlet],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ExtraListboxComponent), multi: true }],
+                    template: `
+    <p-listbox
+      [options]="options"
+      [(ngModel)]="modelValue"
+      [optionLabel]="optionLabel"
+      [optionValue]="optionValue"
+      [multiple]="multiple"
+      [filter]="filter"
+      [filterPlaceHolder]="filterPlaceHolder"
+      [checkmark]="checkmark"
+      [group]="group"
+      [optionGroupLabel]="optionGroupLabel"
+      [optionGroupChildren]="optionGroupChildren"
+      [scrollHeight]="scrollHeight"
+      [emptyMessage]="emptyMessage"
+      [disabled]="isDisabled"
+      (onChange)="onChangeHandler($event)"
+      (onFocus)="onFocus.emit($event)"
+      (onBlur)="onBlurHandler($event)"
+    >
+      @if (itemTemplate) {
+        <ng-template pTemplate="item" let-item>
+          <ng-container
+            [ngTemplateOutlet]="itemTemplate"
+            [ngTemplateOutletContext]="{ $implicit: item }"
+          ></ng-container>
+        </ng-template>
+      }
+    </p-listbox>
+  `
+                }]
+        }], propDecorators: { options: [{
+                type: Input
+            }], optionLabel: [{
+                type: Input
+            }], optionValue: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], filterPlaceHolder: [{
+                type: Input
+            }], checkmark: [{
+                type: Input
+            }], group: [{
+                type: Input
+            }], optionGroupLabel: [{
+                type: Input
+            }], optionGroupChildren: [{
+                type: Input
+            }], scrollHeight: [{
+                type: Input
+            }], emptyMessage: [{
+                type: Input
+            }], itemTemplate: [{
+                type: ContentChild,
+                args: [ExtraListboxItemDirective, { read: TemplateRef }]
+            }], onFocus: [{
+                type: Output
+            }], onBlur: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ExtraListboxComponent, ExtraListboxItemDirective };
+//# sourceMappingURL=cdek-it-angular-ui-kit-components-listbox.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cdek-it-angular-ui-kit-components-listbox.mjs","sources":["../../src/lib/components/listbox/listbox.component.ts","../../src/lib/components/listbox/cdek-it-angular-ui-kit-components-listbox.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  Directive,\n  EventEmitter,\n  forwardRef,\n  Input,\n  Output,\n  TemplateRef\n} from '@angular/core';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { Listbox, ListboxChangeEvent } from 'primeng/listbox';\nimport { SharedModule } from 'primeng/api';\nimport { NgTemplateOutlet } from '@angular/common';\n\nexport type ExtraListboxChangeEvent = ListboxChangeEvent;\n\n@Directive({ selector: '[extraListboxItem]', standalone: true })\nexport class ExtraListboxItemDirective {}\n\n@Component({\n  selector: 'extra-listbox',\n  standalone: true,\n  imports: [Listbox, FormsModule, SharedModule, NgTemplateOutlet],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ExtraListboxComponent), multi: true }],\n  template: `\n    <p-listbox\n      [options]=\"options\"\n      [(ngModel)]=\"modelValue\"\n      [optionLabel]=\"optionLabel\"\n      [optionValue]=\"optionValue\"\n      [multiple]=\"multiple\"\n      [filter]=\"filter\"\n      [filterPlaceHolder]=\"filterPlaceHolder\"\n      [checkmark]=\"checkmark\"\n      [group]=\"group\"\n      [optionGroupLabel]=\"optionGroupLabel\"\n      [optionGroupChildren]=\"optionGroupChildren\"\n      [scrollHeight]=\"scrollHeight\"\n      [emptyMessage]=\"emptyMessage\"\n      [disabled]=\"isDisabled\"\n      (onChange)=\"onChangeHandler($event)\"\n      (onFocus)=\"onFocus.emit($event)\"\n      (onBlur)=\"onBlurHandler($event)\"\n    >\n      @if (itemTemplate) {\n        <ng-template pTemplate=\"item\" let-item>\n          <ng-container\n            [ngTemplateOutlet]=\"itemTemplate\"\n            [ngTemplateOutletContext]=\"{ $implicit: item }\"\n          ></ng-container>\n        </ng-template>\n      }\n    </p-listbox>\n  `\n})\nexport class ExtraListboxComponent implements ControlValueAccessor {\n  @Input() options: any[] = [];\n  @Input() optionLabel = 'label';\n  @Input() optionValue: string | undefined = undefined;\n  @Input() multiple = false;\n  @Input() filter = false;\n  @Input() filterPlaceHolder: string | undefined = undefined;\n  @Input() checkmark = false;\n  @Input() group = false;\n  @Input() optionGroupLabel: string | undefined = undefined;\n  @Input() optionGroupChildren: string | undefined = undefined;\n  @Input() scrollHeight = '200px';\n  @Input() emptyMessage: string | undefined = undefined;\n  @ContentChild(ExtraListboxItemDirective, { read: TemplateRef }) itemTemplate: TemplateRef<any> | null = null;\n\n  @Output() onFocus = new EventEmitter<FocusEvent>();\n  @Output() onBlur = new EventEmitter<FocusEvent>();\n\n  protected modelValue: any = null;\n\n  private _disabled = false;\n  private _onChange: (value: any) => void = () => {};\n  private _onTouched: () => void = () => {};\n\n  get isDisabled(): boolean {\n    return this._disabled;\n  }\n\n  onChangeHandler(event: ExtraListboxChangeEvent): void {\n    // Обновляем внутреннее значение и уведомляем форму об изменении.\n    this.modelValue = event.value;\n    this._onChange(event.value);\n  }\n\n  onBlurHandler(event: FocusEvent): void {\n    // emit external onBlur and mark control as touched for forms\n    this.onBlur.emit(event);\n    this._onTouched();\n  }\n\n  writeValue(value: any): void {\n    this.modelValue = value;\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":";;;;;;;;;MAmBa,yBAAyB,CAAA;wGAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBADrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,QAAQ,EAAE,oBAAoB,EAAE,UAAU,EAAE,IAAI,EAAE;;MAwClD,qBAAqB,CAAA;IACvB,OAAO,GAAU,EAAE;IACnB,WAAW,GAAG,OAAO;IACrB,WAAW,GAAuB,SAAS;IAC3C,QAAQ,GAAG,KAAK;IAChB,MAAM,GAAG,KAAK;IACd,iBAAiB,GAAuB,SAAS;IACjD,SAAS,GAAG,KAAK;IACjB,KAAK,GAAG,KAAK;IACb,gBAAgB,GAAuB,SAAS;IAChD,mBAAmB,GAAuB,SAAS;IACnD,YAAY,GAAG,OAAO;IACtB,YAAY,GAAuB,SAAS;IACW,YAAY,GAA4B,IAAI;AAElG,IAAA,OAAO,GAAG,IAAI,YAAY,EAAc;AACxC,IAAA,MAAM,GAAG,IAAI,YAAY,EAAc;IAEvC,UAAU,GAAQ,IAAI;IAExB,SAAS,GAAG,KAAK;AACjB,IAAA,SAAS,GAAyB,MAAK,EAAE,CAAC;AAC1C,IAAA,UAAU,GAAe,MAAK,EAAE,CAAC;AAEzC,IAAA,IAAI,UAAU,GAAA;QACZ,OAAO,IAAI,CAAC,SAAS;IACvB;AAEA,IAAA,eAAe,CAAC,KAA8B,EAAA;;AAE5C,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,KAAK;AAC7B,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC;IAC7B;AAEA,IAAA,aAAa,CAAC,KAAiB,EAAA;;AAE7B,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;QACvB,IAAI,CAAC,UAAU,EAAE;IACnB;AAEA,IAAA,UAAU,CAAC,KAAU,EAAA;AACnB,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK;IACzB;AAEA,IAAA,gBAAgB,CAAC,EAAwB,EAAA;AACvC,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEA,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,UAAU,GAAG,EAAE;IACtB;AAEA,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAClC,QAAA,IAAI,CAAC,SAAS,GAAG,UAAU;IAC7B;wGAtDW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,KAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,YAAA,EAAA,cAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,SAAA,EAhCrB,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,CAAC,MAAM,qBAAqB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EA6ChG,yBAAyB,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAAU,WAAW,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA5ClD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAhCS,OAAO,EAAA,QAAA,EAAA,kCAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,eAAA,EAAA,uBAAA,EAAA,kBAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,eAAA,EAAA,cAAA,EAAA,cAAA,EAAA,eAAA,EAAA,cAAA,EAAA,MAAA,EAAA,eAAA,EAAA,uBAAA,EAAA,sBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,UAAA,EAAA,YAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,SAAA,EAAA,eAAA,EAAA,aAAA,EAAA,aAAA,EAAA,qBAAA,EAAA,kBAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,oBAAA,EAAA,cAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,WAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,cAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,YAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,YAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,sIAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAkCnD,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBArCjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,gBAAgB,CAAC;oBAC/D,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,CAAC,2BAA2B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAC9G,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BT,EAAA;AACF,iBAAA;;sBAEE;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,yBAAyB,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;;sBAE7D;;sBACA;;;AC1EH;;AAEG;;;;"}

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

@@ -1,10 +1,18 @@
 import * as i0 from '@angular/core';
-import { Input, Component } from '@angular/core';
+import { Directive, TemplateRef, ContentChild, Input, Component } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
 import { MegaMenu } from 'primeng/megamenu';
 import { PrimeTemplate } from 'primeng/api';
 import { Badge } from 'primeng/badge';
 
+class ExtraMegaMenuItemDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraMegaMenuItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: ExtraMegaMenuItemDirective, isStandalone: true, selector: "[extraMegaMenuItem]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraMegaMenuItemDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[extraMegaMenuItem]', standalone: true }]
+        }] });
 class ExtraMegaMenuComponent {
     model = [];
     orientation = 'horizontal';
@@ -16,7 +24,7 @@ class ExtraMegaMenuComponent {
     tabindex = 0;
     itemTemplate = null;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraMegaMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ExtraMegaMenuComponent, isStandalone: true, selector: "extra-megamenu", inputs: { model: "model", orientation: "orientation", breakpoint: "breakpoint", scrollHeight: "scrollHeight", disabled: "disabled", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", tabindex: "tabindex", itemTemplate: "itemTemplate" }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ExtraMegaMenuComponent, isStandalone: true, selector: "extra-megamenu", inputs: { model: "model", orientation: "orientation", breakpoint: "breakpoint", scrollHeight: "scrollHeight", disabled: "disabled", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", tabindex: "tabindex" }, host: { styleAttribute: "display: contents" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ExtraMegaMenuItemDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: `
     <p-megamenu
       [model]="model"
       [orientation]="orientation"
@@ -29,8 +37,10 @@ class ExtraMegaMenuComponent {
     >
       <ng-template pTemplate="item" let-item let-hasSubmenu="hasSubmenu">
         @if (itemTemplate) {
-          <ng-container [ngTemplateOutlet]="itemTemplate"
-            [ngTemplateOutletContext]="{ $implicit: item, hasSubmenu: hasSubmenu }">
+          <ng-container
+            [ngTemplateOutlet]="itemTemplate"
+            [ngTemplateOutletContext]="{ $implicit: item, hasSubmenu: hasSubmenu }"
+          >
           </ng-container>
         } @else {
           <a
@@ -84,8 +94,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
     >
       <ng-template pTemplate="item" let-item let-hasSubmenu="hasSubmenu">
         @if (itemTemplate) {
-          <ng-container [ngTemplateOutlet]="itemTemplate"
-            [ngTemplateOutletContext]="{ $implicit: item, hasSubmenu: hasSubmenu }">
+          <ng-container
+            [ngTemplateOutlet]="itemTemplate"
+            [ngTemplateOutletContext]="{ $implicit: item, hasSubmenu: hasSubmenu }"
+          >
           </ng-container>
         } @else {
           <a
@@ -117,7 +129,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
         }
       </ng-template>
     </p-megamenu>
-  `,
+  `
                 }]
         }], propDecorators: { model: [{
                 type: Input
@@ -136,12 +148,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             }], tabindex: [{
                 type: Input
             }], itemTemplate: [{
-                type: Input
+                type: ContentChild,
+                args: [ExtraMegaMenuItemDirective, { read: TemplateRef }]
             }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ExtraMegaMenuComponent };
+export { ExtraMegaMenuComponent, ExtraMegaMenuItemDirective };
 //# sourceMappingURL=cdek-it-angular-ui-kit-components-megamenu.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"cdek-it-angular-ui-kit-components-megamenu.mjs","sources":["../../src/lib/components/megamenu/megamenu.component.ts","../../src/lib/components/megamenu/cdek-it-angular-ui-kit-components-megamenu.ts"],"sourcesContent":["import { Component, Input, TemplateRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { MegaMenu } from 'primeng/megamenu';\nimport { MegaMenuItem, PrimeTemplate } from 'primeng/api';\nimport { Badge } from 'primeng/badge';\n\nexport type MegaMenuOrientation = 'horizontal' | 'vertical';\n\nexport interface MegaMenuModel extends Omit<MegaMenuItem, 'items'> {\n  description?: string;\n  badge?: string;\n  items?: MegaMenuModel[][] | MegaMenuModel[];\n}\n\n@Component({\n  selector: 'extra-megamenu',\n  host: { style: 'display: contents' },\n  standalone: true,\n  imports: [MegaMenu, PrimeTemplate, NgTemplateOutlet, Badge],\n  template: `\n    <p-megamenu\n      [model]=\"model\"\n      [orientation]=\"orientation\"\n      [breakpoint]=\"breakpoint\"\n      [scrollHeight]=\"scrollHeight\"\n      [disabled]=\"disabled\"\n      [ariaLabel]=\"ariaLabel\"\n      [ariaLabelledBy]=\"ariaLabelledBy\"\n      [tabindex]=\"tabindex\"\n    >\n      <ng-template pTemplate=\"item\" let-item let-hasSubmenu=\"hasSubmenu\">\n        @if (itemTemplate) {\n          <ng-container [ngTemplateOutlet]=\"itemTemplate\"\n            [ngTemplateOutletContext]=\"{ $implicit: item, hasSubmenu: hasSubmenu }\">\n          </ng-container>\n        } @else {\n          <a\n            class=\"p-megamenu-item-link\"\n            role=\"menuitem\"\n            tabindex=\"0\"\n            [class.p-disabled]=\"item.disabled\"\n            [attr.href]=\"item.url || null\"\n            [attr.target]=\"item.target || null\"\n          >\n            @if (item.icon) {\n              <span [class]=\"item.icon + ' p-megamenu-item-icon'\"></span>\n            }\n            @if ($any(item).description) {\n              <div class=\"megamenu-item-label\">\n                <span class=\"p-megamenu-item-label\">{{ item.label }}</span>\n                <small class=\"megamenu-item-caption\">{{ $any(item).description }}</small>\n              </div>\n            } @else {\n              <span class=\"p-megamenu-item-label\">{{ item.label }}</span>\n            }\n            @if ($any(item).badge) {\n              <p-badge [value]=\"$any(item).badge\"></p-badge>\n            }\n            @if (hasSubmenu) {\n              <span class=\"p-megamenu-submenu-icon ti ti-chevron-down\"></span>\n            }\n          </a>\n        }\n      </ng-template>\n    </p-megamenu>\n  `,\n})\nexport class ExtraMegaMenuComponent {\n  @Input() model: MegaMenuModel[] = [];\n  @Input() orientation: MegaMenuOrientation = 'horizontal';\n  @Input() breakpoint: string = '960px';\n  @Input() scrollHeight: string = '';\n  @Input() disabled: boolean = false;\n  @Input() ariaLabel: string | undefined = undefined;\n  @Input() ariaLabelledBy: string | undefined = undefined;\n  @Input() tabindex: number = 0;\n  @Input() itemTemplate: TemplateRef<any> | null = null;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;MAmEa,sBAAsB,CAAA;IACxB,KAAK,GAAoB,EAAE;IAC3B,WAAW,GAAwB,YAAY;IAC/C,UAAU,GAAW,OAAO;IAC5B,YAAY,GAAW,EAAE;IACzB,QAAQ,GAAY,KAAK;IACzB,SAAS,GAAuB,SAAS;IACzC,cAAc,GAAuB,SAAS;IAC9C,QAAQ,GAAW,CAAC;IACpB,YAAY,GAA4B,IAAI;wGAT1C,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,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAhDvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EA/CS,QAAQ,EAAA,QAAA,EAAA,qCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,aAAa,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,oJAAE,KAAK,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,WAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAiD/C,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBArDlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE;AACpC,oBAAA,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,gBAAgB,EAAE,KAAK,CAAC;AAC3D,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CT,EAAA,CAAA;AACF,iBAAA;;sBAEE;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;;AC5EH;;AAEG;;;;"}
+{"version":3,"file":"cdek-it-angular-ui-kit-components-megamenu.mjs","sources":["../../src/lib/components/megamenu/megamenu.component.ts","../../src/lib/components/megamenu/cdek-it-angular-ui-kit-components-megamenu.ts"],"sourcesContent":["import { Component, ContentChild, Directive, Input, TemplateRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { MegaMenu } from 'primeng/megamenu';\nimport { MegaMenuItem, PrimeTemplate } from 'primeng/api';\nimport { Badge } from 'primeng/badge';\n\nexport type ExtraMegaMenuOrientation = 'horizontal' | 'vertical';\n\nexport type ExtraMegaMenuItem = MegaMenuItem;\n\n@Directive({ selector: '[extraMegaMenuItem]', standalone: true })\nexport class ExtraMegaMenuItemDirective {}\n\n@Component({\n  selector: 'extra-megamenu',\n  host: { style: 'display: contents' },\n  standalone: true,\n  imports: [MegaMenu, PrimeTemplate, NgTemplateOutlet, Badge],\n  template: `\n    <p-megamenu\n      [model]=\"model\"\n      [orientation]=\"orientation\"\n      [breakpoint]=\"breakpoint\"\n      [scrollHeight]=\"scrollHeight\"\n      [disabled]=\"disabled\"\n      [ariaLabel]=\"ariaLabel\"\n      [ariaLabelledBy]=\"ariaLabelledBy\"\n      [tabindex]=\"tabindex\"\n    >\n      <ng-template pTemplate=\"item\" let-item let-hasSubmenu=\"hasSubmenu\">\n        @if (itemTemplate) {\n          <ng-container\n            [ngTemplateOutlet]=\"itemTemplate\"\n            [ngTemplateOutletContext]=\"{ $implicit: item, hasSubmenu: hasSubmenu }\"\n          >\n          </ng-container>\n        } @else {\n          <a\n            class=\"p-megamenu-item-link\"\n            role=\"menuitem\"\n            tabindex=\"0\"\n            [class.p-disabled]=\"item.disabled\"\n            [attr.href]=\"item.url || null\"\n            [attr.target]=\"item.target || null\"\n          >\n            @if (item.icon) {\n              <span [class]=\"item.icon + ' p-megamenu-item-icon'\"></span>\n            }\n            @if ($any(item).description) {\n              <div class=\"megamenu-item-label\">\n                <span class=\"p-megamenu-item-label\">{{ item.label }}</span>\n                <small class=\"megamenu-item-caption\">{{ $any(item).description }}</small>\n              </div>\n            } @else {\n              <span class=\"p-megamenu-item-label\">{{ item.label }}</span>\n            }\n            @if ($any(item).badge) {\n              <p-badge [value]=\"$any(item).badge\"></p-badge>\n            }\n            @if (hasSubmenu) {\n              <span class=\"p-megamenu-submenu-icon ti ti-chevron-down\"></span>\n            }\n          </a>\n        }\n      </ng-template>\n    </p-megamenu>\n  `\n})\nexport class ExtraMegaMenuComponent {\n  @Input() model: ExtraMegaMenuItem[] = [];\n  @Input() orientation: ExtraMegaMenuOrientation = 'horizontal';\n  @Input() breakpoint: string = '960px';\n  @Input() scrollHeight: string = '';\n  @Input() disabled: boolean = false;\n  @Input() ariaLabel: string | undefined = undefined;\n  @Input() ariaLabelledBy: string | undefined = undefined;\n  @Input() tabindex: number = 0;\n  @ContentChild(ExtraMegaMenuItemDirective, { read: TemplateRef }) itemTemplate: TemplateRef<any> | null = null;\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-menu.mjs

@@ -0,0 +1,114 @@
+import * as i0 from '@angular/core';
+import { Directive, TemplateRef, ContentChild, Input, ViewChild, Component } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { Menu } from 'primeng/menu';
+import { PrimeTemplate } from 'primeng/api';
+
+class ExtraMenuItemDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraMenuItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: ExtraMenuItemDirective, isStandalone: true, selector: "[extraMenuItem]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraMenuItemDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[extraMenuItem]', standalone: true }]
+        }] });
+class ExtraMenuComponent {
+    menuRef;
+    model = [];
+    popup = false;
+    itemTemplate = null;
+    toggle(event) {
+        this.menuRef.toggle(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ExtraMenuComponent, isStandalone: true, selector: "extra-menu", inputs: { model: "model", popup: "popup" }, host: { styleAttribute: "display: contents" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ExtraMenuItemDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "menuRef", first: true, predicate: ["menuRef"], descendants: true }], ngImport: i0, template: `
+    <p-menu #menuRef [model]="model" [popup]="popup" [appendTo]="popup ? 'body' : null">
+      <ng-template pTemplate="item" let-item>
+        @if (itemTemplate) {
+          <ng-container [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ $implicit: item }">
+          </ng-container>
+        } @else {
+          <a
+            class="p-menu-item-link"
+            role="menuitem"
+            tabindex="0"
+            [class.p-disabled]="item.disabled"
+            [attr.href]="item.url || null"
+            [attr.target]="item.target || null"
+            (click)="!item.disabled && item.command && item.command({ originalEvent: $event, item: item })"
+          >
+            @if (item.icon) {
+              <span [class]="item.icon + ' p-menu-item-icon'"></span>
+            }
+            @if ($any(item).caption) {
+              <div class="menu-item-label">
+                <span class="p-menu-item-label">{{ item.label }}</span>
+                <small class="menu-item-caption">{{ $any(item).caption }}</small>
+              </div>
+            } @else {
+              <span class="p-menu-item-label">{{ item.label }}</span>
+            }
+          </a>
+        }
+      </ng-template>
+    </p-menu>
+  `, isInline: true, dependencies: [{ kind: "component", type: Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex", "appendTo"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "directive", type: 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: ExtraMenuComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'extra-menu',
+                    host: { style: 'display: contents' },
+                    standalone: true,
+                    imports: [Menu, PrimeTemplate, NgTemplateOutlet],
+                    template: `
+    <p-menu #menuRef [model]="model" [popup]="popup" [appendTo]="popup ? 'body' : null">
+      <ng-template pTemplate="item" let-item>
+        @if (itemTemplate) {
+          <ng-container [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ $implicit: item }">
+          </ng-container>
+        } @else {
+          <a
+            class="p-menu-item-link"
+            role="menuitem"
+            tabindex="0"
+            [class.p-disabled]="item.disabled"
+            [attr.href]="item.url || null"
+            [attr.target]="item.target || null"
+            (click)="!item.disabled && item.command && item.command({ originalEvent: $event, item: item })"
+          >
+            @if (item.icon) {
+              <span [class]="item.icon + ' p-menu-item-icon'"></span>
+            }
+            @if ($any(item).caption) {
+              <div class="menu-item-label">
+                <span class="p-menu-item-label">{{ item.label }}</span>
+                <small class="menu-item-caption">{{ $any(item).caption }}</small>
+              </div>
+            } @else {
+              <span class="p-menu-item-label">{{ item.label }}</span>
+            }
+          </a>
+        }
+      </ng-template>
+    </p-menu>
+  `
+                }]
+        }], propDecorators: { menuRef: [{
+                type: ViewChild,
+                args: ['menuRef']
+            }], model: [{
+                type: Input
+            }], popup: [{
+                type: Input
+            }], itemTemplate: [{
+                type: ContentChild,
+                args: [ExtraMenuItemDirective, { read: TemplateRef }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ExtraMenuComponent, ExtraMenuItemDirective };
+//# sourceMappingURL=cdek-it-angular-ui-kit-components-menu.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cdek-it-angular-ui-kit-components-menu.mjs","sources":["../../src/lib/components/menu/menu.component.ts","../../src/lib/components/menu/cdek-it-angular-ui-kit-components-menu.ts"],"sourcesContent":["import { Component, ContentChild, Directive, Input, TemplateRef, ViewChild } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { Menu } from 'primeng/menu';\nimport { PrimeTemplate } from 'primeng/api';\nimport { ExtraMenuItem } from '@cdek-it/angular-ui-kit/shared';\n\nexport interface ExtraMenuModel extends ExtraMenuItem {\n  caption?: string;\n}\n\n@Directive({ selector: '[extraMenuItem]', standalone: true })\nexport class ExtraMenuItemDirective {}\n\n@Component({\n  selector: 'extra-menu',\n  host: { style: 'display: contents' },\n  standalone: true,\n  imports: [Menu, PrimeTemplate, NgTemplateOutlet],\n  template: `\n    <p-menu #menuRef [model]=\"model\" [popup]=\"popup\" [appendTo]=\"popup ? 'body' : null\">\n      <ng-template pTemplate=\"item\" let-item>\n        @if (itemTemplate) {\n          <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\">\n          </ng-container>\n        } @else {\n          <a\n            class=\"p-menu-item-link\"\n            role=\"menuitem\"\n            tabindex=\"0\"\n            [class.p-disabled]=\"item.disabled\"\n            [attr.href]=\"item.url || null\"\n            [attr.target]=\"item.target || null\"\n            (click)=\"!item.disabled && item.command && item.command({ originalEvent: $event, item: item })\"\n          >\n            @if (item.icon) {\n              <span [class]=\"item.icon + ' p-menu-item-icon'\"></span>\n            }\n            @if ($any(item).caption) {\n              <div class=\"menu-item-label\">\n                <span class=\"p-menu-item-label\">{{ item.label }}</span>\n                <small class=\"menu-item-caption\">{{ $any(item).caption }}</small>\n              </div>\n            } @else {\n              <span class=\"p-menu-item-label\">{{ item.label }}</span>\n            }\n          </a>\n        }\n      </ng-template>\n    </p-menu>\n  `\n})\nexport class ExtraMenuComponent {\n  @ViewChild('menuRef') menuRef!: Menu;\n\n  @Input() model: ExtraMenuModel[] = [];\n  @Input() popup = false;\n  @ContentChild(ExtraMenuItemDirective, { read: TemplateRef }) itemTemplate: TemplateRef<any> | null = null;\n\n  toggle(event: Event): void {\n    this.menuRef.toggle(event);\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-menubar.mjs

@@ -0,0 +1,88 @@
+import * as i0 from '@angular/core';
+import { Directive, TemplateRef, ContentChild, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { Menubar } from 'primeng/menubar';
+import { PrimeTemplate } from 'primeng/api';
+
+class ExtraMenubarItemDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraMenubarItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: ExtraMenubarItemDirective, isStandalone: true, selector: "[extraMenubarItem]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraMenubarItemDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[extraMenubarItem]', standalone: true }]
+        }] });
+class ExtraMenubarComponent {
+    model = [];
+    itemTemplate = null;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraMenubarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ExtraMenubarComponent, isStandalone: true, selector: "extra-menubar", inputs: { model: "model" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ExtraMenubarItemDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: `
+    <p-menubar [model]="model">
+      <ng-template pTemplate="item" let-item let-hasSubmenu="hasSubmenu" let-root="root">
+        @if (itemTemplate) {
+          <ng-container
+            [ngTemplateOutlet]="itemTemplate"
+            [ngTemplateOutletContext]="{ $implicit: item, hasSubmenu: hasSubmenu, root: root }"
+          ></ng-container>
+        } @else {
+          <a class="p-menubar-item-link flex items-center gap-2">
+            @if (item.icon) {
+              <span [class]="'p-menubar-item-icon ' + item.icon"></span>
+            }
+            <span class="p-menubar-item-label">{{ item.label }}</span>
+            @if (hasSubmenu) {
+              <span
+                [class]="root ? 'p-menubar-submenu-icon ti ti-chevron-down' : 'p-menubar-submenu-icon ti ti-chevron-right'"
+              ></span>
+            }
+          </a>
+        }
+      </ng-template>
+    </p-menubar>
+  `, isInline: true, dependencies: [{ kind: "component", type: Menubar, selector: "p-menubar", inputs: ["model", "styleClass", "autoZIndex", "baseZIndex", "autoDisplay", "autoHide", "breakpoint", "autoHideDelay", "id", "ariaLabel", "ariaLabelledBy"], outputs: ["onFocus", "onBlur"] }, { kind: "directive", type: PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraMenubarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'extra-menubar',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [Menubar, PrimeTemplate, NgTemplateOutlet],
+                    template: `
+    <p-menubar [model]="model">
+      <ng-template pTemplate="item" let-item let-hasSubmenu="hasSubmenu" let-root="root">
+        @if (itemTemplate) {
+          <ng-container
+            [ngTemplateOutlet]="itemTemplate"
+            [ngTemplateOutletContext]="{ $implicit: item, hasSubmenu: hasSubmenu, root: root }"
+          ></ng-container>
+        } @else {
+          <a class="p-menubar-item-link flex items-center gap-2">
+            @if (item.icon) {
+              <span [class]="'p-menubar-item-icon ' + item.icon"></span>
+            }
+            <span class="p-menubar-item-label">{{ item.label }}</span>
+            @if (hasSubmenu) {
+              <span
+                [class]="root ? 'p-menubar-submenu-icon ti ti-chevron-down' : 'p-menubar-submenu-icon ti ti-chevron-right'"
+              ></span>
+            }
+          </a>
+        }
+      </ng-template>
+    </p-menubar>
+  `
+                }]
+        }], propDecorators: { model: [{
+                type: Input
+            }], itemTemplate: [{
+                type: ContentChild,
+                args: [ExtraMenubarItemDirective, { read: TemplateRef }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ExtraMenubarComponent, ExtraMenubarItemDirective };
+//# sourceMappingURL=cdek-it-angular-ui-kit-components-menubar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cdek-it-angular-ui-kit-components-menubar.mjs","sources":["../../src/lib/components/menubar/menubar.component.ts","../../src/lib/components/menubar/cdek-it-angular-ui-kit-components-menubar.ts"],"sourcesContent":["import { Directive, Input } from '@angular/core';\nimport { ChangeDetectionStrategy, Component, ContentChild, TemplateRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { Menubar } from 'primeng/menubar';\nimport { PrimeTemplate } from 'primeng/api';\nimport { ExtraMenuItem } from '@cdek-it/angular-ui-kit/shared';\n\n@Directive({ selector: '[extraMenubarItem]', standalone: true })\nexport class ExtraMenubarItemDirective {}\n\n@Component({\n  selector: 'extra-menubar',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [Menubar, PrimeTemplate, NgTemplateOutlet],\n  template: `\n    <p-menubar [model]=\"model\">\n      <ng-template pTemplate=\"item\" let-item let-hasSubmenu=\"hasSubmenu\" let-root=\"root\">\n        @if (itemTemplate) {\n          <ng-container\n            [ngTemplateOutlet]=\"itemTemplate\"\n            [ngTemplateOutletContext]=\"{ $implicit: item, hasSubmenu: hasSubmenu, root: root }\"\n          ></ng-container>\n        } @else {\n          <a class=\"p-menubar-item-link flex items-center gap-2\">\n            @if (item.icon) {\n              <span [class]=\"'p-menubar-item-icon ' + item.icon\"></span>\n            }\n            <span class=\"p-menubar-item-label\">{{ item.label }}</span>\n            @if (hasSubmenu) {\n              <span\n                [class]=\"root ? 'p-menubar-submenu-icon ti ti-chevron-down' : 'p-menubar-submenu-icon ti ti-chevron-right'\"\n              ></span>\n            }\n          </a>\n        }\n      </ng-template>\n    </p-menubar>\n  `\n})\nexport class ExtraMenubarComponent {\n  @Input() model: ExtraMenuItem[] = [];\n  @ContentChild(ExtraMenubarItemDirective, { read: TemplateRef }) itemTemplate: TemplateRef<any> | null = null;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;MAQa,yBAAyB,CAAA;wGAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBADrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,QAAQ,EAAE,oBAAoB,EAAE,UAAU,EAAE,IAAI,EAAE;;MAiClD,qBAAqB,CAAA;IACvB,KAAK,GAAoB,EAAE;IAC4B,YAAY,GAA4B,IAAI;wGAFjG,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,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAElB,yBAAyB,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAAU,WAAW,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA3BlD;;;;;;;;;;;;;;;;;;;;;;;AAuBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAxBS,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,aAAA,EAAA,UAAA,EAAA,YAAA,EAAA,eAAA,EAAA,IAAA,EAAA,WAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,aAAa,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FA0BvC,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBA9BjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,OAAO,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,gBAAgB,CAAC;AACnD,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;AAuBT,EAAA;AACF,iBAAA;;sBAEE;;sBACA,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,yBAAyB,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;;;AC1ChE;;AAEG;;;;"}

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