@koobiq/components-experimental 18.33.0 → 18.35.0

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 (10) hide show
  1. package/esm2022/form-field/cleaner.mjs +3 -3
  2. package/esm2022/form-field/form-field.mjs +2 -2
  3. package/esm2022/form-field/hint.mjs +3 -3
  4. package/esm2022/form-field/password-toggle.mjs +3 -3
  5. package/esm2022/form-field/stepper.mjs +9 -9
  6. package/fesm2022/koobiq-components-experimental-form-field.mjs +16 -16
  7. package/fesm2022/koobiq-components-experimental-form-field.mjs.map +1 -1
  8. package/form-field/form-field-tokens.scss +4 -0
  9. package/form-field/form-field.scss +17 -0
  10. package/package.json +3 -3
package/esm2022/form-field/cleaner.mjs CHANGED
@@ -24,13 +24,13 @@ export class KbqCleaner {
24
24
  }
25
25
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqCleaner, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
26
26
  /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KbqCleaner, isStandalone: true, selector: "kbq-cleaner", host: { listeners: { "click": "clean($event)" }, properties: { "style.visibility": "visible ? \"visible\" : \"hidden\"", "attr.aria-hidden": "!visible" }, classAttribute: "kbq-cleaner___EXPERIMENTAL" }, exportAs: ["kbqCleaner"], ngImport: i0, template: `
27
- <i [autoColor]="true" color="contrast-fade" kbq-icon-button="kbq-xmark-circle_16"></i>
27
+ <i color="contrast-fade" kbq-icon-button="kbq-xmark-circle_16" [autoColor]="true"></i>
28
28
  `, isInline: true, styles: [".kbq-cleaner___EXPERIMENTAL{display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: KbqIconModule }, { kind: "component", type: i1.KbqIconButton, selector: "[kbq-icon-button]", inputs: ["small", "kbq-icon-button", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
29
29
  }
30
30
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqCleaner, decorators: [{
31
31
  type: Component,
32
32
  args: [{ standalone: true, imports: [KbqIconModule], selector: 'kbq-cleaner', exportAs: 'kbqCleaner', template: `
33
- <i [autoColor]="true" color="contrast-fade" kbq-icon-button="kbq-xmark-circle_16"></i>
33
+ <i color="contrast-fade" kbq-icon-button="kbq-xmark-circle_16" [autoColor]="true"></i>
34
34
  `, host: {
35
35
  class: 'kbq-cleaner___EXPERIMENTAL',
36
36
  '(click)': 'clean($event)',
@@ -38,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
38
38
  '[attr.aria-hidden]': '!visible'
39
39
  }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kbq-cleaner___EXPERIMENTAL{display:flex;align-items:center;justify-content:center}\n"] }]
40
40
  }] });
41
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xlYW5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMtZXhwZXJpbWVudGFsL2Zvcm0tZmllbGQvY2xlYW5lci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7OztBQUd4RDs7O0dBR0c7QUFtQkgsTUFBTSxPQUFPLFVBQVU7SUFsQnZCO1FBbUJJLDZCQUE2QjtRQUNaLGNBQVMsR0FBRyxNQUFNLENBQUMsa0JBQWtCLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQXdDLENBQUM7S0FjdEg7SUFaRyxzQ0FBc0M7SUFDdEMsSUFBSSxPQUFPO1FBQ1AsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsUUFBUSxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDO0lBQ3BGLENBQUM7SUFFRCxvQ0FBb0M7SUFDMUIsS0FBSyxDQUFDLEtBQWlCO1FBQzdCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUV4QixJQUFJLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUM7UUFDNUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDckMsQ0FBQztrSUFmUSxVQUFVO3NIQUFWLFVBQVUsNFNBYlQ7O0tBRVQsOEpBTFMsYUFBYTs7NEZBZ0JkLFVBQVU7a0JBbEJ0QixTQUFTO2lDQUNNLElBQUksV0FDUCxDQUFDLGFBQWEsQ0FBQyxZQUNkLGFBQWEsWUFDYixZQUFZLFlBQ1o7O0tBRVQsUUFFSzt3QkFDRixLQUFLLEVBQUUsNEJBQTRCO3dCQUNuQyxTQUFTLEVBQUUsZUFBZTt3QkFDMUIsb0JBQW9CLEVBQUUsZ0NBQWdDO3dCQUN0RCxvQkFBb0IsRUFBRSxVQUFVO3FCQUNuQyxpQkFDYyxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS0JRX0ZPUk1fRklFTERfUkVGIH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL2NvcmUnO1xuaW1wb3J0IHsgS2JxSWNvbk1vZHVsZSB9IGZyb20gJ0Brb29iaXEvY29tcG9uZW50cy9pY29uJztcbmltcG9ydCB7IEticUZvcm1GaWVsZCB9IGZyb20gJy4vZm9ybS1maWVsZCc7XG5cbi8qKlxuICogS2JxQ2xlYW5lciB0byBiZSBwbGFjZWQgaW4gZW5kIG9mIHRoZSBmb3JtIGZpZWxkLlxuICogUmVzZXRzIGZvcm0gY29udHJvbCBieSBjbGljay5cbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbS2JxSWNvbk1vZHVsZV0sXG4gICAgc2VsZWN0b3I6ICdrYnEtY2xlYW5lcicsXG4gICAgZXhwb3J0QXM6ICdrYnFDbGVhbmVyJyxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICA8aSBbYXV0b0NvbG9yXT1cInRydWVcIiBjb2xvcj1cImNvbnRyYXN0LWZhZGVcIiBrYnEtaWNvbi1idXR0b249XCJrYnEteG1hcmstY2lyY2xlXzE2XCI+PC9pPlxuICAgIGAsXG4gICAgc3R5bGVVcmw6ICcuL2NsZWFuZXIuc2NzcycsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1jbGVhbmVyX19fRVhQRVJJTUVOVEFMJyxcbiAgICAgICAgJyhjbGljayknOiAnY2xlYW4oJGV2ZW50KScsXG4gICAgICAgICdbc3R5bGUudmlzaWJpbGl0eV0nOiAndmlzaWJsZSA/IFwidmlzaWJsZVwiIDogXCJoaWRkZW5cIicsXG4gICAgICAgICdbYXR0ci5hcmlhLWhpZGRlbl0nOiAnIXZpc2libGUnXG4gICAgfSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEticUNsZWFuZXIge1xuICAgIC8vIEBUT0RPIGZpeCB0eXBlcyAoI0RTLTI5MTUpXG4gICAgcHJpdmF0ZSByZWFkb25seSBmb3JtRmllbGQgPSBpbmplY3QoS0JRX0ZPUk1fRklFTERfUkVGLCB7IG9wdGlvbmFsOiB0cnVlIH0pIGFzIHVua25vd24gYXMgS2JxRm9ybUZpZWxkIHwgdW5kZWZpbmVkO1xuXG4gICAgLyoqIFdoZXRoZXIgdG8gZGlzcGxheSB0aGUgY2xlYW5lci4gKi9cbiAgICBnZXQgdmlzaWJsZSgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuICF0aGlzLmZvcm1GaWVsZD8uZGlzYWJsZWQgJiYgISF0aGlzLmZvcm1GaWVsZD8uY29udHJvbD8ubmdDb250cm9sPy52YWx1ZTtcbiAgICB9XG5cbiAgICAvKiogQ2xlYW4gdGhlIGZvcm0gZmllbGQgY29udHJvbC4gKi9cbiAgICBwcm90ZWN0ZWQgY2xlYW4oZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICAgICAgdGhpcy5mb3JtRmllbGQ/LmNvbnRyb2w/Lm5nQ29udHJvbD8ucmVzZXQoKTtcbiAgICAgICAgdGhpcy5mb3JtRmllbGQ/LmNvbnRyb2w/LmZvY3VzKCk7XG4gICAgfVxufVxuIl19
41
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xlYW5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMtZXhwZXJpbWVudGFsL2Zvcm0tZmllbGQvY2xlYW5lci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7OztBQUd4RDs7O0dBR0c7QUFtQkgsTUFBTSxPQUFPLFVBQVU7SUFsQnZCO1FBbUJJLDZCQUE2QjtRQUNaLGNBQVMsR0FBRyxNQUFNLENBQUMsa0JBQWtCLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQXdDLENBQUM7S0FjdEg7SUFaRyxzQ0FBc0M7SUFDdEMsSUFBSSxPQUFPO1FBQ1AsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsUUFBUSxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDO0lBQ3BGLENBQUM7SUFFRCxvQ0FBb0M7SUFDMUIsS0FBSyxDQUFDLEtBQWlCO1FBQzdCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUV4QixJQUFJLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUM7UUFDNUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDckMsQ0FBQztrSUFmUSxVQUFVO3NIQUFWLFVBQVUsNFNBYlQ7O0tBRVQsOEpBTFMsYUFBYTs7NEZBZ0JkLFVBQVU7a0JBbEJ0QixTQUFTO2lDQUNNLElBQUksV0FDUCxDQUFDLGFBQWEsQ0FBQyxZQUNkLGFBQWEsWUFDYixZQUFZLFlBQ1o7O0tBRVQsUUFFSzt3QkFDRixLQUFLLEVBQUUsNEJBQTRCO3dCQUNuQyxTQUFTLEVBQUUsZUFBZTt3QkFDMUIsb0JBQW9CLEVBQUUsZ0NBQWdDO3dCQUN0RCxvQkFBb0IsRUFBRSxVQUFVO3FCQUNuQyxpQkFDYyxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS0JRX0ZPUk1fRklFTERfUkVGIH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL2NvcmUnO1xuaW1wb3J0IHsgS2JxSWNvbk1vZHVsZSB9IGZyb20gJ0Brb29iaXEvY29tcG9uZW50cy9pY29uJztcbmltcG9ydCB7IEticUZvcm1GaWVsZCB9IGZyb20gJy4vZm9ybS1maWVsZCc7XG5cbi8qKlxuICogS2JxQ2xlYW5lciB0byBiZSBwbGFjZWQgaW4gZW5kIG9mIHRoZSBmb3JtIGZpZWxkLlxuICogUmVzZXRzIGZvcm0gY29udHJvbCBieSBjbGljay5cbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbS2JxSWNvbk1vZHVsZV0sXG4gICAgc2VsZWN0b3I6ICdrYnEtY2xlYW5lcicsXG4gICAgZXhwb3J0QXM6ICdrYnFDbGVhbmVyJyxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICA8aSBjb2xvcj1cImNvbnRyYXN0LWZhZGVcIiBrYnEtaWNvbi1idXR0b249XCJrYnEteG1hcmstY2lyY2xlXzE2XCIgW2F1dG9Db2xvcl09XCJ0cnVlXCI+PC9pPlxuICAgIGAsXG4gICAgc3R5bGVVcmw6ICcuL2NsZWFuZXIuc2NzcycsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1jbGVhbmVyX19fRVhQRVJJTUVOVEFMJyxcbiAgICAgICAgJyhjbGljayknOiAnY2xlYW4oJGV2ZW50KScsXG4gICAgICAgICdbc3R5bGUudmlzaWJpbGl0eV0nOiAndmlzaWJsZSA/IFwidmlzaWJsZVwiIDogXCJoaWRkZW5cIicsXG4gICAgICAgICdbYXR0ci5hcmlhLWhpZGRlbl0nOiAnIXZpc2libGUnXG4gICAgfSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEticUNsZWFuZXIge1xuICAgIC8vIEBUT0RPIGZpeCB0eXBlcyAoI0RTLTI5MTUpXG4gICAgcHJpdmF0ZSByZWFkb25seSBmb3JtRmllbGQgPSBpbmplY3QoS0JRX0ZPUk1fRklFTERfUkVGLCB7IG9wdGlvbmFsOiB0cnVlIH0pIGFzIHVua25vd24gYXMgS2JxRm9ybUZpZWxkIHwgdW5kZWZpbmVkO1xuXG4gICAgLyoqIFdoZXRoZXIgdG8gZGlzcGxheSB0aGUgY2xlYW5lci4gKi9cbiAgICBnZXQgdmlzaWJsZSgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuICF0aGlzLmZvcm1GaWVsZD8uZGlzYWJsZWQgJiYgISF0aGlzLmZvcm1GaWVsZD8uY29udHJvbD8ubmdDb250cm9sPy52YWx1ZTtcbiAgICB9XG5cbiAgICAvKiogQ2xlYW4gdGhlIGZvcm0gZmllbGQgY29udHJvbC4gKi9cbiAgICBwcm90ZWN0ZWQgY2xlYW4oZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICAgICAgdGhpcy5mb3JtRmllbGQ/LmNvbnRyb2w/Lm5nQ29udHJvbD8ucmVzZXQoKTtcbiAgICAgICAgdGhpcy5mb3JtRmllbGQ/LmNvbnRyb2w/LmZvY3VzKCk7XG4gICAgfVxufVxuIl19
package/esm2022/form-field/form-field.mjs CHANGED
@@ -277,7 +277,7 @@ export class KbqFormField {
277
277
  });
278
278
  }
