@koobiq/components 17.8.5 → 17.8.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alert/alert-tokens.scss +2 -2
- package/alert/alert.component.scss +10 -0
- package/esm2022/alert/alert.component.mjs +2 -2
- package/esm2022/core/version.mjs +2 -2
- package/esm2022/modal/modal.directive.mjs +43 -7
- package/esm2022/timezone/timezone-option.component.mjs +2 -2
- package/esm2022/timezone/timezone-select.component.mjs +2 -2
- package/fesm2022/koobiq-components-alert.mjs +2 -2
- package/fesm2022/koobiq-components-alert.mjs.map +1 -1
- package/fesm2022/koobiq-components-core.mjs +1 -1
- package/fesm2022/koobiq-components-core.mjs.map +1 -1
- package/fesm2022/koobiq-components-modal.mjs +37 -5
- package/fesm2022/koobiq-components-modal.mjs.map +1 -1
- package/fesm2022/koobiq-components-timezone.mjs +4 -4
- package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
- package/modal/modal.directive.d.ts +3 -0
- package/package.json +4 -4
- package/schematics/ng-add/index.js +2 -2
- package/timezone/timezone-option-tokens.scss +29 -0
package/alert/alert-tokens.scss
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
--kbq-alert-size-normal-icon-margin-left: 12px;
|
|
15
15
|
--kbq-alert-size-normal-icon-padding-top: 4px;
|
|
16
16
|
--kbq-alert-size-normal-title-margin-bottom: 4px;
|
|
17
|
-
--kbq-alert-size-normal-close-button-margin-top:
|
|
17
|
+
--kbq-alert-size-normal-close-button-margin-top: 10px;
|
|
18
18
|
--kbq-alert-size-normal-close-button-margin-left: 2px;
|
|
19
19
|
--kbq-alert-size-normal-button-stack-padding-top: 8px;
|
|
20
20
|
--kbq-alert-size-normal-button-stack-padding-bottom: 2px;
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
--kbq-alert-size-compact-icon-margin-right: 8px;
|
|
34
34
|
--kbq-alert-size-compact-icon-padding-top: 4px;
|
|
35
35
|
--kbq-alert-size-compact-title-margin-bottom: 2px;
|
|
36
|
-
--kbq-alert-size-compact-close-button-margin-top:
|
|
36
|
+
--kbq-alert-size-compact-close-button-margin-top: 10px;
|
|
37
37
|
--kbq-alert-size-compact-close-button-margin-left: 2px;
|
|
38
38
|
--kbq-alert-size-compact-button-stack-padding-top: 8px;
|
|
39
39
|
--kbq-alert-size-compact-button-stack-padding-bottom: 2px;
|
|
@@ -69,6 +69,11 @@
|
|
|
69
69
|
& .kbq-alert__close-button {
|
|
70
70
|
margin-top: kbq-css-variable(alert-size-normal-close-button-margin-top);
|
|
71
71
|
margin-left: kbq-css-variable(alert-size-normal-close-button-margin-left);
|
|
72
|
+
|
|
73
|
+
.kbq-icon-button {
|
|
74
|
+
--kbq-icon-button-size-normal-horizontal-padding: 4px;
|
|
75
|
+
--kbq-icon-button-size-normal-vertical-padding: 4px;
|
|
76
|
+
}
|
|
72
77
|
}
|
|
73
78
|
}
|
|
74
79
|
|
|
@@ -119,6 +124,11 @@
|
|
|
119
124
|
& .kbq-alert__close-button {
|
|
120
125
|
margin-top: kbq-css-variable(alert-size-compact-close-button-margin-top);
|
|
121
126
|
margin-left: kbq-css-variable(alert-size-compact-close-button-margin-left);
|
|
127
|
+
|
|
128
|
+
.kbq-icon-button {
|
|
129
|
+
--kbq-icon-button-size-normal-horizontal-padding: 4px;
|
|
130
|
+
--kbq-icon-button-size-normal-vertical-padding: 4px;
|
|
131
|
+
}
|
|
122
132
|
}
|
|
123
133
|
}
|
|
124
134
|
|
|
@@ -76,7 +76,7 @@ export class KbqAlert {
|
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
78
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAlert, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
79
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: KbqAlert, selector: "kbq-alert", inputs: { compact: "compact", alertStyle: "alertStyle", alertColor: "alertColor" }, host: { properties: { "class": "alertColor", "class.kbq-alert_normal": "!compact", "class.kbq-alert_compact": "compact", "class.kbq-alert_default": "!isColored", "class.kbq-alert_colored": "isColored", "class.kbq-alert_dismissible": "closeButton" }, classAttribute: "kbq-alert" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, descendants: true }, { propertyName: "icon", first: true, predicate: KbqIcon, descendants: true }, { propertyName: "button", first: true, predicate: KbqButton, descendants: true }, { propertyName: "title", first: true, predicate: KbqAlertTitle, descendants: true }, { propertyName: "control", first: true, predicate: KbqAlertControl, descendants: true }, { propertyName: "closeButton", first: true, predicate: KbqAlertCloseButton, descendants: true }], ngImport: i0, template: "@if (iconItem || icon) {\n <div\n class=\"kbq-alert__icon\"\n [class.kbq-alert__icon_title]=\"title\"\n >\n <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n </div>\n}\n\n<div\n class=\"kbq-alert__content\"\n [class.kbq-alert__content_title]=\"title\"\n>\n <ng-content select=\"[kbq-alert-title]\" />\n\n <div class=\"kbq-alert__text\">\n <ng-content />\n </div>\n\n @if (control) {\n <div\n class=\"kbq-alert__button-stack\"\n [class.kbq-alert__button-stack_has-button]=\"button\"\n >\n <ng-content select=\"[kbq-alert-control]\" />\n </div>\n }\n</div>\n\n<div\n class=\"kbq-alert__close-button\"\n [hidden]=\"!closeButton\"\n>\n <ng-content select=\"[kbq-alert-close-button]\" />\n</div>\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs, 4px)}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius, 12px);padding:var(--kbq-alert-size-normal-container-padding-top, 0) var(--kbq-alert-size-normal-container-padding-right, 8px) var(--kbq-alert-size-normal-container-padding-bottom, 0) var(--kbq-alert-size-normal-container-padding-left, 8px)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top, 16px) var(--kbq-alert-size-normal-icon-margin-right, 0) var(--kbq-alert-size-normal-icon-margin-bottom, 16px) var(--kbq-alert-size-normal-icon-margin-left, 12px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top, 16px);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top, 16px) var(--kbq-alert-size-normal-content-padding-right, 8px) var(--kbq-alert-size-normal-content-padding-bottom, 16px) var(--kbq-alert-size-normal-content-padding-left, 12px)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom, 4px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-normal-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-normal-close-button-margin-left, 2px)}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius, 12px);padding:var(--kbq-alert-size-compact-container-padding-top, 0) var(--kbq-alert-size-compact-container-padding-right, 8px) var(--kbq-alert-size-compact-container-padding-bottom, 0) var(--kbq-alert-size-compact-container-padding-left, 16px)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top, 12px);margin-right:var(--kbq-alert-size-compact-icon-margin-right, 8px);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top, 2px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top, 12px);padding-top:var(--kbq-alert-size-compact-icon-padding-top, 4px)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top, 12px) var(--kbq-alert-size-compact-content-padding-right, 8px) var(--kbq-alert-size-compact-content-padding-bottom, 12px) var(--kbq-alert-size-compact-content-padding-left, 0)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-compact-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-compact-close-button-margin-left, 2px)}.kbq-alert__close:focus{outline:none}.kbq-alert.kbq-alert_default.kbq-alert_contrast{background:var(--kbq-alert-default-contrast-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-default-contrast-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-default-contrast-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_error{background:var(--kbq-alert-default-error-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-default-error-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-default-error-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_warning{background:var(--kbq-alert-default-warning-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-default-warning-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-default-warning-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_success{background:var(--kbq-alert-default-success-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-default-success-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-default-success-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_theme{background:var(--kbq-alert-default-theme-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-default-theme-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-default-theme-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast{background:var(--kbq-alert-colored-contrast-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-colored-contrast-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-colored-contrast-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_error{background:var(--kbq-alert-colored-error-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-colored-error-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-colored-error-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning{background:var(--kbq-alert-colored-warning-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-colored-warning-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-colored-warning-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_success{background:var(--kbq-alert-colored-success-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-colored-success-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-colored-success-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme{background:var(--kbq-alert-colored-theme-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-colored-theme-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-colored-theme-container-text, )}.kbq-alert{font-size:var(--kbq-alert-font-text-font-size, 14px);font-weight:var(--kbq-alert-font-text-font-weight, normal);line-height:var(--kbq-alert-font-text-line-height, 20px);font-family:var(--kbq-alert-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-text-text-transform, );font-feature-settings:var(--kbq-alert-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-alert-font-text-letter-spacing, -.006em)}.kbq-alert .kbq-alert__title{font-size:var(--kbq-alert-font-title-font-size, 18px);font-weight:var(--kbq-alert-font-title-font-weight, 600);line-height:var(--kbq-alert-font-title-line-height, 26px);font-family:var(--kbq-alert-font-title-font-family, \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-title-text-transform, );font-feature-settings:var(--kbq-alert-font-title-font-feature-settings, \"calt\", \"kern\", \"liga\");letter-spacing:var(--kbq-alert-font-title-letter-spacing, normal)}.kbq-alert.kbq-alert_compact .kbq-alert__title{font-size:var(--kbq-alert-font-title-compact-font-size, 16px);font-weight:var(--kbq-alert-font-title-compact-font-weight, 600);line-height:var(--kbq-alert-font-title-compact-line-height, 24px);font-family:var(--kbq-alert-font-title-compact-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-title-compact-text-transform, );font-feature-settings:var(--kbq-alert-font-title-compact-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-alert-font-title-compact-letter-spacing, -.011em)}\n", ".kbq-alert{--kbq-alert-size-normal-container-border-radius: 12px;--kbq-alert-size-normal-container-padding-top: 0;--kbq-alert-size-normal-container-padding-right: 8px;--kbq-alert-size-normal-container-padding-bottom: 0;--kbq-alert-size-normal-container-padding-left: 8px;--kbq-alert-size-normal-content-padding-top: 16px;--kbq-alert-size-normal-content-padding-right: 8px;--kbq-alert-size-normal-content-padding-bottom: 16px;--kbq-alert-size-normal-content-padding-left: 12px;--kbq-alert-size-normal-icon-margin-top: 16px;--kbq-alert-size-normal-icon-margin-right: 0;--kbq-alert-size-normal-icon-margin-bottom: 16px;--kbq-alert-size-normal-icon-margin-left: 12px;--kbq-alert-size-normal-icon-padding-top: 4px;--kbq-alert-size-normal-title-margin-bottom: 4px;--kbq-alert-size-normal-close-button-margin-top: 8px;--kbq-alert-size-normal-close-button-margin-left: 2px;--kbq-alert-size-normal-button-stack-padding-top: 8px;--kbq-alert-size-normal-button-stack-padding-bottom: 2px;--kbq-alert-size-normal-no-title-icon-margin-top: 16px;--kbq-alert-size-normal-no-title-icon-padding-top: 2px;--kbq-alert-size-compact-container-border-radius: 12px;--kbq-alert-size-compact-container-padding-top: 0;--kbq-alert-size-compact-container-padding-right: 8px;--kbq-alert-size-compact-container-padding-bottom: 0;--kbq-alert-size-compact-container-padding-left: 16px;--kbq-alert-size-compact-content-padding-top: 12px;--kbq-alert-size-compact-content-padding-right: 8px;--kbq-alert-size-compact-content-padding-bottom: 12px;--kbq-alert-size-compact-content-padding-left: 0;--kbq-alert-size-compact-icon-margin-top: 12px;--kbq-alert-size-compact-icon-margin-right: 8px;--kbq-alert-size-compact-icon-padding-top: 4px;--kbq-alert-size-compact-title-margin-bottom: 2px;--kbq-alert-size-compact-close-button-margin-top: 8px;--kbq-alert-size-compact-close-button-margin-left: 2px;--kbq-alert-size-compact-button-stack-padding-top: 8px;--kbq-alert-size-compact-button-stack-padding-bottom: 2px;--kbq-alert-size-compact-no-title-icon-margin-top: 12px;--kbq-alert-size-compact-no-title-icon-padding-top: 2px;--kbq-alert-font-title-font-size: 18px;--kbq-alert-font-title-line-height: 26px;--kbq-alert-font-title-letter-spacing: normal;--kbq-alert-font-title-font-weight: 600;--kbq-alert-font-title-text-transform: null;--kbq-alert-font-title-font-feature-settings: \"calt\", \"kern\", \"liga\";--kbq-alert-font-title-compact-font-size: 16px;--kbq-alert-font-title-compact-line-height: 24px;--kbq-alert-font-title-compact-letter-spacing: -.011em;--kbq-alert-font-title-compact-font-weight: 600;--kbq-alert-font-title-compact-text-transform: null;--kbq-alert-font-title-compact-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-alert-font-text-font-size: 14px;--kbq-alert-font-text-line-height: 20px;--kbq-alert-font-text-letter-spacing: -.006em;--kbq-alert-font-text-font-weight: normal;--kbq-alert-font-text-text-transform: null;--kbq-alert-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-alert-font-title-font-family: var(--kbq-typography-subheading-font-family);--kbq-alert-font-title-compact-font-family: var(--kbq-typography-text-big-strong-font-family);--kbq-alert-font-text-font-family: var(--kbq-typography-text-normal-font-family)}:root{--kbq-typography-subheading-font-family: \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-text-big-strong-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-alert-default-contrast-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-contrast-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-contrast-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-error-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-error-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-error-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-warning-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-warning-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-warning-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-success-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-success-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-success-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-theme-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-theme-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-theme-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-contrast-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-colored-contrast-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-contrast-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-error-container-background: hsla(7, 97%, 90%, 100%);--kbq-alert-colored-error-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-error-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-warning-container-background: hsla(38, 100%, 85%, 100%);--kbq-alert-colored-warning-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-warning-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-success-container-background: hsla(104, 64%, 80%, 100%);--kbq-alert-colored-success-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-success-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-theme-container-background: hsla(216, 100%, 85%, 100%);--kbq-alert-colored-theme-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-theme-container-text: hsla(229, 15%, 15%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-alert-default-contrast-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-contrast-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-contrast-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-error-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-error-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-error-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-warning-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-warning-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-warning-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-success-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-success-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-success-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-theme-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-theme-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-theme-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-contrast-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-colored-contrast-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-contrast-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-error-container-background: hsla(7, 97%, 15%, 100%);--kbq-alert-colored-error-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-error-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-warning-container-background: hsla(38, 100%, 14%, 100%);--kbq-alert-colored-warning-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-warning-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-success-container-background: hsla(104, 64%, 12%, 100%);--kbq-alert-colored-success-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-success-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-theme-container-background: hsla(216, 100%, 20%, 100%);--kbq-alert-colored-theme-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-theme-container-text: hsla(229, 15%, 80%, 100%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
79
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: KbqAlert, selector: "kbq-alert", inputs: { compact: "compact", alertStyle: "alertStyle", alertColor: "alertColor" }, host: { properties: { "class": "alertColor", "class.kbq-alert_normal": "!compact", "class.kbq-alert_compact": "compact", "class.kbq-alert_default": "!isColored", "class.kbq-alert_colored": "isColored", "class.kbq-alert_dismissible": "closeButton" }, classAttribute: "kbq-alert" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, descendants: true }, { propertyName: "icon", first: true, predicate: KbqIcon, descendants: true }, { propertyName: "button", first: true, predicate: KbqButton, descendants: true }, { propertyName: "title", first: true, predicate: KbqAlertTitle, descendants: true }, { propertyName: "control", first: true, predicate: KbqAlertControl, descendants: true }, { propertyName: "closeButton", first: true, predicate: KbqAlertCloseButton, descendants: true }], ngImport: i0, template: "@if (iconItem || icon) {\n <div\n class=\"kbq-alert__icon\"\n [class.kbq-alert__icon_title]=\"title\"\n >\n <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n </div>\n}\n\n<div\n class=\"kbq-alert__content\"\n [class.kbq-alert__content_title]=\"title\"\n>\n <ng-content select=\"[kbq-alert-title]\" />\n\n <div class=\"kbq-alert__text\">\n <ng-content />\n </div>\n\n @if (control) {\n <div\n class=\"kbq-alert__button-stack\"\n [class.kbq-alert__button-stack_has-button]=\"button\"\n >\n <ng-content select=\"[kbq-alert-control]\" />\n </div>\n }\n</div>\n\n<div\n class=\"kbq-alert__close-button\"\n [hidden]=\"!closeButton\"\n>\n <ng-content select=\"[kbq-alert-close-button]\" />\n</div>\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs, 4px)}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius, 12px);padding:var(--kbq-alert-size-normal-container-padding-top, 0) var(--kbq-alert-size-normal-container-padding-right, 8px) var(--kbq-alert-size-normal-container-padding-bottom, 0) var(--kbq-alert-size-normal-container-padding-left, 8px)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top, 16px) var(--kbq-alert-size-normal-icon-margin-right, 0) var(--kbq-alert-size-normal-icon-margin-bottom, 16px) var(--kbq-alert-size-normal-icon-margin-left, 12px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top, 16px);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top, 16px) var(--kbq-alert-size-normal-content-padding-right, 8px) var(--kbq-alert-size-normal-content-padding-bottom, 16px) var(--kbq-alert-size-normal-content-padding-left, 12px)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom, 4px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-normal-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-normal-close-button-margin-left, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: 4px;--kbq-icon-button-size-normal-vertical-padding: 4px}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius, 12px);padding:var(--kbq-alert-size-compact-container-padding-top, 0) var(--kbq-alert-size-compact-container-padding-right, 8px) var(--kbq-alert-size-compact-container-padding-bottom, 0) var(--kbq-alert-size-compact-container-padding-left, 16px)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top, 12px);margin-right:var(--kbq-alert-size-compact-icon-margin-right, 8px);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top, 2px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top, 12px);padding-top:var(--kbq-alert-size-compact-icon-padding-top, 4px)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top, 12px) var(--kbq-alert-size-compact-content-padding-right, 8px) var(--kbq-alert-size-compact-content-padding-bottom, 12px) var(--kbq-alert-size-compact-content-padding-left, 0)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-compact-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-compact-close-button-margin-left, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: 4px;--kbq-icon-button-size-normal-vertical-padding: 4px}.kbq-alert__close:focus{outline:none}.kbq-alert.kbq-alert_default.kbq-alert_contrast{background:var(--kbq-alert-default-contrast-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-default-contrast-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-default-contrast-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_error{background:var(--kbq-alert-default-error-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-default-error-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-default-error-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_warning{background:var(--kbq-alert-default-warning-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-default-warning-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-default-warning-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_success{background:var(--kbq-alert-default-success-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-default-success-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-default-success-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_theme{background:var(--kbq-alert-default-theme-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-default-theme-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-default-theme-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast{background:var(--kbq-alert-colored-contrast-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-colored-contrast-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-colored-contrast-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_error{background:var(--kbq-alert-colored-error-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-colored-error-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-colored-error-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning{background:var(--kbq-alert-colored-warning-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-colored-warning-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-colored-warning-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_success{background:var(--kbq-alert-colored-success-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-colored-success-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-colored-success-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme{background:var(--kbq-alert-colored-theme-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-colored-theme-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-colored-theme-container-text, )}.kbq-alert{font-size:var(--kbq-alert-font-text-font-size, 14px);font-weight:var(--kbq-alert-font-text-font-weight, normal);line-height:var(--kbq-alert-font-text-line-height, 20px);font-family:var(--kbq-alert-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-text-text-transform, );font-feature-settings:var(--kbq-alert-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-alert-font-text-letter-spacing, -.006em)}.kbq-alert .kbq-alert__title{font-size:var(--kbq-alert-font-title-font-size, 18px);font-weight:var(--kbq-alert-font-title-font-weight, 600);line-height:var(--kbq-alert-font-title-line-height, 26px);font-family:var(--kbq-alert-font-title-font-family, \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-title-text-transform, );font-feature-settings:var(--kbq-alert-font-title-font-feature-settings, \"calt\", \"kern\", \"liga\");letter-spacing:var(--kbq-alert-font-title-letter-spacing, normal)}.kbq-alert.kbq-alert_compact .kbq-alert__title{font-size:var(--kbq-alert-font-title-compact-font-size, 16px);font-weight:var(--kbq-alert-font-title-compact-font-weight, 600);line-height:var(--kbq-alert-font-title-compact-line-height, 24px);font-family:var(--kbq-alert-font-title-compact-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-title-compact-text-transform, );font-feature-settings:var(--kbq-alert-font-title-compact-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-alert-font-title-compact-letter-spacing, -.011em)}\n", ".kbq-alert{--kbq-alert-size-normal-container-border-radius: 12px;--kbq-alert-size-normal-container-padding-top: 0;--kbq-alert-size-normal-container-padding-right: 8px;--kbq-alert-size-normal-container-padding-bottom: 0;--kbq-alert-size-normal-container-padding-left: 8px;--kbq-alert-size-normal-content-padding-top: 16px;--kbq-alert-size-normal-content-padding-right: 8px;--kbq-alert-size-normal-content-padding-bottom: 16px;--kbq-alert-size-normal-content-padding-left: 12px;--kbq-alert-size-normal-icon-margin-top: 16px;--kbq-alert-size-normal-icon-margin-right: 0;--kbq-alert-size-normal-icon-margin-bottom: 16px;--kbq-alert-size-normal-icon-margin-left: 12px;--kbq-alert-size-normal-icon-padding-top: 4px;--kbq-alert-size-normal-title-margin-bottom: 4px;--kbq-alert-size-normal-close-button-margin-top: 10px;--kbq-alert-size-normal-close-button-margin-left: 2px;--kbq-alert-size-normal-button-stack-padding-top: 8px;--kbq-alert-size-normal-button-stack-padding-bottom: 2px;--kbq-alert-size-normal-no-title-icon-margin-top: 16px;--kbq-alert-size-normal-no-title-icon-padding-top: 2px;--kbq-alert-size-compact-container-border-radius: 12px;--kbq-alert-size-compact-container-padding-top: 0;--kbq-alert-size-compact-container-padding-right: 8px;--kbq-alert-size-compact-container-padding-bottom: 0;--kbq-alert-size-compact-container-padding-left: 16px;--kbq-alert-size-compact-content-padding-top: 12px;--kbq-alert-size-compact-content-padding-right: 8px;--kbq-alert-size-compact-content-padding-bottom: 12px;--kbq-alert-size-compact-content-padding-left: 0;--kbq-alert-size-compact-icon-margin-top: 12px;--kbq-alert-size-compact-icon-margin-right: 8px;--kbq-alert-size-compact-icon-padding-top: 4px;--kbq-alert-size-compact-title-margin-bottom: 2px;--kbq-alert-size-compact-close-button-margin-top: 10px;--kbq-alert-size-compact-close-button-margin-left: 2px;--kbq-alert-size-compact-button-stack-padding-top: 8px;--kbq-alert-size-compact-button-stack-padding-bottom: 2px;--kbq-alert-size-compact-no-title-icon-margin-top: 12px;--kbq-alert-size-compact-no-title-icon-padding-top: 2px;--kbq-alert-font-title-font-size: 18px;--kbq-alert-font-title-line-height: 26px;--kbq-alert-font-title-letter-spacing: normal;--kbq-alert-font-title-font-weight: 600;--kbq-alert-font-title-text-transform: null;--kbq-alert-font-title-font-feature-settings: \"calt\", \"kern\", \"liga\";--kbq-alert-font-title-compact-font-size: 16px;--kbq-alert-font-title-compact-line-height: 24px;--kbq-alert-font-title-compact-letter-spacing: -.011em;--kbq-alert-font-title-compact-font-weight: 600;--kbq-alert-font-title-compact-text-transform: null;--kbq-alert-font-title-compact-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-alert-font-text-font-size: 14px;--kbq-alert-font-text-line-height: 20px;--kbq-alert-font-text-letter-spacing: -.006em;--kbq-alert-font-text-font-weight: normal;--kbq-alert-font-text-text-transform: null;--kbq-alert-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-alert-font-title-font-family: var(--kbq-typography-subheading-font-family);--kbq-alert-font-title-compact-font-family: var(--kbq-typography-text-big-strong-font-family);--kbq-alert-font-text-font-family: var(--kbq-typography-text-normal-font-family)}:root{--kbq-typography-subheading-font-family: \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-text-big-strong-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-alert-default-contrast-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-contrast-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-contrast-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-error-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-error-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-error-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-warning-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-warning-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-warning-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-success-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-success-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-success-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-theme-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-theme-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-theme-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-contrast-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-colored-contrast-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-contrast-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-error-container-background: hsla(7, 97%, 90%, 100%);--kbq-alert-colored-error-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-error-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-warning-container-background: hsla(38, 100%, 85%, 100%);--kbq-alert-colored-warning-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-warning-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-success-container-background: hsla(104, 64%, 80%, 100%);--kbq-alert-colored-success-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-success-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-theme-container-background: hsla(216, 100%, 85%, 100%);--kbq-alert-colored-theme-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-theme-container-text: hsla(229, 15%, 15%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-alert-default-contrast-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-contrast-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-contrast-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-error-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-error-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-error-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-warning-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-warning-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-warning-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-success-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-success-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-success-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-theme-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-theme-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-theme-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-contrast-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-colored-contrast-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-contrast-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-error-container-background: hsla(7, 97%, 15%, 100%);--kbq-alert-colored-error-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-error-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-warning-container-background: hsla(38, 100%, 14%, 100%);--kbq-alert-colored-warning-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-warning-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-success-container-background: hsla(104, 64%, 12%, 100%);--kbq-alert-colored-success-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-success-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-theme-container-background: hsla(216, 100%, 20%, 100%);--kbq-alert-colored-theme-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-theme-container-text: hsla(229, 15%, 80%, 100%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
80
80
|
}
|
|
81
81
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAlert, decorators: [{
|
|
82
82
|
type: Component,
|
|
@@ -88,7 +88,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
|
|
|
88
88
|
'[class.kbq-alert_default]': '!isColored',
|
|
89
89
|
'[class.kbq-alert_colored]': 'isColored',
|
|
90
90
|
'[class.kbq-alert_dismissible]': 'closeButton'
|
|
91
|
-
}, template: "@if (iconItem || icon) {\n <div\n class=\"kbq-alert__icon\"\n [class.kbq-alert__icon_title]=\"title\"\n >\n <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n </div>\n}\n\n<div\n class=\"kbq-alert__content\"\n [class.kbq-alert__content_title]=\"title\"\n>\n <ng-content select=\"[kbq-alert-title]\" />\n\n <div class=\"kbq-alert__text\">\n <ng-content />\n </div>\n\n @if (control) {\n <div\n class=\"kbq-alert__button-stack\"\n [class.kbq-alert__button-stack_has-button]=\"button\"\n >\n <ng-content select=\"[kbq-alert-control]\" />\n </div>\n }\n</div>\n\n<div\n class=\"kbq-alert__close-button\"\n [hidden]=\"!closeButton\"\n>\n <ng-content select=\"[kbq-alert-close-button]\" />\n</div>\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs, 4px)}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius, 12px);padding:var(--kbq-alert-size-normal-container-padding-top, 0) var(--kbq-alert-size-normal-container-padding-right, 8px) var(--kbq-alert-size-normal-container-padding-bottom, 0) var(--kbq-alert-size-normal-container-padding-left, 8px)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top, 16px) var(--kbq-alert-size-normal-icon-margin-right, 0) var(--kbq-alert-size-normal-icon-margin-bottom, 16px) var(--kbq-alert-size-normal-icon-margin-left, 12px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top, 16px);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top, 16px) var(--kbq-alert-size-normal-content-padding-right, 8px) var(--kbq-alert-size-normal-content-padding-bottom, 16px) var(--kbq-alert-size-normal-content-padding-left, 12px)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom, 4px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-normal-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-normal-close-button-margin-left, 2px)}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius, 12px);padding:var(--kbq-alert-size-compact-container-padding-top, 0) var(--kbq-alert-size-compact-container-padding-right, 8px) var(--kbq-alert-size-compact-container-padding-bottom, 0) var(--kbq-alert-size-compact-container-padding-left, 16px)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top, 12px);margin-right:var(--kbq-alert-size-compact-icon-margin-right, 8px);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top, 2px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top, 12px);padding-top:var(--kbq-alert-size-compact-icon-padding-top, 4px)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top, 12px) var(--kbq-alert-size-compact-content-padding-right, 8px) var(--kbq-alert-size-compact-content-padding-bottom, 12px) var(--kbq-alert-size-compact-content-padding-left, 0)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-compact-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-compact-close-button-margin-left, 2px)}.kbq-alert__close:focus{outline:none}.kbq-alert.kbq-alert_default.kbq-alert_contrast{background:var(--kbq-alert-default-contrast-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-default-contrast-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-default-contrast-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_error{background:var(--kbq-alert-default-error-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-default-error-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-default-error-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_warning{background:var(--kbq-alert-default-warning-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-default-warning-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-default-warning-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_success{background:var(--kbq-alert-default-success-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-default-success-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-default-success-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_theme{background:var(--kbq-alert-default-theme-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-default-theme-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-default-theme-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast{background:var(--kbq-alert-colored-contrast-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-colored-contrast-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-colored-contrast-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_error{background:var(--kbq-alert-colored-error-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-colored-error-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-colored-error-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning{background:var(--kbq-alert-colored-warning-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-colored-warning-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-colored-warning-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_success{background:var(--kbq-alert-colored-success-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-colored-success-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-colored-success-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme{background:var(--kbq-alert-colored-theme-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-colored-theme-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-colored-theme-container-text, )}.kbq-alert{font-size:var(--kbq-alert-font-text-font-size, 14px);font-weight:var(--kbq-alert-font-text-font-weight, normal);line-height:var(--kbq-alert-font-text-line-height, 20px);font-family:var(--kbq-alert-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-text-text-transform, );font-feature-settings:var(--kbq-alert-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-alert-font-text-letter-spacing, -.006em)}.kbq-alert .kbq-alert__title{font-size:var(--kbq-alert-font-title-font-size, 18px);font-weight:var(--kbq-alert-font-title-font-weight, 600);line-height:var(--kbq-alert-font-title-line-height, 26px);font-family:var(--kbq-alert-font-title-font-family, \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-title-text-transform, );font-feature-settings:var(--kbq-alert-font-title-font-feature-settings, \"calt\", \"kern\", \"liga\");letter-spacing:var(--kbq-alert-font-title-letter-spacing, normal)}.kbq-alert.kbq-alert_compact .kbq-alert__title{font-size:var(--kbq-alert-font-title-compact-font-size, 16px);font-weight:var(--kbq-alert-font-title-compact-font-weight, 600);line-height:var(--kbq-alert-font-title-compact-line-height, 24px);font-family:var(--kbq-alert-font-title-compact-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-title-compact-text-transform, );font-feature-settings:var(--kbq-alert-font-title-compact-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-alert-font-title-compact-letter-spacing, -.011em)}\n", ".kbq-alert{--kbq-alert-size-normal-container-border-radius: 12px;--kbq-alert-size-normal-container-padding-top: 0;--kbq-alert-size-normal-container-padding-right: 8px;--kbq-alert-size-normal-container-padding-bottom: 0;--kbq-alert-size-normal-container-padding-left: 8px;--kbq-alert-size-normal-content-padding-top: 16px;--kbq-alert-size-normal-content-padding-right: 8px;--kbq-alert-size-normal-content-padding-bottom: 16px;--kbq-alert-size-normal-content-padding-left: 12px;--kbq-alert-size-normal-icon-margin-top: 16px;--kbq-alert-size-normal-icon-margin-right: 0;--kbq-alert-size-normal-icon-margin-bottom: 16px;--kbq-alert-size-normal-icon-margin-left: 12px;--kbq-alert-size-normal-icon-padding-top: 4px;--kbq-alert-size-normal-title-margin-bottom: 4px;--kbq-alert-size-normal-close-button-margin-top: 8px;--kbq-alert-size-normal-close-button-margin-left: 2px;--kbq-alert-size-normal-button-stack-padding-top: 8px;--kbq-alert-size-normal-button-stack-padding-bottom: 2px;--kbq-alert-size-normal-no-title-icon-margin-top: 16px;--kbq-alert-size-normal-no-title-icon-padding-top: 2px;--kbq-alert-size-compact-container-border-radius: 12px;--kbq-alert-size-compact-container-padding-top: 0;--kbq-alert-size-compact-container-padding-right: 8px;--kbq-alert-size-compact-container-padding-bottom: 0;--kbq-alert-size-compact-container-padding-left: 16px;--kbq-alert-size-compact-content-padding-top: 12px;--kbq-alert-size-compact-content-padding-right: 8px;--kbq-alert-size-compact-content-padding-bottom: 12px;--kbq-alert-size-compact-content-padding-left: 0;--kbq-alert-size-compact-icon-margin-top: 12px;--kbq-alert-size-compact-icon-margin-right: 8px;--kbq-alert-size-compact-icon-padding-top: 4px;--kbq-alert-size-compact-title-margin-bottom: 2px;--kbq-alert-size-compact-close-button-margin-top: 8px;--kbq-alert-size-compact-close-button-margin-left: 2px;--kbq-alert-size-compact-button-stack-padding-top: 8px;--kbq-alert-size-compact-button-stack-padding-bottom: 2px;--kbq-alert-size-compact-no-title-icon-margin-top: 12px;--kbq-alert-size-compact-no-title-icon-padding-top: 2px;--kbq-alert-font-title-font-size: 18px;--kbq-alert-font-title-line-height: 26px;--kbq-alert-font-title-letter-spacing: normal;--kbq-alert-font-title-font-weight: 600;--kbq-alert-font-title-text-transform: null;--kbq-alert-font-title-font-feature-settings: \"calt\", \"kern\", \"liga\";--kbq-alert-font-title-compact-font-size: 16px;--kbq-alert-font-title-compact-line-height: 24px;--kbq-alert-font-title-compact-letter-spacing: -.011em;--kbq-alert-font-title-compact-font-weight: 600;--kbq-alert-font-title-compact-text-transform: null;--kbq-alert-font-title-compact-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-alert-font-text-font-size: 14px;--kbq-alert-font-text-line-height: 20px;--kbq-alert-font-text-letter-spacing: -.006em;--kbq-alert-font-text-font-weight: normal;--kbq-alert-font-text-text-transform: null;--kbq-alert-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-alert-font-title-font-family: var(--kbq-typography-subheading-font-family);--kbq-alert-font-title-compact-font-family: var(--kbq-typography-text-big-strong-font-family);--kbq-alert-font-text-font-family: var(--kbq-typography-text-normal-font-family)}:root{--kbq-typography-subheading-font-family: \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-text-big-strong-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-alert-default-contrast-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-contrast-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-contrast-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-error-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-error-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-error-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-warning-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-warning-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-warning-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-success-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-success-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-success-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-theme-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-theme-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-theme-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-contrast-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-colored-contrast-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-contrast-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-error-container-background: hsla(7, 97%, 90%, 100%);--kbq-alert-colored-error-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-error-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-warning-container-background: hsla(38, 100%, 85%, 100%);--kbq-alert-colored-warning-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-warning-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-success-container-background: hsla(104, 64%, 80%, 100%);--kbq-alert-colored-success-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-success-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-theme-container-background: hsla(216, 100%, 85%, 100%);--kbq-alert-colored-theme-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-theme-container-text: hsla(229, 15%, 15%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-alert-default-contrast-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-contrast-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-contrast-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-error-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-error-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-error-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-warning-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-warning-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-warning-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-success-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-success-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-success-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-theme-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-theme-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-theme-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-contrast-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-colored-contrast-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-contrast-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-error-container-background: hsla(7, 97%, 15%, 100%);--kbq-alert-colored-error-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-error-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-warning-container-background: hsla(38, 100%, 14%, 100%);--kbq-alert-colored-warning-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-warning-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-success-container-background: hsla(104, 64%, 12%, 100%);--kbq-alert-colored-success-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-success-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-theme-container-background: hsla(216, 100%, 20%, 100%);--kbq-alert-colored-theme-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-theme-container-text: hsla(229, 15%, 80%, 100%)}\n"] }]
|
|
91
|
+
}, template: "@if (iconItem || icon) {\n <div\n class=\"kbq-alert__icon\"\n [class.kbq-alert__icon_title]=\"title\"\n >\n <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n </div>\n}\n\n<div\n class=\"kbq-alert__content\"\n [class.kbq-alert__content_title]=\"title\"\n>\n <ng-content select=\"[kbq-alert-title]\" />\n\n <div class=\"kbq-alert__text\">\n <ng-content />\n </div>\n\n @if (control) {\n <div\n class=\"kbq-alert__button-stack\"\n [class.kbq-alert__button-stack_has-button]=\"button\"\n >\n <ng-content select=\"[kbq-alert-control]\" />\n </div>\n }\n</div>\n\n<div\n class=\"kbq-alert__close-button\"\n [hidden]=\"!closeButton\"\n>\n <ng-content select=\"[kbq-alert-close-button]\" />\n</div>\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs, 4px)}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius, 12px);padding:var(--kbq-alert-size-normal-container-padding-top, 0) var(--kbq-alert-size-normal-container-padding-right, 8px) var(--kbq-alert-size-normal-container-padding-bottom, 0) var(--kbq-alert-size-normal-container-padding-left, 8px)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top, 16px) var(--kbq-alert-size-normal-icon-margin-right, 0) var(--kbq-alert-size-normal-icon-margin-bottom, 16px) var(--kbq-alert-size-normal-icon-margin-left, 12px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top, 16px);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top, 16px) var(--kbq-alert-size-normal-content-padding-right, 8px) var(--kbq-alert-size-normal-content-padding-bottom, 16px) var(--kbq-alert-size-normal-content-padding-left, 12px)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom, 4px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-normal-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-normal-close-button-margin-left, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: 4px;--kbq-icon-button-size-normal-vertical-padding: 4px}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius, 12px);padding:var(--kbq-alert-size-compact-container-padding-top, 0) var(--kbq-alert-size-compact-container-padding-right, 8px) var(--kbq-alert-size-compact-container-padding-bottom, 0) var(--kbq-alert-size-compact-container-padding-left, 16px)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top, 12px);margin-right:var(--kbq-alert-size-compact-icon-margin-right, 8px);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top, 2px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top, 12px);padding-top:var(--kbq-alert-size-compact-icon-padding-top, 4px)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top, 12px) var(--kbq-alert-size-compact-content-padding-right, 8px) var(--kbq-alert-size-compact-content-padding-bottom, 12px) var(--kbq-alert-size-compact-content-padding-left, 0)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-compact-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-compact-close-button-margin-left, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: 4px;--kbq-icon-button-size-normal-vertical-padding: 4px}.kbq-alert__close:focus{outline:none}.kbq-alert.kbq-alert_default.kbq-alert_contrast{background:var(--kbq-alert-default-contrast-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-default-contrast-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-default-contrast-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_error{background:var(--kbq-alert-default-error-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-default-error-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-default-error-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_warning{background:var(--kbq-alert-default-warning-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-default-warning-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-default-warning-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_success{background:var(--kbq-alert-default-success-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-default-success-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-default-success-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_theme{background:var(--kbq-alert-default-theme-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-default-theme-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-default-theme-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast{background:var(--kbq-alert-colored-contrast-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-colored-contrast-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-colored-contrast-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_error{background:var(--kbq-alert-colored-error-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-colored-error-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-colored-error-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning{background:var(--kbq-alert-colored-warning-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-colored-warning-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-colored-warning-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_success{background:var(--kbq-alert-colored-success-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-colored-success-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-colored-success-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme{background:var(--kbq-alert-colored-theme-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-colored-theme-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-colored-theme-container-text, )}.kbq-alert{font-size:var(--kbq-alert-font-text-font-size, 14px);font-weight:var(--kbq-alert-font-text-font-weight, normal);line-height:var(--kbq-alert-font-text-line-height, 20px);font-family:var(--kbq-alert-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-text-text-transform, );font-feature-settings:var(--kbq-alert-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-alert-font-text-letter-spacing, -.006em)}.kbq-alert .kbq-alert__title{font-size:var(--kbq-alert-font-title-font-size, 18px);font-weight:var(--kbq-alert-font-title-font-weight, 600);line-height:var(--kbq-alert-font-title-line-height, 26px);font-family:var(--kbq-alert-font-title-font-family, \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-title-text-transform, );font-feature-settings:var(--kbq-alert-font-title-font-feature-settings, \"calt\", \"kern\", \"liga\");letter-spacing:var(--kbq-alert-font-title-letter-spacing, normal)}.kbq-alert.kbq-alert_compact .kbq-alert__title{font-size:var(--kbq-alert-font-title-compact-font-size, 16px);font-weight:var(--kbq-alert-font-title-compact-font-weight, 600);line-height:var(--kbq-alert-font-title-compact-line-height, 24px);font-family:var(--kbq-alert-font-title-compact-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-title-compact-text-transform, );font-feature-settings:var(--kbq-alert-font-title-compact-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-alert-font-title-compact-letter-spacing, -.011em)}\n", ".kbq-alert{--kbq-alert-size-normal-container-border-radius: 12px;--kbq-alert-size-normal-container-padding-top: 0;--kbq-alert-size-normal-container-padding-right: 8px;--kbq-alert-size-normal-container-padding-bottom: 0;--kbq-alert-size-normal-container-padding-left: 8px;--kbq-alert-size-normal-content-padding-top: 16px;--kbq-alert-size-normal-content-padding-right: 8px;--kbq-alert-size-normal-content-padding-bottom: 16px;--kbq-alert-size-normal-content-padding-left: 12px;--kbq-alert-size-normal-icon-margin-top: 16px;--kbq-alert-size-normal-icon-margin-right: 0;--kbq-alert-size-normal-icon-margin-bottom: 16px;--kbq-alert-size-normal-icon-margin-left: 12px;--kbq-alert-size-normal-icon-padding-top: 4px;--kbq-alert-size-normal-title-margin-bottom: 4px;--kbq-alert-size-normal-close-button-margin-top: 10px;--kbq-alert-size-normal-close-button-margin-left: 2px;--kbq-alert-size-normal-button-stack-padding-top: 8px;--kbq-alert-size-normal-button-stack-padding-bottom: 2px;--kbq-alert-size-normal-no-title-icon-margin-top: 16px;--kbq-alert-size-normal-no-title-icon-padding-top: 2px;--kbq-alert-size-compact-container-border-radius: 12px;--kbq-alert-size-compact-container-padding-top: 0;--kbq-alert-size-compact-container-padding-right: 8px;--kbq-alert-size-compact-container-padding-bottom: 0;--kbq-alert-size-compact-container-padding-left: 16px;--kbq-alert-size-compact-content-padding-top: 12px;--kbq-alert-size-compact-content-padding-right: 8px;--kbq-alert-size-compact-content-padding-bottom: 12px;--kbq-alert-size-compact-content-padding-left: 0;--kbq-alert-size-compact-icon-margin-top: 12px;--kbq-alert-size-compact-icon-margin-right: 8px;--kbq-alert-size-compact-icon-padding-top: 4px;--kbq-alert-size-compact-title-margin-bottom: 2px;--kbq-alert-size-compact-close-button-margin-top: 10px;--kbq-alert-size-compact-close-button-margin-left: 2px;--kbq-alert-size-compact-button-stack-padding-top: 8px;--kbq-alert-size-compact-button-stack-padding-bottom: 2px;--kbq-alert-size-compact-no-title-icon-margin-top: 12px;--kbq-alert-size-compact-no-title-icon-padding-top: 2px;--kbq-alert-font-title-font-size: 18px;--kbq-alert-font-title-line-height: 26px;--kbq-alert-font-title-letter-spacing: normal;--kbq-alert-font-title-font-weight: 600;--kbq-alert-font-title-text-transform: null;--kbq-alert-font-title-font-feature-settings: \"calt\", \"kern\", \"liga\";--kbq-alert-font-title-compact-font-size: 16px;--kbq-alert-font-title-compact-line-height: 24px;--kbq-alert-font-title-compact-letter-spacing: -.011em;--kbq-alert-font-title-compact-font-weight: 600;--kbq-alert-font-title-compact-text-transform: null;--kbq-alert-font-title-compact-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-alert-font-text-font-size: 14px;--kbq-alert-font-text-line-height: 20px;--kbq-alert-font-text-letter-spacing: -.006em;--kbq-alert-font-text-font-weight: normal;--kbq-alert-font-text-text-transform: null;--kbq-alert-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-alert-font-title-font-family: var(--kbq-typography-subheading-font-family);--kbq-alert-font-title-compact-font-family: var(--kbq-typography-text-big-strong-font-family);--kbq-alert-font-text-font-family: var(--kbq-typography-text-normal-font-family)}:root{--kbq-typography-subheading-font-family: \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-text-big-strong-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-alert-default-contrast-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-contrast-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-contrast-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-error-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-error-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-error-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-warning-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-warning-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-warning-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-success-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-success-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-success-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-theme-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-theme-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-theme-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-contrast-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-colored-contrast-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-contrast-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-error-container-background: hsla(7, 97%, 90%, 100%);--kbq-alert-colored-error-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-error-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-warning-container-background: hsla(38, 100%, 85%, 100%);--kbq-alert-colored-warning-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-warning-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-success-container-background: hsla(104, 64%, 80%, 100%);--kbq-alert-colored-success-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-success-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-theme-container-background: hsla(216, 100%, 85%, 100%);--kbq-alert-colored-theme-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-theme-container-text: hsla(229, 15%, 15%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-alert-default-contrast-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-contrast-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-contrast-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-error-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-error-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-error-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-warning-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-warning-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-warning-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-success-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-success-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-success-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-theme-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-theme-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-theme-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-contrast-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-colored-contrast-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-contrast-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-error-container-background: hsla(7, 97%, 15%, 100%);--kbq-alert-colored-error-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-error-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-warning-container-background: hsla(38, 100%, 14%, 100%);--kbq-alert-colored-warning-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-warning-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-success-container-background: hsla(104, 64%, 12%, 100%);--kbq-alert-colored-success-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-success-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-theme-container-background: hsla(216, 100%, 20%, 100%);--kbq-alert-colored-theme-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-theme-container-text: hsla(229, 15%, 80%, 100%)}\n"] }]
|
|
92
92
|
}], propDecorators: { iconItem: [{
|
|
93
93
|
type: ContentChild,
|
|
94
94
|
args: [KbqIconItem]
|
package/esm2022/core/version.mjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Version } from '@angular/core';
|
|
2
|
-
export const VERSION = new Version('17.8.
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
export const VERSION = new Version('17.8.7+sha-555bad8');
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY29yZS92ZXJzaW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFeEMsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLElBQUksT0FBTyxDQUFDLG9CQUFvQixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBWZXJzaW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBjb25zdCBWRVJTSU9OID0gbmV3IFZlcnNpb24oJzE3LjguNytzaGEtNTU1YmFkOCcpO1xuIl19
|
|
@@ -1,16 +1,37 @@
|
|
|
1
1
|
import { Component, Directive } from '@angular/core';
|
|
2
|
+
import { KbqModalComponent } from './modal.component';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "
|
|
4
|
+
import * as i1 from "./modal.component";
|
|
5
|
+
import * as i2 from "@koobiq/components/button";
|
|
6
|
+
import * as i3 from "@koobiq/components/icon";
|
|
7
|
+
import * as i4 from "@koobiq/components/title";
|
|
4
8
|
export class KbqModalTitle {
|
|
5
|
-
|
|
6
|
-
|
|
9
|
+
constructor(modal) {
|
|
10
|
+
this.modal = modal;
|
|
11
|
+
}
|
|
12
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqModalTitle, deps: [{ token: i1.KbqModalComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: KbqModalTitle, selector: "[kbq-modal-title], kbq-modal-title, [kbqModalTitle]", host: { properties: { "class.kbq-modal-header_closable": "modal.kbqClosable" }, classAttribute: "kbq-modal-header" }, ngImport: i0, template: `
|
|
7
14
|
<div
|
|
8
15
|
class="kbq-modal-title"
|
|
9
16
|
kbq-title
|
|
10
17
|
>
|
|
11
18
|
<ng-content />
|
|
12
19
|
</div>
|
|
13
|
-
|
|
20
|
+
|
|
21
|
+
@if (modal.kbqClosable) {
|
|
22
|
+
<button
|
|
23
|
+
class="kbq-modal-close kbq-button_transparent"
|
|
24
|
+
[color]="'contrast'"
|
|
25
|
+
(click)="modal.onClickCloseBtn()"
|
|
26
|
+
kbq-button
|
|
27
|
+
>
|
|
28
|
+
<i
|
|
29
|
+
[color]="modal.componentColors.Contrast"
|
|
30
|
+
kbq-icon="mc-close-L_16"
|
|
31
|
+
></i>
|
|
32
|
+
</button>
|
|
33
|
+
}
|
|
34
|
+
`, isInline: true, dependencies: [{ kind: "component", type: i2.KbqButton, selector: "[kbq-button]", inputs: ["color", "tabIndex", "kbqStyle", "disabled"] }, { kind: "directive", type: i2.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "component", type: i3.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }, { kind: "directive", type: i4.KbqTitleDirective, selector: "[kbq-title]", exportAs: ["kbqTitle"] }] }); }
|
|
14
35
|
}
|
|
15
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqModalTitle, decorators: [{
|
|
16
37
|
type: Component,
|
|
@@ -23,12 +44,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
|
|
|
23
44
|
>
|
|
24
45
|
<ng-content />
|
|
25
46
|
</div>
|
|
47
|
+
|
|
48
|
+
@if (modal.kbqClosable) {
|
|
49
|
+
<button
|
|
50
|
+
class="kbq-modal-close kbq-button_transparent"
|
|
51
|
+
[color]="'contrast'"
|
|
52
|
+
(click)="modal.onClickCloseBtn()"
|
|
53
|
+
kbq-button
|
|
54
|
+
>
|
|
55
|
+
<i
|
|
56
|
+
[color]="modal.componentColors.Contrast"
|
|
57
|
+
kbq-icon="mc-close-L_16"
|
|
58
|
+
></i>
|
|
59
|
+
</button>
|
|
60
|
+
}
|
|
26
61
|
`,
|
|
27
62
|
host: {
|
|
28
|
-
class: 'kbq-modal-header'
|
|
63
|
+
class: 'kbq-modal-header',
|
|
64
|
+
'[class.kbq-modal-header_closable]': 'modal.kbqClosable'
|
|
29
65
|
}
|
|
30
66
|
}]
|
|
31
|
-
}] });
|
|
67
|
+
}], ctorParameters: () => [{ type: i1.KbqModalComponent }] });
|
|
32
68
|
export class KbqModalBody {
|
|
33
69
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqModalBody, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
34
70
|
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqModalBody, selector: "[kbq-modal-body], kbq-modal-body, [kbqModalBody]", host: { classAttribute: "kbq-modal-body" }, ngImport: i0 }); }
|
|
@@ -65,4 +101,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
|
|
|
65
101
|
selector: `[kbq-modal-main-action]`
|
|
66
102
|
}]
|
|
67
103
|
}] });
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
104
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9tb2RhbC9tb2RhbC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7Ozs7OztBQStCdEQsTUFBTSxPQUFPLGFBQWE7SUFDdEIsWUFBc0IsS0FBd0I7UUFBeEIsVUFBSyxHQUFMLEtBQUssQ0FBbUI7SUFBRyxDQUFDO2lJQUR6QyxhQUFhO3FIQUFiLGFBQWEsaU5BM0JaOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0FxQlQ7OzJGQU1RLGFBQWE7a0JBN0J6QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxxREFBcUQ7b0JBQy9ELFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBcUJUO29CQUNELElBQUksRUFBRTt3QkFDRixLQUFLLEVBQUUsa0JBQWtCO3dCQUN6QixtQ0FBbUMsRUFBRSxtQkFBbUI7cUJBQzNEO2lCQUNKOztBQVdELE1BQU0sT0FBTyxZQUFZO2lJQUFaLFlBQVk7cUhBQVosWUFBWTs7MkZBQVosWUFBWTtrQkFOeEIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsa0RBQWtEO29CQUM1RCxJQUFJLEVBQUU7d0JBQ0YsS0FBSyxFQUFFLGdCQUFnQjtxQkFDMUI7aUJBQ0o7O0FBU0QsTUFBTSxPQUFPLGNBQWM7aUlBQWQsY0FBYztxSEFBZCxjQUFjOzsyRkFBZCxjQUFjO2tCQU4xQixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSx3REFBd0Q7b0JBQ2xFLElBQUksRUFBRTt3QkFDRixLQUFLLEVBQUUsa0JBQWtCO3FCQUM1QjtpQkFDSjs7QUFNRCxNQUFNLE9BQU8sa0JBQWtCO2lJQUFsQixrQkFBa0I7cUhBQWxCLGtCQUFrQjs7MkZBQWxCLGtCQUFrQjtrQkFIOUIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUseUJBQXlCO2lCQUN0QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLYnFNb2RhbENvbXBvbmVudCB9IGZyb20gJy4vbW9kYWwuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IGBba2JxLW1vZGFsLXRpdGxlXSwga2JxLW1vZGFsLXRpdGxlLCBba2JxTW9kYWxUaXRsZV1gLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzPVwia2JxLW1vZGFsLXRpdGxlXCJcbiAgICAgICAgICAgIGticS10aXRsZVxuICAgICAgICA+XG4gICAgICAgICAgICA8bmctY29udGVudCAvPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICBAaWYgKG1vZGFsLmticUNsb3NhYmxlKSB7XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJrYnEtbW9kYWwtY2xvc2Uga2JxLWJ1dHRvbl90cmFuc3BhcmVudFwiXG4gICAgICAgICAgICAgICAgW2NvbG9yXT1cIidjb250cmFzdCdcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJtb2RhbC5vbkNsaWNrQ2xvc2VCdG4oKVwiXG4gICAgICAgICAgICAgICAga2JxLWJ1dHRvblxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxpXG4gICAgICAgICAgICAgICAgICAgIFtjb2xvcl09XCJtb2RhbC5jb21wb25lbnRDb2xvcnMuQ29udHJhc3RcIlxuICAgICAgICAgICAgICAgICAgICBrYnEtaWNvbj1cIm1jLWNsb3NlLUxfMTZcIlxuICAgICAgICAgICAgICAgID48L2k+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgfVxuICAgIGAsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1tb2RhbC1oZWFkZXInLFxuICAgICAgICAnW2NsYXNzLmticS1tb2RhbC1oZWFkZXJfY2xvc2FibGVdJzogJ21vZGFsLmticUNsb3NhYmxlJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgS2JxTW9kYWxUaXRsZSB7XG4gICAgY29uc3RydWN0b3IocHJvdGVjdGVkIG1vZGFsOiBLYnFNb2RhbENvbXBvbmVudCkge31cbn1cblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6IGBba2JxLW1vZGFsLWJvZHldLCBrYnEtbW9kYWwtYm9keSwgW2ticU1vZGFsQm9keV1gLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdrYnEtbW9kYWwtYm9keSdcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIEticU1vZGFsQm9keSB7fVxuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogYFtrYnEtbW9kYWwtZm9vdGVyXSwga2JxLW1vZGFsLWZvb3RlciwgW2ticU1vZGFsRm9vdGVyXWAsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1tb2RhbC1mb290ZXInXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBLYnFNb2RhbEZvb3RlciB7fVxuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogYFtrYnEtbW9kYWwtbWFpbi1hY3Rpb25dYFxufSlcbmV4cG9ydCBjbGFzcyBLYnFNb2RhbE1haW5BY3Rpb24ge31cbiJdfQ==
|
|
@@ -24,7 +24,7 @@ export class KbqTimezoneOption extends KbqOption {
|
|
|
24
24
|
provide: KbqOption,
|
|
25
25
|
useExisting: forwardRef((() => KbqTimezoneOption))
|
|
26
26
|
}
|
|
27
|
-
], 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 }); }
|
|
27
|
+
], 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: 12px;--kbq-option-size-height: 32px;--kbq-option-size-border-width: 2px;--kbq-select-size-single-padding-left: 12px;--kbq-select-size-single-padding-right: 4px;--kbq-select-size-single-padding-vertical: 6px;--kbq-select-size-single-content-gap: 4px;--kbq-select-size-multiple-padding-left: 4px;--kbq-select-size-multiple-padding-right: 4px;--kbq-select-size-multiple-padding-vertical: 4px;--kbq-select-size-multiple-content-gap: 4px;--kbq-select-panel-size-border-radius: 8px;--kbq-select-panel-size-max-height: 256px;--kbq-select-panel-font-default-font-size: 14px;--kbq-select-panel-font-default-line-height: 20px;--kbq-select-panel-font-default-letter-spacing: -.006em;--kbq-select-panel-font-default-font-weight: normal;--kbq-select-panel-font-default-text-transform: null;--kbq-select-panel-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--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-select-panel-font-default-font-family: var(--kbq-typography-text-normal-font-family);--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-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--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-divider-color: hsla(229, 15%, 6%, 12%);--kbq-select-panel-dropdown-background: hsla(229, 15%, 100%, 100%);--kbq-select-panel-dropdown-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%);--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-divider-color: hsla(229, 15%, 22%, 100%);--kbq-select-panel-dropdown-background: hsla(229, 15%, 15%, 100%);--kbq-select-panel-dropdown-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%);--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 }); }
|
|
28
28
|
}
|
|
29
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTimezoneOption, decorators: [{
|
|
30
30
|
type: Component,
|
|
@@ -35,7 +35,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
|
|
|
35
35
|
provide: KbqOption,
|
|
36
36
|
useExisting: forwardRef((() => KbqTimezoneOption))
|
|
37
37
|
}
|
|
38
|
-
], 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"] }]
|
|
38
|
+
], 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: 12px;--kbq-option-size-height: 32px;--kbq-option-size-border-width: 2px;--kbq-select-size-single-padding-left: 12px;--kbq-select-size-single-padding-right: 4px;--kbq-select-size-single-padding-vertical: 6px;--kbq-select-size-single-content-gap: 4px;--kbq-select-size-multiple-padding-left: 4px;--kbq-select-size-multiple-padding-right: 4px;--kbq-select-size-multiple-padding-vertical: 4px;--kbq-select-size-multiple-content-gap: 4px;--kbq-select-panel-size-border-radius: 8px;--kbq-select-panel-size-max-height: 256px;--kbq-select-panel-font-default-font-size: 14px;--kbq-select-panel-font-default-line-height: 20px;--kbq-select-panel-font-default-letter-spacing: -.006em;--kbq-select-panel-font-default-font-weight: normal;--kbq-select-panel-font-default-text-transform: null;--kbq-select-panel-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--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-select-panel-font-default-font-family: var(--kbq-typography-text-normal-font-family);--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-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--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-divider-color: hsla(229, 15%, 6%, 12%);--kbq-select-panel-dropdown-background: hsla(229, 15%, 100%, 100%);--kbq-select-panel-dropdown-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%);--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-divider-color: hsla(229, 15%, 22%, 100%);--kbq-select-panel-dropdown-background: hsla(229, 15%, 15%, 100%);--kbq-select-panel-dropdown-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%);--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"] }]
|
|
39
39
|
}], propDecorators: { tooltipContentWrapper: [{
|
|
40
40
|
type: ViewChild,
|
|
41
41
|
args: ['tooltipContentWrapper', { static: false }]
|