@ngx-smz/ui-kit 21.9.0-next.17 → 21.9.0-next.18
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.
|
@@ -6115,22 +6115,22 @@ class SmzInputMaskComponent extends SmzValueAccessor {
|
|
|
6115
6115
|
this.field().nativeElement.setSelectionRange(position, position);
|
|
6116
6116
|
}
|
|
6117
6117
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SmzInputMaskComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
6118
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.1", type: SmzInputMaskComponent, isStandalone: true, selector: "ui-input-mask", inputs: { mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null }, slotChar: { classPropertyName: "slotChar", publicName: "slotChar", isSignal: true, isRequired: false, transformFunction: null }, characterPattern: { classPropertyName: "characterPattern", publicName: "characterPattern", isSignal: true, isRequired: false, transformFunction: null }, unmask: { classPropertyName: "unmask", publicName: "unmask", isSignal: true, isRequired: false, transformFunction: null }, autoClear: { classPropertyName: "autoClear", publicName: "autoClear", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputed: "inputed", blurred: "blurred", completed: "completed" }, host: { classAttribute: "flex min-w-0" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SmzInputMaskComponent), multi: true }], viewQueries: [{ propertyName: "field", first: true, predicate: ["field"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
6119
|
-
<input
|
|
6120
|
-
#field
|
|
6121
|
-
[attr.type]="type()"
|
|
6122
|
-
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x font-ui text-ui-md text-ui-fg transition-colors duration-ui placeholder:text-ui-fg-subtle focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50 [&.ng-invalid.ng-dirty]:border-ui-danger"
|
|
6123
|
-
[attr.id]="inputId() || null"
|
|
6124
|
-
[attr.name]="name() || null"
|
|
6125
|
-
[attr.placeholder]="placeholder() || null"
|
|
6126
|
-
[disabled]="isDisabled()"
|
|
6127
|
-
[readOnly]="readonly()"
|
|
6128
|
-
[value]="display()"
|
|
6129
|
-
(focus)="onFocus()"
|
|
6130
|
-
(input)="onInput($event)"
|
|
6131
|
-
(keydown)="onKeydown($event)"
|
|
6132
|
-
(blur)="onBlur($event)"
|
|
6133
|
-
/>
|
|
6118
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.1", type: SmzInputMaskComponent, isStandalone: true, selector: "ui-input-mask", inputs: { mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null }, slotChar: { classPropertyName: "slotChar", publicName: "slotChar", isSignal: true, isRequired: false, transformFunction: null }, characterPattern: { classPropertyName: "characterPattern", publicName: "characterPattern", isSignal: true, isRequired: false, transformFunction: null }, unmask: { classPropertyName: "unmask", publicName: "unmask", isSignal: true, isRequired: false, transformFunction: null }, autoClear: { classPropertyName: "autoClear", publicName: "autoClear", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputed: "inputed", blurred: "blurred", completed: "completed" }, host: { classAttribute: "flex min-w-0" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SmzInputMaskComponent), multi: true }], viewQueries: [{ propertyName: "field", first: true, predicate: ["field"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
6119
|
+
<input
|
|
6120
|
+
#field
|
|
6121
|
+
[attr.type]="type()"
|
|
6122
|
+
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x font-ui text-ui-md text-ui-fg transition-colors duration-ui placeholder:text-ui-fg-subtle focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50 [&.ng-invalid.ng-dirty]:border-ui-danger"
|
|
6123
|
+
[attr.id]="inputId() || null"
|
|
6124
|
+
[attr.name]="name() || null"
|
|
6125
|
+
[attr.placeholder]="placeholder() || null"
|
|
6126
|
+
[disabled]="isDisabled()"
|
|
6127
|
+
[readOnly]="readonly()"
|
|
6128
|
+
[value]="display()"
|
|
6129
|
+
(focus)="onFocus()"
|
|
6130
|
+
(input)="onInput($event)"
|
|
6131
|
+
(keydown)="onKeydown($event)"
|
|
6132
|
+
(blur)="onBlur($event)"
|
|
6133
|
+
/>
|
|
6134
6134
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6135
6135
|
}
|
|
6136
6136
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SmzInputMaskComponent, decorators: [{
|
|
@@ -6140,22 +6140,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
6140
6140
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
6141
6141
|
providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SmzInputMaskComponent), multi: true }],
|
|
6142
6142
|
host: { class: 'flex min-w-0' },
|
|
6143
|
-
template: `
|
|
6144
|
-
<input
|
|
6145
|
-
#field
|
|
6146
|
-
[attr.type]="type()"
|
|
6147
|
-
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x font-ui text-ui-md text-ui-fg transition-colors duration-ui placeholder:text-ui-fg-subtle focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50 [&.ng-invalid.ng-dirty]:border-ui-danger"
|
|
6148
|
-
[attr.id]="inputId() || null"
|
|
6149
|
-
[attr.name]="name() || null"
|
|
6150
|
-
[attr.placeholder]="placeholder() || null"
|
|
6151
|
-
[disabled]="isDisabled()"
|
|
6152
|
-
[readOnly]="readonly()"
|
|
6153
|
-
[value]="display()"
|
|
6154
|
-
(focus)="onFocus()"
|
|
6155
|
-
(input)="onInput($event)"
|
|
6156
|
-
(keydown)="onKeydown($event)"
|
|
6157
|
-
(blur)="onBlur($event)"
|
|
6158
|
-
/>
|
|
6143
|
+
template: `
|
|
6144
|
+
<input
|
|
6145
|
+
#field
|
|
6146
|
+
[attr.type]="type()"
|
|
6147
|
+
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x font-ui text-ui-md text-ui-fg transition-colors duration-ui placeholder:text-ui-fg-subtle focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50 [&.ng-invalid.ng-dirty]:border-ui-danger"
|
|
6148
|
+
[attr.id]="inputId() || null"
|
|
6149
|
+
[attr.name]="name() || null"
|
|
6150
|
+
[attr.placeholder]="placeholder() || null"
|
|
6151
|
+
[disabled]="isDisabled()"
|
|
6152
|
+
[readOnly]="readonly()"
|
|
6153
|
+
[value]="display()"
|
|
6154
|
+
(focus)="onFocus()"
|
|
6155
|
+
(input)="onInput($event)"
|
|
6156
|
+
(keydown)="onKeydown($event)"
|
|
6157
|
+
(blur)="onBlur($event)"
|
|
6158
|
+
/>
|
|
6159
6159
|
`,
|
|
6160
6160
|
}]
|
|
6161
6161
|
}], propDecorators: { mask: [{ type: i0.Input, args: [{ isSignal: true, alias: "mask", required: false }] }], slotChar: [{ type: i0.Input, args: [{ isSignal: true, alias: "slotChar", required: false }] }], characterPattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "characterPattern", required: false }] }], unmask: [{ type: i0.Input, args: [{ isSignal: true, alias: "unmask", required: false }] }], autoClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoClear", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], inputed: [{ type: i0.Output, args: ["inputed"] }], blurred: [{ type: i0.Output, args: ["blurred"] }], completed: [{ type: i0.Output, args: ["completed"] }], field: [{ type: i0.ViewChild, args: ['field', { isSignal: true }] }] } });
|