@koobiq/components 18.4.1 → 18.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/_accordion-theme.scss +2 -6
- package/accordion/accordion-tokens.scss +0 -16
- package/accordion/accordion-trigger.component.scss +0 -5
- package/accordion/accordion.component.scss +0 -5
- package/alert/_alert-theme.scss +3 -7
- package/alert/alert-tokens.scss +0 -21
- package/alert/alert.component.scss +0 -3
- package/autocomplete/_autocomplete-theme.scss +0 -6
- package/autocomplete/autocomplete.scss +0 -3
- package/badge/_badge-theme.scss +4 -8
- package/badge/badge-tokens.scss +0 -32
- package/badge/badge.component.scss +0 -3
- package/button/_button-base.scss +0 -3
- package/button/_button-theme.scss +1 -5
- package/button/button-tokens.scss +1 -8
- package/button-toggle/_button-toggle-theme.scss +1 -6
- package/button-toggle/button-toggle-tokens.scss +1 -8
- package/button-toggle/button-toggle.scss +0 -3
- package/checkbox/_checkbox-theme.scss +4 -7
- package/checkbox/checkbox-tokens.scss +0 -28
- package/checkbox/checkbox.scss +0 -3
- package/code-block/_code-block-theme.scss +1 -6
- package/code-block/actionbar.component.scss +0 -4
- package/code-block/code-block-tokens.scss +2 -9
- package/code-block/code-block.scss +1 -3
- package/core/forms/_forms-theme.scss +1 -1
- package/core/forms/_forms.scss +2 -2
- package/core/forms/forms-tokens.scss +0 -15
- package/core/option/_optgroup-theme.scss +1 -1
- package/core/option/_option-theme.scss +2 -2
- package/core/option/action.scss +3 -3
- package/core/option/option-tokens.scss +0 -100
- package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +0 -2
- package/core/selection/pseudo-checkbox/pseudo-checkbox-tokens.scss +0 -28
- package/core/selection/pseudo-checkbox/pseudo-checkbox.scss +0 -3
- package/core/styles/_core.scss +0 -2
- package/core/styles/_koobiq-theme.scss +0 -2
- package/core/styles/common/_groups.scss +4 -12
- package/core/styles/common/_list.scss +0 -3
- package/core/styles/common/_popup.scss +4 -9
- package/core/styles/common/_select.scss +29 -39
- package/core/styles/common/_tokens.scss +1 -3
- package/core/styles/theming/_scrollbar-theme.scss +0 -3
- package/core/styles/visual/_layout.scss +0 -3
- package/datepicker/_datepicker-theme.scss +2 -7
- package/datepicker/calendar-body.scss +0 -8
- package/datepicker/calendar-header.scss +0 -5
- package/datepicker/calendar.scss +0 -5
- package/datepicker/datepicker-content.scss +0 -5
- package/datepicker/datepicker-input.scss +0 -3
- package/datepicker/datepicker-toggle.scss +0 -5
- package/datepicker/datepicker-tokens.scss +0 -7
- package/divider/_divider-theme.scss +0 -4
- package/divider/divider.scss +0 -5
- package/dl/_dl-theme.scss +2 -6
- package/dl/dl-tokens.scss +0 -16
- package/dl/dl.scss +0 -5
- package/dropdown/_dropdown-theme.scss +4 -8
- package/dropdown/dropdown-item.scss +0 -5
- package/dropdown/dropdown-tokens.scss +1 -88
- package/dropdown/dropdown.scss +0 -5
- package/empty-state/_empty-state-theme.scss +4 -7
- package/empty-state/empty-state-tokens.scss +0 -30
- package/empty-state/empty-state.scss +0 -4
- package/esm2022/accordion/accordion-trigger.component.mjs +2 -2
- package/esm2022/accordion/accordion.component.mjs +2 -2
- package/esm2022/alert/alert.component.mjs +2 -2
- package/esm2022/badge/badge.component.mjs +2 -2
- package/esm2022/button/button.component.mjs +2 -2
- package/esm2022/button-toggle/button-toggle.component.mjs +2 -2
- package/esm2022/checkbox/checkbox.mjs +2 -2
- package/esm2022/code-block/code-block.component.mjs +2 -2
- package/esm2022/core/option/action.mjs +3 -3
- package/esm2022/core/option/optgroup.mjs +3 -3
- package/esm2022/core/option/option.mjs +3 -3
- package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +2 -2
- package/esm2022/core/version.mjs +2 -2
- package/esm2022/datepicker/calendar-body.component.mjs +3 -3
- package/esm2022/datepicker/calendar-header.component.mjs +3 -3
- package/esm2022/datepicker/datepicker.component.mjs +3 -3
- package/esm2022/dl/dl.component.mjs +2 -2
- package/esm2022/dropdown/dropdown-item.component.mjs +2 -2
- package/esm2022/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/empty-state/empty-state.component.mjs +2 -2
- package/esm2022/file-upload/multiple-file-upload.component.mjs +2 -2
- package/esm2022/file-upload/single-file-upload.component.mjs +2 -2
- package/esm2022/form-field/form-field.mjs +2 -2
- package/esm2022/form-field/hint.mjs +2 -2
- package/esm2022/form-field/password-hint.mjs +2 -2
- package/esm2022/list/list-selection.component.mjs +2 -2
- package/esm2022/list/list.component.mjs +2 -2
- package/esm2022/loader-overlay/loader-overlay.component.mjs +2 -2
- package/esm2022/markdown/markdown.component.mjs +34 -20
- package/esm2022/markdown/markdown.module.mjs +8 -9
- package/esm2022/markdown/markdown.service.mjs +5 -3
- package/esm2022/markdown/markdown.values.mjs +5 -1
- package/esm2022/modal/modal.component.mjs +2 -2
- package/esm2022/navbar/navbar.component.mjs +2 -2
- package/esm2022/navbar/vertical-navbar.component.mjs +2 -2
- package/esm2022/popover/popover-confirm.component.mjs +3 -3
- package/esm2022/popover/popover.component.mjs +3 -3
- package/esm2022/progress-bar/progress-bar.component.mjs +2 -2
- package/esm2022/progress-spinner/progress-spinner.component.mjs +2 -2
- package/esm2022/radio/radio.component.mjs +2 -2
- package/esm2022/risk-level/risk-level.component.mjs +2 -2
- package/esm2022/select/select.component.mjs +4 -4
- package/esm2022/sidepanel/sidepanel-container.component.mjs +3 -3
- package/esm2022/table/table.component.mjs +2 -2
- package/esm2022/tabs/tab-group.component.mjs +2 -2
- package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +2 -2
- package/esm2022/tags/tag-list.component.mjs +2 -2
- package/esm2022/timezone/timezone-option.component.mjs +2 -2
- package/esm2022/timezone/timezone-select.component.mjs +2 -2
- package/esm2022/toast/toast.component.mjs +3 -3
- package/esm2022/toggle/toggle.component.mjs +3 -3
- package/esm2022/tooltip/tooltip.component.mjs +3 -3
- package/esm2022/tree/padding.directive.mjs +2 -2
- package/esm2022/tree/toggle.mjs +2 -2
- package/esm2022/tree/tree-option.component.mjs +2 -2
- package/esm2022/tree/tree-selection.component.mjs +2 -2
- package/esm2022/tree/tree.mjs +2 -2
- package/esm2022/tree-select/tree-select.component.mjs +4 -4
- package/fesm2022/koobiq-components-accordion.mjs +4 -4
- package/fesm2022/koobiq-components-accordion.mjs.map +1 -1
- package/fesm2022/koobiq-components-alert.mjs +2 -2
- package/fesm2022/koobiq-components-alert.mjs.map +1 -1
- package/fesm2022/koobiq-components-badge.mjs +2 -2
- package/fesm2022/koobiq-components-badge.mjs.map +1 -1
- package/fesm2022/koobiq-components-button-toggle.mjs +2 -2
- package/fesm2022/koobiq-components-button-toggle.mjs.map +1 -1
- package/fesm2022/koobiq-components-button.mjs +2 -2
- package/fesm2022/koobiq-components-button.mjs.map +1 -1
- package/fesm2022/koobiq-components-checkbox.mjs +2 -2
- package/fesm2022/koobiq-components-checkbox.mjs.map +1 -1
- package/fesm2022/koobiq-components-code-block.mjs +2 -2
- package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
- package/fesm2022/koobiq-components-core.mjs +9 -9
- package/fesm2022/koobiq-components-core.mjs.map +1 -1
- package/fesm2022/koobiq-components-datepicker.mjs +6 -6
- package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
- package/fesm2022/koobiq-components-dl.mjs +2 -2
- package/fesm2022/koobiq-components-dl.mjs.map +1 -1
- package/fesm2022/koobiq-components-dropdown.mjs +4 -4
- package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
- package/fesm2022/koobiq-components-empty-state.mjs +2 -2
- package/fesm2022/koobiq-components-empty-state.mjs.map +1 -1
- package/fesm2022/koobiq-components-file-upload.mjs +4 -4
- package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
- package/fesm2022/koobiq-components-form-field.mjs +6 -6
- package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
- package/fesm2022/koobiq-components-list.mjs +4 -4
- package/fesm2022/koobiq-components-list.mjs.map +1 -1
- package/fesm2022/koobiq-components-loader-overlay.mjs +2 -2
- package/fesm2022/koobiq-components-loader-overlay.mjs.map +1 -1
- package/fesm2022/koobiq-components-markdown.mjs +49 -30
- package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
- package/fesm2022/koobiq-components-modal.mjs +2 -2
- package/fesm2022/koobiq-components-modal.mjs.map +1 -1
- package/fesm2022/koobiq-components-navbar.mjs +4 -4
- package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
- package/fesm2022/koobiq-components-popover.mjs +4 -4
- package/fesm2022/koobiq-components-popover.mjs.map +1 -1
- package/fesm2022/koobiq-components-progress-bar.mjs +2 -2
- package/fesm2022/koobiq-components-progress-bar.mjs.map +1 -1
- package/fesm2022/koobiq-components-progress-spinner.mjs +2 -2
- package/fesm2022/koobiq-components-progress-spinner.mjs.map +1 -1
- package/fesm2022/koobiq-components-radio.mjs +2 -2
- package/fesm2022/koobiq-components-radio.mjs.map +1 -1
- package/fesm2022/koobiq-components-risk-level.mjs +2 -2
- package/fesm2022/koobiq-components-risk-level.mjs.map +1 -1
- package/fesm2022/koobiq-components-select.mjs +4 -4
- package/fesm2022/koobiq-components-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-sidepanel.mjs +2 -2
- package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
- package/fesm2022/koobiq-components-table.mjs +2 -2
- package/fesm2022/koobiq-components-table.mjs.map +1 -1
- package/fesm2022/koobiq-components-tabs.mjs +4 -4
- package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
- package/fesm2022/koobiq-components-tags.mjs +2 -2
- package/fesm2022/koobiq-components-tags.mjs.map +1 -1
- package/fesm2022/koobiq-components-timezone.mjs +4 -4
- package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
- package/fesm2022/koobiq-components-toast.mjs +2 -2
- package/fesm2022/koobiq-components-toast.mjs.map +1 -1
- package/fesm2022/koobiq-components-toggle.mjs +2 -2
- package/fesm2022/koobiq-components-toggle.mjs.map +1 -1
- package/fesm2022/koobiq-components-tooltip.mjs +2 -2
- package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
- package/fesm2022/koobiq-components-tree-select.mjs +4 -4
- package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-tree.mjs +10 -10
- package/fesm2022/koobiq-components-tree.mjs.map +1 -1
- package/file-upload/_file-upload-theme.scss +6 -10
- package/file-upload/file-upload-tokens.scss +0 -39
- package/file-upload/multiple-file-upload.component.scss +10 -13
- package/form-field/_form-field-theme.scss +2 -7
- package/form-field/_hint-theme.scss +2 -6
- package/form-field/cleaner.scss +0 -5
- package/form-field/form-field-tokens.scss +1 -17
- package/form-field/form-field.scss +0 -3
- package/form-field/hint-tokens.scss +0 -14
- package/form-field/password-toggle.scss +0 -5
- package/form-field/stepper.scss +0 -5
- package/icon/_icon-button-theme.scss +0 -5
- package/icon/_icon-item-theme.scss +0 -2
- package/icon/icon-button.scss +0 -3
- package/icon/icon-item.scss +0 -3
- package/icon/icon.scss +0 -3
- package/input/_input-theme.scss +1 -1
- package/input/input-tokens.scss +0 -7
- package/input/input.scss +2 -5
- package/link/_link-theme.scss +3 -3
- package/link/link-tokens.scss +0 -21
- package/list/_list-theme.scss +2 -2
- package/list/list-tokens.scss +0 -28
- package/list/list.scss +0 -3
- package/loader-overlay/_loader-overlay-theme.scss +4 -4
- package/loader-overlay/loader-overlay-tokens.scss +0 -34
- package/loader-overlay/loader-overlay.scss +1 -0
- package/markdown/_markdown-theme.scss +19 -19
- package/markdown/markdown-tokens.scss +3 -112
- package/markdown/markdown.component.d.ts +17 -10
- package/markdown/markdown.module.d.ts +1 -4
- package/markdown/markdown.service.d.ts +4 -1
- package/markdown/markdown.values.d.ts +4 -0
- package/modal/_modal-theme.scss +2 -4
- package/modal/modal-tokens.scss +0 -14
- package/modal/modal.scss +0 -3
- package/navbar/_navbar-item_horizontal.scss +0 -3
- package/navbar/_navbar-item_vertical.scss +0 -4
- package/navbar/navbar-brand.scss +0 -5
- package/navbar/navbar-tokens.scss +1 -1
- package/package.json +4 -5
- package/popover/_popover-theme.scss +2 -2
- package/popover/popover-tokens.scss +0 -15
- package/popover/popover.scss +1 -1
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/light-theme.css +1 -1
- package/prebuilt-themes/theme.css +1 -1
- package/progress-bar/_progress-bar-theme.scss +2 -2
- package/progress-bar/progress-bar-tokens.scss +0 -14
- package/progress-spinner/_progress-spinner-theme.scss +2 -2
- package/progress-spinner/progress-spinner-tokens.scss +0 -14
- package/radio/_radio-theme.scss +4 -4
- package/radio/radio-tokens.scss +5 -30
- package/radio/radio.scss +2 -2
- package/risk-level/_risk-level-theme.scss +1 -5
- package/risk-level/risk-level-tokens.scss +0 -7
- package/schematics/ng-add/index.js +2 -4
- package/select/_select-theme.scss +4 -4
- package/select/select-tokens.scss +1 -18
- package/select/select.scss +2 -2
- package/sidepanel/_sidepanel-theme.scss +2 -2
- package/sidepanel/sidepanel-tokens.scss +0 -14
- package/table/_table-theme.scss +2 -5
- package/table/table-tokens.scss +0 -14
- package/table/table.scss +0 -3
- package/tabs/_tabs-theme.scss +1 -1
- package/tabs/tab-nav-bar/tab-nav-bar.scss +0 -3
- package/tabs/tabs-tokens.scss +0 -7
- package/tags/_tag-theme.scss +2 -2
- package/tags/tag-input-tokens.scss +0 -7
- package/tags/tag-tokens.scss +0 -14
- package/textarea/_textarea-theme.scss +1 -4
- package/textarea/textarea-tokens.scss +0 -7
- package/textarea/textarea.scss +0 -3
- package/timepicker/timepicker.scss +0 -3
- package/timezone/_timezone-option-theme.scss +4 -8
- package/timezone/timezone-option-tokens.scss +0 -45
- package/timezone/timezone-option.component.scss +0 -3
- package/timezone/timezone-select.component.scss +0 -3
- package/toast/_toast-theme.scss +2 -6
- package/toast/toast-container.component.scss +0 -3
- package/toast/toast-tokens.scss +0 -14
- package/toast/toast.component.scss +1 -4
- package/toggle/_toggle-theme.scss +6 -9
- package/toggle/toggle-tokens.scss +0 -28
- package/toggle/toggle.scss +1 -4
- package/tooltip/_tooltip-theme.scss +2 -2
- package/tooltip/tooltip-tokens.scss +0 -14
- package/tooltip/tooltip.scss +0 -3
- package/tree/_tree-theme.scss +3 -6
- package/tree/toggle.scss +0 -3
- package/tree/tree-option.scss +8 -5
- package/tree/tree-tokens.scss +0 -14
- package/tree-select/_tree-select-theme.scss +1 -5
- package/tree-select/tree-select-tokens.scss +0 -12
- package/tree-select/tree-select.scss +0 -4
- package/core/option/optgroup-tokens.scss +0 -10
- package/core/option/option-action-tokens.scss +0 -3
- package/markdown/README.md +0 -0
|
@@ -4,11 +4,11 @@ import { KbqLine, KbqLineSetter } from '@koobiq/components/core';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export class KbqList {
|
|
6
6
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqList, selector: "kbq-list", host: { classAttribute: "kbq-list" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: [".kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-list,.kbq-list-selection{display:block;outline:none}.kbq-list-item,.kbq-list-option{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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);border:var(--kbq-size-3xs) solid transparent;padding-top:var(--kbq-size-xxs);padding-left:var(--kbq-size-m);padding-right:var(--kbq-size-m);padding-bottom:var(--kbq-size-xxs)}.kbq-list-item .kbq-list-text,.kbq-list-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-list-item .kbq-list-text>*,.kbq-list-option .kbq-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-list-item .kbq-list-text:empty,.kbq-list-option .kbq-list-text:empty{display:none}.kbq-list-item .kbq-list-option-caption,.kbq-list-option .kbq-list-option-caption{padding-top:var(--kbq-size-3xs)}.kbq-list-item:not(.kbq-disabled),.kbq-list-option:not(.kbq-disabled){cursor:pointer}.kbq-list-item .kbq-option-action,.kbq-list-option .kbq-option-action{display:none;height:var(--kbq-size-xl);align-items:center}.kbq-list-item:not(.kbq-disabled):hover .kbq-option-action,.kbq-list-item:not(.kbq-disabled).kbq-focused .kbq-option-action,.kbq-list-item:not(.kbq-disabled).kbq-action-button-focused .kbq-option-action,.kbq-list-option:not(.kbq-disabled):hover .kbq-option-action,.kbq-list-option:not(.kbq-disabled).kbq-focused .kbq-option-action,.kbq-list-option:not(.kbq-disabled).kbq-action-button-focused .kbq-option-action{display:flex}.kbq-list-option{background:var(--kbq-list-default-container-background)}.kbq-list-option .kbq-list-text{color:var(--kbq-list-default-text-color)}.kbq-list-option .kbq-icon{color:var(--kbq-list-default-icon-color)}.kbq-list-option .kbq-option-action .kbq-icon{color:var(--kbq-list-default-icon-button-color)}.kbq-list-option .kbq-list-option-caption{color:var(--kbq-list-default-caption-color)}.kbq-list-option:hover:not(.kbq-disabled){background:var(--kbq-list-states-hover-container-background)}.kbq-list-option:hover:not(.kbq-disabled) .kbq-list-text{color:var(--kbq-list-states-hover-text-color)}.kbq-list-option:hover:not(.kbq-disabled) .kbq-icon{color:var(--kbq-list-states-hover-icon-color)}.kbq-list-option:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-list-states-hover-icon-button-color)}.kbq-list-option:hover:not(.kbq-disabled) .kbq-list-option-caption{color:var(--kbq-list-states-hover-caption-color)}.kbq-list-option.kbq-focused{border-color:var(--kbq-list-states-focused-focus-outline-color)}.kbq-list-option.kbq-selected{background:var(--kbq-list-states-selected-container-background)}.kbq-list-option.kbq-selected .kbq-list-text{color:var(--kbq-list-states-selected-text-color)}.kbq-list-option.kbq-selected .kbq-icon{color:var(--kbq-list-states-selected-icon-color)}.kbq-list-option.kbq-selected .kbq-option-action .kbq-icon{color:var(--kbq-list-states-selected-icon-button-color)}.kbq-list-option.kbq-selected .kbq-list-option-caption{color:var(--kbq-list-states-selected-caption-color)}.kbq-list-option.kbq-selected:hover:not(.kbq-disabled){background:var(--kbq-list-states-selected-hover-container-background)}.kbq-list-option.kbq-selected:hover:not(.kbq-disabled) .kbq-list-text{color:var(--kbq-list-states-selected-hover-text-color)}.kbq-list-option.kbq-selected:hover:not(.kbq-disabled) .kbq-icon{color:var(--kbq-list-states-selected-hover-icon-color)}.kbq-list-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-list-states-selected-hover-icon-button-color)}.kbq-list-option.kbq-selected:hover:not(.kbq-disabled) .kbq-list-option-caption{color:var(--kbq-list-states-selected-hover-caption-color)}.kbq-list-option.kbq-disabled{background:var(--kbq-list-states-disabled-container-background)}.kbq-list-option.kbq-disabled .kbq-list-text{color:var(--kbq-list-states-disabled-text-color)}.kbq-list-option.kbq-disabled .kbq-icon{color:var(--kbq-list-states-disabled-icon-color)}.kbq-list-option.kbq-disabled .kbq-option-action .kbq-icon{color:var(--kbq-list-states-disabled-icon-button-color)}.kbq-list-option.kbq-disabled .kbq-list-option-caption{color:var(--kbq-list-states-disabled-caption-color)}.kbq-list-item,.kbq-list-option{font-size:var(--kbq-list-font-text-font-size);font-weight:var(--kbq-list-font-text-font-weight);line-height:var(--kbq-list-font-text-line-height);font-family:var(--kbq-list-font-text-font-family);text-transform:var(--kbq-list-font-text-text-transform);font-feature-settings:var(--kbq-list-font-text-font-feature-settings);letter-spacing:var(--kbq-list-font-text-letter-spacing)}.kbq-list-item .kbq-list-text .kbq-list-option-caption,.kbq-list-option .kbq-list-text .kbq-list-option-caption{font-size:var(--kbq-list-font-caption-font-size);font-weight:var(--kbq-list-font-caption-font-weight);line-height:var(--kbq-list-font-caption-line-height);font-family:var(--kbq-list-font-caption-font-family);text-transform:var(--kbq-list-font-caption-text-transform);font-feature-settings:var(--kbq-list-font-caption-font-feature-settings);letter-spacing:var(--kbq-list-font-caption-letter-spacing)}\n", ".kbq-list,.kbq-list-selection{--kbq-list-size-container-padding-left: var(--kbq-size-m);--kbq-list-size-container-padding-right: var(--kbq-size-m);--kbq-list-size-container-padding-vertical: var(--kbq-size-xs);--kbq-list-size-container-content-gap-horizontal: var(--kbq-size-s);--kbq-list-size-container-content-gap-vertical: var(--kbq-size-3xs);--kbq-list-size-container-focus-outline-width: var(--kbq-size-3xs);--kbq-list-size-text-padding-vertical: 0;--kbq-list-size-header-padding-top: var(--kbq-size-s);--kbq-list-size-header-padding-bottom: var(--kbq-size-xxs);--kbq-list-size-header-padding-horizontal: var(--kbq-size-m);--kbq-list-size-subheading-padding-top: var(--kbq-size-m);--kbq-list-size-subheading-padding-bottom: var(--kbq-size-xxs);--kbq-list-size-subheading-padding-horizontal: var(--kbq-size-m);--kbq-list-font-text-font-size: var(--kbq-typography-text-normal-font-size);--kbq-list-font-text-line-height: var(--kbq-typography-text-normal-line-height);--kbq-list-font-text-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-list-font-text-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-list-font-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-list-font-text-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-list-font-text-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-list-font-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-list-font-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-list-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-list-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-list-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-list-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-list-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings);--kbq-list-font-header-font-size: var(--kbq-typography-text-big-strong-font-size);--kbq-list-font-header-line-height: var(--kbq-typography-text-big-strong-line-height);--kbq-list-font-header-letter-spacing: var(--kbq-typography-text-big-strong-letter-spacing);--kbq-list-font-header-font-weight: var(--kbq-typography-text-big-strong-font-weight);--kbq-list-font-header-font-family: var(--kbq-typography-text-big-strong-font-family);--kbq-list-font-header-text-transform: var(--kbq-typography-text-big-strong-text-transform);--kbq-list-font-header-font-feature-settings: var(--kbq-typography-text-big-strong-font-feature-settings);--kbq-list-font-subheading-font-size: var(--kbq-typography-caps-compact-strong-font-size);--kbq-list-font-subheading-line-height: var(--kbq-typography-caps-compact-strong-line-height);--kbq-list-font-subheading-letter-spacing: var(--kbq-typography-caps-compact-strong-letter-spacing);--kbq-list-font-subheading-font-weight: var(--kbq-typography-caps-compact-strong-font-weight);--kbq-list-font-subheading-font-family: var(--kbq-typography-caps-compact-strong-font-family);--kbq-list-font-subheading-text-transform: var(--kbq-typography-caps-compact-strong-text-transform);--kbq-list-font-subheading-font-feature-settings: var(--kbq-typography-caps-compact-strong-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-list-default-container-background: transparent;--kbq-list-default-text-color: var(--kbq-foreground-contrast);--kbq-list-default-icon-color: var(--kbq-icon-contrast);--kbq-list-default-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-list-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-list-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-container-background: var(--kbq-background-theme-less);--kbq-list-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-list-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-list-states-disabled-container-background: transparent;--kbq-list-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-list-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-icon-button-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-list-default-container-background: transparent;--kbq-list-default-text-color: var(--kbq-foreground-contrast);--kbq-list-default-icon-color: var(--kbq-icon-contrast);--kbq-list-default-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-list-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-list-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-container-background: var(--kbq-background-theme-less);--kbq-list-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-list-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-list-states-disabled-container-background: transparent;--kbq-list-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-list-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-icon-button-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
7
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqList, selector: "kbq-list", host: { classAttribute: "kbq-list" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: [".kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-list,.kbq-list-selection{display:block;outline:none}.kbq-list-item,.kbq-list-option{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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);border:var(--kbq-size-3xs) solid transparent;padding-top:var(--kbq-size-xxs);padding-left:var(--kbq-size-m);padding-right:var(--kbq-size-m);padding-bottom:var(--kbq-size-xxs)}.kbq-list-item .kbq-list-text,.kbq-list-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-list-item .kbq-list-text>*,.kbq-list-option .kbq-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-list-item .kbq-list-text:empty,.kbq-list-option .kbq-list-text:empty{display:none}.kbq-list-item .kbq-list-option-caption,.kbq-list-option .kbq-list-option-caption{padding-top:var(--kbq-size-3xs)}.kbq-list-item:not(.kbq-disabled),.kbq-list-option:not(.kbq-disabled){cursor:pointer}.kbq-list-item .kbq-option-action,.kbq-list-option .kbq-option-action{display:none;height:var(--kbq-size-xl);align-items:center}.kbq-list-item:not(.kbq-disabled):hover .kbq-option-action,.kbq-list-item:not(.kbq-disabled).kbq-focused .kbq-option-action,.kbq-list-item:not(.kbq-disabled).kbq-action-button-focused .kbq-option-action,.kbq-list-option:not(.kbq-disabled):hover .kbq-option-action,.kbq-list-option:not(.kbq-disabled).kbq-focused .kbq-option-action,.kbq-list-option:not(.kbq-disabled).kbq-action-button-focused .kbq-option-action{display:flex}.kbq-list-option{background:var(--kbq-list-default-container-background)}.kbq-list-option .kbq-list-text{color:var(--kbq-list-default-text-color)}.kbq-list-option .kbq-icon{color:var(--kbq-list-default-icon-color)}.kbq-list-option .kbq-option-action .kbq-icon{color:var(--kbq-list-default-icon-button-color)}.kbq-list-option .kbq-list-option-caption{color:var(--kbq-list-default-caption-color)}.kbq-list-option:hover:not(.kbq-disabled){background:var(--kbq-list-states-hover-container-background)}.kbq-list-option:hover:not(.kbq-disabled) .kbq-list-text{color:var(--kbq-list-states-hover-text-color)}.kbq-list-option:hover:not(.kbq-disabled) .kbq-icon{color:var(--kbq-list-states-hover-icon-color)}.kbq-list-option:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-list-states-hover-icon-button-color)}.kbq-list-option:hover:not(.kbq-disabled) .kbq-list-option-caption{color:var(--kbq-list-states-hover-caption-color)}.kbq-list-option.kbq-focused{border-color:var(--kbq-list-states-focused-focus-outline-color)}.kbq-list-option.kbq-selected{background:var(--kbq-list-states-selected-container-background)}.kbq-list-option.kbq-selected .kbq-list-text{color:var(--kbq-list-states-selected-text-color)}.kbq-list-option.kbq-selected .kbq-icon{color:var(--kbq-list-states-selected-icon-color)}.kbq-list-option.kbq-selected .kbq-option-action .kbq-icon{color:var(--kbq-list-states-selected-icon-button-color)}.kbq-list-option.kbq-selected .kbq-list-option-caption{color:var(--kbq-list-states-selected-caption-color)}.kbq-list-option.kbq-selected:hover:not(.kbq-disabled){background:var(--kbq-list-states-selected-hover-container-background)}.kbq-list-option.kbq-selected:hover:not(.kbq-disabled) .kbq-list-text{color:var(--kbq-list-states-selected-hover-text-color)}.kbq-list-option.kbq-selected:hover:not(.kbq-disabled) .kbq-icon{color:var(--kbq-list-states-selected-hover-icon-color)}.kbq-list-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-list-states-selected-hover-icon-button-color)}.kbq-list-option.kbq-selected:hover:not(.kbq-disabled) .kbq-list-option-caption{color:var(--kbq-list-states-selected-hover-caption-color)}.kbq-list-option.kbq-disabled{background:var(--kbq-list-states-disabled-container-background)}.kbq-list-option.kbq-disabled .kbq-list-text{color:var(--kbq-list-states-disabled-text-color)}.kbq-list-option.kbq-disabled .kbq-icon{color:var(--kbq-list-states-disabled-icon-color)}.kbq-list-option.kbq-disabled .kbq-option-action .kbq-icon{color:var(--kbq-list-states-disabled-icon-button-color)}.kbq-list-option.kbq-disabled .kbq-list-option-caption{color:var(--kbq-list-states-disabled-caption-color)}.kbq-list-item,.kbq-list-option{font-size:var(--kbq-typography-text-normal-font-size);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-list-item .kbq-list-text .kbq-list-option-caption,.kbq-list-option .kbq-list-text .kbq-list-option-caption{font-size:var(--kbq-typography-text-compact-font-size);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-list,.kbq-list-selection{--kbq-list-size-container-padding-left: var(--kbq-size-m);--kbq-list-size-container-padding-right: var(--kbq-size-m);--kbq-list-size-container-padding-vertical: var(--kbq-size-xs);--kbq-list-size-container-content-gap-horizontal: var(--kbq-size-s);--kbq-list-size-container-content-gap-vertical: var(--kbq-size-3xs);--kbq-list-size-container-focus-outline-width: var(--kbq-size-3xs);--kbq-list-size-text-padding-vertical: 0;--kbq-list-size-header-padding-top: var(--kbq-size-s);--kbq-list-size-header-padding-bottom: var(--kbq-size-xxs);--kbq-list-size-header-padding-horizontal: var(--kbq-size-m);--kbq-list-size-subheading-padding-top: var(--kbq-size-m);--kbq-list-size-subheading-padding-bottom: var(--kbq-size-xxs);--kbq-list-size-subheading-padding-horizontal: var(--kbq-size-m)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-list-default-container-background: transparent;--kbq-list-default-text-color: var(--kbq-foreground-contrast);--kbq-list-default-icon-color: var(--kbq-icon-contrast);--kbq-list-default-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-list-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-list-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-container-background: var(--kbq-background-theme-less);--kbq-list-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-list-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-list-states-disabled-container-background: transparent;--kbq-list-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-list-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-icon-button-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-list-default-container-background: transparent;--kbq-list-default-text-color: var(--kbq-foreground-contrast);--kbq-list-default-icon-color: var(--kbq-icon-contrast);--kbq-list-default-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-list-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-list-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-container-background: var(--kbq-background-theme-less);--kbq-list-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-list-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-list-states-disabled-container-background: transparent;--kbq-list-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-list-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-icon-button-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8
8
|
}
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqList, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
args: [{ selector: 'kbq-list', host: { class: 'kbq-list' }, template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-list,.kbq-list-selection{display:block;outline:none}.kbq-list-item,.kbq-list-option{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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);border:var(--kbq-size-3xs) solid transparent;padding-top:var(--kbq-size-xxs);padding-left:var(--kbq-size-m);padding-right:var(--kbq-size-m);padding-bottom:var(--kbq-size-xxs)}.kbq-list-item .kbq-list-text,.kbq-list-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-list-item .kbq-list-text>*,.kbq-list-option .kbq-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-list-item .kbq-list-text:empty,.kbq-list-option .kbq-list-text:empty{display:none}.kbq-list-item .kbq-list-option-caption,.kbq-list-option .kbq-list-option-caption{padding-top:var(--kbq-size-3xs)}.kbq-list-item:not(.kbq-disabled),.kbq-list-option:not(.kbq-disabled){cursor:pointer}.kbq-list-item .kbq-option-action,.kbq-list-option .kbq-option-action{display:none;height:var(--kbq-size-xl);align-items:center}.kbq-list-item:not(.kbq-disabled):hover .kbq-option-action,.kbq-list-item:not(.kbq-disabled).kbq-focused .kbq-option-action,.kbq-list-item:not(.kbq-disabled).kbq-action-button-focused .kbq-option-action,.kbq-list-option:not(.kbq-disabled):hover .kbq-option-action,.kbq-list-option:not(.kbq-disabled).kbq-focused .kbq-option-action,.kbq-list-option:not(.kbq-disabled).kbq-action-button-focused .kbq-option-action{display:flex}.kbq-list-option{background:var(--kbq-list-default-container-background)}.kbq-list-option .kbq-list-text{color:var(--kbq-list-default-text-color)}.kbq-list-option .kbq-icon{color:var(--kbq-list-default-icon-color)}.kbq-list-option .kbq-option-action .kbq-icon{color:var(--kbq-list-default-icon-button-color)}.kbq-list-option .kbq-list-option-caption{color:var(--kbq-list-default-caption-color)}.kbq-list-option:hover:not(.kbq-disabled){background:var(--kbq-list-states-hover-container-background)}.kbq-list-option:hover:not(.kbq-disabled) .kbq-list-text{color:var(--kbq-list-states-hover-text-color)}.kbq-list-option:hover:not(.kbq-disabled) .kbq-icon{color:var(--kbq-list-states-hover-icon-color)}.kbq-list-option:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-list-states-hover-icon-button-color)}.kbq-list-option:hover:not(.kbq-disabled) .kbq-list-option-caption{color:var(--kbq-list-states-hover-caption-color)}.kbq-list-option.kbq-focused{border-color:var(--kbq-list-states-focused-focus-outline-color)}.kbq-list-option.kbq-selected{background:var(--kbq-list-states-selected-container-background)}.kbq-list-option.kbq-selected .kbq-list-text{color:var(--kbq-list-states-selected-text-color)}.kbq-list-option.kbq-selected .kbq-icon{color:var(--kbq-list-states-selected-icon-color)}.kbq-list-option.kbq-selected .kbq-option-action .kbq-icon{color:var(--kbq-list-states-selected-icon-button-color)}.kbq-list-option.kbq-selected .kbq-list-option-caption{color:var(--kbq-list-states-selected-caption-color)}.kbq-list-option.kbq-selected:hover:not(.kbq-disabled){background:var(--kbq-list-states-selected-hover-container-background)}.kbq-list-option.kbq-selected:hover:not(.kbq-disabled) .kbq-list-text{color:var(--kbq-list-states-selected-hover-text-color)}.kbq-list-option.kbq-selected:hover:not(.kbq-disabled) .kbq-icon{color:var(--kbq-list-states-selected-hover-icon-color)}.kbq-list-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-list-states-selected-hover-icon-button-color)}.kbq-list-option.kbq-selected:hover:not(.kbq-disabled) .kbq-list-option-caption{color:var(--kbq-list-states-selected-hover-caption-color)}.kbq-list-option.kbq-disabled{background:var(--kbq-list-states-disabled-container-background)}.kbq-list-option.kbq-disabled .kbq-list-text{color:var(--kbq-list-states-disabled-text-color)}.kbq-list-option.kbq-disabled .kbq-icon{color:var(--kbq-list-states-disabled-icon-color)}.kbq-list-option.kbq-disabled .kbq-option-action .kbq-icon{color:var(--kbq-list-states-disabled-icon-button-color)}.kbq-list-option.kbq-disabled .kbq-list-option-caption{color:var(--kbq-list-states-disabled-caption-color)}.kbq-list-item,.kbq-list-option{font-size:var(--kbq-list-font-text-font-size);font-weight:var(--kbq-list-font-text-font-weight);line-height:var(--kbq-list-font-text-line-height);font-family:var(--kbq-list-font-text-font-family);text-transform:var(--kbq-list-font-text-text-transform);font-feature-settings:var(--kbq-list-font-text-font-feature-settings);letter-spacing:var(--kbq-list-font-text-letter-spacing)}.kbq-list-item .kbq-list-text .kbq-list-option-caption,.kbq-list-option .kbq-list-text .kbq-list-option-caption{font-size:var(--kbq-list-font-caption-font-size);font-weight:var(--kbq-list-font-caption-font-weight);line-height:var(--kbq-list-font-caption-line-height);font-family:var(--kbq-list-font-caption-font-family);text-transform:var(--kbq-list-font-caption-text-transform);font-feature-settings:var(--kbq-list-font-caption-font-feature-settings);letter-spacing:var(--kbq-list-font-caption-letter-spacing)}\n", ".kbq-list,.kbq-list-selection{--kbq-list-size-container-padding-left: var(--kbq-size-m);--kbq-list-size-container-padding-right: var(--kbq-size-m);--kbq-list-size-container-padding-vertical: var(--kbq-size-xs);--kbq-list-size-container-content-gap-horizontal: var(--kbq-size-s);--kbq-list-size-container-content-gap-vertical: var(--kbq-size-3xs);--kbq-list-size-container-focus-outline-width: var(--kbq-size-3xs);--kbq-list-size-text-padding-vertical: 0;--kbq-list-size-header-padding-top: var(--kbq-size-s);--kbq-list-size-header-padding-bottom: var(--kbq-size-xxs);--kbq-list-size-header-padding-horizontal: var(--kbq-size-m);--kbq-list-size-subheading-padding-top: var(--kbq-size-m);--kbq-list-size-subheading-padding-bottom: var(--kbq-size-xxs);--kbq-list-size-subheading-padding-horizontal: var(--kbq-size-m);--kbq-list-font-text-font-size: var(--kbq-typography-text-normal-font-size);--kbq-list-font-text-line-height: var(--kbq-typography-text-normal-line-height);--kbq-list-font-text-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-list-font-text-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-list-font-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-list-font-text-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-list-font-text-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-list-font-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-list-font-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-list-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-list-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-list-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-list-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-list-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings);--kbq-list-font-header-font-size: var(--kbq-typography-text-big-strong-font-size);--kbq-list-font-header-line-height: var(--kbq-typography-text-big-strong-line-height);--kbq-list-font-header-letter-spacing: var(--kbq-typography-text-big-strong-letter-spacing);--kbq-list-font-header-font-weight: var(--kbq-typography-text-big-strong-font-weight);--kbq-list-font-header-font-family: var(--kbq-typography-text-big-strong-font-family);--kbq-list-font-header-text-transform: var(--kbq-typography-text-big-strong-text-transform);--kbq-list-font-header-font-feature-settings: var(--kbq-typography-text-big-strong-font-feature-settings);--kbq-list-font-subheading-font-size: var(--kbq-typography-caps-compact-strong-font-size);--kbq-list-font-subheading-line-height: var(--kbq-typography-caps-compact-strong-line-height);--kbq-list-font-subheading-letter-spacing: var(--kbq-typography-caps-compact-strong-letter-spacing);--kbq-list-font-subheading-font-weight: var(--kbq-typography-caps-compact-strong-font-weight);--kbq-list-font-subheading-font-family: var(--kbq-typography-caps-compact-strong-font-family);--kbq-list-font-subheading-text-transform: var(--kbq-typography-caps-compact-strong-text-transform);--kbq-list-font-subheading-font-feature-settings: var(--kbq-typography-caps-compact-strong-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-list-default-container-background: transparent;--kbq-list-default-text-color: var(--kbq-foreground-contrast);--kbq-list-default-icon-color: var(--kbq-icon-contrast);--kbq-list-default-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-list-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-list-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-container-background: var(--kbq-background-theme-less);--kbq-list-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-list-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-list-states-disabled-container-background: transparent;--kbq-list-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-list-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-icon-button-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-list-default-container-background: transparent;--kbq-list-default-text-color: var(--kbq-foreground-contrast);--kbq-list-default-icon-color: var(--kbq-icon-contrast);--kbq-list-default-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-list-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-list-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-container-background: var(--kbq-background-theme-less);--kbq-list-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-list-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-list-states-disabled-container-background: transparent;--kbq-list-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-list-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-icon-button-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}\n"] }]
|
|
11
|
+
args: [{ selector: 'kbq-list', host: { class: 'kbq-list' }, template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-list,.kbq-list-selection{display:block;outline:none}.kbq-list-item,.kbq-list-option{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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);border:var(--kbq-size-3xs) solid transparent;padding-top:var(--kbq-size-xxs);padding-left:var(--kbq-size-m);padding-right:var(--kbq-size-m);padding-bottom:var(--kbq-size-xxs)}.kbq-list-item .kbq-list-text,.kbq-list-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-list-item .kbq-list-text>*,.kbq-list-option .kbq-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-list-item .kbq-list-text:empty,.kbq-list-option .kbq-list-text:empty{display:none}.kbq-list-item .kbq-list-option-caption,.kbq-list-option .kbq-list-option-caption{padding-top:var(--kbq-size-3xs)}.kbq-list-item:not(.kbq-disabled),.kbq-list-option:not(.kbq-disabled){cursor:pointer}.kbq-list-item .kbq-option-action,.kbq-list-option .kbq-option-action{display:none;height:var(--kbq-size-xl);align-items:center}.kbq-list-item:not(.kbq-disabled):hover .kbq-option-action,.kbq-list-item:not(.kbq-disabled).kbq-focused .kbq-option-action,.kbq-list-item:not(.kbq-disabled).kbq-action-button-focused .kbq-option-action,.kbq-list-option:not(.kbq-disabled):hover .kbq-option-action,.kbq-list-option:not(.kbq-disabled).kbq-focused .kbq-option-action,.kbq-list-option:not(.kbq-disabled).kbq-action-button-focused .kbq-option-action{display:flex}.kbq-list-option{background:var(--kbq-list-default-container-background)}.kbq-list-option .kbq-list-text{color:var(--kbq-list-default-text-color)}.kbq-list-option .kbq-icon{color:var(--kbq-list-default-icon-color)}.kbq-list-option .kbq-option-action .kbq-icon{color:var(--kbq-list-default-icon-button-color)}.kbq-list-option .kbq-list-option-caption{color:var(--kbq-list-default-caption-color)}.kbq-list-option:hover:not(.kbq-disabled){background:var(--kbq-list-states-hover-container-background)}.kbq-list-option:hover:not(.kbq-disabled) .kbq-list-text{color:var(--kbq-list-states-hover-text-color)}.kbq-list-option:hover:not(.kbq-disabled) .kbq-icon{color:var(--kbq-list-states-hover-icon-color)}.kbq-list-option:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-list-states-hover-icon-button-color)}.kbq-list-option:hover:not(.kbq-disabled) .kbq-list-option-caption{color:var(--kbq-list-states-hover-caption-color)}.kbq-list-option.kbq-focused{border-color:var(--kbq-list-states-focused-focus-outline-color)}.kbq-list-option.kbq-selected{background:var(--kbq-list-states-selected-container-background)}.kbq-list-option.kbq-selected .kbq-list-text{color:var(--kbq-list-states-selected-text-color)}.kbq-list-option.kbq-selected .kbq-icon{color:var(--kbq-list-states-selected-icon-color)}.kbq-list-option.kbq-selected .kbq-option-action .kbq-icon{color:var(--kbq-list-states-selected-icon-button-color)}.kbq-list-option.kbq-selected .kbq-list-option-caption{color:var(--kbq-list-states-selected-caption-color)}.kbq-list-option.kbq-selected:hover:not(.kbq-disabled){background:var(--kbq-list-states-selected-hover-container-background)}.kbq-list-option.kbq-selected:hover:not(.kbq-disabled) .kbq-list-text{color:var(--kbq-list-states-selected-hover-text-color)}.kbq-list-option.kbq-selected:hover:not(.kbq-disabled) .kbq-icon{color:var(--kbq-list-states-selected-hover-icon-color)}.kbq-list-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-list-states-selected-hover-icon-button-color)}.kbq-list-option.kbq-selected:hover:not(.kbq-disabled) .kbq-list-option-caption{color:var(--kbq-list-states-selected-hover-caption-color)}.kbq-list-option.kbq-disabled{background:var(--kbq-list-states-disabled-container-background)}.kbq-list-option.kbq-disabled .kbq-list-text{color:var(--kbq-list-states-disabled-text-color)}.kbq-list-option.kbq-disabled .kbq-icon{color:var(--kbq-list-states-disabled-icon-color)}.kbq-list-option.kbq-disabled .kbq-option-action .kbq-icon{color:var(--kbq-list-states-disabled-icon-button-color)}.kbq-list-option.kbq-disabled .kbq-list-option-caption{color:var(--kbq-list-states-disabled-caption-color)}.kbq-list-item,.kbq-list-option{font-size:var(--kbq-typography-text-normal-font-size);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-list-item .kbq-list-text .kbq-list-option-caption,.kbq-list-option .kbq-list-text .kbq-list-option-caption{font-size:var(--kbq-typography-text-compact-font-size);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-list,.kbq-list-selection{--kbq-list-size-container-padding-left: var(--kbq-size-m);--kbq-list-size-container-padding-right: var(--kbq-size-m);--kbq-list-size-container-padding-vertical: var(--kbq-size-xs);--kbq-list-size-container-content-gap-horizontal: var(--kbq-size-s);--kbq-list-size-container-content-gap-vertical: var(--kbq-size-3xs);--kbq-list-size-container-focus-outline-width: var(--kbq-size-3xs);--kbq-list-size-text-padding-vertical: 0;--kbq-list-size-header-padding-top: var(--kbq-size-s);--kbq-list-size-header-padding-bottom: var(--kbq-size-xxs);--kbq-list-size-header-padding-horizontal: var(--kbq-size-m);--kbq-list-size-subheading-padding-top: var(--kbq-size-m);--kbq-list-size-subheading-padding-bottom: var(--kbq-size-xxs);--kbq-list-size-subheading-padding-horizontal: var(--kbq-size-m)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-list-default-container-background: transparent;--kbq-list-default-text-color: var(--kbq-foreground-contrast);--kbq-list-default-icon-color: var(--kbq-icon-contrast);--kbq-list-default-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-list-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-list-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-container-background: var(--kbq-background-theme-less);--kbq-list-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-list-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-list-states-disabled-container-background: transparent;--kbq-list-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-list-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-icon-button-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-list-default-container-background: transparent;--kbq-list-default-text-color: var(--kbq-foreground-contrast);--kbq-list-default-icon-color: var(--kbq-icon-contrast);--kbq-list-default-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-list-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-list-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-container-background: var(--kbq-background-theme-less);--kbq-list-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-list-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-list-states-disabled-container-background: transparent;--kbq-list-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-list-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-icon-button-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}\n"] }]
|
|
12
12
|
}] });
|
|
13
13
|
export class KbqListItem {
|
|
14
14
|
constructor(elementRef) {
|
|
@@ -70,7 +70,7 @@ export class KbqLoaderOverlay {
|
|
|
70
70
|
this.renderer.removeClass(this.elementRef.nativeElement.parentElement, mcLoaderOverlayParent);
|
|
71
71
|
}
|
|
72
72
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqLoaderOverlay, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
73
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KbqLoaderOverlay, selector: "kbq-loader-overlay", inputs: { text: "text", caption: "caption", compact: "compact", transparent: "transparent" }, host: { properties: { "class.kbq-loader-overlay_empty": "isEmpty", "class.kbq-loader-overlay_transparent": "transparent", "class.kbq-loader-overlay_filled": "!transparent", "class.kbq-loader-overlay_big": "!compact", "class.kbq-loader-overlay_compact": "compact" }, classAttribute: "kbq-loader-overlay" }, queries: [{ propertyName: "externalIndicator", first: true, predicate: KbqLoaderOverlayIndicator, descendants: true }, { propertyName: "externalText", first: true, predicate: KbqLoaderOverlayText, descendants: true }, { propertyName: "externalCaption", first: true, predicate: KbqLoaderOverlayCaption, descendants: true }], ngImport: i0, template: "<div class=\"kbq-loader-overlay__container\">\n @if (isExternalIndicator) {\n <ng-content select=\"[kbq-loader-overlay-indicator]\" />\n } @else {\n <kbq-progress-spinner\n [mode]=\"'indeterminate'\"\n [size]=\"spinnerSize\"\n />\n }\n\n @if (isExternalText) {\n <ng-content select=\"[kbq-loader-overlay-text]\" />\n } @else {\n @if (text) {\n <div class=\"kbq-loader-overlay-text\">\n {{ text }}\n </div>\n }\n }\n\n @if (isExternalCaption) {\n <ng-content select=\"[kbq-loader-overlay-caption]\" />\n } @else {\n @if (caption) {\n <div class=\"kbq-loader-overlay-caption\">\n {{ caption }}\n </div>\n }\n }\n</div>\n", styles: [".kbq-loader-overlay_parent{position:relative}.kbq-loader-overlay-text,.kbq-loader-overlay-caption{max-width:90%;text-align:center}.kbq-loader-overlay{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;inset:0;z-index:10}.kbq-loader-overlay .kbq-loader-overlay__container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:80%}.kbq-loader-overlay.kbq-loader-overlay_big{padding-left:var(--kbq-loader-overlay-size-big-overlay-padding-horizontal);padding-right:var(--kbq-loader-overlay-size-big-overlay-padding-horizontal)}.kbq-loader-overlay.kbq-loader-overlay_big .kbq-progress-spinner{margin-bottom:var(--kbq-loader-overlay-size-big-loader-margin-bottom)}.kbq-loader-overlay.kbq-loader-overlay_big .kbq-loader-overlay-text{margin-bottom:var(--kbq-loader-overlay-size-big-content-content-gap-vertical)}.kbq-loader-overlay.kbq-loader-overlay_compact{padding-left:var(--kbq-loader-overlay-size-compact-overlay-padding-horizontal);padding-right:var(--kbq-loader-overlay-size-compact-overlay-padding-horizontal)}.kbq-loader-overlay.kbq-loader-overlay_compact .kbq-progress-spinner{margin-bottom:var(--kbq-loader-overlay-size-compact-loader-margin-bottom)}.kbq-loader-overlay.kbq-loader-overlay_compact .kbq-loader-overlay-text{margin-bottom:var(--kbq-loader-overlay-size-compact-content-content-gap-vertical)}.kbq-loader-overlay_filled.kbq-loader-overlay{background:var(--kbq-loader-overlay-filled-overlay-background)}.kbq-loader-overlay_filled .kbq-loader-overlay-text{color:var(--kbq-loader-overlay-filled-text-color)}.kbq-loader-overlay_filled .kbq-loader-overlay-caption{color:var(--kbq-loader-overlay-filled-caption-color)}.kbq-loader-overlay_transparent.kbq-loader-overlay{background:var(--kbq-loader-overlay-transparent-overlay-background)}.kbq-loader-overlay_transparent .kbq-loader-overlay-text{color:var(--kbq-loader-overlay-transparent-text-color)}.kbq-loader-overlay_transparent .kbq-loader-overlay-caption{color:var(--kbq-loader-overlay-transparent-caption-color)}.kbq-loader-overlay_big .kbq-loader-overlay-text{font-size:var(--kbq-loader-overlay-font-big-text-font-size);font-weight:var(--kbq-loader-overlay-font-big-text-font-weight);line-height:var(--kbq-loader-overlay-font-big-text-line-height);font-family:var(--kbq-loader-overlay-font-big-text-font-family);text-transform:var(--kbq-loader-overlay-font-big-text-text-transform);font-feature-settings:var(--kbq-loader-overlay-font-big-text-font-feature-settings);letter-spacing:var(--kbq-loader-overlay-font-big-text-letter-spacing)}.kbq-loader-overlay_big .kbq-loader-overlay-caption{font-size:var(--kbq-loader-overlay-font-big-caption-font-size);font-weight:var(--kbq-loader-overlay-font-big-caption-font-weight);line-height:var(--kbq-loader-overlay-font-big-caption-line-height);font-family:var(--kbq-loader-overlay-font-big-caption-font-family);text-transform:var(--kbq-loader-overlay-font-big-caption-text-transform);font-feature-settings:var(--kbq-loader-overlay-font-big-caption-font-feature-settings);letter-spacing:var(--kbq-loader-overlay-font-big-caption-letter-spacing)}.kbq-loader-overlay_compact .kbq-loader-overlay-text{font-size:var(--kbq-loader-overlay-font-compact-text-font-size);font-weight:var(--kbq-loader-overlay-font-compact-text-font-weight);line-height:var(--kbq-loader-overlay-font-compact-text-line-height);font-family:var(--kbq-loader-overlay-font-compact-text-font-family);text-transform:var(--kbq-loader-overlay-font-compact-text-text-transform);font-feature-settings:var(--kbq-loader-overlay-font-compact-text-font-feature-settings);letter-spacing:var(--kbq-loader-overlay-font-compact-text-letter-spacing)}.kbq-loader-overlay_compact .kbq-loader-overlay-caption{font-size:var(--kbq-loader-overlay-font-compact-caption-font-size);font-weight:var(--kbq-loader-overlay-font-compact-caption-font-weight);line-height:var(--kbq-loader-overlay-font-compact-caption-line-height);font-family:var(--kbq-loader-overlay-font-compact-caption-font-family);text-transform:var(--kbq-loader-overlay-font-compact-caption-text-transform);font-feature-settings:var(--kbq-loader-overlay-font-compact-caption-font-feature-settings);letter-spacing:var(--kbq-loader-overlay-font-compact-caption-letter-spacing)}\n", ".kbq-loader-overlay{--kbq-loader-overlay-size-big-overlay-padding-horizontal: var(--kbq-size-3xl);--kbq-loader-overlay-size-big-loader-margin-bottom: var(--kbq-size-xxl);--kbq-loader-overlay-size-big-content-content-gap-vertical: var(--kbq-size-xxs);--kbq-loader-overlay-size-compact-overlay-padding-horizontal: var(--kbq-size-3xl);--kbq-loader-overlay-size-compact-loader-margin-bottom: var(--kbq-size-s);--kbq-loader-overlay-size-compact-content-content-gap-vertical: var(--kbq-size-3xs);--kbq-loader-overlay-font-big-text-font-size: var(--kbq-typography-subheading-font-size);--kbq-loader-overlay-font-big-text-line-height: var(--kbq-typography-subheading-line-height);--kbq-loader-overlay-font-big-text-letter-spacing: var(--kbq-typography-subheading-letter-spacing);--kbq-loader-overlay-font-big-text-font-weight: var(--kbq-typography-subheading-font-weight);--kbq-loader-overlay-font-big-text-font-family: var(--kbq-typography-subheading-font-family);--kbq-loader-overlay-font-big-text-text-transform: var(--kbq-typography-subheading-text-transform);--kbq-loader-overlay-font-big-text-font-feature-settings: var(--kbq-typography-subheading-font-feature-settings);--kbq-loader-overlay-font-big-caption-font-size: var(--kbq-typography-text-normal-font-size);--kbq-loader-overlay-font-big-caption-line-height: var(--kbq-typography-text-normal-line-height);--kbq-loader-overlay-font-big-caption-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-loader-overlay-font-big-caption-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-loader-overlay-font-big-caption-font-family: var(--kbq-typography-text-normal-font-family);--kbq-loader-overlay-font-big-caption-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-loader-overlay-font-big-caption-font-feature-settings: var( --kbq-typography-text-normal-font-feature-settings );--kbq-loader-overlay-font-compact-text-font-size: var(--kbq-typography-text-normal-font-size);--kbq-loader-overlay-font-compact-text-line-height: var(--kbq-typography-text-normal-line-height);--kbq-loader-overlay-font-compact-text-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-loader-overlay-font-compact-text-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-loader-overlay-font-compact-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-loader-overlay-font-compact-text-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-loader-overlay-font-compact-text-font-feature-settings: var( --kbq-typography-text-normal-font-feature-settings );--kbq-loader-overlay-font-compact-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-loader-overlay-font-compact-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-loader-overlay-font-compact-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-loader-overlay-font-compact-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-loader-overlay-font-compact-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-loader-overlay-font-compact-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-loader-overlay-font-compact-caption-font-feature-settings: var( --kbq-typography-text-compact-font-feature-settings )}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-loader-overlay-transparent-overlay-background: var(--kbq-background-overlay-inverse);--kbq-loader-overlay-transparent-text-color: var(--kbq-foreground-contrast);--kbq-loader-overlay-transparent-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-loader-overlay-filled-overlay-background: var(--kbq-background-bg);--kbq-loader-overlay-filled-text-color: var(--kbq-foreground-contrast);--kbq-loader-overlay-filled-caption-color: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-loader-overlay-transparent-overlay-background: var(--kbq-background-overlay-inverse);--kbq-loader-overlay-transparent-text-color: var(--kbq-foreground-contrast);--kbq-loader-overlay-transparent-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-loader-overlay-filled-overlay-background: var(--kbq-background-bg);--kbq-loader-overlay-filled-text-color: var(--kbq-foreground-contrast);--kbq-loader-overlay-filled-caption-color: var(--kbq-foreground-contrast-secondary)}\n"], dependencies: [{ kind: "component", type: i1.KbqProgressSpinner, selector: "kbq-progress-spinner", inputs: ["color", "id", "value", "mode", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
73
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KbqLoaderOverlay, selector: "kbq-loader-overlay", inputs: { text: "text", caption: "caption", compact: "compact", transparent: "transparent" }, host: { properties: { "class.kbq-loader-overlay_empty": "isEmpty", "class.kbq-loader-overlay_transparent": "transparent", "class.kbq-loader-overlay_filled": "!transparent", "class.kbq-loader-overlay_big": "!compact", "class.kbq-loader-overlay_compact": "compact" }, classAttribute: "kbq-loader-overlay" }, queries: [{ propertyName: "externalIndicator", first: true, predicate: KbqLoaderOverlayIndicator, descendants: true }, { propertyName: "externalText", first: true, predicate: KbqLoaderOverlayText, descendants: true }, { propertyName: "externalCaption", first: true, predicate: KbqLoaderOverlayCaption, descendants: true }], ngImport: i0, template: "<div class=\"kbq-loader-overlay__container\">\n @if (isExternalIndicator) {\n <ng-content select=\"[kbq-loader-overlay-indicator]\" />\n } @else {\n <kbq-progress-spinner\n [mode]=\"'indeterminate'\"\n [size]=\"spinnerSize\"\n />\n }\n\n @if (isExternalText) {\n <ng-content select=\"[kbq-loader-overlay-text]\" />\n } @else {\n @if (text) {\n <div class=\"kbq-loader-overlay-text\">\n {{ text }}\n </div>\n }\n }\n\n @if (isExternalCaption) {\n <ng-content select=\"[kbq-loader-overlay-caption]\" />\n } @else {\n @if (caption) {\n <div class=\"kbq-loader-overlay-caption\">\n {{ caption }}\n </div>\n }\n }\n</div>\n", styles: [".kbq-loader-overlay_parent{position:relative}.kbq-loader-overlay-text,.kbq-loader-overlay-caption{max-width:90%;text-align:center}.kbq-loader-overlay{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;inset:0;border-radius:inherit;z-index:10}.kbq-loader-overlay .kbq-loader-overlay__container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:80%}.kbq-loader-overlay.kbq-loader-overlay_big{padding-left:var(--kbq-loader-overlay-size-big-overlay-padding-horizontal);padding-right:var(--kbq-loader-overlay-size-big-overlay-padding-horizontal)}.kbq-loader-overlay.kbq-loader-overlay_big .kbq-progress-spinner{margin-bottom:var(--kbq-loader-overlay-size-big-loader-margin-bottom)}.kbq-loader-overlay.kbq-loader-overlay_big .kbq-loader-overlay-text{margin-bottom:var(--kbq-loader-overlay-size-big-content-content-gap-vertical)}.kbq-loader-overlay.kbq-loader-overlay_compact{padding-left:var(--kbq-loader-overlay-size-compact-overlay-padding-horizontal);padding-right:var(--kbq-loader-overlay-size-compact-overlay-padding-horizontal)}.kbq-loader-overlay.kbq-loader-overlay_compact .kbq-progress-spinner{margin-bottom:var(--kbq-loader-overlay-size-compact-loader-margin-bottom)}.kbq-loader-overlay.kbq-loader-overlay_compact .kbq-loader-overlay-text{margin-bottom:var(--kbq-loader-overlay-size-compact-content-content-gap-vertical)}.kbq-loader-overlay_filled.kbq-loader-overlay{background:var(--kbq-loader-overlay-filled-overlay-background)}.kbq-loader-overlay_filled .kbq-loader-overlay-text{color:var(--kbq-loader-overlay-filled-text-color)}.kbq-loader-overlay_filled .kbq-loader-overlay-caption{color:var(--kbq-loader-overlay-filled-caption-color)}.kbq-loader-overlay_transparent.kbq-loader-overlay{background:var(--kbq-loader-overlay-transparent-overlay-background)}.kbq-loader-overlay_transparent .kbq-loader-overlay-text{color:var(--kbq-loader-overlay-transparent-text-color)}.kbq-loader-overlay_transparent .kbq-loader-overlay-caption{color:var(--kbq-loader-overlay-transparent-caption-color)}.kbq-loader-overlay_big .kbq-loader-overlay-text{font-size:var(--kbq-typography-subheading-font-size);font-weight:var(--kbq-typography-subheading-font-weight);line-height:var(--kbq-typography-subheading-line-height);font-family:var(--kbq-typography-subheading-font-family);text-transform:var(--kbq-typography-subheading-text-transform);font-feature-settings:var(--kbq-typography-subheading-font-feature-settings);letter-spacing:var(--kbq-typography-subheading-letter-spacing)}.kbq-loader-overlay_big .kbq-loader-overlay-caption,.kbq-loader-overlay_compact .kbq-loader-overlay-text{font-size:var(--kbq-typography-text-normal-font-size);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-loader-overlay_compact .kbq-loader-overlay-caption{font-size:var(--kbq-typography-text-compact-font-size);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-loader-overlay{--kbq-loader-overlay-size-big-overlay-padding-horizontal: var(--kbq-size-3xl);--kbq-loader-overlay-size-big-loader-margin-bottom: var(--kbq-size-xxl);--kbq-loader-overlay-size-big-content-content-gap-vertical: var(--kbq-size-xxs);--kbq-loader-overlay-size-compact-overlay-padding-horizontal: var(--kbq-size-3xl);--kbq-loader-overlay-size-compact-loader-margin-bottom: var(--kbq-size-s);--kbq-loader-overlay-size-compact-content-content-gap-vertical: var(--kbq-size-3xs)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-loader-overlay-transparent-overlay-background: var(--kbq-background-overlay-inverse);--kbq-loader-overlay-transparent-text-color: var(--kbq-foreground-contrast);--kbq-loader-overlay-transparent-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-loader-overlay-filled-overlay-background: var(--kbq-background-bg);--kbq-loader-overlay-filled-text-color: var(--kbq-foreground-contrast);--kbq-loader-overlay-filled-caption-color: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-loader-overlay-transparent-overlay-background: var(--kbq-background-overlay-inverse);--kbq-loader-overlay-transparent-text-color: var(--kbq-foreground-contrast);--kbq-loader-overlay-transparent-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-loader-overlay-filled-overlay-background: var(--kbq-background-bg);--kbq-loader-overlay-filled-text-color: var(--kbq-foreground-contrast);--kbq-loader-overlay-filled-caption-color: var(--kbq-foreground-contrast-secondary)}\n"], dependencies: [{ kind: "component", type: i1.KbqProgressSpinner, selector: "kbq-progress-spinner", inputs: ["color", "id", "value", "mode", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
74
74
|
}
|
|
75
75
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqLoaderOverlay, decorators: [{
|
|
76
76
|
type: Component,
|
|
@@ -81,7 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
|
|
|
81
81
|
'[class.kbq-loader-overlay_filled]': '!transparent',
|
|
82
82
|
'[class.kbq-loader-overlay_big]': '!compact',
|
|
83
83
|
'[class.kbq-loader-overlay_compact]': 'compact'
|
|
84
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kbq-loader-overlay__container\">\n @if (isExternalIndicator) {\n <ng-content select=\"[kbq-loader-overlay-indicator]\" />\n } @else {\n <kbq-progress-spinner\n [mode]=\"'indeterminate'\"\n [size]=\"spinnerSize\"\n />\n }\n\n @if (isExternalText) {\n <ng-content select=\"[kbq-loader-overlay-text]\" />\n } @else {\n @if (text) {\n <div class=\"kbq-loader-overlay-text\">\n {{ text }}\n </div>\n }\n }\n\n @if (isExternalCaption) {\n <ng-content select=\"[kbq-loader-overlay-caption]\" />\n } @else {\n @if (caption) {\n <div class=\"kbq-loader-overlay-caption\">\n {{ caption }}\n </div>\n }\n }\n</div>\n", styles: [".kbq-loader-overlay_parent{position:relative}.kbq-loader-overlay-text,.kbq-loader-overlay-caption{max-width:90%;text-align:center}.kbq-loader-overlay{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;inset:0;z-index:10}.kbq-loader-overlay .kbq-loader-overlay__container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:80%}.kbq-loader-overlay.kbq-loader-overlay_big{padding-left:var(--kbq-loader-overlay-size-big-overlay-padding-horizontal);padding-right:var(--kbq-loader-overlay-size-big-overlay-padding-horizontal)}.kbq-loader-overlay.kbq-loader-overlay_big .kbq-progress-spinner{margin-bottom:var(--kbq-loader-overlay-size-big-loader-margin-bottom)}.kbq-loader-overlay.kbq-loader-overlay_big .kbq-loader-overlay-text{margin-bottom:var(--kbq-loader-overlay-size-big-content-content-gap-vertical)}.kbq-loader-overlay.kbq-loader-overlay_compact{padding-left:var(--kbq-loader-overlay-size-compact-overlay-padding-horizontal);padding-right:var(--kbq-loader-overlay-size-compact-overlay-padding-horizontal)}.kbq-loader-overlay.kbq-loader-overlay_compact .kbq-progress-spinner{margin-bottom:var(--kbq-loader-overlay-size-compact-loader-margin-bottom)}.kbq-loader-overlay.kbq-loader-overlay_compact .kbq-loader-overlay-text{margin-bottom:var(--kbq-loader-overlay-size-compact-content-content-gap-vertical)}.kbq-loader-overlay_filled.kbq-loader-overlay{background:var(--kbq-loader-overlay-filled-overlay-background)}.kbq-loader-overlay_filled .kbq-loader-overlay-text{color:var(--kbq-loader-overlay-filled-text-color)}.kbq-loader-overlay_filled .kbq-loader-overlay-caption{color:var(--kbq-loader-overlay-filled-caption-color)}.kbq-loader-overlay_transparent.kbq-loader-overlay{background:var(--kbq-loader-overlay-transparent-overlay-background)}.kbq-loader-overlay_transparent .kbq-loader-overlay-text{color:var(--kbq-loader-overlay-transparent-text-color)}.kbq-loader-overlay_transparent .kbq-loader-overlay-caption{color:var(--kbq-loader-overlay-transparent-caption-color)}.kbq-loader-overlay_big .kbq-loader-overlay-text{font-size:var(--kbq-
|
|
84
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kbq-loader-overlay__container\">\n @if (isExternalIndicator) {\n <ng-content select=\"[kbq-loader-overlay-indicator]\" />\n } @else {\n <kbq-progress-spinner\n [mode]=\"'indeterminate'\"\n [size]=\"spinnerSize\"\n />\n }\n\n @if (isExternalText) {\n <ng-content select=\"[kbq-loader-overlay-text]\" />\n } @else {\n @if (text) {\n <div class=\"kbq-loader-overlay-text\">\n {{ text }}\n </div>\n }\n }\n\n @if (isExternalCaption) {\n <ng-content select=\"[kbq-loader-overlay-caption]\" />\n } @else {\n @if (caption) {\n <div class=\"kbq-loader-overlay-caption\">\n {{ caption }}\n </div>\n }\n }\n</div>\n", styles: [".kbq-loader-overlay_parent{position:relative}.kbq-loader-overlay-text,.kbq-loader-overlay-caption{max-width:90%;text-align:center}.kbq-loader-overlay{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;inset:0;border-radius:inherit;z-index:10}.kbq-loader-overlay .kbq-loader-overlay__container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:80%}.kbq-loader-overlay.kbq-loader-overlay_big{padding-left:var(--kbq-loader-overlay-size-big-overlay-padding-horizontal);padding-right:var(--kbq-loader-overlay-size-big-overlay-padding-horizontal)}.kbq-loader-overlay.kbq-loader-overlay_big .kbq-progress-spinner{margin-bottom:var(--kbq-loader-overlay-size-big-loader-margin-bottom)}.kbq-loader-overlay.kbq-loader-overlay_big .kbq-loader-overlay-text{margin-bottom:var(--kbq-loader-overlay-size-big-content-content-gap-vertical)}.kbq-loader-overlay.kbq-loader-overlay_compact{padding-left:var(--kbq-loader-overlay-size-compact-overlay-padding-horizontal);padding-right:var(--kbq-loader-overlay-size-compact-overlay-padding-horizontal)}.kbq-loader-overlay.kbq-loader-overlay_compact .kbq-progress-spinner{margin-bottom:var(--kbq-loader-overlay-size-compact-loader-margin-bottom)}.kbq-loader-overlay.kbq-loader-overlay_compact .kbq-loader-overlay-text{margin-bottom:var(--kbq-loader-overlay-size-compact-content-content-gap-vertical)}.kbq-loader-overlay_filled.kbq-loader-overlay{background:var(--kbq-loader-overlay-filled-overlay-background)}.kbq-loader-overlay_filled .kbq-loader-overlay-text{color:var(--kbq-loader-overlay-filled-text-color)}.kbq-loader-overlay_filled .kbq-loader-overlay-caption{color:var(--kbq-loader-overlay-filled-caption-color)}.kbq-loader-overlay_transparent.kbq-loader-overlay{background:var(--kbq-loader-overlay-transparent-overlay-background)}.kbq-loader-overlay_transparent .kbq-loader-overlay-text{color:var(--kbq-loader-overlay-transparent-text-color)}.kbq-loader-overlay_transparent .kbq-loader-overlay-caption{color:var(--kbq-loader-overlay-transparent-caption-color)}.kbq-loader-overlay_big .kbq-loader-overlay-text{font-size:var(--kbq-typography-subheading-font-size);font-weight:var(--kbq-typography-subheading-font-weight);line-height:var(--kbq-typography-subheading-line-height);font-family:var(--kbq-typography-subheading-font-family);text-transform:var(--kbq-typography-subheading-text-transform);font-feature-settings:var(--kbq-typography-subheading-font-feature-settings);letter-spacing:var(--kbq-typography-subheading-letter-spacing)}.kbq-loader-overlay_big .kbq-loader-overlay-caption,.kbq-loader-overlay_compact .kbq-loader-overlay-text{font-size:var(--kbq-typography-text-normal-font-size);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-loader-overlay_compact .kbq-loader-overlay-caption{font-size:var(--kbq-typography-text-compact-font-size);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-loader-overlay{--kbq-loader-overlay-size-big-overlay-padding-horizontal: var(--kbq-size-3xl);--kbq-loader-overlay-size-big-loader-margin-bottom: var(--kbq-size-xxl);--kbq-loader-overlay-size-big-content-content-gap-vertical: var(--kbq-size-xxs);--kbq-loader-overlay-size-compact-overlay-padding-horizontal: var(--kbq-size-3xl);--kbq-loader-overlay-size-compact-loader-margin-bottom: var(--kbq-size-s);--kbq-loader-overlay-size-compact-content-content-gap-vertical: var(--kbq-size-3xs)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-loader-overlay-transparent-overlay-background: var(--kbq-background-overlay-inverse);--kbq-loader-overlay-transparent-text-color: var(--kbq-foreground-contrast);--kbq-loader-overlay-transparent-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-loader-overlay-filled-overlay-background: var(--kbq-background-bg);--kbq-loader-overlay-filled-text-color: var(--kbq-foreground-contrast);--kbq-loader-overlay-filled-caption-color: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-loader-overlay-transparent-overlay-background: var(--kbq-background-overlay-inverse);--kbq-loader-overlay-transparent-text-color: var(--kbq-foreground-contrast);--kbq-loader-overlay-transparent-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-loader-overlay-filled-overlay-background: var(--kbq-background-bg);--kbq-loader-overlay-filled-text-color: var(--kbq-foreground-contrast);--kbq-loader-overlay-filled-caption-color: var(--kbq-foreground-contrast-secondary)}\n"] }]
|
|
85
85
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { text: [{
|
|
86
86
|
type: Input
|
|
87
87
|
}], caption: [{
|
|
@@ -1,10 +1,19 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Input, ViewChild, ViewEncapsulation } from '@angular/core';
|
|
1
|
+
import { afterNextRender, ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Inject, InjectionToken, Input, Optional, ViewChild, ViewEncapsulation } from '@angular/core';
|
|
2
2
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
3
3
|
import { KbqMarkdownService } from './markdown.service';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "./markdown.service";
|
|
6
6
|
import * as i2 from "@angular/platform-browser";
|
|
7
|
+
/** List of options for `marked` library. */
|
|
8
|
+
export const KBQ_MARKDOWN_MARKED_OPTIONS = new InjectionToken('KBQ_MARKDOWN_MARKED_OPTIONS');
|
|
9
|
+
/** Utility provider for `KBQ_MARKDOWN_MARKED_OPTIONS`. */
|
|
10
|
+
export const kbqMarkdownMarkedOptionsProvider = (options) => ({
|
|
11
|
+
provide: KBQ_MARKDOWN_MARKED_OPTIONS,
|
|
12
|
+
useValue: options
|
|
13
|
+
});
|
|
14
|
+
/** Component which allows to convert `Markdown` into `HTML` */
|
|
7
15
|
export class KbqMarkdown {
|
|
16
|
+
/** `Markdown` text. */
|
|
8
17
|
get markdownText() {
|
|
9
18
|
return this._markdownText;
|
|
10
19
|
}
|
|
@@ -14,24 +23,24 @@ export class KbqMarkdown {
|
|
|
14
23
|
}
|
|
15
24
|
this._markdownText = value;
|
|
16
25
|
}
|
|
17
|
-
constructor(markdownService, sanitizer,
|
|
26
|
+
constructor(markdownService, cdr, sanitizer, markedOptions) {
|
|
18
27
|
this.markdownService = markdownService;
|
|
19
|
-
this.sanitizer = sanitizer;
|
|
20
28
|
this.cdr = cdr;
|
|
29
|
+
this.sanitizer = sanitizer;
|
|
30
|
+
this.markedOptions = markedOptions;
|
|
21
31
|
this._markdownText = null;
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}
|
|
32
|
+
afterNextRender(() => {
|
|
33
|
+
if (!this.markdownText && this.contentWrapper?.nativeElement.textContent) {
|
|
34
|
+
this.resultHtml = this.getResultHTML(this.contentWrapper?.nativeElement.textContent);
|
|
35
|
+
this.cdr.detectChanges();
|
|
36
|
+
}
|
|
37
|
+
});
|
|
29
38
|
}
|
|
30
|
-
getResultHTML(
|
|
31
|
-
return this.sanitizer.bypassSecurityTrustHtml(this.markdownService.parseToHtml(
|
|
39
|
+
getResultHTML(markdown) {
|
|
40
|
+
return this.sanitizer.bypassSecurityTrustHtml(this.markdownService.parseToHtml(markdown, this.markedOptions));
|
|
32
41
|
}
|
|
33
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqMarkdown, deps: [{ token: i1.KbqMarkdownService }, { token: i2.DomSanitizer }, { token:
|
|
34
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqMarkdown, selector: "kbq-markdown", inputs: { markdownText: "markdownText" }, host: { classAttribute: "kbq-markdown" }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }], ngImport: i0, template: `
|
|
42
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqMarkdown, deps: [{ token: i1.KbqMarkdownService }, { token: i0.ChangeDetectorRef }, { token: i2.DomSanitizer }, { token: KBQ_MARKDOWN_MARKED_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
43
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqMarkdown, isStandalone: true, selector: "kbq-markdown", inputs: { markdownText: "markdownText" }, host: { classAttribute: "kbq-markdown" }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true, static: true }], ngImport: i0, template: `
|
|
35
44
|
<pre
|
|
36
45
|
class="markdown-input"
|
|
37
46
|
#contentWrapper
|
|
@@ -41,11 +50,11 @@ export class KbqMarkdown {
|
|
|
41
50
|
class="markdown-output"
|
|
42
51
|
[innerHtml]="resultHtml"
|
|
43
52
|
></div>
|
|
44
|
-
`, isInline: true, styles: ["@charset \"UTF-8\";.kbq-markdown{display:block}.kbq-markdown .markdown-input{display:none}.kbq-markdown .markdown-output{flex:1}.kbq-markdown .kbq-markdown__h1{margin-top:var(--kbq-markdown-h1-size-margin-top);margin-bottom:var(--kbq-markdown-h1-size-margin-bottom)}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__h2{margin-top:var(--kbq-markdown-h2-size-margin-top);margin-bottom:var(--kbq-markdown-h2-size-margin-bottom)}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__h3{margin-top:var(--kbq-markdown-h3-size-margin-top);margin-bottom:var(--kbq-markdown-h3-size-margin-bottom)}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__h4{margin-top:var(--kbq-markdown-h4-size-margin-top);margin-bottom:var(--kbq-markdown-h4-size-margin-bottom)}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__h5{margin-top:var(--kbq-markdown-h5-size-margin-top);margin-bottom:var(--kbq-markdown-h5-size-margin-bottom)}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__h6{margin-top:var(--kbq-markdown-h6-size-margin-top);margin-bottom:var(--kbq-markdown-h6-size-margin-bottom)}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__a{display:inline-block;text-decoration:none;cursor:pointer;border-bottom-style:solid;border-bottom-width:1px;transition:color ease-out .3s}.kbq-markdown .kbq-markdown__p{margin-top:var(--kbq-markdown-p-size-margin-top);margin-bottom:var(--kbq-markdown-p-size-margin-bottom)}.kbq-markdown .kbq-markdown__ul,.kbq-markdown .kbq-markdown__ol{margin-top:var(--kbq-markdown-list-size-margin-top);margin-bottom:var(--kbq-markdown-list-size-margin-bottom)}.kbq-markdown .kbq-markdown__ul>li,.kbq-markdown .kbq-markdown__ol>li{margin-bottom:var(--kbq-markdown-list-size-item-margin-bottom)}.kbq-markdown .kbq-markdown__ul{position:relative;list-style:none;padding:var(--kbq-markdown-list-size-ul-padding)}.kbq-markdown .kbq-markdown__ul>li:before{content:\"\\2014\";display:block;position:absolute;width:24px;text-align:left;left:0}.kbq-markdown .kbq-markdown__ol{list-style:none;padding:0;counter-reset:li}.kbq-markdown .kbq-markdown__ol>li:before{content:counter(li) \".\";counter-increment:li;padding-right:var(--kbq-markdown-list-size-ol-number-padding-right)}.kbq-markdown .kbq-markdown__ol>li>*{display:inline-block}.kbq-markdown .kbq-markdown__p+.kbq-markdown__ul,.kbq-markdown .kbq-markdown__p+.kbq-markdown__ol{margin-top:var(--kbq-markdown-list-size-margin-top-after-paragraph)}.kbq-markdown .kbq-markdown__blockquote{margin-top:var(--kbq-markdown-blockquote-size-margin-top);margin-left:0;margin-bottom:var(--kbq-markdown-blockquote-size-margin-bottom);margin-right:0;border-left-width:var(--kbq-markdown-blockquote-size-line-width);border-left-style:solid;padding:var(--kbq-markdown-blockquote-size-padding)}.kbq-markdown .kbq-markdown__blockquote>.kbq-markdown__p{margin-top:0;margin-bottom:0}.kbq-markdown .kbq-markdown__pre{position:relative;overflow-x:auto;margin-top:var(--kbq-markdown-code-size-multiline-margin-top);margin-bottom:var(--kbq-markdown-code-size-multiline-margin-bottom);padding:var(--kbq-markdown-code-size-multiline-padding)}.kbq-markdown .kbq-markdown__pre,.kbq-markdown .kbq-markdown__p>.kbq-markdown__code{border-radius:var(--kbq-markdown-code-size-border-radius);border-width:var(--kbq-markdown-code-size-border-width);border-style:solid}.kbq-markdown .kbq-markdown__p>.kbq-markdown__code{padding:var(--kbq-markdown-code-size-inline-padding)}.kbq-markdown .kbq-markdown__img{max-width:100%;margin-top:var(--kbq-markdown-image-size-margin-top);margin-bottom:var(--kbq-markdown-image-size-margin-bottom)}.kbq-markdown .kbq-markdown__img+em{display:block;margin-top:var(--kbq-markdown-image-size-caption-margin-top);margin-bottom:var(--kbq-markdown-image-size-caption-margin-bottom)}.kbq-markdown .kbq-markdown__hr{border-top:none;border-left:none;border-right:none;border-bottom-style:solid;border-bottom-width:var(--kbq-markdown-hr-size-width);margin:var(--kbq-markdown-hr-size-margin-vertical) 0}.kbq-markdown .kbq-markdown__table{max-width:100%;overflow-x:auto;display:table;border-collapse:collapse;margin-bottom:var(--kbq-markdown-table-size-margin-bottom)}.kbq-markdown .kbq-markdown__table td{vertical-align:top}.kbq-markdown .kbq-markdown__table th,.kbq-markdown .kbq-markdown__table td{padding:var(--kbq-markdown-table-size-padding);font-weight:400}.kbq-markdown .kbq-markdown__table>.kbq-markdown__thead{border-bottom-style:solid;border-bottom-width:var(--kbq-markdown-table-size-border-width);text-align:left}.kbq-markdown .kbq-markdown__table>.kbq-markdown__thead th:first-child{padding-left:0}.kbq-markdown .kbq-markdown__table>.kbq-markdown__thead th:last-child{padding-right:0}.kbq-markdown .kbq-markdown__table>.kbq-markdown__tbody td:first-child{padding-left:0}.kbq-markdown .kbq-markdown__table>.kbq-markdown__tbody td:last-child{padding-right:0}.docs-live-example.kbq-markdown{margin-bottom:128px}\n", ".kbq-markdown{--kbq-markdown-h1-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h1-size-margin-top: 0;--kbq-markdown-h1-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-h1-font-default-font-size: var(--kbq-md-typography-md-h1-font-size);--kbq-markdown-h1-font-default-line-height: var(--kbq-md-typography-md-h1-line-height);--kbq-markdown-h1-font-default-letter-spacing: var(--kbq-md-typography-md-h1-letter-spacing);--kbq-markdown-h1-font-default-font-weight: var(--kbq-md-typography-md-h1-font-weight);--kbq-markdown-h1-font-default-font-family: var(--kbq-md-typography-md-h1-font-family);--kbq-markdown-h1-font-default-text-transform: var(--kbq-md-typography-md-h1-text-transform);--kbq-markdown-h1-font-default-font-feature-settings: var(--kbq-md-typography-md-h1-font-feature-settings);--kbq-markdown-h2-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h2-size-margin-top: var(--kbq-size-3xl);--kbq-markdown-h2-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-h2-font-default-font-size: var(--kbq-md-typography-md-h2-font-size);--kbq-markdown-h2-font-default-line-height: var(--kbq-md-typography-md-h2-line-height);--kbq-markdown-h2-font-default-letter-spacing: var(--kbq-md-typography-md-h2-letter-spacing);--kbq-markdown-h2-font-default-font-weight: var(--kbq-md-typography-md-h2-font-weight);--kbq-markdown-h2-font-default-font-family: var(--kbq-md-typography-md-h2-font-family);--kbq-markdown-h2-font-default-text-transform: var(--kbq-md-typography-md-h2-text-transform);--kbq-markdown-h2-font-default-font-feature-settings: var(--kbq-md-typography-md-h2-font-feature-settings);--kbq-markdown-h3-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h3-size-margin-top: 28px;--kbq-markdown-h3-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-h3-font-default-font-size: var(--kbq-md-typography-md-h3-font-size);--kbq-markdown-h3-font-default-line-height: var(--kbq-md-typography-md-h3-line-height);--kbq-markdown-h3-font-default-letter-spacing: var(--kbq-md-typography-md-h3-letter-spacing);--kbq-markdown-h3-font-default-font-weight: var(--kbq-md-typography-md-h3-font-weight);--kbq-markdown-h3-font-default-font-family: var(--kbq-md-typography-md-h3-font-family);--kbq-markdown-h3-font-default-text-transform: var(--kbq-md-typography-md-h3-text-transform);--kbq-markdown-h3-font-default-font-feature-settings: var(--kbq-md-typography-md-h3-font-feature-settings);--kbq-markdown-h4-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h4-size-margin-top: var(--kbq-size-xxl);--kbq-markdown-h4-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-h4-font-default-font-size: var(--kbq-md-typography-md-h4-font-size);--kbq-markdown-h4-font-default-line-height: var(--kbq-md-typography-md-h4-line-height);--kbq-markdown-h4-font-default-letter-spacing: var(--kbq-md-typography-md-h4-letter-spacing);--kbq-markdown-h4-font-default-font-weight: var(--kbq-md-typography-md-h4-font-weight);--kbq-markdown-h4-font-default-font-family: var(--kbq-md-typography-md-h4-font-family);--kbq-markdown-h4-font-default-text-transform: var(--kbq-md-typography-md-h4-text-transform);--kbq-markdown-h4-font-default-font-feature-settings: var(--kbq-md-typography-md-h4-font-feature-settings);--kbq-markdown-h5-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h5-size-margin-top: var(--kbq-size-xxl);--kbq-markdown-h5-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-h5-font-default-font-size: var(--kbq-md-typography-md-h5-font-size);--kbq-markdown-h5-font-default-line-height: var(--kbq-md-typography-md-h5-line-height);--kbq-markdown-h5-font-default-letter-spacing: var(--kbq-md-typography-md-h5-letter-spacing);--kbq-markdown-h5-font-default-font-weight: var(--kbq-md-typography-md-h5-font-weight);--kbq-markdown-h5-font-default-font-family: var(--kbq-md-typography-md-h5-font-family);--kbq-markdown-h5-font-default-text-transform: var(--kbq-md-typography-md-h5-text-transform);--kbq-markdown-h5-font-default-font-feature-settings: var(--kbq-md-typography-md-h5-font-feature-settings);--kbq-markdown-h6-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h6-size-margin-top: var(--kbq-size-xxl);--kbq-markdown-h6-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-h6-font-default-font-size: var(--kbq-md-typography-md-h6-font-size);--kbq-markdown-h6-font-default-line-height: var(--kbq-md-typography-md-h6-line-height);--kbq-markdown-h6-font-default-letter-spacing: var(--kbq-md-typography-md-h6-letter-spacing);--kbq-markdown-h6-font-default-font-weight: var(--kbq-md-typography-md-h6-font-weight);--kbq-markdown-h6-font-default-font-family: var(--kbq-md-typography-md-h6-font-family);--kbq-markdown-h6-font-default-text-transform: var(--kbq-md-typography-md-h6-text-transform);--kbq-markdown-h6-font-default-font-feature-settings: var(--kbq-md-typography-md-h6-font-feature-settings);--kbq-markdown-p-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-p-size-margin-top: var(--kbq-size-m);--kbq-markdown-p-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-p-font-default-font-size: var(--kbq-md-typography-md-body-font-size);--kbq-markdown-p-font-default-line-height: var(--kbq-md-typography-md-body-line-height);--kbq-markdown-p-font-default-letter-spacing: var(--kbq-md-typography-md-body-letter-spacing);--kbq-markdown-p-font-default-font-weight: var(--kbq-md-typography-md-body-font-weight);--kbq-markdown-p-font-default-font-family: var(--kbq-md-typography-md-body-font-family);--kbq-markdown-p-font-default-text-transform: var(--kbq-md-typography-md-body-text-transform);--kbq-markdown-p-font-default-font-feature-settings: var(--kbq-md-typography-md-body-font-feature-settings);--kbq-markdown-list-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-list-size-margin-top: var(--kbq-size-m);--kbq-markdown-list-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-list-size-margin-top-after-paragraph: -var(--kbq-size-s);--kbq-markdown-list-size-ol-number-padding-right: var(--kbq-size-xxs);--kbq-markdown-list-size-ul-padding: 0 0 0 var(--kbq-size-xxl);--kbq-markdown-list-size-item-margin-bottom: var(--kbq-size-s);--kbq-markdown-list-font-default-font-size: var(--kbq-md-typography-md-body-font-size);--kbq-markdown-list-font-default-line-height: var(--kbq-md-typography-md-body-line-height);--kbq-markdown-list-font-default-letter-spacing: var(--kbq-md-typography-md-body-letter-spacing);--kbq-markdown-list-font-default-font-weight: var(--kbq-md-typography-md-body-font-weight);--kbq-markdown-list-font-default-font-family: var(--kbq-md-typography-md-body-font-family);--kbq-markdown-list-font-default-text-transform: var(--kbq-md-typography-md-body-text-transform);--kbq-markdown-list-font-default-font-feature-settings: var(--kbq-md-typography-md-body-font-feature-settings);--kbq-markdown-blockquote-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-blockquote-size-margin-top: var(--kbq-size-xl);--kbq-markdown-blockquote-size-margin-bottom: var(--kbq-size-xxl);--kbq-markdown-blockquote-size-padding: var(--kbq-size-m) var(--kbq-size-l);--kbq-markdown-blockquote-size-line-width: var(--kbq-size-xxs);--kbq-markdown-blockquote-size-border-radius: 0;--kbq-markdown-blockquote-size-border-width: 0;--kbq-markdown-blockquote-font-default-font-size: var(--kbq-md-typography-md-body-font-size);--kbq-markdown-blockquote-font-default-line-height: var(--kbq-md-typography-md-body-line-height);--kbq-markdown-blockquote-font-default-letter-spacing: var(--kbq-md-typography-md-body-letter-spacing);--kbq-markdown-blockquote-font-default-font-weight: var(--kbq-md-typography-md-body-font-weight);--kbq-markdown-blockquote-font-default-font-family: var(--kbq-md-typography-md-body-font-family);--kbq-markdown-blockquote-font-default-text-transform: var(--kbq-md-typography-md-body-text-transform);--kbq-markdown-blockquote-font-default-font-feature-settings: var( --kbq-md-typography-md-body-font-feature-settings );--kbq-markdown-code-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-code-size-multiline-margin-top: var(--kbq-size-s);--kbq-markdown-code-size-multiline-margin-bottom: var(--kbq-size-xxl);--kbq-markdown-code-size-inline-padding: 0 var(--kbq-size-xxs);--kbq-markdown-code-size-multiline-padding: 14px var(--kbq-size-xl);--kbq-markdown-code-size-border-radius: var(--kbq-size-border-radius);--kbq-markdown-code-size-border-width: var(--kbq-size-border-width);--kbq-markdown-code-font-default-font-size: var(--kbq-md-typography-md-body-mono-font-size);--kbq-markdown-code-font-default-line-height: var(--kbq-md-typography-md-body-mono-line-height);--kbq-markdown-code-font-default-letter-spacing: var(--kbq-md-typography-md-body-mono-letter-spacing);--kbq-markdown-code-font-default-font-weight: var(--kbq-md-typography-md-body-mono-font-weight);--kbq-markdown-code-font-default-font-family: var(--kbq-md-typography-md-body-mono-font-family);--kbq-markdown-code-font-default-text-transform: var(--kbq-md-typography-md-body-mono-text-transform);--kbq-markdown-code-font-default-font-feature-settings: var(--kbq-md-typography-md-body-mono-font-feature-settings);--kbq-markdown-link-size-icon-margin: var(--kbq-link-size-normal-content-padding);--kbq-markdown-link-size-state-focused-outline-offset: var(--kbq-link-size-state-focused-outline-offset);--kbq-markdown-link-size-state-focused-outline-width: var(--kbq-link-size-state-focused-outline-width);--kbq-markdown-link-font-default-font-size: var(--kbq-md-typography-md-body-font-size);--kbq-markdown-link-font-default-line-height: var(--kbq-md-typography-md-body-line-height);--kbq-markdown-link-font-default-letter-spacing: var(--kbq-md-typography-md-body-letter-spacing);--kbq-markdown-link-font-default-font-weight: var(--kbq-md-typography-md-body-font-weight);--kbq-markdown-link-font-default-font-family: var(--kbq-md-typography-md-body-font-family);--kbq-markdown-link-font-default-text-transform: var(--kbq-md-typography-md-body-text-transform);--kbq-markdown-link-font-default-font-feature-settings: var(--kbq-md-typography-md-body-font-feature-settings);--kbq-markdown-image-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-image-size-margin-top: var(--kbq-size-s);--kbq-markdown-image-size-margin-bottom: var(--kbq-size-s);--kbq-markdown-image-size-caption-margin-top: -var(--kbq-size-s);--kbq-markdown-image-size-caption-margin-bottom: var(--kbq-size-xxl);--kbq-markdown-image-font-caption-font-size: var(--kbq-md-typography-md-caption-font-size);--kbq-markdown-image-font-caption-line-height: var(--kbq-md-typography-md-caption-line-height);--kbq-markdown-image-font-caption-letter-spacing: var(--kbq-md-typography-md-caption-letter-spacing);--kbq-markdown-image-font-caption-font-weight: var(--kbq-md-typography-md-caption-font-weight);--kbq-markdown-image-font-caption-font-family: var(--kbq-md-typography-md-caption-font-family);--kbq-markdown-image-font-caption-text-transform: var(--kbq-md-typography-md-caption-text-transform);--kbq-markdown-image-font-caption-font-feature-settings: var(--kbq-md-typography-md-caption-font-feature-settings);--kbq-markdown-hr-size-width: 1px;--kbq-markdown-hr-size-margin-vertical: var(--kbq-size-l);--kbq-markdown-table-size-border-width: var(--kbq-size-border-width);--kbq-markdown-table-size-padding: var(--kbq-size-s);--kbq-markdown-table-size-margin-bottom: var(--kbq-size-l);--kbq-markdown-table-font-header-font-size: var(--kbq-md-typography-md-table-header-font-size);--kbq-markdown-table-font-header-line-height: var(--kbq-md-typography-md-table-header-line-height);--kbq-markdown-table-font-header-letter-spacing: var(--kbq-md-typography-md-table-header-letter-spacing);--kbq-markdown-table-font-header-font-weight: var(--kbq-md-typography-md-table-header-font-weight);--kbq-markdown-table-font-header-font-family: var(--kbq-md-typography-md-table-header-font-family);--kbq-markdown-table-font-header-text-transform: var(--kbq-md-typography-md-table-header-text-transform);--kbq-markdown-table-font-header-font-feature-settings: var( --kbq-md-typography-md-table-header-font-feature-settings );--kbq-markdown-table-font-body-font-size: var(--kbq-md-typography-md-table-cell-font-size);--kbq-markdown-table-font-body-line-height: var(--kbq-md-typography-md-table-cell-line-height);--kbq-markdown-table-font-body-letter-spacing: var(--kbq-md-typography-md-table-cell-letter-spacing);--kbq-markdown-table-font-body-font-weight: var(--kbq-md-typography-md-table-cell-font-weight);--kbq-markdown-table-font-body-font-family: var(--kbq-md-typography-md-table-cell-font-family);--kbq-markdown-table-font-body-text-transform: var(--kbq-md-typography-md-table-cell-text-transform);--kbq-markdown-table-font-body-font-feature-settings: var(--kbq-md-typography-md-table-cell-font-feature-settings);--kbq-markdown-size-max-width: 650px;--kbq-markdown-font-default-font-size: var(--kbq-md-typography-md-body-font-size);--kbq-markdown-font-default-line-height: var(--kbq-md-typography-md-body-line-height);--kbq-markdown-font-default-letter-spacing: var(--kbq-md-typography-md-body-letter-spacing);--kbq-markdown-font-default-font-weight: var(--kbq-md-typography-md-body-font-weight);--kbq-markdown-font-default-font-family: var(--kbq-md-typography-md-body-font-family);--kbq-markdown-font-default-text-transform: var(--kbq-md-typography-md-body-text-transform);--kbq-markdown-font-default-font-feature-settings: var(--kbq-md-typography-md-body-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-markdown-h1-color: var(--kbq-foreground-contrast);--kbq-markdown-h2-color: var(--kbq-foreground-contrast);--kbq-markdown-h3-color: var(--kbq-foreground-contrast);--kbq-markdown-h4-color: var(--kbq-foreground-contrast);--kbq-markdown-h5-color: var(--kbq-foreground-contrast);--kbq-markdown-h6-color: var(--kbq-foreground-contrast);--kbq-markdown-p-color: var(--kbq-foreground-contrast);--kbq-markdown-list-color: var(--kbq-foreground-contrast);--kbq-markdown-blockquote-text: var(--kbq-foreground-contrast);--kbq-markdown-blockquote-line: var(--kbq-foreground-border);--kbq-markdown-blockquote-background: var(--kbq-background-contrast-fade);--kbq-markdown-blockquote-border: transparent;--kbq-markdown-code-text: var(--kbq-foreground-contrast);--kbq-markdown-code-background: var(--kbq-background-background-less-contrast);--kbq-markdown-code-border: var(--kbq-line-contrast-less);--kbq-markdown-link-text: var(--kbq-link-text);--kbq-markdown-link-border-bottom: var(--kbq-link-border-bottom);--kbq-markdown-link-state-visited-text: var(--kbq-link-state-visited-text);--kbq-markdown-link-state-visited-border-bottom: var(--kbq-link-state-visited-border-bottom);--kbq-markdown-link-state-hover-text: var(--kbq-link-state-hover-text);--kbq-markdown-link-state-hover-border-bottom: var(--kbq-link-state-hover-border-bottom);--kbq-markdown-link-state-active: var(--kbq-link-state-active-text);--kbq-markdown-link-state-focused-outline: var(--kbq-link-state-focused-outline);--kbq-markdown-image-caption-text: var(--kbq-foreground-text-less-contrast);--kbq-markdown-hr-color: var(--kbq-line-contrast-less);--kbq-markdown-table-header: var(--kbq-foreground-text-less-contrast);--kbq-markdown-table-body: var(--kbq-foreground-contrast);--kbq-markdown-table-border: var(--kbq-line-contrast-less)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-markdown-h1-color: var(--kbq-foreground-contrast);--kbq-markdown-h2-color: var(--kbq-foreground-contrast);--kbq-markdown-h3-color: var(--kbq-foreground-contrast);--kbq-markdown-h4-color: var(--kbq-foreground-contrast);--kbq-markdown-h5-color: var(--kbq-foreground-contrast);--kbq-markdown-h6-color: var(--kbq-foreground-contrast);--kbq-markdown-p-color: var(--kbq-foreground-contrast);--kbq-markdown-list-color: var(--kbq-foreground-contrast);--kbq-markdown-blockquote-text: var(--kbq-foreground-contrast);--kbq-markdown-blockquote-line: var(--kbq-foreground-border);--kbq-markdown-blockquote-background: var(--kbq-background-contrast-fade);--kbq-markdown-blockquote-border: transparent;--kbq-markdown-code-text: var(--kbq-foreground-contrast);--kbq-markdown-code-background: var(--kbq-background-background-less-contrast);--kbq-markdown-code-border: var(--kbq-line-contrast-less);--kbq-markdown-link-text: var(--kbq-link-text);--kbq-markdown-link-border-bottom: var(--kbq-link-border-bottom);--kbq-markdown-link-state-visited-text: var(--kbq-link-state-visited-text);--kbq-markdown-link-state-visited-border-bottom: var(--kbq-link-state-visited-border-bottom);--kbq-markdown-link-state-hover-text: var(--kbq-link-state-hover-text);--kbq-markdown-link-state-hover-border-bottom: var(--kbq-link-state-hover-border-bottom);--kbq-markdown-link-state-active: var(--kbq-link-state-active-text);--kbq-markdown-link-state-focused-outline: var(--kbq-link-state-focused-outline);--kbq-markdown-image-caption-text: var(--kbq-foreground-text-less-contrast);--kbq-markdown-hr-color: var(--kbq-line-contrast-less);--kbq-markdown-table-header: var(--kbq-foreground-text-less-contrast);--kbq-markdown-table-body: var(--kbq-foreground-contrast);--kbq-markdown-table-border: var(--kbq-line-contrast-less)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
53
|
+
`, isInline: true, styles: ["@charset \"UTF-8\";.kbq-markdown{display:block}.kbq-markdown .markdown-input{display:none}.kbq-markdown .markdown-output{flex:1}.kbq-markdown .kbq-markdown__h1{margin-top:var(--kbq-markdown-h1-size-margin-top);margin-bottom:var(--kbq-markdown-h1-size-margin-bottom)}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__h2{margin-top:var(--kbq-markdown-h2-size-margin-top);margin-bottom:var(--kbq-markdown-h2-size-margin-bottom)}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__h3{margin-top:var(--kbq-markdown-h3-size-margin-top);margin-bottom:var(--kbq-markdown-h3-size-margin-bottom)}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__h4{margin-top:var(--kbq-markdown-h4-size-margin-top);margin-bottom:var(--kbq-markdown-h4-size-margin-bottom)}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__h5{margin-top:var(--kbq-markdown-h5-size-margin-top);margin-bottom:var(--kbq-markdown-h5-size-margin-bottom)}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__h6{margin-top:var(--kbq-markdown-h6-size-margin-top);margin-bottom:var(--kbq-markdown-h6-size-margin-bottom)}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__a{display:inline-block;text-decoration:none;cursor:pointer;border-bottom-style:solid;border-bottom-width:1px;transition:color ease-out .3s}.kbq-markdown .kbq-markdown__p{margin-top:var(--kbq-markdown-p-size-margin-top);margin-bottom:var(--kbq-markdown-p-size-margin-bottom)}.kbq-markdown .kbq-markdown__ul,.kbq-markdown .kbq-markdown__ol{margin-top:var(--kbq-markdown-list-size-margin-top);margin-bottom:var(--kbq-markdown-list-size-margin-bottom)}.kbq-markdown .kbq-markdown__ul>li,.kbq-markdown .kbq-markdown__ol>li{margin-bottom:var(--kbq-markdown-list-size-item-margin-bottom)}.kbq-markdown .kbq-markdown__ul{position:relative;list-style:none;padding:var(--kbq-markdown-list-size-ul-padding)}.kbq-markdown .kbq-markdown__ul>li:before{content:\"\\2014\";display:block;position:absolute;width:24px;text-align:left;left:0}.kbq-markdown .kbq-markdown__ol{list-style:none;padding:0;counter-reset:li}.kbq-markdown .kbq-markdown__ol>li:before{content:counter(li) \".\";counter-increment:li;padding-right:var(--kbq-markdown-list-size-ol-number-padding-right)}.kbq-markdown .kbq-markdown__ol>li>*{display:inline-block}.kbq-markdown .kbq-markdown__p+.kbq-markdown__ul,.kbq-markdown .kbq-markdown__p+.kbq-markdown__ol{margin-top:var(--kbq-markdown-list-size-margin-top-after-paragraph)}.kbq-markdown .kbq-markdown__blockquote{margin-top:var(--kbq-markdown-blockquote-size-margin-top);margin-left:0;margin-bottom:var(--kbq-markdown-blockquote-size-margin-bottom);margin-right:0;border-left-width:var(--kbq-markdown-blockquote-size-line-width);border-left-style:solid;padding:var(--kbq-markdown-blockquote-size-padding)}.kbq-markdown .kbq-markdown__blockquote>.kbq-markdown__p{margin-top:0;margin-bottom:0}.kbq-markdown .kbq-markdown__pre{position:relative;overflow-x:auto;margin-top:var(--kbq-markdown-code-size-multiline-margin-top);margin-bottom:var(--kbq-markdown-code-size-multiline-margin-bottom);padding:var(--kbq-markdown-code-size-multiline-padding)}.kbq-markdown .kbq-markdown__pre,.kbq-markdown .kbq-markdown__p>.kbq-markdown__code{border-radius:var(--kbq-markdown-code-size-border-radius);border-width:var(--kbq-markdown-code-size-border-width);border-style:solid}.kbq-markdown .kbq-markdown__p>.kbq-markdown__code{padding:var(--kbq-markdown-code-size-inline-padding)}.kbq-markdown .kbq-markdown__img{max-width:100%;margin-top:var(--kbq-markdown-image-size-margin-top);margin-bottom:var(--kbq-markdown-image-size-margin-bottom)}.kbq-markdown .kbq-markdown__img+em{display:block;margin-top:var(--kbq-markdown-image-size-caption-margin-top);margin-bottom:var(--kbq-markdown-image-size-caption-margin-bottom)}.kbq-markdown .kbq-markdown__hr{border-top:none;border-left:none;border-right:none;border-bottom-style:solid;border-bottom-width:var(--kbq-markdown-hr-size-width);margin:var(--kbq-markdown-hr-size-margin-vertical) 0}.kbq-markdown .kbq-markdown__table{max-width:100%;overflow-x:auto;display:table;border-collapse:collapse;margin-bottom:var(--kbq-markdown-table-size-margin-bottom)}.kbq-markdown .kbq-markdown__table td{vertical-align:top}.kbq-markdown .kbq-markdown__table th,.kbq-markdown .kbq-markdown__table td{padding:var(--kbq-markdown-table-size-padding);font-weight:400}.kbq-markdown .kbq-markdown__table>.kbq-markdown__thead{border-bottom-style:solid;border-bottom-width:var(--kbq-markdown-table-size-border-width);text-align:left}.kbq-markdown .kbq-markdown__table>.kbq-markdown__thead th:first-child{padding-left:0}.kbq-markdown .kbq-markdown__table>.kbq-markdown__thead th:last-child{padding-right:0}.kbq-markdown .kbq-markdown__table>.kbq-markdown__tbody td:first-child{padding-left:0}.kbq-markdown .kbq-markdown__table>.kbq-markdown__tbody td:last-child{padding-right:0}.docs-live-example.kbq-markdown{margin-bottom:128px}\n", ".kbq-markdown{--kbq-markdown-h1-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h1-size-margin-top: 0;--kbq-markdown-h1-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-h2-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h2-size-margin-top: var(--kbq-size-3xl);--kbq-markdown-h2-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-h3-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h3-size-margin-top: 28px;--kbq-markdown-h3-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-h4-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h4-size-margin-top: var(--kbq-size-xxl);--kbq-markdown-h4-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-h5-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h5-size-margin-top: var(--kbq-size-xxl);--kbq-markdown-h5-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-h6-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h6-size-margin-top: var(--kbq-size-xxl);--kbq-markdown-h6-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-p-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-p-size-margin-top: var(--kbq-size-m);--kbq-markdown-p-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-list-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-list-size-margin-top: var(--kbq-size-m);--kbq-markdown-list-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-list-size-margin-top-after-paragraph: calc(-1 * var(--kbq-size-s));--kbq-markdown-list-size-ol-number-padding-right: var(--kbq-size-xxs);--kbq-markdown-list-size-ul-padding: 0 0 0 var(--kbq-size-xxl);--kbq-markdown-list-size-item-margin-bottom: var(--kbq-size-s);--kbq-markdown-blockquote-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-blockquote-size-margin-top: var(--kbq-size-xl);--kbq-markdown-blockquote-size-margin-bottom: var(--kbq-size-xxl);--kbq-markdown-blockquote-size-padding: var(--kbq-size-m) var(--kbq-size-l);--kbq-markdown-blockquote-size-line-width: var(--kbq-size-xxs);--kbq-markdown-blockquote-size-border-radius: 0;--kbq-markdown-blockquote-size-border-width: 0;--kbq-markdown-code-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-code-size-multiline-margin-top: var(--kbq-size-s);--kbq-markdown-code-size-multiline-margin-bottom: var(--kbq-size-xxl);--kbq-markdown-code-size-inline-padding: 0 var(--kbq-size-xxs);--kbq-markdown-code-size-multiline-padding: 14px var(--kbq-size-xl);--kbq-markdown-code-size-border-radius: var(--kbq-size-border-radius);--kbq-markdown-code-size-border-width: var(--kbq-size-border-width);--kbq-markdown-link-size-icon-margin: var(--kbq-link-size-normal-content-padding, var(--kbq-size-xxs));--kbq-markdown-link-size-state-focused-outline-offset: var(--kbq-link-size-state-focused-outline-offset);--kbq-markdown-link-size-state-focused-outline-width: var(--kbq-link-size-state-focused-outline-width);--kbq-markdown-image-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-image-size-margin-top: var(--kbq-size-s);--kbq-markdown-image-size-margin-bottom: var(--kbq-size-s);--kbq-markdown-image-size-caption-margin-top: calc(-1 * var(--kbq-size-s));--kbq-markdown-image-size-caption-margin-bottom: var(--kbq-size-xxl);--kbq-markdown-hr-size-width: 1px;--kbq-markdown-hr-size-margin-vertical: var(--kbq-size-l);--kbq-markdown-table-size-border-width: var(--kbq-size-border-width);--kbq-markdown-table-size-padding: var(--kbq-size-s);--kbq-markdown-table-size-margin-bottom: var(--kbq-size-l);--kbq-markdown-size-max-width: 650px}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-markdown-h1-color: var(--kbq-foreground-contrast);--kbq-markdown-h2-color: var(--kbq-foreground-contrast);--kbq-markdown-h3-color: var(--kbq-foreground-contrast);--kbq-markdown-h4-color: var(--kbq-foreground-contrast);--kbq-markdown-h5-color: var(--kbq-foreground-contrast);--kbq-markdown-h6-color: var(--kbq-foreground-contrast);--kbq-markdown-p-color: var(--kbq-foreground-contrast);--kbq-markdown-list-color: var(--kbq-foreground-contrast);--kbq-markdown-blockquote-text: var(--kbq-foreground-contrast);--kbq-markdown-blockquote-line: var(--kbq-foreground-border);--kbq-markdown-blockquote-background: var(--kbq-background-contrast-fade);--kbq-markdown-blockquote-border: transparent;--kbq-markdown-code-text: var(--kbq-foreground-contrast);--kbq-markdown-code-background: var(--kbq-background-background-less-contrast);--kbq-markdown-code-border: var(--kbq-line-contrast-less);--kbq-markdown-link-text: var(--kbq-link-text);--kbq-markdown-link-border-bottom: var(--kbq-link-border-bottom);--kbq-markdown-link-state-visited-text: var(--kbq-link-state-visited-text);--kbq-markdown-link-state-visited-border-bottom: var(--kbq-link-state-visited-border-bottom);--kbq-markdown-link-state-hover-text: var(--kbq-link-state-hover-text);--kbq-markdown-link-state-hover-border-bottom: var(--kbq-link-state-hover-border-bottom);--kbq-markdown-link-state-active: var(--kbq-link-state-active-text);--kbq-markdown-link-state-focused-outline: var(--kbq-link-state-focused-outline);--kbq-markdown-image-caption-text: var(--kbq-foreground-text-less-contrast);--kbq-markdown-hr-color: var(--kbq-line-contrast-less);--kbq-markdown-table-header: var(--kbq-foreground-text-less-contrast);--kbq-markdown-table-body: var(--kbq-foreground-contrast);--kbq-markdown-table-border: var(--kbq-line-contrast-less)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-markdown-h1-color: var(--kbq-foreground-contrast);--kbq-markdown-h2-color: var(--kbq-foreground-contrast);--kbq-markdown-h3-color: var(--kbq-foreground-contrast);--kbq-markdown-h4-color: var(--kbq-foreground-contrast);--kbq-markdown-h5-color: var(--kbq-foreground-contrast);--kbq-markdown-h6-color: var(--kbq-foreground-contrast);--kbq-markdown-p-color: var(--kbq-foreground-contrast);--kbq-markdown-list-color: var(--kbq-foreground-contrast);--kbq-markdown-blockquote-text: var(--kbq-foreground-contrast);--kbq-markdown-blockquote-line: var(--kbq-foreground-border);--kbq-markdown-blockquote-background: var(--kbq-background-contrast-fade);--kbq-markdown-blockquote-border: transparent;--kbq-markdown-code-text: var(--kbq-foreground-contrast);--kbq-markdown-code-background: var(--kbq-background-background-less-contrast);--kbq-markdown-code-border: var(--kbq-line-contrast-less);--kbq-markdown-link-text: var(--kbq-link-text);--kbq-markdown-link-border-bottom: var(--kbq-link-border-bottom);--kbq-markdown-link-state-visited-text: var(--kbq-link-state-visited-text);--kbq-markdown-link-state-visited-border-bottom: var(--kbq-link-state-visited-border-bottom);--kbq-markdown-link-state-hover-text: var(--kbq-link-state-hover-text);--kbq-markdown-link-state-hover-border-bottom: var(--kbq-link-state-hover-border-bottom);--kbq-markdown-link-state-active: var(--kbq-link-state-active-text);--kbq-markdown-link-state-focused-outline: var(--kbq-link-state-focused-outline);--kbq-markdown-image-caption-text: var(--kbq-foreground-text-less-contrast);--kbq-markdown-hr-color: var(--kbq-line-contrast-less);--kbq-markdown-table-header: var(--kbq-foreground-text-less-contrast);--kbq-markdown-table-body: var(--kbq-foreground-contrast);--kbq-markdown-table-border: var(--kbq-line-contrast-less)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
45
54
|
}
|
|
46
55
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqMarkdown, decorators: [{
|
|
47
56
|
type: Component,
|
|
48
|
-
args: [{ selector: 'kbq-markdown', template: `
|
|
57
|
+
args: [{ standalone: true, selector: 'kbq-markdown', template: `
|
|
49
58
|
<pre
|
|
50
59
|
class="markdown-input"
|
|
51
60
|
#contentWrapper
|
|
@@ -57,11 +66,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
|
|
|
57
66
|
></div>
|
|
58
67
|
`, host: {
|
|
59
68
|
class: 'kbq-markdown'
|
|
60
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["@charset \"UTF-8\";.kbq-markdown{display:block}.kbq-markdown .markdown-input{display:none}.kbq-markdown .markdown-output{flex:1}.kbq-markdown .kbq-markdown__h1{margin-top:var(--kbq-markdown-h1-size-margin-top);margin-bottom:var(--kbq-markdown-h1-size-margin-bottom)}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__h2{margin-top:var(--kbq-markdown-h2-size-margin-top);margin-bottom:var(--kbq-markdown-h2-size-margin-bottom)}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__h3{margin-top:var(--kbq-markdown-h3-size-margin-top);margin-bottom:var(--kbq-markdown-h3-size-margin-bottom)}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__h4{margin-top:var(--kbq-markdown-h4-size-margin-top);margin-bottom:var(--kbq-markdown-h4-size-margin-bottom)}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__h5{margin-top:var(--kbq-markdown-h5-size-margin-top);margin-bottom:var(--kbq-markdown-h5-size-margin-bottom)}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__h6{margin-top:var(--kbq-markdown-h6-size-margin-top);margin-bottom:var(--kbq-markdown-h6-size-margin-bottom)}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__a{display:inline-block;text-decoration:none;cursor:pointer;border-bottom-style:solid;border-bottom-width:1px;transition:color ease-out .3s}.kbq-markdown .kbq-markdown__p{margin-top:var(--kbq-markdown-p-size-margin-top);margin-bottom:var(--kbq-markdown-p-size-margin-bottom)}.kbq-markdown .kbq-markdown__ul,.kbq-markdown .kbq-markdown__ol{margin-top:var(--kbq-markdown-list-size-margin-top);margin-bottom:var(--kbq-markdown-list-size-margin-bottom)}.kbq-markdown .kbq-markdown__ul>li,.kbq-markdown .kbq-markdown__ol>li{margin-bottom:var(--kbq-markdown-list-size-item-margin-bottom)}.kbq-markdown .kbq-markdown__ul{position:relative;list-style:none;padding:var(--kbq-markdown-list-size-ul-padding)}.kbq-markdown .kbq-markdown__ul>li:before{content:\"\\2014\";display:block;position:absolute;width:24px;text-align:left;left:0}.kbq-markdown .kbq-markdown__ol{list-style:none;padding:0;counter-reset:li}.kbq-markdown .kbq-markdown__ol>li:before{content:counter(li) \".\";counter-increment:li;padding-right:var(--kbq-markdown-list-size-ol-number-padding-right)}.kbq-markdown .kbq-markdown__ol>li>*{display:inline-block}.kbq-markdown .kbq-markdown__p+.kbq-markdown__ul,.kbq-markdown .kbq-markdown__p+.kbq-markdown__ol{margin-top:var(--kbq-markdown-list-size-margin-top-after-paragraph)}.kbq-markdown .kbq-markdown__blockquote{margin-top:var(--kbq-markdown-blockquote-size-margin-top);margin-left:0;margin-bottom:var(--kbq-markdown-blockquote-size-margin-bottom);margin-right:0;border-left-width:var(--kbq-markdown-blockquote-size-line-width);border-left-style:solid;padding:var(--kbq-markdown-blockquote-size-padding)}.kbq-markdown .kbq-markdown__blockquote>.kbq-markdown__p{margin-top:0;margin-bottom:0}.kbq-markdown .kbq-markdown__pre{position:relative;overflow-x:auto;margin-top:var(--kbq-markdown-code-size-multiline-margin-top);margin-bottom:var(--kbq-markdown-code-size-multiline-margin-bottom);padding:var(--kbq-markdown-code-size-multiline-padding)}.kbq-markdown .kbq-markdown__pre,.kbq-markdown .kbq-markdown__p>.kbq-markdown__code{border-radius:var(--kbq-markdown-code-size-border-radius);border-width:var(--kbq-markdown-code-size-border-width);border-style:solid}.kbq-markdown .kbq-markdown__p>.kbq-markdown__code{padding:var(--kbq-markdown-code-size-inline-padding)}.kbq-markdown .kbq-markdown__img{max-width:100%;margin-top:var(--kbq-markdown-image-size-margin-top);margin-bottom:var(--kbq-markdown-image-size-margin-bottom)}.kbq-markdown .kbq-markdown__img+em{display:block;margin-top:var(--kbq-markdown-image-size-caption-margin-top);margin-bottom:var(--kbq-markdown-image-size-caption-margin-bottom)}.kbq-markdown .kbq-markdown__hr{border-top:none;border-left:none;border-right:none;border-bottom-style:solid;border-bottom-width:var(--kbq-markdown-hr-size-width);margin:var(--kbq-markdown-hr-size-margin-vertical) 0}.kbq-markdown .kbq-markdown__table{max-width:100%;overflow-x:auto;display:table;border-collapse:collapse;margin-bottom:var(--kbq-markdown-table-size-margin-bottom)}.kbq-markdown .kbq-markdown__table td{vertical-align:top}.kbq-markdown .kbq-markdown__table th,.kbq-markdown .kbq-markdown__table td{padding:var(--kbq-markdown-table-size-padding);font-weight:400}.kbq-markdown .kbq-markdown__table>.kbq-markdown__thead{border-bottom-style:solid;border-bottom-width:var(--kbq-markdown-table-size-border-width);text-align:left}.kbq-markdown .kbq-markdown__table>.kbq-markdown__thead th:first-child{padding-left:0}.kbq-markdown .kbq-markdown__table>.kbq-markdown__thead th:last-child{padding-right:0}.kbq-markdown .kbq-markdown__table>.kbq-markdown__tbody td:first-child{padding-left:0}.kbq-markdown .kbq-markdown__table>.kbq-markdown__tbody td:last-child{padding-right:0}.docs-live-example.kbq-markdown{margin-bottom:128px}\n", ".kbq-markdown{--kbq-markdown-h1-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h1-size-margin-top: 0;--kbq-markdown-h1-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-h1-font-default-font-size: var(--kbq-md-typography-md-h1-font-size);--kbq-markdown-h1-font-default-line-height: var(--kbq-md-typography-md-h1-line-height);--kbq-markdown-h1-font-default-letter-spacing: var(--kbq-md-typography-md-h1-letter-spacing);--kbq-markdown-h1-font-default-font-weight: var(--kbq-md-typography-md-h1-font-weight);--kbq-markdown-h1-font-default-font-family: var(--kbq-md-typography-md-h1-font-family);--kbq-markdown-h1-font-default-text-transform: var(--kbq-md-typography-md-h1-text-transform);--kbq-markdown-h1-font-default-font-feature-settings: var(--kbq-md-typography-md-h1-font-feature-settings);--kbq-markdown-h2-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h2-size-margin-top: var(--kbq-size-3xl);--kbq-markdown-h2-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-h2-font-default-font-size: var(--kbq-md-typography-md-h2-font-size);--kbq-markdown-h2-font-default-line-height: var(--kbq-md-typography-md-h2-line-height);--kbq-markdown-h2-font-default-letter-spacing: var(--kbq-md-typography-md-h2-letter-spacing);--kbq-markdown-h2-font-default-font-weight: var(--kbq-md-typography-md-h2-font-weight);--kbq-markdown-h2-font-default-font-family: var(--kbq-md-typography-md-h2-font-family);--kbq-markdown-h2-font-default-text-transform: var(--kbq-md-typography-md-h2-text-transform);--kbq-markdown-h2-font-default-font-feature-settings: var(--kbq-md-typography-md-h2-font-feature-settings);--kbq-markdown-h3-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h3-size-margin-top: 28px;--kbq-markdown-h3-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-h3-font-default-font-size: var(--kbq-md-typography-md-h3-font-size);--kbq-markdown-h3-font-default-line-height: var(--kbq-md-typography-md-h3-line-height);--kbq-markdown-h3-font-default-letter-spacing: var(--kbq-md-typography-md-h3-letter-spacing);--kbq-markdown-h3-font-default-font-weight: var(--kbq-md-typography-md-h3-font-weight);--kbq-markdown-h3-font-default-font-family: var(--kbq-md-typography-md-h3-font-family);--kbq-markdown-h3-font-default-text-transform: var(--kbq-md-typography-md-h3-text-transform);--kbq-markdown-h3-font-default-font-feature-settings: var(--kbq-md-typography-md-h3-font-feature-settings);--kbq-markdown-h4-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h4-size-margin-top: var(--kbq-size-xxl);--kbq-markdown-h4-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-h4-font-default-font-size: var(--kbq-md-typography-md-h4-font-size);--kbq-markdown-h4-font-default-line-height: var(--kbq-md-typography-md-h4-line-height);--kbq-markdown-h4-font-default-letter-spacing: var(--kbq-md-typography-md-h4-letter-spacing);--kbq-markdown-h4-font-default-font-weight: var(--kbq-md-typography-md-h4-font-weight);--kbq-markdown-h4-font-default-font-family: var(--kbq-md-typography-md-h4-font-family);--kbq-markdown-h4-font-default-text-transform: var(--kbq-md-typography-md-h4-text-transform);--kbq-markdown-h4-font-default-font-feature-settings: var(--kbq-md-typography-md-h4-font-feature-settings);--kbq-markdown-h5-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h5-size-margin-top: var(--kbq-size-xxl);--kbq-markdown-h5-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-h5-font-default-font-size: var(--kbq-md-typography-md-h5-font-size);--kbq-markdown-h5-font-default-line-height: var(--kbq-md-typography-md-h5-line-height);--kbq-markdown-h5-font-default-letter-spacing: var(--kbq-md-typography-md-h5-letter-spacing);--kbq-markdown-h5-font-default-font-weight: var(--kbq-md-typography-md-h5-font-weight);--kbq-markdown-h5-font-default-font-family: var(--kbq-md-typography-md-h5-font-family);--kbq-markdown-h5-font-default-text-transform: var(--kbq-md-typography-md-h5-text-transform);--kbq-markdown-h5-font-default-font-feature-settings: var(--kbq-md-typography-md-h5-font-feature-settings);--kbq-markdown-h6-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h6-size-margin-top: var(--kbq-size-xxl);--kbq-markdown-h6-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-h6-font-default-font-size: var(--kbq-md-typography-md-h6-font-size);--kbq-markdown-h6-font-default-line-height: var(--kbq-md-typography-md-h6-line-height);--kbq-markdown-h6-font-default-letter-spacing: var(--kbq-md-typography-md-h6-letter-spacing);--kbq-markdown-h6-font-default-font-weight: var(--kbq-md-typography-md-h6-font-weight);--kbq-markdown-h6-font-default-font-family: var(--kbq-md-typography-md-h6-font-family);--kbq-markdown-h6-font-default-text-transform: var(--kbq-md-typography-md-h6-text-transform);--kbq-markdown-h6-font-default-font-feature-settings: var(--kbq-md-typography-md-h6-font-feature-settings);--kbq-markdown-p-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-p-size-margin-top: var(--kbq-size-m);--kbq-markdown-p-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-p-font-default-font-size: var(--kbq-md-typography-md-body-font-size);--kbq-markdown-p-font-default-line-height: var(--kbq-md-typography-md-body-line-height);--kbq-markdown-p-font-default-letter-spacing: var(--kbq-md-typography-md-body-letter-spacing);--kbq-markdown-p-font-default-font-weight: var(--kbq-md-typography-md-body-font-weight);--kbq-markdown-p-font-default-font-family: var(--kbq-md-typography-md-body-font-family);--kbq-markdown-p-font-default-text-transform: var(--kbq-md-typography-md-body-text-transform);--kbq-markdown-p-font-default-font-feature-settings: var(--kbq-md-typography-md-body-font-feature-settings);--kbq-markdown-list-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-list-size-margin-top: var(--kbq-size-m);--kbq-markdown-list-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-list-size-margin-top-after-paragraph: -var(--kbq-size-s);--kbq-markdown-list-size-ol-number-padding-right: var(--kbq-size-xxs);--kbq-markdown-list-size-ul-padding: 0 0 0 var(--kbq-size-xxl);--kbq-markdown-list-size-item-margin-bottom: var(--kbq-size-s);--kbq-markdown-list-font-default-font-size: var(--kbq-md-typography-md-body-font-size);--kbq-markdown-list-font-default-line-height: var(--kbq-md-typography-md-body-line-height);--kbq-markdown-list-font-default-letter-spacing: var(--kbq-md-typography-md-body-letter-spacing);--kbq-markdown-list-font-default-font-weight: var(--kbq-md-typography-md-body-font-weight);--kbq-markdown-list-font-default-font-family: var(--kbq-md-typography-md-body-font-family);--kbq-markdown-list-font-default-text-transform: var(--kbq-md-typography-md-body-text-transform);--kbq-markdown-list-font-default-font-feature-settings: var(--kbq-md-typography-md-body-font-feature-settings);--kbq-markdown-blockquote-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-blockquote-size-margin-top: var(--kbq-size-xl);--kbq-markdown-blockquote-size-margin-bottom: var(--kbq-size-xxl);--kbq-markdown-blockquote-size-padding: var(--kbq-size-m) var(--kbq-size-l);--kbq-markdown-blockquote-size-line-width: var(--kbq-size-xxs);--kbq-markdown-blockquote-size-border-radius: 0;--kbq-markdown-blockquote-size-border-width: 0;--kbq-markdown-blockquote-font-default-font-size: var(--kbq-md-typography-md-body-font-size);--kbq-markdown-blockquote-font-default-line-height: var(--kbq-md-typography-md-body-line-height);--kbq-markdown-blockquote-font-default-letter-spacing: var(--kbq-md-typography-md-body-letter-spacing);--kbq-markdown-blockquote-font-default-font-weight: var(--kbq-md-typography-md-body-font-weight);--kbq-markdown-blockquote-font-default-font-family: var(--kbq-md-typography-md-body-font-family);--kbq-markdown-blockquote-font-default-text-transform: var(--kbq-md-typography-md-body-text-transform);--kbq-markdown-blockquote-font-default-font-feature-settings: var( --kbq-md-typography-md-body-font-feature-settings );--kbq-markdown-code-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-code-size-multiline-margin-top: var(--kbq-size-s);--kbq-markdown-code-size-multiline-margin-bottom: var(--kbq-size-xxl);--kbq-markdown-code-size-inline-padding: 0 var(--kbq-size-xxs);--kbq-markdown-code-size-multiline-padding: 14px var(--kbq-size-xl);--kbq-markdown-code-size-border-radius: var(--kbq-size-border-radius);--kbq-markdown-code-size-border-width: var(--kbq-size-border-width);--kbq-markdown-code-font-default-font-size: var(--kbq-md-typography-md-body-mono-font-size);--kbq-markdown-code-font-default-line-height: var(--kbq-md-typography-md-body-mono-line-height);--kbq-markdown-code-font-default-letter-spacing: var(--kbq-md-typography-md-body-mono-letter-spacing);--kbq-markdown-code-font-default-font-weight: var(--kbq-md-typography-md-body-mono-font-weight);--kbq-markdown-code-font-default-font-family: var(--kbq-md-typography-md-body-mono-font-family);--kbq-markdown-code-font-default-text-transform: var(--kbq-md-typography-md-body-mono-text-transform);--kbq-markdown-code-font-default-font-feature-settings: var(--kbq-md-typography-md-body-mono-font-feature-settings);--kbq-markdown-link-size-icon-margin: var(--kbq-link-size-normal-content-padding);--kbq-markdown-link-size-state-focused-outline-offset: var(--kbq-link-size-state-focused-outline-offset);--kbq-markdown-link-size-state-focused-outline-width: var(--kbq-link-size-state-focused-outline-width);--kbq-markdown-link-font-default-font-size: var(--kbq-md-typography-md-body-font-size);--kbq-markdown-link-font-default-line-height: var(--kbq-md-typography-md-body-line-height);--kbq-markdown-link-font-default-letter-spacing: var(--kbq-md-typography-md-body-letter-spacing);--kbq-markdown-link-font-default-font-weight: var(--kbq-md-typography-md-body-font-weight);--kbq-markdown-link-font-default-font-family: var(--kbq-md-typography-md-body-font-family);--kbq-markdown-link-font-default-text-transform: var(--kbq-md-typography-md-body-text-transform);--kbq-markdown-link-font-default-font-feature-settings: var(--kbq-md-typography-md-body-font-feature-settings);--kbq-markdown-image-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-image-size-margin-top: var(--kbq-size-s);--kbq-markdown-image-size-margin-bottom: var(--kbq-size-s);--kbq-markdown-image-size-caption-margin-top: -var(--kbq-size-s);--kbq-markdown-image-size-caption-margin-bottom: var(--kbq-size-xxl);--kbq-markdown-image-font-caption-font-size: var(--kbq-md-typography-md-caption-font-size);--kbq-markdown-image-font-caption-line-height: var(--kbq-md-typography-md-caption-line-height);--kbq-markdown-image-font-caption-letter-spacing: var(--kbq-md-typography-md-caption-letter-spacing);--kbq-markdown-image-font-caption-font-weight: var(--kbq-md-typography-md-caption-font-weight);--kbq-markdown-image-font-caption-font-family: var(--kbq-md-typography-md-caption-font-family);--kbq-markdown-image-font-caption-text-transform: var(--kbq-md-typography-md-caption-text-transform);--kbq-markdown-image-font-caption-font-feature-settings: var(--kbq-md-typography-md-caption-font-feature-settings);--kbq-markdown-hr-size-width: 1px;--kbq-markdown-hr-size-margin-vertical: var(--kbq-size-l);--kbq-markdown-table-size-border-width: var(--kbq-size-border-width);--kbq-markdown-table-size-padding: var(--kbq-size-s);--kbq-markdown-table-size-margin-bottom: var(--kbq-size-l);--kbq-markdown-table-font-header-font-size: var(--kbq-md-typography-md-table-header-font-size);--kbq-markdown-table-font-header-line-height: var(--kbq-md-typography-md-table-header-line-height);--kbq-markdown-table-font-header-letter-spacing: var(--kbq-md-typography-md-table-header-letter-spacing);--kbq-markdown-table-font-header-font-weight: var(--kbq-md-typography-md-table-header-font-weight);--kbq-markdown-table-font-header-font-family: var(--kbq-md-typography-md-table-header-font-family);--kbq-markdown-table-font-header-text-transform: var(--kbq-md-typography-md-table-header-text-transform);--kbq-markdown-table-font-header-font-feature-settings: var( --kbq-md-typography-md-table-header-font-feature-settings );--kbq-markdown-table-font-body-font-size: var(--kbq-md-typography-md-table-cell-font-size);--kbq-markdown-table-font-body-line-height: var(--kbq-md-typography-md-table-cell-line-height);--kbq-markdown-table-font-body-letter-spacing: var(--kbq-md-typography-md-table-cell-letter-spacing);--kbq-markdown-table-font-body-font-weight: var(--kbq-md-typography-md-table-cell-font-weight);--kbq-markdown-table-font-body-font-family: var(--kbq-md-typography-md-table-cell-font-family);--kbq-markdown-table-font-body-text-transform: var(--kbq-md-typography-md-table-cell-text-transform);--kbq-markdown-table-font-body-font-feature-settings: var(--kbq-md-typography-md-table-cell-font-feature-settings);--kbq-markdown-size-max-width: 650px;--kbq-markdown-font-default-font-size: var(--kbq-md-typography-md-body-font-size);--kbq-markdown-font-default-line-height: var(--kbq-md-typography-md-body-line-height);--kbq-markdown-font-default-letter-spacing: var(--kbq-md-typography-md-body-letter-spacing);--kbq-markdown-font-default-font-weight: var(--kbq-md-typography-md-body-font-weight);--kbq-markdown-font-default-font-family: var(--kbq-md-typography-md-body-font-family);--kbq-markdown-font-default-text-transform: var(--kbq-md-typography-md-body-text-transform);--kbq-markdown-font-default-font-feature-settings: var(--kbq-md-typography-md-body-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-markdown-h1-color: var(--kbq-foreground-contrast);--kbq-markdown-h2-color: var(--kbq-foreground-contrast);--kbq-markdown-h3-color: var(--kbq-foreground-contrast);--kbq-markdown-h4-color: var(--kbq-foreground-contrast);--kbq-markdown-h5-color: var(--kbq-foreground-contrast);--kbq-markdown-h6-color: var(--kbq-foreground-contrast);--kbq-markdown-p-color: var(--kbq-foreground-contrast);--kbq-markdown-list-color: var(--kbq-foreground-contrast);--kbq-markdown-blockquote-text: var(--kbq-foreground-contrast);--kbq-markdown-blockquote-line: var(--kbq-foreground-border);--kbq-markdown-blockquote-background: var(--kbq-background-contrast-fade);--kbq-markdown-blockquote-border: transparent;--kbq-markdown-code-text: var(--kbq-foreground-contrast);--kbq-markdown-code-background: var(--kbq-background-background-less-contrast);--kbq-markdown-code-border: var(--kbq-line-contrast-less);--kbq-markdown-link-text: var(--kbq-link-text);--kbq-markdown-link-border-bottom: var(--kbq-link-border-bottom);--kbq-markdown-link-state-visited-text: var(--kbq-link-state-visited-text);--kbq-markdown-link-state-visited-border-bottom: var(--kbq-link-state-visited-border-bottom);--kbq-markdown-link-state-hover-text: var(--kbq-link-state-hover-text);--kbq-markdown-link-state-hover-border-bottom: var(--kbq-link-state-hover-border-bottom);--kbq-markdown-link-state-active: var(--kbq-link-state-active-text);--kbq-markdown-link-state-focused-outline: var(--kbq-link-state-focused-outline);--kbq-markdown-image-caption-text: var(--kbq-foreground-text-less-contrast);--kbq-markdown-hr-color: var(--kbq-line-contrast-less);--kbq-markdown-table-header: var(--kbq-foreground-text-less-contrast);--kbq-markdown-table-body: var(--kbq-foreground-contrast);--kbq-markdown-table-border: var(--kbq-line-contrast-less)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-markdown-h1-color: var(--kbq-foreground-contrast);--kbq-markdown-h2-color: var(--kbq-foreground-contrast);--kbq-markdown-h3-color: var(--kbq-foreground-contrast);--kbq-markdown-h4-color: var(--kbq-foreground-contrast);--kbq-markdown-h5-color: var(--kbq-foreground-contrast);--kbq-markdown-h6-color: var(--kbq-foreground-contrast);--kbq-markdown-p-color: var(--kbq-foreground-contrast);--kbq-markdown-list-color: var(--kbq-foreground-contrast);--kbq-markdown-blockquote-text: var(--kbq-foreground-contrast);--kbq-markdown-blockquote-line: var(--kbq-foreground-border);--kbq-markdown-blockquote-background: var(--kbq-background-contrast-fade);--kbq-markdown-blockquote-border: transparent;--kbq-markdown-code-text: var(--kbq-foreground-contrast);--kbq-markdown-code-background: var(--kbq-background-background-less-contrast);--kbq-markdown-code-border: var(--kbq-line-contrast-less);--kbq-markdown-link-text: var(--kbq-link-text);--kbq-markdown-link-border-bottom: var(--kbq-link-border-bottom);--kbq-markdown-link-state-visited-text: var(--kbq-link-state-visited-text);--kbq-markdown-link-state-visited-border-bottom: var(--kbq-link-state-visited-border-bottom);--kbq-markdown-link-state-hover-text: var(--kbq-link-state-hover-text);--kbq-markdown-link-state-hover-border-bottom: var(--kbq-link-state-hover-border-bottom);--kbq-markdown-link-state-active: var(--kbq-link-state-active-text);--kbq-markdown-link-state-focused-outline: var(--kbq-link-state-focused-outline);--kbq-markdown-image-caption-text: var(--kbq-foreground-text-less-contrast);--kbq-markdown-hr-color: var(--kbq-line-contrast-less);--kbq-markdown-table-header: var(--kbq-foreground-text-less-contrast);--kbq-markdown-table-body: var(--kbq-foreground-contrast);--kbq-markdown-table-border: var(--kbq-line-contrast-less)}\n"] }]
|
|
61
|
-
}], ctorParameters: () => [{ type: i1.KbqMarkdownService }, { type:
|
|
69
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["@charset \"UTF-8\";.kbq-markdown{display:block}.kbq-markdown .markdown-input{display:none}.kbq-markdown .markdown-output{flex:1}.kbq-markdown .kbq-markdown__h1{margin-top:var(--kbq-markdown-h1-size-margin-top);margin-bottom:var(--kbq-markdown-h1-size-margin-bottom)}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h1+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__h2{margin-top:var(--kbq-markdown-h2-size-margin-top);margin-bottom:var(--kbq-markdown-h2-size-margin-bottom)}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h2+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__h3{margin-top:var(--kbq-markdown-h3-size-margin-top);margin-bottom:var(--kbq-markdown-h3-size-margin-bottom)}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h3+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__h4{margin-top:var(--kbq-markdown-h4-size-margin-top);margin-bottom:var(--kbq-markdown-h4-size-margin-bottom)}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h4+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__h5{margin-top:var(--kbq-markdown-h5-size-margin-top);margin-bottom:var(--kbq-markdown-h5-size-margin-bottom)}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h5+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__h6{margin-top:var(--kbq-markdown-h6-size-margin-top);margin-bottom:var(--kbq-markdown-h6-size-margin-bottom)}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h1{margin-top:0}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h2{margin-top:0}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h3{margin-top:0}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h4{margin-top:0}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h5{margin-top:0}.kbq-markdown .kbq-markdown__h6+.kbq-markdown__h6{margin-top:0}.kbq-markdown .kbq-markdown__a{display:inline-block;text-decoration:none;cursor:pointer;border-bottom-style:solid;border-bottom-width:1px;transition:color ease-out .3s}.kbq-markdown .kbq-markdown__p{margin-top:var(--kbq-markdown-p-size-margin-top);margin-bottom:var(--kbq-markdown-p-size-margin-bottom)}.kbq-markdown .kbq-markdown__ul,.kbq-markdown .kbq-markdown__ol{margin-top:var(--kbq-markdown-list-size-margin-top);margin-bottom:var(--kbq-markdown-list-size-margin-bottom)}.kbq-markdown .kbq-markdown__ul>li,.kbq-markdown .kbq-markdown__ol>li{margin-bottom:var(--kbq-markdown-list-size-item-margin-bottom)}.kbq-markdown .kbq-markdown__ul{position:relative;list-style:none;padding:var(--kbq-markdown-list-size-ul-padding)}.kbq-markdown .kbq-markdown__ul>li:before{content:\"\\2014\";display:block;position:absolute;width:24px;text-align:left;left:0}.kbq-markdown .kbq-markdown__ol{list-style:none;padding:0;counter-reset:li}.kbq-markdown .kbq-markdown__ol>li:before{content:counter(li) \".\";counter-increment:li;padding-right:var(--kbq-markdown-list-size-ol-number-padding-right)}.kbq-markdown .kbq-markdown__ol>li>*{display:inline-block}.kbq-markdown .kbq-markdown__p+.kbq-markdown__ul,.kbq-markdown .kbq-markdown__p+.kbq-markdown__ol{margin-top:var(--kbq-markdown-list-size-margin-top-after-paragraph)}.kbq-markdown .kbq-markdown__blockquote{margin-top:var(--kbq-markdown-blockquote-size-margin-top);margin-left:0;margin-bottom:var(--kbq-markdown-blockquote-size-margin-bottom);margin-right:0;border-left-width:var(--kbq-markdown-blockquote-size-line-width);border-left-style:solid;padding:var(--kbq-markdown-blockquote-size-padding)}.kbq-markdown .kbq-markdown__blockquote>.kbq-markdown__p{margin-top:0;margin-bottom:0}.kbq-markdown .kbq-markdown__pre{position:relative;overflow-x:auto;margin-top:var(--kbq-markdown-code-size-multiline-margin-top);margin-bottom:var(--kbq-markdown-code-size-multiline-margin-bottom);padding:var(--kbq-markdown-code-size-multiline-padding)}.kbq-markdown .kbq-markdown__pre,.kbq-markdown .kbq-markdown__p>.kbq-markdown__code{border-radius:var(--kbq-markdown-code-size-border-radius);border-width:var(--kbq-markdown-code-size-border-width);border-style:solid}.kbq-markdown .kbq-markdown__p>.kbq-markdown__code{padding:var(--kbq-markdown-code-size-inline-padding)}.kbq-markdown .kbq-markdown__img{max-width:100%;margin-top:var(--kbq-markdown-image-size-margin-top);margin-bottom:var(--kbq-markdown-image-size-margin-bottom)}.kbq-markdown .kbq-markdown__img+em{display:block;margin-top:var(--kbq-markdown-image-size-caption-margin-top);margin-bottom:var(--kbq-markdown-image-size-caption-margin-bottom)}.kbq-markdown .kbq-markdown__hr{border-top:none;border-left:none;border-right:none;border-bottom-style:solid;border-bottom-width:var(--kbq-markdown-hr-size-width);margin:var(--kbq-markdown-hr-size-margin-vertical) 0}.kbq-markdown .kbq-markdown__table{max-width:100%;overflow-x:auto;display:table;border-collapse:collapse;margin-bottom:var(--kbq-markdown-table-size-margin-bottom)}.kbq-markdown .kbq-markdown__table td{vertical-align:top}.kbq-markdown .kbq-markdown__table th,.kbq-markdown .kbq-markdown__table td{padding:var(--kbq-markdown-table-size-padding);font-weight:400}.kbq-markdown .kbq-markdown__table>.kbq-markdown__thead{border-bottom-style:solid;border-bottom-width:var(--kbq-markdown-table-size-border-width);text-align:left}.kbq-markdown .kbq-markdown__table>.kbq-markdown__thead th:first-child{padding-left:0}.kbq-markdown .kbq-markdown__table>.kbq-markdown__thead th:last-child{padding-right:0}.kbq-markdown .kbq-markdown__table>.kbq-markdown__tbody td:first-child{padding-left:0}.kbq-markdown .kbq-markdown__table>.kbq-markdown__tbody td:last-child{padding-right:0}.docs-live-example.kbq-markdown{margin-bottom:128px}\n", ".kbq-markdown{--kbq-markdown-h1-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h1-size-margin-top: 0;--kbq-markdown-h1-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-h2-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h2-size-margin-top: var(--kbq-size-3xl);--kbq-markdown-h2-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-h3-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h3-size-margin-top: 28px;--kbq-markdown-h3-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-h4-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h4-size-margin-top: var(--kbq-size-xxl);--kbq-markdown-h4-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-h5-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h5-size-margin-top: var(--kbq-size-xxl);--kbq-markdown-h5-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-h6-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-h6-size-margin-top: var(--kbq-size-xxl);--kbq-markdown-h6-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-p-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-p-size-margin-top: var(--kbq-size-m);--kbq-markdown-p-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-list-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-list-size-margin-top: var(--kbq-size-m);--kbq-markdown-list-size-margin-bottom: var(--kbq-size-m);--kbq-markdown-list-size-margin-top-after-paragraph: calc(-1 * var(--kbq-size-s));--kbq-markdown-list-size-ol-number-padding-right: var(--kbq-size-xxs);--kbq-markdown-list-size-ul-padding: 0 0 0 var(--kbq-size-xxl);--kbq-markdown-list-size-item-margin-bottom: var(--kbq-size-s);--kbq-markdown-blockquote-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-blockquote-size-margin-top: var(--kbq-size-xl);--kbq-markdown-blockquote-size-margin-bottom: var(--kbq-size-xxl);--kbq-markdown-blockquote-size-padding: var(--kbq-size-m) var(--kbq-size-l);--kbq-markdown-blockquote-size-line-width: var(--kbq-size-xxs);--kbq-markdown-blockquote-size-border-radius: 0;--kbq-markdown-blockquote-size-border-width: 0;--kbq-markdown-code-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-code-size-multiline-margin-top: var(--kbq-size-s);--kbq-markdown-code-size-multiline-margin-bottom: var(--kbq-size-xxl);--kbq-markdown-code-size-inline-padding: 0 var(--kbq-size-xxs);--kbq-markdown-code-size-multiline-padding: 14px var(--kbq-size-xl);--kbq-markdown-code-size-border-radius: var(--kbq-size-border-radius);--kbq-markdown-code-size-border-width: var(--kbq-size-border-width);--kbq-markdown-link-size-icon-margin: var(--kbq-link-size-normal-content-padding, var(--kbq-size-xxs));--kbq-markdown-link-size-state-focused-outline-offset: var(--kbq-link-size-state-focused-outline-offset);--kbq-markdown-link-size-state-focused-outline-width: var(--kbq-link-size-state-focused-outline-width);--kbq-markdown-image-size-max-width: var(--kbq-markdown-size-max-width);--kbq-markdown-image-size-margin-top: var(--kbq-size-s);--kbq-markdown-image-size-margin-bottom: var(--kbq-size-s);--kbq-markdown-image-size-caption-margin-top: calc(-1 * var(--kbq-size-s));--kbq-markdown-image-size-caption-margin-bottom: var(--kbq-size-xxl);--kbq-markdown-hr-size-width: 1px;--kbq-markdown-hr-size-margin-vertical: var(--kbq-size-l);--kbq-markdown-table-size-border-width: var(--kbq-size-border-width);--kbq-markdown-table-size-padding: var(--kbq-size-s);--kbq-markdown-table-size-margin-bottom: var(--kbq-size-l);--kbq-markdown-size-max-width: 650px}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-markdown-h1-color: var(--kbq-foreground-contrast);--kbq-markdown-h2-color: var(--kbq-foreground-contrast);--kbq-markdown-h3-color: var(--kbq-foreground-contrast);--kbq-markdown-h4-color: var(--kbq-foreground-contrast);--kbq-markdown-h5-color: var(--kbq-foreground-contrast);--kbq-markdown-h6-color: var(--kbq-foreground-contrast);--kbq-markdown-p-color: var(--kbq-foreground-contrast);--kbq-markdown-list-color: var(--kbq-foreground-contrast);--kbq-markdown-blockquote-text: var(--kbq-foreground-contrast);--kbq-markdown-blockquote-line: var(--kbq-foreground-border);--kbq-markdown-blockquote-background: var(--kbq-background-contrast-fade);--kbq-markdown-blockquote-border: transparent;--kbq-markdown-code-text: var(--kbq-foreground-contrast);--kbq-markdown-code-background: var(--kbq-background-background-less-contrast);--kbq-markdown-code-border: var(--kbq-line-contrast-less);--kbq-markdown-link-text: var(--kbq-link-text);--kbq-markdown-link-border-bottom: var(--kbq-link-border-bottom);--kbq-markdown-link-state-visited-text: var(--kbq-link-state-visited-text);--kbq-markdown-link-state-visited-border-bottom: var(--kbq-link-state-visited-border-bottom);--kbq-markdown-link-state-hover-text: var(--kbq-link-state-hover-text);--kbq-markdown-link-state-hover-border-bottom: var(--kbq-link-state-hover-border-bottom);--kbq-markdown-link-state-active: var(--kbq-link-state-active-text);--kbq-markdown-link-state-focused-outline: var(--kbq-link-state-focused-outline);--kbq-markdown-image-caption-text: var(--kbq-foreground-text-less-contrast);--kbq-markdown-hr-color: var(--kbq-line-contrast-less);--kbq-markdown-table-header: var(--kbq-foreground-text-less-contrast);--kbq-markdown-table-body: var(--kbq-foreground-contrast);--kbq-markdown-table-border: var(--kbq-line-contrast-less)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-markdown-h1-color: var(--kbq-foreground-contrast);--kbq-markdown-h2-color: var(--kbq-foreground-contrast);--kbq-markdown-h3-color: var(--kbq-foreground-contrast);--kbq-markdown-h4-color: var(--kbq-foreground-contrast);--kbq-markdown-h5-color: var(--kbq-foreground-contrast);--kbq-markdown-h6-color: var(--kbq-foreground-contrast);--kbq-markdown-p-color: var(--kbq-foreground-contrast);--kbq-markdown-list-color: var(--kbq-foreground-contrast);--kbq-markdown-blockquote-text: var(--kbq-foreground-contrast);--kbq-markdown-blockquote-line: var(--kbq-foreground-border);--kbq-markdown-blockquote-background: var(--kbq-background-contrast-fade);--kbq-markdown-blockquote-border: transparent;--kbq-markdown-code-text: var(--kbq-foreground-contrast);--kbq-markdown-code-background: var(--kbq-background-background-less-contrast);--kbq-markdown-code-border: var(--kbq-line-contrast-less);--kbq-markdown-link-text: var(--kbq-link-text);--kbq-markdown-link-border-bottom: var(--kbq-link-border-bottom);--kbq-markdown-link-state-visited-text: var(--kbq-link-state-visited-text);--kbq-markdown-link-state-visited-border-bottom: var(--kbq-link-state-visited-border-bottom);--kbq-markdown-link-state-hover-text: var(--kbq-link-state-hover-text);--kbq-markdown-link-state-hover-border-bottom: var(--kbq-link-state-hover-border-bottom);--kbq-markdown-link-state-active: var(--kbq-link-state-active-text);--kbq-markdown-link-state-focused-outline: var(--kbq-link-state-focused-outline);--kbq-markdown-image-caption-text: var(--kbq-foreground-text-less-contrast);--kbq-markdown-hr-color: var(--kbq-line-contrast-less);--kbq-markdown-table-header: var(--kbq-foreground-text-less-contrast);--kbq-markdown-table-body: var(--kbq-foreground-contrast);--kbq-markdown-table-border: var(--kbq-line-contrast-less)}\n"] }]
|
|
70
|
+
}], ctorParameters: () => [{ type: i1.KbqMarkdownService }, { type: i0.ChangeDetectorRef }, { type: i2.DomSanitizer }, { type: undefined, decorators: [{
|
|
71
|
+
type: Optional
|
|
72
|
+
}, {
|
|
73
|
+
type: Inject,
|
|
74
|
+
args: [KBQ_MARKDOWN_MARKED_OPTIONS]
|
|
75
|
+
}] }], propDecorators: { contentWrapper: [{
|
|
62
76
|
type: ViewChild,
|
|
63
|
-
args: ['contentWrapper']
|
|
77
|
+
args: ['contentWrapper', { static: true }]
|
|
64
78
|
}], markdownText: [{
|
|
65
79
|
type: Input
|
|
66
80
|
}] } });
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
81
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFya2Rvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9tYXJrZG93bi9tYXJrZG93bi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILGVBQWUsRUFDZix1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsTUFBTSxFQUNOLGNBQWMsRUFDZCxLQUFLLEVBQ0wsUUFBUSxFQUVSLFNBQVMsRUFDVCxpQkFBaUIsRUFDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBWSxNQUFNLDJCQUEyQixDQUFDO0FBRW5FLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7O0FBRXhELDRDQUE0QztBQUM1QyxNQUFNLENBQUMsTUFBTSwyQkFBMkIsR0FBRyxJQUFJLGNBQWMsQ0FBZ0IsNkJBQTZCLENBQUMsQ0FBQztBQUU1RywwREFBMEQ7QUFDMUQsTUFBTSxDQUFDLE1BQU0sZ0NBQWdDLEdBQUcsQ0FBQyxPQUFzQixFQUFZLEVBQUUsQ0FBQyxDQUFDO0lBQ25GLE9BQU8sRUFBRSwyQkFBMkI7SUFDcEMsUUFBUSxFQUFFLE9BQU87Q0FDcEIsQ0FBQyxDQUFDO0FBRUgsK0RBQStEO0FBdUIvRCxNQUFNLE9BQU8sV0FBVztJQUdwQix1QkFBdUI7SUFDdkIsSUFDSSxZQUFZO1FBQ1osT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDO0lBQzlCLENBQUM7SUFFRCxJQUFJLFlBQVksQ0FBQyxLQUFvQjtRQUNqQyxJQUFJLEtBQUssSUFBSSxJQUFJLENBQUMsWUFBWSxLQUFLLEtBQUssRUFBRSxDQUFDO1lBQ3ZDLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNoRCxDQUFDO1FBRUQsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7SUFDL0IsQ0FBQztJQU1ELFlBQ3FCLGVBQW1DLEVBQ25DLEdBQXNCLEVBQy9CLFNBQXVCLEVBQ21DLGFBQXlDO1FBSDFGLG9CQUFlLEdBQWYsZUFBZSxDQUFvQjtRQUNuQyxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUMvQixjQUFTLEdBQVQsU0FBUyxDQUFjO1FBQ21DLGtCQUFhLEdBQWIsYUFBYSxDQUE0QjtRQVJ2RyxrQkFBYSxHQUFrQixJQUFJLENBQUM7UUFVeEMsZUFBZSxDQUFDLEdBQUcsRUFBRTtZQUNqQixJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFLGFBQWEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztnQkFDdkUsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsYUFBYSxDQUFDLFdBQVcsQ0FBQyxDQUFDO2dCQUNyRixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQzdCLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTyxhQUFhLENBQUMsUUFBZ0I7UUFDbEMsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsV0FBVyxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQztJQUNsSCxDQUFDO2lJQXJDUSxXQUFXLGlIQXlCSSwyQkFBMkI7cUhBekIxQyxXQUFXLDRSQWpCVjs7Ozs7Ozs7OztLQVVUOzsyRkFPUSxXQUFXO2tCQXRCdkIsU0FBUztpQ0FDTSxJQUFJLFlBQ04sY0FBYyxZQUdkOzs7Ozs7Ozs7O0tBVVQsUUFDSzt3QkFDRixLQUFLLEVBQUUsY0FBYztxQkFDeEIsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7OzBCQTJCaEMsUUFBUTs7MEJBQUksTUFBTTsyQkFBQywyQkFBMkI7eUNBeEJhLGNBQWM7c0JBQTdFLFNBQVM7dUJBQUMsZ0JBQWdCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUl6QyxZQUFZO3NCQURmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIGFmdGVyTmV4dFJlbmRlcixcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBJbmplY3QsXG4gICAgSW5qZWN0aW9uVG9rZW4sXG4gICAgSW5wdXQsXG4gICAgT3B0aW9uYWwsXG4gICAgUHJvdmlkZXIsXG4gICAgVmlld0NoaWxkLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlSHRtbCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgTWFya2VkT3B0aW9ucyB9IGZyb20gJ21hcmtlZCc7XG5pbXBvcnQgeyBLYnFNYXJrZG93blNlcnZpY2UgfSBmcm9tICcuL21hcmtkb3duLnNlcnZpY2UnO1xuXG4vKiogTGlzdCBvZiBvcHRpb25zIGZvciBgbWFya2VkYCBsaWJyYXJ5LiAqL1xuZXhwb3J0IGNvbnN0IEtCUV9NQVJLRE9XTl9NQVJLRURfT1BUSU9OUyA9IG5ldyBJbmplY3Rpb25Ub2tlbjxNYXJrZWRPcHRpb25zPignS0JRX01BUktET1dOX01BUktFRF9PUFRJT05TJyk7XG5cbi8qKiBVdGlsaXR5IHByb3ZpZGVyIGZvciBgS0JRX01BUktET1dOX01BUktFRF9PUFRJT05TYC4gKi9cbmV4cG9ydCBjb25zdCBrYnFNYXJrZG93bk1hcmtlZE9wdGlvbnNQcm92aWRlciA9IChvcHRpb25zOiBNYXJrZWRPcHRpb25zKTogUHJvdmlkZXIgPT4gKHtcbiAgICBwcm92aWRlOiBLQlFfTUFSS0RPV05fTUFSS0VEX09QVElPTlMsXG4gICAgdXNlVmFsdWU6IG9wdGlvbnNcbn0pO1xuXG4vKiogQ29tcG9uZW50IHdoaWNoIGFsbG93cyB0byBjb252ZXJ0IGBNYXJrZG93bmAgaW50byBgSFRNTGAgKi9cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdrYnEtbWFya2Rvd24nLFxuICAgIHN0eWxlVXJsczogWycuL21hcmtkb3duLnNjc3MnLCAnbWFya2Rvd24tdG9rZW5zLnNjc3MnXSxcbiAgICAvLyBubyBuZWVkIGZvcm1hdCBsaW5lIHdpdGggbmctY29udGVudCBpdCdzIGJyb2tlIHRleHRDb250ZW50IGZvciBtYXJrZG93blNlcnZpY2UucGFyc2VUb0h0bWwoKVxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxwcmVcbiAgICAgICAgICAgIGNsYXNzPVwibWFya2Rvd24taW5wdXRcIlxuICAgICAgICAgICAgI2NvbnRlbnRXcmFwcGVyXG4gICAgICAgICAgICBuZ1ByZXNlcnZlV2hpdGVzcGFjZXNcbiAgICAgICAgPjxuZy1jb250ZW50IC8+PC9wcmU+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzPVwibWFya2Rvd24tb3V0cHV0XCJcbiAgICAgICAgICAgIFtpbm5lckh0bWxdPVwicmVzdWx0SHRtbFwiXG4gICAgICAgID48L2Rpdj5cbiAgICBgLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdrYnEtbWFya2Rvd24nXG4gICAgfSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEticU1hcmtkb3duIHtcbiAgICBAVmlld0NoaWxkKCdjb250ZW50V3JhcHBlcicsIHsgc3RhdGljOiB0cnVlIH0pIHByaXZhdGUgcmVhZG9ubHkgY29udGVudFdyYXBwZXI6IEVsZW1lbnRSZWY7XG5cbiAgICAvKiogYE1hcmtkb3duYCB0ZXh0LiAqL1xuICAgIEBJbnB1dCgpXG4gICAgZ2V0IG1hcmtkb3duVGV4dCgpOiBzdHJpbmcgfCBudWxsIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX21hcmtkb3duVGV4dDtcbiAgICB9XG5cbiAgICBzZXQgbWFya2Rvd25UZXh0KHZhbHVlOiBzdHJpbmcgfCBudWxsKSB7XG4gICAgICAgIGlmICh2YWx1ZSAmJiB0aGlzLm1hcmtkb3duVGV4dCAhPT0gdmFsdWUpIHtcbiAgICAgICAgICAgIHRoaXMucmVzdWx0SHRtbCA9IHRoaXMuZ2V0UmVzdWx0SFRNTCh2YWx1ZSk7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLl9tYXJrZG93blRleHQgPSB2YWx1ZTtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9tYXJrZG93blRleHQ6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuXG4gICAgcHJvdGVjdGVkIHJlc3VsdEh0bWw6IFNhZmVIdG1sO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgbWFya2Rvd25TZXJ2aWNlOiBLYnFNYXJrZG93blNlcnZpY2UsXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICAgICAgcHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcixcbiAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChLQlFfTUFSS0RPV05fTUFSS0VEX09QVElPTlMpIHByaXZhdGUgcmVhZG9ubHkgbWFya2VkT3B0aW9ucz86IE1hcmtlZE9wdGlvbnMgfCB1bmRlZmluZWRcbiAgICApIHtcbiAgICAgICAgYWZ0ZXJOZXh0UmVuZGVyKCgpID0+IHtcbiAgICAgICAgICAgIGlmICghdGhpcy5tYXJrZG93blRleHQgJiYgdGhpcy5jb250ZW50V3JhcHBlcj8ubmF0aXZlRWxlbWVudC50ZXh0Q29udGVudCkge1xuICAgICAgICAgICAgICAgIHRoaXMucmVzdWx0SHRtbCA9IHRoaXMuZ2V0UmVzdWx0SFRNTCh0aGlzLmNvbnRlbnRXcmFwcGVyPy5uYXRpdmVFbGVtZW50LnRleHRDb250ZW50KTtcbiAgICAgICAgICAgICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0UmVzdWx0SFRNTChtYXJrZG93bjogc3RyaW5nKTogU2FmZUh0bWwge1xuICAgICAgICByZXR1cm4gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwodGhpcy5tYXJrZG93blNlcnZpY2UucGFyc2VUb0h0bWwobWFya2Rvd24sIHRoaXMubWFya2VkT3B0aW9ucykpO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -1,22 +1,21 @@
|
|
|
1
|
-
import { A11yModule } from '@angular/cdk/a11y';
|
|
2
1
|
import { NgModule } from '@angular/core';
|
|
3
|
-
import { FormsModule } from '@angular/forms';
|
|
4
|
-
import { KbqCommonModule } from '@koobiq/components/core';
|
|
5
2
|
import { KbqMarkdown } from './markdown.component';
|
|
6
3
|
import { KbqMarkdownService } from './markdown.service';
|
|
7
4
|
import * as i0 from "@angular/core";
|
|
5
|
+
const COMPONENTS = [
|
|
6
|
+
KbqMarkdown
|
|
7
|
+
];
|
|
8
8
|
export class KbqMarkdownModule {
|
|
9
9
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqMarkdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqMarkdownModule,
|
|
11
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqMarkdownModule, providers: [KbqMarkdownService]
|
|
10
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqMarkdownModule, imports: [KbqMarkdown], exports: [KbqMarkdown] }); }
|
|
11
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqMarkdownModule, providers: [KbqMarkdownService] }); }
|
|
12
12
|
}
|
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqMarkdownModule, decorators: [{
|
|
14
14
|
type: NgModule,
|
|
15
15
|
args: [{
|
|
16
|
-
imports:
|
|
17
|
-
exports:
|
|
18
|
-
declarations: [KbqMarkdown],
|
|
16
|
+
imports: COMPONENTS,
|
|
17
|
+
exports: COMPONENTS,
|
|
19
18
|
providers: [KbqMarkdownService]
|
|
20
19
|
}]
|
|
21
20
|
}] });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFya2Rvd24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9tYXJrZG93bi9tYXJrZG93bi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBRXhELE1BQU0sVUFBVSxHQUFHO0lBQ2YsV0FBVztDQUNkLENBQUM7QUFPRixNQUFNLE9BQU8saUJBQWlCO2lJQUFqQixpQkFBaUI7a0lBQWpCLGlCQUFpQixZQVIxQixXQUFXLGFBQVgsV0FBVztrSUFRRixpQkFBaUIsYUFGZixDQUFDLGtCQUFrQixDQUFDOzsyRkFFdEIsaUJBQWlCO2tCQUw3QixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxVQUFVO29CQUNuQixPQUFPLEVBQUUsVUFBVTtvQkFDbkIsU0FBUyxFQUFFLENBQUMsa0JBQWtCLENBQUM7aUJBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEticU1hcmtkb3duIH0gZnJvbSAnLi9tYXJrZG93bi5jb21wb25lbnQnO1xuaW1wb3J0IHsgS2JxTWFya2Rvd25TZXJ2aWNlIH0gZnJvbSAnLi9tYXJrZG93bi5zZXJ2aWNlJztcblxuY29uc3QgQ09NUE9ORU5UUyA9IFtcbiAgICBLYnFNYXJrZG93blxuXTtcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBDT01QT05FTlRTLFxuICAgIGV4cG9ydHM6IENPTVBPTkVOVFMsXG4gICAgcHJvdmlkZXJzOiBbS2JxTWFya2Rvd25TZXJ2aWNlXVxufSlcbmV4cG9ydCBjbGFzcyBLYnFNYXJrZG93bk1vZHVsZSB7fVxuIl19
|
|
@@ -2,9 +2,11 @@ import { Injectable } from '@angular/core';
|
|
|
2
2
|
import { marked } from 'marked';
|
|
3
3
|
import { CLASS_PREFIX, MARKDOWN_TAGS_TO_CLASS_ALIAS, MARKDOWN_WHOLE_TAGS_TO_CLASS_ALIAS } from './markdown.values';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
+
/** Service which allows to convert `Markdown` into `HTML` */
|
|
5
6
|
export class KbqMarkdownService {
|
|
6
|
-
|
|
7
|
-
|
|
7
|
+
/** Parses `Markdown` into `HTML` */
|
|
8
|
+
parseToHtml(markdown, options) {
|
|
9
|
+
return this.transform(marked.parse(markdown, options));
|
|
8
10
|
}
|
|
9
11
|
transform(htmlContent) {
|
|
10
12
|
let transformed = htmlContent;
|
|
@@ -22,4 +24,4 @@ export class KbqMarkdownService {
|
|
|
22
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqMarkdownService, decorators: [{
|
|
23
25
|
type: Injectable
|
|
24
26
|
}] });
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFya2Rvd24uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvbWFya2Rvd24vbWFya2Rvd24uc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxNQUFNLEVBQWlCLE1BQU0sUUFBUSxDQUFDO0FBQy9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsNEJBQTRCLEVBQUUsa0NBQWtDLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFFbkgsNkRBQTZEO0FBRTdELE1BQU0sT0FBTyxrQkFBa0I7SUFDM0Isb0NBQW9DO0lBQ3BDLFdBQVcsQ0FBQyxRQUFnQixFQUFFLE9BQXVCO1FBQ2pELE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQzNELENBQUM7SUFFTyxTQUFTLENBQUMsV0FBbUI7UUFDakMsSUFBSSxXQUFXLEdBQUcsV0FBVyxDQUFDO1FBRTlCLDRCQUE0QixDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFO1lBQ3pDLFdBQVcsR0FBRyxXQUFXLENBQUMsT0FBTyxDQUM3QixJQUFJLE1BQU0sQ0FBQyxJQUFJLEdBQUcsRUFBRSxFQUFFLEdBQUcsQ0FBQyxFQUMxQixDQUFDLE1BQWMsRUFBRSxFQUFFLENBQUMsSUFBSSxHQUFHLFdBQVcsWUFBWSxLQUFLLEdBQUcsR0FBRyxDQUNoRSxDQUFDO1FBQ04sQ0FBQyxDQUFDLENBQUM7UUFFSCxrQ0FBa0MsQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRTtZQUMvQyxXQUFXLEdBQUcsV0FBVyxDQUFDLE9BQU8sQ0FDN0IsSUFBSSxNQUFNLENBQUMsSUFBSSxHQUFHLE1BQU0sRUFBRSxHQUFHLENBQUMsRUFDOUIsQ0FBQyxNQUFjLEVBQUUsRUFBRSxDQUFDLElBQUksR0FBRyxXQUFXLFlBQVksS0FBSyxHQUFHLElBQUksQ0FDakUsQ0FBQztRQUNOLENBQUMsQ0FBQyxDQUFDO1FBRUgsT0FBTyxXQUFXLENBQUM7SUFDdkIsQ0FBQztpSUF4QlEsa0JBQWtCO3FJQUFsQixrQkFBa0I7OzJGQUFsQixrQkFBa0I7a0JBRDlCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBtYXJrZWQsIE1hcmtlZE9wdGlvbnMgfSBmcm9tICdtYXJrZWQnO1xuaW1wb3J0IHsgQ0xBU1NfUFJFRklYLCBNQVJLRE9XTl9UQUdTX1RPX0NMQVNTX0FMSUFTLCBNQVJLRE9XTl9XSE9MRV9UQUdTX1RPX0NMQVNTX0FMSUFTIH0gZnJvbSAnLi9tYXJrZG93bi52YWx1ZXMnO1xuXG4vKiogU2VydmljZSB3aGljaCBhbGxvd3MgdG8gY29udmVydCBgTWFya2Rvd25gIGludG8gYEhUTUxgICovXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgS2JxTWFya2Rvd25TZXJ2aWNlIHtcbiAgICAvKiogUGFyc2VzIGBNYXJrZG93bmAgaW50byBgSFRNTGAgKi9cbiAgICBwYXJzZVRvSHRtbChtYXJrZG93bjogc3RyaW5nLCBvcHRpb25zPzogTWFya2VkT3B0aW9ucyk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLnRyYW5zZm9ybShtYXJrZWQucGFyc2UobWFya2Rvd24sIG9wdGlvbnMpKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIHRyYW5zZm9ybShodG1sQ29udGVudDogc3RyaW5nKTogc3RyaW5nIHtcbiAgICAgICAgbGV0IHRyYW5zZm9ybWVkID0gaHRtbENvbnRlbnQ7XG5cbiAgICAgICAgTUFSS0RPV05fVEFHU19UT19DTEFTU19BTElBUy5mb3JFYWNoKCh0YWcpID0+IHtcbiAgICAgICAgICAgIHRyYW5zZm9ybWVkID0gdHJhbnNmb3JtZWQucmVwbGFjZShcbiAgICAgICAgICAgICAgICBuZXcgUmVnRXhwKGA8JHt0YWd9YCwgJ2cnKSxcbiAgICAgICAgICAgICAgICAoX21hdGNoOiBzdHJpbmcpID0+IGA8JHt0YWd9IGNsYXNzPVwiJHtDTEFTU19QUkVGSVh9X18ke3RhZ31cImBcbiAgICAgICAgICAgICk7XG4gICAgICAgIH0pO1xuXG4gICAgICAgIE1BUktET1dOX1dIT0xFX1RBR1NfVE9fQ0xBU1NfQUxJQVMuZm9yRWFjaCgodGFnKSA9PiB7XG4gICAgICAgICAgICB0cmFuc2Zvcm1lZCA9IHRyYW5zZm9ybWVkLnJlcGxhY2UoXG4gICAgICAgICAgICAgICAgbmV3IFJlZ0V4cChgPCR7dGFnfVxccyo+YCwgJ2cnKSxcbiAgICAgICAgICAgICAgICAoX21hdGNoOiBzdHJpbmcpID0+IGA8JHt0YWd9IGNsYXNzPVwiJHtDTEFTU19QUkVGSVh9X18ke3RhZ31cIj5gXG4gICAgICAgICAgICApO1xuICAgICAgICB9KTtcblxuICAgICAgICByZXR1cm4gdHJhbnNmb3JtZWQ7XG4gICAgfVxufVxuIl19
|