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

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

@@ -0,0 +1,267 @@
+import * as i0 from '@angular/core';
+import { inject, Injector, EventEmitter, forwardRef, Output, Input, Component } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { NgControl, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { NgClass } from '@angular/common';
+import { InputNumber } from 'primeng/inputnumber';
+import * as i1 from 'primeng/api';
+import { SharedModule } from 'primeng/api';
+
+class ExtraInputNumberComponent {
+    _injector = inject(Injector);
+    _ngControl = null;
+    ngOnInit() {
+        this._ngControl = this._injector.get(NgControl, null, { self: true, optional: true });
+    }
+    size = 'base';
+    showButtons = false;
+    buttonLayout = 'stacked';
+    mode = 'decimal';
+    currency;
+    locale;
+    placeholder = '';
+    readonly = false;
+    fluid = false;
+    min;
+    max;
+    step = 1;
+    prefix;
+    suffix;
+    minFractionDigits;
+    maxFractionDigits;
+    useGrouping = true;
+    incrementButtonIcon;
+    decrementButtonIcon;
+    disabled = false;
+    get invalid() {
+        return this._ngControl?.invalid ?? false;
+    }
+    onInput = new EventEmitter();
+    modelValue = null;
+    _onChange = () => { };
+    onTouched = () => { };
+    get inputSizeClass() {
+        if (this.size === 'small')
+            return 'p-inputtext-sm';
+        if (this.size === 'large' || this.size === 'xlarge')
+            return 'p-inputtext-lg';
+        return '';
+    }
+    get sizeClass() {
+        return { 'p-inputnumber-xlg': this.size === 'xlarge' };
+    }
+    onModelChange(value) {
+        this.modelValue = value;
+        this._onChange(value);
+        this.onInput.emit({ value });
+    }
+    writeValue(value) {
+        this.modelValue = value ?? null;
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraInputNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ExtraInputNumberComponent, isStandalone: true, selector: "extra-input-number", inputs: { size: "size", showButtons: "showButtons", buttonLayout: "buttonLayout", mode: "mode", currency: "currency", locale: "locale", placeholder: "placeholder", readonly: "readonly", fluid: "fluid", min: "min", max: "max", step: "step", prefix: "prefix", suffix: "suffix", minFractionDigits: "minFractionDigits", maxFractionDigits: "maxFractionDigits", useGrouping: "useGrouping", incrementButtonIcon: "incrementButtonIcon", decrementButtonIcon: "decrementButtonIcon" }, outputs: { onInput: "onInput" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ExtraInputNumberComponent),
+                multi: true
+            }
+        ], ngImport: i0, template: `
+    <p-inputNumber
+      [ngClass]="sizeClass"
+      [inputStyleClass]="inputSizeClass"
+      [showButtons]="showButtons"
+      [buttonLayout]="buttonLayout"
+      [mode]="mode"
+      [currency]="currency"
+      [locale]="locale"
+      [placeholder]="placeholder"
+      [disabled]="disabled"
+      [invalid]="invalid"
+      [readonly]="readonly"
+      [fluid]="fluid"
+      [min]="min"
+      [max]="max"
+      [step]="step"
+      [prefix]="prefix"
+      [suffix]="suffix"
+      [minFractionDigits]="minFractionDigits"
+      [maxFractionDigits]="maxFractionDigits"
+      [useGrouping]="useGrouping"
+      [incrementButtonIcon]="incrementButtonIcon"
+      [decrementButtonIcon]="decrementButtonIcon"
+      [ngModel]="modelValue"
+      (ngModelChange)="onModelChange($event)"
+      (onBlur)="onTouched()"
+    >
+      @if (!incrementButtonIcon) {
+        <ng-template pTemplate="incrementbuttonicon">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="14"
+            height="14"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <path d="M12 5v14M5 12h14" />
+          </svg>
+        </ng-template>
+      }
+      @if (!decrementButtonIcon) {
+        <ng-template pTemplate="decrementbuttonicon">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="14"
+            height="14"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <path d="M5 12h14" />
+          </svg>
+        </ng-template>
+      }
+    </p-inputNumber>
+  `, isInline: true, dependencies: [{ kind: "component", type: InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.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: ExtraInputNumberComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'extra-input-number',
+                    standalone: true,
+                    imports: [InputNumber, SharedModule, FormsModule, NgClass],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ExtraInputNumberComponent),
+                            multi: true
+                        }
+                    ],
+                    template: `
+    <p-inputNumber
+      [ngClass]="sizeClass"
+      [inputStyleClass]="inputSizeClass"
+      [showButtons]="showButtons"
+      [buttonLayout]="buttonLayout"
+      [mode]="mode"
+      [currency]="currency"
+      [locale]="locale"
+      [placeholder]="placeholder"
+      [disabled]="disabled"
+      [invalid]="invalid"
+      [readonly]="readonly"
+      [fluid]="fluid"
+      [min]="min"
+      [max]="max"
+      [step]="step"
+      [prefix]="prefix"
+      [suffix]="suffix"
+      [minFractionDigits]="minFractionDigits"
+      [maxFractionDigits]="maxFractionDigits"
+      [useGrouping]="useGrouping"
+      [incrementButtonIcon]="incrementButtonIcon"
+      [decrementButtonIcon]="decrementButtonIcon"
+      [ngModel]="modelValue"
+      (ngModelChange)="onModelChange($event)"
+      (onBlur)="onTouched()"
+    >
+      @if (!incrementButtonIcon) {
+        <ng-template pTemplate="incrementbuttonicon">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="14"
+            height="14"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <path d="M12 5v14M5 12h14" />
+          </svg>
+        </ng-template>
+      }
+      @if (!decrementButtonIcon) {
+        <ng-template pTemplate="decrementbuttonicon">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="14"
+            height="14"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <path d="M5 12h14" />
+          </svg>
+        </ng-template>
+      }
+    </p-inputNumber>
+  `
+                }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], showButtons: [{
+                type: Input
+            }], buttonLayout: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], currency: [{
+                type: Input
+            }], locale: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], fluid: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], prefix: [{
+                type: Input
+            }], suffix: [{
+                type: Input
+            }], minFractionDigits: [{
+                type: Input
+            }], maxFractionDigits: [{
+                type: Input
+            }], useGrouping: [{
+                type: Input
+            }], incrementButtonIcon: [{
+                type: Input
+            }], decrementButtonIcon: [{
+                type: Input
+            }], onInput: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ExtraInputNumberComponent };
+//# sourceMappingURL=cdek-it-angular-ui-kit-components-inputnumber.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cdek-it-angular-ui-kit-components-inputnumber.mjs","sources":["../../src/lib/components/inputnumber/inputnumber.component.ts","../../src/lib/components/inputnumber/cdek-it-angular-ui-kit-components-inputnumber.ts"],"sourcesContent":["import { Component, EventEmitter, forwardRef, inject, Injector, Input, OnInit, Output } from '@angular/core';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';\nimport { NgClass } from '@angular/common';\nimport { InputNumber } from 'primeng/inputnumber';\nimport { SharedModule } from 'primeng/api';\n\nexport type ExtraInputNumberSize = 'small' | 'base' | 'large' | 'xlarge';\nexport type ExtraInputNumberButtonLayout = 'stacked' | 'horizontal' | 'vertical';\n\n@Component({\n  selector: 'extra-input-number',\n  standalone: true,\n  imports: [InputNumber, SharedModule, FormsModule, NgClass],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => ExtraInputNumberComponent),\n      multi: true\n    }\n  ],\n  template: `\n    <p-inputNumber\n      [ngClass]=\"sizeClass\"\n      [inputStyleClass]=\"inputSizeClass\"\n      [showButtons]=\"showButtons\"\n      [buttonLayout]=\"buttonLayout\"\n      [mode]=\"mode\"\n      [currency]=\"currency\"\n      [locale]=\"locale\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [invalid]=\"invalid\"\n      [readonly]=\"readonly\"\n      [fluid]=\"fluid\"\n      [min]=\"min\"\n      [max]=\"max\"\n      [step]=\"step\"\n      [prefix]=\"prefix\"\n      [suffix]=\"suffix\"\n      [minFractionDigits]=\"minFractionDigits\"\n      [maxFractionDigits]=\"maxFractionDigits\"\n      [useGrouping]=\"useGrouping\"\n      [incrementButtonIcon]=\"incrementButtonIcon\"\n      [decrementButtonIcon]=\"decrementButtonIcon\"\n      [ngModel]=\"modelValue\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onTouched()\"\n    >\n      @if (!incrementButtonIcon) {\n        <ng-template pTemplate=\"incrementbuttonicon\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <path d=\"M12 5v14M5 12h14\" />\n          </svg>\n        </ng-template>\n      }\n      @if (!decrementButtonIcon) {\n        <ng-template pTemplate=\"decrementbuttonicon\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <path d=\"M5 12h14\" />\n          </svg>\n        </ng-template>\n      }\n    </p-inputNumber>\n  `\n})\nexport class ExtraInputNumberComponent implements ControlValueAccessor, OnInit {\n  private readonly _injector = inject(Injector);\n  private _ngControl: NgControl | null = null;\n\n  ngOnInit(): void {\n    this._ngControl = this._injector.get(NgControl, null, { self: true, optional: true });\n  }\n\n  @Input() size: ExtraInputNumberSize = 'base';\n  @Input() showButtons = false;\n  @Input() buttonLayout: ExtraInputNumberButtonLayout = 'stacked';\n  @Input() mode = 'decimal';\n  @Input() currency: string | undefined;\n  @Input() locale: string | undefined;\n  @Input() placeholder = '';\n  @Input() readonly = false;\n  @Input() fluid = false;\n  @Input() min: number | undefined;\n  @Input() max: number | undefined;\n  @Input() step = 1;\n  @Input() prefix: string | undefined;\n  @Input() suffix: string | undefined;\n  @Input() minFractionDigits: number | undefined;\n  @Input() maxFractionDigits: number | undefined;\n  @Input() useGrouping = true;\n  @Input() incrementButtonIcon: string | undefined;\n  @Input() decrementButtonIcon: string | undefined;\n\n  disabled = false;\n\n  get invalid(): boolean {\n    return this._ngControl?.invalid ?? false;\n  }\n\n  @Output() onInput = new EventEmitter<{ value: number | null }>();\n\n  modelValue: number | null = null;\n\n  private _onChange: (value: number | null) => void = () => {};\n  onTouched: () => void = () => {};\n\n  get inputSizeClass(): string {\n    if (this.size === 'small') return 'p-inputtext-sm';\n    if (this.size === 'large' || this.size === 'xlarge') return 'p-inputtext-lg';\n    return '';\n  }\n\n  get sizeClass(): Record<string, boolean> {\n    return { 'p-inputnumber-xlg': this.size === 'xlarge' };\n  }\n\n  onModelChange(value: number | null): void {\n    this.modelValue = value;\n    this._onChange(value);\n    this.onInput.emit({ value });\n  }\n\n  writeValue(value: number | null): void {\n    this.modelValue = value ?? null;\n  }\n\n  registerOnChange(fn: (value: number | null) => 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":";;;;;;;;;MAqFa,yBAAyB,CAAA;AACnB,IAAA,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;IACrC,UAAU,GAAqB,IAAI;IAE3C,QAAQ,GAAA;QACN,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IACvF;IAES,IAAI,GAAyB,MAAM;IACnC,WAAW,GAAG,KAAK;IACnB,YAAY,GAAiC,SAAS;IACtD,IAAI,GAAG,SAAS;AAChB,IAAA,QAAQ;AACR,IAAA,MAAM;IACN,WAAW,GAAG,EAAE;IAChB,QAAQ,GAAG,KAAK;IAChB,KAAK,GAAG,KAAK;AACb,IAAA,GAAG;AACH,IAAA,GAAG;IACH,IAAI,GAAG,CAAC;AACR,IAAA,MAAM;AACN,IAAA,MAAM;AACN,IAAA,iBAAiB;AACjB,IAAA,iBAAiB;IACjB,WAAW,GAAG,IAAI;AAClB,IAAA,mBAAmB;AACnB,IAAA,mBAAmB;IAE5B,QAAQ,GAAG,KAAK;AAEhB,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,EAAE,OAAO,IAAI,KAAK;IAC1C;AAEU,IAAA,OAAO,GAAG,IAAI,YAAY,EAA4B;IAEhE,UAAU,GAAkB,IAAI;AAExB,IAAA,SAAS,GAAmC,MAAK,EAAE,CAAC;AAC5D,IAAA,SAAS,GAAe,MAAK,EAAE,CAAC;AAEhC,IAAA,IAAI,cAAc,GAAA;AAChB,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO;AAAE,YAAA,OAAO,gBAAgB;QAClD,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ;AAAE,YAAA,OAAO,gBAAgB;AAC5E,QAAA,OAAO,EAAE;IACX;AAEA,IAAA,IAAI,SAAS,GAAA;QACX,OAAO,EAAE,mBAAmB,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;IACxD;AAEA,IAAA,aAAa,CAAC,KAAoB,EAAA;AAChC,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK;AACvB,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;QACrB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC;IAC9B;AAEA,IAAA,UAAU,CAAC,KAAoB,EAAA;AAC7B,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK,IAAI,IAAI;IACjC;AAEA,IAAA,gBAAgB,CAAC,EAAkC,EAAA;AACjD,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEA,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEA,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAClC,QAAA,IAAI,CAAC,QAAQ,GAAG,UAAU;IAC5B;wGAvEW,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAzB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,WAAA,EAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,GAAA,EAAA,KAAA,EAAA,GAAA,EAAA,KAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,SAAA,EAxEzB;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,yBAAyB,CAAC;AACxD,gBAAA,KAAK,EAAE;AACR;SACF,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EACS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAvES,WAAW,EAAA,QAAA,EAAA,8CAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,cAAA,EAAA,SAAA,EAAA,YAAA,EAAA,aAAA,EAAA,UAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,cAAA,EAAA,sBAAA,EAAA,sBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,EAAA,WAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,WAAW,+VAAE,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAyE9C,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBA5ErC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,CAAC;AAC1D,oBAAA,SAAS,EAAE;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,+BAA+B,CAAC;AACxD,4BAAA,KAAK,EAAE;AACR;AACF,qBAAA;AACD,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DT,EAAA;AACF,iBAAA;;sBASE;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBAQA;;;ACvHH;;AAEG;;;;"}

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

