@koobiq/components 17.8.5 → 18.1.0

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

@@ -643,10 +643,10 @@ export class KbqTagList extends KbqTagListMixinBase {
             this.tags.forEach((tag) => (tag.tagListSelectable = this._selectable));
         }
     }
-    /** @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-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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", 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: "18.2.6", 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: var(--kbq-typography-text-normal-font-size);--kbq-tag-input-font-default-line-height: var(--kbq-typography-text-normal-line-height);--kbq-tag-input-font-default-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-tag-input-font-default-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-tag-input-font-default-font-family: var(--kbq-typography-text-normal-font-family);--kbq-tag-input-font-default-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-tag-input-font-default-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-tag-list-size-content-gap: var(--kbq-size-xxs);--kbq-tag-size-padding-horizontal: var(--kbq-size-xxs);--kbq-tag-size-padding-vertical: var(--kbq-size-3xs);--kbq-tag-size-content-gap-horizontal: var(--kbq-size-3xs);--kbq-tag-size-icon-margin-left: var(--kbq-size-3xs);--kbq-tag-size-close-button-margin-right: var(--kbq-size-3xs);--kbq-tag-font-default-font-size: var(--kbq-typography-text-normal-medium-font-size);--kbq-tag-font-default-line-height: var(--kbq-typography-text-normal-medium-line-height);--kbq-tag-font-default-letter-spacing: var(--kbq-typography-text-normal-medium-letter-spacing);--kbq-tag-font-default-font-weight: var(--kbq-typography-text-normal-medium-font-weight);--kbq-tag-font-default-font-family: var(--kbq-typography-text-normal-medium-font-family);--kbq-tag-font-default-text-transform: var(--kbq-typography-text-normal-medium-text-transform);--kbq-tag-font-default-font-feature-settings: var(--kbq-typography-text-normal-medium-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tag-theme-fade-on-default-background: var(--kbq-background-theme-fade);--kbq-tag-theme-fade-on-default-text: var(--kbq-foreground-theme);--kbq-tag-theme-fade-on-default-icon: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-default-close-button: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-states-hover-background: var(--kbq-states-background-theme-fade-hover);--kbq-tag-theme-fade-on-states-hover-text: var(--kbq-foreground-theme);--kbq-tag-theme-fade-on-states-hover-icon: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-states-hover-close-button: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-states-focus-background: var(--kbq-background-theme-fade);--kbq-tag-theme-fade-on-states-focus-text: var(--kbq-foreground-theme);--kbq-tag-theme-fade-on-states-focus-icon: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-states-focus-close-button: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-states-focus-outline: var(--kbq-states-line-focus-theme);--kbq-tag-theme-fade-on-states-disabled-background: var(--kbq-states-background-disabled);--kbq-tag-theme-fade-on-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-tag-theme-fade-on-states-disabled-icon: var(--kbq-states-icon-disabled);--kbq-tag-theme-fade-on-states-disabled-close-button: var(--kbq-states-icon-disabled);--kbq-tag-contrast-fade-on-default-background: var(--kbq-background-contrast-fade);--kbq-tag-contrast-fade-on-default-text: var(--kbq-foreground-contrast);--kbq-tag-contrast-fade-on-default-icon: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-default-close-button: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-states-hover-background: var(--kbq-states-background-contrast-fade-hover);--kbq-tag-contrast-fade-on-states-hover-text: var(--kbq-foreground-contrast);--kbq-tag-contrast-fade-on-states-hover-icon: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-states-hover-close-button: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-states-focus-background: var(--kbq-background-contrast-fade);--kbq-tag-contrast-fade-on-states-focus-text: var(--kbq-foreground-contrast);--kbq-tag-contrast-fade-on-states-focus-icon: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-states-focus-close-button: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-states-focus-outline: var(--kbq-states-line-focus-theme);--kbq-tag-contrast-fade-on-states-disabled-background: var(--kbq-states-background-disabled);--kbq-tag-contrast-fade-on-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-tag-contrast-fade-on-states-disabled-icon: var(--kbq-states-icon-disabled);--kbq-tag-contrast-fade-on-states-disabled-close-button: var(--kbq-states-icon-disabled);--kbq-tag-error-fade-on-default-background: var(--kbq-background-error-fade);--kbq-tag-error-fade-on-default-text: var(--kbq-foreground-error);--kbq-tag-error-fade-on-default-icon: var(--kbq-icon-error);--kbq-tag-error-fade-on-default-close-button: var(--kbq-icon-error);--kbq-tag-error-fade-on-states-hover-background: var(--kbq-states-background-error-fade-hover);--kbq-tag-error-fade-on-states-hover-text: var(--kbq-foreground-error);--kbq-tag-error-fade-on-states-hover-icon: var(--kbq-icon-error);--kbq-tag-error-fade-on-states-hover-close-button: var(--kbq-icon-error);--kbq-tag-error-fade-on-states-focus-background: var(--kbq-background-error-fade);--kbq-tag-error-fade-on-states-focus-text: var(--kbq-foreground-error);--kbq-tag-error-fade-on-states-focus-icon: var(--kbq-icon-error);--kbq-tag-error-fade-on-states-focus-close-button: var(--kbq-icon-error);--kbq-tag-error-fade-on-states-focus-outline: var(--kbq-states-line-focus-error);--kbq-tag-error-fade-on-states-disabled-background: var(--kbq-states-background-disabled);--kbq-tag-error-fade-on-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-tag-error-fade-on-states-disabled-icon: var(--kbq-states-icon-disabled);--kbq-tag-error-fade-on-states-disabled-close-button: var(--kbq-states-icon-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tag-theme-fade-on-default-background: var(--kbq-background-theme-fade);--kbq-tag-theme-fade-on-default-text: var(--kbq-foreground-theme);--kbq-tag-theme-fade-on-default-icon: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-default-close-button: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-states-hover-background: var(--kbq-states-background-theme-fade-hover);--kbq-tag-theme-fade-on-states-hover-text: var(--kbq-foreground-theme);--kbq-tag-theme-fade-on-states-hover-icon: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-states-hover-close-button: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-states-focus-background: var(--kbq-background-theme-fade);--kbq-tag-theme-fade-on-states-focus-text: var(--kbq-foreground-theme);--kbq-tag-theme-fade-on-states-focus-icon: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-states-focus-close-button: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-states-focus-outline: var(--kbq-states-line-focus-theme);--kbq-tag-theme-fade-on-states-disabled-background: var(--kbq-states-background-disabled);--kbq-tag-theme-fade-on-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-tag-theme-fade-on-states-disabled-icon: var(--kbq-states-icon-disabled);--kbq-tag-theme-fade-on-states-disabled-close-button: var(--kbq-states-icon-disabled);--kbq-tag-contrast-fade-on-default-background: var(--kbq-background-contrast-fade);--kbq-tag-contrast-fade-on-default-text: var(--kbq-foreground-contrast);--kbq-tag-contrast-fade-on-default-icon: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-default-close-button: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-states-hover-background: var(--kbq-states-background-contrast-fade-hover);--kbq-tag-contrast-fade-on-states-hover-text: var(--kbq-foreground-contrast);--kbq-tag-contrast-fade-on-states-hover-icon: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-states-hover-close-button: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-states-focus-background: var(--kbq-background-contrast-fade);--kbq-tag-contrast-fade-on-states-focus-text: var(--kbq-foreground-contrast);--kbq-tag-contrast-fade-on-states-focus-icon: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-states-focus-close-button: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-states-focus-outline: var(--kbq-states-line-focus-theme);--kbq-tag-contrast-fade-on-states-disabled-background: var(--kbq-states-background-disabled);--kbq-tag-contrast-fade-on-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-tag-contrast-fade-on-states-disabled-icon: var(--kbq-states-icon-disabled);--kbq-tag-contrast-fade-on-states-disabled-close-button: var(--kbq-states-icon-disabled);--kbq-tag-error-fade-on-default-background: var(--kbq-background-error-fade);--kbq-tag-error-fade-on-default-text: var(--kbq-foreground-error);--kbq-tag-error-fade-on-default-icon: var(--kbq-icon-error);--kbq-tag-error-fade-on-default-close-button: var(--kbq-icon-error);--kbq-tag-error-fade-on-states-hover-background: var(--kbq-states-background-error-fade-hover);--kbq-tag-error-fade-on-states-hover-text: var(--kbq-foreground-error);--kbq-tag-error-fade-on-states-hover-icon: var(--kbq-icon-error);--kbq-tag-error-fade-on-states-hover-close-button: var(--kbq-icon-error);--kbq-tag-error-fade-on-states-focus-background: var(--kbq-background-error-fade);--kbq-tag-error-fade-on-states-focus-text: var(--kbq-foreground-error);--kbq-tag-error-fade-on-states-focus-icon: var(--kbq-icon-error);--kbq-tag-error-fade-on-states-focus-close-button: var(--kbq-icon-error);--kbq-tag-error-fade-on-states-focus-outline: var(--kbq-states-line-focus-error);--kbq-tag-error-fade-on-states-disabled-background: var(--kbq-states-background-disabled);--kbq-tag-error-fade-on-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-tag-error-fade-on-states-disabled-icon: var(--kbq-states-icon-disabled);--kbq-tag-error-fade-on-states-disabled-close-button: var(--kbq-states-icon-disabled);--kbq-tag-warning-fade-on-default-background: var(--kbq-background-warning-fade);--kbq-tag-warning-fade-on-default-text: var(--kbq-foreground-warning);--kbq-tag-warning-fade-on-default-icon: var(--kbq-icon-warning);--kbq-tag-warning-fade-on-default-close-button: var(--kbq-icon-warning);--kbq-tag-warning-fade-on-states-hover-background: var(--kbq-states-background-warning-fade-hover);--kbq-tag-warning-fade-on-states-hover-text: var(--kbq-foreground-warning);--kbq-tag-warning-fade-on-states-hover-icon: var(--kbq-icon-warning);--kbq-tag-warning-fade-on-states-hover-close-button: var(--kbq-icon-warning);--kbq-tag-warning-fade-on-states-focus-background: var(--kbq-background-warning-fade);--kbq-tag-warning-fade-on-states-focus-text: var(--kbq-foreground-warning);--kbq-tag-warning-fade-on-states-focus-icon: var(--kbq-icon-warning);--kbq-tag-warning-fade-on-states-focus-close-button: var(--kbq-icon-warning);--kbq-tag-warning-fade-on-states-focus-outline: var(--kbq-states-line-focus-theme);--kbq-tag-warning-fade-on-states-disabled-background: var(--kbq-states-background-disabled);--kbq-tag-warning-fade-on-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-tag-warning-fade-on-states-disabled-icon: var(--kbq-states-icon-disabled);--kbq-tag-warning-fade-on-states-disabled-close-button: var(--kbq-states-icon-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTagList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTagList, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-tag-list', exportAs: 'kbqTagList', host: {
                         class: 'kbq-tag-list',
@@ -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-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"] }]
+                    }, 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: var(--kbq-typography-text-normal-font-size);--kbq-tag-input-font-default-line-height: var(--kbq-typography-text-normal-line-height);--kbq-tag-input-font-default-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-tag-input-font-default-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-tag-input-font-default-font-family: var(--kbq-typography-text-normal-font-family);--kbq-tag-input-font-default-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-tag-input-font-default-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-tag-list-size-content-gap: var(--kbq-size-xxs);--kbq-tag-size-padding-horizontal: var(--kbq-size-xxs);--kbq-tag-size-padding-vertical: var(--kbq-size-3xs);--kbq-tag-size-content-gap-horizontal: var(--kbq-size-3xs);--kbq-tag-size-icon-margin-left: var(--kbq-size-3xs);--kbq-tag-size-close-button-margin-right: var(--kbq-size-3xs);--kbq-tag-font-default-font-size: var(--kbq-typography-text-normal-medium-font-size);--kbq-tag-font-default-line-height: var(--kbq-typography-text-normal-medium-line-height);--kbq-tag-font-default-letter-spacing: var(--kbq-typography-text-normal-medium-letter-spacing);--kbq-tag-font-default-font-weight: var(--kbq-typography-text-normal-medium-font-weight);--kbq-tag-font-default-font-family: var(--kbq-typography-text-normal-medium-font-family);--kbq-tag-font-default-text-transform: var(--kbq-typography-text-normal-medium-text-transform);--kbq-tag-font-default-font-feature-settings: var(--kbq-typography-text-normal-medium-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tag-theme-fade-on-default-background: var(--kbq-background-theme-fade);--kbq-tag-theme-fade-on-default-text: var(--kbq-foreground-theme);--kbq-tag-theme-fade-on-default-icon: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-default-close-button: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-states-hover-background: var(--kbq-states-background-theme-fade-hover);--kbq-tag-theme-fade-on-states-hover-text: var(--kbq-foreground-theme);--kbq-tag-theme-fade-on-states-hover-icon: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-states-hover-close-button: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-states-focus-background: var(--kbq-background-theme-fade);--kbq-tag-theme-fade-on-states-focus-text: var(--kbq-foreground-theme);--kbq-tag-theme-fade-on-states-focus-icon: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-states-focus-close-button: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-states-focus-outline: var(--kbq-states-line-focus-theme);--kbq-tag-theme-fade-on-states-disabled-background: var(--kbq-states-background-disabled);--kbq-tag-theme-fade-on-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-tag-theme-fade-on-states-disabled-icon: var(--kbq-states-icon-disabled);--kbq-tag-theme-fade-on-states-disabled-close-button: var(--kbq-states-icon-disabled);--kbq-tag-contrast-fade-on-default-background: var(--kbq-background-contrast-fade);--kbq-tag-contrast-fade-on-default-text: var(--kbq-foreground-contrast);--kbq-tag-contrast-fade-on-default-icon: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-default-close-button: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-states-hover-background: var(--kbq-states-background-contrast-fade-hover);--kbq-tag-contrast-fade-on-states-hover-text: var(--kbq-foreground-contrast);--kbq-tag-contrast-fade-on-states-hover-icon: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-states-hover-close-button: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-states-focus-background: var(--kbq-background-contrast-fade);--kbq-tag-contrast-fade-on-states-focus-text: var(--kbq-foreground-contrast);--kbq-tag-contrast-fade-on-states-focus-icon: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-states-focus-close-button: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-states-focus-outline: var(--kbq-states-line-focus-theme);--kbq-tag-contrast-fade-on-states-disabled-background: var(--kbq-states-background-disabled);--kbq-tag-contrast-fade-on-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-tag-contrast-fade-on-states-disabled-icon: var(--kbq-states-icon-disabled);--kbq-tag-contrast-fade-on-states-disabled-close-button: var(--kbq-states-icon-disabled);--kbq-tag-error-fade-on-default-background: var(--kbq-background-error-fade);--kbq-tag-error-fade-on-default-text: var(--kbq-foreground-error);--kbq-tag-error-fade-on-default-icon: var(--kbq-icon-error);--kbq-tag-error-fade-on-default-close-button: var(--kbq-icon-error);--kbq-tag-error-fade-on-states-hover-background: var(--kbq-states-background-error-fade-hover);--kbq-tag-error-fade-on-states-hover-text: var(--kbq-foreground-error);--kbq-tag-error-fade-on-states-hover-icon: var(--kbq-icon-error);--kbq-tag-error-fade-on-states-hover-close-button: var(--kbq-icon-error);--kbq-tag-error-fade-on-states-focus-background: var(--kbq-background-error-fade);--kbq-tag-error-fade-on-states-focus-text: var(--kbq-foreground-error);--kbq-tag-error-fade-on-states-focus-icon: var(--kbq-icon-error);--kbq-tag-error-fade-on-states-focus-close-button: var(--kbq-icon-error);--kbq-tag-error-fade-on-states-focus-outline: var(--kbq-states-line-focus-error);--kbq-tag-error-fade-on-states-disabled-background: var(--kbq-states-background-disabled);--kbq-tag-error-fade-on-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-tag-error-fade-on-states-disabled-icon: var(--kbq-states-icon-disabled);--kbq-tag-error-fade-on-states-disabled-close-button: var(--kbq-states-icon-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tag-theme-fade-on-default-background: var(--kbq-background-theme-fade);--kbq-tag-theme-fade-on-default-text: var(--kbq-foreground-theme);--kbq-tag-theme-fade-on-default-icon: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-default-close-button: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-states-hover-background: var(--kbq-states-background-theme-fade-hover);--kbq-tag-theme-fade-on-states-hover-text: var(--kbq-foreground-theme);--kbq-tag-theme-fade-on-states-hover-icon: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-states-hover-close-button: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-states-focus-background: var(--kbq-background-theme-fade);--kbq-tag-theme-fade-on-states-focus-text: var(--kbq-foreground-theme);--kbq-tag-theme-fade-on-states-focus-icon: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-states-focus-close-button: var(--kbq-icon-theme);--kbq-tag-theme-fade-on-states-focus-outline: var(--kbq-states-line-focus-theme);--kbq-tag-theme-fade-on-states-disabled-background: var(--kbq-states-background-disabled);--kbq-tag-theme-fade-on-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-tag-theme-fade-on-states-disabled-icon: var(--kbq-states-icon-disabled);--kbq-tag-theme-fade-on-states-disabled-close-button: var(--kbq-states-icon-disabled);--kbq-tag-contrast-fade-on-default-background: var(--kbq-background-contrast-fade);--kbq-tag-contrast-fade-on-default-text: var(--kbq-foreground-contrast);--kbq-tag-contrast-fade-on-default-icon: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-default-close-button: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-states-hover-background: var(--kbq-states-background-contrast-fade-hover);--kbq-tag-contrast-fade-on-states-hover-text: var(--kbq-foreground-contrast);--kbq-tag-contrast-fade-on-states-hover-icon: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-states-hover-close-button: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-states-focus-background: var(--kbq-background-contrast-fade);--kbq-tag-contrast-fade-on-states-focus-text: var(--kbq-foreground-contrast);--kbq-tag-contrast-fade-on-states-focus-icon: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-states-focus-close-button: var(--kbq-icon-contrast-fade);--kbq-tag-contrast-fade-on-states-focus-outline: var(--kbq-states-line-focus-theme);--kbq-tag-contrast-fade-on-states-disabled-background: var(--kbq-states-background-disabled);--kbq-tag-contrast-fade-on-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-tag-contrast-fade-on-states-disabled-icon: var(--kbq-states-icon-disabled);--kbq-tag-contrast-fade-on-states-disabled-close-button: var(--kbq-states-icon-disabled);--kbq-tag-error-fade-on-default-background: var(--kbq-background-error-fade);--kbq-tag-error-fade-on-default-text: var(--kbq-foreground-error);--kbq-tag-error-fade-on-default-icon: var(--kbq-icon-error);--kbq-tag-error-fade-on-default-close-button: var(--kbq-icon-error);--kbq-tag-error-fade-on-states-hover-background: var(--kbq-states-background-error-fade-hover);--kbq-tag-error-fade-on-states-hover-text: var(--kbq-foreground-error);--kbq-tag-error-fade-on-states-hover-icon: var(--kbq-icon-error);--kbq-tag-error-fade-on-states-hover-close-button: var(--kbq-icon-error);--kbq-tag-error-fade-on-states-focus-background: var(--kbq-background-error-fade);--kbq-tag-error-fade-on-states-focus-text: var(--kbq-foreground-error);--kbq-tag-error-fade-on-states-focus-icon: var(--kbq-icon-error);--kbq-tag-error-fade-on-states-focus-close-button: var(--kbq-icon-error);--kbq-tag-error-fade-on-states-focus-outline: var(--kbq-states-line-focus-error);--kbq-tag-error-fade-on-states-disabled-background: var(--kbq-states-background-disabled);--kbq-tag-error-fade-on-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-tag-error-fade-on-states-disabled-icon: var(--kbq-states-icon-disabled);--kbq-tag-error-fade-on-states-disabled-close-button: var(--kbq-states-icon-disabled);--kbq-tag-warning-fade-on-default-background: var(--kbq-background-warning-fade);--kbq-tag-warning-fade-on-default-text: var(--kbq-foreground-warning);--kbq-tag-warning-fade-on-default-icon: var(--kbq-icon-warning);--kbq-tag-warning-fade-on-default-close-button: var(--kbq-icon-warning);--kbq-tag-warning-fade-on-states-hover-background: var(--kbq-states-background-warning-fade-hover);--kbq-tag-warning-fade-on-states-hover-text: var(--kbq-foreground-warning);--kbq-tag-warning-fade-on-states-hover-icon: var(--kbq-icon-warning);--kbq-tag-warning-fade-on-states-hover-close-button: var(--kbq-icon-warning);--kbq-tag-warning-fade-on-states-focus-background: var(--kbq-background-warning-fade);--kbq-tag-warning-fade-on-states-focus-text: var(--kbq-foreground-warning);--kbq-tag-warning-fade-on-states-focus-icon: var(--kbq-icon-warning);--kbq-tag-warning-fade-on-states-focus-close-button: var(--kbq-icon-warning);--kbq-tag-warning-fade-on-states-focus-outline: var(--kbq-states-line-focus-theme);--kbq-tag-warning-fade-on-states-disabled-background: var(--kbq-states-background-disabled);--kbq-tag-warning-fade-on-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-tag-warning-fade-on-states-disabled-icon: var(--kbq-states-icon-disabled);--kbq-tag-warning-fade-on-states-disabled-close-button: var(--kbq-states-icon-disabled)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.ErrorStateMatcher }, { type: i2.Directionality, decorators: [{
                     type: Optional
                 }] }, { type: i3.NgForm, decorators: [{

package/esm2022/tags/tag.component.mjs

@@ -20,10 +20,10 @@ const TAG_ATTRIBUTE_NAMES = ['kbq-basic-tag'];
  * @docs-private
  */
 export class KbqTagAvatar {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTagAvatar, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqTagAvatar, selector: "kbq-tag-avatar, [kbqTagAvatar]", host: { classAttribute: "kbq-tag-avatar" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTagAvatar, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqTagAvatar, selector: "kbq-tag-avatar, [kbqTagAvatar]", host: { classAttribute: "kbq-tag-avatar" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTagAvatar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTagAvatar, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kbq-tag-avatar, [kbqTagAvatar]',
@@ -35,10 +35,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
  * @docs-private
  */
 export class KbqTagTrailingIcon {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTagTrailingIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqTagTrailingIcon, selector: "kbq-tag-trailing-icon, [kbqTagTrailingIcon]", host: { classAttribute: "kbq-tag-trailing-icon" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTagTrailingIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqTagTrailingIcon, selector: "kbq-tag-trailing-icon, [kbqTagTrailingIcon]", host: { classAttribute: "kbq-tag-trailing-icon" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTagTrailingIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTagTrailingIcon, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kbq-tag-trailing-icon, [kbqTagTrailingIcon]',
@@ -272,10 +272,10 @@ export class KbqTag extends KbqTagMixinBase {
             selected: this._selected
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTag, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqTag, selector: "kbq-tag, [kbq-tag], kbq-basic-tag, [kbq-basic-tag]", inputs: { color: "color", selected: "selected", value: "value", selectable: "selectable", removable: "removable", tabindex: "tabindex", disabled: "disabled" }, outputs: { selectionChange: "selectionChange", destroyed: "destroyed", removed: "removed" }, host: { listeners: { "mousedown": "handleMousedown($event)", "keydown": "handleKeydown($event)", "focus": "focus()", "blur": "blur()" }, properties: { "attr.tabindex": "tabindex", "attr.disabled": "disabled || null", "class.kbq-selected": "selected", "class.kbq-focused": "hasFocus", "class.kbq-tag-with-avatar": "avatar", "class.kbq-tag-with-icon": "contentChildren", "class.kbq-tag-with-trailing-icon": "trailingIcon || removeIcon", "class.kbq-disabled": "disabled" }, classAttribute: "kbq-tag" }, providers: [{ provide: KBQ_TITLE_TEXT_REF, useExisting: KbqTag }], queries: [{ propertyName: "avatar", first: true, predicate: KbqTagAvatar, descendants: true }, { propertyName: "trailingIcon", first: true, predicate: KbqTagTrailingIcon, descendants: true }, { propertyName: "removeIcon", first: true, predicate: i0.forwardRef(() => KbqTagRemove), descendants: true }, { propertyName: "contentChildren", predicate: KbqIcon }], viewQueries: [{ propertyName: "textElement", first: true, predicate: ["kbqTitleText"], descendants: true }], exportAs: ["kbqTag"], usesInheritance: true, ngImport: i0, template: "<div class=\"kbq-tag__wrapper\">\n    <ng-content select=\"[kbq-icon]:not([kbqTagRemove])\" />\n    <span\n        #kbqTitleText\n        class=\"kbq-tag__text\"\n    >\n        <ng-content />\n    </span>\n    <ng-content select=\"[kbqTagRemove]\" />\n</div>\n", styles: [".kbq-tag{position:relative;display:inline-block;max-width:100%;padding:var(--kbq-tag-size-padding-vertical, 2px) var(--kbq-tag-size-padding-horizontal, 4px);border-radius:4px;cursor:default;outline:none;box-sizing:border-box}.kbq-tag .kbq-icon.kbq-tag-remove{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:var(--kbq-tag-size-close-button-margin-right, 2px)}.kbq-tag .kbq-icon.kbq-tag-remove:hover{cursor:pointer}.kbq-tag.kbq-disabled .kbq-icon.kbq-tag-remove:hover{cursor:default}.kbq-tag .kbq-tag__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0 var(--kbq-tag-size-content-gap-horizontal, 2px)}.kbq-tag .kbq-icon_left{margin-left:var(--kbq-tag-size-icon-margin-left, 2px)}.kbq-tag__wrapper{display:flex;align-items:center;height:100%;flex:1 1 100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTag, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqTag, selector: "kbq-tag, [kbq-tag], kbq-basic-tag, [kbq-basic-tag]", inputs: { color: "color", selected: "selected", value: "value", selectable: "selectable", removable: "removable", tabindex: "tabindex", disabled: "disabled" }, outputs: { selectionChange: "selectionChange", destroyed: "destroyed", removed: "removed" }, host: { listeners: { "mousedown": "handleMousedown($event)", "keydown": "handleKeydown($event)", "focus": "focus()", "blur": "blur()" }, properties: { "attr.tabindex": "tabindex", "attr.disabled": "disabled || null", "class.kbq-selected": "selected", "class.kbq-focused": "hasFocus", "class.kbq-tag-with-avatar": "avatar", "class.kbq-tag-with-icon": "contentChildren", "class.kbq-tag-with-trailing-icon": "trailingIcon || removeIcon", "class.kbq-disabled": "disabled" }, classAttribute: "kbq-tag" }, providers: [{ provide: KBQ_TITLE_TEXT_REF, useExisting: KbqTag }], queries: [{ propertyName: "avatar", first: true, predicate: KbqTagAvatar, descendants: true }, { propertyName: "trailingIcon", first: true, predicate: KbqTagTrailingIcon, descendants: true }, { propertyName: "removeIcon", first: true, predicate: i0.forwardRef(() => KbqTagRemove), descendants: true }, { propertyName: "contentChildren", predicate: KbqIcon }], viewQueries: [{ propertyName: "textElement", first: true, predicate: ["kbqTitleText"], descendants: true }], exportAs: ["kbqTag"], usesInheritance: true, ngImport: i0, template: "<div class=\"kbq-tag__wrapper\">\n    <ng-content select=\"[kbq-icon]:not([kbqTagRemove])\" />\n    <span\n        #kbqTitleText\n        class=\"kbq-tag__text\"\n    >\n        <ng-content />\n    </span>\n    <ng-content select=\"[kbqTagRemove]\" />\n</div>\n", styles: [".kbq-tag{position:relative;display:inline-block;max-width:100%;padding:var(--kbq-tag-size-padding-vertical, 2px) var(--kbq-tag-size-padding-horizontal, 4px);border-radius:4px;cursor:default;outline:none;box-sizing:border-box}.kbq-tag .kbq-icon.kbq-tag-remove{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:var(--kbq-tag-size-close-button-margin-right, 2px)}.kbq-tag .kbq-icon.kbq-tag-remove:hover{cursor:pointer}.kbq-tag.kbq-disabled .kbq-icon.kbq-tag-remove:hover{cursor:default}.kbq-tag .kbq-tag__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0 var(--kbq-tag-size-content-gap-horizontal, 2px)}.kbq-tag .kbq-icon_left{margin-left:var(--kbq-tag-size-icon-margin-left, 2px)}.kbq-tag__wrapper{display:flex;align-items:center;height:100%;flex:1 1 100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTag, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTag, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-tag, [kbq-tag], kbq-basic-tag, [kbq-basic-tag]', exportAs: 'kbqTag', inputs: ['color'], host: {
                         class: 'kbq-tag',
@@ -357,10 +357,10 @@ export class KbqTagRemove {
         // that the tag is being removed before the event bubbles up.
         event.stopPropagation();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTagRemove, deps: [{ token: forwardRef(() => KbqTag) }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqTagRemove, selector: "[kbqTagRemove]", host: { listeners: { "click": "handleClick($event)", "focus": "focus($event)" }, properties: { "attr.tabindex": "-1" }, classAttribute: "kbq-tag-remove kbq-tag-trailing-icon" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTagRemove, deps: [{ token: forwardRef(() => KbqTag) }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqTagRemove, selector: "[kbqTagRemove]", host: { listeners: { "click": "handleClick($event)", "focus": "focus($event)" }, properties: { "attr.tabindex": "-1" }, classAttribute: "kbq-tag-remove kbq-tag-trailing-icon" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTagRemove, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTagRemove, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbqTagRemove]',

package/esm2022/tags/tag.module.mjs

@@ -7,8 +7,8 @@ import { KbqTagList } from './tag-list.component';
 import { KbqTag, KbqTagAvatar, KbqTagRemove, KbqTagTrailingIcon } from './tag.component';
 import * as i0 from "@angular/core";
 export class KbqTagsModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTagsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: KbqTagsModule, declarations: [KbqTagList,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTagsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqTagsModule, declarations: [KbqTagList,
             KbqTag,
             KbqTagInput,
             KbqTagTrailingIcon,
@@ -19,14 +19,14 @@ export class KbqTagsModule {
             KbqTagTrailingIcon,
             KbqTagAvatar,
             KbqTagRemove] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTagsModule, providers: [
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTagsModule, providers: [
             {
                 provide: KBQ_TAGS_DEFAULT_OPTIONS,
                 useValue: { separatorKeyCodes: [ENTER] }
             }
         ], imports: [PlatformModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTagsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTagsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [PlatformModule],

package/esm2022/textarea/textarea.component.mjs

@@ -203,10 +203,10 @@ export class KbqTextarea extends KbqTextareaMixinBase {
         const validity = this.elementRef.nativeElement.validity;
         return validity && validity.badInput;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTextarea, deps: [{ token: i0.ElementRef }, { token: i1.NgControl, optional: true, self: true }, { token: i1.NgForm, optional: true }, { token: i1.FormGroupDirective, optional: true }, { token: i2.ErrorStateMatcher }, { token: KBQ_TEXTAREA_VALUE_ACCESSOR, optional: true, self: true }, { token: KBQ_PARENT_ANIMATION_COMPONENT, host: true, optional: true }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqTextarea, selector: "textarea[kbqTextarea]", inputs: { canGrow: "canGrow", errorStateMatcher: "errorStateMatcher", disabled: "disabled", id: "id", placeholder: "placeholder", required: "required", value: "value" }, host: { listeners: { "blur": "onBlur()", "focus": "focusChanged(true)" }, properties: { "class.kbq-textarea-resizable": "!canGrow", "attr.id": "id", "attr.placeholder": "placeholder", "attr.aria-invalid": "errorState", "disabled": "disabled", "required": "required" }, classAttribute: "kbq-textarea kbq-scrollbar" }, providers: [{ provide: KbqFormFieldControl, useExisting: KbqTextarea }], exportAs: ["kbqTextarea"], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTextarea, deps: [{ token: i0.ElementRef }, { token: i1.NgControl, optional: true, self: true }, { token: i1.NgForm, optional: true }, { token: i1.FormGroupDirective, optional: true }, { token: i2.ErrorStateMatcher }, { token: KBQ_TEXTAREA_VALUE_ACCESSOR, optional: true, self: true }, { token: KBQ_PARENT_ANIMATION_COMPONENT, host: true, optional: true }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqTextarea, selector: "textarea[kbqTextarea]", inputs: { canGrow: "canGrow", errorStateMatcher: "errorStateMatcher", disabled: "disabled", id: "id", placeholder: "placeholder", required: "required", value: "value" }, host: { listeners: { "blur": "onBlur()", "focus": "focusChanged(true)" }, properties: { "class.kbq-textarea-resizable": "!canGrow", "attr.id": "id", "attr.placeholder": "placeholder", "attr.aria-invalid": "errorState", "disabled": "disabled", "required": "required" }, classAttribute: "kbq-textarea kbq-scrollbar" }, providers: [{ provide: KbqFormFieldControl, useExisting: KbqTextarea }], exportAs: ["kbqTextarea"], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTextarea, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTextarea, decorators: [{
             type: Directive,
             args: [{
                     selector: 'textarea[kbqTextarea]',

package/esm2022/textarea/textarea.module.mjs

@@ -5,11 +5,11 @@ import { KbqCommonModule } from '@koobiq/components/core';
 import { KbqTextarea } from './textarea.component';
 import * as i0 from "@angular/core";
 export class KbqTextareaModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: KbqTextareaModule, declarations: [KbqTextarea], imports: [A11yModule, KbqCommonModule, FormsModule], exports: [KbqTextarea] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTextareaModule, imports: [A11yModule, KbqCommonModule, FormsModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqTextareaModule, declarations: [KbqTextarea], imports: [A11yModule, KbqCommonModule, FormsModule], exports: [KbqTextarea] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTextareaModule, imports: [A11yModule, KbqCommonModule, FormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTextareaModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTextareaModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [A11yModule, KbqCommonModule, FormsModule],

package/esm2022/timepicker/timepicker.directive.mjs

@@ -622,14 +622,14 @@ export class KbqTimepicker {
         this.control = control;
         this.control.valueChanges.subscribe((value) => (this._value = value));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTimepicker, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.DateAdapter, optional: true }, { token: KBQ_LOCALE_SERVICE, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqTimepicker, selector: "input[kbqTimepicker]", inputs: { placeholder: "placeholder", disabled: "disabled", id: "id", required: "required", format: "format", min: "min", max: "max", value: "value", kbqValidationTooltip: "kbqValidationTooltip" }, outputs: { incorrectInput: "incorrectInput" }, host: { listeners: { "blur": "onBlur()", "focus": "focusChanged(true)", "paste": "onPaste($event)", "keydown": "onKeyDown($event)" }, properties: { "attr.id": "id", "attr.placeholder": "placeholder", "attr.disabled": "disabled || null", "attr.required": "required", "attr.size": "getSize()", "attr.autocomplete": "\"off\"" }, classAttribute: "kbq-input kbq-timepicker" }, providers: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTimepicker, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.DateAdapter, optional: true }, { token: KBQ_LOCALE_SERVICE, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqTimepicker, selector: "input[kbqTimepicker]", inputs: { placeholder: "placeholder", disabled: "disabled", id: "id", required: "required", format: "format", min: "min", max: "max", value: "value", kbqValidationTooltip: "kbqValidationTooltip" }, outputs: { incorrectInput: "incorrectInput" }, host: { listeners: { "blur": "onBlur()", "focus": "focusChanged(true)", "paste": "onPaste($event)", "keydown": "onKeyDown($event)" }, properties: { "attr.id": "id", "attr.placeholder": "placeholder", "attr.disabled": "disabled || null", "attr.required": "required", "attr.size": "getSize()", "attr.autocomplete": "\"off\"" }, classAttribute: "kbq-input kbq-timepicker" }, providers: [
             KBQ_TIMEPICKER_VALIDATORS,
             KBQ_TIMEPICKER_VALUE_ACCESSOR,
             { provide: KbqFormFieldControl, useExisting: KbqTimepicker }
         ], exportAs: ["kbqTimepicker"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTimepicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTimepicker, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[kbqTimepicker]',

package/esm2022/timepicker/timepicker.module.mjs

@@ -5,15 +5,15 @@ import { FormsModule } from '@angular/forms';
 import { KbqTimepicker } from './timepicker.directive';
 import * as i0 from "@angular/core";
 export class KbqTimepickerModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTimepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: KbqTimepickerModule, declarations: [KbqTimepicker], imports: [A11yModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTimepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqTimepickerModule, declarations: [KbqTimepicker], imports: [A11yModule,
             PlatformModule,
             FormsModule], exports: [KbqTimepicker] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTimepickerModule, imports: [A11yModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTimepickerModule, imports: [A11yModule,
             PlatformModule,
             FormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTimepickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTimepickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/timezone/cities-by-filter.pipe.mjs

@@ -5,10 +5,10 @@ export class CitiesByFilterPipe {
     transform(value, searchPattern) {
         return filterCitiesBySearchString(value, searchPattern);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CitiesByFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: CitiesByFilterPipe, name: "citiesByFilter" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: CitiesByFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: CitiesByFilterPipe, name: "citiesByFilter" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CitiesByFilterPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: CitiesByFilterPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'citiesByFilter'

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

@@ -18,15 +18,15 @@ export class KbqTimezoneOption extends KbqOption {
         const cities = [this.timezone.city, this.timezone.cities].filter(Boolean).join(', ');
         return [offsetFormatter(this.timezone.offset), cities].join(' ');
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTimezoneOption, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: KbqTimezoneOption, selector: "kbq-timezone-option", inputs: { highlightText: "highlightText", timezone: "timezone" }, host: { classAttribute: "kbq-timezone-option" }, providers: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTimezoneOption, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KbqTimezoneOption, selector: "kbq-timezone-option", inputs: { highlightText: "highlightText", timezone: "timezone" }, host: { classAttribute: "kbq-timezone-option" }, providers: [
             {
                 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-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 }); }
+        ], 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-option-size-horizontal-padding: var(--kbq-size-m);--kbq-option-size-height: var(--kbq-size-3xl);--kbq-option-size-border-width: 2px;--kbq-select-size-single-padding-left: var(--kbq-size-m);--kbq-select-size-single-padding-right: var(--kbq-size-xxs);--kbq-select-size-single-padding-vertical: var(--kbq-size-xs);--kbq-select-size-single-content-gap: var(--kbq-size-xxs);--kbq-select-size-multiple-padding-left: var(--kbq-size-xxs);--kbq-select-size-multiple-padding-right: var(--kbq-size-xxs);--kbq-select-size-multiple-padding-vertical: var(--kbq-size-xxs);--kbq-select-size-multiple-content-gap: var(--kbq-size-xxs);--kbq-select-panel-size-border-radius: var(--kbq-size-s);--kbq-select-panel-size-max-height: 256px;--kbq-select-panel-font-default-font-size: var(--kbq-typography-text-normal-font-size);--kbq-select-panel-font-default-line-height: var(--kbq-typography-text-normal-line-height);--kbq-select-panel-font-default-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-select-panel-font-default-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-select-panel-font-default-font-family: var(--kbq-typography-text-normal-font-family);--kbq-select-panel-font-default-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-select-panel-font-default-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--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: var(--kbq-typography-tabular-normal-font-size);--kbq-timezone-option-font-text-line-height: var(--kbq-typography-tabular-normal-line-height);--kbq-timezone-option-font-text-letter-spacing: var(--kbq-typography-tabular-normal-letter-spacing);--kbq-timezone-option-font-text-font-weight: var(--kbq-typography-tabular-normal-font-weight);--kbq-timezone-option-font-text-font-family: var(--kbq-typography-tabular-normal-font-family);--kbq-timezone-option-font-text-text-transform: var(--kbq-typography-tabular-normal-text-transform);--kbq-timezone-option-font-text-font-feature-settings: var(--kbq-typography-tabular-normal-font-feature-settings);--kbq-timezone-option-font-offset-text-font-size: var(--kbq-typography-tabular-normal-font-size);--kbq-timezone-option-font-offset-text-line-height: var(--kbq-typography-tabular-normal-line-height);--kbq-timezone-option-font-offset-text-letter-spacing: var(--kbq-typography-tabular-normal-letter-spacing);--kbq-timezone-option-font-offset-text-font-weight: var(--kbq-typography-tabular-normal-font-weight);--kbq-timezone-option-font-offset-text-font-family: var(--kbq-typography-tabular-normal-font-family);--kbq-timezone-option-font-offset-text-text-transform: var(--kbq-typography-tabular-normal-text-transform);--kbq-timezone-option-font-offset-text-font-feature-settings: var( --kbq-typography-tabular-normal-font-feature-settings );--kbq-timezone-option-font-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-timezone-option-font-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-timezone-option-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-timezone-option-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-timezone-option-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-timezone-option-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-timezone-option-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings);--kbq-timezone-option-font-optgroup-label-font-size: var(--kbq-typography-caps-compact-strong-font-size);--kbq-timezone-option-font-optgroup-label-line-height: var(--kbq-typography-caps-compact-strong-line-height);--kbq-timezone-option-font-optgroup-label-letter-spacing: var(--kbq-typography-caps-compact-strong-letter-spacing);--kbq-timezone-option-font-optgroup-label-font-weight: var(--kbq-typography-caps-compact-strong-font-weight);--kbq-timezone-option-font-optgroup-label-font-family: var(--kbq-typography-caps-compact-strong-font-family);--kbq-timezone-option-font-optgroup-label-text-transform: var(--kbq-typography-caps-compact-strong-text-transform);--kbq-timezone-option-font-optgroup-label-font-feature-settings: var( --kbq-typography-caps-compact-strong-font-feature-settings )}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-select-panel-dropdown-background: var(--kbq-background-card);--kbq-select-panel-dropdown-shadow: var(--kbq-shadow-popup);--kbq-timezone-option-text: var(--kbq-foreground-contrast);--kbq-timezone-option-caption: var(--kbq-foreground-contrast-secondary);--kbq-timezone-option-optgroup-label: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-select-panel-dropdown-background: var(--kbq-background-card);--kbq-select-panel-dropdown-shadow: var(--kbq-shadow-popup);--kbq-timezone-option-text: var(--kbq-foreground-contrast);--kbq-timezone-option-caption: var(--kbq-foreground-contrast-secondary);--kbq-timezone-option-optgroup-label: var(--kbq-foreground-contrast-secondary)}\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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTimezoneOption, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-timezone-option', exportAs: 'kbqTimezoneOption', host: {
                         class: 'kbq-timezone-option'
@@ -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-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"] }]
+                    ], 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-option-size-horizontal-padding: var(--kbq-size-m);--kbq-option-size-height: var(--kbq-size-3xl);--kbq-option-size-border-width: 2px;--kbq-select-size-single-padding-left: var(--kbq-size-m);--kbq-select-size-single-padding-right: var(--kbq-size-xxs);--kbq-select-size-single-padding-vertical: var(--kbq-size-xs);--kbq-select-size-single-content-gap: var(--kbq-size-xxs);--kbq-select-size-multiple-padding-left: var(--kbq-size-xxs);--kbq-select-size-multiple-padding-right: var(--kbq-size-xxs);--kbq-select-size-multiple-padding-vertical: var(--kbq-size-xxs);--kbq-select-size-multiple-content-gap: var(--kbq-size-xxs);--kbq-select-panel-size-border-radius: var(--kbq-size-s);--kbq-select-panel-size-max-height: 256px;--kbq-select-panel-font-default-font-size: var(--kbq-typography-text-normal-font-size);--kbq-select-panel-font-default-line-height: var(--kbq-typography-text-normal-line-height);--kbq-select-panel-font-default-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-select-panel-font-default-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-select-panel-font-default-font-family: var(--kbq-typography-text-normal-font-family);--kbq-select-panel-font-default-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-select-panel-font-default-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--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: var(--kbq-typography-tabular-normal-font-size);--kbq-timezone-option-font-text-line-height: var(--kbq-typography-tabular-normal-line-height);--kbq-timezone-option-font-text-letter-spacing: var(--kbq-typography-tabular-normal-letter-spacing);--kbq-timezone-option-font-text-font-weight: var(--kbq-typography-tabular-normal-font-weight);--kbq-timezone-option-font-text-font-family: var(--kbq-typography-tabular-normal-font-family);--kbq-timezone-option-font-text-text-transform: var(--kbq-typography-tabular-normal-text-transform);--kbq-timezone-option-font-text-font-feature-settings: var(--kbq-typography-tabular-normal-font-feature-settings);--kbq-timezone-option-font-offset-text-font-size: var(--kbq-typography-tabular-normal-font-size);--kbq-timezone-option-font-offset-text-line-height: var(--kbq-typography-tabular-normal-line-height);--kbq-timezone-option-font-offset-text-letter-spacing: var(--kbq-typography-tabular-normal-letter-spacing);--kbq-timezone-option-font-offset-text-font-weight: var(--kbq-typography-tabular-normal-font-weight);--kbq-timezone-option-font-offset-text-font-family: var(--kbq-typography-tabular-normal-font-family);--kbq-timezone-option-font-offset-text-text-transform: var(--kbq-typography-tabular-normal-text-transform);--kbq-timezone-option-font-offset-text-font-feature-settings: var( --kbq-typography-tabular-normal-font-feature-settings );--kbq-timezone-option-font-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-timezone-option-font-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-timezone-option-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-timezone-option-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-timezone-option-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-timezone-option-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-timezone-option-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings);--kbq-timezone-option-font-optgroup-label-font-size: var(--kbq-typography-caps-compact-strong-font-size);--kbq-timezone-option-font-optgroup-label-line-height: var(--kbq-typography-caps-compact-strong-line-height);--kbq-timezone-option-font-optgroup-label-letter-spacing: var(--kbq-typography-caps-compact-strong-letter-spacing);--kbq-timezone-option-font-optgroup-label-font-weight: var(--kbq-typography-caps-compact-strong-font-weight);--kbq-timezone-option-font-optgroup-label-font-family: var(--kbq-typography-caps-compact-strong-font-family);--kbq-timezone-option-font-optgroup-label-text-transform: var(--kbq-typography-caps-compact-strong-text-transform);--kbq-timezone-option-font-optgroup-label-font-feature-settings: var( --kbq-typography-caps-compact-strong-font-feature-settings )}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-select-panel-dropdown-background: var(--kbq-background-card);--kbq-select-panel-dropdown-shadow: var(--kbq-shadow-popup);--kbq-timezone-option-text: var(--kbq-foreground-contrast);--kbq-timezone-option-caption: var(--kbq-foreground-contrast-secondary);--kbq-timezone-option-optgroup-label: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-select-panel-dropdown-background: var(--kbq-background-card);--kbq-select-panel-dropdown-shadow: var(--kbq-shadow-popup);--kbq-timezone-option-text: var(--kbq-foreground-contrast);--kbq-timezone-option-caption: var(--kbq-foreground-contrast-secondary);--kbq-timezone-option-optgroup-label: var(--kbq-foreground-contrast-secondary)}\n"] }]
         }], propDecorators: { tooltipContentWrapper: [{
                 type: ViewChild,
                 args: ['tooltipContentWrapper', { static: false }]

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

@@ -35,10 +35,10 @@ export class KbqTimezoneOptionTooltip extends KbqTooltipTrigger {
         this.disabled = count <= TOOLTIP_VISIBLE_ROWS_COUNT;
         this.changeDetectorRef.detectChanges();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTimezoneOptionTooltip, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.KbqTimezoneOption }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqTimezoneOptionTooltip, selector: "kbq-timezone-option", host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTimezoneOptionTooltip, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.KbqTimezoneOption }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqTimezoneOptionTooltip, selector: "kbq-timezone-option", host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTimezoneOptionTooltip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTimezoneOptionTooltip, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kbq-timezone-option',