279
279
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqFormField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
280
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: KbqFormField, isStandalone: true, selector: "kbq-form-field", inputs: { noBorders: ["noBorders", "noBorders", booleanAttribute] }, host: { listeners: { "keydown": "onKeyDown($event)", "mouseenter": "mouseenter($event)", "mouseleave": "mouseleave($event)" }, properties: { "class.kbq-form-field_invalid": "invalid", "class.kbq-form-field_disabled": "disabled", "class.kbq-form-field_no-borders": "noBorders", "class.ng-untouched": "shouldBeForwarded(\"untouched\")", "class.ng-touched": "shouldBeForwarded(\"touched\")", "class.ng-pristine": "shouldBeForwarded(\"pristine\")", "class.ng-dirty": "shouldBeForwarded(\"dirty\")", "class.ng-valid": "shouldBeForwarded(\"valid\")", "class.ng-invalid": "shouldBeForwarded(\"invalid\")", "class.ng-pending": "shouldBeForwarded(\"pending\")" }, classAttribute: "kbq-form-field___EXPERIMENTAL" }, providers: [{ provide: KBQ_FORM_FIELD_REF, useExisting: KbqFormField }], queries: [{ propertyName: "_control", first: true, predicate: KbqFormFieldControl, descendants: true }, { propertyName: "stepper", first: true, predicate: KbqStepper, descendants: true }, { propertyName: "cleaner", first: true, predicate: KbqCleaner, descendants: true }, { propertyName: "label", first: true, predicate: KbqLabel, descendants: true }, { propertyName: "passwordToggle", first: true, predicate: KbqPasswordToggle, descendants: true }, { propertyName: "hint", predicate: KbqHint }, { propertyName: "passwordHint", predicate: KbqPasswordHint }, { propertyName: "suffix", predicate: KbqSuffix }, { propertyName: "prefix", predicate: KbqPrefix }, { propertyName: "error", predicate: KbqError }], viewQueries: [{ propertyName: "connectionContainerRef", first: true, predicate: ["connectionContainer"], descendants: true }], exportAs: ["kbqFormField"], ngImport: i0, template: "@if (hasLabel) {\n <label class=\"kbq-form-field__label\" [attr.for]=\"control.id\">\n <ng-content select=\"kbq-label\" />\n </label>\n}\n\n<div #connectionContainer class=\"kbq-form-field__container\" (click)=\"onContainerClick($event)\">\n @if (hasPrefix) {\n <div class=\"kbq-form-field__prefix\">\n <ng-content select=\"[kbqPrefix]\" />\n </div>\n }\n\n <div class=\"kbq-form-field__control\">\n <ng-content />\n </div>\n\n @if (hasSuffix || hasCleaner || hasPasswordToggle || hasStepper) {\n <div class=\"kbq-form-field__suffix\">\n <ng-content select=\"kbq-cleaner\" />\n\n <ng-content select=\"kbq-password-toggle\" />\n\n <ng-content select=\"kbq-stepper\" />\n\n <ng-content select=\"[kbqSuffix]\" />\n </div>\n }\n</div>\n\n@if (hasHint || hasPasswordHint || hasError) {\n <div class=\"kbq-form-field__hint\">\n @if (invalid) {\n <ng-content select=\"kbq-error\" />\n }\n\n <ng-content select=\"kbq-hint, kbq-password-hint\" />\n </div>\n}\n", styles: [".kbq-form-field___EXPERIMENTAL{display:inline-block;width:100%}.kbq-form-field___EXPERIMENTAL .kbq-form-field__container{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-width:var(--kbq-form-field-size-border-width);border-style:solid;border-color:transparent;border-radius:var(--kbq-form-field-size-border-radius)}.kbq-form-field___EXPERIMENTAL .kbq-form-field:not(.kbq-form-field-type-textarea){height:var(--kbq-form-field-size-height)}.kbq-form-field___EXPERIMENTAL,.kbq-form-field___EXPERIMENTAL .kbq-input,.kbq-form-field___EXPERIMENTAL .kbq-textarea{border-radius:var(--kbq-form-field-size-border-radius)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_no-borders .kbq-form-field__container{border-color:transparent!important;box-shadow:none!important}.kbq-form-field___EXPERIMENTAL .kbq-form-field__control{width:100%;flex-grow:1}.kbq-form-field___EXPERIMENTAL .kbq-form-field__label{display:flex;margin-bottom:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix,.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix{display:flex;justify-content:center;align-items:center;gap:var(--kbq-size-xxs)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix{margin-left:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix{margin-right:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix:has(>.kbq-stepper___EXPERIMENTAL){margin-right:0}.kbq-form-field___EXPERIMENTAL .kbq-form-field__hint{display:flex;flex-direction:column;margin-top:var(--kbq-form-field-hint-size-margin-top);gap:var(--kbq-size-xxs)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__container{border-color:var(--kbq-form-field-default-border-color);background-color:var(--kbq-form-field-default-background)}.kbq-form-field___EXPERIMENTAL .kbq-input,.kbq-form-field___EXPERIMENTAL .kbq-tag-input,.kbq-form-field___EXPERIMENTAL .kbq-textarea{color:var(--kbq-form-field-default-text)}.kbq-form-field___EXPERIMENTAL .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill,.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill:hover,.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 40rem var(--kbq-form-field-states-autofill-background);-webkit-text-fill-color:var(--kbq-form-field-states-autofill-text);caret-color:var(--kbq-form-field-states-autofill-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-form-field__container{border-color:var(--kbq-form-field-states-focused-border-color);background-color:var(--kbq-form-field-states-focused-background)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea{color:var(--kbq-form-field-states-focused-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-focused-focus-outline)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-error-focused-focus-outline)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-form-field__container{border-color:var(--kbq-form-field-states-disabled-border-color);background-color:var(--kbq-form-field-states-disabled-background)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea{color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-icon.kbq-empty{color:var(--kbq-form-field-states-disabled-text);-webkit-text-fill-color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field___EXPERIMENTAL .kbq-hint___EXPERIMENTAL{color:var(--kbq-form-field-hint-text)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix .kbq-icon.kbq-empty,.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix .kbq-icon.kbq-empty{color:var(--kbq-icon-contrast-fade)}.kbq-form-field___EXPERIMENTAL{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-form-field___EXPERIMENTAL .kbq-hint___EXPERIMENTAL:not(.kbq-password-hint___EXPERIMENTAL) .kbq-hint__text{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-form-field___EXPERIMENTAL{--kbq-form-field-size-height: var(--kbq-size-3xl);--kbq-form-field-size-border-width: 1px;--kbq-form-field-size-border-radius: var(--kbq-size-border-radius);--kbq-form-field-size-icon-size: var(--kbq-size-l);--kbq-form-field-size-icon-margin-left: var(--kbq-size-s);--kbq-form-field-size-icon-margin-right: var(--kbq-size-s);--kbq-form-field-size-icon-button-size: var(--kbq-size-xxl);--kbq-form-field-size-icon-button-margin-left: var(--kbq-size-xxs);--kbq-form-field-hint-size-margin-top: var(--kbq-size-xs);--kbq-form-field-hint-size-gap: var(--kbq-size-s);--kbq-form-field-default-border-color: var(--kbq-line-contrast-fade);--kbq-form-field-default-background: var(--kbq-background-bg);--kbq-form-field-default-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-default-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-focused-background: var(--kbq-background-bg);--kbq-form-field-states-focused-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-focused-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-focus-outline: var(--kbq-states-line-focus-theme);--kbq-form-field-states-error-border-color: var(--kbq-line-error);--kbq-form-field-states-error-background: var(--kbq-background-error-less);--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-tertiary);--kbq-form-field-states-error-text: var(--kbq-foreground-error);--kbq-form-field-states-error-focused-focus-outline: var(--kbq-states-line-focus-error);--kbq-form-field-states-autofill-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-autofill-background: var(--kbq-background-theme-less);--kbq-form-field-states-autofill-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-autofill-text: var(--kbq-foreground-contrast);--kbq-form-field-states-disabled-border-color: var(--kbq-states-line-disabled);--kbq-form-field-states-disabled-background: var(--kbq-states-background-disabled);--kbq-form-field-states-disabled-placeholder: var(--kbq-states-foreground-disabled);--kbq-form-field-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-form-field-hint-text: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark){--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-secondary)}\n", ".kbq-input{background:transparent;padding:0;margin:0;border:none;outline:none;display:inline-block;box-sizing:border-box;text-overflow:ellipsis;width:100%;min-height:calc(var(--kbq-size-3xl) - var(--kbq-size-border-width) * 2);padding:var(--kbq-input-size-padding-vertical) var(--kbq-input-size-padding-horizontal)}.kbq-input::-ms-clear{display:none;width:0;height:0}.kbq-input::-ms-reveal{display:none;width:0;height:0}.kbq-input::-webkit-search-decoration,.kbq-input::-webkit-search-cancel-button,.kbq-input::-webkit-search-results-button,.kbq-input::-webkit-search-results-decoration{display:none}input.kbq-input[type=number]{-moz-appearance:textfield}input.kbq-input[type=number]::-webkit-inner-spin-button,input.kbq-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input.kbq-input:invalid{box-shadow:unset}input.kbq-input::placeholder{opacity:1}.kbq-input,.kbq-input.kbq-input-password::placeholder{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-input.kbq-input-password{font-size:var(--kbq-typography-mono-normal-font-size);font-style:var(--kbq-typography-mono-normal-font-style);font-weight:var(--kbq-typography-mono-normal-font-weight);line-height:var(--kbq-typography-mono-normal-line-height);font-family:var(--kbq-typography-mono-normal-font-family);text-transform:var(--kbq-typography-mono-normal-text-transform);font-feature-settings:var(--kbq-typography-mono-normal-font-feature-settings);letter-spacing:var(--kbq-typography-mono-normal-letter-spacing);font-variant-ligatures:none;font-feature-settings:\"liga\" 0,\"clig\" 0,\"calt\" 0}\n", ".kbq-input{--kbq-input-size-padding-horizontal: 0;--kbq-input-size-padding-vertical: var(--kbq-form-field-size-container-vertical-padding)}\n", ".kbq-form-field-type-tag-list{--kbq-tag-input-size-padding-left: var(--kbq-size-xxs);--kbq-tag-input-size-padding-right: var(--kbq-size-m);--kbq-tag-input-size-padding-vertical: var(--kbq-size-xxs);--kbq-tag-input-size-content-gap: var(--kbq-size-s)}\n", ".kbq-timepicker{padding-right:var(--kbq-timepicker-size-padding-right)}.kbq-form-field-type-timepicker{width:136px}\n", ".kbq-form-field-type-datepicker{width:136px}\n", ".kbq-textarea{--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 5px;--kbq-textarea-size-padding-horizontal: var(--kbq-size-m)}.kbq-textarea{display:inline-block;background:transparent;margin:0;border:none;outline:none;resize:none;overflow:auto;width:100%;box-sizing:border-box;padding:var(--kbq-textarea-size-padding-vertical) var(--kbq-textarea-size-padding-horizontal);-webkit-appearance:none;vertical-align:bottom}.kbq-textarea:not(.kbq-textarea-resizable){box-sizing:border-box;overflow-y:hidden}.kbq-textarea.kbq-textarea-resizable{resize:vertical;min-height:var(--kbq-textarea-size-min-height)}.kbq-textarea.kbq-textarea_max-row-limit-reached{resize:unset}.kbq-textarea:invalid{box-shadow:unset}\n", ".kbq-textarea{--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 5px;--kbq-textarea-size-padding-horizontal: var(--kbq-size-m)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
280
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: KbqFormField, isStandalone: true, selector: "kbq-form-field", inputs: { noBorders: ["noBorders", "noBorders", booleanAttribute] }, host: { listeners: { "keydown": "onKeyDown($event)", "mouseenter": "mouseenter($event)", "mouseleave": "mouseleave($event)" }, properties: { "class.kbq-form-field_invalid": "invalid", "class.kbq-form-field_disabled": "disabled", "class.kbq-form-field_no-borders": "noBorders", "class.ng-untouched": "shouldBeForwarded(\"untouched\")", "class.ng-touched": "shouldBeForwarded(\"touched\")", "class.ng-pristine": "shouldBeForwarded(\"pristine\")", "class.ng-dirty": "shouldBeForwarded(\"dirty\")", "class.ng-valid": "shouldBeForwarded(\"valid\")", "class.ng-invalid": "shouldBeForwarded(\"invalid\")", "class.ng-pending": "shouldBeForwarded(\"pending\")" }, classAttribute: "kbq-form-field___EXPERIMENTAL" }, providers: [{ provide: KBQ_FORM_FIELD_REF, useExisting: KbqFormField }], queries: [{ propertyName: "_control", first: true, predicate: KbqFormFieldControl, descendants: true }, { propertyName: "stepper", first: true, predicate: KbqStepper, descendants: true }, { propertyName: "cleaner", first: true, predicate: KbqCleaner, descendants: true }, { propertyName: "label", first: true, predicate: KbqLabel, descendants: true }, { propertyName: "passwordToggle", first: true, predicate: KbqPasswordToggle, descendants: true }, { propertyName: "hint", predicate: KbqHint }, { propertyName: "passwordHint", predicate: KbqPasswordHint }, { propertyName: "suffix", predicate: KbqSuffix }, { propertyName: "prefix", predicate: KbqPrefix }, { propertyName: "error", predicate: KbqError }], viewQueries: [{ propertyName: "connectionContainerRef", first: true, predicate: ["connectionContainer"], descendants: true }], exportAs: ["kbqFormField"], ngImport: i0, template: "@if (hasLabel) {\n <label class=\"kbq-form-field__label\" [attr.for]=\"control.id\">\n <ng-content select=\"kbq-label\" />\n </label>\n}\n\n<div #connectionContainer class=\"kbq-form-field__container\" (click)=\"onContainerClick($event)\">\n @if (hasPrefix) {\n <div class=\"kbq-form-field__prefix\">\n <ng-content select=\"[kbqPrefix]\" />\n </div>\n }\n\n <div class=\"kbq-form-field__control\">\n <ng-content />\n </div>\n\n @if (hasSuffix || hasCleaner || hasPasswordToggle || hasStepper) {\n <div class=\"kbq-form-field__suffix\">\n <ng-content select=\"kbq-cleaner\" />\n\n <ng-content select=\"kbq-password-toggle\" />\n\n <ng-content select=\"kbq-stepper\" />\n\n <ng-content select=\"[kbqSuffix]\" />\n </div>\n }\n</div>\n\n@if (hasHint || hasPasswordHint || hasError) {\n <div class=\"kbq-form-field__hint\">\n @if (invalid) {\n <ng-content select=\"kbq-error\" />\n }\n\n <ng-content select=\"kbq-hint, kbq-password-hint\" />\n </div>\n}\n", styles: [".kbq-form-field___EXPERIMENTAL{display:inline-block;width:100%}.kbq-form-field___EXPERIMENTAL .kbq-form-field__container{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-width:var(--kbq-form-field-size-border-width);border-style:solid;border-color:transparent;border-radius:var(--kbq-form-field-size-border-radius);padding-left:var(--kbq-form-field-size-container-left-padding);padding-right:var(--kbq-form-field-size-container-right-padding)}.kbq-form-field___EXPERIMENTAL .kbq-form-field:not(.kbq-form-field-type-textarea){height:var(--kbq-form-field-size-height)}.kbq-form-field___EXPERIMENTAL,.kbq-form-field___EXPERIMENTAL .kbq-input,.kbq-form-field___EXPERIMENTAL .kbq-textarea{border-radius:var(--kbq-form-field-size-border-radius)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_no-borders .kbq-form-field__container{border-color:transparent!important;box-shadow:none!important}.kbq-form-field___EXPERIMENTAL .kbq-form-field__control{width:100%;flex-grow:1;padding-left:var(--kbq-form-field-size-infix-left-padding)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__control:has(.kbq-select_multiple,.kbq-select_multiline):not(:has(.kbq-select__trigger_empty)),.kbq-form-field___EXPERIMENTAL .kbq-form-field__control:has(.kbq-tag-list){padding-left:0;max-width:100%}.kbq-form-field___EXPERIMENTAL .kbq-form-field__control .kbq-input,.kbq-form-field___EXPERIMENTAL .kbq-form-field__control .kbq-tag-input{padding-right:var(--kbq-form-field-size-infix-right-padding)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__label{display:flex;margin-bottom:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix,.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix{display:flex;justify-content:center;align-items:center;gap:var(--kbq-size-xxs)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix{margin-left:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix{margin-right:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix:has(>.kbq-stepper___EXPERIMENTAL){margin-right:0}.kbq-form-field___EXPERIMENTAL .kbq-form-field__hint{display:flex;flex-direction:column;margin-top:var(--kbq-form-field-hint-size-margin-top);gap:var(--kbq-size-xxs)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__container{border-color:var(--kbq-form-field-default-border-color);background-color:var(--kbq-form-field-default-background)}.kbq-form-field___EXPERIMENTAL .kbq-input,.kbq-form-field___EXPERIMENTAL .kbq-tag-input,.kbq-form-field___EXPERIMENTAL .kbq-textarea{color:var(--kbq-form-field-default-text)}.kbq-form-field___EXPERIMENTAL .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill,.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill:hover,.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 40rem var(--kbq-form-field-states-autofill-background);-webkit-text-fill-color:var(--kbq-form-field-states-autofill-text);caret-color:var(--kbq-form-field-states-autofill-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-form-field__container{border-color:var(--kbq-form-field-states-focused-border-color);background-color:var(--kbq-form-field-states-focused-background)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea{color:var(--kbq-form-field-states-focused-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-focused-focus-outline)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-error-focused-focus-outline)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-form-field__container{border-color:var(--kbq-form-field-states-disabled-border-color);background-color:var(--kbq-form-field-states-disabled-background)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea{color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-icon.kbq-empty{color:var(--kbq-form-field-states-disabled-text);-webkit-text-fill-color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field___EXPERIMENTAL .kbq-hint___EXPERIMENTAL{color:var(--kbq-form-field-hint-text)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix .kbq-icon.kbq-empty,.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix .kbq-icon.kbq-empty{color:var(--kbq-icon-contrast-fade)}.kbq-form-field___EXPERIMENTAL{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-form-field___EXPERIMENTAL .kbq-hint___EXPERIMENTAL:not(.kbq-password-hint___EXPERIMENTAL) .kbq-hint__text{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-form-field___EXPERIMENTAL{--kbq-form-field-size-height: var(--kbq-size-3xl);--kbq-form-field-size-border-width: 1px;--kbq-form-field-size-border-radius: var(--kbq-size-border-radius);--kbq-form-field-size-icon-size: var(--kbq-size-l);--kbq-form-field-size-icon-margin-left: var(--kbq-size-s);--kbq-form-field-size-icon-margin-right: var(--kbq-size-s);--kbq-form-field-size-icon-button-size: var(--kbq-size-xxl);--kbq-form-field-size-icon-button-margin-left: var(--kbq-size-xxs);--kbq-form-field-hint-size-margin-top: var(--kbq-size-xs);--kbq-form-field-hint-size-gap: var(--kbq-size-s);--kbq-form-field-size-container-left-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-form-field-size-container-right-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-form-field-size-infix-left-padding: var(--kbq-size-xs);--kbq-form-field-size-infix-right-padding: var(--kbq-size-xxs);--kbq-form-field-default-border-color: var(--kbq-line-contrast-fade);--kbq-form-field-default-background: var(--kbq-background-bg);--kbq-form-field-default-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-default-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-focused-background: var(--kbq-background-bg);--kbq-form-field-states-focused-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-focused-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-focus-outline: var(--kbq-states-line-focus-theme);--kbq-form-field-states-error-border-color: var(--kbq-line-error);--kbq-form-field-states-error-background: var(--kbq-background-error-less);--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-tertiary);--kbq-form-field-states-error-text: var(--kbq-foreground-error);--kbq-form-field-states-error-focused-focus-outline: var(--kbq-states-line-focus-error);--kbq-form-field-states-autofill-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-autofill-background: var(--kbq-background-theme-less);--kbq-form-field-states-autofill-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-autofill-text: var(--kbq-foreground-contrast);--kbq-form-field-states-disabled-border-color: var(--kbq-states-line-disabled);--kbq-form-field-states-disabled-background: var(--kbq-states-background-disabled);--kbq-form-field-states-disabled-placeholder: var(--kbq-states-foreground-disabled);--kbq-form-field-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-form-field-hint-text: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark){--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-secondary)}\n", ".kbq-input{background:transparent;padding:0;margin:0;border:none;outline:none;display:inline-block;box-sizing:border-box;text-overflow:ellipsis;width:100%;min-height:calc(var(--kbq-size-3xl) - var(--kbq-size-border-width) * 2);padding:var(--kbq-input-size-padding-vertical) var(--kbq-input-size-padding-horizontal)}.kbq-input::-ms-clear{display:none;width:0;height:0}.kbq-input::-ms-reveal{display:none;width:0;height:0}.kbq-input::-webkit-search-decoration,.kbq-input::-webkit-search-cancel-button,.kbq-input::-webkit-search-results-button,.kbq-input::-webkit-search-results-decoration{display:none}input.kbq-input[type=number]{-moz-appearance:textfield}input.kbq-input[type=number]::-webkit-inner-spin-button,input.kbq-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input.kbq-input:invalid{box-shadow:unset}input.kbq-input::placeholder{opacity:1}.kbq-input,.kbq-input.kbq-input-password::placeholder{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-input.kbq-input-password{font-size:var(--kbq-typography-mono-normal-font-size);font-style:var(--kbq-typography-mono-normal-font-style);font-weight:var(--kbq-typography-mono-normal-font-weight);line-height:var(--kbq-typography-mono-normal-line-height);font-family:var(--kbq-typography-mono-normal-font-family);text-transform:var(--kbq-typography-mono-normal-text-transform);font-feature-settings:var(--kbq-typography-mono-normal-font-feature-settings);letter-spacing:var(--kbq-typography-mono-normal-letter-spacing);font-variant-ligatures:none;font-feature-settings:\"liga\" 0,\"clig\" 0,\"calt\" 0}\n", ".kbq-input{--kbq-input-size-padding-horizontal: 0;--kbq-input-size-padding-vertical: var(--kbq-form-field-size-container-vertical-padding)}\n", ".kbq-form-field-type-tag-list{--kbq-tag-input-size-padding-left: var(--kbq-size-xxs);--kbq-tag-input-size-padding-right: var(--kbq-size-m);--kbq-tag-input-size-padding-vertical: var(--kbq-size-xxs);--kbq-tag-input-size-content-gap: var(--kbq-size-s)}\n", ".kbq-timepicker{padding-right:var(--kbq-timepicker-size-padding-right)}.kbq-form-field-type-timepicker{width:136px}\n", ".kbq-form-field-type-datepicker{width:136px}\n", ".kbq-textarea{--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 5px;--kbq-textarea-size-padding-horizontal: 11px}.kbq-textarea{display:inline-block;background:transparent;margin:0;border:none;outline:none;resize:none;overflow:auto;width:100%;box-sizing:border-box;padding:var(--kbq-textarea-size-padding-vertical) var(--kbq-textarea-size-padding-horizontal);-webkit-appearance:none;vertical-align:bottom}.kbq-textarea:not(.kbq-textarea-resizable){box-sizing:border-box;overflow-y:hidden}.kbq-textarea.kbq-textarea-resizable{resize:vertical;min-height:var(--kbq-textarea-size-min-height)}.kbq-textarea.kbq-textarea_max-row-limit-reached{resize:unset}.kbq-textarea:invalid{box-shadow:unset}\n", ".kbq-textarea{--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 5px;--kbq-textarea-size-padding-horizontal: 11px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
281
281
  }
282
282
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqFormField, decorators: [{
283
283
  type: Component,
@@ -296,7 +296,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
296
296
  '(keydown)': 'onKeyDown($event)',
297
297
  '(mouseenter)': 'mouseenter($event)',
298
298
  '(mouseleave)': 'mouseleave($event)'
299
- }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: KBQ_FORM_FIELD_REF, useExisting: KbqFormField }], template: "@if (hasLabel) {\n <label class=\"kbq-form-field__label\" [attr.for]=\"control.id\">\n <ng-content select=\"kbq-label\" />\n </label>\n}\n\n<div #connectionContainer class=\"kbq-form-field__container\" (click)=\"onContainerClick($event)\">\n @if (hasPrefix) {\n <div class=\"kbq-form-field__prefix\">\n <ng-content select=\"[kbqPrefix]\" />\n </div>\n }\n\n <div class=\"kbq-form-field__control\">\n <ng-content />\n </div>\n\n @if (hasSuffix || hasCleaner || hasPasswordToggle || hasStepper) {\n <div class=\"kbq-form-field__suffix\">\n <ng-content select=\"kbq-cleaner\" />\n\n <ng-content select=\"kbq-password-toggle\" />\n\n <ng-content select=\"kbq-stepper\" />\n\n <ng-content select=\"[kbqSuffix]\" />\n </div>\n }\n</div>\n\n@if (hasHint || hasPasswordHint || hasError) {\n <div class=\"kbq-form-field__hint\">\n @if (invalid) {\n <ng-content select=\"kbq-error\" />\n }\n\n <ng-content select=\"kbq-hint, kbq-password-hint\" />\n </div>\n}\n", styles: [".kbq-form-field___EXPERIMENTAL{display:inline-block;width:100%}.kbq-form-field___EXPERIMENTAL .kbq-form-field__container{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-width:var(--kbq-form-field-size-border-width);border-style:solid;border-color:transparent;border-radius:var(--kbq-form-field-size-border-radius)}.kbq-form-field___EXPERIMENTAL .kbq-form-field:not(.kbq-form-field-type-textarea){height:var(--kbq-form-field-size-height)}.kbq-form-field___EXPERIMENTAL,.kbq-form-field___EXPERIMENTAL .kbq-input,.kbq-form-field___EXPERIMENTAL .kbq-textarea{border-radius:var(--kbq-form-field-size-border-radius)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_no-borders .kbq-form-field__container{border-color:transparent!important;box-shadow:none!important}.kbq-form-field___EXPERIMENTAL .kbq-form-field__control{width:100%;flex-grow:1}.kbq-form-field___EXPERIMENTAL .kbq-form-field__label{display:flex;margin-bottom:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix,.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix{display:flex;justify-content:center;align-items:center;gap:var(--kbq-size-xxs)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix{margin-left:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix{margin-right:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix:has(>.kbq-stepper___EXPERIMENTAL){margin-right:0}.kbq-form-field___EXPERIMENTAL .kbq-form-field__hint{display:flex;flex-direction:column;margin-top:var(--kbq-form-field-hint-size-margin-top);gap:var(--kbq-size-xxs)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__container{border-color:var(--kbq-form-field-default-border-color);background-color:var(--kbq-form-field-default-background)}.kbq-form-field___EXPERIMENTAL .kbq-input,.kbq-form-field___EXPERIMENTAL .kbq-tag-input,.kbq-form-field___EXPERIMENTAL .kbq-textarea{color:var(--kbq-form-field-default-text)}.kbq-form-field___EXPERIMENTAL .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill,.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill:hover,.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 40rem var(--kbq-form-field-states-autofill-background);-webkit-text-fill-color:var(--kbq-form-field-states-autofill-text);caret-color:var(--kbq-form-field-states-autofill-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-form-field__container{border-color:var(--kbq-form-field-states-focused-border-color);background-color:var(--kbq-form-field-states-focused-background)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea{color:var(--kbq-form-field-states-focused-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-focused-focus-outline)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-error-focused-focus-outline)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-form-field__container{border-color:var(--kbq-form-field-states-disabled-border-color);background-color:var(--kbq-form-field-states-disabled-background)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea{color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-icon.kbq-empty{color:var(--kbq-form-field-states-disabled-text);-webkit-text-fill-color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field___EXPERIMENTAL .kbq-hint___EXPERIMENTAL{color:var(--kbq-form-field-hint-text)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix .kbq-icon.kbq-empty,.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix .kbq-icon.kbq-empty{color:var(--kbq-icon-contrast-fade)}.kbq-form-field___EXPERIMENTAL{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-form-field___EXPERIMENTAL .kbq-hint___EXPERIMENTAL:not(.kbq-password-hint___EXPERIMENTAL) .kbq-hint__text{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-form-field___EXPERIMENTAL{--kbq-form-field-size-height: var(--kbq-size-3xl);--kbq-form-field-size-border-width: 1px;--kbq-form-field-size-border-radius: var(--kbq-size-border-radius);--kbq-form-field-size-icon-size: var(--kbq-size-l);--kbq-form-field-size-icon-margin-left: var(--kbq-size-s);--kbq-form-field-size-icon-margin-right: var(--kbq-size-s);--kbq-form-field-size-icon-button-size: var(--kbq-size-xxl);--kbq-form-field-size-icon-button-margin-left: var(--kbq-size-xxs);--kbq-form-field-hint-size-margin-top: var(--kbq-size-xs);--kbq-form-field-hint-size-gap: var(--kbq-size-s);--kbq-form-field-default-border-color: var(--kbq-line-contrast-fade);--kbq-form-field-default-background: var(--kbq-background-bg);--kbq-form-field-default-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-default-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-focused-background: var(--kbq-background-bg);--kbq-form-field-states-focused-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-focused-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-focus-outline: var(--kbq-states-line-focus-theme);--kbq-form-field-states-error-border-color: var(--kbq-line-error);--kbq-form-field-states-error-background: var(--kbq-background-error-less);--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-tertiary);--kbq-form-field-states-error-text: var(--kbq-foreground-error);--kbq-form-field-states-error-focused-focus-outline: var(--kbq-states-line-focus-error);--kbq-form-field-states-autofill-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-autofill-background: var(--kbq-background-theme-less);--kbq-form-field-states-autofill-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-autofill-text: var(--kbq-foreground-contrast);--kbq-form-field-states-disabled-border-color: var(--kbq-states-line-disabled);--kbq-form-field-states-disabled-background: var(--kbq-states-background-disabled);--kbq-form-field-states-disabled-placeholder: var(--kbq-states-foreground-disabled);--kbq-form-field-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-form-field-hint-text: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark){--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-secondary)}\n", ".kbq-input{background:transparent;padding:0;margin:0;border:none;outline:none;display:inline-block;box-sizing:border-box;text-overflow:ellipsis;width:100%;min-height:calc(var(--kbq-size-3xl) - var(--kbq-size-border-width) * 2);padding:var(--kbq-input-size-padding-vertical) var(--kbq-input-size-padding-horizontal)}.kbq-input::-ms-clear{display:none;width:0;height:0}.kbq-input::-ms-reveal{display:none;width:0;height:0}.kbq-input::-webkit-search-decoration,.kbq-input::-webkit-search-cancel-button,.kbq-input::-webkit-search-results-button,.kbq-input::-webkit-search-results-decoration{display:none}input.kbq-input[type=number]{-moz-appearance:textfield}input.kbq-input[type=number]::-webkit-inner-spin-button,input.kbq-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input.kbq-input:invalid{box-shadow:unset}input.kbq-input::placeholder{opacity:1}.kbq-input,.kbq-input.kbq-input-password::placeholder{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-input.kbq-input-password{font-size:var(--kbq-typography-mono-normal-font-size);font-style:var(--kbq-typography-mono-normal-font-style);font-weight:var(--kbq-typography-mono-normal-font-weight);line-height:var(--kbq-typography-mono-normal-line-height);font-family:var(--kbq-typography-mono-normal-font-family);text-transform:var(--kbq-typography-mono-normal-text-transform);font-feature-settings:var(--kbq-typography-mono-normal-font-feature-settings);letter-spacing:var(--kbq-typography-mono-normal-letter-spacing);font-variant-ligatures:none;font-feature-settings:\"liga\" 0,\"clig\" 0,\"calt\" 0}\n", ".kbq-input{--kbq-input-size-padding-horizontal: 0;--kbq-input-size-padding-vertical: var(--kbq-form-field-size-container-vertical-padding)}\n", ".kbq-form-field-type-tag-list{--kbq-tag-input-size-padding-left: var(--kbq-size-xxs);--kbq-tag-input-size-padding-right: var(--kbq-size-m);--kbq-tag-input-size-padding-vertical: var(--kbq-size-xxs);--kbq-tag-input-size-content-gap: var(--kbq-size-s)}\n", ".kbq-timepicker{padding-right:var(--kbq-timepicker-size-padding-right)}.kbq-form-field-type-timepicker{width:136px}\n", ".kbq-form-field-type-datepicker{width:136px}\n", ".kbq-textarea{--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 5px;--kbq-textarea-size-padding-horizontal: var(--kbq-size-m)}.kbq-textarea{display:inline-block;background:transparent;margin:0;border:none;outline:none;resize:none;overflow:auto;width:100%;box-sizing:border-box;padding:var(--kbq-textarea-size-padding-vertical) var(--kbq-textarea-size-padding-horizontal);-webkit-appearance:none;vertical-align:bottom}.kbq-textarea:not(.kbq-textarea-resizable){box-sizing:border-box;overflow-y:hidden}.kbq-textarea.kbq-textarea-resizable{resize:vertical;min-height:var(--kbq-textarea-size-min-height)}.kbq-textarea.kbq-textarea_max-row-limit-reached{resize:unset}.kbq-textarea:invalid{box-shadow:unset}\n", ".kbq-textarea{--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 5px;--kbq-textarea-size-padding-horizontal: var(--kbq-size-m)}\n"] }]
299
+ }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: KBQ_FORM_FIELD_REF, useExisting: KbqFormField }], template: "@if (hasLabel) {\n <label class=\"kbq-form-field__label\" [attr.for]=\"control.id\">\n <ng-content select=\"kbq-label\" />\n </label>\n}\n\n<div #connectionContainer class=\"kbq-form-field__container\" (click)=\"onContainerClick($event)\">\n @if (hasPrefix) {\n <div class=\"kbq-form-field__prefix\">\n <ng-content select=\"[kbqPrefix]\" />\n </div>\n }\n\n <div class=\"kbq-form-field__control\">\n <ng-content />\n </div>\n\n @if (hasSuffix || hasCleaner || hasPasswordToggle || hasStepper) {\n <div class=\"kbq-form-field__suffix\">\n <ng-content select=\"kbq-cleaner\" />\n\n <ng-content select=\"kbq-password-toggle\" />\n\n <ng-content select=\"kbq-stepper\" />\n\n <ng-content select=\"[kbqSuffix]\" />\n </div>\n }\n</div>\n\n@if (hasHint || hasPasswordHint || hasError) {\n <div class=\"kbq-form-field__hint\">\n @if (invalid) {\n <ng-content select=\"kbq-error\" />\n }\n\n <ng-content select=\"kbq-hint, kbq-password-hint\" />\n </div>\n}\n", styles: [".kbq-form-field___EXPERIMENTAL{display:inline-block;width:100%}.kbq-form-field___EXPERIMENTAL .kbq-form-field__container{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-width:var(--kbq-form-field-size-border-width);border-style:solid;border-color:transparent;border-radius:var(--kbq-form-field-size-border-radius);padding-left:var(--kbq-form-field-size-container-left-padding);padding-right:var(--kbq-form-field-size-container-right-padding)}.kbq-form-field___EXPERIMENTAL .kbq-form-field:not(.kbq-form-field-type-textarea){height:var(--kbq-form-field-size-height)}.kbq-form-field___EXPERIMENTAL,.kbq-form-field___EXPERIMENTAL .kbq-input,.kbq-form-field___EXPERIMENTAL .kbq-textarea{border-radius:var(--kbq-form-field-size-border-radius)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_no-borders .kbq-form-field__container{border-color:transparent!important;box-shadow:none!important}.kbq-form-field___EXPERIMENTAL .kbq-form-field__control{width:100%;flex-grow:1;padding-left:var(--kbq-form-field-size-infix-left-padding)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__control:has(.kbq-select_multiple,.kbq-select_multiline):not(:has(.kbq-select__trigger_empty)),.kbq-form-field___EXPERIMENTAL .kbq-form-field__control:has(.kbq-tag-list){padding-left:0;max-width:100%}.kbq-form-field___EXPERIMENTAL .kbq-form-field__control .kbq-input,.kbq-form-field___EXPERIMENTAL .kbq-form-field__control .kbq-tag-input{padding-right:var(--kbq-form-field-size-infix-right-padding)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__label{display:flex;margin-bottom:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix,.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix{display:flex;justify-content:center;align-items:center;gap:var(--kbq-size-xxs)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix{margin-left:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix{margin-right:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix:has(>.kbq-stepper___EXPERIMENTAL){margin-right:0}.kbq-form-field___EXPERIMENTAL .kbq-form-field__hint{display:flex;flex-direction:column;margin-top:var(--kbq-form-field-hint-size-margin-top);gap:var(--kbq-size-xxs)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__container{border-color:var(--kbq-form-field-default-border-color);background-color:var(--kbq-form-field-default-background)}.kbq-form-field___EXPERIMENTAL .kbq-input,.kbq-form-field___EXPERIMENTAL .kbq-tag-input,.kbq-form-field___EXPERIMENTAL .kbq-textarea{color:var(--kbq-form-field-default-text)}.kbq-form-field___EXPERIMENTAL .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill,.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill:hover,.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 40rem var(--kbq-form-field-states-autofill-background);-webkit-text-fill-color:var(--kbq-form-field-states-autofill-text);caret-color:var(--kbq-form-field-states-autofill-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-form-field__container{border-color:var(--kbq-form-field-states-focused-border-color);background-color:var(--kbq-form-field-states-focused-background)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea{color:var(--kbq-form-field-states-focused-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-focused-focus-outline)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-error-focused-focus-outline)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-form-field__container{border-color:var(--kbq-form-field-states-disabled-border-color);background-color:var(--kbq-form-field-states-disabled-background)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea{color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-icon.kbq-empty{color:var(--kbq-form-field-states-disabled-text);-webkit-text-fill-color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field___EXPERIMENTAL .kbq-hint___EXPERIMENTAL{color:var(--kbq-form-field-hint-text)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix .kbq-icon.kbq-empty,.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix .kbq-icon.kbq-empty{color:var(--kbq-icon-contrast-fade)}.kbq-form-field___EXPERIMENTAL{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-form-field___EXPERIMENTAL .kbq-hint___EXPERIMENTAL:not(.kbq-password-hint___EXPERIMENTAL) .kbq-hint__text{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-form-field___EXPERIMENTAL{--kbq-form-field-size-height: var(--kbq-size-3xl);--kbq-form-field-size-border-width: 1px;--kbq-form-field-size-border-radius: var(--kbq-size-border-radius);--kbq-form-field-size-icon-size: var(--kbq-size-l);--kbq-form-field-size-icon-margin-left: var(--kbq-size-s);--kbq-form-field-size-icon-margin-right: var(--kbq-size-s);--kbq-form-field-size-icon-button-size: var(--kbq-size-xxl);--kbq-form-field-size-icon-button-margin-left: var(--kbq-size-xxs);--kbq-form-field-hint-size-margin-top: var(--kbq-size-xs);--kbq-form-field-hint-size-gap: var(--kbq-size-s);--kbq-form-field-size-container-left-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-form-field-size-container-right-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-form-field-size-infix-left-padding: var(--kbq-size-xs);--kbq-form-field-size-infix-right-padding: var(--kbq-size-xxs);--kbq-form-field-default-border-color: var(--kbq-line-contrast-fade);--kbq-form-field-default-background: var(--kbq-background-bg);--kbq-form-field-default-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-default-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-focused-background: var(--kbq-background-bg);--kbq-form-field-states-focused-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-focused-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-focus-outline: var(--kbq-states-line-focus-theme);--kbq-form-field-states-error-border-color: var(--kbq-line-error);--kbq-form-field-states-error-background: var(--kbq-background-error-less);--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-tertiary);--kbq-form-field-states-error-text: var(--kbq-foreground-error);--kbq-form-field-states-error-focused-focus-outline: var(--kbq-states-line-focus-error);--kbq-form-field-states-autofill-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-autofill-background: var(--kbq-background-theme-less);--kbq-form-field-states-autofill-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-autofill-text: var(--kbq-foreground-contrast);--kbq-form-field-states-disabled-border-color: var(--kbq-states-line-disabled);--kbq-form-field-states-disabled-background: var(--kbq-states-background-disabled);--kbq-form-field-states-disabled-placeholder: var(--kbq-states-foreground-disabled);--kbq-form-field-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-form-field-hint-text: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark){--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-secondary)}\n", ".kbq-input{background:transparent;padding:0;margin:0;border:none;outline:none;display:inline-block;box-sizing:border-box;text-overflow:ellipsis;width:100%;min-height:calc(var(--kbq-size-3xl) - var(--kbq-size-border-width) * 2);padding:var(--kbq-input-size-padding-vertical) var(--kbq-input-size-padding-horizontal)}.kbq-input::-ms-clear{display:none;width:0;height:0}.kbq-input::-ms-reveal{display:none;width:0;height:0}.kbq-input::-webkit-search-decoration,.kbq-input::-webkit-search-cancel-button,.kbq-input::-webkit-search-results-button,.kbq-input::-webkit-search-results-decoration{display:none}input.kbq-input[type=number]{-moz-appearance:textfield}input.kbq-input[type=number]::-webkit-inner-spin-button,input.kbq-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input.kbq-input:invalid{box-shadow:unset}input.kbq-input::placeholder{opacity:1}.kbq-input,.kbq-input.kbq-input-password::placeholder{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-input.kbq-input-password{font-size:var(--kbq-typography-mono-normal-font-size);font-style:var(--kbq-typography-mono-normal-font-style);font-weight:var(--kbq-typography-mono-normal-font-weight);line-height:var(--kbq-typography-mono-normal-line-height);font-family:var(--kbq-typography-mono-normal-font-family);text-transform:var(--kbq-typography-mono-normal-text-transform);font-feature-settings:var(--kbq-typography-mono-normal-font-feature-settings);letter-spacing:var(--kbq-typography-mono-normal-letter-spacing);font-variant-ligatures:none;font-feature-settings:\"liga\" 0,\"clig\" 0,\"calt\" 0}\n", ".kbq-input{--kbq-input-size-padding-horizontal: 0;--kbq-input-size-padding-vertical: var(--kbq-form-field-size-container-vertical-padding)}\n", ".kbq-form-field-type-tag-list{--kbq-tag-input-size-padding-left: var(--kbq-size-xxs);--kbq-tag-input-size-padding-right: var(--kbq-size-m);--kbq-tag-input-size-padding-vertical: var(--kbq-size-xxs);--kbq-tag-input-size-content-gap: var(--kbq-size-s)}\n", ".kbq-timepicker{padding-right:var(--kbq-timepicker-size-padding-right)}.kbq-form-field-type-timepicker{width:136px}\n", ".kbq-form-field-type-datepicker{width:136px}\n", ".kbq-textarea{--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 5px;--kbq-textarea-size-padding-horizontal: 11px}.kbq-textarea{display:inline-block;background:transparent;margin:0;border:none;outline:none;resize:none;overflow:auto;width:100%;box-sizing:border-box;padding:var(--kbq-textarea-size-padding-vertical) var(--kbq-textarea-size-padding-horizontal);-webkit-appearance:none;vertical-align:bottom}.kbq-textarea:not(.kbq-textarea-resizable){box-sizing:border-box;overflow-y:hidden}.kbq-textarea.kbq-textarea-resizable{resize:vertical;min-height:var(--kbq-textarea-size-min-height)}.kbq-textarea.kbq-textarea_max-row-limit-reached{resize:unset}.kbq-textarea:invalid{box-shadow:unset}\n", ".kbq-textarea{--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 5px;--kbq-textarea-size-padding-horizontal: 11px}\n"] }]
300
300
  }], ctorParameters: () => [], propDecorators: { noBorders: [{
301
301
  type: Input,
302
302
  args: [{ transform: booleanAttribute }]
package/esm2022/form-field/hint.mjs CHANGED
@@ -114,7 +114,7 @@ export class KbqPasswordHint extends KbqHint {
114
114
  }
115
115
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqPasswordHint, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
116
116
  /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: KbqPasswordHint, isStandalone: true, selector: "kbq-password-hint", inputs: { hasError: ["hasError", "hasError", booleanAttribute], fillTextOff: "fillTextOff", color: "color" }, host: { classAttribute: "kbq-password-hint___EXPERIMENTAL" }, usesInheritance: true, ngImport: i0, template: `
117
- <i [ngClass]="icon" kbq-icon=""></i>
117
+ <i kbq-icon="" [ngClass]="icon"></i>
118
118
 
119
119
  <span class="kbq-hint__text">
120
120
  <ng-content />
@@ -124,7 +124,7 @@ export class KbqPasswordHint extends KbqHint {
124
124
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqPasswordHint, decorators: [{
125
125
  type: Component,
126
126
  args: [{ standalone: true, imports: [NgClass, KbqIconModule], selector: 'kbq-password-hint', template: `
127
- <i [ngClass]="icon" kbq-icon=""></i>
127
+ <i kbq-icon="" [ngClass]="icon"></i>
128
128
 
129
129
  <span class="kbq-hint__text">
130
130
  <ng-content />
@@ -140,4 +140,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
140
140
  }], color: [{
141
141
  type: Input
142
142
  }] } });
