@koobiq/components 16.0.0-beta.7 → 16.0.0-beta.9

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.
Files changed (172) hide show
  1. package/badge/_badge-theme.scss +13 -8
  2. package/badge/badge.component.d.ts +19 -1
  3. package/badge/badge.component.scss +28 -0
  4. package/badge/badge.module.d.ts +1 -1
  5. package/button-toggle/_button-toggle-theme.scss +26 -45
  6. package/button-toggle/button-toggle.scss +40 -87
  7. package/card/_card-theme.scss +1 -1
  8. package/core/option/_optgroup-theme.scss +1 -1
  9. package/core/option/_option-theme.scss +2 -2
  10. package/core/option/option.scss +4 -4
  11. package/core/styles/_koobiq-theme.scss +8 -0
  12. package/core/styles/common/_animation.scss +10 -6
  13. package/core/styles/common/_overlay.scss +1 -1
  14. package/core/styles/common/_select.scss +55 -41
  15. package/core/styles/theming/_components-theming.scss +244 -44
  16. package/core/styles/theming/_theming.scss +201 -30
  17. package/core/styles/typography/_typography.scss +175 -5
  18. package/datepicker/_datepicker-theme.scss +43 -57
  19. package/datepicker/calendar-body.scss +11 -26
  20. package/datepicker/calendar-header.scss +7 -31
  21. package/datepicker/calendar.scss +20 -25
  22. package/datepicker/datepicker-content.scss +17 -10
  23. package/datepicker/datepicker-input.scss +1 -1
  24. package/dropdown/_dropdown-theme.scss +2 -2
  25. package/dropdown/dropdown-item.scss +1 -1
  26. package/esm2022/autocomplete/autocomplete-trigger.directive.mjs +6 -6
  27. package/esm2022/badge/badge.component.mjs +65 -5
  28. package/esm2022/badge/badge.module.mjs +10 -6
  29. package/esm2022/button/button.component.mjs +3 -2
  30. package/esm2022/button-toggle/button-toggle.component.mjs +11 -11
  31. package/esm2022/code-block/actionbar.component.mjs +1 -1
  32. package/esm2022/core/option/option.mjs +2 -2
  33. package/esm2022/core/version.mjs +2 -2
  34. package/esm2022/datepicker/calendar-body.component.mjs +6 -4
  35. package/esm2022/datepicker/calendar-header.component.mjs +3 -3
  36. package/esm2022/datepicker/calendar.component.mjs +2 -2
  37. package/esm2022/datepicker/datepicker-toggle.component.mjs +2 -2
  38. package/esm2022/datepicker/datepicker.component.mjs +3 -3
  39. package/esm2022/dropdown/dropdown-item.component.mjs +2 -2
  40. package/esm2022/dropdown/dropdown-trigger.directive.mjs +3 -2
  41. package/esm2022/file-upload/multiple-file-upload.component.mjs +5 -5
  42. package/esm2022/file-upload/single-file-upload.component.mjs +8 -9
  43. package/esm2022/form-field/form-field.mjs +2 -2
  44. package/esm2022/form-field/hint.mjs +15 -5
  45. package/esm2022/icon/icon-button.component.mjs +68 -0
  46. package/esm2022/icon/icon-item.component.mjs +27 -0
  47. package/esm2022/icon/icon.component.mjs +4 -89
  48. package/esm2022/icon/icon.module.mjs +4 -2
  49. package/esm2022/icon/public-api.mjs +3 -1
  50. package/esm2022/link/link.component.mjs +13 -2
  51. package/esm2022/list/list-selection.component.mjs +2 -2
  52. package/esm2022/list/list.component.mjs +2 -2
  53. package/esm2022/modal/modal.component.mjs +2 -2
  54. package/esm2022/popover/popover-confirm.component.mjs +3 -3
  55. package/esm2022/popover/popover.component.mjs +4 -4
  56. package/esm2022/select/select-option.directive.mjs +15 -3
  57. package/esm2022/select/select.component.mjs +13 -9
  58. package/esm2022/sidepanel/sidepanel-container.component.mjs +3 -3
  59. package/esm2022/tabs/tab-group.component.mjs +1 -1
  60. package/esm2022/timezone/timezone-option.component.mjs +2 -2
  61. package/esm2022/timezone/timezone-select.component.mjs +2 -2
  62. package/esm2022/toast/toast-animations.mjs +2 -1
  63. package/esm2022/toast/toast-container.component.mjs +21 -7
  64. package/esm2022/toast/toast.component.mjs +7 -2
  65. package/esm2022/toast/toast.service.mjs +2 -1
  66. package/esm2022/toggle/toggle.component.mjs +3 -3
  67. package/esm2022/tooltip/tooltip.component.mjs +4 -3
  68. package/esm2022/tree/control/base-tree-control.mjs +1 -1
  69. package/esm2022/tree/control/flat-tree-control.mjs +4 -4
  70. package/esm2022/tree/control/tree-control.mjs +1 -1
  71. package/esm2022/tree/padding.directive.mjs +2 -2
  72. package/esm2022/tree/toggle.mjs +2 -4
  73. package/esm2022/tree/tree-base.mjs +1 -1
  74. package/esm2022/tree/tree-option.component.mjs +2 -2
  75. package/esm2022/tree-select/tree-select.component.mjs +6 -7
  76. package/fesm2022/koobiq-components-autocomplete.mjs +5 -5
  77. package/fesm2022/koobiq-components-autocomplete.mjs.map +1 -1
  78. package/fesm2022/koobiq-components-badge.mjs +73 -9
  79. package/fesm2022/koobiq-components-badge.mjs.map +1 -1
  80. package/fesm2022/koobiq-components-button-toggle.mjs +10 -10
  81. package/fesm2022/koobiq-components-button-toggle.mjs.map +1 -1
  82. package/fesm2022/koobiq-components-button.mjs +2 -1
  83. package/fesm2022/koobiq-components-button.mjs.map +1 -1
  84. package/fesm2022/koobiq-components-code-block.mjs +1 -1
  85. package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
  86. package/fesm2022/koobiq-components-core.mjs +3 -3
  87. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  88. package/fesm2022/koobiq-components-datepicker.mjs +13 -11
  89. package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
  90. package/fesm2022/koobiq-components-dropdown.mjs +4 -3
  91. package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
  92. package/fesm2022/koobiq-components-file-upload.mjs +7 -8
  93. package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
  94. package/fesm2022/koobiq-components-form-field.mjs +16 -6
  95. package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
  96. package/fesm2022/koobiq-components-icon.mjs +9 -7
  97. package/fesm2022/koobiq-components-icon.mjs.map +1 -1
  98. package/fesm2022/koobiq-components-link.mjs +12 -1
  99. package/fesm2022/koobiq-components-link.mjs.map +1 -1
  100. package/fesm2022/koobiq-components-list.mjs +4 -4
  101. package/fesm2022/koobiq-components-list.mjs.map +1 -1
  102. package/fesm2022/koobiq-components-modal.mjs +2 -2
  103. package/fesm2022/koobiq-components-modal.mjs.map +1 -1
  104. package/fesm2022/koobiq-components-popover.mjs +5 -5
  105. package/fesm2022/koobiq-components-popover.mjs.map +1 -1
  106. package/fesm2022/koobiq-components-select.mjs +26 -10
  107. package/fesm2022/koobiq-components-select.mjs.map +1 -1
  108. package/fesm2022/koobiq-components-sidepanel.mjs +2 -2
  109. package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
  110. package/fesm2022/koobiq-components-tabs.mjs +1 -1
  111. package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
  112. package/fesm2022/koobiq-components-timezone.mjs +4 -4
  113. package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
  114. package/fesm2022/koobiq-components-toast.mjs +25 -8
  115. package/fesm2022/koobiq-components-toast.mjs.map +1 -1
  116. package/fesm2022/koobiq-components-toggle.mjs +2 -2
  117. package/fesm2022/koobiq-components-toggle.mjs.map +1 -1
  118. package/fesm2022/koobiq-components-tooltip.mjs +3 -2
  119. package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
  120. package/fesm2022/koobiq-components-tree-select.mjs +5 -6
  121. package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
  122. package/fesm2022/koobiq-components-tree.mjs +8 -9
  123. package/fesm2022/koobiq-components-tree.mjs.map +1 -1
  124. package/file-upload/_file-upload-theme.scss +54 -40
  125. package/file-upload/file-upload.scss +2 -9
  126. package/file-upload/multiple-file-upload.component.scss +170 -59
  127. package/file-upload/single-file-upload.component.scss +42 -22
  128. package/form-field/_hint-theme.scss +5 -1
  129. package/form-field/hint.d.ts +4 -1
  130. package/form-field/hint.scss +9 -1
  131. package/icon/_icon-button-theme.scss +129 -0
  132. package/icon/_icon-item-theme.scss +41 -0
  133. package/icon/_icon-theme.scss +1 -233
  134. package/icon/icon-button.component.d.ts +22 -0
  135. package/icon/icon-button.scss +33 -0
  136. package/icon/icon-item.component.d.ts +10 -0
  137. package/icon/icon-item.scss +18 -0
  138. package/icon/icon.component.d.ts +1 -25
  139. package/icon/icon.module.d.ts +6 -4
  140. package/icon/icon.scss +0 -41
  141. package/icon/public-api.d.ts +2 -0
  142. package/link/_link-theme.scss +96 -89
  143. package/link/link.component.d.ts +4 -1
  144. package/list/_list-theme.scss +2 -2
  145. package/list/list.scss +1 -5
  146. package/markdown/_markdown-theme.scss +2 -2
  147. package/modal/_modal-theme.scss +10 -18
  148. package/modal/modal.scss +0 -1
  149. package/navbar/_navbar-theme.scss +1 -1
  150. package/package.json +11 -11
  151. package/popover/_popover-theme.scss +20 -83
  152. package/popover/popover.scss +60 -50
  153. package/prebuilt-themes/dark-theme.css +1 -1
  154. package/prebuilt-themes/light-theme.css +1 -1
  155. package/radio/_radio-theme.scss +2 -2
  156. package/select/_select-theme.scss +7 -7
  157. package/select/select-option.directive.d.ts +2 -0
  158. package/select/select.component.d.ts +1 -1
  159. package/sidepanel/_sidepanel-theme.scss +5 -0
  160. package/table/_table-theme.scss +1 -1
  161. package/toast/toast-animations.d.ts +1 -0
  162. package/toast/toast-container.component.d.ts +7 -3
  163. package/toast/toast.component.d.ts +2 -0
  164. package/toast/toast.service.d.ts +2 -0
  165. package/toggle/_toggle-theme.scss +9 -1
  166. package/toggle/toggle.scss +5 -2
  167. package/tooltip/tooltip.component.d.ts +1 -1
  168. package/tree/_tree-theme.scss +2 -2
  169. package/tree/control/base-tree-control.d.ts +1 -1
  170. package/tree/control/tree-control.d.ts +1 -1
  171. package/tree-select/_tree-select-theme.scss +7 -5
  172. package/tree-select/tree-select.component.d.ts +2 -2
