@koobiq/components 17.6.0 → 17.6.1
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.
- package/badge/badge-tokens.scss +1 -1
- package/button/button-tokens.scss +2 -3
- package/dropdown/dropdown-tokens.scss +0 -1
- package/esm2022/badge/badge.component.mjs +2 -2
- package/esm2022/button/button.component.mjs +2 -2
- package/esm2022/core/version.mjs +2 -2
- package/esm2022/file-upload/multiple-file-upload.component.mjs +2 -2
- package/esm2022/file-upload/single-file-upload.component.mjs +2 -2
- package/esm2022/form-field/form-field.mjs +2 -2
- package/esm2022/toggle/toggle.component.mjs +2 -2
- package/esm2022/tree/toggle.mjs +2 -2
- package/esm2022/tree/tree-option.component.mjs +2 -2
- package/esm2022/tree/tree-selection.component.mjs +2 -2
- package/esm2022/tree/tree.mjs +2 -2
- package/fesm2022/koobiq-components-badge.mjs +2 -2
- package/fesm2022/koobiq-components-button.mjs +2 -2
- package/fesm2022/koobiq-components-core.mjs +1 -1
- package/fesm2022/koobiq-components-core.mjs.map +1 -1
- package/fesm2022/koobiq-components-file-upload.mjs +4 -4
- package/fesm2022/koobiq-components-form-field.mjs +2 -2
- package/fesm2022/koobiq-components-toggle.mjs +2 -2
- package/fesm2022/koobiq-components-tree.mjs +8 -8
- package/file-upload/file-upload-tokens.scss +5 -5
- package/form-field/form-field-tokens.scss +1 -1
- package/icon/icon-button-tokens.scss +0 -1
- package/link/link-tokens.scss +1 -1
- package/package.json +6 -6
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/light-theme.css +1 -1
- package/schematics/ng-add/index.js +4 -4
- package/toggle/toggle-tokens.scss +4 -4
- package/tree/tree-tokens.scss +4 -4
|
@@ -553,7 +553,7 @@ class KbqFormField extends KbqFormFieldMixinBase {
|
|
|
553
553
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqFormField, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
554
554
|
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqFormField, selector: "kbq-form-field", inputs: { color: "color" }, host: { listeners: { "keydown": "onKeyDown($event)", "mouseenter": "onHoverChanged(true)", "mouseleave": "onHoverChanged(false)" }, properties: { "class.kbq-form-field_invalid": "control.errorState", "class.kbq-form-field_has-prefix": "hasPrefix", "class.kbq-form-field_has-suffix": "hasSuffix", "class.kbq-form-field_has-password-toggle": "hasPasswordToggle", "class.kbq-form-field_has-cleaner": "canShowCleaner", "class.kbq-form-field_has-stepper": "canShowStepper", "class.kbq-disabled": "control.disabled", "class.ng-untouched": "shouldForward(\"untouched\")", "class.ng-touched": "shouldForward(\"touched\")", "class.ng-pristine": "shouldForward(\"pristine\")", "class.ng-dirty": "shouldForward(\"dirty\")", "class.ng-valid": "shouldForward(\"valid\")", "class.ng-invalid": "shouldForward(\"invalid\")", "class.ng-pending": "shouldForward(\"pending\")" }, classAttribute: "kbq-form-field" }, providers: [
|
|
555
555
|
{ provide: KBQ_FORM_FIELD_REF, useExisting: KbqFormField }
|
|
556
|
-
], 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: "passwordToggle", first: true, predicate: KbqPasswordToggle, descendants: true }, { propertyName: "hint", predicate: KbqHint }, { propertyName: "passwordHints", predicate: KbqPasswordHint }, { propertyName: "suffix", predicate: KbqSuffix }, { propertyName: "prefix", predicate: KbqPrefix }], viewQueries: [{ propertyName: "connectionContainerRef", first: true, predicate: ["connectionContainer"], descendants: true, static: true }], exportAs: ["kbqFormField"], usesInheritance: true, ngImport: i0, template: "<div\n #connectionContainer\n class=\"kbq-form-field__container\"\n (click)=\"onContainerClick($event)\"\n>\n <div\n *ngIf=\"hasPrefix\"\n class=\"kbq-form-field__prefix\"\n >\n <ng-content select=\"[kbqPrefix]\" />\n </div>\n\n <div class=\"kbq-form-field__infix\">\n <ng-content />\n </div>\n\n <div\n *ngIf=\"hasSuffix\"\n class=\"kbq-form-field__suffix\"\n >\n <ng-content select=\"[kbqSuffix]\" />\n </div>\n\n <div\n *ngIf=\"canShowCleaner && !hasSuffix\"\n class=\"kbq-form-field__cleaner\"\n (click)=\"clearValue($event)\"\n >\n <ng-content select=\"kbq-cleaner\" />\n </div>\n\n <ng-content select=\"kbq-password-toggle\" />\n\n <ng-content\n *ngIf=\"canShowStepper\"\n select=\"kbq-stepper\"\n />\n</div>\n\n<div\n *ngIf=\"hasHint || passwordHints.length\"\n class=\"kbq-form-field__hint\"\n>\n <ng-content select=\"kbq-hint, kbq-password-hint\" />\n</div>\n", styles: [".kbq-form-field{position:relative;display:inline-block;width:100%}.kbq-form-field .kbq-form-field__container{box-sizing:border-box}.kbq-form-field .kbq-form-field:not(.kbq-form-field-type-textarea){height:var(--kbq-form-field-size-height, 32px)}.kbq-form-field,.kbq-form-field .kbq-input,.kbq-form-field .kbq-textarea{border-radius:var(--kbq-form-field-size-border-radius, 8px)}.kbq-form-field:hover{z-index:1}.kbq-form-field.kbq-focused{z-index:2}.kbq-form-field.kbq-form-field_without-borders .kbq-form-field__container{border-color:transparent!important;box-shadow:none!important}.kbq-form-field.kbq-form-field_has-prefix .kbq-input{padding-left:calc(var(--kbq-form-field-size-icon-size, 16px) + var(--kbq-form-field-size-icon-margin-left, 8px) + var(--kbq-form-field-size-icon-margin-right, 8px))}.kbq-form-field.kbq-form-field_has-password-toggle .kbq-input,.kbq-form-field.kbq-form-field_has-cleaner .kbq-input,.kbq-form-field.kbq-form-field_has-stepper .kbq-input,.kbq-form-field.kbq-form-field_has-suffix .kbq-input{padding-right:calc(var(--kbq-form-field-size-icon-button-size, 24px) + var(--kbq-form-field-size-icon-button-margin-left, 4px) + var(--kbq-form-field-size-icon-button-margin-right, 4px))}.kbq-form-field+.kbq-password-hint{margin-top:var(--kbq-size-m, 12px)}.kbq-form-field__container{position:relative;border-width:var(--kbq-form-field-size-border-width, 1px);border-style:solid;border-color:transparent;border-radius:var(--kbq-form-field-size-border-radius, 8px)}.kbq-form-field__prefix,.kbq-form-field__suffix{position:absolute;top:0;bottom:0;width:32px;display:flex;flex-direction:row;justify-content:center;align-items:center}.kbq-form-field__prefix{left:0}.kbq-form-field__suffix{right:0}.kbq-form-field__cleaner,.kbq-password-toggle,.kbq-stepper{position:absolute;top:0;bottom:0;right:0}.kbq-stepper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--kbq-form-field-size-icon-button-size, 24px)}.kbq-stepper .kbq-stepper-step-up,.kbq-stepper .kbq-stepper-step-down{cursor:pointer;width:var(--kbq-form-field-size-icon-button-size, 24px);text-align:center}.kbq-stepper .kbq-stepper-step-up{transform:scaleY(-1)}.kbq-form-field__hint{display:flex;flex-direction:column;margin-top:var(--kbq-form-field-hint-size-margin-top, 4px)}.kbq-form-field__hint .kbq-password-hint:first-child{margin-top:var(--kbq-size-s, 8px)}.kbq-password-hint{margin-top:var(--kbq-form-field-hint-size-gap, 8px)}.kbq-form-field .kbq-form-field__container{border-color:var(--kbq-form-field-default-border-color, );background-color:var(--kbq-form-field-default-background, )}.kbq-form-field .kbq-input,.kbq-form-field .kbq-tag-input,.kbq-form-field .kbq-textarea{color:var(--kbq-form-field-default-text, )}.kbq-form-field .kbq-input::placeholder,.kbq-form-field .kbq-tag-input::placeholder,.kbq-form-field .kbq-textarea::placeholder{color:var(--kbq-form-field-default-placeholder, )}.kbq-form-field .kbq-input::-ms-input-placeholder,.kbq-form-field .kbq-tag-input::-ms-input-placeholder,.kbq-form-field .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-default-placeholder, )}.kbq-form-field .kbq-input::-webkit-input-placeholder,.kbq-form-field .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-default-placeholder, )}.kbq-form-field .kbq-input:-webkit-autofill,.kbq-form-field .kbq-input:-webkit-autofill:hover,.kbq-form-field .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.cdk-focused .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.cdk-focused .kbq-input,.kbq-form-field.cdk-focused .kbq-tag-input,.kbq-form-field.cdk-focused .kbq-textarea{color:var(--kbq-form-field-states-focused-text, )}.kbq-form-field.cdk-focused .kbq-input::placeholder,.kbq-form-field.cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.cdk-focused .kbq-textarea::placeholder{color:var(--kbq-form-field-states-focused-placeholder, )}.kbq-form-field.cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.cdk-focused .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder, )}.kbq-form-field.cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.cdk-focused .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder, )}.kbq-form-field.cdk-focused .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-focused-focus-outline, )}.kbq-form-field.kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.ng-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.kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field_invalid .kbq-textarea,.kbq-form-field.ng-invalid .kbq-input,.kbq-form-field.ng-invalid .kbq-tag-input,.kbq-form-field.ng-invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text, )}.kbq-form-field.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.ng-invalid .kbq-input::placeholder,.kbq-form-field.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.ng-invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder, )}.kbq-form-field.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.ng-invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder, )}.kbq-form-field.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.ng-invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder, )}.kbq-form-field.kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.ng-invalid.cdk-focused .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-error-focused-focus-outline, )}.kbq-form-field.kbq-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.kbq-disabled .kbq-input,.kbq-form-field.kbq-disabled .kbq-tag-input,.kbq-form-field.kbq-disabled .kbq-textarea{color:var(--kbq-form-field-states-disabled-text, )}.kbq-form-field.kbq-disabled .kbq-input::placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::placeholder{color:var(--kbq-form-field-states-disabled-placeholder, )}.kbq-form-field.kbq-disabled .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder, )}.kbq-form-field.kbq-disabled .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder, )}.kbq-form-field.kbq-disabled .kbq-icon{color:var(--kbq-form-field-states-disabled-text, );-webkit-text-fill-color:var(--kbq-form-field-states-disabled-text, )}.kbq-form-field__hint>.kbq-hint:not(.kbq-password-hint,.kbq-contrast-fade,.kbq-success,.kbq-warning,.kbq-error){color:var(--kbq-form-field-hint-text, )}.kbq-form-field{font-size:var(--kbq-form-field-font-text-font-size, 14px);font-weight:var(--kbq-form-field-font-text-font-weight, normal);line-height:var(--kbq-form-field-font-text-line-height, 20px);font-family:var(--kbq-form-field-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-form-field-font-text-text-transform, );font-feature-settings:var(--kbq-form-field-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-form-field-font-text-letter-spacing, -.006em)}.kbq-form-field__hint>.kbq-hint:not(.kbq-password-hint) .kbq-hint__text{font-size:var(--kbq-form-field-hint-font-text-font-size, 12px);font-weight:var(--kbq-form-field-hint-font-text-font-weight, normal);line-height:var(--kbq-form-field-hint-font-text-line-height, 16px);font-family:var(--kbq-form-field-hint-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-form-field-hint-font-text-text-transform, );font-feature-settings:var(--kbq-form-field-hint-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-form-field-hint-font-text-letter-spacing, normal)}\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-form-field-size-height, 32px) - var(--kbq-form-field-size-border-width, 1px) * 2);padding:calc(var(--kbq-input-size-padding-vertical, 6px) - var(--kbq-form-field-size-border-width, 1px)) var(--kbq-input-size-padding-horizontal, 12px)}.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-input-font-text-font-size, 14px);font-weight:var(--kbq-input-font-text-font-weight, normal);line-height:var(--kbq-input-font-text-line-height, 20px);font-family:var(--kbq-input-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-input-font-text-text-transform, );font-feature-settings:var(--kbq-input-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-input-font-text-letter-spacing, -.006em)}.kbq-input.kbq-input-password{font-size:var(--kbq-typography-mono-normal-font-size, 14px);font-weight:var(--kbq-typography-mono-normal-font-weight, normal);line-height:var(--kbq-typography-mono-normal-line-height, 20px);font-family:var(--kbq-typography-mono-normal-font-family, \"JetBrains Mono\", \"Roboto Mono\", \"Consolas\", \"Menlo\", \"Monaco\", monospace);text-transform:var(--kbq-typography-mono-normal-text-transform, );font-feature-settings:var(--kbq-typography-mono-normal-font-feature-settings, initial);letter-spacing:var(--kbq-typography-mono-normal-letter-spacing, normal)}\n", ".kbq-timepicker{padding-right:var(--kbq-timepicker-size-padding-right, )}.kbq-form-field-type-timepicker{width:auto}\n", ".kbq-form-field-type-datepicker{width:auto}.kbq-datepicker{width:130px}\n", ".kbq-textarea{--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 6px;--kbq-textarea-size-padding-horizontal: 12px;--kbq-textarea-font-default-font-size: 14px;--kbq-textarea-font-default-line-height: 20px;--kbq-textarea-font-default-letter-spacing: -.006em;--kbq-textarea-font-default-font-weight: normal;--kbq-textarea-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-textarea-font-default-text-transform: null;--kbq-textarea-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}.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, 6px) var(--kbq-textarea-size-padding-horizontal, 12px);-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, 64px)}.kbq-textarea:invalid{box-shadow:unset}\n", ".kbq-form-field{--kbq-form-field-size-height: 32px;--kbq-form-field-size-border-width: 1px;--kbq-form-field-size-border-radius: 8px;--kbq-form-field-size-icon-size: 16px;--kbq-form-field-size-icon-margin-left: 8px;--kbq-form-field-size-icon-margin-right: 8px;--kbq-form-field-size-icon-button-size: 24px;--kbq-form-field-size-icon-button-margin-right: 4px;--kbq-form-field-size-icon-button-margin-left: 4px;--kbq-form-field-font-text-font-size: 14px;--kbq-form-field-font-text-line-height: 20px;--kbq-form-field-font-text-letter-spacing: -.006em;--kbq-form-field-font-text-font-weight: normal;--kbq-form-field-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-form-field-font-text-text-transform: null;--kbq-form-field-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-form-field-default-border-color: hsla(229, 15%, 80%, 100%);--kbq-form-field-default-background: hsla(0, 0%, 100%, 100%);--kbq-form-field-default-placeholder: hsla(229, 15%, 60%, 100%);--kbq-form-field-default-text: hsla(229, 15%, 15%, 100%);--kbq-form-field-states-focused-border-color: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-focused-background: hsla(0, 0%, 100%, 100%);--kbq-form-field-states-focused-placeholder: hsla(229, 15%, 60%, 100%);--kbq-form-field-states-focused-text: hsla(229, 15%, 15%, 100%);--kbq-form-field-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-error-border-color: hsla(7, 97%, 45%, 100%);--kbq-form-field-states-error-background: hsla(7, 97%, 99%, 100%);--kbq-form-field-states-error-placeholder: hsla(7, 97%, 70%, 100%);--kbq-form-field-states-error-text: hsla(7, 97%, 40%, 100%);--kbq-form-field-states-error-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-form-field-states-autofill-border-color: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-autofill-background: hsla(216, 100%, 85%, 100%);--kbq-form-field-states-autofill-placeholder: hsla(229, 15%, 60%, 100%);--kbq-form-field-states-autofill-text: hsla(229, 15%, 15%, 100%);--kbq-form-field-states-disabled-border-color: hsla(229, 15%, 15%, 32%);--kbq-form-field-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-form-field-states-disabled-placeholder: hsla(229, 15%, 15%, 32%);--kbq-form-field-states-disabled-text: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-form-field-default-border-color: hsla(229, 15%, 30%, 100%);--kbq-form-field-default-background: hsla(229, 15%, 12%, 100%);--kbq-form-field-default-placeholder: hsla(229, 15%, 45%, 100%);--kbq-form-field-default-text: hsla(229, 15%, 80%, 100%);--kbq-form-field-states-focused-border-color: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-focused-background: hsla(229, 15%, 12%, 100%);--kbq-form-field-states-focused-placeholder: hsla(229, 15%, 45%, 100%);--kbq-form-field-states-focused-text: hsla(229, 15%, 80%, 100%);--kbq-form-field-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-error-border-color: hsla(7, 97%, 35%, 100%);--kbq-form-field-states-error-background: hsla(7, 97%, 6%, 100%);--kbq-form-field-states-error-placeholder: hsla(7, 97%, 25%, 100%);--kbq-form-field-states-error-text: hsla(7, 97%, 60%, 100%);--kbq-form-field-states-error-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-form-field-states-autofill-border-color: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-autofill-background: hsla(216, 100%, 20%, 100%);--kbq-form-field-states-autofill-placeholder: hsla(229, 15%, 45%, 100%);--kbq-form-field-states-autofill-text: hsla(229, 15%, 80%, 100%);--kbq-form-field-states-disabled-border-color: hsla(229, 15%, 50%, 32%);--kbq-form-field-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-form-field-states-disabled-placeholder: hsla(229, 15%, 40%, 100%);--kbq-form-field-states-disabled-text: hsla(229, 15%, 40%, 100%)}\n", ".kbq-input{--kbq-input-size-padding-horizontal: 12px;--kbq-input-size-padding-vertical: 6px;--kbq-input-font-text-font-size: 14px;--kbq-input-font-text-line-height: 20px;--kbq-input-font-text-letter-spacing: -.006em;--kbq-input-font-text-font-weight: normal;--kbq-input-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-input-font-text-text-transform: null;--kbq-input-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
556
|
+
], 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: "passwordToggle", first: true, predicate: KbqPasswordToggle, descendants: true }, { propertyName: "hint", predicate: KbqHint }, { propertyName: "passwordHints", predicate: KbqPasswordHint }, { propertyName: "suffix", predicate: KbqSuffix }, { propertyName: "prefix", predicate: KbqPrefix }], viewQueries: [{ propertyName: "connectionContainerRef", first: true, predicate: ["connectionContainer"], descendants: true, static: true }], exportAs: ["kbqFormField"], usesInheritance: true, ngImport: i0, template: "<div\n #connectionContainer\n class=\"kbq-form-field__container\"\n (click)=\"onContainerClick($event)\"\n>\n <div\n *ngIf=\"hasPrefix\"\n class=\"kbq-form-field__prefix\"\n >\n <ng-content select=\"[kbqPrefix]\" />\n </div>\n\n <div class=\"kbq-form-field__infix\">\n <ng-content />\n </div>\n\n <div\n *ngIf=\"hasSuffix\"\n class=\"kbq-form-field__suffix\"\n >\n <ng-content select=\"[kbqSuffix]\" />\n </div>\n\n <div\n *ngIf=\"canShowCleaner && !hasSuffix\"\n class=\"kbq-form-field__cleaner\"\n (click)=\"clearValue($event)\"\n >\n <ng-content select=\"kbq-cleaner\" />\n </div>\n\n <ng-content select=\"kbq-password-toggle\" />\n\n <ng-content\n *ngIf=\"canShowStepper\"\n select=\"kbq-stepper\"\n />\n</div>\n\n<div\n *ngIf=\"hasHint || passwordHints.length\"\n class=\"kbq-form-field__hint\"\n>\n <ng-content select=\"kbq-hint, kbq-password-hint\" />\n</div>\n", styles: [".kbq-form-field{position:relative;display:inline-block;width:100%}.kbq-form-field .kbq-form-field__container{box-sizing:border-box}.kbq-form-field .kbq-form-field:not(.kbq-form-field-type-textarea){height:var(--kbq-form-field-size-height, 32px)}.kbq-form-field,.kbq-form-field .kbq-input,.kbq-form-field .kbq-textarea{border-radius:var(--kbq-form-field-size-border-radius, 8px)}.kbq-form-field:hover{z-index:1}.kbq-form-field.kbq-focused{z-index:2}.kbq-form-field.kbq-form-field_without-borders .kbq-form-field__container{border-color:transparent!important;box-shadow:none!important}.kbq-form-field.kbq-form-field_has-prefix .kbq-input{padding-left:calc(var(--kbq-form-field-size-icon-size, 16px) + var(--kbq-form-field-size-icon-margin-left, 8px) + var(--kbq-form-field-size-icon-margin-right, 8px))}.kbq-form-field.kbq-form-field_has-password-toggle .kbq-input,.kbq-form-field.kbq-form-field_has-cleaner .kbq-input,.kbq-form-field.kbq-form-field_has-stepper .kbq-input,.kbq-form-field.kbq-form-field_has-suffix .kbq-input{padding-right:calc(var(--kbq-form-field-size-icon-button-size, 24px) + var(--kbq-form-field-size-icon-button-margin-left, 4px) + var(--kbq-form-field-size-icon-button-margin-right, 4px))}.kbq-form-field+.kbq-password-hint{margin-top:var(--kbq-size-m, 12px)}.kbq-form-field__container{position:relative;border-width:var(--kbq-form-field-size-border-width, 1px);border-style:solid;border-color:transparent;border-radius:var(--kbq-form-field-size-border-radius, 8px)}.kbq-form-field__prefix,.kbq-form-field__suffix{position:absolute;top:0;bottom:0;width:32px;display:flex;flex-direction:row;justify-content:center;align-items:center}.kbq-form-field__prefix{left:0}.kbq-form-field__suffix{right:0}.kbq-form-field__cleaner,.kbq-password-toggle,.kbq-stepper{position:absolute;top:0;bottom:0;right:0}.kbq-stepper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--kbq-form-field-size-icon-button-size, 24px)}.kbq-stepper .kbq-stepper-step-up,.kbq-stepper .kbq-stepper-step-down{cursor:pointer;width:var(--kbq-form-field-size-icon-button-size, 24px);text-align:center}.kbq-stepper .kbq-stepper-step-up{transform:scaleY(-1)}.kbq-form-field__hint{display:flex;flex-direction:column;margin-top:var(--kbq-form-field-hint-size-margin-top, 4px)}.kbq-form-field__hint .kbq-password-hint:first-child{margin-top:var(--kbq-size-s, 8px)}.kbq-password-hint{margin-top:var(--kbq-form-field-hint-size-gap, 8px)}.kbq-form-field .kbq-form-field__container{border-color:var(--kbq-form-field-default-border-color, );background-color:var(--kbq-form-field-default-background, )}.kbq-form-field .kbq-input,.kbq-form-field .kbq-tag-input,.kbq-form-field .kbq-textarea{color:var(--kbq-form-field-default-text, )}.kbq-form-field .kbq-input::placeholder,.kbq-form-field .kbq-tag-input::placeholder,.kbq-form-field .kbq-textarea::placeholder{color:var(--kbq-form-field-default-placeholder, )}.kbq-form-field .kbq-input::-ms-input-placeholder,.kbq-form-field .kbq-tag-input::-ms-input-placeholder,.kbq-form-field .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-default-placeholder, )}.kbq-form-field .kbq-input::-webkit-input-placeholder,.kbq-form-field .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-default-placeholder, )}.kbq-form-field .kbq-input:-webkit-autofill,.kbq-form-field .kbq-input:-webkit-autofill:hover,.kbq-form-field .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.cdk-focused .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.cdk-focused .kbq-input,.kbq-form-field.cdk-focused .kbq-tag-input,.kbq-form-field.cdk-focused .kbq-textarea{color:var(--kbq-form-field-states-focused-text, )}.kbq-form-field.cdk-focused .kbq-input::placeholder,.kbq-form-field.cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.cdk-focused .kbq-textarea::placeholder{color:var(--kbq-form-field-states-focused-placeholder, )}.kbq-form-field.cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.cdk-focused .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder, )}.kbq-form-field.cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.cdk-focused .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder, )}.kbq-form-field.cdk-focused .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-focused-focus-outline, )}.kbq-form-field.kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.ng-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.kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field_invalid .kbq-textarea,.kbq-form-field.ng-invalid .kbq-input,.kbq-form-field.ng-invalid .kbq-tag-input,.kbq-form-field.ng-invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text, )}.kbq-form-field.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.ng-invalid .kbq-input::placeholder,.kbq-form-field.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.ng-invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder, )}.kbq-form-field.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.ng-invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder, )}.kbq-form-field.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.ng-invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder, )}.kbq-form-field.kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.ng-invalid.cdk-focused .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-error-focused-focus-outline, )}.kbq-form-field.kbq-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.kbq-disabled .kbq-input,.kbq-form-field.kbq-disabled .kbq-tag-input,.kbq-form-field.kbq-disabled .kbq-textarea{color:var(--kbq-form-field-states-disabled-text, )}.kbq-form-field.kbq-disabled .kbq-input::placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::placeholder{color:var(--kbq-form-field-states-disabled-placeholder, )}.kbq-form-field.kbq-disabled .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder, )}.kbq-form-field.kbq-disabled .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder, )}.kbq-form-field.kbq-disabled .kbq-icon{color:var(--kbq-form-field-states-disabled-text, );-webkit-text-fill-color:var(--kbq-form-field-states-disabled-text, )}.kbq-form-field__hint>.kbq-hint:not(.kbq-password-hint,.kbq-contrast-fade,.kbq-success,.kbq-warning,.kbq-error){color:var(--kbq-form-field-hint-text, )}.kbq-form-field{font-size:var(--kbq-form-field-font-text-font-size, 14px);font-weight:var(--kbq-form-field-font-text-font-weight, normal);line-height:var(--kbq-form-field-font-text-line-height, 20px);font-family:var(--kbq-form-field-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-form-field-font-text-text-transform, );font-feature-settings:var(--kbq-form-field-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-form-field-font-text-letter-spacing, -.006em)}.kbq-form-field__hint>.kbq-hint:not(.kbq-password-hint) .kbq-hint__text{font-size:var(--kbq-form-field-hint-font-text-font-size, 12px);font-weight:var(--kbq-form-field-hint-font-text-font-weight, normal);line-height:var(--kbq-form-field-hint-font-text-line-height, 16px);font-family:var(--kbq-form-field-hint-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-form-field-hint-font-text-text-transform, );font-feature-settings:var(--kbq-form-field-hint-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-form-field-hint-font-text-letter-spacing, normal)}\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-form-field-size-height, 32px) - var(--kbq-form-field-size-border-width, 1px) * 2);padding:calc(var(--kbq-input-size-padding-vertical, 6px) - var(--kbq-form-field-size-border-width, 1px)) var(--kbq-input-size-padding-horizontal, 12px)}.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-input-font-text-font-size, 14px);font-weight:var(--kbq-input-font-text-font-weight, normal);line-height:var(--kbq-input-font-text-line-height, 20px);font-family:var(--kbq-input-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-input-font-text-text-transform, );font-feature-settings:var(--kbq-input-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-input-font-text-letter-spacing, -.006em)}.kbq-input.kbq-input-password{font-size:var(--kbq-typography-mono-normal-font-size, 14px);font-weight:var(--kbq-typography-mono-normal-font-weight, normal);line-height:var(--kbq-typography-mono-normal-line-height, 20px);font-family:var(--kbq-typography-mono-normal-font-family, \"JetBrains Mono\", \"Roboto Mono\", \"Consolas\", \"Menlo\", \"Monaco\", monospace);text-transform:var(--kbq-typography-mono-normal-text-transform, );font-feature-settings:var(--kbq-typography-mono-normal-font-feature-settings, initial);letter-spacing:var(--kbq-typography-mono-normal-letter-spacing, normal)}\n", ".kbq-timepicker{padding-right:var(--kbq-timepicker-size-padding-right, )}.kbq-form-field-type-timepicker{width:auto}\n", ".kbq-form-field-type-datepicker{width:auto}.kbq-datepicker{width:130px}\n", ".kbq-textarea{--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 6px;--kbq-textarea-size-padding-horizontal: 12px;--kbq-textarea-font-default-font-size: 14px;--kbq-textarea-font-default-line-height: 20px;--kbq-textarea-font-default-letter-spacing: -.006em;--kbq-textarea-font-default-font-weight: normal;--kbq-textarea-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-textarea-font-default-text-transform: null;--kbq-textarea-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}.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, 6px) var(--kbq-textarea-size-padding-horizontal, 12px);-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, 64px)}.kbq-textarea:invalid{box-shadow:unset}\n", ".kbq-form-field{--kbq-form-field-size-height: 32px;--kbq-form-field-size-border-width: 1px;--kbq-form-field-size-border-radius: 8px;--kbq-form-field-size-icon-size: 16px;--kbq-form-field-size-icon-margin-left: 8px;--kbq-form-field-size-icon-margin-right: 8px;--kbq-form-field-size-icon-button-size: 24px;--kbq-form-field-size-icon-button-margin-right: 4px;--kbq-form-field-size-icon-button-margin-left: 4px;--kbq-form-field-font-text-font-size: 14px;--kbq-form-field-font-text-line-height: 20px;--kbq-form-field-font-text-letter-spacing: -.006em;--kbq-form-field-font-text-font-weight: normal;--kbq-form-field-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-form-field-font-text-text-transform: null;--kbq-form-field-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-form-field-default-border-color: hsla(229, 15%, 80%, 100%);--kbq-form-field-default-background: hsla(0, 0%, 100%, 100%);--kbq-form-field-default-placeholder: hsla(229, 15%, 60%, 100%);--kbq-form-field-default-text: hsla(229, 15%, 15%, 100%);--kbq-form-field-states-focused-border-color: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-focused-background: hsla(0, 0%, 100%, 100%);--kbq-form-field-states-focused-placeholder: hsla(229, 15%, 60%, 100%);--kbq-form-field-states-focused-text: hsla(229, 15%, 15%, 100%);--kbq-form-field-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-error-border-color: hsla(7, 97%, 45%, 100%);--kbq-form-field-states-error-background: hsla(7, 97%, 99%, 100%);--kbq-form-field-states-error-placeholder: hsla(7, 97%, 70%, 100%);--kbq-form-field-states-error-text: hsla(7, 97%, 40%, 100%);--kbq-form-field-states-error-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-form-field-states-autofill-border-color: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-autofill-background: hsla(216, 100%, 85%, 100%);--kbq-form-field-states-autofill-placeholder: hsla(229, 15%, 60%, 100%);--kbq-form-field-states-autofill-text: hsla(229, 15%, 15%, 100%);--kbq-form-field-states-disabled-border-color: hsla(229, 15%, 50%, 32%);--kbq-form-field-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-form-field-states-disabled-placeholder: hsla(229, 15%, 15%, 32%);--kbq-form-field-states-disabled-text: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-form-field-default-border-color: hsla(229, 15%, 30%, 100%);--kbq-form-field-default-background: hsla(229, 15%, 12%, 100%);--kbq-form-field-default-placeholder: hsla(229, 15%, 45%, 100%);--kbq-form-field-default-text: hsla(229, 15%, 80%, 100%);--kbq-form-field-states-focused-border-color: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-focused-background: hsla(229, 15%, 12%, 100%);--kbq-form-field-states-focused-placeholder: hsla(229, 15%, 45%, 100%);--kbq-form-field-states-focused-text: hsla(229, 15%, 80%, 100%);--kbq-form-field-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-error-border-color: hsla(7, 97%, 35%, 100%);--kbq-form-field-states-error-background: hsla(7, 97%, 6%, 100%);--kbq-form-field-states-error-placeholder: hsla(7, 97%, 25%, 100%);--kbq-form-field-states-error-text: hsla(7, 97%, 60%, 100%);--kbq-form-field-states-error-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-form-field-states-autofill-border-color: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-autofill-background: hsla(216, 100%, 20%, 100%);--kbq-form-field-states-autofill-placeholder: hsla(229, 15%, 45%, 100%);--kbq-form-field-states-autofill-text: hsla(229, 15%, 80%, 100%);--kbq-form-field-states-disabled-border-color: hsla(229, 15%, 50%, 32%);--kbq-form-field-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-form-field-states-disabled-placeholder: hsla(229, 15%, 40%, 100%);--kbq-form-field-states-disabled-text: hsla(229, 15%, 40%, 100%)}\n", ".kbq-input{--kbq-input-size-padding-horizontal: 12px;--kbq-input-size-padding-vertical: 6px;--kbq-input-font-text-font-size: 14px;--kbq-input-font-text-line-height: 20px;--kbq-input-font-text-letter-spacing: -.006em;--kbq-input-font-text-font-weight: normal;--kbq-input-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-input-font-text-text-transform: null;--kbq-input-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
557
557
|
}
|
|
558
558
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqFormField, decorators: [{
|
|
559
559
|
type: Component,
|
|
@@ -578,7 +578,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
|
|
|
578
578
|
'(mouseleave)': 'onHoverChanged(false)'
|
|
579
579
|
}, inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
580
580
|
{ provide: KBQ_FORM_FIELD_REF, useExisting: KbqFormField }
|
|
581
|
-
], template: "<div\n #connectionContainer\n class=\"kbq-form-field__container\"\n (click)=\"onContainerClick($event)\"\n>\n <div\n *ngIf=\"hasPrefix\"\n class=\"kbq-form-field__prefix\"\n >\n <ng-content select=\"[kbqPrefix]\" />\n </div>\n\n <div class=\"kbq-form-field__infix\">\n <ng-content />\n </div>\n\n <div\n *ngIf=\"hasSuffix\"\n class=\"kbq-form-field__suffix\"\n >\n <ng-content select=\"[kbqSuffix]\" />\n </div>\n\n <div\n *ngIf=\"canShowCleaner && !hasSuffix\"\n class=\"kbq-form-field__cleaner\"\n (click)=\"clearValue($event)\"\n >\n <ng-content select=\"kbq-cleaner\" />\n </div>\n\n <ng-content select=\"kbq-password-toggle\" />\n\n <ng-content\n *ngIf=\"canShowStepper\"\n select=\"kbq-stepper\"\n />\n</div>\n\n<div\n *ngIf=\"hasHint || passwordHints.length\"\n class=\"kbq-form-field__hint\"\n>\n <ng-content select=\"kbq-hint, kbq-password-hint\" />\n</div>\n", styles: [".kbq-form-field{position:relative;display:inline-block;width:100%}.kbq-form-field .kbq-form-field__container{box-sizing:border-box}.kbq-form-field .kbq-form-field:not(.kbq-form-field-type-textarea){height:var(--kbq-form-field-size-height, 32px)}.kbq-form-field,.kbq-form-field .kbq-input,.kbq-form-field .kbq-textarea{border-radius:var(--kbq-form-field-size-border-radius, 8px)}.kbq-form-field:hover{z-index:1}.kbq-form-field.kbq-focused{z-index:2}.kbq-form-field.kbq-form-field_without-borders .kbq-form-field__container{border-color:transparent!important;box-shadow:none!important}.kbq-form-field.kbq-form-field_has-prefix .kbq-input{padding-left:calc(var(--kbq-form-field-size-icon-size, 16px) + var(--kbq-form-field-size-icon-margin-left, 8px) + var(--kbq-form-field-size-icon-margin-right, 8px))}.kbq-form-field.kbq-form-field_has-password-toggle .kbq-input,.kbq-form-field.kbq-form-field_has-cleaner .kbq-input,.kbq-form-field.kbq-form-field_has-stepper .kbq-input,.kbq-form-field.kbq-form-field_has-suffix .kbq-input{padding-right:calc(var(--kbq-form-field-size-icon-button-size, 24px) + var(--kbq-form-field-size-icon-button-margin-left, 4px) + var(--kbq-form-field-size-icon-button-margin-right, 4px))}.kbq-form-field+.kbq-password-hint{margin-top:var(--kbq-size-m, 12px)}.kbq-form-field__container{position:relative;border-width:var(--kbq-form-field-size-border-width, 1px);border-style:solid;border-color:transparent;border-radius:var(--kbq-form-field-size-border-radius, 8px)}.kbq-form-field__prefix,.kbq-form-field__suffix{position:absolute;top:0;bottom:0;width:32px;display:flex;flex-direction:row;justify-content:center;align-items:center}.kbq-form-field__prefix{left:0}.kbq-form-field__suffix{right:0}.kbq-form-field__cleaner,.kbq-password-toggle,.kbq-stepper{position:absolute;top:0;bottom:0;right:0}.kbq-stepper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--kbq-form-field-size-icon-button-size, 24px)}.kbq-stepper .kbq-stepper-step-up,.kbq-stepper .kbq-stepper-step-down{cursor:pointer;width:var(--kbq-form-field-size-icon-button-size, 24px);text-align:center}.kbq-stepper .kbq-stepper-step-up{transform:scaleY(-1)}.kbq-form-field__hint{display:flex;flex-direction:column;margin-top:var(--kbq-form-field-hint-size-margin-top, 4px)}.kbq-form-field__hint .kbq-password-hint:first-child{margin-top:var(--kbq-size-s, 8px)}.kbq-password-hint{margin-top:var(--kbq-form-field-hint-size-gap, 8px)}.kbq-form-field .kbq-form-field__container{border-color:var(--kbq-form-field-default-border-color, );background-color:var(--kbq-form-field-default-background, )}.kbq-form-field .kbq-input,.kbq-form-field .kbq-tag-input,.kbq-form-field .kbq-textarea{color:var(--kbq-form-field-default-text, )}.kbq-form-field .kbq-input::placeholder,.kbq-form-field .kbq-tag-input::placeholder,.kbq-form-field .kbq-textarea::placeholder{color:var(--kbq-form-field-default-placeholder, )}.kbq-form-field .kbq-input::-ms-input-placeholder,.kbq-form-field .kbq-tag-input::-ms-input-placeholder,.kbq-form-field .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-default-placeholder, )}.kbq-form-field .kbq-input::-webkit-input-placeholder,.kbq-form-field .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-default-placeholder, )}.kbq-form-field .kbq-input:-webkit-autofill,.kbq-form-field .kbq-input:-webkit-autofill:hover,.kbq-form-field .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.cdk-focused .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.cdk-focused .kbq-input,.kbq-form-field.cdk-focused .kbq-tag-input,.kbq-form-field.cdk-focused .kbq-textarea{color:var(--kbq-form-field-states-focused-text, )}.kbq-form-field.cdk-focused .kbq-input::placeholder,.kbq-form-field.cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.cdk-focused .kbq-textarea::placeholder{color:var(--kbq-form-field-states-focused-placeholder, )}.kbq-form-field.cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.cdk-focused .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder, )}.kbq-form-field.cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.cdk-focused .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder, )}.kbq-form-field.cdk-focused .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-focused-focus-outline, )}.kbq-form-field.kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.ng-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.kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field_invalid .kbq-textarea,.kbq-form-field.ng-invalid .kbq-input,.kbq-form-field.ng-invalid .kbq-tag-input,.kbq-form-field.ng-invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text, )}.kbq-form-field.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.ng-invalid .kbq-input::placeholder,.kbq-form-field.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.ng-invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder, )}.kbq-form-field.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.ng-invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder, )}.kbq-form-field.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.ng-invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder, )}.kbq-form-field.kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.ng-invalid.cdk-focused .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-error-focused-focus-outline, )}.kbq-form-field.kbq-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.kbq-disabled .kbq-input,.kbq-form-field.kbq-disabled .kbq-tag-input,.kbq-form-field.kbq-disabled .kbq-textarea{color:var(--kbq-form-field-states-disabled-text, )}.kbq-form-field.kbq-disabled .kbq-input::placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::placeholder{color:var(--kbq-form-field-states-disabled-placeholder, )}.kbq-form-field.kbq-disabled .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder, )}.kbq-form-field.kbq-disabled .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder, )}.kbq-form-field.kbq-disabled .kbq-icon{color:var(--kbq-form-field-states-disabled-text, );-webkit-text-fill-color:var(--kbq-form-field-states-disabled-text, )}.kbq-form-field__hint>.kbq-hint:not(.kbq-password-hint,.kbq-contrast-fade,.kbq-success,.kbq-warning,.kbq-error){color:var(--kbq-form-field-hint-text, )}.kbq-form-field{font-size:var(--kbq-form-field-font-text-font-size, 14px);font-weight:var(--kbq-form-field-font-text-font-weight, normal);line-height:var(--kbq-form-field-font-text-line-height, 20px);font-family:var(--kbq-form-field-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-form-field-font-text-text-transform, );font-feature-settings:var(--kbq-form-field-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-form-field-font-text-letter-spacing, -.006em)}.kbq-form-field__hint>.kbq-hint:not(.kbq-password-hint) .kbq-hint__text{font-size:var(--kbq-form-field-hint-font-text-font-size, 12px);font-weight:var(--kbq-form-field-hint-font-text-font-weight, normal);line-height:var(--kbq-form-field-hint-font-text-line-height, 16px);font-family:var(--kbq-form-field-hint-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-form-field-hint-font-text-text-transform, );font-feature-settings:var(--kbq-form-field-hint-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-form-field-hint-font-text-letter-spacing, normal)}\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-form-field-size-height, 32px) - var(--kbq-form-field-size-border-width, 1px) * 2);padding:calc(var(--kbq-input-size-padding-vertical, 6px) - var(--kbq-form-field-size-border-width, 1px)) var(--kbq-input-size-padding-horizontal, 12px)}.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-input-font-text-font-size, 14px);font-weight:var(--kbq-input-font-text-font-weight, normal);line-height:var(--kbq-input-font-text-line-height, 20px);font-family:var(--kbq-input-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-input-font-text-text-transform, );font-feature-settings:var(--kbq-input-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-input-font-text-letter-spacing, -.006em)}.kbq-input.kbq-input-password{font-size:var(--kbq-typography-mono-normal-font-size, 14px);font-weight:var(--kbq-typography-mono-normal-font-weight, normal);line-height:var(--kbq-typography-mono-normal-line-height, 20px);font-family:var(--kbq-typography-mono-normal-font-family, \"JetBrains Mono\", \"Roboto Mono\", \"Consolas\", \"Menlo\", \"Monaco\", monospace);text-transform:var(--kbq-typography-mono-normal-text-transform, );font-feature-settings:var(--kbq-typography-mono-normal-font-feature-settings, initial);letter-spacing:var(--kbq-typography-mono-normal-letter-spacing, normal)}\n", ".kbq-timepicker{padding-right:var(--kbq-timepicker-size-padding-right, )}.kbq-form-field-type-timepicker{width:auto}\n", ".kbq-form-field-type-datepicker{width:auto}.kbq-datepicker{width:130px}\n", ".kbq-textarea{--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 6px;--kbq-textarea-size-padding-horizontal: 12px;--kbq-textarea-font-default-font-size: 14px;--kbq-textarea-font-default-line-height: 20px;--kbq-textarea-font-default-letter-spacing: -.006em;--kbq-textarea-font-default-font-weight: normal;--kbq-textarea-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-textarea-font-default-text-transform: null;--kbq-textarea-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}.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, 6px) var(--kbq-textarea-size-padding-horizontal, 12px);-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, 64px)}.kbq-textarea:invalid{box-shadow:unset}\n", ".kbq-form-field{--kbq-form-field-size-height: 32px;--kbq-form-field-size-border-width: 1px;--kbq-form-field-size-border-radius: 8px;--kbq-form-field-size-icon-size: 16px;--kbq-form-field-size-icon-margin-left: 8px;--kbq-form-field-size-icon-margin-right: 8px;--kbq-form-field-size-icon-button-size: 24px;--kbq-form-field-size-icon-button-margin-right: 4px;--kbq-form-field-size-icon-button-margin-left: 4px;--kbq-form-field-font-text-font-size: 14px;--kbq-form-field-font-text-line-height: 20px;--kbq-form-field-font-text-letter-spacing: -.006em;--kbq-form-field-font-text-font-weight: normal;--kbq-form-field-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-form-field-font-text-text-transform: null;--kbq-form-field-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-form-field-default-border-color: hsla(229, 15%, 80%, 100%);--kbq-form-field-default-background: hsla(0, 0%, 100%, 100%);--kbq-form-field-default-placeholder: hsla(229, 15%, 60%, 100%);--kbq-form-field-default-text: hsla(229, 15%, 15%, 100%);--kbq-form-field-states-focused-border-color: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-focused-background: hsla(0, 0%, 100%, 100%);--kbq-form-field-states-focused-placeholder: hsla(229, 15%, 60%, 100%);--kbq-form-field-states-focused-text: hsla(229, 15%, 15%, 100%);--kbq-form-field-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-error-border-color: hsla(7, 97%, 45%, 100%);--kbq-form-field-states-error-background: hsla(7, 97%, 99%, 100%);--kbq-form-field-states-error-placeholder: hsla(7, 97%, 70%, 100%);--kbq-form-field-states-error-text: hsla(7, 97%, 40%, 100%);--kbq-form-field-states-error-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-form-field-states-autofill-border-color: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-autofill-background: hsla(216, 100%, 85%, 100%);--kbq-form-field-states-autofill-placeholder: hsla(229, 15%, 60%, 100%);--kbq-form-field-states-autofill-text: hsla(229, 15%, 15%, 100%);--kbq-form-field-states-disabled-border-color: hsla(229, 15%, 15%, 32%);--kbq-form-field-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-form-field-states-disabled-placeholder: hsla(229, 15%, 15%, 32%);--kbq-form-field-states-disabled-text: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-form-field-default-border-color: hsla(229, 15%, 30%, 100%);--kbq-form-field-default-background: hsla(229, 15%, 12%, 100%);--kbq-form-field-default-placeholder: hsla(229, 15%, 45%, 100%);--kbq-form-field-default-text: hsla(229, 15%, 80%, 100%);--kbq-form-field-states-focused-border-color: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-focused-background: hsla(229, 15%, 12%, 100%);--kbq-form-field-states-focused-placeholder: hsla(229, 15%, 45%, 100%);--kbq-form-field-states-focused-text: hsla(229, 15%, 80%, 100%);--kbq-form-field-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-error-border-color: hsla(7, 97%, 35%, 100%);--kbq-form-field-states-error-background: hsla(7, 97%, 6%, 100%);--kbq-form-field-states-error-placeholder: hsla(7, 97%, 25%, 100%);--kbq-form-field-states-error-text: hsla(7, 97%, 60%, 100%);--kbq-form-field-states-error-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-form-field-states-autofill-border-color: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-autofill-background: hsla(216, 100%, 20%, 100%);--kbq-form-field-states-autofill-placeholder: hsla(229, 15%, 45%, 100%);--kbq-form-field-states-autofill-text: hsla(229, 15%, 80%, 100%);--kbq-form-field-states-disabled-border-color: hsla(229, 15%, 50%, 32%);--kbq-form-field-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-form-field-states-disabled-placeholder: hsla(229, 15%, 40%, 100%);--kbq-form-field-states-disabled-text: hsla(229, 15%, 40%, 100%)}\n", ".kbq-input{--kbq-input-size-padding-horizontal: 12px;--kbq-input-size-padding-vertical: 6px;--kbq-input-font-text-font-size: 14px;--kbq-input-font-text-line-height: 20px;--kbq-input-font-text-letter-spacing: -.006em;--kbq-input-font-text-font-weight: normal;--kbq-input-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-input-font-text-text-transform: null;--kbq-input-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}\n"] }]
|
|
581
|
+
], template: "<div\n #connectionContainer\n class=\"kbq-form-field__container\"\n (click)=\"onContainerClick($event)\"\n>\n <div\n *ngIf=\"hasPrefix\"\n class=\"kbq-form-field__prefix\"\n >\n <ng-content select=\"[kbqPrefix]\" />\n </div>\n\n <div class=\"kbq-form-field__infix\">\n <ng-content />\n </div>\n\n <div\n *ngIf=\"hasSuffix\"\n class=\"kbq-form-field__suffix\"\n >\n <ng-content select=\"[kbqSuffix]\" />\n </div>\n\n <div\n *ngIf=\"canShowCleaner && !hasSuffix\"\n class=\"kbq-form-field__cleaner\"\n (click)=\"clearValue($event)\"\n >\n <ng-content select=\"kbq-cleaner\" />\n </div>\n\n <ng-content select=\"kbq-password-toggle\" />\n\n <ng-content\n *ngIf=\"canShowStepper\"\n select=\"kbq-stepper\"\n />\n</div>\n\n<div\n *ngIf=\"hasHint || passwordHints.length\"\n class=\"kbq-form-field__hint\"\n>\n <ng-content select=\"kbq-hint, kbq-password-hint\" />\n</div>\n", styles: [".kbq-form-field{position:relative;display:inline-block;width:100%}.kbq-form-field .kbq-form-field__container{box-sizing:border-box}.kbq-form-field .kbq-form-field:not(.kbq-form-field-type-textarea){height:var(--kbq-form-field-size-height, 32px)}.kbq-form-field,.kbq-form-field .kbq-input,.kbq-form-field .kbq-textarea{border-radius:var(--kbq-form-field-size-border-radius, 8px)}.kbq-form-field:hover{z-index:1}.kbq-form-field.kbq-focused{z-index:2}.kbq-form-field.kbq-form-field_without-borders .kbq-form-field__container{border-color:transparent!important;box-shadow:none!important}.kbq-form-field.kbq-form-field_has-prefix .kbq-input{padding-left:calc(var(--kbq-form-field-size-icon-size, 16px) + var(--kbq-form-field-size-icon-margin-left, 8px) + var(--kbq-form-field-size-icon-margin-right, 8px))}.kbq-form-field.kbq-form-field_has-password-toggle .kbq-input,.kbq-form-field.kbq-form-field_has-cleaner .kbq-input,.kbq-form-field.kbq-form-field_has-stepper .kbq-input,.kbq-form-field.kbq-form-field_has-suffix .kbq-input{padding-right:calc(var(--kbq-form-field-size-icon-button-size, 24px) + var(--kbq-form-field-size-icon-button-margin-left, 4px) + var(--kbq-form-field-size-icon-button-margin-right, 4px))}.kbq-form-field+.kbq-password-hint{margin-top:var(--kbq-size-m, 12px)}.kbq-form-field__container{position:relative;border-width:var(--kbq-form-field-size-border-width, 1px);border-style:solid;border-color:transparent;border-radius:var(--kbq-form-field-size-border-radius, 8px)}.kbq-form-field__prefix,.kbq-form-field__suffix{position:absolute;top:0;bottom:0;width:32px;display:flex;flex-direction:row;justify-content:center;align-items:center}.kbq-form-field__prefix{left:0}.kbq-form-field__suffix{right:0}.kbq-form-field__cleaner,.kbq-password-toggle,.kbq-stepper{position:absolute;top:0;bottom:0;right:0}.kbq-stepper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--kbq-form-field-size-icon-button-size, 24px)}.kbq-stepper .kbq-stepper-step-up,.kbq-stepper .kbq-stepper-step-down{cursor:pointer;width:var(--kbq-form-field-size-icon-button-size, 24px);text-align:center}.kbq-stepper .kbq-stepper-step-up{transform:scaleY(-1)}.kbq-form-field__hint{display:flex;flex-direction:column;margin-top:var(--kbq-form-field-hint-size-margin-top, 4px)}.kbq-form-field__hint .kbq-password-hint:first-child{margin-top:var(--kbq-size-s, 8px)}.kbq-password-hint{margin-top:var(--kbq-form-field-hint-size-gap, 8px)}.kbq-form-field .kbq-form-field__container{border-color:var(--kbq-form-field-default-border-color, );background-color:var(--kbq-form-field-default-background, )}.kbq-form-field .kbq-input,.kbq-form-field .kbq-tag-input,.kbq-form-field .kbq-textarea{color:var(--kbq-form-field-default-text, )}.kbq-form-field .kbq-input::placeholder,.kbq-form-field .kbq-tag-input::placeholder,.kbq-form-field .kbq-textarea::placeholder{color:var(--kbq-form-field-default-placeholder, )}.kbq-form-field .kbq-input::-ms-input-placeholder,.kbq-form-field .kbq-tag-input::-ms-input-placeholder,.kbq-form-field .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-default-placeholder, )}.kbq-form-field .kbq-input::-webkit-input-placeholder,.kbq-form-field .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-default-placeholder, )}.kbq-form-field .kbq-input:-webkit-autofill,.kbq-form-field .kbq-input:-webkit-autofill:hover,.kbq-form-field .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.cdk-focused .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.cdk-focused .kbq-input,.kbq-form-field.cdk-focused .kbq-tag-input,.kbq-form-field.cdk-focused .kbq-textarea{color:var(--kbq-form-field-states-focused-text, )}.kbq-form-field.cdk-focused .kbq-input::placeholder,.kbq-form-field.cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.cdk-focused .kbq-textarea::placeholder{color:var(--kbq-form-field-states-focused-placeholder, )}.kbq-form-field.cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.cdk-focused .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder, )}.kbq-form-field.cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.cdk-focused .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder, )}.kbq-form-field.cdk-focused .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-focused-focus-outline, )}.kbq-form-field.kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.ng-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.kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field_invalid .kbq-textarea,.kbq-form-field.ng-invalid .kbq-input,.kbq-form-field.ng-invalid .kbq-tag-input,.kbq-form-field.ng-invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text, )}.kbq-form-field.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.ng-invalid .kbq-input::placeholder,.kbq-form-field.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.ng-invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder, )}.kbq-form-field.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.ng-invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder, )}.kbq-form-field.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.ng-invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder, )}.kbq-form-field.kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.ng-invalid.cdk-focused .kbq-form-field__container{box-shadow:0 0 .1px 1px var(--kbq-form-field-states-error-focused-focus-outline, )}.kbq-form-field.kbq-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.kbq-disabled .kbq-input,.kbq-form-field.kbq-disabled .kbq-tag-input,.kbq-form-field.kbq-disabled .kbq-textarea{color:var(--kbq-form-field-states-disabled-text, )}.kbq-form-field.kbq-disabled .kbq-input::placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::placeholder{color:var(--kbq-form-field-states-disabled-placeholder, )}.kbq-form-field.kbq-disabled .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder, )}.kbq-form-field.kbq-disabled .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder, )}.kbq-form-field.kbq-disabled .kbq-icon{color:var(--kbq-form-field-states-disabled-text, );-webkit-text-fill-color:var(--kbq-form-field-states-disabled-text, )}.kbq-form-field__hint>.kbq-hint:not(.kbq-password-hint,.kbq-contrast-fade,.kbq-success,.kbq-warning,.kbq-error){color:var(--kbq-form-field-hint-text, )}.kbq-form-field{font-size:var(--kbq-form-field-font-text-font-size, 14px);font-weight:var(--kbq-form-field-font-text-font-weight, normal);line-height:var(--kbq-form-field-font-text-line-height, 20px);font-family:var(--kbq-form-field-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-form-field-font-text-text-transform, );font-feature-settings:var(--kbq-form-field-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-form-field-font-text-letter-spacing, -.006em)}.kbq-form-field__hint>.kbq-hint:not(.kbq-password-hint) .kbq-hint__text{font-size:var(--kbq-form-field-hint-font-text-font-size, 12px);font-weight:var(--kbq-form-field-hint-font-text-font-weight, normal);line-height:var(--kbq-form-field-hint-font-text-line-height, 16px);font-family:var(--kbq-form-field-hint-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-form-field-hint-font-text-text-transform, );font-feature-settings:var(--kbq-form-field-hint-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-form-field-hint-font-text-letter-spacing, normal)}\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-form-field-size-height, 32px) - var(--kbq-form-field-size-border-width, 1px) * 2);padding:calc(var(--kbq-input-size-padding-vertical, 6px) - var(--kbq-form-field-size-border-width, 1px)) var(--kbq-input-size-padding-horizontal, 12px)}.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-input-font-text-font-size, 14px);font-weight:var(--kbq-input-font-text-font-weight, normal);line-height:var(--kbq-input-font-text-line-height, 20px);font-family:var(--kbq-input-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-input-font-text-text-transform, );font-feature-settings:var(--kbq-input-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-input-font-text-letter-spacing, -.006em)}.kbq-input.kbq-input-password{font-size:var(--kbq-typography-mono-normal-font-size, 14px);font-weight:var(--kbq-typography-mono-normal-font-weight, normal);line-height:var(--kbq-typography-mono-normal-line-height, 20px);font-family:var(--kbq-typography-mono-normal-font-family, \"JetBrains Mono\", \"Roboto Mono\", \"Consolas\", \"Menlo\", \"Monaco\", monospace);text-transform:var(--kbq-typography-mono-normal-text-transform, );font-feature-settings:var(--kbq-typography-mono-normal-font-feature-settings, initial);letter-spacing:var(--kbq-typography-mono-normal-letter-spacing, normal)}\n", ".kbq-timepicker{padding-right:var(--kbq-timepicker-size-padding-right, )}.kbq-form-field-type-timepicker{width:auto}\n", ".kbq-form-field-type-datepicker{width:auto}.kbq-datepicker{width:130px}\n", ".kbq-textarea{--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 6px;--kbq-textarea-size-padding-horizontal: 12px;--kbq-textarea-font-default-font-size: 14px;--kbq-textarea-font-default-line-height: 20px;--kbq-textarea-font-default-letter-spacing: -.006em;--kbq-textarea-font-default-font-weight: normal;--kbq-textarea-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-textarea-font-default-text-transform: null;--kbq-textarea-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}.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, 6px) var(--kbq-textarea-size-padding-horizontal, 12px);-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, 64px)}.kbq-textarea:invalid{box-shadow:unset}\n", ".kbq-form-field{--kbq-form-field-size-height: 32px;--kbq-form-field-size-border-width: 1px;--kbq-form-field-size-border-radius: 8px;--kbq-form-field-size-icon-size: 16px;--kbq-form-field-size-icon-margin-left: 8px;--kbq-form-field-size-icon-margin-right: 8px;--kbq-form-field-size-icon-button-size: 24px;--kbq-form-field-size-icon-button-margin-right: 4px;--kbq-form-field-size-icon-button-margin-left: 4px;--kbq-form-field-font-text-font-size: 14px;--kbq-form-field-font-text-line-height: 20px;--kbq-form-field-font-text-letter-spacing: -.006em;--kbq-form-field-font-text-font-weight: normal;--kbq-form-field-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-form-field-font-text-text-transform: null;--kbq-form-field-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-form-field-default-border-color: hsla(229, 15%, 80%, 100%);--kbq-form-field-default-background: hsla(0, 0%, 100%, 100%);--kbq-form-field-default-placeholder: hsla(229, 15%, 60%, 100%);--kbq-form-field-default-text: hsla(229, 15%, 15%, 100%);--kbq-form-field-states-focused-border-color: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-focused-background: hsla(0, 0%, 100%, 100%);--kbq-form-field-states-focused-placeholder: hsla(229, 15%, 60%, 100%);--kbq-form-field-states-focused-text: hsla(229, 15%, 15%, 100%);--kbq-form-field-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-error-border-color: hsla(7, 97%, 45%, 100%);--kbq-form-field-states-error-background: hsla(7, 97%, 99%, 100%);--kbq-form-field-states-error-placeholder: hsla(7, 97%, 70%, 100%);--kbq-form-field-states-error-text: hsla(7, 97%, 40%, 100%);--kbq-form-field-states-error-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-form-field-states-autofill-border-color: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-autofill-background: hsla(216, 100%, 85%, 100%);--kbq-form-field-states-autofill-placeholder: hsla(229, 15%, 60%, 100%);--kbq-form-field-states-autofill-text: hsla(229, 15%, 15%, 100%);--kbq-form-field-states-disabled-border-color: hsla(229, 15%, 50%, 32%);--kbq-form-field-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-form-field-states-disabled-placeholder: hsla(229, 15%, 15%, 32%);--kbq-form-field-states-disabled-text: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-form-field-default-border-color: hsla(229, 15%, 30%, 100%);--kbq-form-field-default-background: hsla(229, 15%, 12%, 100%);--kbq-form-field-default-placeholder: hsla(229, 15%, 45%, 100%);--kbq-form-field-default-text: hsla(229, 15%, 80%, 100%);--kbq-form-field-states-focused-border-color: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-focused-background: hsla(229, 15%, 12%, 100%);--kbq-form-field-states-focused-placeholder: hsla(229, 15%, 45%, 100%);--kbq-form-field-states-focused-text: hsla(229, 15%, 80%, 100%);--kbq-form-field-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-error-border-color: hsla(7, 97%, 35%, 100%);--kbq-form-field-states-error-background: hsla(7, 97%, 6%, 100%);--kbq-form-field-states-error-placeholder: hsla(7, 97%, 25%, 100%);--kbq-form-field-states-error-text: hsla(7, 97%, 60%, 100%);--kbq-form-field-states-error-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-form-field-states-autofill-border-color: hsla(216, 100%, 60%, 100%);--kbq-form-field-states-autofill-background: hsla(216, 100%, 20%, 100%);--kbq-form-field-states-autofill-placeholder: hsla(229, 15%, 45%, 100%);--kbq-form-field-states-autofill-text: hsla(229, 15%, 80%, 100%);--kbq-form-field-states-disabled-border-color: hsla(229, 15%, 50%, 32%);--kbq-form-field-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-form-field-states-disabled-placeholder: hsla(229, 15%, 40%, 100%);--kbq-form-field-states-disabled-text: hsla(229, 15%, 40%, 100%)}\n", ".kbq-input{--kbq-input-size-padding-horizontal: 12px;--kbq-input-size-padding-vertical: 6px;--kbq-input-font-text-font-size: 14px;--kbq-input-font-text-line-height: 20px;--kbq-input-font-text-letter-spacing: -.006em;--kbq-input-font-text-font-weight: normal;--kbq-input-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-input-font-text-text-transform: null;--kbq-input-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}\n"] }]
|
|
582
582
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$1.FocusMonitor }], propDecorators: { control: [{
|
|
583
583
|
type: ContentChild,
|
|
584
584
|
args: [KbqFormFieldControl, { static: false }]
|
|
@@ -109,7 +109,7 @@ class KbqToggleComponent extends KbqToggleMixinBase {
|
|
|
109
109
|
useExisting: forwardRef((() => KbqToggleComponent)),
|
|
110
110
|
multi: true
|
|
111
111
|
}
|
|
112
|
-
], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], exportAs: ["kbqToggle"], usesInheritance: true, ngImport: i0, template: "<label\n class=\"kbq-toggle-layout\"\n [attr.for]=\"inputId\"\n [class.left]=\"labelPosition === 'left'\"\n>\n <input\n #input\n role=\"switch\"\n type=\"checkbox\"\n class=\"kbq-toggle-input cdk-visually-hidden\"\n [attr.aria-checked]=\"getAriaChecked()\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [id]=\"inputId\"\n [tabIndex]=\"tabIndex\"\n (change)=\"onChangeEvent($event)\"\n (click)=\"onInputClick($event)\"\n />\n <div class=\"kbq-toggle-bar-container\">\n <div class=\"kbq-toggle-bar\">\n <div\n class=\"kbq-toggle__circle\"\n [@switch]=\"checked\"\n ></div>\n </div>\n </div>\n\n <div\n class=\"kbq-toggle__content\"\n [class.left]=\"labelPosition === 'left'\"\n [class.right]=\"labelPosition === 'right'\"\n >\n <span\n class=\"kbq-toggle-label\"\n (cdkObserveContent)=\"onLabelTextChange()\"\n >\n <ng-content />\n </span>\n\n <ng-content select=\"kbq-hint\" />\n </div>\n</label>\n", styles: [".kbq-toggle{display:inline-block}.kbq-toggle .kbq-toggle__circle{position:absolute;border-radius:50%;transform:translate(-1px);height:10px;width:10px}.kbq-toggle .kbq-toggle-layout{display:flex;flex-direction:row;align-items:flex-start;cursor:inherit}.kbq-toggle .kbq-toggle-layout.left{flex-direction:row-reverse}.kbq-toggle .kbq-toggle-layout .kbq-toggle-bar-container:has(+.kbq-toggle__content){padding-top:calc((var(--kbq-toggle-font-normal-label-line-height, 20px) - var(--kbq-toggle-size-normal-height, 16px)) / 2)}.kbq-toggle .kbq-toggle-bar-container{display:flex;align-items:center}.kbq-toggle .kbq-toggle-bar{position:relative;box-sizing:border-box;display:flex;align-items:center;border-width:1px;border-style:solid;border-radius:8px;height:var(--kbq-toggle-size-normal-height, 16px);width:var(--kbq-toggle-size-normal-width, 28px)}.kbq-toggle .kbq-hint{margin-top:var(--kbq-toggle-size-normal-vertical-content-padding, 8px)}.kbq-toggle__content{display:flex;flex-direction:column;flex:1}.kbq-toggle__content.left{margin-right:var(--kbq-toggle-size-normal-horizontal-content-padding, 8px)}.kbq-toggle__content.right{margin-left:var(--kbq-toggle-size-normal-horizontal-content-padding, 8px)}.kbq-toggle.kbq-toggle_big .kbq-toggle-bar{height:var(--kbq-toggle-size-big-height, 16px);width:var(--kbq-toggle-size-big-width, 28px)}.kbq-toggle.kbq-toggle_big .kbq-hint{margin-top:var(--kbq-toggle-size-big-vertical-content-padding, 8px)}.kbq-toggle.kbq-toggle_big .kbq-toggle-layout .kbq-toggle-bar-container:has(+.kbq-toggle__content){padding-top:calc((var(--kbq-toggle-font-big-label-line-height, 24px) - var(--kbq-toggle-size-big-height, 16px)) / 2)}.kbq-toggle:not(.kbq-disabled){cursor:pointer}.kbq-toggle .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-default-border, );background:var(--kbq-toggle-theme-default-background, )}.kbq-toggle .kbq-toggle__circle{background:var(--kbq-toggle-theme-default-circle-background, )}.kbq-toggle:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-hover-border, );background:var(--kbq-toggle-theme-states-hover-background, )}.kbq-toggle:hover .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-hover-circle-background, )}.kbq-toggle.kbq-active .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-border, );background:var(--kbq-toggle-theme-states-checked-background, )}.kbq-toggle.kbq-active .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-circle-background, )}.kbq-toggle.kbq-active:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-hover-border, );background:var(--kbq-toggle-theme-states-checked-hover-background, )}.kbq-toggle.kbq-active:hover .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-hover-circle-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-focused-border, );background:var(--kbq-toggle-theme-states-focused-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-focused-circle-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-theme-states-focused-focus-outline, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-focused-border, );background:var(--kbq-toggle-theme-states-checked-focused-background, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-focused-circle-background, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-theme-states-checked-focused-focus-outline, )}.kbq-toggle.kbq-disabled .kbq-toggle-bar,.kbq-toggle.kbq-active.kbq-disabled .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-disabled-border, );background:var(--kbq-toggle-theme-states-disabled-background, )}.kbq-toggle.kbq-disabled .kbq-toggle__circle,.kbq-toggle.kbq-active.kbq-disabled .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-disabled-circle-background, )}.kbq-toggle.kbq-error .kbq-toggle-bar{border-color:var(--kbq-toggle-error-default-border, );background:var(--kbq-toggle-error-default-background, )}.kbq-toggle.kbq-error .kbq-toggle__circle{background:var(--kbq-toggle-error-default-circle-background, )}.kbq-toggle.kbq-error:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-hover-border, );background:var(--kbq-toggle-error-states-hover-background, )}.kbq-toggle.kbq-error:hover .kbq-toggle__circle{background:var(--kbq-toggle-error-states-hover-circle-background, )}.kbq-toggle.kbq-error.kbq-active .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-border, );background:var(--kbq-toggle-error-states-checked-background, )}.kbq-toggle.kbq-error.kbq-active .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-circle-background, )}.kbq-toggle.kbq-error.kbq-active:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-hover-border, );background:var(--kbq-toggle-error-states-checked-hover-background, )}.kbq-toggle.kbq-error.kbq-active:hover .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-hover-circle-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-focused-border, );background:var(--kbq-toggle-error-states-focused-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-error-states-focused-circle-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-error-states-focused-focus-outline, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-focused-border, );background:var(--kbq-toggle-error-states-checked-focused-background, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-focused-circle-background, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-error-states-checked-focused-focus-outline, )}.kbq-toggle.kbq-error.kbq-disabled .kbq-toggle-bar,.kbq-toggle.kbq-error.kbq-active.kbq-disabled .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-disabled-border, );background:var(--kbq-toggle-error-states-disabled-background, )}.kbq-toggle.kbq-error.kbq-disabled .kbq-toggle__circle,.kbq-toggle.kbq-error.kbq-active.kbq-disabled .kbq-toggle__circle{background:var(--kbq-toggle-error-states-disabled-circle-background, )}.kbq-toggle.kbq-disabled{color:var(--kbq-foreground-text-disabled, )}.kbq-toggle:not(.kbq-toggle_big){font-size:var(--kbq-toggle-font-normal-label-font-size, 14px);font-weight:var(--kbq-toggle-font-normal-label-font-weight, normal);line-height:var(--kbq-toggle-font-normal-label-line-height, 20px);font-family:var(--kbq-toggle-font-normal-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-normal-label-text-transform, );font-feature-settings:var(--kbq-toggle-font-normal-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-normal-label-letter-spacing, -.006em)}.kbq-toggle:not(.kbq-toggle_big) .kbq-hint{font-size:var(--kbq-toggle-font-normal-caption-font-size, 12px);font-weight:var(--kbq-toggle-font-normal-caption-font-weight, normal);line-height:var(--kbq-toggle-font-normal-caption-line-height, 16px);font-family:var(--kbq-toggle-font-normal-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-normal-caption-text-transform, );font-feature-settings:var(--kbq-toggle-font-normal-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-normal-caption-letter-spacing, normal)}.kbq-toggle:not(.kbq-toggle_big) .kbq-toggle-bar-container{line-height:var(--kbq-toggle-font-normal-caption-line-height, 16px)}.kbq-toggle.kbq-toggle_big{font-size:var(--kbq-toggle-font-big-label-font-size, 16px);font-weight:var(--kbq-toggle-font-big-label-font-weight, normal);line-height:var(--kbq-toggle-font-big-label-line-height, 24px);font-family:var(--kbq-toggle-font-big-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-big-label-text-transform, );font-feature-settings:var(--kbq-toggle-font-big-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-big-label-letter-spacing, -.011em)}.kbq-toggle.kbq-toggle_big .kbq-hint{font-size:var(--kbq-toggle-font-big-caption-font-size, 14px);font-weight:var(--kbq-toggle-font-big-caption-font-weight, normal);line-height:var(--kbq-toggle-font-big-caption-line-height, 20px);font-family:var(--kbq-toggle-font-big-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-big-caption-text-transform, );font-feature-settings:var(--kbq-toggle-font-big-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-big-caption-letter-spacing, -.006em)}.kbq-toggle.kbq-toggle_big .kbq-toggle-bar-container{line-height:var(--kbq-toggle-font-big-label-line-height, 24px)}\n", ".kbq-toggle{--kbq-toggle-size-normal-height: 16px;--kbq-toggle-size-normal-width: 28px;--kbq-toggle-size-normal-horizontal-content-padding: 8px;--kbq-toggle-size-normal-vertical-content-padding: 8px;--kbq-toggle-size-big-height: 16px;--kbq-toggle-size-big-width: 28px;--kbq-toggle-size-big-horizontal-content-padding: 8px;--kbq-toggle-size-big-vertical-content-padding: 8px;--kbq-toggle-font-normal-label-font-size: 14px;--kbq-toggle-font-normal-label-line-height: 20px;--kbq-toggle-font-normal-label-letter-spacing: -.006em;--kbq-toggle-font-normal-label-font-weight: normal;--kbq-toggle-font-normal-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-normal-label-text-transform: null;--kbq-toggle-font-normal-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-normal-caption-font-size: 12px;--kbq-toggle-font-normal-caption-line-height: 16px;--kbq-toggle-font-normal-caption-letter-spacing: normal;--kbq-toggle-font-normal-caption-font-weight: normal;--kbq-toggle-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-normal-caption-text-transform: null;--kbq-toggle-font-normal-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-big-label-font-size: 16px;--kbq-toggle-font-big-label-line-height: 24px;--kbq-toggle-font-big-label-letter-spacing: -.011em;--kbq-toggle-font-big-label-font-weight: normal;--kbq-toggle-font-big-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-big-label-text-transform: null;--kbq-toggle-font-big-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-big-caption-font-size: 14px;--kbq-toggle-font-big-caption-line-height: 20px;--kbq-toggle-font-big-caption-letter-spacing: -.006em;--kbq-toggle-font-big-caption-font-weight: normal;--kbq-toggle-font-big-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-big-caption-text-transform: null;--kbq-toggle-font-big-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-default-border: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-default-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-default-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-hover-border: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-toggle-theme-states-hover-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-checked-border: transparent;--kbq-toggle-theme-states-checked-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-hover-border: transparent;--kbq-toggle-theme-states-checked-hover-background: hsla(216, 100%, 45%, 100%);--kbq-toggle-theme-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-focused-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-disabled-border: hsla(229, 15%, 15%, 32%);--kbq-toggle-theme-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-disabled-circle-background: hsla(229, 15%, 15%, 32%);--kbq-toggle-error-default-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-default-background: hsla(7, 97%, 99%, 100%);--kbq-toggle-error-default-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-hover-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-hover-background: hsla(7, 97%, 92%, 100%);--kbq-toggle-error-states-hover-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-hover-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-hover-background: hsla(7, 97%, 56%, 100%);--kbq-toggle-error-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-background: hsla(7, 97%, 99%, 100%);--kbq-toggle-error-states-focused-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-disabled-border: hsla(229, 15%, 15%, 32%);--kbq-toggle-error-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-error-states-disabled-circle-background: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-default-border: hsla(229, 15%, 30%, 100%);--kbq-toggle-theme-default-background: hsla(229, 15%, 12%, 100%);--kbq-toggle-theme-default-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-hover-border: hsla(229, 15%, 30%, 100%);--kbq-toggle-theme-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-hover-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-checked-border: transparent;--kbq-toggle-theme-states-checked-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-hover-border: transparent;--kbq-toggle-theme-states-checked-hover-background: hsla(216, 100%, 45%, 100%);--kbq-toggle-theme-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-focused-background: hsla(229, 15%, 12%, 100%);--kbq-toggle-theme-states-focused-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-theme-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-disabled-circle-background: hsla(229, 15%, 30%, 100%);--kbq-toggle-error-default-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-default-background: hsla(7, 97%, 6%, 100%);--kbq-toggle-error-default-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-hover-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-hover-background: hsla(7, 97%, 13%, 100%);--kbq-toggle-error-states-hover-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-checked-background: hsla(7, 97%, 41%, 100%);--kbq-toggle-error-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-hover-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-checked-hover-background: hsla(7, 97%, 42%, 100%);--kbq-toggle-error-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-background: hsla(7, 97%, 6%, 100%);--kbq-toggle-error-states-focused-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-background: hsla(7, 97%, 41%, 100%);--kbq-toggle-error-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-error-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-error-states-disabled-circle-background: hsla(229, 15%, 30%, 100%)}\n"], animations: [
|
|
112
|
+
], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], exportAs: ["kbqToggle"], usesInheritance: true, ngImport: i0, template: "<label\n class=\"kbq-toggle-layout\"\n [attr.for]=\"inputId\"\n [class.left]=\"labelPosition === 'left'\"\n>\n <input\n #input\n role=\"switch\"\n type=\"checkbox\"\n class=\"kbq-toggle-input cdk-visually-hidden\"\n [attr.aria-checked]=\"getAriaChecked()\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [id]=\"inputId\"\n [tabIndex]=\"tabIndex\"\n (change)=\"onChangeEvent($event)\"\n (click)=\"onInputClick($event)\"\n />\n <div class=\"kbq-toggle-bar-container\">\n <div class=\"kbq-toggle-bar\">\n <div\n class=\"kbq-toggle__circle\"\n [@switch]=\"checked\"\n ></div>\n </div>\n </div>\n\n <div\n class=\"kbq-toggle__content\"\n [class.left]=\"labelPosition === 'left'\"\n [class.right]=\"labelPosition === 'right'\"\n >\n <span\n class=\"kbq-toggle-label\"\n (cdkObserveContent)=\"onLabelTextChange()\"\n >\n <ng-content />\n </span>\n\n <ng-content select=\"kbq-hint\" />\n </div>\n</label>\n", styles: [".kbq-toggle{display:inline-block}.kbq-toggle .kbq-toggle__circle{position:absolute;border-radius:50%;transform:translate(-1px);height:10px;width:10px}.kbq-toggle .kbq-toggle-layout{display:flex;flex-direction:row;align-items:flex-start;cursor:inherit}.kbq-toggle .kbq-toggle-layout.left{flex-direction:row-reverse}.kbq-toggle .kbq-toggle-layout .kbq-toggle-bar-container:has(+.kbq-toggle__content){padding-top:calc((var(--kbq-toggle-font-normal-label-line-height, 20px) - var(--kbq-toggle-size-normal-height, 16px)) / 2)}.kbq-toggle .kbq-toggle-bar-container{display:flex;align-items:center}.kbq-toggle .kbq-toggle-bar{position:relative;box-sizing:border-box;display:flex;align-items:center;border-width:1px;border-style:solid;border-radius:8px;height:var(--kbq-toggle-size-normal-height, 16px);width:var(--kbq-toggle-size-normal-width, 28px)}.kbq-toggle .kbq-hint{margin-top:var(--kbq-toggle-size-normal-vertical-content-padding, 8px)}.kbq-toggle__content{display:flex;flex-direction:column;flex:1}.kbq-toggle__content.left{margin-right:var(--kbq-toggle-size-normal-horizontal-content-padding, 8px)}.kbq-toggle__content.right{margin-left:var(--kbq-toggle-size-normal-horizontal-content-padding, 8px)}.kbq-toggle.kbq-toggle_big .kbq-toggle-bar{height:var(--kbq-toggle-size-big-height, 16px);width:var(--kbq-toggle-size-big-width, 28px)}.kbq-toggle.kbq-toggle_big .kbq-hint{margin-top:var(--kbq-toggle-size-big-vertical-content-padding, 8px)}.kbq-toggle.kbq-toggle_big .kbq-toggle-layout .kbq-toggle-bar-container:has(+.kbq-toggle__content){padding-top:calc((var(--kbq-toggle-font-big-label-line-height, 24px) - var(--kbq-toggle-size-big-height, 16px)) / 2)}.kbq-toggle:not(.kbq-disabled){cursor:pointer}.kbq-toggle .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-default-border, );background:var(--kbq-toggle-theme-default-background, )}.kbq-toggle .kbq-toggle__circle{background:var(--kbq-toggle-theme-default-circle-background, )}.kbq-toggle:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-hover-border, );background:var(--kbq-toggle-theme-states-hover-background, )}.kbq-toggle:hover .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-hover-circle-background, )}.kbq-toggle.kbq-active .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-border, );background:var(--kbq-toggle-theme-states-checked-background, )}.kbq-toggle.kbq-active .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-circle-background, )}.kbq-toggle.kbq-active:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-hover-border, );background:var(--kbq-toggle-theme-states-checked-hover-background, )}.kbq-toggle.kbq-active:hover .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-hover-circle-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-focused-border, );background:var(--kbq-toggle-theme-states-focused-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-focused-circle-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-theme-states-focused-focus-outline, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-focused-border, );background:var(--kbq-toggle-theme-states-checked-focused-background, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-focused-circle-background, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-theme-states-checked-focused-focus-outline, )}.kbq-toggle.kbq-disabled .kbq-toggle-bar,.kbq-toggle.kbq-active.kbq-disabled .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-disabled-border, );background:var(--kbq-toggle-theme-states-disabled-background, )}.kbq-toggle.kbq-disabled .kbq-toggle__circle,.kbq-toggle.kbq-active.kbq-disabled .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-disabled-circle-background, )}.kbq-toggle.kbq-error .kbq-toggle-bar{border-color:var(--kbq-toggle-error-default-border, );background:var(--kbq-toggle-error-default-background, )}.kbq-toggle.kbq-error .kbq-toggle__circle{background:var(--kbq-toggle-error-default-circle-background, )}.kbq-toggle.kbq-error:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-hover-border, );background:var(--kbq-toggle-error-states-hover-background, )}.kbq-toggle.kbq-error:hover .kbq-toggle__circle{background:var(--kbq-toggle-error-states-hover-circle-background, )}.kbq-toggle.kbq-error.kbq-active .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-border, );background:var(--kbq-toggle-error-states-checked-background, )}.kbq-toggle.kbq-error.kbq-active .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-circle-background, )}.kbq-toggle.kbq-error.kbq-active:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-hover-border, );background:var(--kbq-toggle-error-states-checked-hover-background, )}.kbq-toggle.kbq-error.kbq-active:hover .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-hover-circle-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-focused-border, );background:var(--kbq-toggle-error-states-focused-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-error-states-focused-circle-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-error-states-focused-focus-outline, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-focused-border, );background:var(--kbq-toggle-error-states-checked-focused-background, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-focused-circle-background, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-error-states-checked-focused-focus-outline, )}.kbq-toggle.kbq-error.kbq-disabled .kbq-toggle-bar,.kbq-toggle.kbq-error.kbq-active.kbq-disabled .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-disabled-border, );background:var(--kbq-toggle-error-states-disabled-background, )}.kbq-toggle.kbq-error.kbq-disabled .kbq-toggle__circle,.kbq-toggle.kbq-error.kbq-active.kbq-disabled .kbq-toggle__circle{background:var(--kbq-toggle-error-states-disabled-circle-background, )}.kbq-toggle.kbq-disabled{color:var(--kbq-foreground-text-disabled, )}.kbq-toggle:not(.kbq-toggle_big){font-size:var(--kbq-toggle-font-normal-label-font-size, 14px);font-weight:var(--kbq-toggle-font-normal-label-font-weight, normal);line-height:var(--kbq-toggle-font-normal-label-line-height, 20px);font-family:var(--kbq-toggle-font-normal-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-normal-label-text-transform, );font-feature-settings:var(--kbq-toggle-font-normal-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-normal-label-letter-spacing, -.006em)}.kbq-toggle:not(.kbq-toggle_big) .kbq-hint{font-size:var(--kbq-toggle-font-normal-caption-font-size, 12px);font-weight:var(--kbq-toggle-font-normal-caption-font-weight, normal);line-height:var(--kbq-toggle-font-normal-caption-line-height, 16px);font-family:var(--kbq-toggle-font-normal-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-normal-caption-text-transform, );font-feature-settings:var(--kbq-toggle-font-normal-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-normal-caption-letter-spacing, normal)}.kbq-toggle:not(.kbq-toggle_big) .kbq-toggle-bar-container{line-height:var(--kbq-toggle-font-normal-caption-line-height, 16px)}.kbq-toggle.kbq-toggle_big{font-size:var(--kbq-toggle-font-big-label-font-size, 16px);font-weight:var(--kbq-toggle-font-big-label-font-weight, normal);line-height:var(--kbq-toggle-font-big-label-line-height, 24px);font-family:var(--kbq-toggle-font-big-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-big-label-text-transform, );font-feature-settings:var(--kbq-toggle-font-big-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-big-label-letter-spacing, -.011em)}.kbq-toggle.kbq-toggle_big .kbq-hint{font-size:var(--kbq-toggle-font-big-caption-font-size, 14px);font-weight:var(--kbq-toggle-font-big-caption-font-weight, normal);line-height:var(--kbq-toggle-font-big-caption-line-height, 20px);font-family:var(--kbq-toggle-font-big-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-big-caption-text-transform, );font-feature-settings:var(--kbq-toggle-font-big-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-big-caption-letter-spacing, -.006em)}.kbq-toggle.kbq-toggle_big .kbq-toggle-bar-container{line-height:var(--kbq-toggle-font-big-label-line-height, 24px)}\n", ".kbq-toggle{--kbq-toggle-size-normal-height: 16px;--kbq-toggle-size-normal-width: 28px;--kbq-toggle-size-normal-horizontal-content-padding: 8px;--kbq-toggle-size-normal-vertical-content-padding: 8px;--kbq-toggle-size-big-height: 16px;--kbq-toggle-size-big-width: 28px;--kbq-toggle-size-big-horizontal-content-padding: 8px;--kbq-toggle-size-big-vertical-content-padding: 8px;--kbq-toggle-font-normal-label-font-size: 14px;--kbq-toggle-font-normal-label-line-height: 20px;--kbq-toggle-font-normal-label-letter-spacing: -.006em;--kbq-toggle-font-normal-label-font-weight: normal;--kbq-toggle-font-normal-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-normal-label-text-transform: null;--kbq-toggle-font-normal-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-normal-caption-font-size: 12px;--kbq-toggle-font-normal-caption-line-height: 16px;--kbq-toggle-font-normal-caption-letter-spacing: normal;--kbq-toggle-font-normal-caption-font-weight: normal;--kbq-toggle-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-normal-caption-text-transform: null;--kbq-toggle-font-normal-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-big-label-font-size: 16px;--kbq-toggle-font-big-label-line-height: 24px;--kbq-toggle-font-big-label-letter-spacing: -.011em;--kbq-toggle-font-big-label-font-weight: normal;--kbq-toggle-font-big-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-big-label-text-transform: null;--kbq-toggle-font-big-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-big-caption-font-size: 14px;--kbq-toggle-font-big-caption-line-height: 20px;--kbq-toggle-font-big-caption-letter-spacing: -.006em;--kbq-toggle-font-big-caption-font-weight: normal;--kbq-toggle-font-big-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-big-caption-text-transform: null;--kbq-toggle-font-big-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-default-border: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-default-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-default-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-hover-border: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-toggle-theme-states-hover-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-checked-border: transparent;--kbq-toggle-theme-states-checked-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-hover-border: transparent;--kbq-toggle-theme-states-checked-hover-background: hsla(216, 100%, 45%, 100%);--kbq-toggle-theme-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-focused-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-theme-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-disabled-circle-background: hsla(229, 15%, 15%, 32%);--kbq-toggle-error-default-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-default-background: hsla(7, 97%, 99%, 100%);--kbq-toggle-error-default-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-hover-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-hover-background: hsla(7, 97%, 92%, 100%);--kbq-toggle-error-states-hover-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-hover-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-hover-background: hsla(7, 97%, 56%, 100%);--kbq-toggle-error-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-background: hsla(7, 97%, 99%, 100%);--kbq-toggle-error-states-focused-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-error-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-error-states-disabled-circle-background: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-default-border: hsla(229, 15%, 30%, 100%);--kbq-toggle-theme-default-background: hsla(229, 15%, 12%, 100%);--kbq-toggle-theme-default-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-hover-border: hsla(229, 15%, 30%, 100%);--kbq-toggle-theme-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-hover-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-checked-border: transparent;--kbq-toggle-theme-states-checked-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-hover-border: transparent;--kbq-toggle-theme-states-checked-hover-background: hsla(216, 100%, 45%, 100%);--kbq-toggle-theme-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-focused-background: hsla(229, 15%, 12%, 100%);--kbq-toggle-theme-states-focused-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-theme-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-disabled-circle-background: hsla(229, 15%, 30%, 100%);--kbq-toggle-error-default-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-default-background: hsla(7, 97%, 6%, 100%);--kbq-toggle-error-default-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-hover-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-hover-background: hsla(7, 97%, 13%, 100%);--kbq-toggle-error-states-hover-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-checked-background: hsla(7, 97%, 41%, 100%);--kbq-toggle-error-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-hover-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-checked-hover-background: hsla(7, 97%, 42%, 100%);--kbq-toggle-error-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-background: hsla(7, 97%, 6%, 100%);--kbq-toggle-error-states-focused-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-background: hsla(7, 97%, 41%, 100%);--kbq-toggle-error-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-error-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-error-states-disabled-circle-background: hsla(229, 15%, 30%, 100%)}\n"], animations: [
|
|
113
113
|
trigger('switch', [
|
|
114
114
|
state('true', style({ left: 'calc(100% - 11px)' })),
|
|
115
115
|
state('false', style({ left: '3px' })),
|
|
@@ -138,7 +138,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
|
|
|
138
138
|
useExisting: forwardRef((() => KbqToggleComponent)),
|
|
139
139
|
multi: true
|
|
140
140
|
}
|
|
141
|
-
], template: "<label\n class=\"kbq-toggle-layout\"\n [attr.for]=\"inputId\"\n [class.left]=\"labelPosition === 'left'\"\n>\n <input\n #input\n role=\"switch\"\n type=\"checkbox\"\n class=\"kbq-toggle-input cdk-visually-hidden\"\n [attr.aria-checked]=\"getAriaChecked()\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [id]=\"inputId\"\n [tabIndex]=\"tabIndex\"\n (change)=\"onChangeEvent($event)\"\n (click)=\"onInputClick($event)\"\n />\n <div class=\"kbq-toggle-bar-container\">\n <div class=\"kbq-toggle-bar\">\n <div\n class=\"kbq-toggle__circle\"\n [@switch]=\"checked\"\n ></div>\n </div>\n </div>\n\n <div\n class=\"kbq-toggle__content\"\n [class.left]=\"labelPosition === 'left'\"\n [class.right]=\"labelPosition === 'right'\"\n >\n <span\n class=\"kbq-toggle-label\"\n (cdkObserveContent)=\"onLabelTextChange()\"\n >\n <ng-content />\n </span>\n\n <ng-content select=\"kbq-hint\" />\n </div>\n</label>\n", styles: [".kbq-toggle{display:inline-block}.kbq-toggle .kbq-toggle__circle{position:absolute;border-radius:50%;transform:translate(-1px);height:10px;width:10px}.kbq-toggle .kbq-toggle-layout{display:flex;flex-direction:row;align-items:flex-start;cursor:inherit}.kbq-toggle .kbq-toggle-layout.left{flex-direction:row-reverse}.kbq-toggle .kbq-toggle-layout .kbq-toggle-bar-container:has(+.kbq-toggle__content){padding-top:calc((var(--kbq-toggle-font-normal-label-line-height, 20px) - var(--kbq-toggle-size-normal-height, 16px)) / 2)}.kbq-toggle .kbq-toggle-bar-container{display:flex;align-items:center}.kbq-toggle .kbq-toggle-bar{position:relative;box-sizing:border-box;display:flex;align-items:center;border-width:1px;border-style:solid;border-radius:8px;height:var(--kbq-toggle-size-normal-height, 16px);width:var(--kbq-toggle-size-normal-width, 28px)}.kbq-toggle .kbq-hint{margin-top:var(--kbq-toggle-size-normal-vertical-content-padding, 8px)}.kbq-toggle__content{display:flex;flex-direction:column;flex:1}.kbq-toggle__content.left{margin-right:var(--kbq-toggle-size-normal-horizontal-content-padding, 8px)}.kbq-toggle__content.right{margin-left:var(--kbq-toggle-size-normal-horizontal-content-padding, 8px)}.kbq-toggle.kbq-toggle_big .kbq-toggle-bar{height:var(--kbq-toggle-size-big-height, 16px);width:var(--kbq-toggle-size-big-width, 28px)}.kbq-toggle.kbq-toggle_big .kbq-hint{margin-top:var(--kbq-toggle-size-big-vertical-content-padding, 8px)}.kbq-toggle.kbq-toggle_big .kbq-toggle-layout .kbq-toggle-bar-container:has(+.kbq-toggle__content){padding-top:calc((var(--kbq-toggle-font-big-label-line-height, 24px) - var(--kbq-toggle-size-big-height, 16px)) / 2)}.kbq-toggle:not(.kbq-disabled){cursor:pointer}.kbq-toggle .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-default-border, );background:var(--kbq-toggle-theme-default-background, )}.kbq-toggle .kbq-toggle__circle{background:var(--kbq-toggle-theme-default-circle-background, )}.kbq-toggle:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-hover-border, );background:var(--kbq-toggle-theme-states-hover-background, )}.kbq-toggle:hover .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-hover-circle-background, )}.kbq-toggle.kbq-active .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-border, );background:var(--kbq-toggle-theme-states-checked-background, )}.kbq-toggle.kbq-active .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-circle-background, )}.kbq-toggle.kbq-active:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-hover-border, );background:var(--kbq-toggle-theme-states-checked-hover-background, )}.kbq-toggle.kbq-active:hover .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-hover-circle-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-focused-border, );background:var(--kbq-toggle-theme-states-focused-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-focused-circle-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-theme-states-focused-focus-outline, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-focused-border, );background:var(--kbq-toggle-theme-states-checked-focused-background, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-focused-circle-background, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-theme-states-checked-focused-focus-outline, )}.kbq-toggle.kbq-disabled .kbq-toggle-bar,.kbq-toggle.kbq-active.kbq-disabled .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-disabled-border, );background:var(--kbq-toggle-theme-states-disabled-background, )}.kbq-toggle.kbq-disabled .kbq-toggle__circle,.kbq-toggle.kbq-active.kbq-disabled .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-disabled-circle-background, )}.kbq-toggle.kbq-error .kbq-toggle-bar{border-color:var(--kbq-toggle-error-default-border, );background:var(--kbq-toggle-error-default-background, )}.kbq-toggle.kbq-error .kbq-toggle__circle{background:var(--kbq-toggle-error-default-circle-background, )}.kbq-toggle.kbq-error:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-hover-border, );background:var(--kbq-toggle-error-states-hover-background, )}.kbq-toggle.kbq-error:hover .kbq-toggle__circle{background:var(--kbq-toggle-error-states-hover-circle-background, )}.kbq-toggle.kbq-error.kbq-active .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-border, );background:var(--kbq-toggle-error-states-checked-background, )}.kbq-toggle.kbq-error.kbq-active .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-circle-background, )}.kbq-toggle.kbq-error.kbq-active:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-hover-border, );background:var(--kbq-toggle-error-states-checked-hover-background, )}.kbq-toggle.kbq-error.kbq-active:hover .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-hover-circle-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-focused-border, );background:var(--kbq-toggle-error-states-focused-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-error-states-focused-circle-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-error-states-focused-focus-outline, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-focused-border, );background:var(--kbq-toggle-error-states-checked-focused-background, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-focused-circle-background, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-error-states-checked-focused-focus-outline, )}.kbq-toggle.kbq-error.kbq-disabled .kbq-toggle-bar,.kbq-toggle.kbq-error.kbq-active.kbq-disabled .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-disabled-border, );background:var(--kbq-toggle-error-states-disabled-background, )}.kbq-toggle.kbq-error.kbq-disabled .kbq-toggle__circle,.kbq-toggle.kbq-error.kbq-active.kbq-disabled .kbq-toggle__circle{background:var(--kbq-toggle-error-states-disabled-circle-background, )}.kbq-toggle.kbq-disabled{color:var(--kbq-foreground-text-disabled, )}.kbq-toggle:not(.kbq-toggle_big){font-size:var(--kbq-toggle-font-normal-label-font-size, 14px);font-weight:var(--kbq-toggle-font-normal-label-font-weight, normal);line-height:var(--kbq-toggle-font-normal-label-line-height, 20px);font-family:var(--kbq-toggle-font-normal-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-normal-label-text-transform, );font-feature-settings:var(--kbq-toggle-font-normal-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-normal-label-letter-spacing, -.006em)}.kbq-toggle:not(.kbq-toggle_big) .kbq-hint{font-size:var(--kbq-toggle-font-normal-caption-font-size, 12px);font-weight:var(--kbq-toggle-font-normal-caption-font-weight, normal);line-height:var(--kbq-toggle-font-normal-caption-line-height, 16px);font-family:var(--kbq-toggle-font-normal-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-normal-caption-text-transform, );font-feature-settings:var(--kbq-toggle-font-normal-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-normal-caption-letter-spacing, normal)}.kbq-toggle:not(.kbq-toggle_big) .kbq-toggle-bar-container{line-height:var(--kbq-toggle-font-normal-caption-line-height, 16px)}.kbq-toggle.kbq-toggle_big{font-size:var(--kbq-toggle-font-big-label-font-size, 16px);font-weight:var(--kbq-toggle-font-big-label-font-weight, normal);line-height:var(--kbq-toggle-font-big-label-line-height, 24px);font-family:var(--kbq-toggle-font-big-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-big-label-text-transform, );font-feature-settings:var(--kbq-toggle-font-big-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-big-label-letter-spacing, -.011em)}.kbq-toggle.kbq-toggle_big .kbq-hint{font-size:var(--kbq-toggle-font-big-caption-font-size, 14px);font-weight:var(--kbq-toggle-font-big-caption-font-weight, normal);line-height:var(--kbq-toggle-font-big-caption-line-height, 20px);font-family:var(--kbq-toggle-font-big-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-big-caption-text-transform, );font-feature-settings:var(--kbq-toggle-font-big-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-big-caption-letter-spacing, -.006em)}.kbq-toggle.kbq-toggle_big .kbq-toggle-bar-container{line-height:var(--kbq-toggle-font-big-label-line-height, 24px)}\n", ".kbq-toggle{--kbq-toggle-size-normal-height: 16px;--kbq-toggle-size-normal-width: 28px;--kbq-toggle-size-normal-horizontal-content-padding: 8px;--kbq-toggle-size-normal-vertical-content-padding: 8px;--kbq-toggle-size-big-height: 16px;--kbq-toggle-size-big-width: 28px;--kbq-toggle-size-big-horizontal-content-padding: 8px;--kbq-toggle-size-big-vertical-content-padding: 8px;--kbq-toggle-font-normal-label-font-size: 14px;--kbq-toggle-font-normal-label-line-height: 20px;--kbq-toggle-font-normal-label-letter-spacing: -.006em;--kbq-toggle-font-normal-label-font-weight: normal;--kbq-toggle-font-normal-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-normal-label-text-transform: null;--kbq-toggle-font-normal-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-normal-caption-font-size: 12px;--kbq-toggle-font-normal-caption-line-height: 16px;--kbq-toggle-font-normal-caption-letter-spacing: normal;--kbq-toggle-font-normal-caption-font-weight: normal;--kbq-toggle-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-normal-caption-text-transform: null;--kbq-toggle-font-normal-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-big-label-font-size: 16px;--kbq-toggle-font-big-label-line-height: 24px;--kbq-toggle-font-big-label-letter-spacing: -.011em;--kbq-toggle-font-big-label-font-weight: normal;--kbq-toggle-font-big-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-big-label-text-transform: null;--kbq-toggle-font-big-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-big-caption-font-size: 14px;--kbq-toggle-font-big-caption-line-height: 20px;--kbq-toggle-font-big-caption-letter-spacing: -.006em;--kbq-toggle-font-big-caption-font-weight: normal;--kbq-toggle-font-big-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-big-caption-text-transform: null;--kbq-toggle-font-big-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-default-border: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-default-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-default-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-hover-border: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-toggle-theme-states-hover-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-checked-border: transparent;--kbq-toggle-theme-states-checked-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-hover-border: transparent;--kbq-toggle-theme-states-checked-hover-background: hsla(216, 100%, 45%, 100%);--kbq-toggle-theme-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-focused-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-disabled-border: hsla(229, 15%, 15%, 32%);--kbq-toggle-theme-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-disabled-circle-background: hsla(229, 15%, 15%, 32%);--kbq-toggle-error-default-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-default-background: hsla(7, 97%, 99%, 100%);--kbq-toggle-error-default-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-hover-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-hover-background: hsla(7, 97%, 92%, 100%);--kbq-toggle-error-states-hover-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-hover-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-hover-background: hsla(7, 97%, 56%, 100%);--kbq-toggle-error-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-background: hsla(7, 97%, 99%, 100%);--kbq-toggle-error-states-focused-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-disabled-border: hsla(229, 15%, 15%, 32%);--kbq-toggle-error-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-error-states-disabled-circle-background: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-default-border: hsla(229, 15%, 30%, 100%);--kbq-toggle-theme-default-background: hsla(229, 15%, 12%, 100%);--kbq-toggle-theme-default-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-hover-border: hsla(229, 15%, 30%, 100%);--kbq-toggle-theme-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-hover-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-checked-border: transparent;--kbq-toggle-theme-states-checked-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-hover-border: transparent;--kbq-toggle-theme-states-checked-hover-background: hsla(216, 100%, 45%, 100%);--kbq-toggle-theme-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-focused-background: hsla(229, 15%, 12%, 100%);--kbq-toggle-theme-states-focused-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-theme-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-disabled-circle-background: hsla(229, 15%, 30%, 100%);--kbq-toggle-error-default-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-default-background: hsla(7, 97%, 6%, 100%);--kbq-toggle-error-default-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-hover-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-hover-background: hsla(7, 97%, 13%, 100%);--kbq-toggle-error-states-hover-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-checked-background: hsla(7, 97%, 41%, 100%);--kbq-toggle-error-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-hover-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-checked-hover-background: hsla(7, 97%, 42%, 100%);--kbq-toggle-error-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-background: hsla(7, 97%, 6%, 100%);--kbq-toggle-error-states-focused-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-background: hsla(7, 97%, 41%, 100%);--kbq-toggle-error-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-error-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-error-states-disabled-circle-background: hsla(229, 15%, 30%, 100%)}\n"] }]
|
|
141
|
+
], template: "<label\n class=\"kbq-toggle-layout\"\n [attr.for]=\"inputId\"\n [class.left]=\"labelPosition === 'left'\"\n>\n <input\n #input\n role=\"switch\"\n type=\"checkbox\"\n class=\"kbq-toggle-input cdk-visually-hidden\"\n [attr.aria-checked]=\"getAriaChecked()\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [id]=\"inputId\"\n [tabIndex]=\"tabIndex\"\n (change)=\"onChangeEvent($event)\"\n (click)=\"onInputClick($event)\"\n />\n <div class=\"kbq-toggle-bar-container\">\n <div class=\"kbq-toggle-bar\">\n <div\n class=\"kbq-toggle__circle\"\n [@switch]=\"checked\"\n ></div>\n </div>\n </div>\n\n <div\n class=\"kbq-toggle__content\"\n [class.left]=\"labelPosition === 'left'\"\n [class.right]=\"labelPosition === 'right'\"\n >\n <span\n class=\"kbq-toggle-label\"\n (cdkObserveContent)=\"onLabelTextChange()\"\n >\n <ng-content />\n </span>\n\n <ng-content select=\"kbq-hint\" />\n </div>\n</label>\n", styles: [".kbq-toggle{display:inline-block}.kbq-toggle .kbq-toggle__circle{position:absolute;border-radius:50%;transform:translate(-1px);height:10px;width:10px}.kbq-toggle .kbq-toggle-layout{display:flex;flex-direction:row;align-items:flex-start;cursor:inherit}.kbq-toggle .kbq-toggle-layout.left{flex-direction:row-reverse}.kbq-toggle .kbq-toggle-layout .kbq-toggle-bar-container:has(+.kbq-toggle__content){padding-top:calc((var(--kbq-toggle-font-normal-label-line-height, 20px) - var(--kbq-toggle-size-normal-height, 16px)) / 2)}.kbq-toggle .kbq-toggle-bar-container{display:flex;align-items:center}.kbq-toggle .kbq-toggle-bar{position:relative;box-sizing:border-box;display:flex;align-items:center;border-width:1px;border-style:solid;border-radius:8px;height:var(--kbq-toggle-size-normal-height, 16px);width:var(--kbq-toggle-size-normal-width, 28px)}.kbq-toggle .kbq-hint{margin-top:var(--kbq-toggle-size-normal-vertical-content-padding, 8px)}.kbq-toggle__content{display:flex;flex-direction:column;flex:1}.kbq-toggle__content.left{margin-right:var(--kbq-toggle-size-normal-horizontal-content-padding, 8px)}.kbq-toggle__content.right{margin-left:var(--kbq-toggle-size-normal-horizontal-content-padding, 8px)}.kbq-toggle.kbq-toggle_big .kbq-toggle-bar{height:var(--kbq-toggle-size-big-height, 16px);width:var(--kbq-toggle-size-big-width, 28px)}.kbq-toggle.kbq-toggle_big .kbq-hint{margin-top:var(--kbq-toggle-size-big-vertical-content-padding, 8px)}.kbq-toggle.kbq-toggle_big .kbq-toggle-layout .kbq-toggle-bar-container:has(+.kbq-toggle__content){padding-top:calc((var(--kbq-toggle-font-big-label-line-height, 24px) - var(--kbq-toggle-size-big-height, 16px)) / 2)}.kbq-toggle:not(.kbq-disabled){cursor:pointer}.kbq-toggle .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-default-border, );background:var(--kbq-toggle-theme-default-background, )}.kbq-toggle .kbq-toggle__circle{background:var(--kbq-toggle-theme-default-circle-background, )}.kbq-toggle:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-hover-border, );background:var(--kbq-toggle-theme-states-hover-background, )}.kbq-toggle:hover .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-hover-circle-background, )}.kbq-toggle.kbq-active .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-border, );background:var(--kbq-toggle-theme-states-checked-background, )}.kbq-toggle.kbq-active .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-circle-background, )}.kbq-toggle.kbq-active:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-hover-border, );background:var(--kbq-toggle-theme-states-checked-hover-background, )}.kbq-toggle.kbq-active:hover .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-hover-circle-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-focused-border, );background:var(--kbq-toggle-theme-states-focused-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-focused-circle-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-theme-states-focused-focus-outline, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-focused-border, );background:var(--kbq-toggle-theme-states-checked-focused-background, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-focused-circle-background, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-theme-states-checked-focused-focus-outline, )}.kbq-toggle.kbq-disabled .kbq-toggle-bar,.kbq-toggle.kbq-active.kbq-disabled .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-disabled-border, );background:var(--kbq-toggle-theme-states-disabled-background, )}.kbq-toggle.kbq-disabled .kbq-toggle__circle,.kbq-toggle.kbq-active.kbq-disabled .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-disabled-circle-background, )}.kbq-toggle.kbq-error .kbq-toggle-bar{border-color:var(--kbq-toggle-error-default-border, );background:var(--kbq-toggle-error-default-background, )}.kbq-toggle.kbq-error .kbq-toggle__circle{background:var(--kbq-toggle-error-default-circle-background, )}.kbq-toggle.kbq-error:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-hover-border, );background:var(--kbq-toggle-error-states-hover-background, )}.kbq-toggle.kbq-error:hover .kbq-toggle__circle{background:var(--kbq-toggle-error-states-hover-circle-background, )}.kbq-toggle.kbq-error.kbq-active .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-border, );background:var(--kbq-toggle-error-states-checked-background, )}.kbq-toggle.kbq-error.kbq-active .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-circle-background, )}.kbq-toggle.kbq-error.kbq-active:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-hover-border, );background:var(--kbq-toggle-error-states-checked-hover-background, )}.kbq-toggle.kbq-error.kbq-active:hover .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-hover-circle-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-focused-border, );background:var(--kbq-toggle-error-states-focused-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-error-states-focused-circle-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-error-states-focused-focus-outline, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-focused-border, );background:var(--kbq-toggle-error-states-checked-focused-background, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-focused-circle-background, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-error-states-checked-focused-focus-outline, )}.kbq-toggle.kbq-error.kbq-disabled .kbq-toggle-bar,.kbq-toggle.kbq-error.kbq-active.kbq-disabled .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-disabled-border, );background:var(--kbq-toggle-error-states-disabled-background, )}.kbq-toggle.kbq-error.kbq-disabled .kbq-toggle__circle,.kbq-toggle.kbq-error.kbq-active.kbq-disabled .kbq-toggle__circle{background:var(--kbq-toggle-error-states-disabled-circle-background, )}.kbq-toggle.kbq-disabled{color:var(--kbq-foreground-text-disabled, )}.kbq-toggle:not(.kbq-toggle_big){font-size:var(--kbq-toggle-font-normal-label-font-size, 14px);font-weight:var(--kbq-toggle-font-normal-label-font-weight, normal);line-height:var(--kbq-toggle-font-normal-label-line-height, 20px);font-family:var(--kbq-toggle-font-normal-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-normal-label-text-transform, );font-feature-settings:var(--kbq-toggle-font-normal-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-normal-label-letter-spacing, -.006em)}.kbq-toggle:not(.kbq-toggle_big) .kbq-hint{font-size:var(--kbq-toggle-font-normal-caption-font-size, 12px);font-weight:var(--kbq-toggle-font-normal-caption-font-weight, normal);line-height:var(--kbq-toggle-font-normal-caption-line-height, 16px);font-family:var(--kbq-toggle-font-normal-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-normal-caption-text-transform, );font-feature-settings:var(--kbq-toggle-font-normal-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-normal-caption-letter-spacing, normal)}.kbq-toggle:not(.kbq-toggle_big) .kbq-toggle-bar-container{line-height:var(--kbq-toggle-font-normal-caption-line-height, 16px)}.kbq-toggle.kbq-toggle_big{font-size:var(--kbq-toggle-font-big-label-font-size, 16px);font-weight:var(--kbq-toggle-font-big-label-font-weight, normal);line-height:var(--kbq-toggle-font-big-label-line-height, 24px);font-family:var(--kbq-toggle-font-big-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-big-label-text-transform, );font-feature-settings:var(--kbq-toggle-font-big-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-big-label-letter-spacing, -.011em)}.kbq-toggle.kbq-toggle_big .kbq-hint{font-size:var(--kbq-toggle-font-big-caption-font-size, 14px);font-weight:var(--kbq-toggle-font-big-caption-font-weight, normal);line-height:var(--kbq-toggle-font-big-caption-line-height, 20px);font-family:var(--kbq-toggle-font-big-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-big-caption-text-transform, );font-feature-settings:var(--kbq-toggle-font-big-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-big-caption-letter-spacing, -.006em)}.kbq-toggle.kbq-toggle_big .kbq-toggle-bar-container{line-height:var(--kbq-toggle-font-big-label-line-height, 24px)}\n", ".kbq-toggle{--kbq-toggle-size-normal-height: 16px;--kbq-toggle-size-normal-width: 28px;--kbq-toggle-size-normal-horizontal-content-padding: 8px;--kbq-toggle-size-normal-vertical-content-padding: 8px;--kbq-toggle-size-big-height: 16px;--kbq-toggle-size-big-width: 28px;--kbq-toggle-size-big-horizontal-content-padding: 8px;--kbq-toggle-size-big-vertical-content-padding: 8px;--kbq-toggle-font-normal-label-font-size: 14px;--kbq-toggle-font-normal-label-line-height: 20px;--kbq-toggle-font-normal-label-letter-spacing: -.006em;--kbq-toggle-font-normal-label-font-weight: normal;--kbq-toggle-font-normal-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-normal-label-text-transform: null;--kbq-toggle-font-normal-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-normal-caption-font-size: 12px;--kbq-toggle-font-normal-caption-line-height: 16px;--kbq-toggle-font-normal-caption-letter-spacing: normal;--kbq-toggle-font-normal-caption-font-weight: normal;--kbq-toggle-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-normal-caption-text-transform: null;--kbq-toggle-font-normal-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-big-label-font-size: 16px;--kbq-toggle-font-big-label-line-height: 24px;--kbq-toggle-font-big-label-letter-spacing: -.011em;--kbq-toggle-font-big-label-font-weight: normal;--kbq-toggle-font-big-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-big-label-text-transform: null;--kbq-toggle-font-big-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-big-caption-font-size: 14px;--kbq-toggle-font-big-caption-line-height: 20px;--kbq-toggle-font-big-caption-letter-spacing: -.006em;--kbq-toggle-font-big-caption-font-weight: normal;--kbq-toggle-font-big-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-big-caption-text-transform: null;--kbq-toggle-font-big-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-default-border: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-default-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-default-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-hover-border: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-toggle-theme-states-hover-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-checked-border: transparent;--kbq-toggle-theme-states-checked-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-hover-border: transparent;--kbq-toggle-theme-states-checked-hover-background: hsla(216, 100%, 45%, 100%);--kbq-toggle-theme-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-focused-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-theme-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-disabled-circle-background: hsla(229, 15%, 15%, 32%);--kbq-toggle-error-default-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-default-background: hsla(7, 97%, 99%, 100%);--kbq-toggle-error-default-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-hover-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-hover-background: hsla(7, 97%, 92%, 100%);--kbq-toggle-error-states-hover-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-hover-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-hover-background: hsla(7, 97%, 56%, 100%);--kbq-toggle-error-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-background: hsla(7, 97%, 99%, 100%);--kbq-toggle-error-states-focused-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-error-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-error-states-disabled-circle-background: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-default-border: hsla(229, 15%, 30%, 100%);--kbq-toggle-theme-default-background: hsla(229, 15%, 12%, 100%);--kbq-toggle-theme-default-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-hover-border: hsla(229, 15%, 30%, 100%);--kbq-toggle-theme-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-hover-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-checked-border: transparent;--kbq-toggle-theme-states-checked-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-hover-border: transparent;--kbq-toggle-theme-states-checked-hover-background: hsla(216, 100%, 45%, 100%);--kbq-toggle-theme-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-focused-background: hsla(229, 15%, 12%, 100%);--kbq-toggle-theme-states-focused-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-theme-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-disabled-circle-background: hsla(229, 15%, 30%, 100%);--kbq-toggle-error-default-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-default-background: hsla(7, 97%, 6%, 100%);--kbq-toggle-error-default-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-hover-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-hover-background: hsla(7, 97%, 13%, 100%);--kbq-toggle-error-states-hover-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-checked-background: hsla(7, 97%, 41%, 100%);--kbq-toggle-error-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-hover-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-checked-hover-background: hsla(7, 97%, 42%, 100%);--kbq-toggle-error-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-background: hsla(7, 97%, 6%, 100%);--kbq-toggle-error-states-focused-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-background: hsla(7, 97%, 41%, 100%);--kbq-toggle-error-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-error-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-error-states-disabled-circle-background: hsla(229, 15%, 30%, 100%)}\n"] }]
|
|
142
142
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.FocusMonitor }, { type: i0.ChangeDetectorRef }], propDecorators: { big: [{
|
|
143
143
|
type: Input
|
|
144
144
|
}], inputElement: [{
|