143
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGludC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMtZXhwZXJpbWVudGFsL2Zvcm0tZmllbGQvaGludC50cyIsIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMtZXhwZXJpbWVudGFsL2Zvcm0tZmllbGQvaGludC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMxQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkgsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGtCQUFrQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDakYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7QUFHeEQsSUFBSSxZQUFZLEdBQUcsQ0FBQyxDQUFDO0FBRXJCLDBEQUEwRDtBQXVCMUQsTUFBTSxPQUFPLE9BQU87SUF0QnBCO1FBdUJJLDhCQUE4QjtRQUNyQixPQUFFLEdBQVcsWUFBWSxZQUFZLEVBQUUsRUFBRSxDQUFDO1FBRW5ELHVCQUF1QjtRQUNiLFdBQU0sR0FBRyxrQkFBa0IsQ0FBQztRQXdCOUIsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFFdEMsbUNBQW1DO1FBQ0ssWUFBTyxHQUFZLEtBQUssQ0FBQztLQUNwRTtJQTFCRyxpQkFBaUI7SUFDakIsSUFDSSxLQUFLO1FBQ0wsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxJQUFJLEtBQUssQ0FBQyxLQUF5QjtRQUMvQixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUN4QixDQUFDO0lBSUQsMENBQTBDO0lBQzFDLElBQ0ksV0FBVztRQUNYLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUM3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UUFBUSxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUM7SUFDL0QsQ0FBQztrSUFwQ1EsZUFBZTtzSEFBZixlQUFlLGtHQUVKLGdCQUFnQiw4SkFuQjFCOzs7Ozs7S0FNVCw0NUlBUlMsT0FBTyxtRkFBRSxhQUFhOzs0RkFtQnZCLGVBQWU7a0JBckIzQixTQUFTO2lDQUNNLElBQUksV0FDUCxDQUFDLE9BQU8sRUFBRSxhQUFhLENBQUMsWUFDdkIsbUJBQW1CLFlBQ25COzs7Ozs7S0FNVCxRQUtLO3dCQUNGLEtBQUssRUFBRSxrQ0FBa0M7cUJBQzVDLGlCQUNjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07OEJBSVAsUUFBUTtzQkFBL0MsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFLbEMsV0FBVztzQkFEZCxLQUFLO2dCQWFGLEtBQUs7c0JBRFIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgYm9vbGVhbkF0dHJpYnV0ZSwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtCUV9GT1JNX0ZJRUxEX1JFRiwgS2JxQ29tcG9uZW50Q29sb3JzIH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL2NvcmUnO1xuaW1wb3J0IHsgS2JxSWNvbk1vZHVsZSB9IGZyb20gJ0Brb29iaXEvY29tcG9uZW50cy9pY29uJztcbmltcG9ydCB7IEticUZvcm1GaWVsZCB9IGZyb20gJy4vZm9ybS1maWVsZCc7XG5cbmxldCBuZXh0VW5pcXVlSWQgPSAwO1xuXG4vKiogSGludCB0ZXh0IHRvIGJlIHNob3duIGJlbG93IHRoZSBmb3JtIGZpZWxkIGNvbnRyb2wuICovXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHNlbGVjdG9yOiAna2JxLWhpbnQnLFxuICAgIGV4cG9ydEFzOiAna2JxSGludCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2hpbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbXG4gICAgICAgICcuL2hpbnQuc2NzcycsXG4gICAgICAgICcuL2hpbnQtdG9rZW5zLnNjc3MnXG4gICAgXSxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAna2JxLWhpbnRfX19FWFBFUklNRU5UQUwnLFxuICAgICAgICAnW2F0dHIuaWRdJzogJ2lkJyxcbiAgICAgICAgJ1tjbGFzcy5rYnEtZXJyb3JdJzogJ2NvbG9yID09PSBjb2xvcnMuRXJyb3InLFxuICAgICAgICAnW2NsYXNzLmticS1jb250cmFzdC1mYWRlXSc6ICdjb2xvciA9PT0gY29sb3JzLkNvbnRyYXN0RmFkZScsXG4gICAgICAgICdbY2xhc3Mua2JxLXN1Y2Nlc3NdJzogJ2NvbG9yID09PSBjb2xvcnMuU3VjY2VzcycsXG4gICAgICAgICdbY2xhc3Mua2JxLXdhcm5pbmddJzogJ2NvbG9yID09PSBjb2xvcnMuV2FybmluZycsXG4gICAgICAgICdbY2xhc3Mua2JxLWhpbnRfZmlsbC10ZXh0LW9mZl0nOiAnZmlsbFRleHRPZmYnLFxuICAgICAgICAnW2NsYXNzLmticS1oaW50X2NvbXBhY3RdJzogJ2NvbXBhY3QnXG4gICAgfSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEticUhpbnQge1xuICAgIC8qKiBVbmlxdWUgSUQgZm9yIHRoZSBoaW50LiAqL1xuICAgIEBJbnB1dCgpIGlkOiBzdHJpbmcgPSBga2JxLWhpbnQtJHtuZXh0VW5pcXVlSWQrK31gO1xuXG4gICAgLyoqIENvbXBvbmVudCBjb2xvcnMgKi9cbiAgICBwcm90ZWN0ZWQgY29sb3JzID0gS2JxQ29tcG9uZW50Q29sb3JzO1xuXG4gICAgLyoqIEhpbnQgY29sb3IgKi9cbiAgICBASW5wdXQoKVxuICAgIGdldCBjb2xvcigpOiBLYnFDb21wb25lbnRDb2xvcnMgfCB1bmRlZmluZWQge1xuICAgICAgICByZXR1cm4gdGhpcy5fY29sb3I7XG4gICAgfVxuXG4gICAgc2V0IGNvbG9yKGNvbG9yOiBLYnFDb21wb25lbnRDb2xvcnMpIHtcbiAgICAgICAgdGhpcy5fY29sb3IgPSBjb2xvcjtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9jb2xvcjogS2JxQ29tcG9uZW50Q29sb3JzIHwgdW5kZWZpbmVkO1xuXG4gICAgLyoqIERpc2FibGVzIGBjb2xvcmAgZm9yIHRoZSBoaW50IHRleHQuICovXG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pXG4gICAgZ2V0IGZpbGxUZXh0T2ZmKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fZmlsbFRleHRPZmY7XG4gICAgfVxuXG4gICAgc2V0IGZpbGxUZXh0T2ZmKGZpbGxUZXh0T2ZmOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuX2ZpbGxUZXh0T2ZmID0gZmlsbFRleHRPZmY7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfZmlsbFRleHRPZmY6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAgIC8qKiBNYWtlcyB0aGUgaGludCBzaXplIHNtYWxsZXIuICovXG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGNvbXBhY3Q6IGJvb2xlYW4gPSBmYWxzZTtcbn1cblxuLyoqIEVycm9yIHRleHQgdG8gYmUgc2hvd24gYmVsb3cgdGhlIGZvcm0gZmllbGQgY29udHJvbC4gKi9cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdrYnEtZXJyb3InLFxuICAgIGV4cG9ydEFzOiAna2JxRXJyb3InLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9oaW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogW1xuICAgICAgICAnLi9oaW50LnNjc3MnLFxuICAgICAgICAnLi9oaW50LXRva2Vucy5zY3NzJ1xuICAgIF0sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBLYnFFcnJvciBleHRlbmRzIEticUhpbnQge1xuICAgIC8qKiBAZG9jcy1wcml2YXRlICovXG4gICAgLyoqIE92ZXJyaWRlcyB0aGUgaGludCBgY29sb3JgIHByb3BlcnR5LiAqL1xuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGNvbG9yKCk6IEticUNvbXBvbmVudENvbG9ycy5FcnJvciB7XG4gICAgICAgIHJldHVybiBLYnFDb21wb25lbnRDb2xvcnMuRXJyb3I7XG4gICAgfVxuXG4gICAgc2V0IGNvbG9yKF9jb2xvcjogbnVsbCkge31cblxuICAgIC8qKiBAZG9jcy1wcml2YXRlICovXG4gICAgLyoqIE92ZXJyaWRlcyB0aGUgaGludCBgZmlsbFRleHRPZmZgIHByb3BlcnR5LiAqL1xuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGZpbGxUZXh0T2ZmKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuXG4gICAgc2V0IGZpbGxUZXh0T2ZmKF9maWxsVGV4dE9mZjogbnVsbCkge31cbn1cblxuLyoqIFBhc3N3b3JkIGhpbnQgdG8gYmUgc2hvd24gYmVsb3cgdGhlIHBhc3N3b3JkIGZvcm0gZmllbGQgY29udHJvbC4gKi9cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW05nQ2xhc3MsIEticUljb25Nb2R1bGVdLFxuICAgIHNlbGVjdG9yOiAna2JxLXBhc3N3b3JkLWhpbnQnLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxpIFtuZ0NsYXNzXT1cImljb25cIiBrYnEtaWNvbj1cIlwiPjwvaT5cblxuICAgICAgICA8c3BhbiBjbGFzcz1cImticS1oaW50X190ZXh0XCI+XG4gICAgICAgICAgICA8bmctY29udGVudCAvPlxuICAgICAgICA8L3NwYW4+XG4gICAgYCxcbiAgICBzdHlsZVVybHM6IFtcbiAgICAgICAgJy4vaGludC5zY3NzJyxcbiAgICAgICAgJy4vaGludC10b2tlbnMuc2NzcydcbiAgICBdLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdrYnEtcGFzc3dvcmQtaGludF9fX0VYUEVSSU1FTlRBTCdcbiAgICB9LFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgS2JxUGFzc3dvcmRIaW50IGV4dGVuZHMgS2JxSGludCB7XG4gICAgLyoqIFdoZXRoZXIgdGhlIGZvcm0gZmllbGQgY29udHJvbCBoYXMgYW4gZXJyb3IuICovXG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGhhc0Vycm9yOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICAvKiogQGRvY3MtcHJpdmF0ZSAqL1xuICAgIC8qKiBPdmVycmlkZXMgdGhlIGhpbnQgYGZpbGxUZXh0T2ZmYCBwcm9wZXJ0eS4gKi9cbiAgICBASW5wdXQoKVxuICAgIGdldCBmaWxsVGV4dE9mZigpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuXG4gICAgc2V0IGZpbGxUZXh0T2ZmKF9maWxsVGV4dE9mZjogbnVsbCkge31cblxuICAgIC8vIEBUT0RPIGZpeCB0eXBlcyAoI0RTLTI5MTUpXG4gICAgcHJpdmF0ZSByZWFkb25seSBmb3JtRmllbGQgPSBpbmplY3QoS0JRX0ZPUk1fRklFTERfUkVGLCB7IG9wdGlvbmFsOiB0cnVlIH0pIGFzIHVua25vd24gYXMgS2JxRm9ybUZpZWxkIHwgdW5kZWZpbmVkO1xuXG4gICAgLyoqIEBkb2NzLXByaXZhdGUgKi9cbiAgICAvKiogT3ZlcnJpZGVzIHRoZSBoaW50IGBjb2xvcmAgcHJvcGVydHkuICovXG4gICAgQElucHV0KClcbiAgICBnZXQgY29sb3IoKTogS2JxQ29tcG9uZW50Q29sb3JzIHtcbiAgICAgICAgaWYgKHRoaXMuZm9ybUZpZWxkPy5pbnZhbGlkICYmIHRoaXMuaGFzRXJyb3IpIHtcbiAgICAgICAgICAgIHJldHVybiBLYnFDb21wb25lbnRDb2xvcnMuRXJyb3I7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoKCF0aGlzLmZvcm1GaWVsZD8uaW52YWxpZCAmJiAhdGhpcy5oYXNFcnJvcikgfHwgIXRoaXMuaGFzRXJyb3IpIHtcbiAgICAgICAgICAgIHJldHVybiBLYnFDb21wb25lbnRDb2xvcnMuU3VjY2VzcztcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBLYnFDb21wb25lbnRDb2xvcnMuQ29udHJhc3RGYWRlO1xuICAgIH1cblxuICAgIHNldCBjb2xvcihfY29sb3I6IG51bGwpIHt9XG5cbiAgICAvKiogVGhlIGZvcm0gZmllbGQgaGludCBpY29uLiAqL1xuICAgIHByb3RlY3RlZCBnZXQgaWNvbigpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5oYXNFcnJvciA/ICdrYnEteG1hcmstc18xNicgOiAna2JxLWNoZWNrLXNfMTYnO1xuICAgIH1cbn1cbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cIltrYnEtaWNvbl1cIiAvPlxuXG48c3BhbiBjbGFzcz1cImticS1oaW50X190ZXh0XCI+XG4gICAgPG5nLWNvbnRlbnQgLz5cbjwvc3Bhbj5cbiJdfQ==
143
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGludC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMtZXhwZXJpbWVudGFsL2Zvcm0tZmllbGQvaGludC50cyIsIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMtZXhwZXJpbWVudGFsL2Zvcm0tZmllbGQvaGludC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMxQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkgsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGtCQUFrQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDakYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7QUFHeEQsSUFBSSxZQUFZLEdBQUcsQ0FBQyxDQUFDO0FBRXJCLDBEQUEwRDtBQXVCMUQsTUFBTSxPQUFPLE9BQU87SUF0QnBCO1FBdUJJLDhCQUE4QjtRQUNyQixPQUFFLEdBQVcsWUFBWSxZQUFZLEVBQUUsRUFBRSxDQUFDO1FBRW5ELHVCQUF1QjtRQUNiLFdBQU0sR0FBRyxrQkFBa0IsQ0FBQztRQXdCOUIsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFFdEMsbUNBQW1DO1FBQ0ssWUFBTyxHQUFZLEtBQUssQ0FBQztLQUNwRTtJQTFCRyxpQkFBaUI7SUFDakIsSUFDSSxLQUFLO1FBQ0wsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxJQUFJLEtBQUssQ0FBQyxLQUF5QjtRQUMvQixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUN4QixDQUFDO0lBSUQsMENBQTBDO0lBQzFDLElBQ0ksV0FBVztRQUNYLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUM3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UUFBUSxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUM7SUFDL0QsQ0FBQztrSUFwQ1EsZUFBZTtzSEFBZixlQUFlLGtHQUVKLGdCQUFnQiw4SkFuQjFCOzs7Ozs7S0FNVCw0NUlBUlMsT0FBTyxtRkFBRSxhQUFhOzs0RkFtQnZCLGVBQWU7a0JBckIzQixTQUFTO2lDQUNNLElBQUksV0FDUCxDQUFDLE9BQU8sRUFBRSxhQUFhLENBQUMsWUFDdkIsbUJBQW1CLFlBQ25COzs7Ozs7S0FNVCxRQUtLO3dCQUNGLEtBQUssRUFBRSxrQ0FBa0M7cUJBQzVDLGlCQUNjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07OEJBSVAsUUFBUTtzQkFBL0MsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFLbEMsV0FBVztzQkFEZCxLQUFLO2dCQWFGLEtBQUs7c0JBRFIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgYm9vbGVhbkF0dHJpYnV0ZSwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtCUV9GT1JNX0ZJRUxEX1JFRiwgS2JxQ29tcG9uZW50Q29sb3JzIH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL2NvcmUnO1xuaW1wb3J0IHsgS2JxSWNvbk1vZHVsZSB9IGZyb20gJ0Brb29iaXEvY29tcG9uZW50cy9pY29uJztcbmltcG9ydCB7IEticUZvcm1GaWVsZCB9IGZyb20gJy4vZm9ybS1maWVsZCc7XG5cbmxldCBuZXh0VW5pcXVlSWQgPSAwO1xuXG4vKiogSGludCB0ZXh0IHRvIGJlIHNob3duIGJlbG93IHRoZSBmb3JtIGZpZWxkIGNvbnRyb2wuICovXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHNlbGVjdG9yOiAna2JxLWhpbnQnLFxuICAgIGV4cG9ydEFzOiAna2JxSGludCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2hpbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbXG4gICAgICAgICcuL2hpbnQuc2NzcycsXG4gICAgICAgICcuL2hpbnQtdG9rZW5zLnNjc3MnXG4gICAgXSxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAna2JxLWhpbnRfX19FWFBFUklNRU5UQUwnLFxuICAgICAgICAnW2F0dHIuaWRdJzogJ2lkJyxcbiAgICAgICAgJ1tjbGFzcy5rYnEtZXJyb3JdJzogJ2NvbG9yID09PSBjb2xvcnMuRXJyb3InLFxuICAgICAgICAnW2NsYXNzLmticS1jb250cmFzdC1mYWRlXSc6ICdjb2xvciA9PT0gY29sb3JzLkNvbnRyYXN0RmFkZScsXG4gICAgICAgICdbY2xhc3Mua2JxLXN1Y2Nlc3NdJzogJ2NvbG9yID09PSBjb2xvcnMuU3VjY2VzcycsXG4gICAgICAgICdbY2xhc3Mua2JxLXdhcm5pbmddJzogJ2NvbG9yID09PSBjb2xvcnMuV2FybmluZycsXG4gICAgICAgICdbY2xhc3Mua2JxLWhpbnRfZmlsbC10ZXh0LW9mZl0nOiAnZmlsbFRleHRPZmYnLFxuICAgICAgICAnW2NsYXNzLmticS1oaW50X2NvbXBhY3RdJzogJ2NvbXBhY3QnXG4gICAgfSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEticUhpbnQge1xuICAgIC8qKiBVbmlxdWUgSUQgZm9yIHRoZSBoaW50LiAqL1xuICAgIEBJbnB1dCgpIGlkOiBzdHJpbmcgPSBga2JxLWhpbnQtJHtuZXh0VW5pcXVlSWQrK31gO1xuXG4gICAgLyoqIENvbXBvbmVudCBjb2xvcnMgKi9cbiAgICBwcm90ZWN0ZWQgY29sb3JzID0gS2JxQ29tcG9uZW50Q29sb3JzO1xuXG4gICAgLyoqIEhpbnQgY29sb3IgKi9cbiAgICBASW5wdXQoKVxuICAgIGdldCBjb2xvcigpOiBLYnFDb21wb25lbnRDb2xvcnMgfCB1bmRlZmluZWQge1xuICAgICAgICByZXR1cm4gdGhpcy5fY29sb3I7XG4gICAgfVxuXG4gICAgc2V0IGNvbG9yKGNvbG9yOiBLYnFDb21wb25lbnRDb2xvcnMpIHtcbiAgICAgICAgdGhpcy5fY29sb3IgPSBjb2xvcjtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9jb2xvcjogS2JxQ29tcG9uZW50Q29sb3JzIHwgdW5kZWZpbmVkO1xuXG4gICAgLyoqIERpc2FibGVzIGBjb2xvcmAgZm9yIHRoZSBoaW50IHRleHQuICovXG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pXG4gICAgZ2V0IGZpbGxUZXh0T2ZmKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fZmlsbFRleHRPZmY7XG4gICAgfVxuXG4gICAgc2V0IGZpbGxUZXh0T2ZmKGZpbGxUZXh0T2ZmOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuX2ZpbGxUZXh0T2ZmID0gZmlsbFRleHRPZmY7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfZmlsbFRleHRPZmY6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAgIC8qKiBNYWtlcyB0aGUgaGludCBzaXplIHNtYWxsZXIuICovXG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGNvbXBhY3Q6IGJvb2xlYW4gPSBmYWxzZTtcbn1cblxuLyoqIEVycm9yIHRleHQgdG8gYmUgc2hvd24gYmVsb3cgdGhlIGZvcm0gZmllbGQgY29udHJvbC4gKi9cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdrYnEtZXJyb3InLFxuICAgIGV4cG9ydEFzOiAna2JxRXJyb3InLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9oaW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogW1xuICAgICAgICAnLi9oaW50LnNjc3MnLFxuICAgICAgICAnLi9oaW50LXRva2Vucy5zY3NzJ1xuICAgIF0sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBLYnFFcnJvciBleHRlbmRzIEticUhpbnQge1xuICAgIC8qKiBAZG9jcy1wcml2YXRlICovXG4gICAgLyoqIE92ZXJyaWRlcyB0aGUgaGludCBgY29sb3JgIHByb3BlcnR5LiAqL1xuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGNvbG9yKCk6IEticUNvbXBvbmVudENvbG9ycy5FcnJvciB7XG4gICAgICAgIHJldHVybiBLYnFDb21wb25lbnRDb2xvcnMuRXJyb3I7XG4gICAgfVxuXG4gICAgc2V0IGNvbG9yKF9jb2xvcjogbnVsbCkge31cblxuICAgIC8qKiBAZG9jcy1wcml2YXRlICovXG4gICAgLyoqIE92ZXJyaWRlcyB0aGUgaGludCBgZmlsbFRleHRPZmZgIHByb3BlcnR5LiAqL1xuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGZpbGxUZXh0T2ZmKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuXG4gICAgc2V0IGZpbGxUZXh0T2ZmKF9maWxsVGV4dE9mZjogbnVsbCkge31cbn1cblxuLyoqIFBhc3N3b3JkIGhpbnQgdG8gYmUgc2hvd24gYmVsb3cgdGhlIHBhc3N3b3JkIGZvcm0gZmllbGQgY29udHJvbC4gKi9cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW05nQ2xhc3MsIEticUljb25Nb2R1bGVdLFxuICAgIHNlbGVjdG9yOiAna2JxLXBhc3N3b3JkLWhpbnQnLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxpIGticS1pY29uPVwiXCIgW25nQ2xhc3NdPVwiaWNvblwiPjwvaT5cblxuICAgICAgICA8c3BhbiBjbGFzcz1cImticS1oaW50X190ZXh0XCI+XG4gICAgICAgICAgICA8bmctY29udGVudCAvPlxuICAgICAgICA8L3NwYW4+XG4gICAgYCxcbiAgICBzdHlsZVVybHM6IFtcbiAgICAgICAgJy4vaGludC5zY3NzJyxcbiAgICAgICAgJy4vaGludC10b2tlbnMuc2NzcydcbiAgICBdLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdrYnEtcGFzc3dvcmQtaGludF9fX0VYUEVSSU1FTlRBTCdcbiAgICB9LFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgS2JxUGFzc3dvcmRIaW50IGV4dGVuZHMgS2JxSGludCB7XG4gICAgLyoqIFdoZXRoZXIgdGhlIGZvcm0gZmllbGQgY29udHJvbCBoYXMgYW4gZXJyb3IuICovXG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGhhc0Vycm9yOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICAvKiogQGRvY3MtcHJpdmF0ZSAqL1xuICAgIC8qKiBPdmVycmlkZXMgdGhlIGhpbnQgYGZpbGxUZXh0T2ZmYCBwcm9wZXJ0eS4gKi9cbiAgICBASW5wdXQoKVxuICAgIGdldCBmaWxsVGV4dE9mZigpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuXG4gICAgc2V0IGZpbGxUZXh0T2ZmKF9maWxsVGV4dE9mZjogbnVsbCkge31cblxuICAgIC8vIEBUT0RPIGZpeCB0eXBlcyAoI0RTLTI5MTUpXG4gICAgcHJpdmF0ZSByZWFkb25seSBmb3JtRmllbGQgPSBpbmplY3QoS0JRX0ZPUk1fRklFTERfUkVGLCB7IG9wdGlvbmFsOiB0cnVlIH0pIGFzIHVua25vd24gYXMgS2JxRm9ybUZpZWxkIHwgdW5kZWZpbmVkO1xuXG4gICAgLyoqIEBkb2NzLXByaXZhdGUgKi9cbiAgICAvKiogT3ZlcnJpZGVzIHRoZSBoaW50IGBjb2xvcmAgcHJvcGVydHkuICovXG4gICAgQElucHV0KClcbiAgICBnZXQgY29sb3IoKTogS2JxQ29tcG9uZW50Q29sb3JzIHtcbiAgICAgICAgaWYgKHRoaXMuZm9ybUZpZWxkPy5pbnZhbGlkICYmIHRoaXMuaGFzRXJyb3IpIHtcbiAgICAgICAgICAgIHJldHVybiBLYnFDb21wb25lbnRDb2xvcnMuRXJyb3I7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoKCF0aGlzLmZvcm1GaWVsZD8uaW52YWxpZCAmJiAhdGhpcy5oYXNFcnJvcikgfHwgIXRoaXMuaGFzRXJyb3IpIHtcbiAgICAgICAgICAgIHJldHVybiBLYnFDb21wb25lbnRDb2xvcnMuU3VjY2VzcztcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBLYnFDb21wb25lbnRDb2xvcnMuQ29udHJhc3RGYWRlO1xuICAgIH1cblxuICAgIHNldCBjb2xvcihfY29sb3I6IG51bGwpIHt9XG5cbiAgICAvKiogVGhlIGZvcm0gZmllbGQgaGludCBpY29uLiAqL1xuICAgIHByb3RlY3RlZCBnZXQgaWNvbigpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5oYXNFcnJvciA/ICdrYnEteG1hcmstc18xNicgOiAna2JxLWNoZWNrLXNfMTYnO1xuICAgIH1cbn1cbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cIltrYnEtaWNvbl1cIiAvPlxuXG48c3BhbiBjbGFzcz1cImticS1oaW50X190ZXh0XCI+XG4gICAgPG5nLWNvbnRlbnQgLz5cbjwvc3Bhbj5cbiJdfQ==
package/esm2022/form-field/password-toggle.mjs CHANGED
@@ -37,13 +37,13 @@ export class KbqPasswordToggle {
37
37
  }
38
38
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqPasswordToggle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
39
39
  /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KbqPasswordToggle, isStandalone: true, selector: "kbq-password-toggle", host: { listeners: { "click": "toggleType($event)", "keydown.ENTER": "toggleType($event)", "keydown.SPACE": "toggleType($event)" }, properties: { "style.visibility": "visible ? \"visible\" : \"hidden\"", "attr.aria-hidden": "!visible" }, classAttribute: "kbq-password-toggle___EXPERIMENTAL" }, exportAs: ["kbqPasswordToggle"], ngImport: i0, template: `
40
- <i [ngClass]="icon" [autoColor]="true" color="contrast-fade" kbq-icon-button=""></i>
40
+ <i color="contrast-fade" kbq-icon-button="" [ngClass]="icon" [autoColor]="true"></i>
41
41
  `, isInline: true, styles: [".kbq-password-toggle___EXPERIMENTAL{display:flex;align-items:center;justify-content:center}.kbq-password-toggle___EXPERIMENTAL::-moz-focus-inner{border:0}.kbq-password-toggle___EXPERIMENTAL:focus{outline:none}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: KbqIconModule }, { kind: "component", type: i1.KbqIconButton, selector: "[kbq-icon-button]", inputs: ["small", "kbq-icon-button", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
42
42
  }
43
43
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqPasswordToggle, decorators: [{
44
44
  type: Component,
45
45
  args: [{ standalone: true, imports: [NgClass, KbqIconModule], selector: `kbq-password-toggle`, exportAs: 'kbqPasswordToggle', template: `
46
- <i [ngClass]="icon" [autoColor]="true" color="contrast-fade" kbq-icon-button=""></i>
46
+ <i color="contrast-fade" kbq-icon-button="" [ngClass]="icon" [autoColor]="true"></i>
47
47
  `, host: {
48
48
  class: 'kbq-password-toggle___EXPERIMENTAL',
49
49
  '[style.visibility]': 'visible ? "visible" : "hidden"',
@@ -53,4 +53,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
53
53
  '(keydown.SPACE)': 'toggleType($event)'
54
54
  }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".kbq-password-toggle___EXPERIMENTAL{display:flex;align-items:center;justify-content:center}.kbq-password-toggle___EXPERIMENTAL::-moz-focus-inner{border:0}.kbq-password-toggle___EXPERIMENTAL:focus{outline:none}\n"] }]
55
55
  }] });