@@ -1710,7 +1710,7 @@ class KbqOption extends KbqOptionBase {
1710
1710
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqOption, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: KBQ_OPTION_PARENT_COMPONENT, optional: true }, { token: KbqOptgroup, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
1711
1711
  /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: KbqOption, selector: "kbq-option", inputs: { value: "value", showCheckbox: "showCheckbox", disabled: "disabled" }, outputs: { onSelectionChange: "onSelectionChange" }, host: { listeners: { "click": "selectViaInteraction()", "keydown": "handleKeydown($event)" }, properties: { "attr.tabindex": "getTabIndex()", "class.kbq-selected": "selected", "class.kbq-option-multiple": "multiple", "class.kbq-active": "active", "class.kbq-disabled": "disabled", "id": "id" }, classAttribute: "kbq-option" }, providers: [{
1712
1712
  provide: KBQ_TITLE_TEXT_REF, useExisting: KbqOption
1713
- }], viewQueries: [{ propertyName: "textElement", first: true, predicate: ["kbqTitleText"], descendants: true }], exportAs: ["kbqOption"], usesInheritance: true, ngImport: i0, template: "<kbq-pseudo-checkbox\n *ngIf=\"showCheckbox\"\n [state]=\"selected ? 'checked' : 'unchecked'\"\n [disabled]=\"disabled\">\n</kbq-pseudo-checkbox>\n\n<span #kbqTitleText class=\"kbq-option-text\">\n <ng-content></ng-content>\n</span>\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:29px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.05) 10px,transparent 10px,transparent 20px,rgba(0,0,0,.05) 20px,rgba(0,0,0,.05) 30px,transparent 30px) repeat;background-size:29px 29px;animation:kbq-progress 1s linear infinite}.kbq-group{display:flex;flex-direction:row}.kbq-group .kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-button-size-border-width, 2px))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-button-size-border-width, 2px))}.kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.kbq-option{position:relative;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;min-height:32px;gap:var(--kbq-list-size-container-content-gap-horizontal, 8px);border-width:var(--kbq-list-size-container-focus-outline-width, 2px);border-style:solid;border-color:transparent;padding:calc(var(--kbq-list-size-container-padding-vertical, 4px) - var(--kbq-list-size-container-focus-outline-width, 2px)) calc(var(--kbq-list-size-container-padding-right, 12px) - var(--kbq-list-size-container-focus-outline-width, 2px)) calc(var(--kbq-list-size-container-padding-vertical, 4px) - var(--kbq-list-size-container-focus-outline-width, 2px)) calc(var(--kbq-list-size-container-padding-left, 12px) - var(--kbq-list-size-container-focus-outline-width, 2px))}.kbq-option .kbq-list-text{display:flex;flex-direction:column;width:100%;box-sizing:border-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:var(--kbq-list-size-text-padding-vertical, 4px);padding-bottom:var(--kbq-list-size-text-padding-vertical, 4px)}.kbq-option .kbq-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-option .kbq-list-text:empty{display:none}.kbq-option .kbq-list-option-caption{padding-top:var(--kbq-list-size-container-content-gap-vertical, 2px)}.kbq-option-text{display:flex;flex-direction:column;width:100%;box-sizing:border-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:var(--kbq-list-size-text-padding-vertical, 4px);padding-bottom:var(--kbq-list-size-text-padding-vertical, 4px)}.kbq-option-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-option-text:empty{display:none}.kbq-option-text:not(.kbq-disabled):not([disabled]){cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: KbqPseudoCheckbox, selector: "kbq-pseudo-checkbox", inputs: ["color", "big", "state", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
1713
+ }], viewQueries: [{ propertyName: "textElement", first: true, predicate: ["kbqTitleText"], descendants: true }], exportAs: ["kbqOption"], usesInheritance: true, ngImport: i0, template: "<kbq-pseudo-checkbox\n *ngIf=\"showCheckbox\"\n [state]=\"selected ? 'checked' : 'unchecked'\"\n [disabled]=\"disabled\">\n</kbq-pseudo-checkbox>\n\n<span #kbqTitleText class=\"kbq-option-text\">\n <ng-content></ng-content>\n</span>\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:29px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.04) 10px,rgba(255,255,255,.04) 10px,rgba(255,255,255,.04) 20px,rgba(0,0,0,.04) 20px,rgba(0,0,0,.04) 30px,rgba(255,255,255,.04) 31px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-group{display:flex;flex-direction:row}.kbq-group .kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-button-size-border-width, 2px))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-button-size-border-width, 2px))}.kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.kbq-option{position:relative;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;min-height:32px;gap:var(--kbq-list-size-container-content-gap-horizontal, 8px);border-width:var(--kbq-list-size-container-focus-outline-width, 2px);border-style:solid;border-color:transparent;padding:calc(var(--kbq-list-size-container-padding-vertical, 4px) - var(--kbq-list-size-container-focus-outline-width, 2px)) calc(var(--kbq-list-size-container-padding-right, 12px) - var(--kbq-list-size-container-focus-outline-width, 2px)) calc(var(--kbq-list-size-container-padding-vertical, 4px) - var(--kbq-list-size-container-focus-outline-width, 2px)) calc(var(--kbq-list-size-container-padding-left, 12px) - var(--kbq-list-size-container-focus-outline-width, 2px))}.kbq-option .kbq-list-text{display:flex;flex-direction:column;width:100%;box-sizing:border-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:var(--kbq-list-size-text-padding-vertical, 4px);padding-bottom:var(--kbq-list-size-text-padding-vertical, 4px)}.kbq-option .kbq-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-option .kbq-list-text:empty{display:none}.kbq-option .kbq-list-option-caption{padding-top:var(--kbq-list-size-container-content-gap-vertical, 2px)}.kbq-option:not(.kbq-disabled){cursor:pointer}.kbq-option-text{display:flex;flex-direction:column;width:100%;box-sizing:border-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:var(--kbq-list-size-text-padding-vertical, 4px);padding-bottom:var(--kbq-list-size-text-padding-vertical, 4px)}.kbq-option-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-option-text:empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: KbqPseudoCheckbox, selector: "kbq-pseudo-checkbox", inputs: ["color", "big", "state", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
1714
1714
  }
