npm - @cdek-it/angular-ui-kit - Versions diffs - 0.2.6-test → 0.2.8-test - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (33) hide show

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

@@ -0,0 +1,136 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, Optional, Self, Component } from '@angular/core';
+import { NgClass } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { SelectButton } from 'primeng/selectbutton';
+import * as i2 from 'primeng/api';
+import { SharedModule } from 'primeng/api';
+class ExtraSelectButtonComponent {
+    ngControl;
+    options = [];
+    optionLabel = 'label';
+    optionValue = 'value';
+    optionDisabled = 'disabled';
+    size = 'base';
+    multiple = false;
+    allowEmpty = true;
+    valueChange = new EventEmitter();
+    value = '';
+    _disabled = false;
+    onChange = (_) => { };
+    onTouched = () => { };
+    constructor(ngControl) {
+        this.ngControl = ngControl;
+        if (ngControl)
+            ngControl.valueAccessor = this;
+    }
+    get isDisabled() {
+        return this._disabled;
+    }
+    get sizeClass() {
+        const sizeMap = {
+            small: 'p-selectbutton-small',
+            large: 'p-selectbutton-large',
+            xlarge: 'p-selectbutton-xlarge',
+        };
+        return sizeMap[this.size] ?? '';
+    }
+    writeValue(value) {
+        this.value = value ?? '';
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this._disabled = isDisabled;
+    }
+    onValueChange(newValue) {
+        this.value = newValue;
+        this.onChange(newValue);
+        this.onTouched();
+        this.valueChange.emit(newValue);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraSelectButtonComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ExtraSelectButtonComponent, isStandalone: true, selector: "extra-select-button", inputs: { options: "options", optionLabel: "optionLabel", optionValue: "optionValue", optionDisabled: "optionDisabled", size: "size", multiple: "multiple", allowEmpty: "allowEmpty" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
+    <p-selectbutton
+      [options]="options"
+      [ngModel]="value"
+      (ngModelChange)="onValueChange($event)"
+      [optionLabel]="optionLabel"
+      [optionValue]="optionValue"
+      [optionDisabled]="optionDisabled"
+      [multiple]="multiple"
+      [allowEmpty]="allowEmpty"
+      [disabled]="isDisabled"
+      [ngClass]="sizeClass"
+    >
+      <ng-template pTemplate="item" let-item>
+        @if ($any(item)['icon']) {
+          <i [class]="$any(item)['icon']"></i>
+        }
+        <span>{{ $any(item)[optionLabel] }}</span>
+      </ng-template>
+    </p-selectbutton>
+  `, isInline: true, dependencies: [{ kind: "component", type: SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "styleClass", "ariaLabelledBy", "dataKey", "autofocus", "size", "fluid"], outputs: ["onOptionClick", "onChange"] }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraSelectButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'extra-select-button',
+                    standalone: true,
+                    imports: [SelectButton, SharedModule, FormsModule, NgClass],
+                    template: `
+    <p-selectbutton
+      [options]="options"
+      [ngModel]="value"
+      (ngModelChange)="onValueChange($event)"
+      [optionLabel]="optionLabel"
+      [optionValue]="optionValue"
+      [optionDisabled]="optionDisabled"
+      [multiple]="multiple"
+      [allowEmpty]="allowEmpty"
+      [disabled]="isDisabled"
+      [ngClass]="sizeClass"
+    >
+      <ng-template pTemplate="item" let-item>
+        @if ($any(item)['icon']) {
+          <i [class]="$any(item)['icon']"></i>
+        }
+        <span>{{ $any(item)[optionLabel] }}</span>
+      </ng-template>
+    </p-selectbutton>
+  `,
+                }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { options: [{
+                type: Input
+            }], optionLabel: [{
+                type: Input
+            }], optionValue: [{
+                type: Input
+            }], optionDisabled: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], allowEmpty: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { ExtraSelectButtonComponent };
+//# sourceMappingURL=cdek-it-angular-ui-kit-components-select-button.mjs.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"cdek-it-angular-ui-kit-components-select-button.mjs","sources":["../../src/lib/components/select-button/select-button.component.ts","../../src/lib/components/select-button/cdek-it-angular-ui-kit-components-select-button.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Optional, Output, Self } from '@angular/core';\nimport { NgClass } from '@angular/common';\nimport { ControlValueAccessor, FormsModule, NgControl } from '@angular/forms';\nimport { SelectButton } from 'primeng/selectbutton';\nimport { SharedModule } from 'primeng/api';\n\nexport interface ExtraSelectButtonItem {\n label: string;\n value: string;\n icon?: string;\n disabled?: boolean;\n}\n\n@Component({\n selector: 'extra-select-button',\n standalone: true,\n imports: [SelectButton, SharedModule, FormsModule, NgClass],\n template: `\n <p-selectbutton\n [options]=\"options\"\n [ngModel]=\"value\"\n (ngModelChange)=\"onValueChange($event)\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [optionDisabled]=\"optionDisabled\"\n [multiple]=\"multiple\"\n [allowEmpty]=\"allowEmpty\"\n [disabled]=\"isDisabled\"\n [ngClass]=\"sizeClass\"\n >\n <ng-template pTemplate=\"item\" let-item>\n @if ($any(item)['icon']) {\n <i [class]=\"$any(item)['icon']\"></i>\n }\n <span>{{ $any(item)[optionLabel] }}</span>\n </ng-template>\n </p-selectbutton>\n `,\n})\nexport class ExtraSelectButtonComponent implements ControlValueAccessor {\n @Input() options: unknown[] = [];\n @Input() optionLabel = 'label';\n @Input() optionValue = 'value';\n @Input() optionDisabled = 'disabled';\n @Input() size: 'base' | 'small' | 'large' | 'xlarge' = 'base';\n @Input() multiple = false;\n @Input() allowEmpty = true;\n\n @Output() valueChange = new EventEmitter<string | string[]>();\n\n value: string | string[] = '';\n\n private _disabled = false;\n private onChange = (_: string | string[]) => {};\n private onTouched = () => {};\n\n constructor(@Optional() @Self() private ngControl: NgControl) {\n if (ngControl) ngControl.valueAccessor = this;\n }\n\n get isDisabled(): boolean {\n return this._disabled;\n }\n\n get sizeClass(): string {\n const sizeMap: Record<string, string> = {\n small: 'p-selectbutton-small',\n large: 'p-selectbutton-large',\n xlarge: 'p-selectbutton-xlarge',\n };\n return sizeMap[this.size] ?? '';\n }\n\n writeValue(value: string | string[]): void {\n this.value = value ?? '';\n }\n\n registerOnChange(fn: (value: string | string[]) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this._disabled = isDisabled;\n }\n\n onValueChange(newValue: string | string[]): void {\n this.value = newValue;\n this.onChange(newValue);\n this.onTouched();\n this.valueChange.emit(newValue);\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-stepper.mjs CHANGED Viewed

@@ -105,7 +105,7 @@ class ExtraStepperComponent {
         }
       }
     </p-stepper>
-  `, isInline: true, dependencies: [{ kind: "component", type: Stepper, selector: "p-stepper", inputs: ["value", "linear", "transitionOptions"], outputs: ["valueChange"] }, { kind: "component", type: StepList, selector: "p-step-list" }, { kind: "component", type: Step, selector: "p-step", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: StepPanels, selector: "p-step-panels" }, { kind: "component", type: StepPanel, selector: "p-step-panel", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: StepItem, selector: "p-step-item", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: ExtraButtonComponent, selector: "extra-button", inputs: ["label", "variant", "severity", "size", "rounded", "iconPos", "iconOnly", "icon", "disabled", "loading", "badge", "badgeSeverity", "showBadge", "fluid", "ariaLabel", "autofocus", "tabindex", "text"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: Stepper, selector: "p-stepper", inputs: ["value", "linear", "transitionOptions"], outputs: ["valueChange"] }, { kind: "component", type: StepList, selector: "p-step-list" }, { kind: "component", type: Step, selector: "p-step", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: StepPanels, selector: "p-step-panels" }, { kind: "component", type: StepPanel, selector: "p-step-panel", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: StepItem, selector: "p-step-item", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: ExtraButtonComponent, selector: "extra-button", inputs: ["label", "variant", "severity", "size", "rounded", "iconPosition", "iconOnly", "icon", "disabled", "loading", "badge", "badgeSeverity", "showBadge", "fluid", "ariaLabel", "autofocus", "tabindex", "text"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraStepperComponent, decorators: [{
             type: Component,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"cdek-it-angular-ui-kit-components-stepper.mjs","sources":["../../src/lib/components/stepper/stepper.component.ts","../../src/lib/components/stepper/cdek-it-angular-ui-kit-components-stepper.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { NgClass } from '@angular/common';\nimport { Step, StepItem, StepList, StepPanel, StepPanels, Stepper } from 'primeng/stepper';\nimport { ExtraButtonComponent } from '@cdek-it/angular-ui-kit/components/button';\n\nexport interface ExtraStepperItem {\n value: number \| undefined;\n label: string;\n caption?: string;\n content?: string;\n disabled?: boolean;\n invalid?: boolean;\n}\n\n@Component({\n selector: 'extra-stepper',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [Stepper, StepList, Step, StepPanels, StepPanel, StepItem, ExtraButtonComponent, NgClass],\n template: `\n <p-stepper [value]=\"value\" [linear]=\"linear\" (valueChange)=\"onValueChange($event)\">\n @if (orientation === 'horizontal') {\n <p-step-list>\n @for (step of steps; track step.value) {\n <p-step\n [value]=\"step.value\"\n [disabled]=\"step.disabled \|\| false\"\n [ngClass]=\"{ 'step-invalid': step.invalid }\"\n >\n {{ step.label }}\n @if (step.caption) {\n <div class=\"caption-secondary\">{{ step.caption }}</div>\n }\n </p-step>\n }\n </p-step-list>\n }\n @if (orientation === 'horizontal' && showPanels) {\n <p-step-panels>\n @for (step of steps; track step.value; let i = $index; let first = $first; let last = $last) {\n <p-step-panel [value]=\"step.value\">\n <ng-template #content let-activateCallback=\"activateCallback\">\n <p class=\"m-0\">{{ step.content }}</p>\n <div class=\"flex pt-4\">\n @if (!first) {\n <extra-button\n label=\"Назад\"\n variant=\"outlined\"\n (click)=\"activateCallback(steps[i - 1].value)\"\n ></extra-button>\n }\n @if (!last) {\n <extra-button\n label=\"Вперёд\"\n variant=\"secondary\"\n class=\"ml-auto\"\n [disabled]=\"!!step.invalid\"\n (click)=\"activateCallback(steps[i + 1].value)\"\n ></extra-button>\n }\n </div>\n </ng-template>\n </p-step-panel>\n }\n </p-step-panels>\n }\n\n @if (orientation === 'vertical') {\n @for (step of steps; track step.value; let i = $index; let first = $first; let last = $last) {\n <p-step-item [value]=\"step.value\">\n <p-step\n [value]=\"step.value\"\n [disabled]=\"step.disabled \|\| false\"\n [ngClass]=\"{ 'step-invalid': step.invalid }\"\n >\n {{ step.label }}\n @if (step.caption) {\n <div class=\"caption-secondary\">{{ step.caption }}</div>\n }\n </p-step>\n @if (showPanels) {\n <p-step-panel [value]=\"step.value\">\n <ng-template #content let-activateCallback=\"activateCallback\">\n <p class=\"m-0\">{{ step.content }}</p>\n <div class=\"flex gap-2 pt-4\">\n @if (!first) {\n <extra-button\n label=\"Назад\"\n variant=\"outlined\"\n (click)=\"activateCallback(steps[i - 1].value)\"\n ></extra-button>\n }\n @if (!last) {\n <extra-button\n label=\"Вперёд\"\n variant=\"secondary\"\n [disabled]=\"!!step.invalid\"\n (click)=\"activateCallback(steps[i + 1].value)\"\n ></extra-button>\n }\n </div>\n </ng-template>\n </p-step-panel>\n }\n </p-step-item>\n }\n }\n </p-stepper>\n `\n})\nexport class ExtraStepperComponent {\n @Input() value: number \| undefined = 1;\n @Input() steps: ExtraStepperItem[] = [];\n @Input() linear = false;\n @Input() orientation: 'horizontal' \| 'vertical' = 'horizontal';\n @Input() showPanels = true;\n\n @Output() valueChange = new EventEmitter<number \| undefined>();\n\n onValueChange(newValue: number \| undefined): void {\n this.value = newValue;\n this.valueChange.emit(newValue);\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":";;;;;;MA8Ga,qBAAqB,CAAA;IACvB,KAAK,GAAuB,CAAC;IAC7B,KAAK,GAAuB,EAAE;IAC9B,MAAM,GAAG,KAAK;IACd,WAAW,GAA8B,YAAY;IACrD,UAAU,GAAG,IAAI;AAEhB,IAAA,WAAW,GAAG,IAAI,YAAY,EAAsB;AAE9D,IAAA,aAAa,CAAC,QAA4B,EAAA;AACxC,QAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;AACrB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;IACjC;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,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA3FtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyFT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EA1FS,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,mBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,QAAQ,EAAA,QAAA,EAAA,aAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,UAAU,EAAA,QAAA,EAAA,eAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,SAAS,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,QAAQ,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,oBAAoB,~~0QAAE,~~OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FA4FtF,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAhGjC,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,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,oBAAoB,EAAE,OAAO,CAAC;AAClG,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyFT,EAAA;AACF,iBAAA;;sBAEE;;sBACA;;sBACA;;sBACA;;sBACA;;sBAEA;;;ACrHH;;AAEG;;;;"}
1	+ {"version":3,"file":"cdek-it-angular-ui-kit-components-stepper.mjs","sources":["../../src/lib/components/stepper/stepper.component.ts","../../src/lib/components/stepper/cdek-it-angular-ui-kit-components-stepper.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { NgClass } from '@angular/common';\nimport { Step, StepItem, StepList, StepPanel, StepPanels, Stepper } from 'primeng/stepper';\nimport { ExtraButtonComponent } from '@cdek-it/angular-ui-kit/components/button';\n\nexport interface ExtraStepperItem {\n value: number \| undefined;\n label: string;\n caption?: string;\n content?: string;\n disabled?: boolean;\n invalid?: boolean;\n}\n\n@Component({\n selector: 'extra-stepper',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [Stepper, StepList, Step, StepPanels, StepPanel, StepItem, ExtraButtonComponent, NgClass],\n template: `\n <p-stepper [value]=\"value\" [linear]=\"linear\" (valueChange)=\"onValueChange($event)\">\n @if (orientation === 'horizontal') {\n <p-step-list>\n @for (step of steps; track step.value) {\n <p-step\n [value]=\"step.value\"\n [disabled]=\"step.disabled \|\| false\"\n [ngClass]=\"{ 'step-invalid': step.invalid }\"\n >\n {{ step.label }}\n @if (step.caption) {\n <div class=\"caption-secondary\">{{ step.caption }}</div>\n }\n </p-step>\n }\n </p-step-list>\n }\n @if (orientation === 'horizontal' && showPanels) {\n <p-step-panels>\n @for (step of steps; track step.value; let i = $index; let first = $first; let last = $last) {\n <p-step-panel [value]=\"step.value\">\n <ng-template #content let-activateCallback=\"activateCallback\">\n <p class=\"m-0\">{{ step.content }}</p>\n <div class=\"flex pt-4\">\n @if (!first) {\n <extra-button\n label=\"Назад\"\n variant=\"outlined\"\n (click)=\"activateCallback(steps[i - 1].value)\"\n ></extra-button>\n }\n @if (!last) {\n <extra-button\n label=\"Вперёд\"\n variant=\"secondary\"\n class=\"ml-auto\"\n [disabled]=\"!!step.invalid\"\n (click)=\"activateCallback(steps[i + 1].value)\"\n ></extra-button>\n }\n </div>\n </ng-template>\n </p-step-panel>\n }\n </p-step-panels>\n }\n\n @if (orientation === 'vertical') {\n @for (step of steps; track step.value; let i = $index; let first = $first; let last = $last) {\n <p-step-item [value]=\"step.value\">\n <p-step\n [value]=\"step.value\"\n [disabled]=\"step.disabled \|\| false\"\n [ngClass]=\"{ 'step-invalid': step.invalid }\"\n >\n {{ step.label }}\n @if (step.caption) {\n <div class=\"caption-secondary\">{{ step.caption }}</div>\n }\n </p-step>\n @if (showPanels) {\n <p-step-panel [value]=\"step.value\">\n <ng-template #content let-activateCallback=\"activateCallback\">\n <p class=\"m-0\">{{ step.content }}</p>\n <div class=\"flex gap-2 pt-4\">\n @if (!first) {\n <extra-button\n label=\"Назад\"\n variant=\"outlined\"\n (click)=\"activateCallback(steps[i - 1].value)\"\n ></extra-button>\n }\n @if (!last) {\n <extra-button\n label=\"Вперёд\"\n variant=\"secondary\"\n [disabled]=\"!!step.invalid\"\n (click)=\"activateCallback(steps[i + 1].value)\"\n ></extra-button>\n }\n </div>\n </ng-template>\n </p-step-panel>\n }\n </p-step-item>\n }\n }\n </p-stepper>\n `\n})\nexport class ExtraStepperComponent {\n @Input() value: number \| undefined = 1;\n @Input() steps: ExtraStepperItem[] = [];\n @Input() linear = false;\n @Input() orientation: 'horizontal' \| 'vertical' = 'horizontal';\n @Input() showPanels = true;\n\n @Output() valueChange = new EventEmitter<number \| undefined>();\n\n onValueChange(newValue: number \| undefined): void {\n this.value = newValue;\n this.valueChange.emit(newValue);\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-tag.mjs CHANGED Viewed

@@ -10,6 +10,8 @@ class ExtraTagComponent {
     get primeSeverity() {
         if (this.severity === 'primary')
             return undefined;
+        if (this.severity === 'warning')
+            return 'warn';
         return this.severity;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });

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

	@@ -1 +1 @@
1	- {"version":3,"file":"cdek-it-angular-ui-kit-components-tag.mjs","sources":["../../src/lib/components/tag/tag.component.ts","../../src/lib/components/tag/cdek-it-angular-ui-kit-components-tag.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { Tag } from 'primeng/tag';\n\nexport type ExtraTagSeverity = 'primary' \| 'secondary' \| 'success' \| 'info' \| '~~warn~~' \| 'danger';\n\n@Component({\n selector: 'extra-tag',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [Tag],\n template: `\n <p-tag [value]=\"value\" [severity]=\"primeSeverity\" [rounded]=\"rounded\" [icon]=\"icon \|\| undefined\"></p-tag>\n `\n})\nexport class ExtraTagComponent {\n @Input() value = '';\n @Input() severity: ExtraTagSeverity = 'primary';\n @Input() rounded = false;\n @Input() icon = '';\n\n get primeSeverity(): 'secondary' \| 'success' \| 'info' \| 'warn' \| 'danger' \| undefined {\n if (this.severity === 'primary') return undefined;\n return this.severity;\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":";;;;MAca,iBAAiB,CAAA;IACnB,KAAK,GAAG,EAAE;IACV,QAAQ,GAAqB,SAAS;IACtC,OAAO,GAAG,KAAK;IACf,IAAI,GAAG,EAAE;AAElB,IAAA,IAAI,aAAa,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS;AAAE,YAAA,OAAO,SAAS;~~QACjD~~,OAAO,IAAI,CAAC,QAAQ;IACtB;~~wGATW~~,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAJlB;;AAET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAHS,GAAG,EAAA,QAAA,EAAA,OAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAKF,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAT7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,GAAG,CAAC;AACd,oBAAA,QAAQ,EAAE;;AAET,EAAA;AACF,iBAAA;;sBAEE;;sBACA;;sBACA;;sBACA;;;AClBH;;AAEG;;;;"}
1	+ {"version":3,"file":"cdek-it-angular-ui-kit-components-tag.mjs","sources":["../../src/lib/components/tag/tag.component.ts","../../src/lib/components/tag/cdek-it-angular-ui-kit-components-tag.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { Tag } from 'primeng/tag';\n\nexport type ExtraTagSeverity = 'primary' \| 'secondary' \| 'success' \| 'info' \| 'warning' \| 'danger';\n\n@Component({\n selector: 'extra-tag',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [Tag],\n template: `\n <p-tag [value]=\"value\" [severity]=\"primeSeverity\" [rounded]=\"rounded\" [icon]=\"icon \|\| undefined\"></p-tag>\n `\n})\nexport class ExtraTagComponent {\n @Input() value = '';\n @Input() severity: ExtraTagSeverity = 'primary';\n @Input() rounded = false;\n @Input() icon = '';\n\n get primeSeverity(): 'secondary' \| 'success' \| 'info' \| 'warn' \| 'danger' \| undefined {\n if (this.severity === 'primary') return undefined;\n if (this.severity === 'warning') return 'warn';\n return this.severity;\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":";;;;MAca,iBAAiB,CAAA;IACnB,KAAK,GAAG,EAAE;IACV,QAAQ,GAAqB,SAAS;IACtC,OAAO,GAAG,KAAK;IACf,IAAI,GAAG,EAAE;AAElB,IAAA,IAAI,aAAa,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS;AAAE,YAAA,OAAO,SAAS;AACjD,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS;AAAE,YAAA,OAAO,MAAM;QAC9C,OAAO,IAAI,CAAC,QAAQ;IACtB;wGAVW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAJlB;;AAET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAHS,GAAG,EAAA,QAAA,EAAA,OAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAKF,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAT7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,GAAG,CAAC;AACd,oBAAA,QAAQ,EAAE;;AAET,EAAA;AACF,iBAAA;;sBAEE;;sBACA;;sBACA;;sBACA;;;AClBH;;AAEG;;;;"}

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

@@ -0,0 +1,167 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, forwardRef, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { NgClass } from '@angular/common';
+import { ToggleButton } from 'primeng/togglebutton';
+class ExtraToggleButtonComponent {
+    cdr;
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    onLabel = 'Вкл';
+    offLabel = 'Выкл';
+    onIcon = undefined;
+    offIcon = undefined;
+    iconPos = 'left';
+    size = 'base';
+    disabled = false;
+    iconOnly = false;
+    allowEmpty = undefined;
+    fluid = false;
+    ariaLabel = undefined;
+    ariaLabelledBy = undefined;
+    inputId = undefined;
+    tabindex = undefined;
+    autofocus = undefined;
+    onChange = new EventEmitter();
+    modelValue = false;
+    _onChange = () => { };
+    _onTouched = () => { };
+    get primeSize() {
+        if (this.size === 'small')
+            return 'small';
+        if (this.size === 'large' || this.size === 'xlarge')
+            return 'large';
+        return undefined;
+    }
+    get extraClasses() {
+        return {
+            'p-togglebutton-xlarge': this.size === 'xlarge',
+            'p-togglebutton-icon-only': this.iconOnly,
+        };
+    }
+    onChangeHandler(event) {
+        this._onChange(event.checked);
+        this._onTouched();
+        this.onChange.emit(event);
+    }
+    writeValue(value) {
+        this.modelValue = value;
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this.cdr.markForCheck();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraToggleButtonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ExtraToggleButtonComponent, isStandalone: true, selector: "extra-toggle-button", inputs: { onLabel: "onLabel", offLabel: "offLabel", onIcon: "onIcon", offIcon: "offIcon", iconPos: "iconPos", size: "size", disabled: "disabled", iconOnly: "iconOnly", allowEmpty: "allowEmpty", fluid: "fluid", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", inputId: "inputId", tabindex: "tabindex", autofocus: "autofocus" }, outputs: { onChange: "onChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ExtraToggleButtonComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: `
+    <p-togglebutton
+      [ngClass]="extraClasses"
+      [onLabel]="onLabel"
+      [offLabel]="offLabel"
+      [onIcon]="onIcon"
+      [offIcon]="offIcon"
+      [iconPos]="iconPos"
+      [size]="primeSize!"
+      [disabled]="disabled"
+      [allowEmpty]="allowEmpty"
+      [fluid]="fluid"
+      [ariaLabel]="ariaLabel"
+      [ariaLabelledBy]="ariaLabelledBy"
+      [inputId]="inputId"
+      [tabindex]="tabindex"
+      [autofocus]="autofocus"
+      [(ngModel)]="modelValue"
+      (onChange)="onChangeHandler($event)"
+    ></p-togglebutton>
+  `, isInline: true, dependencies: [{ kind: "component", type: ToggleButton, selector: "p-toggleButton, p-togglebutton, p-toggle-button", inputs: ["onLabel", "offLabel", "onIcon", "offIcon", "ariaLabel", "ariaLabelledBy", "styleClass", "inputId", "tabindex", "iconPos", "autofocus", "size", "allowEmpty", "fluid"], outputs: ["onChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraToggleButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'extra-toggle-button',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [ToggleButton, NgClass, FormsModule],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ExtraToggleButtonComponent),
+                            multi: true,
+                        },
+                    ],
+                    template: `
+    <p-togglebutton
+      [ngClass]="extraClasses"
+      [onLabel]="onLabel"
+      [offLabel]="offLabel"
+      [onIcon]="onIcon"
+      [offIcon]="offIcon"
+      [iconPos]="iconPos"
+      [size]="primeSize!"
+      [disabled]="disabled"
+      [allowEmpty]="allowEmpty"
+      [fluid]="fluid"
+      [ariaLabel]="ariaLabel"
+      [ariaLabelledBy]="ariaLabelledBy"
+      [inputId]="inputId"
+      [tabindex]="tabindex"
+      [autofocus]="autofocus"
+      [(ngModel)]="modelValue"
+      (onChange)="onChangeHandler($event)"
+    ></p-togglebutton>
+  `,
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { onLabel: [{
+                type: Input
+            }], offLabel: [{
+                type: Input
+            }], onIcon: [{
+                type: Input
+            }], offIcon: [{
+                type: Input
+            }], iconPos: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], iconOnly: [{
+                type: Input
+            }], allowEmpty: [{
+                type: Input
+            }], fluid: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], ariaLabelledBy: [{
+                type: Input
+            }], inputId: [{
+                type: Input
+            }], tabindex: [{
+                type: Input
+            }], autofocus: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }] } });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { ExtraToggleButtonComponent };
+//# sourceMappingURL=cdek-it-angular-ui-kit-components-togglebutton.mjs.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"cdek-it-angular-ui-kit-components-togglebutton.mjs","sources":["../../src/lib/components/togglebutton/togglebutton.component.ts","../../src/lib/components/togglebutton/cdek-it-angular-ui-kit-components-togglebutton.ts"],"sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, Output, EventEmitter, forwardRef } from '@angular/core';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { NgClass } from '@angular/common';\nimport { ToggleButton, ToggleButtonChangeEvent } from 'primeng/togglebutton';\n\nexport type ExtraToggleButtonSize = 'small' | 'base' | 'large' | 'xlarge';\n\n@Component({\n selector: 'extra-toggle-button',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [ToggleButton, NgClass, FormsModule],\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => ExtraToggleButtonComponent),\n multi: true,\n },\n ],\n template: `\n <p-togglebutton\n [ngClass]=\"extraClasses\"\n [onLabel]=\"onLabel\"\n [offLabel]=\"offLabel\"\n [onIcon]=\"onIcon\"\n [offIcon]=\"offIcon\"\n [iconPos]=\"iconPos\"\n [size]=\"primeSize!\"\n [disabled]=\"disabled\"\n [allowEmpty]=\"allowEmpty\"\n [fluid]=\"fluid\"\n [ariaLabel]=\"ariaLabel\"\n [ariaLabelledBy]=\"ariaLabelledBy\"\n [inputId]=\"inputId\"\n [tabindex]=\"tabindex\"\n [autofocus]=\"autofocus\"\n [(ngModel)]=\"modelValue\"\n (onChange)=\"onChangeHandler($event)\"\n ></p-togglebutton>\n `,\n})\nexport class ExtraToggleButtonComponent implements ControlValueAccessor {\n constructor(private cdr: ChangeDetectorRef) {}\n\n @Input() onLabel = 'Вкл';\n @Input() offLabel = 'Выкл';\n @Input() onIcon: string | undefined = undefined;\n @Input() offIcon: string | undefined = undefined;\n @Input() iconPos: 'left' | 'right' = 'left';\n @Input() size: ExtraToggleButtonSize = 'base';\n @Input() disabled = false;\n @Input() iconOnly = false;\n @Input() allowEmpty: boolean | undefined = undefined;\n @Input() fluid = false;\n @Input() ariaLabel: string | undefined = undefined;\n @Input() ariaLabelledBy: string | undefined = undefined;\n @Input() inputId: string | undefined = undefined;\n @Input() tabindex: number | undefined = undefined;\n @Input() autofocus: boolean | undefined = undefined;\n\n @Output() onChange = new EventEmitter<ToggleButtonChangeEvent>();\n\n modelValue = false;\n\n private _onChange: (value: any) => void = () => {};\n private _onTouched: () => void = () => {};\n\n get primeSize(): 'small' | 'large' | undefined {\n if (this.size === 'small') return 'small';\n if (this.size === 'large' || this.size === 'xlarge') return 'large';\n return undefined;\n }\n\n get extraClasses(): Record<string, boolean> {\n return {\n 'p-togglebutton-xlarge': this.size === 'xlarge',\n 'p-togglebutton-icon-only': this.iconOnly,\n };\n }\n\n onChangeHandler(event: ToggleButtonChangeEvent): void {\n this._onChange(event.checked);\n this._onTouched();\n this.onChange.emit(event);\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 this.cdr.markForCheck();\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}