56
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc3dvcmQtdG9nZ2xlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy1leHBlcmltZW50YWwvZm9ybS1maWVsZC9wYXNzd29yZC10b2dnbGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBRzVELE1BQU0sdUNBQXVDLEdBQUcsR0FBVSxFQUFFO0lBQ3hELE9BQU8sS0FBSyxDQUFDLHNEQUFzRCxDQUFDLENBQUM7QUFDekUsQ0FBQyxDQUFDO0FBRUYsbURBQW1EO0FBdUJuRCxNQUFNLE9BQU8saUJBQWlCO0lBdEI5QjtRQXVCSSw2QkFBNkI7UUFDWixjQUFTLEdBQUcsTUFBTSxDQUFDLGtCQUFrQixFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUF3QyxDQUFDO0tBNkJ0SDtJQTNCRyxtQ0FBbUM7SUFDbkMsSUFBYyxPQUFPO1FBQ2pCLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUUsT0FBTyxDQUFDO1FBRXhDLElBQUksQ0FBQyxDQUFDLE9BQU8sWUFBWSxnQkFBZ0IsQ0FBQyxFQUFFLENBQUM7WUFDekMsTUFBTSx1Q0FBdUMsRUFBRSxDQUFDO1FBQ3BELENBQUM7UUFFRCxPQUFPLE9BQU8sQ0FBQztJQUNuQixDQUFDO0lBRUQseUJBQXlCO0lBQ3pCLElBQWMsSUFBSTtRQUNkLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLEtBQUssVUFBVSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFDO0lBQ3ZGLENBQUM7SUFFRCw4Q0FBOEM7SUFDOUMsSUFBSSxPQUFPO1FBQ1AsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsUUFBUSxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUM7SUFDekUsQ0FBQztJQUVELHVDQUF1QztJQUM3QixVQUFVLENBQUMsS0FBaUM7UUFDbEQsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBRXhCLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDOUIsQ0FBQztrSUE5QlEsaUJBQWlCO3NIQUFqQixpQkFBaUIsc1pBakJoQjs7S0FFVCw2UkFMUyxPQUFPLG1GQUFFLGFBQWE7OzRGQW9CdkIsaUJBQWlCO2tCQXRCN0IsU0FBUztpQ0FDTSxJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUUsYUFBYSxDQUFDLFlBQ3ZCLHFCQUFxQixZQUNyQixtQkFBbUIsWUFDbkI7O0tBRVQsUUFFSzt3QkFDRixLQUFLLEVBQUUsb0NBQW9DO3dCQUUzQyxvQkFBb0IsRUFBRSxnQ0FBZ0M7d0JBQ3RELG9CQUFvQixFQUFFLFVBQVU7d0JBRWhDLFNBQVMsRUFBRSxvQkFBb0I7d0JBQy9CLGlCQUFpQixFQUFFLG9CQUFvQjt3QkFDdkMsaUJBQWlCLEVBQUUsb0JBQW9CO3FCQUMxQyxtQkFDZ0IsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS0JRX0ZPUk1fRklFTERfUkVGIH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL2NvcmUnO1xuaW1wb3J0IHsgS2JxSWNvbk1vZHVsZSB9IGZyb20gJ0Brb29iaXEvY29tcG9uZW50cy9pY29uJztcbmltcG9ydCB7IEticUlucHV0UGFzc3dvcmQgfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvaW5wdXQnO1xuaW1wb3J0IHsgS2JxRm9ybUZpZWxkIH0gZnJvbSAnLi9mb3JtLWZpZWxkJztcblxuY29uc3QgZ2V0S2JxUGFzc3dvcmRUb2dnbGVNaXNzaW5nQ29udHJvbEVycm9yID0gKCk6IEVycm9yID0+IHtcbiAgICByZXR1cm4gRXJyb3IoJ2ticS1wYXNzd29yZC10b2dnbGUgc2hvdWxkIHVzZSB3aXRoIGticUlucHV0UGFzc3dvcmQnKTtcbn07XG5cbi8qKiBDb21wb25lbnQgd2hpY2ggY2hhbmdlcyBwYXNzd29yZCB2aXNpYmlsaXR5LiAqL1xuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbTmdDbGFzcywgS2JxSWNvbk1vZHVsZV0sXG4gICAgc2VsZWN0b3I6IGBrYnEtcGFzc3dvcmQtdG9nZ2xlYCxcbiAgICBleHBvcnRBczogJ2ticVBhc3N3b3JkVG9nZ2xlJyxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICA8aSBbbmdDbGFzc109XCJpY29uXCIgW2F1dG9Db2xvcl09XCJ0cnVlXCIgY29sb3I9XCJjb250cmFzdC1mYWRlXCIga2JxLWljb24tYnV0dG9uPVwiXCI+PC9pPlxuICAgIGAsXG4gICAgc3R5bGVVcmw6ICcuL3Bhc3N3b3JkLXRvZ2dsZS5zY3NzJyxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAna2JxLXBhc3N3b3JkLXRvZ2dsZV9fX0VYUEVSSU1FTlRBTCcsXG5cbiAgICAgICAgJ1tzdHlsZS52aXNpYmlsaXR5XSc6ICd2aXNpYmxlID8gXCJ2aXNpYmxlXCIgOiBcImhpZGRlblwiJyxcbiAgICAgICAgJ1thdHRyLmFyaWEtaGlkZGVuXSc6ICchdmlzaWJsZScsXG5cbiAgICAgICAgJyhjbGljayknOiAndG9nZ2xlVHlwZSgkZXZlbnQpJyxcbiAgICAgICAgJyhrZXlkb3duLkVOVEVSKSc6ICd0b2dnbGVUeXBlKCRldmVudCknLFxuICAgICAgICAnKGtleWRvd24uU1BBQ0UpJzogJ3RvZ2dsZVR5cGUoJGV2ZW50KSdcbiAgICB9LFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgS2JxUGFzc3dvcmRUb2dnbGUge1xuICAgIC8vIEBUT0RPIGZpeCB0eXBlcyAoI0RTLTI5MTUpXG4gICAgcHJpdmF0ZSByZWFkb25seSBmb3JtRmllbGQgPSBpbmplY3QoS0JRX0ZPUk1fRklFTERfUkVGLCB7IG9wdGlvbmFsOiB0cnVlIH0pIGFzIHVua25vd24gYXMgS2JxRm9ybUZpZWxkIHwgdW5kZWZpbmVkO1xuXG4gICAgLyoqIEZvcm0gZmllbGQgcGFzc3dvcmQgY29udHJvbC4gKi9cbiAgICBwcm90ZWN0ZWQgZ2V0IGNvbnRyb2woKTogS2JxSW5wdXRQYXNzd29yZCB7XG4gICAgICAgIGNvbnN0IGNvbnRyb2wgPSB0aGlzLmZvcm1GaWVsZD8uY29udHJvbDtcblxuICAgICAgICBpZiAoIShjb250cm9sIGluc3RhbmNlb2YgS2JxSW5wdXRQYXNzd29yZCkpIHtcbiAgICAgICAgICAgIHRocm93IGdldEticVBhc3N3b3JkVG9nZ2xlTWlzc2luZ0NvbnRyb2xFcnJvcigpO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGNvbnRyb2w7XG4gICAgfVxuXG4gICAgLyoqIFRoZSBpY29uIHNlbGVjdG9yLiAqL1xuICAgIHByb3RlY3RlZCBnZXQgaWNvbigpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5jb250cm9sLmVsZW1lbnRUeXBlID09PSAncGFzc3dvcmQnID8gJ2ticS1leWVfMTYnIDogJ2ticS1leWUtc2xhc2hfMTYnO1xuICAgIH1cblxuICAgIC8qKiBXaGV0aGVyIHRvIGRpc3BsYXkgdGhlIHBhc3N3b3JkIHRvZ2dsZS4gKi9cbiAgICBnZXQgdmlzaWJsZSgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuICF0aGlzLmZvcm1GaWVsZD8uZGlzYWJsZWQgJiYgISF0aGlzLmNvbnRyb2w/Lm5nQ29udHJvbD8udmFsdWU7XG4gICAgfVxuXG4gICAgLyoqIFRvZ2dsZXMgdGhlIHBhc3N3b3JkIHZpc2liaWxpdHkuICovXG4gICAgcHJvdGVjdGVkIHRvZ2dsZVR5cGUoZXZlbnQ6IEtleWJvYXJkRXZlbnQgfCBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgICAgIHRoaXMuY29udHJvbC50b2dnbGVUeXBlKCk7XG4gICAgfVxufVxuIl19
56
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc3dvcmQtdG9nZ2xlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy1leHBlcmltZW50YWwvZm9ybS1maWVsZC9wYXNzd29yZC10b2dnbGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBRzVELE1BQU0sdUNBQXVDLEdBQUcsR0FBVSxFQUFFO0lBQ3hELE9BQU8sS0FBSyxDQUFDLHNEQUFzRCxDQUFDLENBQUM7QUFDekUsQ0FBQyxDQUFDO0FBRUYsbURBQW1EO0FBdUJuRCxNQUFNLE9BQU8saUJBQWlCO0lBdEI5QjtRQXVCSSw2QkFBNkI7UUFDWixjQUFTLEdBQUcsTUFBTSxDQUFDLGtCQUFrQixFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUF3QyxDQUFDO0tBNkJ0SDtJQTNCRyxtQ0FBbUM7SUFDbkMsSUFBYyxPQUFPO1FBQ2pCLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUUsT0FBTyxDQUFDO1FBRXhDLElBQUksQ0FBQyxDQUFDLE9BQU8sWUFBWSxnQkFBZ0IsQ0FBQyxFQUFFLENBQUM7WUFDekMsTUFBTSx1Q0FBdUMsRUFBRSxDQUFDO1FBQ3BELENBQUM7UUFFRCxPQUFPLE9BQU8sQ0FBQztJQUNuQixDQUFDO0lBRUQseUJBQXlCO0lBQ3pCLElBQWMsSUFBSTtRQUNkLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLEtBQUssVUFBVSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFDO0lBQ3ZGLENBQUM7SUFFRCw4Q0FBOEM7SUFDOUMsSUFBSSxPQUFPO1FBQ1AsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsUUFBUSxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUM7SUFDekUsQ0FBQztJQUVELHVDQUF1QztJQUM3QixVQUFVLENBQUMsS0FBaUM7UUFDbEQsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBRXhCLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDOUIsQ0FBQztrSUE5QlEsaUJBQWlCO3NIQUFqQixpQkFBaUIsc1pBakJoQjs7S0FFVCw2UkFMUyxPQUFPLG1GQUFFLGFBQWE7OzRGQW9CdkIsaUJBQWlCO2tCQXRCN0IsU0FBUztpQ0FDTSxJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUUsYUFBYSxDQUFDLFlBQ3ZCLHFCQUFxQixZQUNyQixtQkFBbUIsWUFDbkI7O0tBRVQsUUFFSzt3QkFDRixLQUFLLEVBQUUsb0NBQW9DO3dCQUUzQyxvQkFBb0IsRUFBRSxnQ0FBZ0M7d0JBQ3RELG9CQUFvQixFQUFFLFVBQVU7d0JBRWhDLFNBQVMsRUFBRSxvQkFBb0I7d0JBQy9CLGlCQUFpQixFQUFFLG9CQUFvQjt3QkFDdkMsaUJBQWlCLEVBQUUsb0JBQW9CO3FCQUMxQyxtQkFDZ0IsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS0JRX0ZPUk1fRklFTERfUkVGIH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL2NvcmUnO1xuaW1wb3J0IHsgS2JxSWNvbk1vZHVsZSB9IGZyb20gJ0Brb29iaXEvY29tcG9uZW50cy9pY29uJztcbmltcG9ydCB7IEticUlucHV0UGFzc3dvcmQgfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvaW5wdXQnO1xuaW1wb3J0IHsgS2JxRm9ybUZpZWxkIH0gZnJvbSAnLi9mb3JtLWZpZWxkJztcblxuY29uc3QgZ2V0S2JxUGFzc3dvcmRUb2dnbGVNaXNzaW5nQ29udHJvbEVycm9yID0gKCk6IEVycm9yID0+IHtcbiAgICByZXR1cm4gRXJyb3IoJ2ticS1wYXNzd29yZC10b2dnbGUgc2hvdWxkIHVzZSB3aXRoIGticUlucHV0UGFzc3dvcmQnKTtcbn07XG5cbi8qKiBDb21wb25lbnQgd2hpY2ggY2hhbmdlcyBwYXNzd29yZCB2aXNpYmlsaXR5LiAqL1xuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbTmdDbGFzcywgS2JxSWNvbk1vZHVsZV0sXG4gICAgc2VsZWN0b3I6IGBrYnEtcGFzc3dvcmQtdG9nZ2xlYCxcbiAgICBleHBvcnRBczogJ2ticVBhc3N3b3JkVG9nZ2xlJyxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICA8aSBjb2xvcj1cImNvbnRyYXN0LWZhZGVcIiBrYnEtaWNvbi1idXR0b249XCJcIiBbbmdDbGFzc109XCJpY29uXCIgW2F1dG9Db2xvcl09XCJ0cnVlXCI+PC9pPlxuICAgIGAsXG4gICAgc3R5bGVVcmw6ICcuL3Bhc3N3b3JkLXRvZ2dsZS5zY3NzJyxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAna2JxLXBhc3N3b3JkLXRvZ2dsZV9fX0VYUEVSSU1FTlRBTCcsXG5cbiAgICAgICAgJ1tzdHlsZS52aXNpYmlsaXR5XSc6ICd2aXNpYmxlID8gXCJ2aXNpYmxlXCIgOiBcImhpZGRlblwiJyxcbiAgICAgICAgJ1thdHRyLmFyaWEtaGlkZGVuXSc6ICchdmlzaWJsZScsXG5cbiAgICAgICAgJyhjbGljayknOiAndG9nZ2xlVHlwZSgkZXZlbnQpJyxcbiAgICAgICAgJyhrZXlkb3duLkVOVEVSKSc6ICd0b2dnbGVUeXBlKCRldmVudCknLFxuICAgICAgICAnKGtleWRvd24uU1BBQ0UpJzogJ3RvZ2dsZVR5cGUoJGV2ZW50KSdcbiAgICB9LFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgS2JxUGFzc3dvcmRUb2dnbGUge1xuICAgIC8vIEBUT0RPIGZpeCB0eXBlcyAoI0RTLTI5MTUpXG4gICAgcHJpdmF0ZSByZWFkb25seSBmb3JtRmllbGQgPSBpbmplY3QoS0JRX0ZPUk1fRklFTERfUkVGLCB7IG9wdGlvbmFsOiB0cnVlIH0pIGFzIHVua25vd24gYXMgS2JxRm9ybUZpZWxkIHwgdW5kZWZpbmVkO1xuXG4gICAgLyoqIEZvcm0gZmllbGQgcGFzc3dvcmQgY29udHJvbC4gKi9cbiAgICBwcm90ZWN0ZWQgZ2V0IGNvbnRyb2woKTogS2JxSW5wdXRQYXNzd29yZCB7XG4gICAgICAgIGNvbnN0IGNvbnRyb2wgPSB0aGlzLmZvcm1GaWVsZD8uY29udHJvbDtcblxuICAgICAgICBpZiAoIShjb250cm9sIGluc3RhbmNlb2YgS2JxSW5wdXRQYXNzd29yZCkpIHtcbiAgICAgICAgICAgIHRocm93IGdldEticVBhc3N3b3JkVG9nZ2xlTWlzc2luZ0NvbnRyb2xFcnJvcigpO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGNvbnRyb2w7XG4gICAgfVxuXG4gICAgLyoqIFRoZSBpY29uIHNlbGVjdG9yLiAqL1xuICAgIHByb3RlY3RlZCBnZXQgaWNvbigpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5jb250cm9sLmVsZW1lbnRUeXBlID09PSAncGFzc3dvcmQnID8gJ2ticS1leWVfMTYnIDogJ2ticS1leWUtc2xhc2hfMTYnO1xuICAgIH1cblxuICAgIC8qKiBXaGV0aGVyIHRvIGRpc3BsYXkgdGhlIHBhc3N3b3JkIHRvZ2dsZS4gKi9cbiAgICBnZXQgdmlzaWJsZSgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuICF0aGlzLmZvcm1GaWVsZD8uZGlzYWJsZWQgJiYgISF0aGlzLmNvbnRyb2w/Lm5nQ29udHJvbD8udmFsdWU7XG4gICAgfVxuXG4gICAgLyoqIFRvZ2dsZXMgdGhlIHBhc3N3b3JkIHZpc2liaWxpdHkuICovXG4gICAgcHJvdGVjdGVkIHRvZ2dsZVR5cGUoZXZlbnQ6IEtleWJvYXJkRXZlbnQgfCBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgICAgIHRoaXMuY29udHJvbC50b2dnbGVUeXBlKCk7XG4gICAgfVxufVxuIl19
package/esm2022/form-field/stepper.mjs CHANGED
@@ -36,21 +36,21 @@ export class KbqStepper {
36
36
  /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KbqStepper, isStandalone: true, selector: "kbq-stepper", host: { classAttribute: "kbq-stepper___EXPERIMENTAL" }, exportAs: ["kbqStepper"], ngImport: i0, template: `
37
37
  <i
38
38
  class="kbq-stepper__step-up"
39
+ color="contrast-fade"
40
+ kbq-icon-button="kbq-chevron-up-s_16"
39
41
  [tabindex]="-1"
40
42
  [autoColor]="true"
41
43
  [disabled]="control.disabled"
42
44
  (mousedown)="stepUp($event)"
43
- color="contrast-fade"
44
- kbq-icon-button="kbq-chevron-up-s_16"
45
45
  ></i>
46
46
  <i
47
47
  class="kbq-stepper__step-down"
48
+ color="contrast-fade"
49
+ kbq-icon-button="kbq-chevron-down-s_16"
48
50
  [tabindex]="-1"
49
51
  [autoColor]="true"
50
52
  [disabled]="control.disabled"
51
53
  (mousedown)="stepDown($event)"
52
- color="contrast-fade"
53
- kbq-icon-button="kbq-chevron-down-s_16"
54
54
  ></i>
55
55
  `, isInline: true, styles: [".kbq-stepper___EXPERIMENTAL{--kbq-form-field-size-icon-button-size: var(--kbq-size-3xl);display:flex;flex-direction:column;justify-content:center;align-items:center}.kbq-stepper___EXPERIMENTAL .kbq-stepper__step-up{margin-bottom:-2px}.kbq-stepper___EXPERIMENTAL .kbq-stepper__step-down{margin-top:-2px}.kbq-stepper___EXPERIMENTAL .kbq-stepper__step-up,.kbq-stepper___EXPERIMENTAL .kbq-stepper__step-down{width:var(--kbq-form-field-size-icon-button-size);text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: KbqIconModule }, { kind: "component", type: i1.KbqIconButton, selector: "[kbq-icon-button]", inputs: ["small", "kbq-icon-button", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
56
56
  }
@@ -59,24 +59,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
59
59
  args: [{ standalone: true, selector: 'kbq-stepper', exportAs: 'kbqStepper', imports: [KbqIconModule], template: `
60
60
  <i
61
61
  class="kbq-stepper__step-up"
62
+ color="contrast-fade"
63
+ kbq-icon-button="kbq-chevron-up-s_16"
62
64
  [tabindex]="-1"
63
65
  [autoColor]="true"
64
66
  [disabled]="control.disabled"
65
67
  (mousedown)="stepUp($event)"
66
- color="contrast-fade"
67
- kbq-icon-button="kbq-chevron-up-s_16"
68
68
  ></i>
69
69
  <i
70
70
  class="kbq-stepper__step-down"
71
+ color="contrast-fade"
72
+ kbq-icon-button="kbq-chevron-down-s_16"
71
73
  [tabindex]="-1"
72
74
  [autoColor]="true"
73
75
  [disabled]="control.disabled"
74
76
  (mousedown)="stepDown($event)"
75
- color="contrast-fade"
76
- kbq-icon-button="kbq-chevron-down-s_16"
77
77
  ></i>
78
78
  `, host: {
79
79
  class: 'kbq-stepper___EXPERIMENTAL'
80
80
  }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".kbq-stepper___EXPERIMENTAL{--kbq-form-field-size-icon-button-size: var(--kbq-size-3xl);display:flex;flex-direction:column;justify-content:center;align-items:center}.kbq-stepper___EXPERIMENTAL .kbq-stepper__step-up{margin-bottom:-2px}.kbq-stepper___EXPERIMENTAL .kbq-stepper__step-down{margin-top:-2px}.kbq-stepper___EXPERIMENTAL .kbq-stepper__step-up,.kbq-stepper___EXPERIMENTAL .kbq-stepper__step-down{width:var(--kbq-form-field-size-icon-button-size);text-align:center}\n"] }]
81
81
  }] });
82
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMtZXhwZXJpbWVudGFsL2Zvcm0tZmllbGQvc3RlcHBlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFFBQVEsRUFBa0IsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBR3BFLE1BQU0sc0NBQXNDLEdBQUcsR0FBVSxFQUFFO0lBQ3ZELE9BQU8sS0FBSyxDQUFDLDRDQUE0QyxDQUFDLENBQUM7QUFDL0QsQ0FBQyxDQUFDO0FBRUYsb0VBQW9FO0FBaUNwRSxNQUFNLE9BQU8sVUFBVTtJQWhDdkI7UUFpQ0ksNkJBQTZCO1FBQ1osY0FBUyxHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBd0MsQ0FBQztRQUVuSDt3R0FDZ0c7UUFDaEcsWUFBTyxHQUFHLElBQUksQ0FBQztLQXNCbEI7SUFwQkcsaUNBQWlDO0lBQ2pDLElBQWMsT0FBTztRQUNqQixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQztRQUV4QyxJQUFJLENBQUMsQ0FBQyxPQUFPLFlBQVksUUFBUSxJQUFJLE9BQU8sQ0FBQyxXQUFXLENBQUMsRUFBRSxDQUFDO1lBQ3hELE1BQU0sc0NBQXNDLEVBQUUsQ0FBQztRQUNuRCxDQUFDO1FBRUQsT0FBTyxPQUFPLENBQUMsV0FBVyxDQUFDO0lBQy9CLENBQUM7SUFFUyxNQUFNLENBQUMsS0FBaUI7UUFDOUIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVTLFFBQVEsQ0FBQyxLQUFpQjtRQUNoQyxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3QyxDQUFDO2tJQTNCUSxVQUFVO3NIQUFWLFVBQVUseUpBM0JUOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBbUJULG1pQkFwQlMsYUFBYTs7NEZBNEJkLFVBQVU7a0JBaEN0QixTQUFTO2lDQUNNLElBQUksWUFDTixhQUFhLFlBQ2IsWUFBWSxXQUNiLENBQUMsYUFBYSxDQUFDLFlBQ2Q7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0FtQlQsUUFFSzt3QkFDRixLQUFLLEVBQUUsNEJBQTRCO3FCQUN0QyxtQkFDZ0IsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGluamVjdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtCUV9GT1JNX0ZJRUxEX1JFRiB9IGZyb20gJ0Brb29iaXEvY29tcG9uZW50cy9jb3JlJztcbmltcG9ydCB7IEticUljb25Nb2R1bGUgfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvaWNvbic7XG5pbXBvcnQgeyBLYnFJbnB1dCwgS2JxTnVtYmVySW5wdXQgfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvaW5wdXQnO1xuaW1wb3J0IHsgS2JxRm9ybUZpZWxkIH0gZnJvbSAnLi9mb3JtLWZpZWxkJztcblxuY29uc3QgZ2V0S2JxU3RlcHBlclRvZ2dsZU1pc3NpbmdDb250cm9sRXJyb3IgPSAoKTogRXJyb3IgPT4ge1xuICAgIHJldHVybiBFcnJvcigna2JxLXN0ZXBwZXIgc2hvdWxkIHVzZSB3aXRoIGticU51bWJlcklucHV0Jyk7XG59O1xuXG4vKiogQ29tcG9uZW50IHdoaWNoIGFsbG93IHRvIGluY3JlbWVudCBvciBkZWNyZW1lbnQgbnVtYmVyIHZhbHVlLiAqL1xuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ2ticS1zdGVwcGVyJyxcbiAgICBleHBvcnRBczogJ2ticVN0ZXBwZXInLFxuICAgIGltcG9ydHM6IFtLYnFJY29uTW9kdWxlXSxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICA8aVxuICAgICAgICAgICAgY2xhc3M9XCJrYnEtc3RlcHBlcl9fc3RlcC11cFwiXG4gICAgICAgICAgICBbdGFiaW5kZXhdPVwiLTFcIlxuICAgICAgICAgICAgW2F1dG9Db2xvcl09XCJ0cnVlXCJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJjb250cm9sLmRpc2FibGVkXCJcbiAgICAgICAgICAgIChtb3VzZWRvd24pPVwic3RlcFVwKCRldmVudClcIlxuICAgICAgICAgICAgY29sb3I9XCJjb250cmFzdC1mYWRlXCJcbiAgICAgICAgICAgIGticS1pY29uLWJ1dHRvbj1cImticS1jaGV2cm9uLXVwLXNfMTZcIlxuICAgICAgICA+PC9pPlxuICAgICAgICA8aVxuICAgICAgICAgICAgY2xhc3M9XCJrYnEtc3RlcHBlcl9fc3RlcC1kb3duXCJcbiAgICAgICAgICAgIFt0YWJpbmRleF09XCItMVwiXG4gICAgICAgICAgICBbYXV0b0NvbG9yXT1cInRydWVcIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImNvbnRyb2wuZGlzYWJsZWRcIlxuICAgICAgICAgICAgKG1vdXNlZG93bik9XCJzdGVwRG93bigkZXZlbnQpXCJcbiAgICAgICAgICAgIGNvbG9yPVwiY29udHJhc3QtZmFkZVwiXG4gICAgICAgICAgICBrYnEtaWNvbi1idXR0b249XCJrYnEtY2hldnJvbi1kb3duLXNfMTZcIlxuICAgICAgICA+PC9pPlxuICAgIGAsXG4gICAgc3R5bGVVcmw6ICcuL3N0ZXBwZXIuc2NzcycsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1zdGVwcGVyX19fRVhQRVJJTUVOVEFMJ1xuICAgIH0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBLYnFTdGVwcGVyIHtcbiAgICAvLyBAVE9ETyBmaXggdHlwZXMgKCNEUy0yOTE1KVxuICAgIHByaXZhdGUgcmVhZG9ubHkgZm9ybUZpZWxkID0gaW5qZWN0KEtCUV9GT1JNX0ZJRUxEX1JFRiwgeyBvcHRpb25hbDogdHJ1ZSB9KSBhcyB1bmtub3duIGFzIEticUZvcm1GaWVsZCB8IHVuZGVmaW5lZDtcblxuICAgIC8qKiBXaGV0aGVyIHRoZSBzdGVwcGVyIGlzIHZpc2libGUuXG4gICAgICogQGRlcHJlY2F0ZWQgc3RlcHBlciBzaG91bGQgYmUgYWx3YXlzIHZpc2libGUgd2hlbiBwcm92aWRlZCwgc28gdGhpcyBwYXJhbWV0ZXIgaXMgcmVkdW5kYW50ICovXG4gICAgdmlzaWJsZSA9IHRydWU7XG5cbiAgICAvKiogRm9ybSBmaWVsZCBudW1iZXIgY29udHJvbC4gKi9cbiAgICBwcm90ZWN0ZWQgZ2V0IGNvbnRyb2woKTogS2JxTnVtYmVySW5wdXQge1xuICAgICAgICBjb25zdCBjb250cm9sID0gdGhpcy5mb3JtRmllbGQ/LmNvbnRyb2w7XG5cbiAgICAgICAgaWYgKCEoY29udHJvbCBpbnN0YW5jZW9mIEticUlucHV0ICYmIGNvbnRyb2wubnVtYmVySW5wdXQpKSB7XG4gICAgICAgICAgICB0aHJvdyBnZXRLYnFTdGVwcGVyVG9nZ2xlTWlzc2luZ0NvbnRyb2xFcnJvcigpO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGNvbnRyb2wubnVtYmVySW5wdXQ7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIHN0ZXBVcChldmVudDogTW91c2VFdmVudCkge1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgdGhpcy5jb250cm9sLnN0ZXBVcCh0aGlzLmNvbnRyb2wuc3RlcCk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIHN0ZXBEb3duKGV2ZW50OiBNb3VzZUV2ZW50KSB7XG4gICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICB0aGlzLmNvbnRyb2wuc3RlcERvd24odGhpcy5jb250cm9sLnN0ZXApO1xuICAgIH1cbn1cbiJdfQ==
82
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMtZXhwZXJpbWVudGFsL2Zvcm0tZmllbGQvc3RlcHBlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFFBQVEsRUFBa0IsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBR3BFLE1BQU0sc0NBQXNDLEdBQUcsR0FBVSxFQUFFO0lBQ3ZELE9BQU8sS0FBSyxDQUFDLDRDQUE0QyxDQUFDLENBQUM7QUFDL0QsQ0FBQyxDQUFDO0FBRUYsb0VBQW9FO0FBaUNwRSxNQUFNLE9BQU8sVUFBVTtJQWhDdkI7UUFpQ0ksNkJBQTZCO1FBQ1osY0FBUyxHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBd0MsQ0FBQztRQUVuSDt3R0FDZ0c7UUFDaEcsWUFBTyxHQUFHLElBQUksQ0FBQztLQXNCbEI7SUFwQkcsaUNBQWlDO0lBQ2pDLElBQWMsT0FBTztRQUNqQixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQztRQUV4QyxJQUFJLENBQUMsQ0FBQyxPQUFPLFlBQVksUUFBUSxJQUFJLE9BQU8sQ0FBQyxXQUFXLENBQUMsRUFBRSxDQUFDO1lBQ3hELE1BQU0sc0NBQXNDLEVBQUUsQ0FBQztRQUNuRCxDQUFDO1FBRUQsT0FBTyxPQUFPLENBQUMsV0FBVyxDQUFDO0lBQy9CLENBQUM7SUFFUyxNQUFNLENBQUMsS0FBaUI7UUFDOUIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVTLFFBQVEsQ0FBQyxLQUFpQjtRQUNoQyxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3QyxDQUFDO2tJQTNCUSxVQUFVO3NIQUFWLFVBQVUseUpBM0JUOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBbUJULG1pQkFwQlMsYUFBYTs7NEZBNEJkLFVBQVU7a0JBaEN0QixTQUFTO2lDQUNNLElBQUksWUFDTixhQUFhLFlBQ2IsWUFBWSxXQUNiLENBQUMsYUFBYSxDQUFDLFlBQ2Q7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0FtQlQsUUFFSzt3QkFDRixLQUFLLEVBQUUsNEJBQTRCO3FCQUN0QyxtQkFDZ0IsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGluamVjdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtCUV9GT1JNX0ZJRUxEX1JFRiB9IGZyb20gJ0Brb29iaXEvY29tcG9uZW50cy9jb3JlJztcbmltcG9ydCB7IEticUljb25Nb2R1bGUgfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvaWNvbic7XG5pbXBvcnQgeyBLYnFJbnB1dCwgS2JxTnVtYmVySW5wdXQgfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvaW5wdXQnO1xuaW1wb3J0IHsgS2JxRm9ybUZpZWxkIH0gZnJvbSAnLi9mb3JtLWZpZWxkJztcblxuY29uc3QgZ2V0S2JxU3RlcHBlclRvZ2dsZU1pc3NpbmdDb250cm9sRXJyb3IgPSAoKTogRXJyb3IgPT4ge1xuICAgIHJldHVybiBFcnJvcigna2JxLXN0ZXBwZXIgc2hvdWxkIHVzZSB3aXRoIGticU51bWJlcklucHV0Jyk7XG59O1xuXG4vKiogQ29tcG9uZW50IHdoaWNoIGFsbG93IHRvIGluY3JlbWVudCBvciBkZWNyZW1lbnQgbnVtYmVyIHZhbHVlLiAqL1xuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ2ticS1zdGVwcGVyJyxcbiAgICBleHBvcnRBczogJ2ticVN0ZXBwZXInLFxuICAgIGltcG9ydHM6IFtLYnFJY29uTW9kdWxlXSxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICA8aVxuICAgICAgICAgICAgY2xhc3M9XCJrYnEtc3RlcHBlcl9fc3RlcC11cFwiXG4gICAgICAgICAgICBjb2xvcj1cImNvbnRyYXN0LWZhZGVcIlxuICAgICAgICAgICAga2JxLWljb24tYnV0dG9uPVwia2JxLWNoZXZyb24tdXAtc18xNlwiXG4gICAgICAgICAgICBbdGFiaW5kZXhdPVwiLTFcIlxuICAgICAgICAgICAgW2F1dG9Db2xvcl09XCJ0cnVlXCJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJjb250cm9sLmRpc2FibGVkXCJcbiAgICAgICAgICAgIChtb3VzZWRvd24pPVwic3RlcFVwKCRldmVudClcIlxuICAgICAgICA+PC9pPlxuICAgICAgICA8aVxuICAgICAgICAgICAgY2xhc3M9XCJrYnEtc3RlcHBlcl9fc3RlcC1kb3duXCJcbiAgICAgICAgICAgIGNvbG9yPVwiY29udHJhc3QtZmFkZVwiXG4gICAgICAgICAgICBrYnEtaWNvbi1idXR0b249XCJrYnEtY2hldnJvbi1kb3duLXNfMTZcIlxuICAgICAgICAgICAgW3RhYmluZGV4XT1cIi0xXCJcbiAgICAgICAgICAgIFthdXRvQ29sb3JdPVwidHJ1ZVwiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiY29udHJvbC5kaXNhYmxlZFwiXG4gICAgICAgICAgICAobW91c2Vkb3duKT1cInN0ZXBEb3duKCRldmVudClcIlxuICAgICAgICA+PC9pPlxuICAgIGAsXG4gICAgc3R5bGVVcmw6ICcuL3N0ZXBwZXIuc2NzcycsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1zdGVwcGVyX19fRVhQRVJJTUVOVEFMJ1xuICAgIH0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBLYnFTdGVwcGVyIHtcbiAgICAvLyBAVE9ETyBmaXggdHlwZXMgKCNEUy0yOTE1KVxuICAgIHByaXZhdGUgcmVhZG9ubHkgZm9ybUZpZWxkID0gaW5qZWN0KEtCUV9GT1JNX0ZJRUxEX1JFRiwgeyBvcHRpb25hbDogdHJ1ZSB9KSBhcyB1bmtub3duIGFzIEticUZvcm1GaWVsZCB8IHVuZGVmaW5lZDtcblxuICAgIC8qKiBXaGV0aGVyIHRoZSBzdGVwcGVyIGlzIHZpc2libGUuXG4gICAgICogQGRlcHJlY2F0ZWQgc3RlcHBlciBzaG91bGQgYmUgYWx3YXlzIHZpc2libGUgd2hlbiBwcm92aWRlZCwgc28gdGhpcyBwYXJhbWV0ZXIgaXMgcmVkdW5kYW50ICovXG4gICAgdmlzaWJsZSA9IHRydWU7XG5cbiAgICAvKiogRm9ybSBmaWVsZCBudW1iZXIgY29udHJvbC4gKi9cbiAgICBwcm90ZWN0ZWQgZ2V0IGNvbnRyb2woKTogS2JxTnVtYmVySW5wdXQge1xuICAgICAgICBjb25zdCBjb250cm9sID0gdGhpcy5mb3JtRmllbGQ/LmNvbnRyb2w7XG5cbiAgICAgICAgaWYgKCEoY29udHJvbCBpbnN0YW5jZW9mIEticUlucHV0ICYmIGNvbnRyb2wubnVtYmVySW5wdXQpKSB7XG4gICAgICAgICAgICB0aHJvdyBnZXRLYnFTdGVwcGVyVG9nZ2xlTWlzc2luZ0NvbnRyb2xFcnJvcigpO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGNvbnRyb2wubnVtYmVySW5wdXQ7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIHN0ZXBVcChldmVudDogTW91c2VFdmVudCkge1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgdGhpcy5jb250cm9sLnN0ZXBVcCh0aGlzLmNvbnRyb2wuc3RlcCk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIHN0ZXBEb3duKGV2ZW50OiBNb3VzZUV2ZW50KSB7XG4gICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICB0aGlzLmNvbnRyb2wuc3RlcERvd24odGhpcy5jb250cm9sLnN0ZXApO1xuICAgIH1cbn1cbiJdfQ==
package/fesm2022/koobiq-components-experimental-form-field.mjs CHANGED
@@ -32,13 +32,13 @@ class KbqCleaner {
32
32
  }