1715
1715
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqOption, decorators: [{
1716
1716
  type: Component,
@@ -1726,7 +1726,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
1726
1726
  '(keydown)': 'handleKeydown($event)'
1727
1727
  }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
1728
1728
  provide: KBQ_TITLE_TEXT_REF, useExisting: KbqOption
1729
- }], template: "<kbq-pseudo-checkbox\n *ngIf=\"showCheckbox\"\n [state]=\"selected ? 'checked' : 'unchecked'\"\n [disabled]=\"disabled\">\n</kbq-pseudo-checkbox>\n\n<span #kbqTitleText class=\"kbq-option-text\">\n <ng-content></ng-content>\n</span>\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:29px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.05) 10px,transparent 10px,transparent 20px,rgba(0,0,0,.05) 20px,rgba(0,0,0,.05) 30px,transparent 30px) repeat;background-size:29px 29px;animation:kbq-progress 1s linear infinite}.kbq-group{display:flex;flex-direction:row}.kbq-group .kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-button-size-border-width, 2px))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-button-size-border-width, 2px))}.kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.kbq-option{position:relative;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;min-height:32px;gap:var(--kbq-list-size-container-content-gap-horizontal, 8px);border-width:var(--kbq-list-size-container-focus-outline-width, 2px);border-style:solid;border-color:transparent;padding:calc(var(--kbq-list-size-container-padding-vertical, 4px) - var(--kbq-list-size-container-focus-outline-width, 2px)) calc(var(--kbq-list-size-container-padding-right, 12px) - var(--kbq-list-size-container-focus-outline-width, 2px)) calc(var(--kbq-list-size-container-padding-vertical, 4px) - var(--kbq-list-size-container-focus-outline-width, 2px)) calc(var(--kbq-list-size-container-padding-left, 12px) - var(--kbq-list-size-container-focus-outline-width, 2px))}.kbq-option .kbq-list-text{display:flex;flex-direction:column;width:100%;box-sizing:border-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:var(--kbq-list-size-text-padding-vertical, 4px);padding-bottom:var(--kbq-list-size-text-padding-vertical, 4px)}.kbq-option .kbq-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-option .kbq-list-text:empty{display:none}.kbq-option .kbq-list-option-caption{padding-top:var(--kbq-list-size-container-content-gap-vertical, 2px)}.kbq-option-text{display:flex;flex-direction:column;width:100%;box-sizing:border-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:var(--kbq-list-size-text-padding-vertical, 4px);padding-bottom:var(--kbq-list-size-text-padding-vertical, 4px)}.kbq-option-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-option-text:empty{display:none}.kbq-option-text:not(.kbq-disabled):not([disabled]){cursor:pointer}\n"] }]
1729
+ }], template: "<kbq-pseudo-checkbox\n *ngIf=\"showCheckbox\"\n [state]=\"selected ? 'checked' : 'unchecked'\"\n [disabled]=\"disabled\">\n</kbq-pseudo-checkbox>\n\n<span #kbqTitleText class=\"kbq-option-text\">\n <ng-content></ng-content>\n</span>\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:29px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.04) 10px,rgba(255,255,255,.04) 10px,rgba(255,255,255,.04) 20px,rgba(0,0,0,.04) 20px,rgba(0,0,0,.04) 30px,rgba(255,255,255,.04) 31px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-group{display:flex;flex-direction:row}.kbq-group .kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-button-size-border-width, 2px))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-button-size-border-width, 2px))}.kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.kbq-option{position:relative;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;min-height:32px;gap:var(--kbq-list-size-container-content-gap-horizontal, 8px);border-width:var(--kbq-list-size-container-focus-outline-width, 2px);border-style:solid;border-color:transparent;padding:calc(var(--kbq-list-size-container-padding-vertical, 4px) - var(--kbq-list-size-container-focus-outline-width, 2px)) calc(var(--kbq-list-size-container-padding-right, 12px) - var(--kbq-list-size-container-focus-outline-width, 2px)) calc(var(--kbq-list-size-container-padding-vertical, 4px) - var(--kbq-list-size-container-focus-outline-width, 2px)) calc(var(--kbq-list-size-container-padding-left, 12px) - var(--kbq-list-size-container-focus-outline-width, 2px))}.kbq-option .kbq-list-text{display:flex;flex-direction:column;width:100%;box-sizing:border-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:var(--kbq-list-size-text-padding-vertical, 4px);padding-bottom:var(--kbq-list-size-text-padding-vertical, 4px)}.kbq-option .kbq-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-option .kbq-list-text:empty{display:none}.kbq-option .kbq-list-option-caption{padding-top:var(--kbq-list-size-container-content-gap-vertical, 2px)}.kbq-option:not(.kbq-disabled){cursor:pointer}.kbq-option-text{display:flex;flex-direction:column;width:100%;box-sizing:border-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:var(--kbq-list-size-text-padding-vertical, 4px);padding-bottom:var(--kbq-list-size-text-padding-vertical, 4px)}.kbq-option-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-option-text:empty{display:none}\n"] }]
1730
1730
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
1731
1731
  type: Optional
1732
1732
  }, {
@@ -2816,7 +2816,7 @@ const validationTooltipShowDelay = 10;
2816
2816
  const validationTooltipHideDelay = 3000;
2817
2817
  const KBQ_VALIDATION = new InjectionToken('KbqUseValidation', { factory: () => ({ useValidation: true }) });
2818
2818
 
2819
- const VERSION = new Version('16.0.0-beta.7+sha-3777111');
2819
+ const VERSION = new Version('16.0.0-beta.8+sha-d1a32007');
2820
2820
 
2821
2821
  /**
2822
2822
  * Generated bundle index. Do not edit.