@@ -0,0 +1,148 @@
+import * as i0 from '@angular/core';
+import { inject, Injector, DestroyRef, EventEmitter, forwardRef, Output, Input, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormControl, NgControl, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { NgClass } from '@angular/common';
+import { InputOtp } from 'primeng/inputotp';
+
+class ExtraInputOtpComponent {
+    _injector = inject(Injector);
+    destroyRef = inject(DestroyRef);
+    _ngControl = null;
+    control = new FormControl(null);
+    length = 4;
+    mask = false;
+    integerOnly = false;
+    readonly = false;
+    size = 'base';
+    tabindex = null;
+    autofocus = false;
+    disabled = false;
+    onChange = new EventEmitter();
+    onFocus = new EventEmitter();
+    onBlur = new EventEmitter();
+    _onChange = () => { };
+    _onTouched = () => { };
+    ngOnInit() {
+        this._ngControl = this._injector.get(NgControl, null, { self: true, optional: true });
+        this.control.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((v) => {
+            this._onChange(v);
+            this._onTouched();
+        });
+    }
+    get invalid() {
+        return this._ngControl?.invalid ?? false;
+    }
+    get primeSize() {
+        if (this.size === 'small')
+            return 'small';
+        if (this.size === 'large' || this.size === 'xlarge')
+            return 'large';
+        return undefined;
+    }
+    get sizeClass() {
+        return { 'p-inputotp-xlg': this.size === 'xlarge' };
+    }
+    onChangeHandler(event) {
+        this.onChange.emit(event);
+    }
+    writeValue(value) {
+        this.control.setValue(value ?? null, { emitEvent: false });
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        isDisabled ? this.control.disable({ emitEvent: false }) : this.control.enable({ emitEvent: false });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraInputOtpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ExtraInputOtpComponent, isStandalone: true, selector: "extra-input-otp", inputs: { length: "length", mask: "mask", integerOnly: "integerOnly", readonly: "readonly", size: "size", tabindex: "tabindex", autofocus: "autofocus" }, outputs: { onChange: "onChange", onFocus: "onFocus", onBlur: "onBlur" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ExtraInputOtpComponent),
+                multi: true
+            }
+        ], ngImport: i0, template: `
+    <p-inputotp
+      [length]="length"
+      [mask]="mask"
+      [integerOnly]="integerOnly"
+      [disabled]="disabled"
+      [readonly]="readonly"
+      [invalid]="invalid"
+      [size]="primeSize"
+      [ngClass]="sizeClass"
+      [tabindex]="tabindex"
+      [autofocus]="autofocus"
+      [formControl]="control"
+      (onChange)="onChangeHandler($event)"
+      (onFocus)="onFocus.emit($event)"
+      (onBlur)="onBlur.emit($event)"
+    ></p-inputotp>
+  `, isInline: true, dependencies: [{ kind: "component", type: InputOtp, selector: "p-inputOtp, p-inputotp, p-input-otp", inputs: ["readonly", "tabindex", "length", "styleClass", "mask", "integerOnly", "autofocus", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraInputOtpComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'extra-input-otp',
+                    standalone: true,
+                    imports: [InputOtp, ReactiveFormsModule, NgClass],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ExtraInputOtpComponent),
+                            multi: true
+                        }
+                    ],
+                    template: `
+    <p-inputotp
+      [length]="length"
+      [mask]="mask"
+      [integerOnly]="integerOnly"
+      [disabled]="disabled"
+      [readonly]="readonly"
+      [invalid]="invalid"
+      [size]="primeSize"
+      [ngClass]="sizeClass"
+      [tabindex]="tabindex"
+      [autofocus]="autofocus"
+      [formControl]="control"
+      (onChange)="onChangeHandler($event)"
+      (onFocus)="onFocus.emit($event)"
+      (onBlur)="onBlur.emit($event)"
+    ></p-inputotp>
+  `
+                }]
+        }], propDecorators: { length: [{
+                type: Input
+            }], mask: [{
+                type: Input
+            }], integerOnly: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], tabindex: [{
+                type: Input
+            }], autofocus: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }], onFocus: [{
+                type: Output
+            }], onBlur: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ExtraInputOtpComponent };
+//# sourceMappingURL=cdek-it-angular-ui-kit-components-inputotp.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cdek-it-angular-ui-kit-components-inputotp.mjs","sources":["../../src/lib/components/inputotp/inputotp.component.ts","../../src/lib/components/inputotp/cdek-it-angular-ui-kit-components-inputotp.ts"],"sourcesContent":["import {\n  Component,\n  DestroyRef,\n  EventEmitter,\n  forwardRef,\n  inject,\n  Injector,\n  Input,\n  OnInit,\n  Output\n} from '@angular/core';\nimport { ControlValueAccessor, FormControl, NG_VALUE_ACCESSOR, NgControl, ReactiveFormsModule } from '@angular/forms';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { NgClass } from '@angular/common';\nimport { InputOtp, InputOtpChangeEvent } from 'primeng/inputotp';\n\nexport type ExtraInputOtpSize = 'small' | 'base' | 'large' | 'xlarge';\nexport type ExtraInputOtpChangeEvent = InputOtpChangeEvent;\n\n@Component({\n  selector: 'extra-input-otp',\n  standalone: true,\n  imports: [InputOtp, ReactiveFormsModule, NgClass],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => ExtraInputOtpComponent),\n      multi: true\n    }\n  ],\n  template: `\n    <p-inputotp\n      [length]=\"length\"\n      [mask]=\"mask\"\n      [integerOnly]=\"integerOnly\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [invalid]=\"invalid\"\n      [size]=\"primeSize\"\n      [ngClass]=\"sizeClass\"\n      [tabindex]=\"tabindex\"\n      [autofocus]=\"autofocus\"\n      [formControl]=\"control\"\n      (onChange)=\"onChangeHandler($event)\"\n      (onFocus)=\"onFocus.emit($event)\"\n      (onBlur)=\"onBlur.emit($event)\"\n    ></p-inputotp>\n  `\n})\nexport class ExtraInputOtpComponent implements ControlValueAccessor, OnInit {\n  private readonly _injector = inject(Injector);\n  private readonly destroyRef = inject(DestroyRef);\n  private _ngControl: NgControl | null = null;\n\n  readonly control = new FormControl<any>(null);\n\n  @Input() length = 4;\n  @Input() mask = false;\n  @Input() integerOnly = false;\n  @Input() readonly = false;\n  @Input() size: ExtraInputOtpSize = 'base';\n  @Input() tabindex: number | null = null;\n  @Input() autofocus = false;\n\n  disabled = false;\n\n  @Output() onChange = new EventEmitter<ExtraInputOtpChangeEvent>();\n  @Output() onFocus = new EventEmitter<Event>();\n  @Output() onBlur = new EventEmitter<Event>();\n\n  private _onChange: (value: any) => void = () => {};\n  private _onTouched: () => void = () => {};\n\n  ngOnInit(): void {\n    this._ngControl = this._injector.get(NgControl, null, { self: true, optional: true });\n\n    this.control.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((v) => {\n      this._onChange(v);\n      this._onTouched();\n    });\n  }\n\n  get invalid(): boolean {\n    return this._ngControl?.invalid ?? false;\n  }\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 sizeClass(): Record<string, boolean> {\n    return { 'p-inputotp-xlg': this.size === 'xlarge' };\n  }\n\n  onChangeHandler(event: ExtraInputOtpChangeEvent): void {\n    this.onChange.emit(event);\n  }\n\n  writeValue(value: any): void {\n    this.control.setValue(value ?? null, { emitEvent: false });\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    isDisabled ? this.control.disable({ emitEvent: false }) : this.control.enable({ emitEvent: false });\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-inputtext.mjs

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

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

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