33
33
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqCleaner, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
34
34
  /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KbqCleaner, isStandalone: true, selector: "kbq-cleaner", host: { listeners: { "click": "clean($event)" }, properties: { "style.visibility": "visible ? \"visible\" : \"hidden\"", "attr.aria-hidden": "!visible" }, classAttribute: "kbq-cleaner___EXPERIMENTAL" }, exportAs: ["kbqCleaner"], ngImport: i0, template: `
35
- <i [autoColor]="true" color="contrast-fade" kbq-icon-button="kbq-xmark-circle_16"></i>
35
+ <i color="contrast-fade" kbq-icon-button="kbq-xmark-circle_16" [autoColor]="true"></i>
36
36
  `, isInline: true, styles: [".kbq-cleaner___EXPERIMENTAL{display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: KbqIconModule }, { kind: "component", type: i1.KbqIconButton, selector: "[kbq-icon-button]", inputs: ["small", "kbq-icon-button", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
37
37
  }
38
38
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqCleaner, decorators: [{
39
39
  type: Component,
40
40
  args: [{ standalone: true, imports: [KbqIconModule], selector: 'kbq-cleaner', exportAs: 'kbqCleaner', template: `
41
- <i [autoColor]="true" color="contrast-fade" kbq-icon-button="kbq-xmark-circle_16"></i>
41
+ <i color="contrast-fade" kbq-icon-button="kbq-xmark-circle_16" [autoColor]="true"></i>
42
42
  `, host: {
43
43
  class: 'kbq-cleaner___EXPERIMENTAL',
44
44
  '(click)': 'clean($event)',
@@ -157,7 +157,7 @@ class KbqPasswordHint extends KbqHint {
157
157
  }
158
158
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqPasswordHint, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
159
159
  /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: KbqPasswordHint, isStandalone: true, selector: "kbq-password-hint", inputs: { hasError: ["hasError", "hasError", booleanAttribute], fillTextOff: "fillTextOff", color: "color" }, host: { classAttribute: "kbq-password-hint___EXPERIMENTAL" }, usesInheritance: true, ngImport: i0, template: `
160
- <i [ngClass]="icon" kbq-icon=""></i>
160
+ <i kbq-icon="" [ngClass]="icon"></i>
161
161
 
162
162
  <span class="kbq-hint__text">
163
163
  <ng-content />
@@ -167,7 +167,7 @@ class KbqPasswordHint extends KbqHint {
167
167
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqPasswordHint, decorators: [{
168
168
  type: Component,
169
169
  args: [{ standalone: true, imports: [NgClass, KbqIconModule], selector: 'kbq-password-hint', template: `
170
- <i [ngClass]="icon" kbq-icon=""></i>
170
+ <i kbq-icon="" [ngClass]="icon"></i>
171
171
 
172
172
  <span class="kbq-hint__text">
173
173
  <ng-content />
@@ -240,13 +240,13 @@ class KbqPasswordToggle {
240
240
  }
241
241
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqPasswordToggle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
242
242
  /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KbqPasswordToggle, isStandalone: true, selector: "kbq-password-toggle", host: { listeners: { "click": "toggleType($event)", "keydown.ENTER": "toggleType($event)", "keydown.SPACE": "toggleType($event)" }, properties: { "style.visibility": "visible ? \"visible\" : \"hidden\"", "attr.aria-hidden": "!visible" }, classAttribute: "kbq-password-toggle___EXPERIMENTAL" }, exportAs: ["kbqPasswordToggle"], ngImport: i0, template: `
243
- <i [ngClass]="icon" [autoColor]="true" color="contrast-fade" kbq-icon-button=""></i>
243
+ <i color="contrast-fade" kbq-icon-button="" [ngClass]="icon" [autoColor]="true"></i>
244
244
  `, isInline: true, styles: [".kbq-password-toggle___EXPERIMENTAL{display:flex;align-items:center;justify-content:center}.kbq-password-toggle___EXPERIMENTAL::-moz-focus-inner{border:0}.kbq-password-toggle___EXPERIMENTAL:focus{outline:none}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: KbqIconModule }, { kind: "component", type: i1.KbqIconButton, selector: "[kbq-icon-button]", inputs: ["small", "kbq-icon-button", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
245
245
  }
246
246
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqPasswordToggle, decorators: [{
247
247
  type: Component,
248
248
  args: [{ standalone: true, imports: [NgClass, KbqIconModule], selector: `kbq-password-toggle`, exportAs: 'kbqPasswordToggle', template: `
249
- <i [ngClass]="icon" [autoColor]="true" color="contrast-fade" kbq-icon-button=""></i>
249
+ <i color="contrast-fade" kbq-icon-button="" [ngClass]="icon" [autoColor]="true"></i>
250
250
  `, host: {
251
251
  class: 'kbq-password-toggle___EXPERIMENTAL',
252
252
  '[style.visibility]': 'visible ? "visible" : "hidden"',
@@ -305,21 +305,21 @@ class KbqStepper {
305
305
  /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KbqStepper, isStandalone: true, selector: "kbq-stepper", host: { classAttribute: "kbq-stepper___EXPERIMENTAL" }, exportAs: ["kbqStepper"], ngImport: i0, template: `
306
306
  <i
307
307
  class="kbq-stepper__step-up"
308
+ color="contrast-fade"
309
+ kbq-icon-button="kbq-chevron-up-s_16"
308
310
  [tabindex]="-1"
309
311
  [autoColor]="true"
310
312
  [disabled]="control.disabled"
311
313
  (mousedown)="stepUp($event)"
312
- color="contrast-fade"
313
- kbq-icon-button="kbq-chevron-up-s_16"
314
314
  ></i>
315
315
  <i
316
316
  class="kbq-stepper__step-down"
317
+ color="contrast-fade"
318
+ kbq-icon-button="kbq-chevron-down-s_16"
317
319
  [tabindex]="-1"
318
320
  [autoColor]="true"
319
321
  [disabled]="control.disabled"
320
322
  (mousedown)="stepDown($event)"
321
- color="contrast-fade"
322
- kbq-icon-button="kbq-chevron-down-s_16"
323
323
  ></i>
324
324
  `, isInline: true, styles: [".kbq-stepper___EXPERIMENTAL{--kbq-form-field-size-icon-button-size: var(--kbq-size-3xl);display:flex;flex-direction:column;justify-content:center;align-items:center}.kbq-stepper___EXPERIMENTAL .kbq-stepper__step-up{margin-bottom:-2px}.kbq-stepper___EXPERIMENTAL .kbq-stepper__step-down{margin-top:-2px}.kbq-stepper___EXPERIMENTAL .kbq-stepper__step-up,.kbq-stepper___EXPERIMENTAL .kbq-stepper__step-down{width:var(--kbq-form-field-size-icon-button-size);text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: KbqIconModule }, { kind: "component", type: i1.KbqIconButton, selector: "[kbq-icon-button]", inputs: ["small", "kbq-icon-button", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
325
325
  }
@@ -328,21 +328,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
328
328
  args: [{ standalone: true, selector: 'kbq-stepper', exportAs: 'kbqStepper', imports: [KbqIconModule], template: `
329
329
  <i
330
330
  class="kbq-stepper__step-up"
331
+ color="contrast-fade"
332
+ kbq-icon-button="kbq-chevron-up-s_16"
331
333
  [tabindex]="-1"
332
334
  [autoColor]="true"
333
335
  [disabled]="control.disabled"
334
336
  (mousedown)="stepUp($event)"
335
- color="contrast-fade"
336
- kbq-icon-button="kbq-chevron-up-s_16"
337
337
  ></i>
338
338
  <i
339
339
  class="kbq-stepper__step-down"
340
+ color="contrast-fade"
341
+ kbq-icon-button="kbq-chevron-down-s_16"
340
342
  [tabindex]="-1"
341
343
  [autoColor]="true"
342
344
  [disabled]="control.disabled"
343
345
  (mousedown)="stepDown($event)"
344
- color="contrast-fade"
345
- kbq-icon-button="kbq-chevron-down-s_16"
346
346
  ></i>
347
347
  `, host: {
348
348
  class: 'kbq-stepper___EXPERIMENTAL'
@@ -629,7 +629,7 @@ class KbqFormField {
629
629
  });
630
630
  }
631
631
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqFormField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
632
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: KbqFormField, isStandalone: true, selector: "kbq-form-field", inputs: { noBorders: ["noBorders", "noBorders", booleanAttribute] }, host: { listeners: { "keydown": "onKeyDown($event)", "mouseenter": "mouseenter($event)", "mouseleave": "mouseleave($event)" }, properties: { "class.kbq-form-field_invalid": "invalid", "class.kbq-form-field_disabled": "disabled", "class.kbq-form-field_no-borders": "noBorders", "class.ng-untouched": "shouldBeForwarded(\"untouched\")", "class.ng-touched": "shouldBeForwarded(\"touched\")", "class.ng-pristine": "shouldBeForwarded(\"pristine\")", "class.ng-dirty": "shouldBeForwarded(\"dirty\")", "class.ng-valid": "shouldBeForwarded(\"valid\")", "class.ng-invalid": "shouldBeForwarded(\"invalid\")", "class.ng-pending": "shouldBeForwarded(\"pending\")" }, classAttribute: "kbq-form-field___EXPERIMENTAL" }, providers: [{ provide: KBQ_FORM_FIELD_REF, useExisting: KbqFormField }], queries: [{ propertyName: "_control", first: true, predicate: KbqFormFieldControl, descendants: true }, { propertyName: "stepper", first: true, predicate: KbqStepper, descendants: true }, { propertyName: "cleaner", first: true, predicate: KbqCleaner, descendants: true }, { propertyName: "label", first: true, predicate: KbqLabel, descendants: true }, { propertyName: "passwordToggle", first: true, predicate: KbqPasswordToggle, descendants: true }, { propertyName: "hint", predicate: KbqHint }, { propertyName: "passwordHint", predicate: KbqPasswordHint }, { propertyName: "suffix", predicate: KbqSuffix }, { propertyName: "prefix", predicate: KbqPrefix }, { propertyName: "error", predicate: KbqError }], viewQueries: [{ propertyName: "connectionContainerRef", first: true, predicate: ["connectionContainer"], descendants: true }], exportAs: ["kbqFormField"], ngImport: i0, template: "@if (hasLabel) {\n <label class=\"kbq-form-field__label\" [attr.for]=\"control.id\">\n <ng-content select=\"kbq-label\" />\n </label>\n}\n\n<div #connectionContainer class=\"kbq-form-field__container\" (click)=\"onContainerClick($event)\">\n @if (hasPrefix) {\n <div class=\"kbq-form-field__prefix\">\n <ng-content select=\"[kbqPrefix]\" />\n </div>\n }\n\n <div class=\"kbq-form-field__control\">\n <ng-content />\n </div>\n\n @if (hasSuffix || hasCleaner || hasPasswordToggle || hasStepper) {\n <div class=\"kbq-form-field__suffix\">\n <ng-content select=\"kbq-cleaner\" />\n\n <ng-content select=\"kbq-password-toggle\" />\n\n <ng-content select=\"kbq-stepper\" />\n\n <ng-content select=\"[kbqSuffix]\" />\n </div>\n }\n</div>\n\n@if (hasHint || hasPasswordHint || hasError) {\n <div class=\"kbq-form-field__hint\">\n @if (invalid) {\n <ng-content select=\"kbq-error\" />\n }\n\n <ng-content select=\"kbq-hint, kbq-password-hint\" />\n </div>\n}\n", styles: [".kbq-form-field___EXPERIMENTAL{display:inline-block;width:100%}.kbq-form-field___EXPERIMENTAL .kbq-form-field__container{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-width:var(--kbq-form-field-size-border-width);border-style:solid;border-color:transparent;border-radius:var(--kbq-form-field-size-border-radius)}.kbq-form-field___EXPERIMENTAL .kbq-form-field:not(.kbq-form-field-type-textarea){height:var(--kbq-form-field-size-height)}.kbq-form-field___EXPERIMENTAL,.kbq-form-field___EXPERIMENTAL .kbq-input,.kbq-form-field___EXPERIMENTAL .kbq-textarea{border-radius:var(--kbq-form-field-size-border-radius)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_no-borders .kbq-form-field__container{border-color:transparent!important;box-shadow:none!important}.kbq-form-field___EXPERIMENTAL .kbq-form-field__control{width:100%;flex-grow:1}.kbq-form-field___EXPERIMENTAL .kbq-form-field__label{display:flex;margin-bottom:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix,.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix{display:flex;justify-content:center;align-items:center;gap:var(--kbq-size-xxs)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix{margin-left:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix{margin-right:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix:has(>.kbq-stepper___EXPERIMENTAL){margin-right:0}.kbq-form-field___EXPERIMENTAL .kbq-form-field__hint{display:flex;flex-direction:column;margin-top:var(--kbq-form-field-hint-size-margin-top);gap:var(--kbq-size-xxs)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__container{border-color:var(--kbq-form-field-default-border-color);background-color:var(--kbq-form-field-default-background)}.kbq-form-field___EXPERIMENTAL .kbq-input,.kbq-form-field___EXPERIMENTAL .kbq-tag-input,.kbq-form-field___EXPERIMENTAL .kbq-textarea{color:var(--kbq-form-field-default-text)}.kbq-form-field___EXPERIMENTAL .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill,.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill:hover,.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 40rem var(--kbq-form-field-states-autofill-background);-webkit-text-fill-color:var(--kbq-form-field-states-autofill-text);caret-color:var(--kbq-form-field-states-autofill-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-form-field__container{border-color:var(--kbq-form-field-states-focused-border-color);background-color:var(--kbq-form-field-states-focused-background)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea{color:var(--kbq-form-field-states-focused-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-focused-focus-outline)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-error-focused-focus-outline)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-form-field__container{border-color:var(--kbq-form-field-states-disabled-border-color);background-color:var(--kbq-form-field-states-disabled-background)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea{color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-icon.kbq-empty{color:var(--kbq-form-field-states-disabled-text);-webkit-text-fill-color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field___EXPERIMENTAL .kbq-hint___EXPERIMENTAL{color:var(--kbq-form-field-hint-text)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix .kbq-icon.kbq-empty,.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix .kbq-icon.kbq-empty{color:var(--kbq-icon-contrast-fade)}.kbq-form-field___EXPERIMENTAL{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-form-field___EXPERIMENTAL .kbq-hint___EXPERIMENTAL:not(.kbq-password-hint___EXPERIMENTAL) .kbq-hint__text{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-form-field___EXPERIMENTAL{--kbq-form-field-size-height: var(--kbq-size-3xl);--kbq-form-field-size-border-width: 1px;--kbq-form-field-size-border-radius: var(--kbq-size-border-radius);--kbq-form-field-size-icon-size: var(--kbq-size-l);--kbq-form-field-size-icon-margin-left: var(--kbq-size-s);--kbq-form-field-size-icon-margin-right: var(--kbq-size-s);--kbq-form-field-size-icon-button-size: var(--kbq-size-xxl);--kbq-form-field-size-icon-button-margin-left: var(--kbq-size-xxs);--kbq-form-field-hint-size-margin-top: var(--kbq-size-xs);--kbq-form-field-hint-size-gap: var(--kbq-size-s);--kbq-form-field-default-border-color: var(--kbq-line-contrast-fade);--kbq-form-field-default-background: var(--kbq-background-bg);--kbq-form-field-default-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-default-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-focused-background: var(--kbq-background-bg);--kbq-form-field-states-focused-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-focused-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-focus-outline: var(--kbq-states-line-focus-theme);--kbq-form-field-states-error-border-color: var(--kbq-line-error);--kbq-form-field-states-error-background: var(--kbq-background-error-less);--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-tertiary);--kbq-form-field-states-error-text: var(--kbq-foreground-error);--kbq-form-field-states-error-focused-focus-outline: var(--kbq-states-line-focus-error);--kbq-form-field-states-autofill-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-autofill-background: var(--kbq-background-theme-less);--kbq-form-field-states-autofill-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-autofill-text: var(--kbq-foreground-contrast);--kbq-form-field-states-disabled-border-color: var(--kbq-states-line-disabled);--kbq-form-field-states-disabled-background: var(--kbq-states-background-disabled);--kbq-form-field-states-disabled-placeholder: var(--kbq-states-foreground-disabled);--kbq-form-field-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-form-field-hint-text: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark){--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-secondary)}\n", ".kbq-input{background:transparent;padding:0;margin:0;border:none;outline:none;display:inline-block;box-sizing:border-box;text-overflow:ellipsis;width:100%;min-height:calc(var(--kbq-size-3xl) - var(--kbq-size-border-width) * 2);padding:var(--kbq-input-size-padding-vertical) var(--kbq-input-size-padding-horizontal)}.kbq-input::-ms-clear{display:none;width:0;height:0}.kbq-input::-ms-reveal{display:none;width:0;height:0}.kbq-input::-webkit-search-decoration,.kbq-input::-webkit-search-cancel-button,.kbq-input::-webkit-search-results-button,.kbq-input::-webkit-search-results-decoration{display:none}input.kbq-input[type=number]{-moz-appearance:textfield}input.kbq-input[type=number]::-webkit-inner-spin-button,input.kbq-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input.kbq-input:invalid{box-shadow:unset}input.kbq-input::placeholder{opacity:1}.kbq-input,.kbq-input.kbq-input-password::placeholder{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-input.kbq-input-password{font-size:var(--kbq-typography-mono-normal-font-size);font-style:var(--kbq-typography-mono-normal-font-style);font-weight:var(--kbq-typography-mono-normal-font-weight);line-height:var(--kbq-typography-mono-normal-line-height);font-family:var(--kbq-typography-mono-normal-font-family);text-transform:var(--kbq-typography-mono-normal-text-transform);font-feature-settings:var(--kbq-typography-mono-normal-font-feature-settings);letter-spacing:var(--kbq-typography-mono-normal-letter-spacing);font-variant-ligatures:none;font-feature-settings:\"liga\" 0,\"clig\" 0,\"calt\" 0}\n", ".kbq-input{--kbq-input-size-padding-horizontal: 0;--kbq-input-size-padding-vertical: var(--kbq-form-field-size-container-vertical-padding)}\n", ".kbq-form-field-type-tag-list{--kbq-tag-input-size-padding-left: var(--kbq-size-xxs);--kbq-tag-input-size-padding-right: var(--kbq-size-m);--kbq-tag-input-size-padding-vertical: var(--kbq-size-xxs);--kbq-tag-input-size-content-gap: var(--kbq-size-s)}\n", ".kbq-timepicker{padding-right:var(--kbq-timepicker-size-padding-right)}.kbq-form-field-type-timepicker{width:136px}\n", ".kbq-form-field-type-datepicker{width:136px}\n", ".kbq-textarea{--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 5px;--kbq-textarea-size-padding-horizontal: var(--kbq-size-m)}.kbq-textarea{display:inline-block;background:transparent;margin:0;border:none;outline:none;resize:none;overflow:auto;width:100%;box-sizing:border-box;padding:var(--kbq-textarea-size-padding-vertical) var(--kbq-textarea-size-padding-horizontal);-webkit-appearance:none;vertical-align:bottom}.kbq-textarea:not(.kbq-textarea-resizable){box-sizing:border-box;overflow-y:hidden}.kbq-textarea.kbq-textarea-resizable{resize:vertical;min-height:var(--kbq-textarea-size-min-height)}.kbq-textarea.kbq-textarea_max-row-limit-reached{resize:unset}.kbq-textarea:invalid{box-shadow:unset}\n", ".kbq-textarea{--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 5px;--kbq-textarea-size-padding-horizontal: var(--kbq-size-m)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
632
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: KbqFormField, isStandalone: true, selector: "kbq-form-field", inputs: { noBorders: ["noBorders", "noBorders", booleanAttribute] }, host: { listeners: { "keydown": "onKeyDown($event)", "mouseenter": "mouseenter($event)", "mouseleave": "mouseleave($event)" }, properties: { "class.kbq-form-field_invalid": "invalid", "class.kbq-form-field_disabled": "disabled", "class.kbq-form-field_no-borders": "noBorders", "class.ng-untouched": "shouldBeForwarded(\"untouched\")", "class.ng-touched": "shouldBeForwarded(\"touched\")", "class.ng-pristine": "shouldBeForwarded(\"pristine\")", "class.ng-dirty": "shouldBeForwarded(\"dirty\")", "class.ng-valid": "shouldBeForwarded(\"valid\")", "class.ng-invalid": "shouldBeForwarded(\"invalid\")", "class.ng-pending": "shouldBeForwarded(\"pending\")" }, classAttribute: "kbq-form-field___EXPERIMENTAL" }, providers: [{ provide: KBQ_FORM_FIELD_REF, useExisting: KbqFormField }], queries: [{ propertyName: "_control", first: true, predicate: KbqFormFieldControl, descendants: true }, { propertyName: "stepper", first: true, predicate: KbqStepper, descendants: true }, { propertyName: "cleaner", first: true, predicate: KbqCleaner, descendants: true }, { propertyName: "label", first: true, predicate: KbqLabel, descendants: true }, { propertyName: "passwordToggle", first: true, predicate: KbqPasswordToggle, descendants: true }, { propertyName: "hint", predicate: KbqHint }, { propertyName: "passwordHint", predicate: KbqPasswordHint }, { propertyName: "suffix", predicate: KbqSuffix }, { propertyName: "prefix", predicate: KbqPrefix }, { propertyName: "error", predicate: KbqError }], viewQueries: [{ propertyName: "connectionContainerRef", first: true, predicate: ["connectionContainer"], descendants: true }], exportAs: ["kbqFormField"], ngImport: i0, template: "@if (hasLabel) {\n <label class=\"kbq-form-field__label\" [attr.for]=\"control.id\">\n <ng-content select=\"kbq-label\" />\n </label>\n}\n\n<div #connectionContainer class=\"kbq-form-field__container\" (click)=\"onContainerClick($event)\">\n @if (hasPrefix) {\n <div class=\"kbq-form-field__prefix\">\n <ng-content select=\"[kbqPrefix]\" />\n </div>\n }\n\n <div class=\"kbq-form-field__control\">\n <ng-content />\n </div>\n\n @if (hasSuffix || hasCleaner || hasPasswordToggle || hasStepper) {\n <div class=\"kbq-form-field__suffix\">\n <ng-content select=\"kbq-cleaner\" />\n\n <ng-content select=\"kbq-password-toggle\" />\n\n <ng-content select=\"kbq-stepper\" />\n\n <ng-content select=\"[kbqSuffix]\" />\n </div>\n }\n</div>\n\n@if (hasHint || hasPasswordHint || hasError) {\n <div class=\"kbq-form-field__hint\">\n @if (invalid) {\n <ng-content select=\"kbq-error\" />\n }\n\n <ng-content select=\"kbq-hint, kbq-password-hint\" />\n </div>\n}\n", styles: [".kbq-form-field___EXPERIMENTAL{display:inline-block;width:100%}.kbq-form-field___EXPERIMENTAL .kbq-form-field__container{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-width:var(--kbq-form-field-size-border-width);border-style:solid;border-color:transparent;border-radius:var(--kbq-form-field-size-border-radius);padding-left:var(--kbq-form-field-size-container-left-padding);padding-right:var(--kbq-form-field-size-container-right-padding)}.kbq-form-field___EXPERIMENTAL .kbq-form-field:not(.kbq-form-field-type-textarea){height:var(--kbq-form-field-size-height)}.kbq-form-field___EXPERIMENTAL,.kbq-form-field___EXPERIMENTAL .kbq-input,.kbq-form-field___EXPERIMENTAL .kbq-textarea{border-radius:var(--kbq-form-field-size-border-radius)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_no-borders .kbq-form-field__container{border-color:transparent!important;box-shadow:none!important}.kbq-form-field___EXPERIMENTAL .kbq-form-field__control{width:100%;flex-grow:1;padding-left:var(--kbq-form-field-size-infix-left-padding)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__control:has(.kbq-select_multiple,.kbq-select_multiline):not(:has(.kbq-select__trigger_empty)),.kbq-form-field___EXPERIMENTAL .kbq-form-field__control:has(.kbq-tag-list){padding-left:0;max-width:100%}.kbq-form-field___EXPERIMENTAL .kbq-form-field__control .kbq-input,.kbq-form-field___EXPERIMENTAL .kbq-form-field__control .kbq-tag-input{padding-right:var(--kbq-form-field-size-infix-right-padding)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__label{display:flex;margin-bottom:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix,.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix{display:flex;justify-content:center;align-items:center;gap:var(--kbq-size-xxs)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix{margin-left:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix{margin-right:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix:has(>.kbq-stepper___EXPERIMENTAL){margin-right:0}.kbq-form-field___EXPERIMENTAL .kbq-form-field__hint{display:flex;flex-direction:column;margin-top:var(--kbq-form-field-hint-size-margin-top);gap:var(--kbq-size-xxs)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__container{border-color:var(--kbq-form-field-default-border-color);background-color:var(--kbq-form-field-default-background)}.kbq-form-field___EXPERIMENTAL .kbq-input,.kbq-form-field___EXPERIMENTAL .kbq-tag-input,.kbq-form-field___EXPERIMENTAL .kbq-textarea{color:var(--kbq-form-field-default-text)}.kbq-form-field___EXPERIMENTAL .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill,.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill:hover,.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 40rem var(--kbq-form-field-states-autofill-background);-webkit-text-fill-color:var(--kbq-form-field-states-autofill-text);caret-color:var(--kbq-form-field-states-autofill-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-form-field__container{border-color:var(--kbq-form-field-states-focused-border-color);background-color:var(--kbq-form-field-states-focused-background)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea{color:var(--kbq-form-field-states-focused-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-focused-focus-outline)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-error-focused-focus-outline)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-form-field__container{border-color:var(--kbq-form-field-states-disabled-border-color);background-color:var(--kbq-form-field-states-disabled-background)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea{color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-icon.kbq-empty{color:var(--kbq-form-field-states-disabled-text);-webkit-text-fill-color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field___EXPERIMENTAL .kbq-hint___EXPERIMENTAL{color:var(--kbq-form-field-hint-text)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix .kbq-icon.kbq-empty,.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix .kbq-icon.kbq-empty{color:var(--kbq-icon-contrast-fade)}.kbq-form-field___EXPERIMENTAL{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-form-field___EXPERIMENTAL .kbq-hint___EXPERIMENTAL:not(.kbq-password-hint___EXPERIMENTAL) .kbq-hint__text{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-form-field___EXPERIMENTAL{--kbq-form-field-size-height: var(--kbq-size-3xl);--kbq-form-field-size-border-width: 1px;--kbq-form-field-size-border-radius: var(--kbq-size-border-radius);--kbq-form-field-size-icon-size: var(--kbq-size-l);--kbq-form-field-size-icon-margin-left: var(--kbq-size-s);--kbq-form-field-size-icon-margin-right: var(--kbq-size-s);--kbq-form-field-size-icon-button-size: var(--kbq-size-xxl);--kbq-form-field-size-icon-button-margin-left: var(--kbq-size-xxs);--kbq-form-field-hint-size-margin-top: var(--kbq-size-xs);--kbq-form-field-hint-size-gap: var(--kbq-size-s);--kbq-form-field-size-container-left-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-form-field-size-container-right-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-form-field-size-infix-left-padding: var(--kbq-size-xs);--kbq-form-field-size-infix-right-padding: var(--kbq-size-xxs);--kbq-form-field-default-border-color: var(--kbq-line-contrast-fade);--kbq-form-field-default-background: var(--kbq-background-bg);--kbq-form-field-default-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-default-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-focused-background: var(--kbq-background-bg);--kbq-form-field-states-focused-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-focused-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-focus-outline: var(--kbq-states-line-focus-theme);--kbq-form-field-states-error-border-color: var(--kbq-line-error);--kbq-form-field-states-error-background: var(--kbq-background-error-less);--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-tertiary);--kbq-form-field-states-error-text: var(--kbq-foreground-error);--kbq-form-field-states-error-focused-focus-outline: var(--kbq-states-line-focus-error);--kbq-form-field-states-autofill-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-autofill-background: var(--kbq-background-theme-less);--kbq-form-field-states-autofill-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-autofill-text: var(--kbq-foreground-contrast);--kbq-form-field-states-disabled-border-color: var(--kbq-states-line-disabled);--kbq-form-field-states-disabled-background: var(--kbq-states-background-disabled);--kbq-form-field-states-disabled-placeholder: var(--kbq-states-foreground-disabled);--kbq-form-field-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-form-field-hint-text: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark){--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-secondary)}\n", ".kbq-input{background:transparent;padding:0;margin:0;border:none;outline:none;display:inline-block;box-sizing:border-box;text-overflow:ellipsis;width:100%;min-height:calc(var(--kbq-size-3xl) - var(--kbq-size-border-width) * 2);padding:var(--kbq-input-size-padding-vertical) var(--kbq-input-size-padding-horizontal)}.kbq-input::-ms-clear{display:none;width:0;height:0}.kbq-input::-ms-reveal{display:none;width:0;height:0}.kbq-input::-webkit-search-decoration,.kbq-input::-webkit-search-cancel-button,.kbq-input::-webkit-search-results-button,.kbq-input::-webkit-search-results-decoration{display:none}input.kbq-input[type=number]{-moz-appearance:textfield}input.kbq-input[type=number]::-webkit-inner-spin-button,input.kbq-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input.kbq-input:invalid{box-shadow:unset}input.kbq-input::placeholder{opacity:1}.kbq-input,.kbq-input.kbq-input-password::placeholder{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-input.kbq-input-password{font-size:var(--kbq-typography-mono-normal-font-size);font-style:var(--kbq-typography-mono-normal-font-style);font-weight:var(--kbq-typography-mono-normal-font-weight);line-height:var(--kbq-typography-mono-normal-line-height);font-family:var(--kbq-typography-mono-normal-font-family);text-transform:var(--kbq-typography-mono-normal-text-transform);font-feature-settings:var(--kbq-typography-mono-normal-font-feature-settings);letter-spacing:var(--kbq-typography-mono-normal-letter-spacing);font-variant-ligatures:none;font-feature-settings:\"liga\" 0,\"clig\" 0,\"calt\" 0}\n", ".kbq-input{--kbq-input-size-padding-horizontal: 0;--kbq-input-size-padding-vertical: var(--kbq-form-field-size-container-vertical-padding)}\n", ".kbq-form-field-type-tag-list{--kbq-tag-input-size-padding-left: var(--kbq-size-xxs);--kbq-tag-input-size-padding-right: var(--kbq-size-m);--kbq-tag-input-size-padding-vertical: var(--kbq-size-xxs);--kbq-tag-input-size-content-gap: var(--kbq-size-s)}\n", ".kbq-timepicker{padding-right:var(--kbq-timepicker-size-padding-right)}.kbq-form-field-type-timepicker{width:136px}\n", ".kbq-form-field-type-datepicker{width:136px}\n", ".kbq-textarea{--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 5px;--kbq-textarea-size-padding-horizontal: 11px}.kbq-textarea{display:inline-block;background:transparent;margin:0;border:none;outline:none;resize:none;overflow:auto;width:100%;box-sizing:border-box;padding:var(--kbq-textarea-size-padding-vertical) var(--kbq-textarea-size-padding-horizontal);-webkit-appearance:none;vertical-align:bottom}.kbq-textarea:not(.kbq-textarea-resizable){box-sizing:border-box;overflow-y:hidden}.kbq-textarea.kbq-textarea-resizable{resize:vertical;min-height:var(--kbq-textarea-size-min-height)}.kbq-textarea.kbq-textarea_max-row-limit-reached{resize:unset}.kbq-textarea:invalid{box-shadow:unset}\n", ".kbq-textarea{--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 5px;--kbq-textarea-size-padding-horizontal: 11px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
633
633
  }
634
634
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqFormField, decorators: [{
635
635
  type: Component,
@@ -648,7 +648,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
648
648
  '(keydown)': 'onKeyDown($event)',
649
649
  '(mouseenter)': 'mouseenter($event)',
650
650
  '(mouseleave)': 'mouseleave($event)'
651
- }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: KBQ_FORM_FIELD_REF, useExisting: KbqFormField }], template: "@if (hasLabel) {\n <label class=\"kbq-form-field__label\" [attr.for]=\"control.id\">\n <ng-content select=\"kbq-label\" />\n </label>\n}\n\n<div #connectionContainer class=\"kbq-form-field__container\" (click)=\"onContainerClick($event)\">\n @if (hasPrefix) {\n <div class=\"kbq-form-field__prefix\">\n <ng-content select=\"[kbqPrefix]\" />\n </div>\n }\n\n <div class=\"kbq-form-field__control\">\n <ng-content />\n </div>\n\n @if (hasSuffix || hasCleaner || hasPasswordToggle || hasStepper) {\n <div class=\"kbq-form-field__suffix\">\n <ng-content select=\"kbq-cleaner\" />\n\n <ng-content select=\"kbq-password-toggle\" />\n\n <ng-content select=\"kbq-stepper\" />\n\n <ng-content select=\"[kbqSuffix]\" />\n </div>\n }\n</div>\n\n@if (hasHint || hasPasswordHint || hasError) {\n <div class=\"kbq-form-field__hint\">\n @if (invalid) {\n <ng-content select=\"kbq-error\" />\n }\n\n <ng-content select=\"kbq-hint, kbq-password-hint\" />\n </div>\n}\n", styles: [".kbq-form-field___EXPERIMENTAL{display:inline-block;width:100%}.kbq-form-field___EXPERIMENTAL .kbq-form-field__container{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-width:var(--kbq-form-field-size-border-width);border-style:solid;border-color:transparent;border-radius:var(--kbq-form-field-size-border-radius)}.kbq-form-field___EXPERIMENTAL .kbq-form-field:not(.kbq-form-field-type-textarea){height:var(--kbq-form-field-size-height)}.kbq-form-field___EXPERIMENTAL,.kbq-form-field___EXPERIMENTAL .kbq-input,.kbq-form-field___EXPERIMENTAL .kbq-textarea{border-radius:var(--kbq-form-field-size-border-radius)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_no-borders .kbq-form-field__container{border-color:transparent!important;box-shadow:none!important}.kbq-form-field___EXPERIMENTAL .kbq-form-field__control{width:100%;flex-grow:1}.kbq-form-field___EXPERIMENTAL .kbq-form-field__label{display:flex;margin-bottom:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix,.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix{display:flex;justify-content:center;align-items:center;gap:var(--kbq-size-xxs)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix{margin-left:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix{margin-right:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix:has(>.kbq-stepper___EXPERIMENTAL){margin-right:0}.kbq-form-field___EXPERIMENTAL .kbq-form-field__hint{display:flex;flex-direction:column;margin-top:var(--kbq-form-field-hint-size-margin-top);gap:var(--kbq-size-xxs)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__container{border-color:var(--kbq-form-field-default-border-color);background-color:var(--kbq-form-field-default-background)}.kbq-form-field___EXPERIMENTAL .kbq-input,.kbq-form-field___EXPERIMENTAL .kbq-tag-input,.kbq-form-field___EXPERIMENTAL .kbq-textarea{color:var(--kbq-form-field-default-text)}.kbq-form-field___EXPERIMENTAL .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill,.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill:hover,.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 40rem var(--kbq-form-field-states-autofill-background);-webkit-text-fill-color:var(--kbq-form-field-states-autofill-text);caret-color:var(--kbq-form-field-states-autofill-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-form-field__container{border-color:var(--kbq-form-field-states-focused-border-color);background-color:var(--kbq-form-field-states-focused-background)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea{color:var(--kbq-form-field-states-focused-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-focused-focus-outline)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-error-focused-focus-outline)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-form-field__container{border-color:var(--kbq-form-field-states-disabled-border-color);background-color:var(--kbq-form-field-states-disabled-background)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea{color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-icon.kbq-empty{color:var(--kbq-form-field-states-disabled-text);-webkit-text-fill-color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field___EXPERIMENTAL .kbq-hint___EXPERIMENTAL{color:var(--kbq-form-field-hint-text)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix .kbq-icon.kbq-empty,.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix .kbq-icon.kbq-empty{color:var(--kbq-icon-contrast-fade)}.kbq-form-field___EXPERIMENTAL{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-form-field___EXPERIMENTAL .kbq-hint___EXPERIMENTAL:not(.kbq-password-hint___EXPERIMENTAL) .kbq-hint__text{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-form-field___EXPERIMENTAL{--kbq-form-field-size-height: var(--kbq-size-3xl);--kbq-form-field-size-border-width: 1px;--kbq-form-field-size-border-radius: var(--kbq-size-border-radius);--kbq-form-field-size-icon-size: var(--kbq-size-l);--kbq-form-field-size-icon-margin-left: var(--kbq-size-s);--kbq-form-field-size-icon-margin-right: var(--kbq-size-s);--kbq-form-field-size-icon-button-size: var(--kbq-size-xxl);--kbq-form-field-size-icon-button-margin-left: var(--kbq-size-xxs);--kbq-form-field-hint-size-margin-top: var(--kbq-size-xs);--kbq-form-field-hint-size-gap: var(--kbq-size-s);--kbq-form-field-default-border-color: var(--kbq-line-contrast-fade);--kbq-form-field-default-background: var(--kbq-background-bg);--kbq-form-field-default-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-default-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-focused-background: var(--kbq-background-bg);--kbq-form-field-states-focused-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-focused-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-focus-outline: var(--kbq-states-line-focus-theme);--kbq-form-field-states-error-border-color: var(--kbq-line-error);--kbq-form-field-states-error-background: var(--kbq-background-error-less);--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-tertiary);--kbq-form-field-states-error-text: var(--kbq-foreground-error);--kbq-form-field-states-error-focused-focus-outline: var(--kbq-states-line-focus-error);--kbq-form-field-states-autofill-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-autofill-background: var(--kbq-background-theme-less);--kbq-form-field-states-autofill-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-autofill-text: var(--kbq-foreground-contrast);--kbq-form-field-states-disabled-border-color: var(--kbq-states-line-disabled);--kbq-form-field-states-disabled-background: var(--kbq-states-background-disabled);--kbq-form-field-states-disabled-placeholder: var(--kbq-states-foreground-disabled);--kbq-form-field-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-form-field-hint-text: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark){--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-secondary)}\n", ".kbq-input{background:transparent;padding:0;margin:0;border:none;outline:none;display:inline-block;box-sizing:border-box;text-overflow:ellipsis;width:100%;min-height:calc(var(--kbq-size-3xl) - var(--kbq-size-border-width) * 2);padding:var(--kbq-input-size-padding-vertical) var(--kbq-input-size-padding-horizontal)}.kbq-input::-ms-clear{display:none;width:0;height:0}.kbq-input::-ms-reveal{display:none;width:0;height:0}.kbq-input::-webkit-search-decoration,.kbq-input::-webkit-search-cancel-button,.kbq-input::-webkit-search-results-button,.kbq-input::-webkit-search-results-decoration{display:none}input.kbq-input[type=number]{-moz-appearance:textfield}input.kbq-input[type=number]::-webkit-inner-spin-button,input.kbq-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input.kbq-input:invalid{box-shadow:unset}input.kbq-input::placeholder{opacity:1}.kbq-input,.kbq-input.kbq-input-password::placeholder{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-input.kbq-input-password{font-size:var(--kbq-typography-mono-normal-font-size);font-style:var(--kbq-typography-mono-normal-font-style);font-weight:var(--kbq-typography-mono-normal-font-weight);line-height:var(--kbq-typography-mono-normal-line-height);font-family:var(--kbq-typography-mono-normal-font-family);text-transform:var(--kbq-typography-mono-normal-text-transform);font-feature-settings:var(--kbq-typography-mono-normal-font-feature-settings);letter-spacing:var(--kbq-typography-mono-normal-letter-spacing);font-variant-ligatures:none;font-feature-settings:\"liga\" 0,\"clig\" 0,\"calt\" 0}\n", ".kbq-input{--kbq-input-size-padding-horizontal: 0;--kbq-input-size-padding-vertical: var(--kbq-form-field-size-container-vertical-padding)}\n", ".kbq-form-field-type-tag-list{--kbq-tag-input-size-padding-left: var(--kbq-size-xxs);--kbq-tag-input-size-padding-right: var(--kbq-size-m);--kbq-tag-input-size-padding-vertical: var(--kbq-size-xxs);--kbq-tag-input-size-content-gap: var(--kbq-size-s)}\n", ".kbq-timepicker{padding-right:var(--kbq-timepicker-size-padding-right)}.kbq-form-field-type-timepicker{width:136px}\n", ".kbq-form-field-type-datepicker{width:136px}\n", ".kbq-textarea{--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 5px;--kbq-textarea-size-padding-horizontal: var(--kbq-size-m)}.kbq-textarea{display:inline-block;background:transparent;margin:0;border:none;outline:none;resize:none;overflow:auto;width:100%;box-sizing:border-box;padding:var(--kbq-textarea-size-padding-vertical) var(--kbq-textarea-size-padding-horizontal);-webkit-appearance:none;vertical-align:bottom}.kbq-textarea:not(.kbq-textarea-resizable){box-sizing:border-box;overflow-y:hidden}.kbq-textarea.kbq-textarea-resizable{resize:vertical;min-height:var(--kbq-textarea-size-min-height)}.kbq-textarea.kbq-textarea_max-row-limit-reached{resize:unset}.kbq-textarea:invalid{box-shadow:unset}\n", ".kbq-textarea{--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 5px;--kbq-textarea-size-padding-horizontal: var(--kbq-size-m)}\n"] }]
651
+ }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: KBQ_FORM_FIELD_REF, useExisting: KbqFormField }], template: "@if (hasLabel) {\n <label class=\"kbq-form-field__label\" [attr.for]=\"control.id\">\n <ng-content select=\"kbq-label\" />\n </label>\n}\n\n<div #connectionContainer class=\"kbq-form-field__container\" (click)=\"onContainerClick($event)\">\n @if (hasPrefix) {\n <div class=\"kbq-form-field__prefix\">\n <ng-content select=\"[kbqPrefix]\" />\n </div>\n }\n\n <div class=\"kbq-form-field__control\">\n <ng-content />\n </div>\n\n @if (hasSuffix || hasCleaner || hasPasswordToggle || hasStepper) {\n <div class=\"kbq-form-field__suffix\">\n <ng-content select=\"kbq-cleaner\" />\n\n <ng-content select=\"kbq-password-toggle\" />\n\n <ng-content select=\"kbq-stepper\" />\n\n <ng-content select=\"[kbqSuffix]\" />\n </div>\n }\n</div>\n\n@if (hasHint || hasPasswordHint || hasError) {\n <div class=\"kbq-form-field__hint\">\n @if (invalid) {\n <ng-content select=\"kbq-error\" />\n }\n\n <ng-content select=\"kbq-hint, kbq-password-hint\" />\n </div>\n}\n", styles: [".kbq-form-field___EXPERIMENTAL{display:inline-block;width:100%}.kbq-form-field___EXPERIMENTAL .kbq-form-field__container{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-width:var(--kbq-form-field-size-border-width);border-style:solid;border-color:transparent;border-radius:var(--kbq-form-field-size-border-radius);padding-left:var(--kbq-form-field-size-container-left-padding);padding-right:var(--kbq-form-field-size-container-right-padding)}.kbq-form-field___EXPERIMENTAL .kbq-form-field:not(.kbq-form-field-type-textarea){height:var(--kbq-form-field-size-height)}.kbq-form-field___EXPERIMENTAL,.kbq-form-field___EXPERIMENTAL .kbq-input,.kbq-form-field___EXPERIMENTAL .kbq-textarea{border-radius:var(--kbq-form-field-size-border-radius)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_no-borders .kbq-form-field__container{border-color:transparent!important;box-shadow:none!important}.kbq-form-field___EXPERIMENTAL .kbq-form-field__control{width:100%;flex-grow:1;padding-left:var(--kbq-form-field-size-infix-left-padding)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__control:has(.kbq-select_multiple,.kbq-select_multiline):not(:has(.kbq-select__trigger_empty)),.kbq-form-field___EXPERIMENTAL .kbq-form-field__control:has(.kbq-tag-list){padding-left:0;max-width:100%}.kbq-form-field___EXPERIMENTAL .kbq-form-field__control .kbq-input,.kbq-form-field___EXPERIMENTAL .kbq-form-field__control .kbq-tag-input{padding-right:var(--kbq-form-field-size-infix-right-padding)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__label{display:flex;margin-bottom:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix,.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix{display:flex;justify-content:center;align-items:center;gap:var(--kbq-size-xxs)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix{margin-left:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix{margin-right:var(--kbq-size-s)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix:has(>.kbq-stepper___EXPERIMENTAL){margin-right:0}.kbq-form-field___EXPERIMENTAL .kbq-form-field__hint{display:flex;flex-direction:column;margin-top:var(--kbq-form-field-hint-size-margin-top);gap:var(--kbq-size-xxs)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__container{border-color:var(--kbq-form-field-default-border-color);background-color:var(--kbq-form-field-default-background)}.kbq-form-field___EXPERIMENTAL .kbq-input,.kbq-form-field___EXPERIMENTAL .kbq-tag-input,.kbq-form-field___EXPERIMENTAL .kbq-textarea{color:var(--kbq-form-field-default-text)}.kbq-form-field___EXPERIMENTAL .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill,.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill:hover,.kbq-form-field___EXPERIMENTAL .kbq-input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 40rem var(--kbq-form-field-states-autofill-background);-webkit-text-fill-color:var(--kbq-form-field-states-autofill-text);caret-color:var(--kbq-form-field-states-autofill-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-form-field__container{border-color:var(--kbq-form-field-states-focused-border-color);background-color:var(--kbq-form-field-states-focused-background)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea{color:var(--kbq-form-field-states-focused-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-textarea::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select) .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-focused-focus-outline)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.cdk-focused:not(.kbq-form-field-type-select).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field___EXPERIMENTAL.cdk-keyboard-focused.kbq-form-field-type-select.kbq-form-field_invalid .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-error-focused-focus-outline)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-form-field__container{border-color:var(--kbq-form-field-states-disabled-border-color);background-color:var(--kbq-form-field-states-disabled-background)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea{color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::-ms-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field___EXPERIMENTAL.kbq-form-field_disabled .kbq-icon.kbq-empty{color:var(--kbq-form-field-states-disabled-text);-webkit-text-fill-color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field___EXPERIMENTAL .kbq-hint___EXPERIMENTAL{color:var(--kbq-form-field-hint-text)}.kbq-form-field___EXPERIMENTAL .kbq-form-field__prefix .kbq-icon.kbq-empty,.kbq-form-field___EXPERIMENTAL .kbq-form-field__suffix .kbq-icon.kbq-empty{color:var(--kbq-icon-contrast-fade)}.kbq-form-field___EXPERIMENTAL{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-form-field___EXPERIMENTAL .kbq-hint___EXPERIMENTAL:not(.kbq-password-hint___EXPERIMENTAL) .kbq-hint__text{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-form-field___EXPERIMENTAL{--kbq-form-field-size-height: var(--kbq-size-3xl);--kbq-form-field-size-border-width: 1px;--kbq-form-field-size-border-radius: var(--kbq-size-border-radius);--kbq-form-field-size-icon-size: var(--kbq-size-l);--kbq-form-field-size-icon-margin-left: var(--kbq-size-s);--kbq-form-field-size-icon-margin-right: var(--kbq-size-s);--kbq-form-field-size-icon-button-size: var(--kbq-size-xxl);--kbq-form-field-size-icon-button-margin-left: var(--kbq-size-xxs);--kbq-form-field-hint-size-margin-top: var(--kbq-size-xs);--kbq-form-field-hint-size-gap: var(--kbq-size-s);--kbq-form-field-size-container-left-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-form-field-size-container-right-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-form-field-size-infix-left-padding: var(--kbq-size-xs);--kbq-form-field-size-infix-right-padding: var(--kbq-size-xxs);--kbq-form-field-default-border-color: var(--kbq-line-contrast-fade);--kbq-form-field-default-background: var(--kbq-background-bg);--kbq-form-field-default-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-default-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-focused-background: var(--kbq-background-bg);--kbq-form-field-states-focused-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-focused-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-focus-outline: var(--kbq-states-line-focus-theme);--kbq-form-field-states-error-border-color: var(--kbq-line-error);--kbq-form-field-states-error-background: var(--kbq-background-error-less);--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-tertiary);--kbq-form-field-states-error-text: var(--kbq-foreground-error);--kbq-form-field-states-error-focused-focus-outline: var(--kbq-states-line-focus-error);--kbq-form-field-states-autofill-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-autofill-background: var(--kbq-background-theme-less);--kbq-form-field-states-autofill-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-autofill-text: var(--kbq-foreground-contrast);--kbq-form-field-states-disabled-border-color: var(--kbq-states-line-disabled);--kbq-form-field-states-disabled-background: var(--kbq-states-background-disabled);--kbq-form-field-states-disabled-placeholder: var(--kbq-states-foreground-disabled);--kbq-form-field-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-form-field-hint-text: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark){--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-secondary)}\n", ".kbq-input{background:transparent;padding:0;margin:0;border:none;outline:none;display:inline-block;box-sizing:border-box;text-overflow:ellipsis;width:100%;min-height:calc(var(--kbq-size-3xl) - var(--kbq-size-border-width) * 2);padding:var(--kbq-input-size-padding-vertical) var(--kbq-input-size-padding-horizontal)}.kbq-input::-ms-clear{display:none;width:0;height:0}.kbq-input::-ms-reveal{display:none;width:0;height:0}.kbq-input::-webkit-search-decoration,.kbq-input::-webkit-search-cancel-button,.kbq-input::-webkit-search-results-button,.kbq-input::-webkit-search-results-decoration{display:none}input.kbq-input[type=number]{-moz-appearance:textfield}input.kbq-input[type=number]::-webkit-inner-spin-button,input.kbq-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input.kbq-input:invalid{box-shadow:unset}input.kbq-input::placeholder{opacity:1}.kbq-input,.kbq-input.kbq-input-password::placeholder{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-input.kbq-input-password{font-size:var(--kbq-typography-mono-normal-font-size);font-style:var(--kbq-typography-mono-normal-font-style);font-weight:var(--kbq-typography-mono-normal-font-weight);line-height:var(--kbq-typography-mono-normal-line-height);font-family:var(--kbq-typography-mono-normal-font-family);text-transform:var(--kbq-typography-mono-normal-text-transform);font-feature-settings:var(--kbq-typography-mono-normal-font-feature-settings);letter-spacing:var(--kbq-typography-mono-normal-letter-spacing);font-variant-ligatures:none;font-feature-settings:\"liga\" 0,\"clig\" 0,\"calt\" 0}\n", ".kbq-input{--kbq-input-size-padding-horizontal: 0;--kbq-input-size-padding-vertical: var(--kbq-form-field-size-container-vertical-padding)}\n", ".kbq-form-field-type-tag-list{--kbq-tag-input-size-padding-left: var(--kbq-size-xxs);--kbq-tag-input-size-padding-right: var(--kbq-size-m);--kbq-tag-input-size-padding-vertical: var(--kbq-size-xxs);--kbq-tag-input-size-content-gap: var(--kbq-size-s)}\n", ".kbq-timepicker{padding-right:var(--kbq-timepicker-size-padding-right)}.kbq-form-field-type-timepicker{width:136px}\n", ".kbq-form-field-type-datepicker{width:136px}\n", ".kbq-textarea{--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 5px;--kbq-textarea-size-padding-horizontal: 11px}.kbq-textarea{display:inline-block;background:transparent;margin:0;border:none;outline:none;resize:none;overflow:auto;width:100%;box-sizing:border-box;padding:var(--kbq-textarea-size-padding-vertical) var(--kbq-textarea-size-padding-horizontal);-webkit-appearance:none;vertical-align:bottom}.kbq-textarea:not(.kbq-textarea-resizable){box-sizing:border-box;overflow-y:hidden}.kbq-textarea.kbq-textarea-resizable{resize:vertical;min-height:var(--kbq-textarea-size-min-height)}.kbq-textarea.kbq-textarea_max-row-limit-reached{resize:unset}.kbq-textarea:invalid{box-shadow:unset}\n", ".kbq-textarea{--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 5px;--kbq-textarea-size-padding-horizontal: 11px}\n"] }]
652
652
  }], ctorParameters: () => [], propDecorators: { noBorders: [{
653
653
  type: Input,
654
654
  args: [{ transform: booleanAttribute }]
package/fesm2022/koobiq-components-experimental-form-field.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"koobiq-components-experimental-form-field.mjs","sources":["../../../packages/components-experimental/form-field/cleaner.ts","../../../packages/components-experimental/form-field/hint.ts","../../../packages/components-experimental/form-field/hint.html","../../../packages/components-experimental/form-field/label.ts","../../../packages/components-experimental/form-field/password-toggle.ts","../../../packages/components-experimental/form-field/prefix.ts","../../../packages/components-experimental/form-field/stepper.ts","../../../packages/components-experimental/form-field/suffix.ts","../../../packages/components-experimental/form-field/form-field.ts","../../../packages/components-experimental/form-field/form-field.html","../../../packages/components-experimental/form-field/form-field.module.ts","../../../packages/components-experimental/form-field/koobiq-components-experimental-form-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';\nimport { KBQ_FORM_FIELD_REF } from '@koobiq/components/core';\nimport { KbqIconModule } from '@koobiq/components/icon';\nimport { KbqFormField } from './form-field';\n\n/**\n * KbqCleaner to be placed in end of the form field.\n * Resets form control by click.\n */\n@Component({\n standalone: true,\n imports: [KbqIconModule],\n selector: 'kbq-cleaner',\n exportAs: 'kbqCleaner',\n template: `\n <i [autoColor]=\"true\" color=\"contrast-fade\" kbq-icon-button=\"kbq-xmark-circle_16\"></i>\n `,\n styleUrl: './cleaner.scss',\n host: {\n class: 'kbq-cleaner___EXPERIMENTAL',\n '(click)': 'clean($event)',\n '[style.visibility]': 'visible ? \"visible\" : \"hidden\"',\n '[attr.aria-hidden]': '!visible'\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class KbqCleaner {\n // @TODO fix types (#DS-2915)\n private readonly formField = inject(KBQ_FORM_FIELD_REF, { optional: true }) as unknown as KbqFormField | undefined;\n\n /** Whether to display the cleaner. */\n get visible(): boolean {\n return !this.formField?.disabled && !!this.formField?.control?.ngControl?.value;\n }\n\n /** Clean the form field control. */\n protected clean(event: MouseEvent): void {\n event.stopPropagation();\n\n this.formField?.control?.ngControl?.reset();\n this.formField?.control?.focus();\n }\n}\n","import { NgClass } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, inject, Input, ViewEncapsulation } from '@angular/core';\nimport { KBQ_FORM_FIELD_REF, KbqComponentColors } from '@koobiq/components/core';\nimport { KbqIconModule } from '@koobiq/components/icon';\nimport { KbqFormField } from './form-field';\n\nlet nextUniqueId = 0;\n\n/** Hint text to be shown below the form field control. */\n@Component({\n standalone: true,\n selector: 'kbq-hint',\n exportAs: 'kbqHint',\n templateUrl: './hint.html',\n styleUrls: [\n './hint.scss',\n './hint-tokens.scss'\n ],\n host: {\n class: 'kbq-hint___EXPERIMENTAL',\n '[attr.id]': 'id',\n '[class.kbq-error]': 'color === colors.Error',\n '[class.kbq-contrast-fade]': 'color === colors.ContrastFade',\n '[class.kbq-success]': 'color === colors.Success',\n '[class.kbq-warning]': 'color === colors.Warning',\n '[class.kbq-hint_fill-text-off]': 'fillTextOff',\n '[class.kbq-hint_compact]': 'compact'\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class KbqHint {\n /** Unique ID for the hint. */\n @Input() id: string = `kbq-hint-${nextUniqueId++}`;\n\n /** Component colors */\n protected colors = KbqComponentColors;\n\n /** Hint color */\n @Input()\n get color(): KbqComponentColors | undefined {\n return this._color;\n }\n\n set color(color: KbqComponentColors) {\n this._color = color;\n }\n\n private _color: KbqComponentColors | undefined;\n\n /** Disables `color` for the hint text. */\n @Input({ transform: booleanAttribute })\n get fillTextOff(): boolean {\n return this._fillTextOff;\n }\n\n set fillTextOff(fillTextOff: boolean) {\n this._fillTextOff = fillTextOff;\n }\n\n private _fillTextOff: boolean = false;\n\n /** Makes the hint size smaller. */\n @Input({ transform: booleanAttribute }) compact: boolean = false;\n}\n\n/** Error text to be shown below the form field control. */\n@Component({\n standalone: true,\n selector: 'kbq-error',\n exportAs: 'kbqError',\n templateUrl: './hint.html',\n styleUrls: [\n './hint.scss',\n './hint-tokens.scss'\n ],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class KbqError extends KbqHint {\n /** @docs-private */\n /** Overrides the hint `color` property. */\n @Input()\n get color(): KbqComponentColors.Error {\n return KbqComponentColors.Error;\n }\n\n set color(_color: null) {}\n\n /** @docs-private */\n /** Overrides the hint `fillTextOff` property. */\n @Input()\n get fillTextOff(): boolean {\n return false;\n }\n\n set fillTextOff(_fillTextOff: null) {}\n}\n\n/** Password hint to be shown below the password form field control. */\n@Component({\n standalone: true,\n imports: [NgClass, KbqIconModule],\n selector: 'kbq-password-hint',\n template: `\n <i [ngClass]=\"icon\" kbq-icon=\"\"></i>\n\n <span class=\"kbq-hint__text\">\n <ng-content />\n </span>\n `,\n styleUrls: [\n './hint.scss',\n './hint-tokens.scss'\n ],\n host: {\n class: 'kbq-password-hint___EXPERIMENTAL'\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class KbqPasswordHint extends KbqHint {\n /** Whether the form field control has an error. */\n @Input({ transform: booleanAttribute }) hasError: boolean = false;\n\n /** @docs-private */\n /** Overrides the hint `fillTextOff` property. */\n @Input()\n get fillTextOff(): boolean {\n return true;\n }\n\n set fillTextOff(_fillTextOff: null) {}\n\n // @TODO fix types (#DS-2915)\n private readonly formField = inject(KBQ_FORM_FIELD_REF, { optional: true }) as unknown as KbqFormField | undefined;\n\n /** @docs-private */\n /** Overrides the hint `color` property. */\n @Input()\n get color(): KbqComponentColors {\n if (this.formField?.invalid && this.hasError) {\n return KbqComponentColors.Error;\n }\n\n if ((!this.formField?.invalid && !this.hasError) || !this.hasError) {\n return KbqComponentColors.Success;\n }\n\n return KbqComponentColors.ContrastFade;\n }\n\n set color(_color: null) {}\n\n /** The form field hint icon. */\n protected get icon(): string {\n return this.hasError ? 'kbq-xmark-s_16' : 'kbq-check-s_16';\n }\n}\n","<ng-content select=\"[kbq-icon]\" />\n\n<span class=\"kbq-hint__text\">\n <ng-content />\n</span>\n","import { Directive, Input } from '@angular/core';\n\nlet nextUniqueId = 0;\n\n/** Label for the form field. */\n@Directive({\n selector: 'kbq-label',\n standalone: true,\n host: {\n class: 'kbq-label___EXPERIMENTAL',\n '[attr.id]': 'id'\n }\n})\nexport class KbqLabel {\n /** Unique id for the label. */\n @Input() id: string = `kbq-label-${nextUniqueId++}`;\n}\n","import { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';\nimport { KBQ_FORM_FIELD_REF } from '@koobiq/components/core';\nimport { KbqIconModule } from '@koobiq/components/icon';\nimport { KbqInputPassword } from '@koobiq/components/input';\nimport { KbqFormField } from './form-field';\n\nconst getKbqPasswordToggleMissingControlError = (): Error => {\n return Error('kbq-password-toggle should use with kbqInputPassword');\n};\n\n/** Component which changes password visibility. */\n@Component({\n standalone: true,\n imports: [NgClass, KbqIconModule],\n selector: `kbq-password-toggle`,\n exportAs: 'kbqPasswordToggle',\n template: `\n <i [ngClass]=\"icon\" [autoColor]=\"true\" color=\"contrast-fade\" kbq-icon-button=\"\"></i>\n `,\n styleUrl: './password-toggle.scss',\n host: {\n class: 'kbq-password-toggle___EXPERIMENTAL',\n\n '[style.visibility]': 'visible ? \"visible\" : \"hidden\"',\n '[attr.aria-hidden]': '!visible',\n\n '(click)': 'toggleType($event)',\n '(keydown.ENTER)': 'toggleType($event)',\n '(keydown.SPACE)': 'toggleType($event)'\n },\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class KbqPasswordToggle {\n // @TODO fix types (#DS-2915)\n private readonly formField = inject(KBQ_FORM_FIELD_REF, { optional: true }) as unknown as KbqFormField | undefined;\n\n /** Form field password control. */\n protected get control(): KbqInputPassword {\n const control = this.formField?.control;\n\n if (!(control instanceof KbqInputPassword)) {\n throw getKbqPasswordToggleMissingControlError();\n }\n\n return control;\n }\n\n /** The icon selector. */\n protected get icon(): string {\n return this.control.elementType === 'password' ? 'kbq-eye_16' : 'kbq-eye-slash_16';\n }\n\n /** Whether to display the password toggle. */\n get visible(): boolean {\n return !this.formField?.disabled && !!this.control?.ngControl?.value;\n }\n\n /** Toggles the password visibility. */\n protected toggleType(event: KeyboardEvent | MouseEvent): void {\n event.stopPropagation();\n\n this.control.toggleType();\n }\n}\n","import { Directive } from '@angular/core';\n\n/** KbqPrefix to be placed in front of the form field. */\n@Directive({\n standalone: true,\n selector: '[kbqPrefix]',\n host: {\n class: 'kbq-prefix___EXPERIMENTAL'\n }\n})\nexport class KbqPrefix {}\n","import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';\nimport { KBQ_FORM_FIELD_REF } from '@koobiq/components/core';\nimport { KbqIconModule } from '@koobiq/components/icon';\nimport { KbqInput, KbqNumberInput } from '@koobiq/components/input';\nimport { KbqFormField } from './form-field';\n\nconst getKbqStepperToggleMissingControlError = (): Error => {\n return Error('kbq-stepper should use with kbqNumberInput');\n};\n\n/** Component which allow to increment or decrement number value. */\n@Component({\n standalone: true,\n selector: 'kbq-stepper',\n exportAs: 'kbqStepper',\n imports: [KbqIconModule],\n template: `\n <i\n class=\"kbq-stepper__step-up\"\n [tabindex]=\"-1\"\n [autoColor]=\"true\"\n [disabled]=\"control.disabled\"\n (mousedown)=\"stepUp($event)\"\n color=\"contrast-fade\"\n kbq-icon-button=\"kbq-chevron-up-s_16\"\n ></i>\n <i\n class=\"kbq-stepper__step-down\"\n [tabindex]=\"-1\"\n [autoColor]=\"true\"\n [disabled]=\"control.disabled\"\n (mousedown)=\"stepDown($event)\"\n color=\"contrast-fade\"\n kbq-icon-button=\"kbq-chevron-down-s_16\"\n ></i>\n `,\n styleUrl: './stepper.scss',\n host: {\n class: 'kbq-stepper___EXPERIMENTAL'\n },\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class KbqStepper {\n // @TODO fix types (#DS-2915)\n private readonly formField = inject(KBQ_FORM_FIELD_REF, { optional: true }) as unknown as KbqFormField | undefined;\n\n /** Whether the stepper is visible.\n * @deprecated stepper should be always visible when provided, so this parameter is redundant */\n visible = true;\n\n /** Form field number control. */\n protected get control(): KbqNumberInput {\n const control = this.formField?.control;\n\n if (!(control instanceof KbqInput && control.numberInput)) {\n throw getKbqStepperToggleMissingControlError();\n }\n\n return control.numberInput;\n }\n\n protected stepUp(event: MouseEvent) {\n event.stopPropagation();\n this.control.stepUp(this.control.step);\n }\n\n protected stepDown(event: MouseEvent) {\n event.stopPropagation();\n this.control.stepDown(this.control.step);\n }\n}\n","import { Directive } from '@angular/core';\n\n/** KbqSuffix to be placed at the end of the form field. */\n@Directive({\n standalone: true,\n selector: '[kbqSuffix]',\n host: {\n class: 'kbq-suffix___EXPERIMENTAL'\n }\n})\nexport class KbqSuffix {}\n","import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';\nimport {\n AfterContentInit,\n afterNextRender,\n AfterViewInit,\n booleanAttribute,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ContentChildren,\n DestroyRef,\n ElementRef,\n inject,\n InjectionToken,\n Input,\n OnDestroy,\n Provider,\n QueryList,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { AbstractControlDirective } from '@angular/forms';\nimport { ESCAPE, F8 } from '@koobiq/cdk/keycodes';\nimport { KBQ_FORM_FIELD_REF } from '@koobiq/components/core';\nimport { KbqFormFieldControl } from '@koobiq/components/form-field';\nimport { EMPTY, merge } from 'rxjs';\nimport { KbqCleaner } from './cleaner';\nimport { KbqError, KbqHint, KbqPasswordHint } from './hint';\nimport { KbqLabel } from './label';\nimport { KbqPasswordToggle } from './password-toggle';\nimport { KbqPrefix } from './prefix';\nimport { KbqStepper } from './stepper';\nimport { KbqSuffix } from './suffix';\n\n/**\n * Default options for the kbq-form-field that can be configured using the `KBQ_FORM_FIELD_DEFAULT_OPTIONS` injection token.\n */\nexport type KbqFormFieldDefaultOptions = Partial<{\n /** Disables form field borders and shadows. */\n noBorders: boolean;\n}>;\n\n/** Injection token that can be used to configure the default options for all kbq-form-field's. */\nexport const KBQ_FORM_FIELD_DEFAULT_OPTIONS = new InjectionToken<KbqFormFieldDefaultOptions>(\n 'KBQ_FORM_FIELD_DEFAULT_OPTIONS___EXPERIMENTAL'\n);\n\n/** Utility provider for `KBQ_FORM_FIELD_DEFAULT_OPTIONS`. */\nexport const kbqFormFieldDefaultOptionsProvider = (options: KbqFormFieldDefaultOptions): Provider => ({\n provide: KBQ_FORM_FIELD_DEFAULT_OPTIONS,\n useValue: options\n});\n\n/** @docs-private */\nexport const getKbqFormFieldMissingControlError = (): Error => {\n return Error('kbq-form-field must contain a KbqFormFieldControl');\n};\n\n/** Container for form controls that applies styling and behavior. */\n@Component({\n standalone: true,\n selector: 'kbq-form-field',\n exportAs: 'kbqFormField',\n templateUrl: './form-field.html',\n styleUrls: [\n './form-field.scss',\n './form-field-tokens.scss',\n /**\n * KbqInput is a directive and can't have styles, so we need to include its styles here.\n * The KbqInput styles are fairly minimal so it shouldn't be a big deal for people who aren't using KbqInput.\n * @TODO should be refactored (#DS-2910)\n */\n './../../components/input/input.scss',\n './../../components/input/input-tokens.scss',\n './../../components/tags/tag-input-tokens.scss',\n './../../components/timepicker/timepicker.scss',\n './../../components/datepicker/datepicker-input.scss',\n './../../components/textarea/textarea.scss',\n './../../components/textarea/textarea-tokens.scss'\n ],\n host: {\n class: 'kbq-form-field___EXPERIMENTAL',\n '[class.kbq-form-field_invalid]': 'invalid',\n '[class.kbq-form-field_disabled]': 'disabled',\n '[class.kbq-form-field_no-borders]': 'noBorders',\n\n '[class.ng-untouched]': 'shouldBeForwarded(\"untouched\")',\n '[class.ng-touched]': 'shouldBeForwarded(\"touched\")',\n '[class.ng-pristine]': 'shouldBeForwarded(\"pristine\")',\n '[class.ng-dirty]': 'shouldBeForwarded(\"dirty\")',\n '[class.ng-valid]': 'shouldBeForwarded(\"valid\")',\n '[class.ng-invalid]': 'shouldBeForwarded(\"invalid\")',\n '[class.ng-pending]': 'shouldBeForwarded(\"pending\")',\n\n '(keydown)': 'onKeyDown($event)',\n '(mouseenter)': 'mouseenter($event)',\n '(mouseleave)': 'mouseleave($event)'\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [{ provide: KBQ_FORM_FIELD_REF, useExisting: KbqFormField }]\n})\nexport class KbqFormField implements AfterContentInit, AfterViewInit, OnDestroy {\n private readonly changeDetectorRef = inject(ChangeDetectorRef);\n private readonly destroyRef = inject(DestroyRef);\n private readonly elementRef = inject(ElementRef);\n private readonly defaultOptions = inject(KBQ_FORM_FIELD_DEFAULT_OPTIONS, { optional: true });\n private readonly focusMonitor = inject(FocusMonitor);\n\n /** Disables form field borders and shadows. */\n @Input({ transform: booleanAttribute }) noBorders: boolean | undefined = this.defaultOptions?.noBorders;\n\n @ContentChild(KbqFormFieldControl) private readonly _control: KbqFormFieldControl<unknown>;\n @ViewChild('connectionContainer') private readonly connectionContainerRef: ElementRef;\n @ContentChild(KbqStepper) private readonly stepper: KbqStepper;\n @ContentChild(KbqCleaner) private readonly cleaner: KbqCleaner | null;\n @ContentChild(KbqLabel) private readonly label: KbqLabel | null;\n @ContentChild(KbqPasswordToggle) private readonly passwordToggle: KbqPasswordToggle | null;\n @ContentChildren(KbqHint) private readonly hint: QueryList<KbqHint>;\n @ContentChildren(KbqPasswordHint) private readonly passwordHint: QueryList<KbqPasswordHint>;\n @ContentChildren(KbqSuffix) private readonly suffix: QueryList<KbqSuffix>;\n @ContentChildren(KbqPrefix) private readonly prefix: QueryList<KbqPrefix>;\n @ContentChildren(KbqError) private readonly error: QueryList<KbqError>;\n\n /**\n * @docs-private\n */\n canCleanerClearByEsc: boolean = true;\n\n /** The form field control. */\n get control() {\n if (!this._control) {\n throw getKbqFormFieldMissingControlError();\n }\n\n return this._control;\n }\n\n /**\n * Whether the form field control is focused.\n *\n * @docs-private\n */\n get focused(): boolean {\n return !!this.control?.focused;\n }\n\n /**\n * Whether the form field is hovered.\n *\n * @docs-private\n */\n get hovered(): boolean {\n return !!this._hovered;\n }\n\n private _hovered: boolean = false;\n\n /** Whether the form field is invalid. */\n get invalid(): boolean {\n return !!this.control?.errorState;\n }\n\n /**\n * Whether the form-field contains kbq-hint.\n *\n * @docs-private\n */\n get hasHint(): boolean {\n return this.hint?.length > 0;\n }\n\n /**\n * Whether the form-field contains kbq-password-hint.\n *\n * @docs-private\n */\n get hasPasswordHint(): boolean {\n return this.passwordHint?.length > 0;\n }\n\n /**\n * Whether the form-field contains kbq-password-toggle.\n *\n * @docs-private\n */\n get hasPasswordToggle(): boolean {\n return !!this.passwordToggle;\n }\n\n /**\n * Whether the form-field contains kbq-label.\n *\n * @docs-private\n */\n get hasLabel(): boolean {\n return !!this.label;\n }\n\n /**\n * Whether the form-field contains kbqSuffix.\n *\n * @docs-private\n */\n get hasSuffix(): boolean {\n return this.suffix?.length > 0;\n }\n\n /**\n * Whether the form-field contains kbqPrefix.\n *\n * @docs-private\n */\n get hasPrefix(): boolean {\n return this.prefix?.length > 0;\n }\n\n /**\n * Whether the form-field contains kbq-cleaner.\n *\n * @docs-private\n */\n get hasCleaner(): boolean {\n return !!this.cleaner;\n }\n\n /**\n * Whether the form-field contains kbq-stepper.\n *\n * @docs-private\n */\n get hasStepper(): boolean {\n return !!this.stepper;\n }\n\n /**\n * Whether the form-field contains kbq-error.\n *\n * @docs-private\n */\n get hasError(): boolean {\n return this.error.length > 0;\n }\n\n /** Whether the form field is disabled. */\n get disabled(): boolean {\n return !!this.control?.disabled;\n }\n\n /**\n * Current focus origin state.\n *\n * @docs-private\n */\n get focusOrigin(): FocusOrigin {\n return this._focusOrigin;\n }\n\n private _focusOrigin: FocusOrigin = null;\n\n constructor() {\n afterNextRender(() => {\n // Should be called after the view has been initialized\n this.changeDetectorRef.detectChanges();\n });\n }\n\n ngAfterContentInit(): void {\n this.initializeControl();\n this.initializePrefixAndSuffix();\n this.initializeHint();\n }\n\n ngAfterViewInit(): void {\n this.runFocusMonitor();\n }\n\n ngOnDestroy(): void {\n this.stopFocusMonitor();\n }\n\n /** Focuses the control. */\n focus(options?: FocusOptions): void {\n this.control.focus(options);\n }\n\n /**\n * @deprecated Use `focus` instead.\n */\n focusViaKeyboard(options?: FocusOptions): void {\n this.control.focus(options);\n }\n\n /**\n * Runs the focus monitor for the form field.\n *\n * @docs-private\n */\n runFocusMonitor(): void {\n this.focusMonitor.monitor(this.elementRef, true).subscribe((origin) => {\n this._focusOrigin = origin;\n });\n }\n\n /**\n * Stops the focus monitor for the form field.\n *\n * @docs-private\n */\n stopFocusMonitor(): void {\n this.focusMonitor.stopMonitoring(this.elementRef);\n }\n\n /** Handles a click on the control's container. */\n protected onContainerClick(event: MouseEvent): void {\n if (this.control.onContainerClick) {\n this.control.onContainerClick(event);\n }\n }\n\n /**\n * Handles keydown events.\n *\n * @docs-private\n */\n protected onKeyDown(event: KeyboardEvent): void {\n // @TODO should move into KbqPasswordToggle (#DS-2910)\n if (this.control.controlType === 'input-password' && event.altKey && event.keyCode === F8) {\n (this.control as unknown as { toggleType(): void }).toggleType();\n }\n\n // @TODO should move into KbqCleaner (#DS-2910)\n if (this.canCleanerClearByEsc && event.keyCode === ESCAPE && this.focused && this.hasCleaner) {\n this.control?.ngControl?.reset();\n event.preventDefault();\n }\n }\n\n /**\n * Handles mouseenter events.\n *\n * @docs-private\n */\n protected mouseenter(_event: MouseEvent): void {\n this._hovered = true;\n }\n\n /**\n * Handles mouseleave events.\n *\n * @docs-private\n */\n protected mouseleave(_event: MouseEvent): void {\n this._hovered = false;\n }\n\n /**\n * Gets an ElementRef for the element that a overlay attached to the form-field should be positioned relative to.\n */\n getConnectedOverlayOrigin(): ElementRef {\n return this.connectionContainerRef || this.elementRef;\n }\n\n /**\n * Determines whether a class from the AbstractControlDirective should be forwarded to the host element.\n *\n * @docs-private\n */\n protected shouldBeForwarded(property: keyof AbstractControlDirective): boolean {\n return this.control.ngControl?.[property];\n }\n\n /** Initializes the kbqPrefix and kbqSuffix containers. */\n private initializePrefixAndSuffix(): void {\n // Mark the form field as dirty whenever the prefix or suffix children change. This is necessary because we\n // conditionally display the prefix/suffix containers based on whether there is projected content.\n merge(this.prefix.changes, this.suffix.changes)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(() => {\n this.changeDetectorRef.markForCheck();\n });\n }\n\n /** Initializes the KbqHint, KbqError and KbqPasswordHint containers. */\n private initializeHint(): void {\n merge(this.hint.changes, this.error.changes, this.passwordHint.changes)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(() => {\n this.changeDetectorRef.markForCheck();\n });\n }\n\n /** Initializes the form field control. */\n private initializeControl(): void {\n if (this.control.controlType) {\n this.elementRef.nativeElement.classList.add(`kbq-form-field-type-${this.control.controlType}`);\n }\n\n merge(this.control.stateChanges, this.control.ngControl?.valueChanges || EMPTY)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(() => {\n this.changeDetectorRef.markForCheck();\n });\n }\n}\n","@if (hasLabel) {\n <label class=\"kbq-form-field__label\" [attr.for]=\"control.id\">\n <ng-content select=\"kbq-label\" />\n </label>\n}\n\n<div #connectionContainer class=\"kbq-form-field__container\" (click)=\"onContainerClick($event)\">\n @if (hasPrefix) {\n <div class=\"kbq-form-field__prefix\">\n <ng-content select=\"[kbqPrefix]\" />\n </div>\n }\n\n <div class=\"kbq-form-field__control\">\n <ng-content />\n </div>\n\n @if (hasSuffix || hasCleaner || hasPasswordToggle || hasStepper) {\n <div class=\"kbq-form-field__suffix\">\n <ng-content select=\"kbq-cleaner\" />\n\n <ng-content select=\"kbq-password-toggle\" />\n\n <ng-content select=\"kbq-stepper\" />\n\n <ng-content select=\"[kbqSuffix]\" />\n </div>\n }\n</div>\n\n@if (hasHint || hasPasswordHint || hasError) {\n <div class=\"kbq-form-field__hint\">\n @if (invalid) {\n <ng-content select=\"kbq-error\" />\n }\n\n <ng-content select=\"kbq-hint, kbq-password-hint\" />\n </div>\n}\n","import { NgModule } from '@angular/core';\nimport { KbqCleaner } from './cleaner';\nimport { KbqFormField } from './form-field';\nimport { KbqError, KbqHint, KbqPasswordHint } from './hint';\nimport { KbqLabel } from './label';\nimport { KbqPasswordToggle } from './password-toggle';\nimport { KbqPrefix } from './prefix';\nimport { KbqStepper } from './stepper';\nimport { KbqSuffix } from './suffix';\n\nconst COMPONENTS = [\n KbqFormField,\n KbqHint,\n KbqError,\n KbqPrefix,\n KbqSuffix,\n KbqCleaner,\n KbqStepper,\n KbqPasswordToggle,\n KbqLabel,\n KbqPasswordHint\n];\n\n/**\n * @deprecated Will be removed in the next major release.\n * Module functionality has been moved to the original package (`@koobiq/components/form-field`).\n */\n@NgModule({\n imports: COMPONENTS,\n exports: COMPONENTS\n})\nexport class KbqFormFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["nextUniqueId"],"mappings":"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"}
1
+ {"version":3,"file":"koobiq-components-experimental-form-field.mjs","sources":["../../../packages/components-experimental/form-field/cleaner.ts","../../../packages/components-experimental/form-field/hint.ts","../../../packages/components-experimental/form-field/hint.html","../../../packages/components-experimental/form-field/label.ts","../../../packages/components-experimental/form-field/password-toggle.ts","../../../packages/components-experimental/form-field/prefix.ts","../../../packages/components-experimental/form-field/stepper.ts","../../../packages/components-experimental/form-field/suffix.ts","../../../packages/components-experimental/form-field/form-field.ts","../../../packages/components-experimental/form-field/form-field.html","../../../packages/components-experimental/form-field/form-field.module.ts","../../../packages/components-experimental/form-field/koobiq-components-experimental-form-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';\nimport { KBQ_FORM_FIELD_REF } from '@koobiq/components/core';\nimport { KbqIconModule } from '@koobiq/components/icon';\nimport { KbqFormField } from './form-field';\n\n/**\n * KbqCleaner to be placed in end of the form field.\n * Resets form control by click.\n */\n@Component({\n standalone: true,\n imports: [KbqIconModule],\n selector: 'kbq-cleaner',\n exportAs: 'kbqCleaner',\n template: `\n <i color=\"contrast-fade\" kbq-icon-button=\"kbq-xmark-circle_16\" [autoColor]=\"true\"></i>\n `,\n styleUrl: './cleaner.scss',\n host: {\n class: 'kbq-cleaner___EXPERIMENTAL',\n '(click)': 'clean($event)',\n '[style.visibility]': 'visible ? \"visible\" : \"hidden\"',\n '[attr.aria-hidden]': '!visible'\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class KbqCleaner {\n // @TODO fix types (#DS-2915)\n private readonly formField = inject(KBQ_FORM_FIELD_REF, { optional: true }) as unknown as KbqFormField | undefined;\n\n /** Whether to display the cleaner. */\n get visible(): boolean {\n return !this.formField?.disabled && !!this.formField?.control?.ngControl?.value;\n }\n\n /** Clean the form field control. */\n protected clean(event: MouseEvent): void {\n event.stopPropagation();\n\n this.formField?.control?.ngControl?.reset();\n this.formField?.control?.focus();\n }\n}\n","import { NgClass } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, inject, Input, ViewEncapsulation } from '@angular/core';\nimport { KBQ_FORM_FIELD_REF, KbqComponentColors } from '@koobiq/components/core';\nimport { KbqIconModule } from '@koobiq/components/icon';\nimport { KbqFormField } from './form-field';\n\nlet nextUniqueId = 0;\n\n/** Hint text to be shown below the form field control. */\n@Component({\n standalone: true,\n selector: 'kbq-hint',\n exportAs: 'kbqHint',\n templateUrl: './hint.html',\n styleUrls: [\n './hint.scss',\n './hint-tokens.scss'\n ],\n host: {\n class: 'kbq-hint___EXPERIMENTAL',\n '[attr.id]': 'id',\n '[class.kbq-error]': 'color === colors.Error',\n '[class.kbq-contrast-fade]': 'color === colors.ContrastFade',\n '[class.kbq-success]': 'color === colors.Success',\n '[class.kbq-warning]': 'color === colors.Warning',\n '[class.kbq-hint_fill-text-off]': 'fillTextOff',\n '[class.kbq-hint_compact]': 'compact'\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class KbqHint {\n /** Unique ID for the hint. */\n @Input() id: string = `kbq-hint-${nextUniqueId++}`;\n\n /** Component colors */\n protected colors = KbqComponentColors;\n\n /** Hint color */\n @Input()\n get color(): KbqComponentColors | undefined {\n return this._color;\n }\n\n set color(color: KbqComponentColors) {\n this._color = color;\n }\n\n private _color: KbqComponentColors | undefined;\n\n /** Disables `color` for the hint text. */\n @Input({ transform: booleanAttribute })\n get fillTextOff(): boolean {\n return this._fillTextOff;\n }\n\n set fillTextOff(fillTextOff: boolean) {\n this._fillTextOff = fillTextOff;\n }\n\n private _fillTextOff: boolean = false;\n\n /** Makes the hint size smaller. */\n @Input({ transform: booleanAttribute }) compact: boolean = false;\n}\n\n/** Error text to be shown below the form field control. */\n@Component({\n standalone: true,\n selector: 'kbq-error',\n exportAs: 'kbqError',\n templateUrl: './hint.html',\n styleUrls: [\n './hint.scss',\n './hint-tokens.scss'\n ],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class KbqError extends KbqHint {\n /** @docs-private */\n /** Overrides the hint `color` property. */\n @Input()\n get color(): KbqComponentColors.Error {\n return KbqComponentColors.Error;\n }\n\n set color(_color: null) {}\n\n /** @docs-private */\n /** Overrides the hint `fillTextOff` property. */\n @Input()\n get fillTextOff(): boolean {\n return false;\n }\n\n set fillTextOff(_fillTextOff: null) {}\n}\n\n/** Password hint to be shown below the password form field control. */\n@Component({\n standalone: true,\n imports: [NgClass, KbqIconModule],\n selector: 'kbq-password-hint',\n template: `\n <i kbq-icon=\"\" [ngClass]=\"icon\"></i>\n\n <span class=\"kbq-hint__text\">\n <ng-content />\n </span>\n `,\n styleUrls: [\n './hint.scss',\n './hint-tokens.scss'\n ],\n host: {\n class: 'kbq-password-hint___EXPERIMENTAL'\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class KbqPasswordHint extends KbqHint {\n /** Whether the form field control has an error. */\n @Input({ transform: booleanAttribute }) hasError: boolean = false;\n\n /** @docs-private */\n /** Overrides the hint `fillTextOff` property. */\n @Input()\n get fillTextOff(): boolean {\n return true;\n }\n\n set fillTextOff(_fillTextOff: null) {}\n\n // @TODO fix types (#DS-2915)\n private readonly formField = inject(KBQ_FORM_FIELD_REF, { optional: true }) as unknown as KbqFormField | undefined;\n\n /** @docs-private */\n /** Overrides the hint `color` property. */\n @Input()\n get color(): KbqComponentColors {\n if (this.formField?.invalid && this.hasError) {\n return KbqComponentColors.Error;\n }\n\n if ((!this.formField?.invalid && !this.hasError) || !this.hasError) {\n return KbqComponentColors.Success;\n }\n\n return KbqComponentColors.ContrastFade;\n }\n\n set color(_color: null) {}\n\n /** The form field hint icon. */\n protected get icon(): string {\n return this.hasError ? 'kbq-xmark-s_16' : 'kbq-check-s_16';\n }\n}\n","<ng-content select=\"[kbq-icon]\" />\n\n<span class=\"kbq-hint__text\">\n <ng-content />\n</span>\n","import { Directive, Input } from '@angular/core';\n\nlet nextUniqueId = 0;\n\n/** Label for the form field. */\n@Directive({\n selector: 'kbq-label',\n standalone: true,\n host: {\n class: 'kbq-label___EXPERIMENTAL',\n '[attr.id]': 'id'\n }\n})\nexport class KbqLabel {\n /** Unique id for the label. */\n @Input() id: string = `kbq-label-${nextUniqueId++}`;\n}\n","import { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';\nimport { KBQ_FORM_FIELD_REF } from '@koobiq/components/core';\nimport { KbqIconModule } from '@koobiq/components/icon';\nimport { KbqInputPassword } from '@koobiq/components/input';\nimport { KbqFormField } from './form-field';\n\nconst getKbqPasswordToggleMissingControlError = (): Error => {\n return Error('kbq-password-toggle should use with kbqInputPassword');\n};\n\n/** Component which changes password visibility. */\n@Component({\n standalone: true,\n imports: [NgClass, KbqIconModule],\n selector: `kbq-password-toggle`,\n exportAs: 'kbqPasswordToggle',\n template: `\n <i color=\"contrast-fade\" kbq-icon-button=\"\" [ngClass]=\"icon\" [autoColor]=\"true\"></i>\n `,\n styleUrl: './password-toggle.scss',\n host: {\n class: 'kbq-password-toggle___EXPERIMENTAL',\n\n '[style.visibility]': 'visible ? \"visible\" : \"hidden\"',\n '[attr.aria-hidden]': '!visible',\n\n '(click)': 'toggleType($event)',\n '(keydown.ENTER)': 'toggleType($event)',\n '(keydown.SPACE)': 'toggleType($event)'\n },\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class KbqPasswordToggle {\n // @TODO fix types (#DS-2915)\n private readonly formField = inject(KBQ_FORM_FIELD_REF, { optional: true }) as unknown as KbqFormField | undefined;\n\n /** Form field password control. */\n protected get control(): KbqInputPassword {\n const control = this.formField?.control;\n\n if (!(control instanceof KbqInputPassword)) {\n throw getKbqPasswordToggleMissingControlError();\n }\n\n return control;\n }\n\n /** The icon selector. */\n protected get icon(): string {\n return this.control.elementType === 'password' ? 'kbq-eye_16' : 'kbq-eye-slash_16';\n }\n\n /** Whether to display the password toggle. */\n get visible(): boolean {\n return !this.formField?.disabled && !!this.control?.ngControl?.value;\n }\n\n /** Toggles the password visibility. */\n protected toggleType(event: KeyboardEvent | MouseEvent): void {\n event.stopPropagation();\n\n this.control.toggleType();\n }\n}\n","import { Directive } from '@angular/core';\n\n/** KbqPrefix to be placed in front of the form field. */\n@Directive({\n standalone: true,\n selector: '[kbqPrefix]',\n host: {\n class: 'kbq-prefix___EXPERIMENTAL'\n }\n})\nexport class KbqPrefix {}\n","import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';\nimport { KBQ_FORM_FIELD_REF } from '@koobiq/components/core';\nimport { KbqIconModule } from '@koobiq/components/icon';\nimport { KbqInput, KbqNumberInput } from '@koobiq/components/input';\nimport { KbqFormField } from './form-field';\n\nconst getKbqStepperToggleMissingControlError = (): Error => {\n return Error('kbq-stepper should use with kbqNumberInput');\n};\n\n/** Component which allow to increment or decrement number value. */\n@Component({\n standalone: true,\n selector: 'kbq-stepper',\n exportAs: 'kbqStepper',\n imports: [KbqIconModule],\n template: `\n <i\n class=\"kbq-stepper__step-up\"\n color=\"contrast-fade\"\n kbq-icon-button=\"kbq-chevron-up-s_16\"\n [tabindex]=\"-1\"\n [autoColor]=\"true\"\n [disabled]=\"control.disabled\"\n (mousedown)=\"stepUp($event)\"\n ></i>\n <i\n class=\"kbq-stepper__step-down\"\n color=\"contrast-fade\"\n kbq-icon-button=\"kbq-chevron-down-s_16\"\n [tabindex]=\"-1\"\n [autoColor]=\"true\"\n [disabled]=\"control.disabled\"\n (mousedown)=\"stepDown($event)\"\n ></i>\n `,\n styleUrl: './stepper.scss',\n host: {\n class: 'kbq-stepper___EXPERIMENTAL'\n },\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class KbqStepper {\n // @TODO fix types (#DS-2915)\n private readonly formField = inject(KBQ_FORM_FIELD_REF, { optional: true }) as unknown as KbqFormField | undefined;\n\n /** Whether the stepper is visible.\n * @deprecated stepper should be always visible when provided, so this parameter is redundant */\n visible = true;\n\n /** Form field number control. */\n protected get control(): KbqNumberInput {\n const control = this.formField?.control;\n\n if (!(control instanceof KbqInput && control.numberInput)) {\n throw getKbqStepperToggleMissingControlError();\n }\n\n return control.numberInput;\n }\n\n protected stepUp(event: MouseEvent) {\n event.stopPropagation();\n this.control.stepUp(this.control.step);\n }\n\n protected stepDown(event: MouseEvent) {\n event.stopPropagation();\n this.control.stepDown(this.control.step);\n }\n}\n","import { Directive } from '@angular/core';\n\n/** KbqSuffix to be placed at the end of the form field. */\n@Directive({\n standalone: true,\n selector: '[kbqSuffix]',\n host: {\n class: 'kbq-suffix___EXPERIMENTAL'\n }\n})\nexport class KbqSuffix {}\n","import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';\nimport {\n AfterContentInit,\n afterNextRender,\n AfterViewInit,\n booleanAttribute,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ContentChildren,\n DestroyRef,\n ElementRef,\n inject,\n InjectionToken,\n Input,\n OnDestroy,\n Provider,\n QueryList,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { AbstractControlDirective } from '@angular/forms';\nimport { ESCAPE, F8 } from '@koobiq/cdk/keycodes';\nimport { KBQ_FORM_FIELD_REF } from '@koobiq/components/core';\nimport { KbqFormFieldControl } from '@koobiq/components/form-field';\nimport { EMPTY, merge } from 'rxjs';\nimport { KbqCleaner } from './cleaner';\nimport { KbqError, KbqHint, KbqPasswordHint } from './hint';\nimport { KbqLabel } from './label';\nimport { KbqPasswordToggle } from './password-toggle';\nimport { KbqPrefix } from './prefix';\nimport { KbqStepper } from './stepper';\nimport { KbqSuffix } from './suffix';\n\n/**\n * Default options for the kbq-form-field that can be configured using the `KBQ_FORM_FIELD_DEFAULT_OPTIONS` injection token.\n */\nexport type KbqFormFieldDefaultOptions = Partial<{\n /** Disables form field borders and shadows. */\n noBorders: boolean;\n}>;\n\n/** Injection token that can be used to configure the default options for all kbq-form-field's. */\nexport const KBQ_FORM_FIELD_DEFAULT_OPTIONS = new InjectionToken<KbqFormFieldDefaultOptions>(\n 'KBQ_FORM_FIELD_DEFAULT_OPTIONS___EXPERIMENTAL'\n);\n\n/** Utility provider for `KBQ_FORM_FIELD_DEFAULT_OPTIONS`. */\nexport const kbqFormFieldDefaultOptionsProvider = (options: KbqFormFieldDefaultOptions): Provider => ({\n provide: KBQ_FORM_FIELD_DEFAULT_OPTIONS,\n useValue: options\n});\n\n/** @docs-private */\nexport const getKbqFormFieldMissingControlError = (): Error => {\n return Error('kbq-form-field must contain a KbqFormFieldControl');\n};\n\n/** Container for form controls that applies styling and behavior. */\n@Component({\n standalone: true,\n selector: 'kbq-form-field',\n exportAs: 'kbqFormField',\n templateUrl: './form-field.html',\n styleUrls: [\n './form-field.scss',\n './form-field-tokens.scss',\n /**\n * KbqInput is a directive and can't have styles, so we need to include its styles here.\n * The KbqInput styles are fairly minimal so it shouldn't be a big deal for people who aren't using KbqInput.\n * @TODO should be refactored (#DS-2910)\n */\n './../../components/input/input.scss',\n './../../components/input/input-tokens.scss',\n './../../components/tags/tag-input-tokens.scss',\n './../../components/timepicker/timepicker.scss',\n './../../components/datepicker/datepicker-input.scss',\n './../../components/textarea/textarea.scss',\n './../../components/textarea/textarea-tokens.scss'\n ],\n host: {\n class: 'kbq-form-field___EXPERIMENTAL',\n '[class.kbq-form-field_invalid]': 'invalid',\n '[class.kbq-form-field_disabled]': 'disabled',\n '[class.kbq-form-field_no-borders]': 'noBorders',\n\n '[class.ng-untouched]': 'shouldBeForwarded(\"untouched\")',\n '[class.ng-touched]': 'shouldBeForwarded(\"touched\")',\n '[class.ng-pristine]': 'shouldBeForwarded(\"pristine\")',\n '[class.ng-dirty]': 'shouldBeForwarded(\"dirty\")',\n '[class.ng-valid]': 'shouldBeForwarded(\"valid\")',\n '[class.ng-invalid]': 'shouldBeForwarded(\"invalid\")',\n '[class.ng-pending]': 'shouldBeForwarded(\"pending\")',\n\n '(keydown)': 'onKeyDown($event)',\n '(mouseenter)': 'mouseenter($event)',\n '(mouseleave)': 'mouseleave($event)'\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [{ provide: KBQ_FORM_FIELD_REF, useExisting: KbqFormField }]\n})\nexport class KbqFormField implements AfterContentInit, AfterViewInit, OnDestroy {\n private readonly changeDetectorRef = inject(ChangeDetectorRef);\n private readonly destroyRef = inject(DestroyRef);\n private readonly elementRef = inject(ElementRef);\n private readonly defaultOptions = inject(KBQ_FORM_FIELD_DEFAULT_OPTIONS, { optional: true });\n private readonly focusMonitor = inject(FocusMonitor);\n\n /** Disables form field borders and shadows. */\n @Input({ transform: booleanAttribute }) noBorders: boolean | undefined = this.defaultOptions?.noBorders;\n\n @ContentChild(KbqFormFieldControl) private readonly _control: KbqFormFieldControl<unknown>;\n @ViewChild('connectionContainer') private readonly connectionContainerRef: ElementRef;\n @ContentChild(KbqStepper) private readonly stepper: KbqStepper;\n @ContentChild(KbqCleaner) private readonly cleaner: KbqCleaner | null;\n @ContentChild(KbqLabel) private readonly label: KbqLabel | null;\n @ContentChild(KbqPasswordToggle) private readonly passwordToggle: KbqPasswordToggle | null;\n @ContentChildren(KbqHint) private readonly hint: QueryList<KbqHint>;\n @ContentChildren(KbqPasswordHint) private readonly passwordHint: QueryList<KbqPasswordHint>;\n @ContentChildren(KbqSuffix) private readonly suffix: QueryList<KbqSuffix>;\n @ContentChildren(KbqPrefix) private readonly prefix: QueryList<KbqPrefix>;\n @ContentChildren(KbqError) private readonly error: QueryList<KbqError>;\n\n /**\n * @docs-private\n */\n canCleanerClearByEsc: boolean = true;\n\n /** The form field control. */\n get control() {\n if (!this._control) {\n throw getKbqFormFieldMissingControlError();\n }\n\n return this._control;\n }\n\n /**\n * Whether the form field control is focused.\n *\n * @docs-private\n */\n get focused(): boolean {\n return !!this.control?.focused;\n }\n\n /**\n * Whether the form field is hovered.\n *\n * @docs-private\n */\n get hovered(): boolean {\n return !!this._hovered;\n }\n\n private _hovered: boolean = false;\n\n /** Whether the form field is invalid. */\n get invalid(): boolean {\n return !!this.control?.errorState;\n }\n\n /**\n * Whether the form-field contains kbq-hint.\n *\n * @docs-private\n */\n get hasHint(): boolean {\n return this.hint?.length > 0;\n }\n\n /**\n * Whether the form-field contains kbq-password-hint.\n *\n * @docs-private\n */\n get hasPasswordHint(): boolean {\n return this.passwordHint?.length > 0;\n }\n\n /**\n * Whether the form-field contains kbq-password-toggle.\n *\n * @docs-private\n */\n get hasPasswordToggle(): boolean {\n return !!this.passwordToggle;\n }\n\n /**\n * Whether the form-field contains kbq-label.\n *\n * @docs-private\n */\n get hasLabel(): boolean {\n return !!this.label;\n }\n\n /**\n * Whether the form-field contains kbqSuffix.\n *\n * @docs-private\n */\n get hasSuffix(): boolean {\n return this.suffix?.length > 0;\n }\n\n /**\n * Whether the form-field contains kbqPrefix.\n *\n * @docs-private\n */\n get hasPrefix(): boolean {\n return this.prefix?.length > 0;\n }\n\n /**\n * Whether the form-field contains kbq-cleaner.\n *\n * @docs-private\n */\n get hasCleaner(): boolean {\n return !!this.cleaner;\n }\n\n /**\n * Whether the form-field contains kbq-stepper.\n *\n * @docs-private\n */\n get hasStepper(): boolean {\n return !!this.stepper;\n }\n\n /**\n * Whether the form-field contains kbq-error.\n *\n * @docs-private\n */\n get hasError(): boolean {\n return this.error.length > 0;\n }\n\n /** Whether the form field is disabled. */\n get disabled(): boolean {\n return !!this.control?.disabled;\n }\n\n /**\n * Current focus origin state.\n *\n * @docs-private\n */\n get focusOrigin(): FocusOrigin {\n return this._focusOrigin;\n }\n\n private _focusOrigin: FocusOrigin = null;\n\n constructor() {\n afterNextRender(() => {\n // Should be called after the view has been initialized\n this.changeDetectorRef.detectChanges();\n });\n }\n\n ngAfterContentInit(): void {\n this.initializeControl();\n this.initializePrefixAndSuffix();\n this.initializeHint();\n }\n\n ngAfterViewInit(): void {\n this.runFocusMonitor();\n }\n\n ngOnDestroy(): void {\n this.stopFocusMonitor();\n }\n\n /** Focuses the control. */\n focus(options?: FocusOptions): void {\n this.control.focus(options);\n }\n\n /**\n * @deprecated Use `focus` instead.\n */\n focusViaKeyboard(options?: FocusOptions): void {\n this.control.focus(options);\n }\n\n /**\n * Runs the focus monitor for the form field.\n *\n * @docs-private\n */\n runFocusMonitor(): void {\n this.focusMonitor.monitor(this.elementRef, true).subscribe((origin) => {\n this._focusOrigin = origin;\n });\n }\n\n /**\n * Stops the focus monitor for the form field.\n *\n * @docs-private\n */\n stopFocusMonitor(): void {\n this.focusMonitor.stopMonitoring(this.elementRef);\n }\n\n /** Handles a click on the control's container. */\n protected onContainerClick(event: MouseEvent): void {\n if (this.control.onContainerClick) {\n this.control.onContainerClick(event);\n }\n }\n\n /**\n * Handles keydown events.\n *\n * @docs-private\n */\n protected onKeyDown(event: KeyboardEvent): void {\n // @TODO should move into KbqPasswordToggle (#DS-2910)\n if (this.control.controlType === 'input-password' && event.altKey && event.keyCode === F8) {\n (this.control as unknown as { toggleType(): void }).toggleType();\n }\n\n // @TODO should move into KbqCleaner (#DS-2910)\n if (this.canCleanerClearByEsc && event.keyCode === ESCAPE && this.focused && this.hasCleaner) {\n this.control?.ngControl?.reset();\n event.preventDefault();\n }\n }\n\n /**\n * Handles mouseenter events.\n *\n * @docs-private\n */\n protected mouseenter(_event: MouseEvent): void {\n this._hovered = true;\n }\n\n /**\n * Handles mouseleave events.\n *\n * @docs-private\n */\n protected mouseleave(_event: MouseEvent): void {\n this._hovered = false;\n }\n\n /**\n * Gets an ElementRef for the element that a overlay attached to the form-field should be positioned relative to.\n */\n getConnectedOverlayOrigin(): ElementRef {\n return this.connectionContainerRef || this.elementRef;\n }\n\n /**\n * Determines whether a class from the AbstractControlDirective should be forwarded to the host element.\n *\n * @docs-private\n */\n protected shouldBeForwarded(property: keyof AbstractControlDirective): boolean {\n return this.control.ngControl?.[property];\n }\n\n /** Initializes the kbqPrefix and kbqSuffix containers. */\n private initializePrefixAndSuffix(): void {\n // Mark the form field as dirty whenever the prefix or suffix children change. This is necessary because we\n // conditionally display the prefix/suffix containers based on whether there is projected content.\n merge(this.prefix.changes, this.suffix.changes)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(() => {\n this.changeDetectorRef.markForCheck();\n });\n }\n\n /** Initializes the KbqHint, KbqError and KbqPasswordHint containers. */\n private initializeHint(): void {\n merge(this.hint.changes, this.error.changes, this.passwordHint.changes)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(() => {\n this.changeDetectorRef.markForCheck();\n });\n }\n\n /** Initializes the form field control. */\n private initializeControl(): void {\n if (this.control.controlType) {\n this.elementRef.nativeElement.classList.add(`kbq-form-field-type-${this.control.controlType}`);\n }\n\n merge(this.control.stateChanges, this.control.ngControl?.valueChanges || EMPTY)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(() => {\n this.changeDetectorRef.markForCheck();\n });\n }\n}\n","@if (hasLabel) {\n <label class=\"kbq-form-field__label\" [attr.for]=\"control.id\">\n <ng-content select=\"kbq-label\" />\n </label>\n}\n\n<div #connectionContainer class=\"kbq-form-field__container\" (click)=\"onContainerClick($event)\">\n @if (hasPrefix) {\n <div class=\"kbq-form-field__prefix\">\n <ng-content select=\"[kbqPrefix]\" />\n </div>\n }\n\n <div class=\"kbq-form-field__control\">\n <ng-content />\n </div>\n\n @if (hasSuffix || hasCleaner || hasPasswordToggle || hasStepper) {\n <div class=\"kbq-form-field__suffix\">\n <ng-content select=\"kbq-cleaner\" />\n\n <ng-content select=\"kbq-password-toggle\" />\n\n <ng-content select=\"kbq-stepper\" />\n\n <ng-content select=\"[kbqSuffix]\" />\n </div>\n }\n</div>\n\n@if (hasHint || hasPasswordHint || hasError) {\n <div class=\"kbq-form-field__hint\">\n @if (invalid) {\n <ng-content select=\"kbq-error\" />\n }\n\n <ng-content select=\"kbq-hint, kbq-password-hint\" />\n </div>\n}\n","import { NgModule } from '@angular/core';\nimport { KbqCleaner } from './cleaner';\nimport { KbqFormField } from './form-field';\nimport { KbqError, KbqHint, KbqPasswordHint } from './hint';\nimport { KbqLabel } from './label';\nimport { KbqPasswordToggle } from './password-toggle';\nimport { KbqPrefix } from './prefix';\nimport { KbqStepper } from './stepper';\nimport { KbqSuffix } from './suffix';\n\nconst COMPONENTS = [\n KbqFormField,\n KbqHint,\n KbqError,\n KbqPrefix,\n KbqSuffix,\n KbqCleaner,\n KbqStepper,\n KbqPasswordToggle,\n KbqLabel,\n KbqPasswordHint\n];\n\n/**\n * @deprecated Will be removed in the next major release.\n * Module functionality has been moved to the original package (`@koobiq/components/form-field`).\n */\n@NgModule({\n imports: COMPONENTS,\n exports: COMPONENTS\n})\nexport class KbqFormFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["nextUniqueId"],"mappings":"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"}
package/form-field/form-field-tokens.scss CHANGED
@@ -9,6 +9,10 @@
9
9
  --kbq-form-field-size-icon-button-margin-left: var(--kbq-size-xxs);
10
10
  --kbq-form-field-hint-size-margin-top: var(--kbq-size-xs);
11
11
  --kbq-form-field-hint-size-gap: var(--kbq-size-s);
12
+ --kbq-form-field-size-container-left-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));
13
+ --kbq-form-field-size-container-right-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));
14
+ --kbq-form-field-size-infix-left-padding: var(--kbq-size-xs);
15
+ --kbq-form-field-size-infix-right-padding: var(--kbq-size-xxs);
12
16
  /* THEME TOKENS */
13
17
  --kbq-form-field-default-border-color: var(--kbq-line-contrast-fade);
14
18
  --kbq-form-field-default-background: var(--kbq-background-bg);
package/form-field/form-field.scss CHANGED
@@ -13,6 +13,9 @@
13
13
  border-style: solid;
14
14
  border-color: transparent;
15
15
  border-radius: var(--kbq-form-field-size-border-radius);
16
+
17
+ padding-left: var(--kbq-form-field-size-container-left-padding);
18
+ padding-right: var(--kbq-form-field-size-container-right-padding);
16
19
  }
17
20
 
18
21
  .kbq-form-field:not(.kbq-form-field-type-textarea) {
@@ -33,6 +36,20 @@
33
36
  .kbq-form-field__control {
34
37
  width: 100%;
35
38
  flex-grow: 1;
39
+
40
+ padding-left: var(--kbq-form-field-size-infix-left-padding);
41
+
42
+ &:has(.kbq-select_multiple, .kbq-select_multiline):not(:has(.kbq-select__trigger_empty)),
43
+ &:has(.kbq-tag-list) {
44
+ padding-left: 0;
45
+
46
+ max-width: 100%;
47
+ }
48
+
49
+ & .kbq-input,
50
+ & .kbq-tag-input {
51
+ padding-right: var(--kbq-form-field-size-infix-right-padding);
52
+ }
36
53
  }
37
54
 
38
55
  .kbq-form-field__label {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@koobiq/components-experimental",
3
- "version": "18.33.0",
3
+ "version": "18.35.0",
4
4
  "description": "koobiq",
5
5
  "repository": {
6
6
  "type": "git",
@@ -25,8 +25,8 @@
25
25
  "@angular/cdk": "^18.0.0",
26
26
  "@angular/core": "^18.0.0",
27
27
  "@angular/forms": "^18.0.0",
28
- "@koobiq/cdk": "18.33.0",
29
- "@koobiq/components": "18.33.0"
28
+ "@koobiq/cdk": "18.35.0",
29
+ "@koobiq/components": "18.35.0"
30
30
  },
31
31
  "dependencies": {
32
32
  "tslib": "^2.6.2"