@koobiq/components 17.8.4 → 17.8.5

package/esm2022/tags/tag-list.component.mjs

@@ -644,7 +644,7 @@ export class KbqTagList extends KbqTagListMixinBase {
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTagList, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.ErrorStateMatcher }, { token: i2.Directionality, optional: true }, { token: i3.NgForm, optional: true }, { token: i3.FormGroupDirective, optional: true }, { token: i3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: KbqTagList, selector: "kbq-tag-list", inputs: { multiple: "multiple", compareWith: "compareWith", value: "value", required: "required", placeholder: "placeholder", disabled: "disabled", selectable: "selectable", tabIndex: "tabIndex", errorStateMatcher: "errorStateMatcher", orientation: "orientation" }, outputs: { valueChange: "valueChange", change: "change" }, host: { listeners: { "focus": "focus()", "blur": "blur()", "keydown": "keydown($event)" }, properties: { "class.kbq-disabled": "disabled", "class.kbq-invalid": "errorState", "attr.tabindex": "disabled ? null : tabIndex", "id": "uid" }, classAttribute: "kbq-tag-list" }, providers: [{ provide: KbqFormFieldControl, useExisting: KbqTagList }], queries: [{ propertyName: "cleaner", first: true, predicate: ["kbqTagListCleaner"], descendants: true, static: true }, { propertyName: "tags", predicate: KbqTag, descendants: true }], exportAs: ["kbqTagList"], usesInheritance: true, ngImport: i0, template: "<div class=\"kbq-tags-list__list-container\">\n    <ng-content />\n</div>\n\n@if (canShowCleaner) {\n    <div class=\"kbq-tags-list__cleaner\">\n        <ng-content select=\"kbq-cleaner\" />\n    </div>\n}\n", styles: [".kbq-tag-list{display:flex;flex-direction:row;box-sizing:border-box}.kbq-tag-list:focus-visible{outline:none}.kbq-tag-input{border:none;outline:none;background:transparent;text-overflow:ellipsis;min-height:unset;padding-top:var(--kbq-tag-size-padding-vertical, 2px);padding-bottom:var(--kbq-tag-size-padding-vertical, 2px);padding-left:4px;padding-right:unset}.kbq-tags-list__list-container{display:flex;flex-wrap:wrap;flex:1 1 100%;box-sizing:border-box;min-width:0;gap:var(--kbq-tag-list-size-content-gap, 4px)}.kbq-tags-list__list-container .kbq-tag-input{max-width:100%;flex:1 1 auto}.kbq-tags-list__cleaner .kbq-cleaner{max-height:24px}.kbq-form-field-type-tag-list .kbq-form-field__container{padding:calc(var(--kbq-tag-input-size-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) var(--kbq-tag-input-size-padding-right, 12px) calc(var(--kbq-tag-input-size-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) var(--kbq-tag-input-size-padding-left, 4px)}\n", ".kbq-tag,.kbq-tag-list,.kbq-tag-input{--kbq-tag-input-font-default-font-size: 14px;--kbq-tag-input-font-default-line-height: 20px;--kbq-tag-input-font-default-letter-spacing: -.006em;--kbq-tag-input-font-default-font-weight: normal;--kbq-tag-input-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tag-input-font-default-text-transform: null;--kbq-tag-input-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tag-list-size-content-gap: 4px;--kbq-tag-size-padding-horizontal: 4px;--kbq-tag-size-padding-vertical: 2px;--kbq-tag-size-content-gap-horizontal: 2px;--kbq-tag-size-icon-margin-left: 2px;--kbq-tag-size-close-button-margin-right: 2px;--kbq-tag-font-default-font-size: 14px;--kbq-tag-font-default-line-height: 20px;--kbq-tag-font-default-letter-spacing: -.006em;--kbq-tag-font-default-font-weight: 500;--kbq-tag-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tag-font-default-text-transform: null;--kbq-tag-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tag-theme-fade-on-default-background: hsla(216, 100%, 85%, 100%);--kbq-tag-theme-fade-on-default-text: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-default-icon: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-default-close-button: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-hover-background: hsla(216, 100%, 91%, 100%);--kbq-tag-theme-fade-on-states-hover-text: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-hover-icon: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-hover-close-button: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-focus-background: hsla(216, 100%, 85%, 100%);--kbq-tag-theme-fade-on-states-focus-text: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-focus-icon: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-focus-close-button: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-tag-theme-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-theme-fade-on-states-disabled-text: hsla(229, 15%, 15%, 32%);--kbq-tag-theme-fade-on-states-disabled-icon: hsla(229, 15%, 15%, 32%);--kbq-tag-theme-fade-on-states-disabled-close-button: hsla(229, 15%, 15%, 32%);--kbq-tag-contrast-fade-on-default-background: hsla(229, 15%, 92%, 100%);--kbq-tag-contrast-fade-on-default-text: hsla(229, 15%, 15%, 100%);--kbq-tag-contrast-fade-on-default-icon: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-default-close-button: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-states-hover-background: hsla(229, 15%, 88%, 100%);--kbq-tag-contrast-fade-on-states-hover-text: hsla(229, 15%, 15%, 100%);--kbq-tag-contrast-fade-on-states-hover-icon: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-states-hover-close-button: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-states-focus-background: hsla(229, 15%, 92%, 100%);--kbq-tag-contrast-fade-on-states-focus-text: hsla(229, 15%, 15%, 100%);--kbq-tag-contrast-fade-on-states-focus-icon: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-states-focus-close-button: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-tag-contrast-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-contrast-fade-on-states-disabled-text: hsla(229, 15%, 15%, 32%);--kbq-tag-contrast-fade-on-states-disabled-icon: hsla(229, 15%, 15%, 32%);--kbq-tag-contrast-fade-on-states-disabled-close-button: hsla(229, 15%, 15%, 32%);--kbq-tag-error-fade-on-default-background: hsla(7, 97%, 90%, 100%);--kbq-tag-error-fade-on-default-text: hsla(7, 97%, 40%, 100%);--kbq-tag-error-fade-on-default-icon: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-default-close-button: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-hover-background: hsla(7, 97%, 92%, 100%);--kbq-tag-error-fade-on-states-hover-text: hsla(7, 97%, 40%, 100%);--kbq-tag-error-fade-on-states-hover-icon: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-hover-close-button: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-focus-background: hsla(7, 97%, 90%, 100%);--kbq-tag-error-fade-on-states-focus-text: hsla(7, 97%, 40%, 100%);--kbq-tag-error-fade-on-states-focus-icon: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-focus-close-button: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-error-fade-on-states-disabled-text: hsla(229, 15%, 15%, 32%);--kbq-tag-error-fade-on-states-disabled-icon: hsla(229, 15%, 15%, 32%);--kbq-tag-error-fade-on-states-disabled-close-button: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tag-theme-fade-on-default-background: hsla(216, 100%, 20%, 100%);--kbq-tag-theme-fade-on-default-text: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-default-icon: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-default-close-button: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-hover-background: hsla(216, 100%, 18%, 100%);--kbq-tag-theme-fade-on-states-hover-text: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-hover-icon: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-hover-close-button: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-focus-background: hsla(216, 100%, 20%, 100%);--kbq-tag-theme-fade-on-states-focus-text: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-focus-icon: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-focus-close-button: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-tag-theme-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-theme-fade-on-states-disabled-text: hsla(229, 15%, 40%, 100%);--kbq-tag-theme-fade-on-states-disabled-icon: hsla(229, 15%, 30%, 100%);--kbq-tag-theme-fade-on-states-disabled-close-button: hsla(229, 15%, 30%, 100%);--kbq-tag-contrast-fade-on-default-background: hsla(229, 15%, 25%, 100%);--kbq-tag-contrast-fade-on-default-text: hsla(229, 15%, 80%, 100%);--kbq-tag-contrast-fade-on-default-icon: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-default-close-button: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-states-hover-background: hsla(229, 15%, 25%, 100%);--kbq-tag-contrast-fade-on-states-hover-text: hsla(229, 15%, 80%, 100%);--kbq-tag-contrast-fade-on-states-hover-icon: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-states-hover-close-button: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-states-focus-background: hsla(229, 15%, 25%, 100%);--kbq-tag-contrast-fade-on-states-focus-text: hsla(229, 15%, 80%, 100%);--kbq-tag-contrast-fade-on-states-focus-icon: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-states-focus-close-button: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-tag-contrast-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-contrast-fade-on-states-disabled-text: hsla(229, 15%, 40%, 100%);--kbq-tag-contrast-fade-on-states-disabled-icon: hsla(229, 15%, 30%, 100%);--kbq-tag-contrast-fade-on-states-disabled-close-button: hsla(229, 15%, 30%, 100%);--kbq-tag-error-fade-on-default-background: hsla(7, 97%, 15%, 100%);--kbq-tag-error-fade-on-default-text: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-default-icon: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-default-close-button: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-hover-background: hsla(7, 97%, 13%, 100%);--kbq-tag-error-fade-on-states-hover-text: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-hover-icon: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-hover-close-button: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-focus-background: hsla(7, 97%, 15%, 100%);--kbq-tag-error-fade-on-states-focus-text: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-focus-icon: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-focus-close-button: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-error-fade-on-states-disabled-text: hsla(229, 15%, 40%, 100%);--kbq-tag-error-fade-on-states-disabled-icon: hsla(229, 15%, 30%, 100%);--kbq-tag-error-fade-on-states-disabled-close-button: hsla(229, 15%, 30%, 100%);--kbq-tag-warning-fade-on-default-background: hsla(38, 100%, 14%, 100%);--kbq-tag-warning-fade-on-default-text: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-default-icon: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-default-close-button: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-hover-background: hsla(38, 100%, 13%, 100%);--kbq-tag-warning-fade-on-states-hover-text: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-hover-icon: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-hover-close-button: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-focus-background: hsla(38, 100%, 14%, 100%);--kbq-tag-warning-fade-on-states-focus-text: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-focus-icon: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-focus-close-button: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-warning-fade-on-states-disabled-text: hsla(229, 15%, 40%, 100%);--kbq-tag-warning-fade-on-states-disabled-icon: hsla(229, 15%, 30%, 100%);--kbq-tag-warning-fade-on-states-disabled-close-button: hsla(229, 15%, 30%, 100%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: KbqTagList, selector: "kbq-tag-list", inputs: { multiple: "multiple", compareWith: "compareWith", value: "value", required: "required", placeholder: "placeholder", disabled: "disabled", selectable: "selectable", tabIndex: "tabIndex", errorStateMatcher: "errorStateMatcher", orientation: "orientation" }, outputs: { valueChange: "valueChange", change: "change" }, host: { listeners: { "focus": "focus()", "blur": "blur()", "keydown": "keydown($event)" }, properties: { "class.kbq-disabled": "disabled", "class.kbq-invalid": "errorState", "attr.tabindex": "disabled ? null : tabIndex", "id": "uid" }, classAttribute: "kbq-tag-list" }, providers: [{ provide: KbqFormFieldControl, useExisting: KbqTagList }], queries: [{ propertyName: "cleaner", first: true, predicate: ["kbqTagListCleaner"], descendants: true, static: true }, { propertyName: "tags", predicate: KbqTag, descendants: true }], exportAs: ["kbqTagList"], usesInheritance: true, ngImport: i0, template: "<div class=\"kbq-tags-list__list-container\">\n    <ng-content />\n</div>\n\n@if (canShowCleaner) {\n    <div class=\"kbq-tags-list__cleaner\">\n        <ng-content select=\"kbq-cleaner\" />\n    </div>\n}\n", styles: [".kbq-tag-list{display:flex;flex-direction:row;box-sizing:border-box}.kbq-tag-list:focus-visible{outline:none}.kbq-tag-input{border:none;outline:none;background:transparent;text-overflow:ellipsis;min-height:unset;padding-top:var(--kbq-tag-size-padding-vertical, 2px);padding-bottom:var(--kbq-tag-size-padding-vertical, 2px);padding-left:4px;padding-right:unset}.kbq-tags-list__list-container{display:flex;flex-wrap:wrap;flex:1 1 100%;box-sizing:border-box;min-width:0;gap:var(--kbq-tag-list-size-content-gap, 4px)}.kbq-tags-list__list-container .kbq-tag-input{max-width:100%;flex:1 1 auto}.kbq-tags-list__cleaner .kbq-cleaner{max-height:24px}.kbq-form-field-type-tag-list .kbq-form-field__container{padding:calc(var(--kbq-tag-input-size-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) var(--kbq-tag-input-size-padding-right, 12px) calc(var(--kbq-tag-input-size-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) var(--kbq-tag-input-size-padding-left, 4px)}\n", ".kbq-tag,.kbq-tag-list,.kbq-tag-input{--kbq-tag-input-font-default-font-size: 14px;--kbq-tag-input-font-default-line-height: 20px;--kbq-tag-input-font-default-letter-spacing: -.006em;--kbq-tag-input-font-default-font-weight: normal;--kbq-tag-input-font-default-text-transform: null;--kbq-tag-input-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tag-list-size-content-gap: 4px;--kbq-tag-size-padding-horizontal: 4px;--kbq-tag-size-padding-vertical: 2px;--kbq-tag-size-content-gap-horizontal: 2px;--kbq-tag-size-icon-margin-left: 2px;--kbq-tag-size-close-button-margin-right: 2px;--kbq-tag-font-default-font-size: 14px;--kbq-tag-font-default-line-height: 20px;--kbq-tag-font-default-letter-spacing: -.006em;--kbq-tag-font-default-font-weight: 500;--kbq-tag-font-default-text-transform: null;--kbq-tag-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tag-input-font-default-font-family: var(--kbq-typography-text-normal-font-family);--kbq-tag-font-default-font-family: var(--kbq-typography-text-normal-medium-font-family)}:root{--kbq-typography-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-text-normal-medium-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tag-theme-fade-on-default-background: hsla(216, 100%, 85%, 100%);--kbq-tag-theme-fade-on-default-text: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-default-icon: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-default-close-button: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-hover-background: hsla(216, 100%, 91%, 100%);--kbq-tag-theme-fade-on-states-hover-text: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-hover-icon: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-hover-close-button: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-focus-background: hsla(216, 100%, 85%, 100%);--kbq-tag-theme-fade-on-states-focus-text: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-focus-icon: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-focus-close-button: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-tag-theme-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-theme-fade-on-states-disabled-text: hsla(229, 15%, 15%, 32%);--kbq-tag-theme-fade-on-states-disabled-icon: hsla(229, 15%, 15%, 32%);--kbq-tag-theme-fade-on-states-disabled-close-button: hsla(229, 15%, 15%, 32%);--kbq-tag-contrast-fade-on-default-background: hsla(229, 15%, 92%, 100%);--kbq-tag-contrast-fade-on-default-text: hsla(229, 15%, 15%, 100%);--kbq-tag-contrast-fade-on-default-icon: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-default-close-button: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-states-hover-background: hsla(229, 15%, 88%, 100%);--kbq-tag-contrast-fade-on-states-hover-text: hsla(229, 15%, 15%, 100%);--kbq-tag-contrast-fade-on-states-hover-icon: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-states-hover-close-button: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-states-focus-background: hsla(229, 15%, 92%, 100%);--kbq-tag-contrast-fade-on-states-focus-text: hsla(229, 15%, 15%, 100%);--kbq-tag-contrast-fade-on-states-focus-icon: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-states-focus-close-button: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-tag-contrast-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-contrast-fade-on-states-disabled-text: hsla(229, 15%, 15%, 32%);--kbq-tag-contrast-fade-on-states-disabled-icon: hsla(229, 15%, 15%, 32%);--kbq-tag-contrast-fade-on-states-disabled-close-button: hsla(229, 15%, 15%, 32%);--kbq-tag-error-fade-on-default-background: hsla(7, 97%, 90%, 100%);--kbq-tag-error-fade-on-default-text: hsla(7, 97%, 40%, 100%);--kbq-tag-error-fade-on-default-icon: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-default-close-button: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-hover-background: hsla(7, 97%, 92%, 100%);--kbq-tag-error-fade-on-states-hover-text: hsla(7, 97%, 40%, 100%);--kbq-tag-error-fade-on-states-hover-icon: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-hover-close-button: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-focus-background: hsla(7, 97%, 90%, 100%);--kbq-tag-error-fade-on-states-focus-text: hsla(7, 97%, 40%, 100%);--kbq-tag-error-fade-on-states-focus-icon: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-focus-close-button: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-error-fade-on-states-disabled-text: hsla(229, 15%, 15%, 32%);--kbq-tag-error-fade-on-states-disabled-icon: hsla(229, 15%, 15%, 32%);--kbq-tag-error-fade-on-states-disabled-close-button: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tag-theme-fade-on-default-background: hsla(216, 100%, 20%, 100%);--kbq-tag-theme-fade-on-default-text: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-default-icon: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-default-close-button: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-hover-background: hsla(216, 100%, 18%, 100%);--kbq-tag-theme-fade-on-states-hover-text: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-hover-icon: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-hover-close-button: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-focus-background: hsla(216, 100%, 20%, 100%);--kbq-tag-theme-fade-on-states-focus-text: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-focus-icon: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-focus-close-button: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-tag-theme-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-theme-fade-on-states-disabled-text: hsla(229, 15%, 40%, 100%);--kbq-tag-theme-fade-on-states-disabled-icon: hsla(229, 15%, 30%, 100%);--kbq-tag-theme-fade-on-states-disabled-close-button: hsla(229, 15%, 30%, 100%);--kbq-tag-contrast-fade-on-default-background: hsla(229, 15%, 25%, 100%);--kbq-tag-contrast-fade-on-default-text: hsla(229, 15%, 80%, 100%);--kbq-tag-contrast-fade-on-default-icon: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-default-close-button: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-states-hover-background: hsla(229, 15%, 25%, 100%);--kbq-tag-contrast-fade-on-states-hover-text: hsla(229, 15%, 80%, 100%);--kbq-tag-contrast-fade-on-states-hover-icon: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-states-hover-close-button: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-states-focus-background: hsla(229, 15%, 25%, 100%);--kbq-tag-contrast-fade-on-states-focus-text: hsla(229, 15%, 80%, 100%);--kbq-tag-contrast-fade-on-states-focus-icon: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-states-focus-close-button: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-tag-contrast-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-contrast-fade-on-states-disabled-text: hsla(229, 15%, 40%, 100%);--kbq-tag-contrast-fade-on-states-disabled-icon: hsla(229, 15%, 30%, 100%);--kbq-tag-contrast-fade-on-states-disabled-close-button: hsla(229, 15%, 30%, 100%);--kbq-tag-error-fade-on-default-background: hsla(7, 97%, 15%, 100%);--kbq-tag-error-fade-on-default-text: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-default-icon: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-default-close-button: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-hover-background: hsla(7, 97%, 13%, 100%);--kbq-tag-error-fade-on-states-hover-text: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-hover-icon: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-hover-close-button: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-focus-background: hsla(7, 97%, 15%, 100%);--kbq-tag-error-fade-on-states-focus-text: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-focus-icon: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-focus-close-button: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-error-fade-on-states-disabled-text: hsla(229, 15%, 40%, 100%);--kbq-tag-error-fade-on-states-disabled-icon: hsla(229, 15%, 30%, 100%);--kbq-tag-error-fade-on-states-disabled-close-button: hsla(229, 15%, 30%, 100%);--kbq-tag-warning-fade-on-default-background: hsla(38, 100%, 14%, 100%);--kbq-tag-warning-fade-on-default-text: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-default-icon: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-default-close-button: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-hover-background: hsla(38, 100%, 13%, 100%);--kbq-tag-warning-fade-on-states-hover-text: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-hover-icon: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-hover-close-button: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-focus-background: hsla(38, 100%, 14%, 100%);--kbq-tag-warning-fade-on-states-focus-text: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-focus-icon: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-focus-close-button: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-warning-fade-on-states-disabled-text: hsla(229, 15%, 40%, 100%);--kbq-tag-warning-fade-on-states-disabled-icon: hsla(229, 15%, 30%, 100%);--kbq-tag-warning-fade-on-states-disabled-close-button: hsla(229, 15%, 30%, 100%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTagList, decorators: [{
             type: Component,
@@ -657,7 +657,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
                         '(focus)': 'focus()',
                         '(blur)': 'blur()',
                         '(keydown)': 'keydown($event)'
-                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: KbqFormFieldControl, useExisting: KbqTagList }], template: "<div class=\"kbq-tags-list__list-container\">\n    <ng-content />\n</div>\n\n@if (canShowCleaner) {\n    <div class=\"kbq-tags-list__cleaner\">\n        <ng-content select=\"kbq-cleaner\" />\n    </div>\n}\n", styles: [".kbq-tag-list{display:flex;flex-direction:row;box-sizing:border-box}.kbq-tag-list:focus-visible{outline:none}.kbq-tag-input{border:none;outline:none;background:transparent;text-overflow:ellipsis;min-height:unset;padding-top:var(--kbq-tag-size-padding-vertical, 2px);padding-bottom:var(--kbq-tag-size-padding-vertical, 2px);padding-left:4px;padding-right:unset}.kbq-tags-list__list-container{display:flex;flex-wrap:wrap;flex:1 1 100%;box-sizing:border-box;min-width:0;gap:var(--kbq-tag-list-size-content-gap, 4px)}.kbq-tags-list__list-container .kbq-tag-input{max-width:100%;flex:1 1 auto}.kbq-tags-list__cleaner .kbq-cleaner{max-height:24px}.kbq-form-field-type-tag-list .kbq-form-field__container{padding:calc(var(--kbq-tag-input-size-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) var(--kbq-tag-input-size-padding-right, 12px) calc(var(--kbq-tag-input-size-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) var(--kbq-tag-input-size-padding-left, 4px)}\n", ".kbq-tag,.kbq-tag-list,.kbq-tag-input{--kbq-tag-input-font-default-font-size: 14px;--kbq-tag-input-font-default-line-height: 20px;--kbq-tag-input-font-default-letter-spacing: -.006em;--kbq-tag-input-font-default-font-weight: normal;--kbq-tag-input-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tag-input-font-default-text-transform: null;--kbq-tag-input-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tag-list-size-content-gap: 4px;--kbq-tag-size-padding-horizontal: 4px;--kbq-tag-size-padding-vertical: 2px;--kbq-tag-size-content-gap-horizontal: 2px;--kbq-tag-size-icon-margin-left: 2px;--kbq-tag-size-close-button-margin-right: 2px;--kbq-tag-font-default-font-size: 14px;--kbq-tag-font-default-line-height: 20px;--kbq-tag-font-default-letter-spacing: -.006em;--kbq-tag-font-default-font-weight: 500;--kbq-tag-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tag-font-default-text-transform: null;--kbq-tag-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tag-theme-fade-on-default-background: hsla(216, 100%, 85%, 100%);--kbq-tag-theme-fade-on-default-text: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-default-icon: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-default-close-button: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-hover-background: hsla(216, 100%, 91%, 100%);--kbq-tag-theme-fade-on-states-hover-text: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-hover-icon: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-hover-close-button: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-focus-background: hsla(216, 100%, 85%, 100%);--kbq-tag-theme-fade-on-states-focus-text: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-focus-icon: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-focus-close-button: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-tag-theme-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-theme-fade-on-states-disabled-text: hsla(229, 15%, 15%, 32%);--kbq-tag-theme-fade-on-states-disabled-icon: hsla(229, 15%, 15%, 32%);--kbq-tag-theme-fade-on-states-disabled-close-button: hsla(229, 15%, 15%, 32%);--kbq-tag-contrast-fade-on-default-background: hsla(229, 15%, 92%, 100%);--kbq-tag-contrast-fade-on-default-text: hsla(229, 15%, 15%, 100%);--kbq-tag-contrast-fade-on-default-icon: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-default-close-button: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-states-hover-background: hsla(229, 15%, 88%, 100%);--kbq-tag-contrast-fade-on-states-hover-text: hsla(229, 15%, 15%, 100%);--kbq-tag-contrast-fade-on-states-hover-icon: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-states-hover-close-button: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-states-focus-background: hsla(229, 15%, 92%, 100%);--kbq-tag-contrast-fade-on-states-focus-text: hsla(229, 15%, 15%, 100%);--kbq-tag-contrast-fade-on-states-focus-icon: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-states-focus-close-button: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-tag-contrast-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-contrast-fade-on-states-disabled-text: hsla(229, 15%, 15%, 32%);--kbq-tag-contrast-fade-on-states-disabled-icon: hsla(229, 15%, 15%, 32%);--kbq-tag-contrast-fade-on-states-disabled-close-button: hsla(229, 15%, 15%, 32%);--kbq-tag-error-fade-on-default-background: hsla(7, 97%, 90%, 100%);--kbq-tag-error-fade-on-default-text: hsla(7, 97%, 40%, 100%);--kbq-tag-error-fade-on-default-icon: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-default-close-button: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-hover-background: hsla(7, 97%, 92%, 100%);--kbq-tag-error-fade-on-states-hover-text: hsla(7, 97%, 40%, 100%);--kbq-tag-error-fade-on-states-hover-icon: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-hover-close-button: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-focus-background: hsla(7, 97%, 90%, 100%);--kbq-tag-error-fade-on-states-focus-text: hsla(7, 97%, 40%, 100%);--kbq-tag-error-fade-on-states-focus-icon: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-focus-close-button: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-error-fade-on-states-disabled-text: hsla(229, 15%, 15%, 32%);--kbq-tag-error-fade-on-states-disabled-icon: hsla(229, 15%, 15%, 32%);--kbq-tag-error-fade-on-states-disabled-close-button: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tag-theme-fade-on-default-background: hsla(216, 100%, 20%, 100%);--kbq-tag-theme-fade-on-default-text: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-default-icon: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-default-close-button: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-hover-background: hsla(216, 100%, 18%, 100%);--kbq-tag-theme-fade-on-states-hover-text: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-hover-icon: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-hover-close-button: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-focus-background: hsla(216, 100%, 20%, 100%);--kbq-tag-theme-fade-on-states-focus-text: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-focus-icon: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-focus-close-button: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-tag-theme-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-theme-fade-on-states-disabled-text: hsla(229, 15%, 40%, 100%);--kbq-tag-theme-fade-on-states-disabled-icon: hsla(229, 15%, 30%, 100%);--kbq-tag-theme-fade-on-states-disabled-close-button: hsla(229, 15%, 30%, 100%);--kbq-tag-contrast-fade-on-default-background: hsla(229, 15%, 25%, 100%);--kbq-tag-contrast-fade-on-default-text: hsla(229, 15%, 80%, 100%);--kbq-tag-contrast-fade-on-default-icon: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-default-close-button: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-states-hover-background: hsla(229, 15%, 25%, 100%);--kbq-tag-contrast-fade-on-states-hover-text: hsla(229, 15%, 80%, 100%);--kbq-tag-contrast-fade-on-states-hover-icon: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-states-hover-close-button: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-states-focus-background: hsla(229, 15%, 25%, 100%);--kbq-tag-contrast-fade-on-states-focus-text: hsla(229, 15%, 80%, 100%);--kbq-tag-contrast-fade-on-states-focus-icon: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-states-focus-close-button: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-tag-contrast-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-contrast-fade-on-states-disabled-text: hsla(229, 15%, 40%, 100%);--kbq-tag-contrast-fade-on-states-disabled-icon: hsla(229, 15%, 30%, 100%);--kbq-tag-contrast-fade-on-states-disabled-close-button: hsla(229, 15%, 30%, 100%);--kbq-tag-error-fade-on-default-background: hsla(7, 97%, 15%, 100%);--kbq-tag-error-fade-on-default-text: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-default-icon: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-default-close-button: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-hover-background: hsla(7, 97%, 13%, 100%);--kbq-tag-error-fade-on-states-hover-text: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-hover-icon: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-hover-close-button: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-focus-background: hsla(7, 97%, 15%, 100%);--kbq-tag-error-fade-on-states-focus-text: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-focus-icon: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-focus-close-button: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-error-fade-on-states-disabled-text: hsla(229, 15%, 40%, 100%);--kbq-tag-error-fade-on-states-disabled-icon: hsla(229, 15%, 30%, 100%);--kbq-tag-error-fade-on-states-disabled-close-button: hsla(229, 15%, 30%, 100%);--kbq-tag-warning-fade-on-default-background: hsla(38, 100%, 14%, 100%);--kbq-tag-warning-fade-on-default-text: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-default-icon: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-default-close-button: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-hover-background: hsla(38, 100%, 13%, 100%);--kbq-tag-warning-fade-on-states-hover-text: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-hover-icon: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-hover-close-button: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-focus-background: hsla(38, 100%, 14%, 100%);--kbq-tag-warning-fade-on-states-focus-text: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-focus-icon: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-focus-close-button: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-warning-fade-on-states-disabled-text: hsla(229, 15%, 40%, 100%);--kbq-tag-warning-fade-on-states-disabled-icon: hsla(229, 15%, 30%, 100%);--kbq-tag-warning-fade-on-states-disabled-close-button: hsla(229, 15%, 30%, 100%)}\n"] }]
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: KbqFormFieldControl, useExisting: KbqTagList }], template: "<div class=\"kbq-tags-list__list-container\">\n    <ng-content />\n</div>\n\n@if (canShowCleaner) {\n    <div class=\"kbq-tags-list__cleaner\">\n        <ng-content select=\"kbq-cleaner\" />\n    </div>\n}\n", styles: [".kbq-tag-list{display:flex;flex-direction:row;box-sizing:border-box}.kbq-tag-list:focus-visible{outline:none}.kbq-tag-input{border:none;outline:none;background:transparent;text-overflow:ellipsis;min-height:unset;padding-top:var(--kbq-tag-size-padding-vertical, 2px);padding-bottom:var(--kbq-tag-size-padding-vertical, 2px);padding-left:4px;padding-right:unset}.kbq-tags-list__list-container{display:flex;flex-wrap:wrap;flex:1 1 100%;box-sizing:border-box;min-width:0;gap:var(--kbq-tag-list-size-content-gap, 4px)}.kbq-tags-list__list-container .kbq-tag-input{max-width:100%;flex:1 1 auto}.kbq-tags-list__cleaner .kbq-cleaner{max-height:24px}.kbq-form-field-type-tag-list .kbq-form-field__container{padding:calc(var(--kbq-tag-input-size-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) var(--kbq-tag-input-size-padding-right, 12px) calc(var(--kbq-tag-input-size-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) var(--kbq-tag-input-size-padding-left, 4px)}\n", ".kbq-tag,.kbq-tag-list,.kbq-tag-input{--kbq-tag-input-font-default-font-size: 14px;--kbq-tag-input-font-default-line-height: 20px;--kbq-tag-input-font-default-letter-spacing: -.006em;--kbq-tag-input-font-default-font-weight: normal;--kbq-tag-input-font-default-text-transform: null;--kbq-tag-input-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tag-list-size-content-gap: 4px;--kbq-tag-size-padding-horizontal: 4px;--kbq-tag-size-padding-vertical: 2px;--kbq-tag-size-content-gap-horizontal: 2px;--kbq-tag-size-icon-margin-left: 2px;--kbq-tag-size-close-button-margin-right: 2px;--kbq-tag-font-default-font-size: 14px;--kbq-tag-font-default-line-height: 20px;--kbq-tag-font-default-letter-spacing: -.006em;--kbq-tag-font-default-font-weight: 500;--kbq-tag-font-default-text-transform: null;--kbq-tag-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tag-input-font-default-font-family: var(--kbq-typography-text-normal-font-family);--kbq-tag-font-default-font-family: var(--kbq-typography-text-normal-medium-font-family)}:root{--kbq-typography-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-text-normal-medium-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tag-theme-fade-on-default-background: hsla(216, 100%, 85%, 100%);--kbq-tag-theme-fade-on-default-text: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-default-icon: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-default-close-button: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-hover-background: hsla(216, 100%, 91%, 100%);--kbq-tag-theme-fade-on-states-hover-text: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-hover-icon: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-hover-close-button: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-focus-background: hsla(216, 100%, 85%, 100%);--kbq-tag-theme-fade-on-states-focus-text: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-focus-icon: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-focus-close-button: hsla(216, 100%, 50%, 100%);--kbq-tag-theme-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-tag-theme-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-theme-fade-on-states-disabled-text: hsla(229, 15%, 15%, 32%);--kbq-tag-theme-fade-on-states-disabled-icon: hsla(229, 15%, 15%, 32%);--kbq-tag-theme-fade-on-states-disabled-close-button: hsla(229, 15%, 15%, 32%);--kbq-tag-contrast-fade-on-default-background: hsla(229, 15%, 92%, 100%);--kbq-tag-contrast-fade-on-default-text: hsla(229, 15%, 15%, 100%);--kbq-tag-contrast-fade-on-default-icon: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-default-close-button: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-states-hover-background: hsla(229, 15%, 88%, 100%);--kbq-tag-contrast-fade-on-states-hover-text: hsla(229, 15%, 15%, 100%);--kbq-tag-contrast-fade-on-states-hover-icon: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-states-hover-close-button: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-states-focus-background: hsla(229, 15%, 92%, 100%);--kbq-tag-contrast-fade-on-states-focus-text: hsla(229, 15%, 15%, 100%);--kbq-tag-contrast-fade-on-states-focus-icon: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-states-focus-close-button: hsla(229, 15%, 60%, 100%);--kbq-tag-contrast-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-tag-contrast-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-contrast-fade-on-states-disabled-text: hsla(229, 15%, 15%, 32%);--kbq-tag-contrast-fade-on-states-disabled-icon: hsla(229, 15%, 15%, 32%);--kbq-tag-contrast-fade-on-states-disabled-close-button: hsla(229, 15%, 15%, 32%);--kbq-tag-error-fade-on-default-background: hsla(7, 97%, 90%, 100%);--kbq-tag-error-fade-on-default-text: hsla(7, 97%, 40%, 100%);--kbq-tag-error-fade-on-default-icon: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-default-close-button: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-hover-background: hsla(7, 97%, 92%, 100%);--kbq-tag-error-fade-on-states-hover-text: hsla(7, 97%, 40%, 100%);--kbq-tag-error-fade-on-states-hover-icon: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-hover-close-button: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-focus-background: hsla(7, 97%, 90%, 100%);--kbq-tag-error-fade-on-states-focus-text: hsla(7, 97%, 40%, 100%);--kbq-tag-error-fade-on-states-focus-icon: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-focus-close-button: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-error-fade-on-states-disabled-text: hsla(229, 15%, 15%, 32%);--kbq-tag-error-fade-on-states-disabled-icon: hsla(229, 15%, 15%, 32%);--kbq-tag-error-fade-on-states-disabled-close-button: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tag-theme-fade-on-default-background: hsla(216, 100%, 20%, 100%);--kbq-tag-theme-fade-on-default-text: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-default-icon: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-default-close-button: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-hover-background: hsla(216, 100%, 18%, 100%);--kbq-tag-theme-fade-on-states-hover-text: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-hover-icon: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-hover-close-button: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-focus-background: hsla(216, 100%, 20%, 100%);--kbq-tag-theme-fade-on-states-focus-text: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-focus-icon: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-focus-close-button: hsla(216, 100%, 65%, 100%);--kbq-tag-theme-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-tag-theme-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-theme-fade-on-states-disabled-text: hsla(229, 15%, 40%, 100%);--kbq-tag-theme-fade-on-states-disabled-icon: hsla(229, 15%, 30%, 100%);--kbq-tag-theme-fade-on-states-disabled-close-button: hsla(229, 15%, 30%, 100%);--kbq-tag-contrast-fade-on-default-background: hsla(229, 15%, 25%, 100%);--kbq-tag-contrast-fade-on-default-text: hsla(229, 15%, 80%, 100%);--kbq-tag-contrast-fade-on-default-icon: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-default-close-button: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-states-hover-background: hsla(229, 15%, 25%, 100%);--kbq-tag-contrast-fade-on-states-hover-text: hsla(229, 15%, 80%, 100%);--kbq-tag-contrast-fade-on-states-hover-icon: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-states-hover-close-button: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-states-focus-background: hsla(229, 15%, 25%, 100%);--kbq-tag-contrast-fade-on-states-focus-text: hsla(229, 15%, 80%, 100%);--kbq-tag-contrast-fade-on-states-focus-icon: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-states-focus-close-button: hsla(229, 15%, 45%, 100%);--kbq-tag-contrast-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-tag-contrast-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-contrast-fade-on-states-disabled-text: hsla(229, 15%, 40%, 100%);--kbq-tag-contrast-fade-on-states-disabled-icon: hsla(229, 15%, 30%, 100%);--kbq-tag-contrast-fade-on-states-disabled-close-button: hsla(229, 15%, 30%, 100%);--kbq-tag-error-fade-on-default-background: hsla(7, 97%, 15%, 100%);--kbq-tag-error-fade-on-default-text: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-default-icon: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-default-close-button: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-hover-background: hsla(7, 97%, 13%, 100%);--kbq-tag-error-fade-on-states-hover-text: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-hover-icon: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-hover-close-button: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-focus-background: hsla(7, 97%, 15%, 100%);--kbq-tag-error-fade-on-states-focus-text: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-focus-icon: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-focus-close-button: hsla(7, 97%, 60%, 100%);--kbq-tag-error-fade-on-states-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-tag-error-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-error-fade-on-states-disabled-text: hsla(229, 15%, 40%, 100%);--kbq-tag-error-fade-on-states-disabled-icon: hsla(229, 15%, 30%, 100%);--kbq-tag-error-fade-on-states-disabled-close-button: hsla(229, 15%, 30%, 100%);--kbq-tag-warning-fade-on-default-background: hsla(38, 100%, 14%, 100%);--kbq-tag-warning-fade-on-default-text: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-default-icon: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-default-close-button: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-hover-background: hsla(38, 100%, 13%, 100%);--kbq-tag-warning-fade-on-states-hover-text: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-hover-icon: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-hover-close-button: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-focus-background: hsla(38, 100%, 14%, 100%);--kbq-tag-warning-fade-on-states-focus-text: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-focus-icon: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-focus-close-button: hsla(38, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-tag-warning-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-tag-warning-fade-on-states-disabled-text: hsla(229, 15%, 40%, 100%);--kbq-tag-warning-fade-on-states-disabled-icon: hsla(229, 15%, 30%, 100%);--kbq-tag-warning-fade-on-states-disabled-close-button: hsla(229, 15%, 30%, 100%)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.ErrorStateMatcher }, { type: i2.Directionality, decorators: [{
                     type: Optional
                 }] }, { type: i3.NgForm, decorators: [{

package/esm2022/timezone/timezone-option.component.mjs

@@ -24,7 +24,7 @@ export class KbqTimezoneOption extends KbqOption {
                 provide: KbqOption,
                 useExisting: forwardRef((() => KbqTimezoneOption))
             }
-        ], viewQueries: [{ propertyName: "tooltipContentWrapper", first: true, predicate: ["tooltipContentWrapper"], descendants: true }, { propertyName: "tooltipContent", first: true, predicate: ["tooltipContent"], descendants: true }], exportAs: ["kbqTimezoneOption"], usesInheritance: true, ngImport: i0, template: "@for (utcItem of timezone.offset | utcOffset | keyvalue; track utcItem) {\n    <div class=\"kbq-timezone-option__offset-wrapper layout-row layout-align-space-between\">\n        <div\n            class=\"kbq-timezone-option__offset\"\n            [innerHTML]=\"utcItem.key | mcHighlight: highlightText\"\n        ></div>\n        <div\n            class=\"kbq-timezone-option__offset\"\n            [innerHTML]=\"utcItem.value | mcHighlight: highlightText\"\n        ></div>\n    </div>\n}\n\n<div class=\"kbq-timezone-option__label\">\n    <span\n        class=\"kbq-timezone-option__city\"\n        [innerHTML]=\"timezone.city | mcHighlight: highlightText\"\n    ></span>\n    <div\n        #tooltipContentWrapper\n        class=\"kbq-timezone-option__cities\"\n    >\n        <span\n            #tooltipContent\n            [innerHTML]=\"timezone.cities | citiesByFilter: highlightText | mcHighlight: highlightText\"\n        ></span>\n    </div>\n</div>\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-group{display:flex;flex-direction:row}.kbq-group .kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-option{position:relative;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;min-height:32px;gap:var(--kbq-size-s, 8px);border:var(--kbq-size-3xs, 2px) solid transparent;padding-top:var(--kbq-size-xxs, 4px);padding-left:var(--kbq-size-m, 12px);padding-right:var(--kbq-size-m, 12px);padding-bottom:var(--kbq-size-xxs, 4px)}.kbq-option .kbq-list-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-option .kbq-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-option .kbq-list-text:empty{display:none}.kbq-option .kbq-list-option-caption{padding-top:var(--kbq-size-3xs, 2px)}.kbq-option:not(.kbq-disabled){cursor:pointer}.kbq-option-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-option-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-option-text:empty{display:none}.kbq-option{background:var(--kbq-list-default-container-background, )}.kbq-option .kbq-option-text{color:var(--kbq-list-default-text-color, )}.kbq-option .kbq-option-action .kbq-icon{color:var(--kbq-list-default-icon-button-color, )}.kbq-option .kbq-option-caption{color:var(--kbq-list-default-caption-color, )}.kbq-option:hover:not(.kbq-disabled){background:var(--kbq-list-states-hover-container-background, )}.kbq-option:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-list-states-hover-text-color, )}.kbq-option:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-list-states-hover-icon-button-color, )}.kbq-option:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-list-states-hover-caption-color, )}.kbq-option.kbq-focused,.kbq-option.kbq-active{border-color:var(--kbq-list-states-focused-focus-outline-color, )}.kbq-option.kbq-selected{background:var(--kbq-list-states-selected-container-background, )}.kbq-option.kbq-selected .kbq-option-text{color:var(--kbq-list-states-selected-text-color, )}.kbq-option.kbq-selected .kbq-option-action .kbq-icon{color:var(--kbq-list-states-selected-icon-button-color, )}.kbq-option.kbq-selected .kbq-option-caption{color:var(--kbq-list-states-selected-caption-color, )}.kbq-option.kbq-selected:hover:not(.kbq-disabled){background:var(--kbq-list-states-selected-hover-container-background, )}.kbq-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-list-states-selected-hover-text-color, )}.kbq-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-list-states-selected-hover-icon-button-color, )}.kbq-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-list-states-selected-hover-caption-color, )}.kbq-option.kbq-disabled{background:var(--kbq-list-states-disabled-container-background, )}.kbq-option.kbq-disabled .kbq-option-text{color:var(--kbq-list-states-disabled-text-color, )}.kbq-option.kbq-disabled .kbq-option-action .kbq-icon{color:var(--kbq-list-states-disabled-icon-button-color, )}.kbq-option.kbq-disabled .kbq-option-caption{color:var(--kbq-list-states-disabled-caption-color, )}.kbq-option{font-size:var(--kbq-list-font-text-font-size, 14px);font-weight:var(--kbq-list-font-text-font-weight, normal);line-height:var(--kbq-list-font-text-line-height, 20px);font-family:var(--kbq-list-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-list-font-text-text-transform, );font-feature-settings:var(--kbq-list-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-list-font-text-letter-spacing, -.006em)}.kbq-list-option-caption{font-size:var(--kbq-list-font-caption-font-size, 12px);font-weight:var(--kbq-list-font-caption-font-weight, normal);line-height:var(--kbq-list-font-caption-line-height, 16px);font-family:var(--kbq-list-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-list-font-caption-text-transform, );font-feature-settings:var(--kbq-list-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-list-font-caption-letter-spacing, normal)}\n", ".kbq-timezone-option.kbq-option{display:flex;flex-direction:row;align-items:flex-start;padding:var(--kbq-timezone-option-size-padding, 6px 10px);column-gap:var(--kbq-timezone-option-size-column-gap, 16px)}.kbq-timezone-option__label{display:flex;flex-direction:column;justify-content:stretch;flex:1;min-width:0}.kbq-timezone-option__offset-wrapper{min-width:77px}.kbq-timezone-option__cities{display:-webkit-box;-webkit-box-orient:vertical;max-height:var(--kbq-timezone-option-size-max-height, 5em);overflow:hidden}.kbq-select__panel .kbq-timezone-option{height:var(--kbq-timezone-option-size-height, auto)}.kbq-timezone-option__offset,.kbq-timezone-option__city{color:var(--kbq-timezone-option-text, )}.kbq-timezone-option__cities{color:var(--kbq-timezone-option-caption, )}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{color:var(--kbq-timezone-option-optgroup-label, )}.kbq-timezone-option__offset{font-size:var(--kbq-timezone-option-font-offset-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-offset-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-offset-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-offset-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-offset-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-offset-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-offset-text-letter-spacing, -.006em)}.kbq-timezone-option__city{font-size:var(--kbq-timezone-option-font-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-text-letter-spacing, -.006em)}.kbq-timezone-option__cities{font-size:var(--kbq-timezone-option-font-caption-font-size, 12px);font-weight:var(--kbq-timezone-option-font-caption-font-weight, normal);line-height:var(--kbq-timezone-option-font-caption-line-height, 16px);font-family:var(--kbq-timezone-option-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-caption-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-caption-letter-spacing, normal)}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{font-size:var(--kbq-timezone-option-font-optgroup-label-font-size, 12px);font-weight:var(--kbq-timezone-option-font-optgroup-label-font-weight, 500);line-height:var(--kbq-timezone-option-font-optgroup-label-line-height, 16px);font-family:var(--kbq-timezone-option-font-optgroup-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-optgroup-label-text-transform, uppercase);font-feature-settings:var(--kbq-timezone-option-font-optgroup-label-font-feature-settings, \"calt\", \"case\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-optgroup-label-letter-spacing, 1px)}\n", ".kbq-timezone-select__panel{--kbq-timezone-option-size-padding: 6px 10px;--kbq-timezone-option-size-column-gap: 16px;--kbq-timezone-option-size-height: auto;--kbq-timezone-option-size-max-height: 5em;--kbq-timezone-option-size-optgroup-label-padding: 12px 12px 4px 12px;--kbq-timezone-option-font-text-font-size: 14px;--kbq-timezone-option-font-text-line-height: 20px;--kbq-timezone-option-font-text-letter-spacing: -.006em;--kbq-timezone-option-font-text-font-weight: normal;--kbq-timezone-option-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-timezone-option-font-text-text-transform: null;--kbq-timezone-option-font-text-font-feature-settings: \"calt\", \"ss01\", \"ss04\", \"tnum\";--kbq-timezone-option-font-offset-text-font-size: 14px;--kbq-timezone-option-font-offset-text-line-height: 20px;--kbq-timezone-option-font-offset-text-letter-spacing: -.006em;--kbq-timezone-option-font-offset-text-font-weight: normal;--kbq-timezone-option-font-offset-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-timezone-option-font-offset-text-text-transform: null;--kbq-timezone-option-font-offset-text-font-feature-settings: \"calt\", \"ss01\", \"ss04\", \"tnum\";--kbq-timezone-option-font-caption-font-size: 12px;--kbq-timezone-option-font-caption-line-height: 16px;--kbq-timezone-option-font-caption-letter-spacing: normal;--kbq-timezone-option-font-caption-font-weight: normal;--kbq-timezone-option-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-timezone-option-font-caption-text-transform: null;--kbq-timezone-option-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-timezone-option-font-optgroup-label-font-size: 12px;--kbq-timezone-option-font-optgroup-label-line-height: 16px;--kbq-timezone-option-font-optgroup-label-letter-spacing: 1px;--kbq-timezone-option-font-optgroup-label-font-weight: 500;--kbq-timezone-option-font-optgroup-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-timezone-option-font-optgroup-label-text-transform: uppercase;--kbq-timezone-option-font-optgroup-label-font-feature-settings: \"calt\", \"case\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-timezone-option-text: hsla(229, 15%, 15%, 100%);--kbq-timezone-option-caption: hsla(229, 15%, 50%, 100%);--kbq-timezone-option-optgroup-label: hsla(229, 15%, 50%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-timezone-option-text: hsla(229, 15%, 80%, 100%);--kbq-timezone-option-caption: hsla(229, 15%, 60%, 100%);--kbq-timezone-option-optgroup-label: hsla(229, 15%, 60%, 100%)}\n"], dependencies: [{ kind: "pipe", type: i1.KbqHighlightPipe, name: "mcHighlight" }, { kind: "pipe", type: i2.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i3.UtcOffsetPipe, name: "utcOffset" }, { kind: "pipe", type: i4.CitiesByFilterPipe, name: "citiesByFilter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "tooltipContentWrapper", first: true, predicate: ["tooltipContentWrapper"], descendants: true }, { propertyName: "tooltipContent", first: true, predicate: ["tooltipContent"], descendants: true }], exportAs: ["kbqTimezoneOption"], usesInheritance: true, ngImport: i0, template: "@for (utcItem of timezone.offset | utcOffset | keyvalue; track utcItem) {\n    <div class=\"kbq-timezone-option__offset-wrapper layout-row layout-align-space-between\">\n        <div\n            class=\"kbq-timezone-option__offset\"\n            [innerHTML]=\"utcItem.key | mcHighlight: highlightText\"\n        ></div>\n        <div\n            class=\"kbq-timezone-option__offset\"\n            [innerHTML]=\"utcItem.value | mcHighlight: highlightText\"\n        ></div>\n    </div>\n}\n\n<div class=\"kbq-timezone-option__label\">\n    <span\n        class=\"kbq-timezone-option__city\"\n        [innerHTML]=\"timezone.city | mcHighlight: highlightText\"\n    ></span>\n    <div\n        #tooltipContentWrapper\n        class=\"kbq-timezone-option__cities\"\n    >\n        <span\n            #tooltipContent\n            [innerHTML]=\"timezone.cities | citiesByFilter: highlightText | mcHighlight: highlightText\"\n        ></span>\n    </div>\n</div>\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-group{display:flex;flex-direction:row}.kbq-group .kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-option{position:relative;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;min-height:32px;gap:var(--kbq-size-s, 8px);border:var(--kbq-size-3xs, 2px) solid transparent;padding-top:var(--kbq-size-xxs, 4px);padding-left:var(--kbq-size-m, 12px);padding-right:var(--kbq-size-m, 12px);padding-bottom:var(--kbq-size-xxs, 4px)}.kbq-option .kbq-list-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-option .kbq-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-option .kbq-list-text:empty{display:none}.kbq-option .kbq-list-option-caption{padding-top:var(--kbq-size-3xs, 2px)}.kbq-option:not(.kbq-disabled){cursor:pointer}.kbq-option-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-option-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-option-text:empty{display:none}.kbq-option{background:var(--kbq-list-default-container-background, )}.kbq-option .kbq-option-text{color:var(--kbq-list-default-text-color, )}.kbq-option .kbq-option-action .kbq-icon{color:var(--kbq-list-default-icon-button-color, )}.kbq-option .kbq-option-caption{color:var(--kbq-list-default-caption-color, )}.kbq-option:hover:not(.kbq-disabled){background:var(--kbq-list-states-hover-container-background, )}.kbq-option:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-list-states-hover-text-color, )}.kbq-option:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-list-states-hover-icon-button-color, )}.kbq-option:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-list-states-hover-caption-color, )}.kbq-option.kbq-focused,.kbq-option.kbq-active{border-color:var(--kbq-list-states-focused-focus-outline-color, )}.kbq-option.kbq-selected{background:var(--kbq-list-states-selected-container-background, )}.kbq-option.kbq-selected .kbq-option-text{color:var(--kbq-list-states-selected-text-color, )}.kbq-option.kbq-selected .kbq-option-action .kbq-icon{color:var(--kbq-list-states-selected-icon-button-color, )}.kbq-option.kbq-selected .kbq-option-caption{color:var(--kbq-list-states-selected-caption-color, )}.kbq-option.kbq-selected:hover:not(.kbq-disabled){background:var(--kbq-list-states-selected-hover-container-background, )}.kbq-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-list-states-selected-hover-text-color, )}.kbq-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-list-states-selected-hover-icon-button-color, )}.kbq-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-list-states-selected-hover-caption-color, )}.kbq-option.kbq-disabled{background:var(--kbq-list-states-disabled-container-background, )}.kbq-option.kbq-disabled .kbq-option-text{color:var(--kbq-list-states-disabled-text-color, )}.kbq-option.kbq-disabled .kbq-option-action .kbq-icon{color:var(--kbq-list-states-disabled-icon-button-color, )}.kbq-option.kbq-disabled .kbq-option-caption{color:var(--kbq-list-states-disabled-caption-color, )}.kbq-option{font-size:var(--kbq-list-font-text-font-size, 14px);font-weight:var(--kbq-list-font-text-font-weight, normal);line-height:var(--kbq-list-font-text-line-height, 20px);font-family:var(--kbq-list-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-list-font-text-text-transform, );font-feature-settings:var(--kbq-list-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-list-font-text-letter-spacing, -.006em)}.kbq-list-option-caption{font-size:var(--kbq-list-font-caption-font-size, 12px);font-weight:var(--kbq-list-font-caption-font-weight, normal);line-height:var(--kbq-list-font-caption-line-height, 16px);font-family:var(--kbq-list-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-list-font-caption-text-transform, );font-feature-settings:var(--kbq-list-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-list-font-caption-letter-spacing, normal)}\n", ".kbq-timezone-option.kbq-option{display:flex;flex-direction:row;align-items:flex-start;padding:var(--kbq-timezone-option-size-padding, 6px 10px);column-gap:var(--kbq-timezone-option-size-column-gap, 16px)}.kbq-timezone-option__label{display:flex;flex-direction:column;justify-content:stretch;flex:1;min-width:0}.kbq-timezone-option__offset-wrapper{min-width:77px}.kbq-timezone-option__cities{display:-webkit-box;-webkit-box-orient:vertical;max-height:var(--kbq-timezone-option-size-max-height, 5em);overflow:hidden}.kbq-select__panel .kbq-timezone-option{height:var(--kbq-timezone-option-size-height, auto)}.kbq-timezone-option__offset,.kbq-timezone-option__city{color:var(--kbq-timezone-option-text, )}.kbq-timezone-option__cities{color:var(--kbq-timezone-option-caption, )}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{color:var(--kbq-timezone-option-optgroup-label, )}.kbq-timezone-option__offset{font-size:var(--kbq-timezone-option-font-offset-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-offset-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-offset-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-offset-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-offset-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-offset-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-offset-text-letter-spacing, -.006em)}.kbq-timezone-option__city{font-size:var(--kbq-timezone-option-font-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-text-letter-spacing, -.006em)}.kbq-timezone-option__cities{font-size:var(--kbq-timezone-option-font-caption-font-size, 12px);font-weight:var(--kbq-timezone-option-font-caption-font-weight, normal);line-height:var(--kbq-timezone-option-font-caption-line-height, 16px);font-family:var(--kbq-timezone-option-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-caption-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-caption-letter-spacing, normal)}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{font-size:var(--kbq-timezone-option-font-optgroup-label-font-size, 12px);font-weight:var(--kbq-timezone-option-font-optgroup-label-font-weight, 500);line-height:var(--kbq-timezone-option-font-optgroup-label-line-height, 16px);font-family:var(--kbq-timezone-option-font-optgroup-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-optgroup-label-text-transform, uppercase);font-feature-settings:var(--kbq-timezone-option-font-optgroup-label-font-feature-settings, \"calt\", \"case\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-optgroup-label-letter-spacing, 1px)}\n", ".kbq-timezone-select__panel{--kbq-timezone-option-size-padding: 6px 10px;--kbq-timezone-option-size-column-gap: 16px;--kbq-timezone-option-size-height: auto;--kbq-timezone-option-size-max-height: 5em;--kbq-timezone-option-size-optgroup-label-padding: 12px 12px 4px 12px;--kbq-timezone-option-font-text-font-size: 14px;--kbq-timezone-option-font-text-line-height: 20px;--kbq-timezone-option-font-text-letter-spacing: -.006em;--kbq-timezone-option-font-text-font-weight: normal;--kbq-timezone-option-font-text-text-transform: null;--kbq-timezone-option-font-text-font-feature-settings: \"calt\", \"ss01\", \"ss04\", \"tnum\";--kbq-timezone-option-font-offset-text-font-size: 14px;--kbq-timezone-option-font-offset-text-line-height: 20px;--kbq-timezone-option-font-offset-text-letter-spacing: -.006em;--kbq-timezone-option-font-offset-text-font-weight: normal;--kbq-timezone-option-font-offset-text-text-transform: null;--kbq-timezone-option-font-offset-text-font-feature-settings: \"calt\", \"ss01\", \"ss04\", \"tnum\";--kbq-timezone-option-font-caption-font-size: 12px;--kbq-timezone-option-font-caption-line-height: 16px;--kbq-timezone-option-font-caption-letter-spacing: normal;--kbq-timezone-option-font-caption-font-weight: normal;--kbq-timezone-option-font-caption-text-transform: null;--kbq-timezone-option-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-timezone-option-font-optgroup-label-font-size: 12px;--kbq-timezone-option-font-optgroup-label-line-height: 16px;--kbq-timezone-option-font-optgroup-label-letter-spacing: 1px;--kbq-timezone-option-font-optgroup-label-font-weight: 500;--kbq-timezone-option-font-optgroup-label-text-transform: uppercase;--kbq-timezone-option-font-optgroup-label-font-feature-settings: \"calt\", \"case\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-timezone-option-font-text-font-family: var(--kbq-typography-tabular-normal-font-family);--kbq-timezone-option-font-offset-text-font-family: var(--kbq-typography-tabular-normal-font-family);--kbq-timezone-option-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-timezone-option-font-optgroup-label-font-family: var(--kbq-typography-caps-compact-strong-font-family)}:root{--kbq-typography-tabular-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-text-compact-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-caps-compact-strong-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-timezone-option-text: hsla(229, 15%, 15%, 100%);--kbq-timezone-option-caption: hsla(229, 15%, 50%, 100%);--kbq-timezone-option-optgroup-label: hsla(229, 15%, 50%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-timezone-option-text: hsla(229, 15%, 80%, 100%);--kbq-timezone-option-caption: hsla(229, 15%, 60%, 100%);--kbq-timezone-option-optgroup-label: hsla(229, 15%, 60%, 100%)}\n"], dependencies: [{ kind: "pipe", type: i1.KbqHighlightPipe, name: "mcHighlight" }, { kind: "pipe", type: i2.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i3.UtcOffsetPipe, name: "utcOffset" }, { kind: "pipe", type: i4.CitiesByFilterPipe, name: "citiesByFilter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTimezoneOption, decorators: [{
             type: Component,
@@ -35,7 +35,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
                             provide: KbqOption,
                             useExisting: forwardRef((() => KbqTimezoneOption))
                         }
-                    ], template: "@for (utcItem of timezone.offset | utcOffset | keyvalue; track utcItem) {\n    <div class=\"kbq-timezone-option__offset-wrapper layout-row layout-align-space-between\">\n        <div\n            class=\"kbq-timezone-option__offset\"\n            [innerHTML]=\"utcItem.key | mcHighlight: highlightText\"\n        ></div>\n        <div\n            class=\"kbq-timezone-option__offset\"\n            [innerHTML]=\"utcItem.value | mcHighlight: highlightText\"\n        ></div>\n    </div>\n}\n\n<div class=\"kbq-timezone-option__label\">\n    <span\n        class=\"kbq-timezone-option__city\"\n        [innerHTML]=\"timezone.city | mcHighlight: highlightText\"\n    ></span>\n    <div\n        #tooltipContentWrapper\n        class=\"kbq-timezone-option__cities\"\n    >\n        <span\n            #tooltipContent\n            [innerHTML]=\"timezone.cities | citiesByFilter: highlightText | mcHighlight: highlightText\"\n        ></span>\n    </div>\n</div>\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-group{display:flex;flex-direction:row}.kbq-group .kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-option{position:relative;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;min-height:32px;gap:var(--kbq-size-s, 8px);border:var(--kbq-size-3xs, 2px) solid transparent;padding-top:var(--kbq-size-xxs, 4px);padding-left:var(--kbq-size-m, 12px);padding-right:var(--kbq-size-m, 12px);padding-bottom:var(--kbq-size-xxs, 4px)}.kbq-option .kbq-list-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-option .kbq-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-option .kbq-list-text:empty{display:none}.kbq-option .kbq-list-option-caption{padding-top:var(--kbq-size-3xs, 2px)}.kbq-option:not(.kbq-disabled){cursor:pointer}.kbq-option-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-option-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-option-text:empty{display:none}.kbq-option{background:var(--kbq-list-default-container-background, )}.kbq-option .kbq-option-text{color:var(--kbq-list-default-text-color, )}.kbq-option .kbq-option-action .kbq-icon{color:var(--kbq-list-default-icon-button-color, )}.kbq-option .kbq-option-caption{color:var(--kbq-list-default-caption-color, )}.kbq-option:hover:not(.kbq-disabled){background:var(--kbq-list-states-hover-container-background, )}.kbq-option:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-list-states-hover-text-color, )}.kbq-option:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-list-states-hover-icon-button-color, )}.kbq-option:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-list-states-hover-caption-color, )}.kbq-option.kbq-focused,.kbq-option.kbq-active{border-color:var(--kbq-list-states-focused-focus-outline-color, )}.kbq-option.kbq-selected{background:var(--kbq-list-states-selected-container-background, )}.kbq-option.kbq-selected .kbq-option-text{color:var(--kbq-list-states-selected-text-color, )}.kbq-option.kbq-selected .kbq-option-action .kbq-icon{color:var(--kbq-list-states-selected-icon-button-color, )}.kbq-option.kbq-selected .kbq-option-caption{color:var(--kbq-list-states-selected-caption-color, )}.kbq-option.kbq-selected:hover:not(.kbq-disabled){background:var(--kbq-list-states-selected-hover-container-background, )}.kbq-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-list-states-selected-hover-text-color, )}.kbq-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-list-states-selected-hover-icon-button-color, )}.kbq-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-list-states-selected-hover-caption-color, )}.kbq-option.kbq-disabled{background:var(--kbq-list-states-disabled-container-background, )}.kbq-option.kbq-disabled .kbq-option-text{color:var(--kbq-list-states-disabled-text-color, )}.kbq-option.kbq-disabled .kbq-option-action .kbq-icon{color:var(--kbq-list-states-disabled-icon-button-color, )}.kbq-option.kbq-disabled .kbq-option-caption{color:var(--kbq-list-states-disabled-caption-color, )}.kbq-option{font-size:var(--kbq-list-font-text-font-size, 14px);font-weight:var(--kbq-list-font-text-font-weight, normal);line-height:var(--kbq-list-font-text-line-height, 20px);font-family:var(--kbq-list-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-list-font-text-text-transform, );font-feature-settings:var(--kbq-list-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-list-font-text-letter-spacing, -.006em)}.kbq-list-option-caption{font-size:var(--kbq-list-font-caption-font-size, 12px);font-weight:var(--kbq-list-font-caption-font-weight, normal);line-height:var(--kbq-list-font-caption-line-height, 16px);font-family:var(--kbq-list-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-list-font-caption-text-transform, );font-feature-settings:var(--kbq-list-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-list-font-caption-letter-spacing, normal)}\n", ".kbq-timezone-option.kbq-option{display:flex;flex-direction:row;align-items:flex-start;padding:var(--kbq-timezone-option-size-padding, 6px 10px);column-gap:var(--kbq-timezone-option-size-column-gap, 16px)}.kbq-timezone-option__label{display:flex;flex-direction:column;justify-content:stretch;flex:1;min-width:0}.kbq-timezone-option__offset-wrapper{min-width:77px}.kbq-timezone-option__cities{display:-webkit-box;-webkit-box-orient:vertical;max-height:var(--kbq-timezone-option-size-max-height, 5em);overflow:hidden}.kbq-select__panel .kbq-timezone-option{height:var(--kbq-timezone-option-size-height, auto)}.kbq-timezone-option__offset,.kbq-timezone-option__city{color:var(--kbq-timezone-option-text, )}.kbq-timezone-option__cities{color:var(--kbq-timezone-option-caption, )}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{color:var(--kbq-timezone-option-optgroup-label, )}.kbq-timezone-option__offset{font-size:var(--kbq-timezone-option-font-offset-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-offset-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-offset-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-offset-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-offset-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-offset-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-offset-text-letter-spacing, -.006em)}.kbq-timezone-option__city{font-size:var(--kbq-timezone-option-font-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-text-letter-spacing, -.006em)}.kbq-timezone-option__cities{font-size:var(--kbq-timezone-option-font-caption-font-size, 12px);font-weight:var(--kbq-timezone-option-font-caption-font-weight, normal);line-height:var(--kbq-timezone-option-font-caption-line-height, 16px);font-family:var(--kbq-timezone-option-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-caption-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-caption-letter-spacing, normal)}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{font-size:var(--kbq-timezone-option-font-optgroup-label-font-size, 12px);font-weight:var(--kbq-timezone-option-font-optgroup-label-font-weight, 500);line-height:var(--kbq-timezone-option-font-optgroup-label-line-height, 16px);font-family:var(--kbq-timezone-option-font-optgroup-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-optgroup-label-text-transform, uppercase);font-feature-settings:var(--kbq-timezone-option-font-optgroup-label-font-feature-settings, \"calt\", \"case\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-optgroup-label-letter-spacing, 1px)}\n", ".kbq-timezone-select__panel{--kbq-timezone-option-size-padding: 6px 10px;--kbq-timezone-option-size-column-gap: 16px;--kbq-timezone-option-size-height: auto;--kbq-timezone-option-size-max-height: 5em;--kbq-timezone-option-size-optgroup-label-padding: 12px 12px 4px 12px;--kbq-timezone-option-font-text-font-size: 14px;--kbq-timezone-option-font-text-line-height: 20px;--kbq-timezone-option-font-text-letter-spacing: -.006em;--kbq-timezone-option-font-text-font-weight: normal;--kbq-timezone-option-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-timezone-option-font-text-text-transform: null;--kbq-timezone-option-font-text-font-feature-settings: \"calt\", \"ss01\", \"ss04\", \"tnum\";--kbq-timezone-option-font-offset-text-font-size: 14px;--kbq-timezone-option-font-offset-text-line-height: 20px;--kbq-timezone-option-font-offset-text-letter-spacing: -.006em;--kbq-timezone-option-font-offset-text-font-weight: normal;--kbq-timezone-option-font-offset-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-timezone-option-font-offset-text-text-transform: null;--kbq-timezone-option-font-offset-text-font-feature-settings: \"calt\", \"ss01\", \"ss04\", \"tnum\";--kbq-timezone-option-font-caption-font-size: 12px;--kbq-timezone-option-font-caption-line-height: 16px;--kbq-timezone-option-font-caption-letter-spacing: normal;--kbq-timezone-option-font-caption-font-weight: normal;--kbq-timezone-option-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-timezone-option-font-caption-text-transform: null;--kbq-timezone-option-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-timezone-option-font-optgroup-label-font-size: 12px;--kbq-timezone-option-font-optgroup-label-line-height: 16px;--kbq-timezone-option-font-optgroup-label-letter-spacing: 1px;--kbq-timezone-option-font-optgroup-label-font-weight: 500;--kbq-timezone-option-font-optgroup-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-timezone-option-font-optgroup-label-text-transform: uppercase;--kbq-timezone-option-font-optgroup-label-font-feature-settings: \"calt\", \"case\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-timezone-option-text: hsla(229, 15%, 15%, 100%);--kbq-timezone-option-caption: hsla(229, 15%, 50%, 100%);--kbq-timezone-option-optgroup-label: hsla(229, 15%, 50%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-timezone-option-text: hsla(229, 15%, 80%, 100%);--kbq-timezone-option-caption: hsla(229, 15%, 60%, 100%);--kbq-timezone-option-optgroup-label: hsla(229, 15%, 60%, 100%)}\n"] }]
+                    ], template: "@for (utcItem of timezone.offset | utcOffset | keyvalue; track utcItem) {\n    <div class=\"kbq-timezone-option__offset-wrapper layout-row layout-align-space-between\">\n        <div\n            class=\"kbq-timezone-option__offset\"\n            [innerHTML]=\"utcItem.key | mcHighlight: highlightText\"\n        ></div>\n        <div\n            class=\"kbq-timezone-option__offset\"\n            [innerHTML]=\"utcItem.value | mcHighlight: highlightText\"\n        ></div>\n    </div>\n}\n\n<div class=\"kbq-timezone-option__label\">\n    <span\n        class=\"kbq-timezone-option__city\"\n        [innerHTML]=\"timezone.city | mcHighlight: highlightText\"\n    ></span>\n    <div\n        #tooltipContentWrapper\n        class=\"kbq-timezone-option__cities\"\n    >\n        <span\n            #tooltipContent\n            [innerHTML]=\"timezone.cities | citiesByFilter: highlightText | mcHighlight: highlightText\"\n        ></span>\n    </div>\n</div>\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-group{display:flex;flex-direction:row}.kbq-group .kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-option{position:relative;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;min-height:32px;gap:var(--kbq-size-s, 8px);border:var(--kbq-size-3xs, 2px) solid transparent;padding-top:var(--kbq-size-xxs, 4px);padding-left:var(--kbq-size-m, 12px);padding-right:var(--kbq-size-m, 12px);padding-bottom:var(--kbq-size-xxs, 4px)}.kbq-option .kbq-list-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-option .kbq-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-option .kbq-list-text:empty{display:none}.kbq-option .kbq-list-option-caption{padding-top:var(--kbq-size-3xs, 2px)}.kbq-option:not(.kbq-disabled){cursor:pointer}.kbq-option-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-option-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-option-text:empty{display:none}.kbq-option{background:var(--kbq-list-default-container-background, )}.kbq-option .kbq-option-text{color:var(--kbq-list-default-text-color, )}.kbq-option .kbq-option-action .kbq-icon{color:var(--kbq-list-default-icon-button-color, )}.kbq-option .kbq-option-caption{color:var(--kbq-list-default-caption-color, )}.kbq-option:hover:not(.kbq-disabled){background:var(--kbq-list-states-hover-container-background, )}.kbq-option:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-list-states-hover-text-color, )}.kbq-option:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-list-states-hover-icon-button-color, )}.kbq-option:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-list-states-hover-caption-color, )}.kbq-option.kbq-focused,.kbq-option.kbq-active{border-color:var(--kbq-list-states-focused-focus-outline-color, )}.kbq-option.kbq-selected{background:var(--kbq-list-states-selected-container-background, )}.kbq-option.kbq-selected .kbq-option-text{color:var(--kbq-list-states-selected-text-color, )}.kbq-option.kbq-selected .kbq-option-action .kbq-icon{color:var(--kbq-list-states-selected-icon-button-color, )}.kbq-option.kbq-selected .kbq-option-caption{color:var(--kbq-list-states-selected-caption-color, )}.kbq-option.kbq-selected:hover:not(.kbq-disabled){background:var(--kbq-list-states-selected-hover-container-background, )}.kbq-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-list-states-selected-hover-text-color, )}.kbq-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-list-states-selected-hover-icon-button-color, )}.kbq-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-list-states-selected-hover-caption-color, )}.kbq-option.kbq-disabled{background:var(--kbq-list-states-disabled-container-background, )}.kbq-option.kbq-disabled .kbq-option-text{color:var(--kbq-list-states-disabled-text-color, )}.kbq-option.kbq-disabled .kbq-option-action .kbq-icon{color:var(--kbq-list-states-disabled-icon-button-color, )}.kbq-option.kbq-disabled .kbq-option-caption{color:var(--kbq-list-states-disabled-caption-color, )}.kbq-option{font-size:var(--kbq-list-font-text-font-size, 14px);font-weight:var(--kbq-list-font-text-font-weight, normal);line-height:var(--kbq-list-font-text-line-height, 20px);font-family:var(--kbq-list-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-list-font-text-text-transform, );font-feature-settings:var(--kbq-list-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-list-font-text-letter-spacing, -.006em)}.kbq-list-option-caption{font-size:var(--kbq-list-font-caption-font-size, 12px);font-weight:var(--kbq-list-font-caption-font-weight, normal);line-height:var(--kbq-list-font-caption-line-height, 16px);font-family:var(--kbq-list-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-list-font-caption-text-transform, );font-feature-settings:var(--kbq-list-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-list-font-caption-letter-spacing, normal)}\n", ".kbq-timezone-option.kbq-option{display:flex;flex-direction:row;align-items:flex-start;padding:var(--kbq-timezone-option-size-padding, 6px 10px);column-gap:var(--kbq-timezone-option-size-column-gap, 16px)}.kbq-timezone-option__label{display:flex;flex-direction:column;justify-content:stretch;flex:1;min-width:0}.kbq-timezone-option__offset-wrapper{min-width:77px}.kbq-timezone-option__cities{display:-webkit-box;-webkit-box-orient:vertical;max-height:var(--kbq-timezone-option-size-max-height, 5em);overflow:hidden}.kbq-select__panel .kbq-timezone-option{height:var(--kbq-timezone-option-size-height, auto)}.kbq-timezone-option__offset,.kbq-timezone-option__city{color:var(--kbq-timezone-option-text, )}.kbq-timezone-option__cities{color:var(--kbq-timezone-option-caption, )}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{color:var(--kbq-timezone-option-optgroup-label, )}.kbq-timezone-option__offset{font-size:var(--kbq-timezone-option-font-offset-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-offset-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-offset-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-offset-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-offset-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-offset-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-offset-text-letter-spacing, -.006em)}.kbq-timezone-option__city{font-size:var(--kbq-timezone-option-font-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-text-letter-spacing, -.006em)}.kbq-timezone-option__cities{font-size:var(--kbq-timezone-option-font-caption-font-size, 12px);font-weight:var(--kbq-timezone-option-font-caption-font-weight, normal);line-height:var(--kbq-timezone-option-font-caption-line-height, 16px);font-family:var(--kbq-timezone-option-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-caption-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-caption-letter-spacing, normal)}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{font-size:var(--kbq-timezone-option-font-optgroup-label-font-size, 12px);font-weight:var(--kbq-timezone-option-font-optgroup-label-font-weight, 500);line-height:var(--kbq-timezone-option-font-optgroup-label-line-height, 16px);font-family:var(--kbq-timezone-option-font-optgroup-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-optgroup-label-text-transform, uppercase);font-feature-settings:var(--kbq-timezone-option-font-optgroup-label-font-feature-settings, \"calt\", \"case\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-optgroup-label-letter-spacing, 1px)}\n", ".kbq-timezone-select__panel{--kbq-timezone-option-size-padding: 6px 10px;--kbq-timezone-option-size-column-gap: 16px;--kbq-timezone-option-size-height: auto;--kbq-timezone-option-size-max-height: 5em;--kbq-timezone-option-size-optgroup-label-padding: 12px 12px 4px 12px;--kbq-timezone-option-font-text-font-size: 14px;--kbq-timezone-option-font-text-line-height: 20px;--kbq-timezone-option-font-text-letter-spacing: -.006em;--kbq-timezone-option-font-text-font-weight: normal;--kbq-timezone-option-font-text-text-transform: null;--kbq-timezone-option-font-text-font-feature-settings: \"calt\", \"ss01\", \"ss04\", \"tnum\";--kbq-timezone-option-font-offset-text-font-size: 14px;--kbq-timezone-option-font-offset-text-line-height: 20px;--kbq-timezone-option-font-offset-text-letter-spacing: -.006em;--kbq-timezone-option-font-offset-text-font-weight: normal;--kbq-timezone-option-font-offset-text-text-transform: null;--kbq-timezone-option-font-offset-text-font-feature-settings: \"calt\", \"ss01\", \"ss04\", \"tnum\";--kbq-timezone-option-font-caption-font-size: 12px;--kbq-timezone-option-font-caption-line-height: 16px;--kbq-timezone-option-font-caption-letter-spacing: normal;--kbq-timezone-option-font-caption-font-weight: normal;--kbq-timezone-option-font-caption-text-transform: null;--kbq-timezone-option-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-timezone-option-font-optgroup-label-font-size: 12px;--kbq-timezone-option-font-optgroup-label-line-height: 16px;--kbq-timezone-option-font-optgroup-label-letter-spacing: 1px;--kbq-timezone-option-font-optgroup-label-font-weight: 500;--kbq-timezone-option-font-optgroup-label-text-transform: uppercase;--kbq-timezone-option-font-optgroup-label-font-feature-settings: \"calt\", \"case\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-timezone-option-font-text-font-family: var(--kbq-typography-tabular-normal-font-family);--kbq-timezone-option-font-offset-text-font-family: var(--kbq-typography-tabular-normal-font-family);--kbq-timezone-option-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-timezone-option-font-optgroup-label-font-family: var(--kbq-typography-caps-compact-strong-font-family)}:root{--kbq-typography-tabular-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-text-compact-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-caps-compact-strong-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-timezone-option-text: hsla(229, 15%, 15%, 100%);--kbq-timezone-option-caption: hsla(229, 15%, 50%, 100%);--kbq-timezone-option-optgroup-label: hsla(229, 15%, 50%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-timezone-option-text: hsla(229, 15%, 80%, 100%);--kbq-timezone-option-caption: hsla(229, 15%, 60%, 100%);--kbq-timezone-option-optgroup-label: hsla(229, 15%, 60%, 100%)}\n"] }]
         }], propDecorators: { tooltipContentWrapper: [{
                 type: ViewChild,
                 args: ['tooltipContentWrapper', { static: false }]

package/esm2022/timezone/timezone-select.component.mjs

@@ -19,14 +19,14 @@ export class KbqTimezoneSelect extends KbqSelect {
     /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: KbqTimezoneSelect, selector: "kbq-timezone-select", providers: [
             { provide: KbqFormFieldControl, useExisting: KbqTimezoneSelect },
             { provide: KBQ_OPTION_PARENT_COMPONENT, useExisting: KbqTimezoneSelect }
-        ], queries: [{ propertyName: "customTrigger", first: true, predicate: KbqTimezoneSelectTrigger, descendants: true }, { propertyName: "cleaner", first: true, predicate: ["kbqSelectCleaner"], descendants: true, static: true }, { propertyName: "search", first: true, predicate: KbqSelectSearch, descendants: true }], exportAs: ["kbqTimezoneSelect"], usesInheritance: true, ngImport: i0, template: "<div\n    #origin=\"cdkOverlayOrigin\"\n    #trigger\n    cdk-overlay-origin\n    class=\"kbq-select__trigger\"\n    [class.kbq-select__trigger_empty]=\"empty\"\n    [class.kbq-select__trigger_multiple]=\"multiple\"\n    [class.kbq-select__trigger_single]=\"!multiple\"\n>\n    <div class=\"kbq-select__matcher\">\n        @if (empty) {\n            <span class=\"kbq-select__placeholder\">\n                {{ placeholder || '\\u00A0' }}\n            </span>\n        } @else {\n            <span>\n                @if (!!customTrigger) {\n                    <ng-content select=\"kbq-timezone-select-trigger\" />\n                } @else {\n                    <div class=\"kbq-select__match-container\">\n                        <span class=\"kbq-select__matcher-text\">{{ triggerValue }}</span>\n                    </div>\n                }\n            </span>\n        }\n\n        @if (canShowCleaner) {\n            <div\n                class=\"kbq-select__cleaner\"\n                (click)=\"clearValue($event)\"\n            >\n                <ng-content select=\"kbq-cleaner\" />\n            </div>\n        }\n\n        <div class=\"kbq-select__arrow-wrapper\">\n            <i\n                kbq-icon=\"mc-angle-down-S_16\"\n                class=\"kbq-select__arrow\"\n            ></i>\n        </div>\n    </div>\n</div>\n\n<ng-template\n    cdk-connected-overlay\n    cdkConnectedOverlayLockPosition\n    [cdkConnectedOverlayBackdropClass]=\"backdropClass\"\n    [cdkConnectedOverlayHasBackdrop]=\"hasBackdrop\"\n    [cdkConnectedOverlayMinWidth]=\"triggerRect?.width!\"\n    [cdkConnectedOverlayOffsetY]=\"offsetY\"\n    [cdkConnectedOverlayOpen]=\"panelOpen\"\n    [cdkConnectedOverlayOrigin]=\"origin\"\n    [cdkConnectedOverlayPositions]=\"positions\"\n    [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n    [cdkConnectedOverlayWidth]=\"triggerRect?.width!\"\n    (attach)=\"onAttached()\"\n    (backdropClick)=\"close()\"\n    (detach)=\"close()\"\n>\n    <div\n        #panel\n        class=\"kbq-select__panel kbq-timezone-select__panel {{ getPanelTheme() }}\"\n        [ngClass]=\"panelClass\"\n        [style.font-size.px]=\"triggerFontSize\"\n        [style.transformOrigin]=\"transformOrigin\"\n        (keydown)=\"handleKeydown($event)\"\n    >\n        @if (search) {\n            <div class=\"kbq-select__search-container\">\n                <ng-content select=\"[kbqSelectSearch]\" />\n            </div>\n        }\n\n        <div\n            #optionsContainer\n            class=\"kbq-select__content\"\n            (@fadeInContent.done)=\"panelDoneAnimatingStream.next($event.toState)\"\n            [@fadeInContent]=\"'showing'\"\n        >\n            @if (isEmptySearchResult) {\n                <div class=\"kbq-select__no-options-message\">\n                    <ng-content select=\"[kbq-select-search-empty-result]\" />\n                </div>\n            }\n            <ng-content />\n        </div>\n    </div>\n</ng-template>\n", styles: [".kbq-select{box-sizing:border-box;display:inline-block;width:100%;outline:none}.kbq-select .kbq-select__matcher{display:flex;align-items:center;width:100%;overflow:hidden;white-space:nowrap}.kbq-select .kbq-select__matcher>span{flex:1;overflow:hidden}.kbq-select .kbq-select__trigger{display:flex;box-sizing:border-box;position:relative;cursor:pointer;height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-form-field-size-border-width, 1px) * 2)}.kbq-select .kbq-select__trigger.kbq-select__trigger_single .kbq-select__matcher,.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple.kbq-select__trigger_empty .kbq-select__matcher{padding:calc(var(--kbq-select-size-single-padding-vertical, 6px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-right, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-vertical, 6px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-left, 12px) - var(--kbq-form-field-size-border-width, 1px))}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher{padding:calc(var(--kbq-select-size-multiple-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-right, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-left, 4px) - var(--kbq-form-field-size-border-width, 1px))}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-container{display:flex}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-list{display:flex;flex-wrap:wrap;overflow:hidden;height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-select-size-multiple-padding-vertical, 4px) * 2);max-height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-select-size-multiple-padding-vertical, 4px) * 2);gap:var(--kbq-select-size-multiple-content-gap, 4px);margin-right:var(--kbq-select-size-multiple-content-gap, 4px)}.kbq-select .kbq-select__match-container{width:100%;text-overflow:ellipsis;overflow:hidden}.kbq-select .kbq-select__match-container .kbq-select__match-hidden-text{flex:0 0 70px;align-self:center;padding-left:4px;padding-right:var(--kbq-select-size-multiple-content-gap, 4px);text-align:right}.kbq-select .kbq-select__arrow-wrapper{display:flex;align-self:center;padding:4px}.kbq-form-field-appearance-fill .kbq-select .kbq-select__arrow-wrapper,.kbq-form-field-appearance-standard .kbq-select .kbq-select__arrow-wrapper{transform:translateY(-50%)}.kbq-form-field-appearance-outline .kbq-select .kbq-select__arrow-wrapper{transform:translateY(-25%)}.kbq-disabled.kbq-select .kbq-select__trigger{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.kbq-select__panel{min-width:100%;overflow:hidden;border-radius:var(--kbq-select-panel-size-border-radius, 8px)}.kbq-select__panel .kbq-optgroup-label,.kbq-select__panel .kbq-option{font-size:inherit}.kbq-select__panel .kbq-select__no-options-message{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;max-width:100%;height:var(--kbq-option-size-height, 32px);cursor:default;outline:none;padding-left:var(--kbq-option-size-horizontal-padding, 12px);padding-right:var(--kbq-option-size-horizontal-padding, 12px);border:var(--kbq-option-size-border-width, 2px) solid transparent}.kbq-select__panel .kbq-select__search-container{border-bottom-width:1px;border-bottom-style:solid}.kbq-select__content{max-height:var(--kbq-select-panel-size-max-height, 256px);padding:4px 0;overflow:hidden auto}.kbq-select__panel .kbq-select__footer{display:flex;align-items:center;box-sizing:border-box;min-height:40px;border-top-width:1px;border-top-style:solid;padding:var(--kbq-size-xxs, 4px) var(--kbq-size-m, 12px)}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport{min-height:var(--kbq-select-panel-size-max-height, 256px);max-height:var(--kbq-select-panel-size-max-height, 256px)}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{max-width:100%}.kbq-form-field-type-select:not(.kbq-disabled) .kbq-form-field-flex{cursor:pointer}.kbq-select{color:var(--kbq-foreground-contrast, )}.kbq-select.ng-invalid{color:var(--kbq-error-default, )}.kbq-select.kbq-disabled{color:var(--kbq-foreground-text-disabled, )}.kbq-select__placeholder{text-overflow:ellipsis;color:var(--kbq-foreground-text-disabled, )}.kbq-select__panel{box-shadow:var(--kbq-select-panel-dropdown-shadow, );background:var(--kbq-select-panel-dropdown-background, )}.kbq-select__panel .kbq-select__footer{border-color:var(--kbq-divider-color, )}.kbq-select__search-container{border-bottom-color:var(--kbq-divider-color, )}.kbq-select__no-options-message{color:var(--kbq-foreground-text-less-contrast, )}.kbq-select{font-size:var(--kbq-select-font-default-font-size, 14px);font-weight:var(--kbq-select-font-default-font-weight, normal);line-height:var(--kbq-select-font-default-line-height, 20px);font-family:var(--kbq-select-font-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-select-font-default-text-transform, );font-feature-settings:var(--kbq-select-font-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-select-font-default-letter-spacing, -.006em)}.kbq-select__panel{font-size:var(--kbq-select-panel-font-default-font-size, 14px);font-weight:var(--kbq-select-panel-font-default-font-weight, normal);line-height:var(--kbq-select-panel-font-default-line-height, 20px);font-family:var(--kbq-select-panel-font-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-select-panel-font-default-text-transform, );font-feature-settings:var(--kbq-select-panel-font-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-select-panel-font-default-letter-spacing, -.006em)}\n", ".kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{display:block;padding:var(--kbq-timezone-option-size-optgroup-label-padding, 12px 12px 4px 12px)}.kbq-timezone-option__offset,.kbq-timezone-option__city{color:var(--kbq-timezone-option-text, )}.kbq-timezone-option__cities{color:var(--kbq-timezone-option-caption, )}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{color:var(--kbq-timezone-option-optgroup-label, )}.kbq-timezone-option__offset{font-size:var(--kbq-timezone-option-font-offset-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-offset-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-offset-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-offset-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-offset-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-offset-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-offset-text-letter-spacing, -.006em)}.kbq-timezone-option__city{font-size:var(--kbq-timezone-option-font-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-text-letter-spacing, -.006em)}.kbq-timezone-option__cities{font-size:var(--kbq-timezone-option-font-caption-font-size, 12px);font-weight:var(--kbq-timezone-option-font-caption-font-weight, normal);line-height:var(--kbq-timezone-option-font-caption-line-height, 16px);font-family:var(--kbq-timezone-option-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-caption-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-caption-letter-spacing, normal)}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{font-size:var(--kbq-timezone-option-font-optgroup-label-font-size, 12px);font-weight:var(--kbq-timezone-option-font-optgroup-label-font-weight, 500);line-height:var(--kbq-timezone-option-font-optgroup-label-line-height, 16px);font-family:var(--kbq-timezone-option-font-optgroup-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-optgroup-label-text-transform, uppercase);font-feature-settings:var(--kbq-timezone-option-font-optgroup-label-font-feature-settings, \"calt\", \"case\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-optgroup-label-letter-spacing, 1px)}\n", ".kbq-timezone-select__panel{--kbq-timezone-option-size-padding: 6px 10px;--kbq-timezone-option-size-column-gap: 16px;--kbq-timezone-option-size-height: auto;--kbq-timezone-option-size-max-height: 5em;--kbq-timezone-option-size-optgroup-label-padding: 12px 12px 4px 12px;--kbq-timezone-option-font-text-font-size: 14px;--kbq-timezone-option-font-text-line-height: 20px;--kbq-timezone-option-font-text-letter-spacing: -.006em;--kbq-timezone-option-font-text-font-weight: normal;--kbq-timezone-option-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-timezone-option-font-text-text-transform: null;--kbq-timezone-option-font-text-font-feature-settings: \"calt\", \"ss01\", \"ss04\", \"tnum\";--kbq-timezone-option-font-offset-text-font-size: 14px;--kbq-timezone-option-font-offset-text-line-height: 20px;--kbq-timezone-option-font-offset-text-letter-spacing: -.006em;--kbq-timezone-option-font-offset-text-font-weight: normal;--kbq-timezone-option-font-offset-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-timezone-option-font-offset-text-text-transform: null;--kbq-timezone-option-font-offset-text-font-feature-settings: \"calt\", \"ss01\", \"ss04\", \"tnum\";--kbq-timezone-option-font-caption-font-size: 12px;--kbq-timezone-option-font-caption-line-height: 16px;--kbq-timezone-option-font-caption-letter-spacing: normal;--kbq-timezone-option-font-caption-font-weight: normal;--kbq-timezone-option-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-timezone-option-font-caption-text-transform: null;--kbq-timezone-option-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-timezone-option-font-optgroup-label-font-size: 12px;--kbq-timezone-option-font-optgroup-label-line-height: 16px;--kbq-timezone-option-font-optgroup-label-letter-spacing: 1px;--kbq-timezone-option-font-optgroup-label-font-weight: 500;--kbq-timezone-option-font-optgroup-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-timezone-option-font-optgroup-label-text-transform: uppercase;--kbq-timezone-option-font-optgroup-label-font-feature-settings: \"calt\", \"case\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-timezone-option-text: hsla(229, 15%, 15%, 100%);--kbq-timezone-option-caption: hsla(229, 15%, 50%, 100%);--kbq-timezone-option-optgroup-label: hsla(229, 15%, 50%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-timezone-option-text: hsla(229, 15%, 80%, 100%);--kbq-timezone-option-caption: hsla(229, 15%, 60%, 100%);--kbq-timezone-option-optgroup-label: hsla(229, 15%, 60%, 100%)}\n"], dependencies: [{ kind: "directive", type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: i2.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "customTrigger", first: true, predicate: KbqTimezoneSelectTrigger, descendants: true }, { propertyName: "cleaner", first: true, predicate: ["kbqSelectCleaner"], descendants: true, static: true }, { propertyName: "search", first: true, predicate: KbqSelectSearch, descendants: true }], exportAs: ["kbqTimezoneSelect"], usesInheritance: true, ngImport: i0, template: "<div\n    #origin=\"cdkOverlayOrigin\"\n    #trigger\n    cdk-overlay-origin\n    class=\"kbq-select__trigger\"\n    [class.kbq-select__trigger_empty]=\"empty\"\n    [class.kbq-select__trigger_multiple]=\"multiple\"\n    [class.kbq-select__trigger_single]=\"!multiple\"\n>\n    <div class=\"kbq-select__matcher\">\n        @if (empty) {\n            <span class=\"kbq-select__placeholder\">\n                {{ placeholder || '\\u00A0' }}\n            </span>\n        } @else {\n            <span>\n                @if (!!customTrigger) {\n                    <ng-content select=\"kbq-timezone-select-trigger\" />\n                } @else {\n                    <div class=\"kbq-select__match-container\">\n                        <span class=\"kbq-select__matcher-text\">{{ triggerValue }}</span>\n                    </div>\n                }\n            </span>\n        }\n\n        @if (canShowCleaner) {\n            <div\n                class=\"kbq-select__cleaner\"\n                (click)=\"clearValue($event)\"\n            >\n                <ng-content select=\"kbq-cleaner\" />\n            </div>\n        }\n\n        <div class=\"kbq-select__arrow-wrapper\">\n            <i\n                kbq-icon=\"mc-angle-down-S_16\"\n                class=\"kbq-select__arrow\"\n            ></i>\n        </div>\n    </div>\n</div>\n\n<ng-template\n    cdk-connected-overlay\n    cdkConnectedOverlayLockPosition\n    [cdkConnectedOverlayBackdropClass]=\"backdropClass\"\n    [cdkConnectedOverlayHasBackdrop]=\"hasBackdrop\"\n    [cdkConnectedOverlayMinWidth]=\"triggerRect?.width!\"\n    [cdkConnectedOverlayOffsetY]=\"offsetY\"\n    [cdkConnectedOverlayOpen]=\"panelOpen\"\n    [cdkConnectedOverlayOrigin]=\"origin\"\n    [cdkConnectedOverlayPositions]=\"positions\"\n    [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n    [cdkConnectedOverlayWidth]=\"triggerRect?.width!\"\n    (attach)=\"onAttached()\"\n    (backdropClick)=\"close()\"\n    (detach)=\"close()\"\n>\n    <div\n        #panel\n        class=\"kbq-select__panel kbq-timezone-select__panel {{ getPanelTheme() }}\"\n        [ngClass]=\"panelClass\"\n        [style.font-size.px]=\"triggerFontSize\"\n        [style.transformOrigin]=\"transformOrigin\"\n        (keydown)=\"handleKeydown($event)\"\n    >\n        @if (search) {\n            <div class=\"kbq-select__search-container\">\n                <ng-content select=\"[kbqSelectSearch]\" />\n            </div>\n        }\n\n        <div\n            #optionsContainer\n            class=\"kbq-select__content\"\n            (@fadeInContent.done)=\"panelDoneAnimatingStream.next($event.toState)\"\n            [@fadeInContent]=\"'showing'\"\n        >\n            @if (isEmptySearchResult) {\n                <div class=\"kbq-select__no-options-message\">\n                    <ng-content select=\"[kbq-select-search-empty-result]\" />\n                </div>\n            }\n            <ng-content />\n        </div>\n    </div>\n</ng-template>\n", styles: [".kbq-select{box-sizing:border-box;display:inline-block;width:100%;outline:none}.kbq-select .kbq-select__matcher{display:flex;align-items:center;width:100%;overflow:hidden;white-space:nowrap}.kbq-select .kbq-select__matcher>span{flex:1;overflow:hidden}.kbq-select .kbq-select__trigger{display:flex;box-sizing:border-box;position:relative;cursor:pointer;height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-form-field-size-border-width, 1px) * 2)}.kbq-select .kbq-select__trigger.kbq-select__trigger_single .kbq-select__matcher,.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple.kbq-select__trigger_empty .kbq-select__matcher{padding:calc(var(--kbq-select-size-single-padding-vertical, 6px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-right, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-vertical, 6px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-left, 12px) - var(--kbq-form-field-size-border-width, 1px))}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher{padding:calc(var(--kbq-select-size-multiple-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-right, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-left, 4px) - var(--kbq-form-field-size-border-width, 1px))}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-container{display:flex}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-list{display:flex;flex-wrap:wrap;overflow:hidden;height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-select-size-multiple-padding-vertical, 4px) * 2);max-height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-select-size-multiple-padding-vertical, 4px) * 2);gap:var(--kbq-select-size-multiple-content-gap, 4px);margin-right:var(--kbq-select-size-multiple-content-gap, 4px)}.kbq-select .kbq-select__match-container{width:100%;text-overflow:ellipsis;overflow:hidden}.kbq-select .kbq-select__match-container .kbq-select__match-hidden-text{flex:0 0 70px;align-self:center;padding-left:4px;padding-right:var(--kbq-select-size-multiple-content-gap, 4px);text-align:right}.kbq-select .kbq-select__arrow-wrapper{display:flex;align-self:center;padding:4px}.kbq-form-field-appearance-fill .kbq-select .kbq-select__arrow-wrapper,.kbq-form-field-appearance-standard .kbq-select .kbq-select__arrow-wrapper{transform:translateY(-50%)}.kbq-form-field-appearance-outline .kbq-select .kbq-select__arrow-wrapper{transform:translateY(-25%)}.kbq-disabled.kbq-select .kbq-select__trigger{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.kbq-select__panel{min-width:100%;overflow:hidden;border-radius:var(--kbq-select-panel-size-border-radius, 8px)}.kbq-select__panel .kbq-optgroup-label,.kbq-select__panel .kbq-option{font-size:inherit}.kbq-select__panel .kbq-select__no-options-message{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;max-width:100%;height:var(--kbq-option-size-height, 32px);cursor:default;outline:none;padding-left:var(--kbq-option-size-horizontal-padding, 12px);padding-right:var(--kbq-option-size-horizontal-padding, 12px);border:var(--kbq-option-size-border-width, 2px) solid transparent}.kbq-select__panel .kbq-select__search-container{border-bottom-width:1px;border-bottom-style:solid}.kbq-select__content{max-height:var(--kbq-select-panel-size-max-height, 256px);padding:4px 0;overflow:hidden auto}.kbq-select__panel .kbq-select__footer{display:flex;align-items:center;box-sizing:border-box;min-height:40px;border-top-width:1px;border-top-style:solid;padding:var(--kbq-size-xxs, 4px) var(--kbq-size-m, 12px)}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport{min-height:var(--kbq-select-panel-size-max-height, 256px);max-height:var(--kbq-select-panel-size-max-height, 256px)}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{max-width:100%}.kbq-form-field-type-select:not(.kbq-disabled) .kbq-form-field-flex{cursor:pointer}.kbq-select{color:var(--kbq-foreground-contrast, )}.kbq-select.ng-invalid{color:var(--kbq-error-default, )}.kbq-select.kbq-disabled{color:var(--kbq-foreground-text-disabled, )}.kbq-select__placeholder{text-overflow:ellipsis;color:var(--kbq-foreground-text-disabled, )}.kbq-select__panel{box-shadow:var(--kbq-select-panel-dropdown-shadow, );background:var(--kbq-select-panel-dropdown-background, )}.kbq-select__panel .kbq-select__footer{border-color:var(--kbq-divider-color, )}.kbq-select__search-container{border-bottom-color:var(--kbq-divider-color, )}.kbq-select__no-options-message{color:var(--kbq-foreground-text-less-contrast, )}.kbq-select{font-size:var(--kbq-select-font-default-font-size, 14px);font-weight:var(--kbq-select-font-default-font-weight, normal);line-height:var(--kbq-select-font-default-line-height, 20px);font-family:var(--kbq-select-font-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-select-font-default-text-transform, );font-feature-settings:var(--kbq-select-font-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-select-font-default-letter-spacing, -.006em)}.kbq-select__panel{font-size:var(--kbq-select-panel-font-default-font-size, 14px);font-weight:var(--kbq-select-panel-font-default-font-weight, normal);line-height:var(--kbq-select-panel-font-default-line-height, 20px);font-family:var(--kbq-select-panel-font-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-select-panel-font-default-text-transform, );font-feature-settings:var(--kbq-select-panel-font-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-select-panel-font-default-letter-spacing, -.006em)}\n", ".kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{display:block;padding:var(--kbq-timezone-option-size-optgroup-label-padding, 12px 12px 4px 12px)}.kbq-timezone-option__offset,.kbq-timezone-option__city{color:var(--kbq-timezone-option-text, )}.kbq-timezone-option__cities{color:var(--kbq-timezone-option-caption, )}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{color:var(--kbq-timezone-option-optgroup-label, )}.kbq-timezone-option__offset{font-size:var(--kbq-timezone-option-font-offset-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-offset-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-offset-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-offset-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-offset-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-offset-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-offset-text-letter-spacing, -.006em)}.kbq-timezone-option__city{font-size:var(--kbq-timezone-option-font-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-text-letter-spacing, -.006em)}.kbq-timezone-option__cities{font-size:var(--kbq-timezone-option-font-caption-font-size, 12px);font-weight:var(--kbq-timezone-option-font-caption-font-weight, normal);line-height:var(--kbq-timezone-option-font-caption-line-height, 16px);font-family:var(--kbq-timezone-option-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-caption-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-caption-letter-spacing, normal)}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{font-size:var(--kbq-timezone-option-font-optgroup-label-font-size, 12px);font-weight:var(--kbq-timezone-option-font-optgroup-label-font-weight, 500);line-height:var(--kbq-timezone-option-font-optgroup-label-line-height, 16px);font-family:var(--kbq-timezone-option-font-optgroup-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-optgroup-label-text-transform, uppercase);font-feature-settings:var(--kbq-timezone-option-font-optgroup-label-font-feature-settings, \"calt\", \"case\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-optgroup-label-letter-spacing, 1px)}\n", ".kbq-timezone-select__panel{--kbq-timezone-option-size-padding: 6px 10px;--kbq-timezone-option-size-column-gap: 16px;--kbq-timezone-option-size-height: auto;--kbq-timezone-option-size-max-height: 5em;--kbq-timezone-option-size-optgroup-label-padding: 12px 12px 4px 12px;--kbq-timezone-option-font-text-font-size: 14px;--kbq-timezone-option-font-text-line-height: 20px;--kbq-timezone-option-font-text-letter-spacing: -.006em;--kbq-timezone-option-font-text-font-weight: normal;--kbq-timezone-option-font-text-text-transform: null;--kbq-timezone-option-font-text-font-feature-settings: \"calt\", \"ss01\", \"ss04\", \"tnum\";--kbq-timezone-option-font-offset-text-font-size: 14px;--kbq-timezone-option-font-offset-text-line-height: 20px;--kbq-timezone-option-font-offset-text-letter-spacing: -.006em;--kbq-timezone-option-font-offset-text-font-weight: normal;--kbq-timezone-option-font-offset-text-text-transform: null;--kbq-timezone-option-font-offset-text-font-feature-settings: \"calt\", \"ss01\", \"ss04\", \"tnum\";--kbq-timezone-option-font-caption-font-size: 12px;--kbq-timezone-option-font-caption-line-height: 16px;--kbq-timezone-option-font-caption-letter-spacing: normal;--kbq-timezone-option-font-caption-font-weight: normal;--kbq-timezone-option-font-caption-text-transform: null;--kbq-timezone-option-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-timezone-option-font-optgroup-label-font-size: 12px;--kbq-timezone-option-font-optgroup-label-line-height: 16px;--kbq-timezone-option-font-optgroup-label-letter-spacing: 1px;--kbq-timezone-option-font-optgroup-label-font-weight: 500;--kbq-timezone-option-font-optgroup-label-text-transform: uppercase;--kbq-timezone-option-font-optgroup-label-font-feature-settings: \"calt\", \"case\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-timezone-option-font-text-font-family: var(--kbq-typography-tabular-normal-font-family);--kbq-timezone-option-font-offset-text-font-family: var(--kbq-typography-tabular-normal-font-family);--kbq-timezone-option-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-timezone-option-font-optgroup-label-font-family: var(--kbq-typography-caps-compact-strong-font-family)}:root{--kbq-typography-tabular-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-text-compact-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-caps-compact-strong-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-timezone-option-text: hsla(229, 15%, 15%, 100%);--kbq-timezone-option-caption: hsla(229, 15%, 50%, 100%);--kbq-timezone-option-optgroup-label: hsla(229, 15%, 50%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-timezone-option-text: hsla(229, 15%, 80%, 100%);--kbq-timezone-option-caption: hsla(229, 15%, 60%, 100%);--kbq-timezone-option-optgroup-label: hsla(229, 15%, 60%, 100%)}\n"], dependencies: [{ kind: "directive", type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: i2.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTimezoneSelect, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-timezone-select', exportAs: 'kbqTimezoneSelect', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: KbqFormFieldControl, useExisting: KbqTimezoneSelect },
                         { provide: KBQ_OPTION_PARENT_COMPONENT, useExisting: KbqTimezoneSelect }
-                    ], template: "<div\n    #origin=\"cdkOverlayOrigin\"\n    #trigger\n    cdk-overlay-origin\n    class=\"kbq-select__trigger\"\n    [class.kbq-select__trigger_empty]=\"empty\"\n    [class.kbq-select__trigger_multiple]=\"multiple\"\n    [class.kbq-select__trigger_single]=\"!multiple\"\n>\n    <div class=\"kbq-select__matcher\">\n        @if (empty) {\n            <span class=\"kbq-select__placeholder\">\n                {{ placeholder || '\\u00A0' }}\n            </span>\n        } @else {\n            <span>\n                @if (!!customTrigger) {\n                    <ng-content select=\"kbq-timezone-select-trigger\" />\n                } @else {\n                    <div class=\"kbq-select__match-container\">\n                        <span class=\"kbq-select__matcher-text\">{{ triggerValue }}</span>\n                    </div>\n                }\n            </span>\n        }\n\n        @if (canShowCleaner) {\n            <div\n                class=\"kbq-select__cleaner\"\n                (click)=\"clearValue($event)\"\n            >\n                <ng-content select=\"kbq-cleaner\" />\n            </div>\n        }\n\n        <div class=\"kbq-select__arrow-wrapper\">\n            <i\n                kbq-icon=\"mc-angle-down-S_16\"\n                class=\"kbq-select__arrow\"\n            ></i>\n        </div>\n    </div>\n</div>\n\n<ng-template\n    cdk-connected-overlay\n    cdkConnectedOverlayLockPosition\n    [cdkConnectedOverlayBackdropClass]=\"backdropClass\"\n    [cdkConnectedOverlayHasBackdrop]=\"hasBackdrop\"\n    [cdkConnectedOverlayMinWidth]=\"triggerRect?.width!\"\n    [cdkConnectedOverlayOffsetY]=\"offsetY\"\n    [cdkConnectedOverlayOpen]=\"panelOpen\"\n    [cdkConnectedOverlayOrigin]=\"origin\"\n    [cdkConnectedOverlayPositions]=\"positions\"\n    [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n    [cdkConnectedOverlayWidth]=\"triggerRect?.width!\"\n    (attach)=\"onAttached()\"\n    (backdropClick)=\"close()\"\n    (detach)=\"close()\"\n>\n    <div\n        #panel\n        class=\"kbq-select__panel kbq-timezone-select__panel {{ getPanelTheme() }}\"\n        [ngClass]=\"panelClass\"\n        [style.font-size.px]=\"triggerFontSize\"\n        [style.transformOrigin]=\"transformOrigin\"\n        (keydown)=\"handleKeydown($event)\"\n    >\n        @if (search) {\n            <div class=\"kbq-select__search-container\">\n                <ng-content select=\"[kbqSelectSearch]\" />\n            </div>\n        }\n\n        <div\n            #optionsContainer\n            class=\"kbq-select__content\"\n            (@fadeInContent.done)=\"panelDoneAnimatingStream.next($event.toState)\"\n            [@fadeInContent]=\"'showing'\"\n        >\n            @if (isEmptySearchResult) {\n                <div class=\"kbq-select__no-options-message\">\n                    <ng-content select=\"[kbq-select-search-empty-result]\" />\n                </div>\n            }\n            <ng-content />\n        </div>\n    </div>\n</ng-template>\n", styles: [".kbq-select{box-sizing:border-box;display:inline-block;width:100%;outline:none}.kbq-select .kbq-select__matcher{display:flex;align-items:center;width:100%;overflow:hidden;white-space:nowrap}.kbq-select .kbq-select__matcher>span{flex:1;overflow:hidden}.kbq-select .kbq-select__trigger{display:flex;box-sizing:border-box;position:relative;cursor:pointer;height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-form-field-size-border-width, 1px) * 2)}.kbq-select .kbq-select__trigger.kbq-select__trigger_single .kbq-select__matcher,.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple.kbq-select__trigger_empty .kbq-select__matcher{padding:calc(var(--kbq-select-size-single-padding-vertical, 6px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-right, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-vertical, 6px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-left, 12px) - var(--kbq-form-field-size-border-width, 1px))}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher{padding:calc(var(--kbq-select-size-multiple-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-right, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-left, 4px) - var(--kbq-form-field-size-border-width, 1px))}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-container{display:flex}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-list{display:flex;flex-wrap:wrap;overflow:hidden;height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-select-size-multiple-padding-vertical, 4px) * 2);max-height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-select-size-multiple-padding-vertical, 4px) * 2);gap:var(--kbq-select-size-multiple-content-gap, 4px);margin-right:var(--kbq-select-size-multiple-content-gap, 4px)}.kbq-select .kbq-select__match-container{width:100%;text-overflow:ellipsis;overflow:hidden}.kbq-select .kbq-select__match-container .kbq-select__match-hidden-text{flex:0 0 70px;align-self:center;padding-left:4px;padding-right:var(--kbq-select-size-multiple-content-gap, 4px);text-align:right}.kbq-select .kbq-select__arrow-wrapper{display:flex;align-self:center;padding:4px}.kbq-form-field-appearance-fill .kbq-select .kbq-select__arrow-wrapper,.kbq-form-field-appearance-standard .kbq-select .kbq-select__arrow-wrapper{transform:translateY(-50%)}.kbq-form-field-appearance-outline .kbq-select .kbq-select__arrow-wrapper{transform:translateY(-25%)}.kbq-disabled.kbq-select .kbq-select__trigger{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.kbq-select__panel{min-width:100%;overflow:hidden;border-radius:var(--kbq-select-panel-size-border-radius, 8px)}.kbq-select__panel .kbq-optgroup-label,.kbq-select__panel .kbq-option{font-size:inherit}.kbq-select__panel .kbq-select__no-options-message{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;max-width:100%;height:var(--kbq-option-size-height, 32px);cursor:default;outline:none;padding-left:var(--kbq-option-size-horizontal-padding, 12px);padding-right:var(--kbq-option-size-horizontal-padding, 12px);border:var(--kbq-option-size-border-width, 2px) solid transparent}.kbq-select__panel .kbq-select__search-container{border-bottom-width:1px;border-bottom-style:solid}.kbq-select__content{max-height:var(--kbq-select-panel-size-max-height, 256px);padding:4px 0;overflow:hidden auto}.kbq-select__panel .kbq-select__footer{display:flex;align-items:center;box-sizing:border-box;min-height:40px;border-top-width:1px;border-top-style:solid;padding:var(--kbq-size-xxs, 4px) var(--kbq-size-m, 12px)}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport{min-height:var(--kbq-select-panel-size-max-height, 256px);max-height:var(--kbq-select-panel-size-max-height, 256px)}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{max-width:100%}.kbq-form-field-type-select:not(.kbq-disabled) .kbq-form-field-flex{cursor:pointer}.kbq-select{color:var(--kbq-foreground-contrast, )}.kbq-select.ng-invalid{color:var(--kbq-error-default, )}.kbq-select.kbq-disabled{color:var(--kbq-foreground-text-disabled, )}.kbq-select__placeholder{text-overflow:ellipsis;color:var(--kbq-foreground-text-disabled, )}.kbq-select__panel{box-shadow:var(--kbq-select-panel-dropdown-shadow, );background:var(--kbq-select-panel-dropdown-background, )}.kbq-select__panel .kbq-select__footer{border-color:var(--kbq-divider-color, )}.kbq-select__search-container{border-bottom-color:var(--kbq-divider-color, )}.kbq-select__no-options-message{color:var(--kbq-foreground-text-less-contrast, )}.kbq-select{font-size:var(--kbq-select-font-default-font-size, 14px);font-weight:var(--kbq-select-font-default-font-weight, normal);line-height:var(--kbq-select-font-default-line-height, 20px);font-family:var(--kbq-select-font-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-select-font-default-text-transform, );font-feature-settings:var(--kbq-select-font-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-select-font-default-letter-spacing, -.006em)}.kbq-select__panel{font-size:var(--kbq-select-panel-font-default-font-size, 14px);font-weight:var(--kbq-select-panel-font-default-font-weight, normal);line-height:var(--kbq-select-panel-font-default-line-height, 20px);font-family:var(--kbq-select-panel-font-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-select-panel-font-default-text-transform, );font-feature-settings:var(--kbq-select-panel-font-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-select-panel-font-default-letter-spacing, -.006em)}\n", ".kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{display:block;padding:var(--kbq-timezone-option-size-optgroup-label-padding, 12px 12px 4px 12px)}.kbq-timezone-option__offset,.kbq-timezone-option__city{color:var(--kbq-timezone-option-text, )}.kbq-timezone-option__cities{color:var(--kbq-timezone-option-caption, )}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{color:var(--kbq-timezone-option-optgroup-label, )}.kbq-timezone-option__offset{font-size:var(--kbq-timezone-option-font-offset-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-offset-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-offset-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-offset-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-offset-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-offset-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-offset-text-letter-spacing, -.006em)}.kbq-timezone-option__city{font-size:var(--kbq-timezone-option-font-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-text-letter-spacing, -.006em)}.kbq-timezone-option__cities{font-size:var(--kbq-timezone-option-font-caption-font-size, 12px);font-weight:var(--kbq-timezone-option-font-caption-font-weight, normal);line-height:var(--kbq-timezone-option-font-caption-line-height, 16px);font-family:var(--kbq-timezone-option-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-caption-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-caption-letter-spacing, normal)}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{font-size:var(--kbq-timezone-option-font-optgroup-label-font-size, 12px);font-weight:var(--kbq-timezone-option-font-optgroup-label-font-weight, 500);line-height:var(--kbq-timezone-option-font-optgroup-label-line-height, 16px);font-family:var(--kbq-timezone-option-font-optgroup-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-optgroup-label-text-transform, uppercase);font-feature-settings:var(--kbq-timezone-option-font-optgroup-label-font-feature-settings, \"calt\", \"case\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-optgroup-label-letter-spacing, 1px)}\n", ".kbq-timezone-select__panel{--kbq-timezone-option-size-padding: 6px 10px;--kbq-timezone-option-size-column-gap: 16px;--kbq-timezone-option-size-height: auto;--kbq-timezone-option-size-max-height: 5em;--kbq-timezone-option-size-optgroup-label-padding: 12px 12px 4px 12px;--kbq-timezone-option-font-text-font-size: 14px;--kbq-timezone-option-font-text-line-height: 20px;--kbq-timezone-option-font-text-letter-spacing: -.006em;--kbq-timezone-option-font-text-font-weight: normal;--kbq-timezone-option-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-timezone-option-font-text-text-transform: null;--kbq-timezone-option-font-text-font-feature-settings: \"calt\", \"ss01\", \"ss04\", \"tnum\";--kbq-timezone-option-font-offset-text-font-size: 14px;--kbq-timezone-option-font-offset-text-line-height: 20px;--kbq-timezone-option-font-offset-text-letter-spacing: -.006em;--kbq-timezone-option-font-offset-text-font-weight: normal;--kbq-timezone-option-font-offset-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-timezone-option-font-offset-text-text-transform: null;--kbq-timezone-option-font-offset-text-font-feature-settings: \"calt\", \"ss01\", \"ss04\", \"tnum\";--kbq-timezone-option-font-caption-font-size: 12px;--kbq-timezone-option-font-caption-line-height: 16px;--kbq-timezone-option-font-caption-letter-spacing: normal;--kbq-timezone-option-font-caption-font-weight: normal;--kbq-timezone-option-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-timezone-option-font-caption-text-transform: null;--kbq-timezone-option-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-timezone-option-font-optgroup-label-font-size: 12px;--kbq-timezone-option-font-optgroup-label-line-height: 16px;--kbq-timezone-option-font-optgroup-label-letter-spacing: 1px;--kbq-timezone-option-font-optgroup-label-font-weight: 500;--kbq-timezone-option-font-optgroup-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-timezone-option-font-optgroup-label-text-transform: uppercase;--kbq-timezone-option-font-optgroup-label-font-feature-settings: \"calt\", \"case\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-timezone-option-text: hsla(229, 15%, 15%, 100%);--kbq-timezone-option-caption: hsla(229, 15%, 50%, 100%);--kbq-timezone-option-optgroup-label: hsla(229, 15%, 50%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-timezone-option-text: hsla(229, 15%, 80%, 100%);--kbq-timezone-option-caption: hsla(229, 15%, 60%, 100%);--kbq-timezone-option-optgroup-label: hsla(229, 15%, 60%, 100%)}\n"] }]
+                    ], template: "<div\n    #origin=\"cdkOverlayOrigin\"\n    #trigger\n    cdk-overlay-origin\n    class=\"kbq-select__trigger\"\n    [class.kbq-select__trigger_empty]=\"empty\"\n    [class.kbq-select__trigger_multiple]=\"multiple\"\n    [class.kbq-select__trigger_single]=\"!multiple\"\n>\n    <div class=\"kbq-select__matcher\">\n        @if (empty) {\n            <span class=\"kbq-select__placeholder\">\n                {{ placeholder || '\\u00A0' }}\n            </span>\n        } @else {\n            <span>\n                @if (!!customTrigger) {\n                    <ng-content select=\"kbq-timezone-select-trigger\" />\n                } @else {\n                    <div class=\"kbq-select__match-container\">\n                        <span class=\"kbq-select__matcher-text\">{{ triggerValue }}</span>\n                    </div>\n                }\n            </span>\n        }\n\n        @if (canShowCleaner) {\n            <div\n                class=\"kbq-select__cleaner\"\n                (click)=\"clearValue($event)\"\n            >\n                <ng-content select=\"kbq-cleaner\" />\n            </div>\n        }\n\n        <div class=\"kbq-select__arrow-wrapper\">\n            <i\n                kbq-icon=\"mc-angle-down-S_16\"\n                class=\"kbq-select__arrow\"\n            ></i>\n        </div>\n    </div>\n</div>\n\n<ng-template\n    cdk-connected-overlay\n    cdkConnectedOverlayLockPosition\n    [cdkConnectedOverlayBackdropClass]=\"backdropClass\"\n    [cdkConnectedOverlayHasBackdrop]=\"hasBackdrop\"\n    [cdkConnectedOverlayMinWidth]=\"triggerRect?.width!\"\n    [cdkConnectedOverlayOffsetY]=\"offsetY\"\n    [cdkConnectedOverlayOpen]=\"panelOpen\"\n    [cdkConnectedOverlayOrigin]=\"origin\"\n    [cdkConnectedOverlayPositions]=\"positions\"\n    [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n    [cdkConnectedOverlayWidth]=\"triggerRect?.width!\"\n    (attach)=\"onAttached()\"\n    (backdropClick)=\"close()\"\n    (detach)=\"close()\"\n>\n    <div\n        #panel\n        class=\"kbq-select__panel kbq-timezone-select__panel {{ getPanelTheme() }}\"\n        [ngClass]=\"panelClass\"\n        [style.font-size.px]=\"triggerFontSize\"\n        [style.transformOrigin]=\"transformOrigin\"\n        (keydown)=\"handleKeydown($event)\"\n    >\n        @if (search) {\n            <div class=\"kbq-select__search-container\">\n                <ng-content select=\"[kbqSelectSearch]\" />\n            </div>\n        }\n\n        <div\n            #optionsContainer\n            class=\"kbq-select__content\"\n            (@fadeInContent.done)=\"panelDoneAnimatingStream.next($event.toState)\"\n            [@fadeInContent]=\"'showing'\"\n        >\n            @if (isEmptySearchResult) {\n                <div class=\"kbq-select__no-options-message\">\n                    <ng-content select=\"[kbq-select-search-empty-result]\" />\n                </div>\n            }\n            <ng-content />\n        </div>\n    </div>\n</ng-template>\n", styles: [".kbq-select{box-sizing:border-box;display:inline-block;width:100%;outline:none}.kbq-select .kbq-select__matcher{display:flex;align-items:center;width:100%;overflow:hidden;white-space:nowrap}.kbq-select .kbq-select__matcher>span{flex:1;overflow:hidden}.kbq-select .kbq-select__trigger{display:flex;box-sizing:border-box;position:relative;cursor:pointer;height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-form-field-size-border-width, 1px) * 2)}.kbq-select .kbq-select__trigger.kbq-select__trigger_single .kbq-select__matcher,.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple.kbq-select__trigger_empty .kbq-select__matcher{padding:calc(var(--kbq-select-size-single-padding-vertical, 6px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-right, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-vertical, 6px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-left, 12px) - var(--kbq-form-field-size-border-width, 1px))}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher{padding:calc(var(--kbq-select-size-multiple-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-right, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-left, 4px) - var(--kbq-form-field-size-border-width, 1px))}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-container{display:flex}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-list{display:flex;flex-wrap:wrap;overflow:hidden;height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-select-size-multiple-padding-vertical, 4px) * 2);max-height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-select-size-multiple-padding-vertical, 4px) * 2);gap:var(--kbq-select-size-multiple-content-gap, 4px);margin-right:var(--kbq-select-size-multiple-content-gap, 4px)}.kbq-select .kbq-select__match-container{width:100%;text-overflow:ellipsis;overflow:hidden}.kbq-select .kbq-select__match-container .kbq-select__match-hidden-text{flex:0 0 70px;align-self:center;padding-left:4px;padding-right:var(--kbq-select-size-multiple-content-gap, 4px);text-align:right}.kbq-select .kbq-select__arrow-wrapper{display:flex;align-self:center;padding:4px}.kbq-form-field-appearance-fill .kbq-select .kbq-select__arrow-wrapper,.kbq-form-field-appearance-standard .kbq-select .kbq-select__arrow-wrapper{transform:translateY(-50%)}.kbq-form-field-appearance-outline .kbq-select .kbq-select__arrow-wrapper{transform:translateY(-25%)}.kbq-disabled.kbq-select .kbq-select__trigger{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.kbq-select__panel{min-width:100%;overflow:hidden;border-radius:var(--kbq-select-panel-size-border-radius, 8px)}.kbq-select__panel .kbq-optgroup-label,.kbq-select__panel .kbq-option{font-size:inherit}.kbq-select__panel .kbq-select__no-options-message{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;max-width:100%;height:var(--kbq-option-size-height, 32px);cursor:default;outline:none;padding-left:var(--kbq-option-size-horizontal-padding, 12px);padding-right:var(--kbq-option-size-horizontal-padding, 12px);border:var(--kbq-option-size-border-width, 2px) solid transparent}.kbq-select__panel .kbq-select__search-container{border-bottom-width:1px;border-bottom-style:solid}.kbq-select__content{max-height:var(--kbq-select-panel-size-max-height, 256px);padding:4px 0;overflow:hidden auto}.kbq-select__panel .kbq-select__footer{display:flex;align-items:center;box-sizing:border-box;min-height:40px;border-top-width:1px;border-top-style:solid;padding:var(--kbq-size-xxs, 4px) var(--kbq-size-m, 12px)}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport{min-height:var(--kbq-select-panel-size-max-height, 256px);max-height:var(--kbq-select-panel-size-max-height, 256px)}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{max-width:100%}.kbq-form-field-type-select:not(.kbq-disabled) .kbq-form-field-flex{cursor:pointer}.kbq-select{color:var(--kbq-foreground-contrast, )}.kbq-select.ng-invalid{color:var(--kbq-error-default, )}.kbq-select.kbq-disabled{color:var(--kbq-foreground-text-disabled, )}.kbq-select__placeholder{text-overflow:ellipsis;color:var(--kbq-foreground-text-disabled, )}.kbq-select__panel{box-shadow:var(--kbq-select-panel-dropdown-shadow, );background:var(--kbq-select-panel-dropdown-background, )}.kbq-select__panel .kbq-select__footer{border-color:var(--kbq-divider-color, )}.kbq-select__search-container{border-bottom-color:var(--kbq-divider-color, )}.kbq-select__no-options-message{color:var(--kbq-foreground-text-less-contrast, )}.kbq-select{font-size:var(--kbq-select-font-default-font-size, 14px);font-weight:var(--kbq-select-font-default-font-weight, normal);line-height:var(--kbq-select-font-default-line-height, 20px);font-family:var(--kbq-select-font-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-select-font-default-text-transform, );font-feature-settings:var(--kbq-select-font-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-select-font-default-letter-spacing, -.006em)}.kbq-select__panel{font-size:var(--kbq-select-panel-font-default-font-size, 14px);font-weight:var(--kbq-select-panel-font-default-font-weight, normal);line-height:var(--kbq-select-panel-font-default-line-height, 20px);font-family:var(--kbq-select-panel-font-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-select-panel-font-default-text-transform, );font-feature-settings:var(--kbq-select-panel-font-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-select-panel-font-default-letter-spacing, -.006em)}\n", ".kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{display:block;padding:var(--kbq-timezone-option-size-optgroup-label-padding, 12px 12px 4px 12px)}.kbq-timezone-option__offset,.kbq-timezone-option__city{color:var(--kbq-timezone-option-text, )}.kbq-timezone-option__cities{color:var(--kbq-timezone-option-caption, )}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{color:var(--kbq-timezone-option-optgroup-label, )}.kbq-timezone-option__offset{font-size:var(--kbq-timezone-option-font-offset-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-offset-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-offset-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-offset-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-offset-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-offset-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-offset-text-letter-spacing, -.006em)}.kbq-timezone-option__city{font-size:var(--kbq-timezone-option-font-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-text-letter-spacing, -.006em)}.kbq-timezone-option__cities{font-size:var(--kbq-timezone-option-font-caption-font-size, 12px);font-weight:var(--kbq-timezone-option-font-caption-font-weight, normal);line-height:var(--kbq-timezone-option-font-caption-line-height, 16px);font-family:var(--kbq-timezone-option-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-caption-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-caption-letter-spacing, normal)}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{font-size:var(--kbq-timezone-option-font-optgroup-label-font-size, 12px);font-weight:var(--kbq-timezone-option-font-optgroup-label-font-weight, 500);line-height:var(--kbq-timezone-option-font-optgroup-label-line-height, 16px);font-family:var(--kbq-timezone-option-font-optgroup-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-optgroup-label-text-transform, uppercase);font-feature-settings:var(--kbq-timezone-option-font-optgroup-label-font-feature-settings, \"calt\", \"case\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-optgroup-label-letter-spacing, 1px)}\n", ".kbq-timezone-select__panel{--kbq-timezone-option-size-padding: 6px 10px;--kbq-timezone-option-size-column-gap: 16px;--kbq-timezone-option-size-height: auto;--kbq-timezone-option-size-max-height: 5em;--kbq-timezone-option-size-optgroup-label-padding: 12px 12px 4px 12px;--kbq-timezone-option-font-text-font-size: 14px;--kbq-timezone-option-font-text-line-height: 20px;--kbq-timezone-option-font-text-letter-spacing: -.006em;--kbq-timezone-option-font-text-font-weight: normal;--kbq-timezone-option-font-text-text-transform: null;--kbq-timezone-option-font-text-font-feature-settings: \"calt\", \"ss01\", \"ss04\", \"tnum\";--kbq-timezone-option-font-offset-text-font-size: 14px;--kbq-timezone-option-font-offset-text-line-height: 20px;--kbq-timezone-option-font-offset-text-letter-spacing: -.006em;--kbq-timezone-option-font-offset-text-font-weight: normal;--kbq-timezone-option-font-offset-text-text-transform: null;--kbq-timezone-option-font-offset-text-font-feature-settings: \"calt\", \"ss01\", \"ss04\", \"tnum\";--kbq-timezone-option-font-caption-font-size: 12px;--kbq-timezone-option-font-caption-line-height: 16px;--kbq-timezone-option-font-caption-letter-spacing: normal;--kbq-timezone-option-font-caption-font-weight: normal;--kbq-timezone-option-font-caption-text-transform: null;--kbq-timezone-option-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-timezone-option-font-optgroup-label-font-size: 12px;--kbq-timezone-option-font-optgroup-label-line-height: 16px;--kbq-timezone-option-font-optgroup-label-letter-spacing: 1px;--kbq-timezone-option-font-optgroup-label-font-weight: 500;--kbq-timezone-option-font-optgroup-label-text-transform: uppercase;--kbq-timezone-option-font-optgroup-label-font-feature-settings: \"calt\", \"case\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-timezone-option-font-text-font-family: var(--kbq-typography-tabular-normal-font-family);--kbq-timezone-option-font-offset-text-font-family: var(--kbq-typography-tabular-normal-font-family);--kbq-timezone-option-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-timezone-option-font-optgroup-label-font-family: var(--kbq-typography-caps-compact-strong-font-family)}:root{--kbq-typography-tabular-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-text-compact-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-caps-compact-strong-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-timezone-option-text: hsla(229, 15%, 15%, 100%);--kbq-timezone-option-caption: hsla(229, 15%, 50%, 100%);--kbq-timezone-option-optgroup-label: hsla(229, 15%, 50%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-timezone-option-text: hsla(229, 15%, 80%, 100%);--kbq-timezone-option-caption: hsla(229, 15%, 60%, 100%);--kbq-timezone-option-optgroup-label: hsla(229, 15%, 60%, 100%)}\n"] }]
         }], propDecorators: { customTrigger: [{
                 type: ContentChild,
                 args: [KbqTimezoneSelectTrigger, { static: false }]