@bravobit/bb-foundation 0.50.0 → 0.50.2

package/fesm2022/bravobit-bb-foundation-select.mjs

@@ -16,10 +16,10 @@ class BbSelectOptionGroup {
     constructor(template) {
         this.template = template;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BbSelectOptionGroup, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: BbSelectOptionGroup, isStandalone: true, selector: "ng-template[bbSelectOptionGroup]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: BbSelectOptionGroup, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.1", type: BbSelectOptionGroup, isStandalone: true, selector: "ng-template[bbSelectOptionGroup]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BbSelectOptionGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: BbSelectOptionGroup, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[bbSelectOptionGroup]'
@@ -31,10 +31,10 @@ class BbSelectMultiLabel {
     constructor(template) {
         this.template = template;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BbSelectMultiLabel, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: BbSelectMultiLabel, isStandalone: true, selector: "ng-template[bbSelectMultiLabel]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: BbSelectMultiLabel, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.1", type: BbSelectMultiLabel, isStandalone: true, selector: "ng-template[bbSelectMultiLabel]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BbSelectMultiLabel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: BbSelectMultiLabel, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[bbSelectMultiLabel]'
@@ -46,10 +46,10 @@ class BbSelectOption {
     constructor(template) {
         this.template = template;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BbSelectOption, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: BbSelectOption, isStandalone: true, selector: "ng-template[bbSelectOption]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: BbSelectOption, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.1", type: BbSelectOption, isStandalone: true, selector: "ng-template[bbSelectOption]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BbSelectOption, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: BbSelectOption, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[bbSelectOption]'
@@ -61,10 +61,10 @@ class BbSelectLabel {
     constructor(template) {
         this.template = template;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BbSelectLabel, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: BbSelectLabel, isStandalone: true, selector: "ng-template[bbSelectLabel]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: BbSelectLabel, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.1", type: BbSelectLabel, isStandalone: true, selector: "ng-template[bbSelectLabel]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BbSelectLabel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: BbSelectLabel, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[bbSelectLabel]'
@@ -204,14 +204,14 @@ class BbSelect {
         }
         return null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BbSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: BbSelect, isStandalone: true, selector: "bb-select", inputs: { label: "label", hint: "hint", data: ["data", "data", observableAttribute], required: ["required", "required", booleanAttribute], readonly: ["readonly", "readonly", booleanAttribute], grouped: ["grouped", "grouped", booleanAttribute], hideErrors: ["hideErrors", "hideErrors", booleanAttribute], loading: ["loading", "loading", booleanAttribute], multiple: ["multiple", "multiple", booleanAttribute], clearable: ["clearable", "clearable", booleanAttribute], searchable: ["searchable", "searchable", booleanAttribute], virtualScroll: ["virtualScroll", "virtualScroll", booleanAttribute], closeOnSelect: ["closeOnSelect", "closeOnSelect", booleanAttribute], selectableGroup: ["selectableGroup", "selectableGroup", booleanAttribute], selectableGroupAsModel: ["selectableGroupAsModel", "selectableGroupAsModel", booleanAttribute], hideArrow: ["hideArrow", "hideArrow", booleanAttribute], selectOnTab: ["selectOnTab", "selectOnTab", booleanAttribute], hideSelected: ["hideSelected", "hideSelected", booleanAttribute], maxSelectedItems: ["maxSelectedItems", "maxSelectedItems", numberAttribute], disablePanelScrolling: ["disablePanelScrolling", "disablePanelScrolling", booleanAttribute], bindLabel: "bindLabel", bindValue: "bindValue", placeholder: "placeholder", typeahead: "typeahead", trackByFn: "trackByFn", groupBy: "groupBy", isOpen: "isOpen", clearSearchOnAdd: "clearSearchOnAdd", addTag: "addTag", appendTo: "appendTo", disabled: ["disabled", "disabled", booleanAttribute], value: "value" }, outputs: { valueChange: "valueChange", onBlur: "onBlur", onChange: "onChange" }, host: { properties: { "class.required": "required", "class.readonly": "readonly", "class.disabled": "disabled", "class.grouped": "grouped", "class.error": "error", "class.hide-arrow": "hideArrow" }, classAttribute: "bb-select" }, providers: [{
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: BbSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: BbSelect, isStandalone: true, selector: "bb-select", inputs: { label: "label", hint: "hint", data: ["data", "data", observableAttribute], required: ["required", "required", booleanAttribute], readonly: ["readonly", "readonly", booleanAttribute], grouped: ["grouped", "grouped", booleanAttribute], hideErrors: ["hideErrors", "hideErrors", booleanAttribute], loading: ["loading", "loading", booleanAttribute], multiple: ["multiple", "multiple", booleanAttribute], clearable: ["clearable", "clearable", booleanAttribute], searchable: ["searchable", "searchable", booleanAttribute], virtualScroll: ["virtualScroll", "virtualScroll", booleanAttribute], closeOnSelect: ["closeOnSelect", "closeOnSelect", booleanAttribute], selectableGroup: ["selectableGroup", "selectableGroup", booleanAttribute], selectableGroupAsModel: ["selectableGroupAsModel", "selectableGroupAsModel", booleanAttribute], hideArrow: ["hideArrow", "hideArrow", booleanAttribute], selectOnTab: ["selectOnTab", "selectOnTab", booleanAttribute], hideSelected: ["hideSelected", "hideSelected", booleanAttribute], maxSelectedItems: ["maxSelectedItems", "maxSelectedItems", numberAttribute], disablePanelScrolling: ["disablePanelScrolling", "disablePanelScrolling", booleanAttribute], bindLabel: "bindLabel", bindValue: "bindValue", placeholder: "placeholder", typeahead: "typeahead", trackByFn: "trackByFn", groupBy: "groupBy", isOpen: "isOpen", clearSearchOnAdd: "clearSearchOnAdd", addTag: "addTag", appendTo: "appendTo", disabled: ["disabled", "disabled", booleanAttribute], value: "value" }, outputs: { valueChange: "valueChange", onBlur: "onBlur", onChange: "onChange" }, host: { properties: { "class.required": "required", "class.readonly": "readonly", "class.disabled": "disabled", "class.grouped": "grouped", "class.error": "error", "class.hide-arrow": "hideArrow" }, classAttribute: "bb-select" }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BbSelect),
                 multi: true
-            }], queries: [{ propertyName: "optionTemplate", first: true, predicate: BbSelectOption, descendants: true, read: TemplateRef }, { propertyName: "optionGroupTemplate", first: true, predicate: BbSelectOptionGroup, descendants: true, read: TemplateRef }, { propertyName: "labelTemplate", first: true, predicate: BbSelectLabel, descendants: true, read: TemplateRef }, { propertyName: "multiLabelTemplate", first: true, predicate: BbSelectMultiLabel, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "selectComponent", first: true, predicate: NgSelectComponent, descendants: true, static: true }], ngImport: i0, template: "<!-- Label of the form control. -->\n@if (label; as labelContent) {\n    <label [attr.for]=\"labelId\"\n           class=\"bb-select-label\">\n        <ng-template [bbTemplate]=\"labelContent\">{{ labelContent }}</ng-template>\n    </label>\n}\n\n<ng-select [formControl]=\"control\"\n           [notFoundText]=\"'select.not_found_text' | bbLocalize\"\n           [clearAllText]=\"'select.clear_all_text' | bbLocalize\"\n           [loadingText]=\"'select.loading_text' | bbLocalize\"\n           [typeToSearchText]=\"'select.type_to_search_text' | bbLocalize\"\n           [addTagText]=\"'select.add_tag_text' | bbLocalize\"\n           [virtualScroll]=\"virtualScroll\"\n           [items]=\"data | async\"\n           [multiple]=\"multiple\"\n           [loading]=\"loading\"\n           [labelForId]=\"labelId\"\n           [searchable]=\"searchable\"\n           [placeholder]=\"placeholder\"\n           [clearable]=\"clearable\"\n           [closeOnSelect]=\"closeOnSelect\"\n           [trackByFn]=\"trackByFn\"\n           [typeahead]=\"typeahead\"\n           [bindLabel]=\"bindLabel\"\n           [bindValue]=\"bindValue\"\n           [selectableGroup]=\"selectableGroup\"\n           [selectableGroupAsModel]=\"selectableGroupAsModel\"\n           [clearSearchOnAdd]=\"clearSearchOnAdd\"\n           [hideSelected]=\"hideSelected\"\n           [maxSelectedItems]=\"maxSelectedItems\"\n           [groupBy]=\"groupBy\"\n           [isOpen]=\"isOpen\"\n           [readonly]=\"readonly\"\n           [addTag]=\"addTag\"\n           [appendTo]=\"appendTo\"\n           (blur)=\"onBlur?.emit($event)\"\n           (change)=\"onChange?.emit($event)\">\n    @if (optionTemplate) {\n        <ng-template ng-option-tmp\n                     let-item=\"item\"\n                     let-item$=\"item$\"\n                     let-index=\"index\">\n            <ng-container\n                *ngTemplateOutlet=\"optionTemplate; context: {item: item, item$: item$, index: index}\"></ng-container>\n        </ng-template>\n    }\n    @if (labelTemplate) {\n        <ng-template ng-label-tmp\n                     let-item=\"item\"\n                     let-item$=\"item$\"\n                     let-index=\"index\">\n            <ng-container\n                *ngTemplateOutlet=\"labelTemplate; context: {item: item, item$: item$, index: index}\"></ng-container>\n        </ng-template>\n    }\n    @if (multiLabelTemplate) {\n        <ng-template ng-multi-label-tmp\n                     let-items=\"items\"\n                     let-clear=\"clear\">\n            <ng-container *ngTemplateOutlet=\"multiLabelTemplate; context: {items: items, clear: clear}\"></ng-container>\n        </ng-template>\n    }\n    @if (optionGroupTemplate) {\n        <ng-template ng-optgroup-tmp\n                     let-item=\"item\"\n                     let-item$=\"item$\"\n                     let-index=\"index\">\n            <ng-container\n                *ngTemplateOutlet=\"optionGroupTemplate; context: {item: item, item$: item$, index: index}\"></ng-container>\n        </ng-template>\n    }\n</ng-select>\n\n@if (!hideErrors) {\n    <bb-form-error (errorChange)=\"onErrorChange($event)\"></bb-form-error>\n}\n\n<!-- The form control hint. -->\n@if (hint; as hintContent) {\n    <p class=\"bb-select-hint\">\n        <ng-template [bbTemplate]=\"hintContent\">{{ hintContent }}</ng-template>\n    </p>\n}\n", styles: [".bb-select{color:#2d3c4d;display:block;font-size:1rem}.bb-select.grouped{margin-bottom:1.5rem}.bb-select.required>.bb-select-label:after{content:\"*\";font-size:.75rem;vertical-align:top;color:var(--bb-form-label-required-color)}.bb-select.error>.bb-select-label{color:#c23934}.bb-select.error>.ng-select>.ng-select-container,.bb-select.error>.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:0 .375rem .375rem -.375rem #0000001a,0 0 0 .1875rem #f8d3d3}.bb-select.error>.ng-select>.ng-select-container{border:1px solid hsl(0,73%,30%);background-color:#f8d3d3}.bb-select.error>.ng-select>.ng-select-container>.ng-value-container>.ng-placeholder{color:#ea7b7b}.bb-select.readonly>.ng-select>.ng-select-container{cursor:default;border-style:dotted;border-color:#bdc4c9;color:#111;background-color:var(--bb-select-background-color)}.bb-select.hide-arrow .ng-arrow-wrapper{width:0;opacity:0;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none}.bb-select-label{display:block;margin-bottom:.25rem;color:var(--bb-form-label-color);font-size:var(--bb-form-label-font-size);font-weight:var(--bb-form-label-font-weight)}.bb-select-hint{display:block;line-height:1.5;margin-top:.25rem;font-size:.8125rem;color:#758795}.ng-select.ng-select-opened>.ng-select-container{background:var(--bb-select-background-color)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:var(--bb-select-box-shadow)}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-.125rem;border-width:0 .3125rem .3125rem;border-color:transparent transparent var(--bb-select-border-color)}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-left-radius:0;border-top-right-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#757e8a;box-shadow:var(--bb-select-focus-box-shadow)}.ng-select:has(.ng-input input:focus)>.ng-select-container{border-color:#757e8a;box-shadow:var(--bb-select-focus-box-shadow)}.ng-select.ng-select-disabled>.ng-select-container{color:gray;background-color:#e6e6e6}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{align-items:center;transition-duration:.25s;min-height:2.625rem;color:#111;background-color:var(--bb-select-background-color);box-shadow:var(--bb-select-box-shadow);border:1px solid var(--bb-select-border-color);border-radius:var(--bb-select-border-radius);transition-property:background-color,box-shadow;transition-timing-function:cubic-bezier(0,0,.2,1)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:.5rem}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#d1d1d1}.ng-select.ng-select-single .ng-select-container{height:2.625rem}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{left:0;top:50%;padding-right:3.125rem;transform:translateY(-50%);padding-left:.5rem}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{border-radius:.25rem;border:1px solid var(--bb-select-border-color);background-color:#f9f9f9}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 .3125rem}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:.3125rem;padding-left:.4375rem}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{line-height:1.6;margin-right:.3125rem;border-radius:.125rem;margin-bottom:.3125rem;color:#111;font-size:1rem;background-color:#ebf5ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:.3125rem}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:.0625rem .3125rem}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem;border-right:1px solid rgb(183.6,218.88,255)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-top-right-radius:.125rem;border-bottom-right-radius:.125rem;border-left:1px solid rgb(183.6,218.88,255)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 .1875rem .1875rem}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#111}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-left:.1875rem;padding-bottom:.3125rem}.ng-select .ng-clear-wrapper{margin-left:.5rem;color:var(--bb-select-border-color)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:.3125rem .3125rem 0 0}.ng-select .ng-arrow-wrapper{width:1.5625rem;padding-right:.3125rem}.ng-select .ng-arrow-wrapper .ng-arrow{border-style:solid;border-width:.3125rem .3125rem .15625rem;border-color:var(--bb-select-border-color) transparent transparent}.ng-dropdown-panel{left:0;overflow:hidden;box-shadow:0 1px #0000000f;background-color:var(--bb-select-background-color);border:1px solid var(--bb-select-border-color)}.ng-dropdown-panel.ng-select-top{bottom:100%;margin-bottom:-1px;border-bottom-color:var(--bb-select-border-color);border-top-left-radius:var(--bb-select-border-radius);border-top-right-radius:var(--bb-select-border-radius)}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:var(--bb-select-border-radius);border-top-right-radius:var(--bb-select-border-radius)}.ng-dropdown-panel.ng-select-right{top:0;left:100%;margin-bottom:-1px;border-bottom-color:var(--bb-select-border-color);border-top-right-radius:var(--bb-select-border-radius);border-bottom-left-radius:var(--bb-select-border-radius);border-bottom-right-radius:var(--bb-select-border-radius)}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:var(--bb-select-border-radius)}.ng-dropdown-panel.ng-select-bottom{top:100%;margin-top:-1px;border-top-color:var(--bb-select-border-color);border-bottom-left-radius:var(--bb-select-border-radius);border-bottom-right-radius:var(--bb-select-border-radius)}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-left-radius:var(--bb-select-border-radius);border-bottom-right-radius:var(--bb-select-border-radius)}.ng-dropdown-panel.ng-select-left{top:0;left:-100%;margin-bottom:-1px;border-bottom-color:var(--bb-select-border-color);border-top-left-radius:var(--bb-select-border-radius);border-bottom-left-radius:var(--bb-select-border-radius);border-bottom-right-radius:var(--bb-select-border-radius)}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:var(--bb-select-border-radius)}.ng-dropdown-panel .ng-dropdown-header{padding:.3125rem .4375rem;border-bottom:1px solid var(--bb-select-border-color)}.ng-dropdown-panel .ng-dropdown-footer{padding:.3125rem .4375rem;border-top:1px solid var(--bb-select-border-color)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none;padding:.5rem .625rem;color:#0000008a}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{font-weight:500;background-color:#ebf5ff;color:#0000008a}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{font-size:1rem;font-weight:400;padding:.5rem .625rem;color:#000000de;background-color:var(--bb-select-background-color)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#111;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:500}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{color:#111;background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#aaa}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:1.375rem}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:.3125rem}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: BbTemplate, selector: "[bbTemplate]", inputs: ["bbTemplate"] }, { kind: "component", type: BbFormError, selector: "bb-form-error", inputs: ["control"], outputs: ["errorChange"] }, { kind: "pipe", type: BbLocalize, name: "bbLocalize" }, { kind: "component", type: NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { kind: "directive", type: NgOptgroupTemplateDirective, selector: "[ng-optgroup-tmp]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+            }], queries: [{ propertyName: "optionTemplate", first: true, predicate: BbSelectOption, descendants: true, read: TemplateRef }, { propertyName: "optionGroupTemplate", first: true, predicate: BbSelectOptionGroup, descendants: true, read: TemplateRef }, { propertyName: "labelTemplate", first: true, predicate: BbSelectLabel, descendants: true, read: TemplateRef }, { propertyName: "multiLabelTemplate", first: true, predicate: BbSelectMultiLabel, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "selectComponent", first: true, predicate: NgSelectComponent, descendants: true, static: true }], ngImport: i0, template: "<!-- Label of the form control. -->\n@if (label; as labelContent) {\n    <label [attr.for]=\"labelId\"\n           class=\"bb-select-label\">\n        <ng-template [bbTemplate]=\"labelContent\">{{ labelContent }}</ng-template>\n    </label>\n}\n\n<ng-select [formControl]=\"control\"\n           [notFoundText]=\"'select.not_found_text' | bbLocalize\"\n           [clearAllText]=\"'select.clear_all_text' | bbLocalize\"\n           [loadingText]=\"'select.loading_text' | bbLocalize\"\n           [typeToSearchText]=\"'select.type_to_search_text' | bbLocalize\"\n           [addTagText]=\"'select.add_tag_text' | bbLocalize\"\n           [virtualScroll]=\"virtualScroll\"\n           [items]=\"data | async\"\n           [multiple]=\"multiple\"\n           [loading]=\"loading\"\n           [labelForId]=\"labelId\"\n           [searchable]=\"searchable\"\n           [placeholder]=\"placeholder\"\n           [clearable]=\"clearable\"\n           [closeOnSelect]=\"closeOnSelect\"\n           [trackByFn]=\"trackByFn\"\n           [typeahead]=\"typeahead\"\n           [bindLabel]=\"bindLabel\"\n           [bindValue]=\"bindValue\"\n           [selectableGroup]=\"selectableGroup\"\n           [selectableGroupAsModel]=\"selectableGroupAsModel\"\n           [clearSearchOnAdd]=\"clearSearchOnAdd\"\n           [hideSelected]=\"hideSelected\"\n           [maxSelectedItems]=\"maxSelectedItems\"\n           [groupBy]=\"groupBy\"\n           [isOpen]=\"isOpen\"\n           [readonly]=\"readonly\"\n           [addTag]=\"addTag\"\n           [appendTo]=\"appendTo\"\n           (blur)=\"onBlur?.emit($event)\"\n           (change)=\"onChange?.emit($event)\">\n    @if (optionTemplate) {\n        <ng-template ng-option-tmp\n                     let-item=\"item\"\n                     let-item$=\"item$\"\n                     let-index=\"index\">\n            <ng-container\n                *ngTemplateOutlet=\"optionTemplate; context: {item: item, item$: item$, index: index}\"></ng-container>\n        </ng-template>\n    }\n    @if (labelTemplate) {\n        <ng-template ng-label-tmp\n                     let-item=\"item\"\n                     let-item$=\"item$\"\n                     let-index=\"index\">\n            <ng-container\n                *ngTemplateOutlet=\"labelTemplate; context: {item: item, item$: item$, index: index}\"></ng-container>\n        </ng-template>\n    }\n    @if (multiLabelTemplate) {\n        <ng-template ng-multi-label-tmp\n                     let-items=\"items\"\n                     let-clear=\"clear\">\n            <ng-container *ngTemplateOutlet=\"multiLabelTemplate; context: {items: items, clear: clear}\"></ng-container>\n        </ng-template>\n    }\n    @if (optionGroupTemplate) {\n        <ng-template ng-optgroup-tmp\n                     let-item=\"item\"\n                     let-item$=\"item$\"\n                     let-index=\"index\">\n            <ng-container\n                *ngTemplateOutlet=\"optionGroupTemplate; context: {item: item, item$: item$, index: index}\"></ng-container>\n        </ng-template>\n    }\n</ng-select>\n\n@if (!hideErrors) {\n    <bb-form-error (errorChange)=\"onErrorChange($event)\"></bb-form-error>\n}\n\n<!-- The form control hint. -->\n@if (hint; as hintContent) {\n    <p class=\"bb-select-hint\">\n        <ng-template [bbTemplate]=\"hintContent\">{{ hintContent }}</ng-template>\n    </p>\n}\n", styles: [".bb-select{color:#2d3c4d;display:block;font-size:1rem}.bb-select.grouped{margin-bottom:1.5rem}.bb-select.required>.bb-select-label:after{content:\"*\";font-size:.75rem;vertical-align:top;color:var(--bb-form-label-required-color)}.bb-select.error>.bb-select-label{color:#c23934}.bb-select.error>.ng-select>.ng-select-container,.bb-select.error>.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:0 .375rem .375rem -.375rem #0000001a,0 0 0 .1875rem #f8d3d3}.bb-select.error>.ng-select>.ng-select-container{border:1px solid hsl(0,73%,30%);background-color:#f8d3d3}.bb-select.error>.ng-select>.ng-select-container>.ng-value-container>.ng-placeholder{color:#ea7b7b}.bb-select.readonly>.ng-select>.ng-select-container{cursor:default;border-style:dotted;border-color:#bdc4c9;color:#111;background-color:var(--bb-select-background-color)}.bb-select.hide-arrow .ng-arrow-wrapper{width:0;opacity:0;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none}.bb-select-label{display:block;margin-bottom:.25rem;color:var(--bb-form-label-color);font-size:var(--bb-form-label-font-size);font-weight:var(--bb-form-label-font-weight)}.bb-select-hint{display:block;line-height:1.5;margin-top:.25rem;font-size:.8125rem;color:#758795}.ng-select.ng-select-opened>.ng-select-container{background:var(--bb-select-background-color)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:var(--bb-select-box-shadow)}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-.125rem;border-width:0 .3125rem .3125rem;border-color:transparent transparent var(--bb-select-border-color)}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-left-radius:0;border-top-right-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#757e8a;box-shadow:var(--bb-select-focus-box-shadow)}.ng-select:has(.ng-input input:focus)>.ng-select-container{border-color:#757e8a;box-shadow:var(--bb-select-focus-box-shadow)}.ng-select.ng-select-disabled>.ng-select-container{color:gray;background-color:#e6e6e6}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{align-items:center;transition-duration:.25s;min-height:2.625rem;color:#111;background-color:var(--bb-select-background-color);box-shadow:var(--bb-select-box-shadow);border:1px solid var(--bb-select-border-color);border-radius:var(--bb-select-border-radius);transition-property:background-color,box-shadow;transition-timing-function:cubic-bezier(0,0,.2,1)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:.5rem}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#d1d1d1}.ng-select.ng-select-single .ng-select-container{height:2.625rem}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{left:0;top:50%;padding-right:3.125rem;transform:translateY(-50%);padding-left:.5rem}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{border-radius:.25rem;border:1px solid var(--bb-select-border-color);background-color:#f9f9f9}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 .3125rem}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:.3125rem;padding-left:.4375rem}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{line-height:1.6;margin-right:.3125rem;border-radius:.125rem;margin-bottom:.3125rem;color:#111;font-size:1rem;background-color:#ebf5ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:.3125rem}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:.0625rem .3125rem}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem;border-right:1px solid rgb(183.6,218.88,255)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-top-right-radius:.125rem;border-bottom-right-radius:.125rem;border-left:1px solid rgb(183.6,218.88,255)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 .1875rem .1875rem}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#111}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-left:.1875rem;padding-bottom:.3125rem}.ng-select .ng-clear-wrapper{margin-left:.5rem;color:var(--bb-select-border-color)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:.3125rem .3125rem 0 0}.ng-select .ng-arrow-wrapper{width:1.5625rem;padding-right:.3125rem}.ng-select .ng-arrow-wrapper .ng-arrow{border-style:solid;border-width:.3125rem .3125rem .15625rem;border-color:var(--bb-select-border-color) transparent transparent}.ng-dropdown-panel{left:0;overflow:hidden;box-shadow:0 1px #0000000f;background-color:var(--bb-select-background-color);border:1px solid var(--bb-select-border-color)}.ng-dropdown-panel.ng-select-top{bottom:100%;margin-bottom:-1px;border-bottom-color:var(--bb-select-border-color);border-top-left-radius:var(--bb-select-border-radius);border-top-right-radius:var(--bb-select-border-radius)}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:var(--bb-select-border-radius);border-top-right-radius:var(--bb-select-border-radius)}.ng-dropdown-panel.ng-select-right{top:0;left:100%;margin-bottom:-1px;border-bottom-color:var(--bb-select-border-color);border-top-right-radius:var(--bb-select-border-radius);border-bottom-left-radius:var(--bb-select-border-radius);border-bottom-right-radius:var(--bb-select-border-radius)}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:var(--bb-select-border-radius)}.ng-dropdown-panel.ng-select-bottom{top:100%;margin-top:-1px;border-top-color:var(--bb-select-border-color);border-bottom-left-radius:var(--bb-select-border-radius);border-bottom-right-radius:var(--bb-select-border-radius)}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-left-radius:var(--bb-select-border-radius);border-bottom-right-radius:var(--bb-select-border-radius)}.ng-dropdown-panel.ng-select-left{top:0;left:-100%;margin-bottom:-1px;border-bottom-color:var(--bb-select-border-color);border-top-left-radius:var(--bb-select-border-radius);border-bottom-left-radius:var(--bb-select-border-radius);border-bottom-right-radius:var(--bb-select-border-radius)}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:var(--bb-select-border-radius)}.ng-dropdown-panel .ng-dropdown-header{padding:.3125rem .4375rem;border-bottom:1px solid var(--bb-select-border-color)}.ng-dropdown-panel .ng-dropdown-footer{padding:.3125rem .4375rem;border-top:1px solid var(--bb-select-border-color)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none;padding:.5rem .625rem;color:#0000008a}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{font-weight:500;background-color:#ebf5ff;color:#0000008a}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{font-size:1rem;font-weight:400;padding:.5rem .625rem;color:#000000de;background-color:var(--bb-select-background-color)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#111;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:500}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{color:#111;background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#aaa}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:1.375rem}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:.3125rem}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: BbTemplate, selector: "[bbTemplate]", inputs: ["bbTemplate"] }, { kind: "component", type: BbFormError, selector: "bb-form-error", inputs: ["control"], outputs: ["errorChange"] }, { kind: "pipe", type: BbLocalize, name: "bbLocalize" }, { kind: "component", type: NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { kind: "directive", type: NgOptgroupTemplateDirective, selector: "[ng-optgroup-tmp]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BbSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: BbSelect, decorators: [{
             type: Component,
             args: [{ selector: 'bb-select', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
                             provide: NG_VALUE_ACCESSOR,
@@ -351,8 +351,8 @@ function provideSelectConfig() {
 }
 
 class SelectModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0", ngImport: i0, type: SelectModule, imports: [BbSelect,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: SelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.1", ngImport: i0, type: SelectModule, imports: [BbSelect,
             BbSelectLabel,
             BbSelectOption,
             BbSelectOptionGroup,
@@ -361,11 +361,11 @@ class SelectModule {
             BbSelectOption,
             BbSelectOptionGroup,
             BbSelectMultiLabel] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SelectModule, providers: [
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: SelectModule, providers: [
             provideSelectConfig()
         ], imports: [BbSelect] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: SelectModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/bravobit-bb-foundation-select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bravobit-bb-foundation-select.mjs","sources":["../../../projects/bb-foundation/select/src/lib/select-option-group.directive.ts","../../../projects/bb-foundation/select/src/lib/select-multi-label.directive.ts","../../../projects/bb-foundation/select/src/lib/select-option.directive.ts","../../../projects/bb-foundation/select/src/lib/select-label.directive.ts","../../../projects/bb-foundation/select/src/lib/select/select.component.ts","../../../projects/bb-foundation/select/src/lib/select/select.component.html","../../../projects/bb-foundation/select/src/lib/select.config.ts","../../../projects/bb-foundation/select/src/lib/select.module.ts","../../../projects/bb-foundation/select/src/bravobit-bb-foundation-select.ts"],"sourcesContent":["import {Directive, TemplateRef} from '@angular/core';\n\n@Directive({\n    selector: 'ng-template[bbSelectOptionGroup]'\n})\nexport class BbSelectOptionGroup {\n\n    constructor(public template: TemplateRef<any>) {\n    }\n\n}\n","import {Directive, TemplateRef} from '@angular/core';\n\n@Directive({\n    selector: 'ng-template[bbSelectMultiLabel]'\n})\nexport class BbSelectMultiLabel {\n\n    constructor(public template: TemplateRef<any>) {\n    }\n\n}\n","import {Directive, TemplateRef} from '@angular/core';\n\n@Directive({\n    selector: 'ng-template[bbSelectOption]'\n})\nexport class BbSelectOption {\n\n    constructor(public template: TemplateRef<any>) {\n    }\n\n}\n","import {Directive, TemplateRef} from '@angular/core';\n\n@Directive({\n    selector: 'ng-template[bbSelectLabel]'\n})\nexport class BbSelectLabel {\n\n    constructor(public template: TemplateRef<any>) {\n    }\n\n}\n","import {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    inject,\n    Input,\n    numberAttribute,\n    OnDestroy,\n    OnInit,\n    Output,\n    TemplateRef,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport {NgLabelTemplateDirective, NgMultiLabelTemplateDirective, NgOptgroupTemplateDirective, NgOptionTemplateDirective, NgSelectComponent} from '@ng-select/ng-select';\nimport {ControlValueAccessor, NG_VALUE_ACCESSOR, FormControl, ReactiveFormsModule} from '@angular/forms';\nimport {fromEvent, Observable, of, Subject, Subscription, takeUntil, throttleTime} from 'rxjs';\nimport {AsyncPipe, DOCUMENT, NgTemplateOutlet} from '@angular/common';\nimport {BbSelectOptionGroup} from '../select-option-group.directive';\nimport {observableAttribute, WINDOW} from '@bravobit/bb-foundation';\nimport {BbSelectMultiLabel} from '../select-multi-label.directive';\nimport {BbFormError} from '@bravobit/bb-foundation/elements';\nimport {BbLocalize} from '@bravobit/bb-foundation/localize';\nimport {BbSelectOption} from '../select-option.directive';\nimport {BbTemplate} from '@bravobit/bb-foundation/utils';\nimport {BbSelectLabel} from '../select-label.directive';\nimport {filter, map, switchMap} from 'rxjs/operators';\n\nlet nextUniqueId = 0;\n\n@Component({\n    selector: 'bb-select',\n    templateUrl: './select.component.html',\n    styleUrls: ['./select.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [{\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => BbSelect),\n            multi: true\n        }],\n    host: {\n        'class': 'bb-select',\n        '[class.required]': 'required',\n        '[class.readonly]': 'readonly',\n        '[class.disabled]': 'disabled',\n        '[class.grouped]': 'grouped',\n        '[class.error]': 'error',\n        '[class.hide-arrow]': 'hideArrow'\n    },\n    imports: [\n        ReactiveFormsModule,\n        AsyncPipe,\n        NgTemplateOutlet,\n        BbTemplate,\n        BbFormError,\n        BbLocalize,\n        NgSelectComponent,\n        NgOptionTemplateDirective,\n        NgLabelTemplateDirective,\n        NgMultiLabelTemplateDirective,\n        NgOptgroupTemplateDirective\n    ]\n})\nexport class BbSelect<T> implements ControlValueAccessor, OnInit, OnDestroy {\n\n    // Dependencies.\n    private readonly _elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n    private readonly _window?: Window = inject(WINDOW, {optional: true});\n    private readonly _document?: Document = inject(DOCUMENT, {optional: true});\n\n    // Readonly data.\n    readonly labelId = `bb-select-${nextUniqueId++}`;\n    readonly control = new FormControl();\n\n    // Content children.\n    @ContentChild(BbSelectOption, {read: TemplateRef}) optionTemplate: TemplateRef<any>;\n    @ContentChild(BbSelectOptionGroup, {read: TemplateRef}) optionGroupTemplate: TemplateRef<any>;\n    @ContentChild(BbSelectLabel, {read: TemplateRef}) labelTemplate: TemplateRef<any>;\n    @ContentChild(BbSelectMultiLabel, {read: TemplateRef}) multiLabelTemplate: TemplateRef<any>;\n\n    // View children.\n    @ViewChild(NgSelectComponent, {static: true}) selectComponent: NgSelectComponent;\n\n    // Inputs.\n    @Input() label: string | TemplateRef<any> | null = null;\n    @Input() hint: string | TemplateRef<any> | null = null;\n    @Input({transform: observableAttribute}) data: Observable<T[]> | null = null;\n    @Input({transform: booleanAttribute}) required: boolean = false;\n    @Input({transform: booleanAttribute}) readonly: boolean = false;\n    @Input({transform: booleanAttribute}) grouped: boolean = false;\n    @Input({transform: booleanAttribute}) hideErrors: boolean = false;\n    @Input({transform: booleanAttribute}) loading: boolean = false;\n    @Input({transform: booleanAttribute}) multiple: boolean = false;\n    @Input({transform: booleanAttribute}) clearable: boolean = true;\n    @Input({transform: booleanAttribute}) searchable: boolean = true;\n    @Input({transform: booleanAttribute}) virtualScroll: boolean = true;\n    @Input({transform: booleanAttribute}) closeOnSelect: boolean = true;\n    @Input({transform: booleanAttribute}) selectableGroup: boolean = false;\n    @Input({transform: booleanAttribute}) selectableGroupAsModel: boolean = false;\n    @Input({transform: booleanAttribute}) hideArrow: boolean = false;\n    @Input({transform: booleanAttribute}) selectOnTab: boolean = false;\n    @Input({transform: booleanAttribute}) hideSelected: boolean = false;\n    @Input({transform: numberAttribute}) maxSelectedItems: number | null = null;\n    @Input({transform: booleanAttribute}) disablePanelScrolling: boolean = false;\n    @Input() bindLabel: string | null = null;\n    @Input() bindValue: string | null = null;\n    @Input() placeholder: string | null = null;\n    @Input() typeahead: Subject<string> | null = null;\n    @Input() trackByFn: any | null = null;\n    @Input() groupBy: string | null = null;\n    @Input() isOpen: boolean = null;\n    @Input() clearSearchOnAdd: boolean = null;\n    @Input() addTag: boolean | ((term: string) => any | Promise<any>) = false;\n    @Input() appendTo: string | null = 'body';\n\n    @Input({transform: booleanAttribute})\n    set disabled(value: boolean) {\n        this._disabled = value;\n        this._disabled ? this.control?.disable() : this.control?.enable();\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n\n    @Input()\n    get value() {\n        return this.control.value;\n    }\n\n    @Output() valueChange = new EventEmitter<any | null>();\n    @Output() onBlur = new EventEmitter<FocusEvent>();\n    @Output() onChange = new EventEmitter<any | null>();\n\n    set value(value: any | null) {\n        this.control.setValue(value);\n        this.valueChange.emit(value);\n    }\n\n    // State.\n    error: boolean = false;\n    private _disabled: boolean = false;\n\n    // Callbacks.\n    onTouchedCallback: () => void = () => ({});\n    onChangeCallback: (_: T | null) => void = () => ({});\n\n    // Subscriptions.\n    private _subscription = new Subscription();\n\n    ngOnInit() {\n        this.handleValueChanges();\n        this.handleScrolling();\n    }\n\n    ngOnDestroy() {\n        this._subscription?.unsubscribe();\n    }\n\n    writeValue(value: T | null) {\n        this.control.patchValue(value, {emitEvent: false});\n    }\n\n    registerOnChange(method: (_: T | null) => void) {\n        this.onChangeCallback = method;\n    }\n\n    registerOnTouched(method: () => void) {\n        this.onTouchedCallback = method;\n    }\n\n    setDisabledState(isDisabled: boolean) {\n        this.disabled = isDisabled;\n    }\n\n    onErrorChange(error: { token: string, data?: any } | null) {\n        this.error = !!error;\n    }\n\n    private handleValueChanges() {\n        const subscription = this.control.valueChanges\n            .subscribe(value => this.onChangeCallback?.(value));\n        this._subscription.add(subscription);\n    }\n\n    private handleScrolling() {\n        if (this.appendTo === null || !this.selectComponent || this.disablePanelScrolling) {\n            return;\n        }\n\n        const subscription = this.selectComponent.openEvent.pipe(\n            switchMap(() => {\n                const scrollableElement = this.getScrollableContainer(this._elementRef?.nativeElement) ?? this._document?.documentElement ?? null;\n                if (!scrollableElement) {\n                    return of(null);\n                }\n\n                const initialScrollTop = scrollableElement?.scrollTop ?? 0;\n                return fromEvent(scrollableElement, 'scroll').pipe(\n                    throttleTime(4),\n                    filter(() => this.selectComponent?.isOpen),\n                    map(() => {\n                        const offset = Math.abs(initialScrollTop - (scrollableElement?.scrollTop ?? 0));\n                        return offset > 24\n                            ? this.selectComponent?.close?.()\n                            : this.selectComponent?.dropdownPanel?.adjustPosition?.();\n                    }),\n                    takeUntil(this.selectComponent.closeEvent)\n                );\n            })\n        ).subscribe();\n        this._subscription.add(subscription);\n    }\n\n    private getScrollableContainer(element: HTMLElement) {\n        if (!this._window || !element) {\n            return null;\n        }\n\n        let currentElement = element;\n\n        while (currentElement) {\n            const overflowY = this._window.getComputedStyle(currentElement).overflowY;\n            const isScrollable = (overflowY === 'auto' || overflowY === 'scroll');\n\n            if (isScrollable && currentElement.scrollHeight > currentElement.clientHeight) {\n                return currentElement;\n            }\n\n            currentElement = currentElement.parentElement;\n        }\n\n        return null;\n    }\n\n}\n","<!-- Label of the form control. -->\n@if (label; as labelContent) {\n    <label [attr.for]=\"labelId\"\n           class=\"bb-select-label\">\n        <ng-template [bbTemplate]=\"labelContent\">{{ labelContent }}</ng-template>\n    </label>\n}\n\n<ng-select [formControl]=\"control\"\n           [notFoundText]=\"'select.not_found_text' | bbLocalize\"\n           [clearAllText]=\"'select.clear_all_text' | bbLocalize\"\n           [loadingText]=\"'select.loading_text' | bbLocalize\"\n           [typeToSearchText]=\"'select.type_to_search_text' | bbLocalize\"\n           [addTagText]=\"'select.add_tag_text' | bbLocalize\"\n           [virtualScroll]=\"virtualScroll\"\n           [items]=\"data | async\"\n           [multiple]=\"multiple\"\n           [loading]=\"loading\"\n           [labelForId]=\"labelId\"\n           [searchable]=\"searchable\"\n           [placeholder]=\"placeholder\"\n           [clearable]=\"clearable\"\n           [closeOnSelect]=\"closeOnSelect\"\n           [trackByFn]=\"trackByFn\"\n           [typeahead]=\"typeahead\"\n           [bindLabel]=\"bindLabel\"\n           [bindValue]=\"bindValue\"\n           [selectableGroup]=\"selectableGroup\"\n           [selectableGroupAsModel]=\"selectableGroupAsModel\"\n           [clearSearchOnAdd]=\"clearSearchOnAdd\"\n           [hideSelected]=\"hideSelected\"\n           [maxSelectedItems]=\"maxSelectedItems\"\n           [groupBy]=\"groupBy\"\n           [isOpen]=\"isOpen\"\n           [readonly]=\"readonly\"\n           [addTag]=\"addTag\"\n           [appendTo]=\"appendTo\"\n           (blur)=\"onBlur?.emit($event)\"\n           (change)=\"onChange?.emit($event)\">\n    @if (optionTemplate) {\n        <ng-template ng-option-tmp\n                     let-item=\"item\"\n                     let-item$=\"item$\"\n                     let-index=\"index\">\n            <ng-container\n                *ngTemplateOutlet=\"optionTemplate; context: {item: item, item$: item$, index: index}\"></ng-container>\n        </ng-template>\n    }\n    @if (labelTemplate) {\n        <ng-template ng-label-tmp\n                     let-item=\"item\"\n                     let-item$=\"item$\"\n                     let-index=\"index\">\n            <ng-container\n                *ngTemplateOutlet=\"labelTemplate; context: {item: item, item$: item$, index: index}\"></ng-container>\n        </ng-template>\n    }\n    @if (multiLabelTemplate) {\n        <ng-template ng-multi-label-tmp\n                     let-items=\"items\"\n                     let-clear=\"clear\">\n            <ng-container *ngTemplateOutlet=\"multiLabelTemplate; context: {items: items, clear: clear}\"></ng-container>\n        </ng-template>\n    }\n    @if (optionGroupTemplate) {\n        <ng-template ng-optgroup-tmp\n                     let-item=\"item\"\n                     let-item$=\"item$\"\n                     let-index=\"index\">\n            <ng-container\n                *ngTemplateOutlet=\"optionGroupTemplate; context: {item: item, item$: item$, index: index}\"></ng-container>\n        </ng-template>\n    }\n</ng-select>\n\n@if (!hideErrors) {\n    <bb-form-error (errorChange)=\"onErrorChange($event)\"></bb-form-error>\n}\n\n<!-- The form control hint. -->\n@if (hint; as hintContent) {\n    <p class=\"bb-select-hint\">\n        <ng-template [bbTemplate]=\"hintContent\">{{ hintContent }}</ng-template>\n    </p>\n}\n","import {DefaultSelectionModelFactory, SELECTION_MODEL_FACTORY} from '@ng-select/ng-select';\nimport {EnvironmentProviders, makeEnvironmentProviders} from '@angular/core';\n\nexport function provideSelectConfig(): EnvironmentProviders {\n    return makeEnvironmentProviders([\n        {provide: SELECTION_MODEL_FACTORY, useValue: DefaultSelectionModelFactory}\n    ]);\n}\n","import {BbSelectOptionGroup} from './select-option-group.directive';\nimport {BbSelectMultiLabel} from './select-multi-label.directive';\nimport {BbSelectOption} from './select-option.directive';\nimport {BbSelectLabel} from './select-label.directive';\nimport {provideSelectConfig} from './select.config';\nimport {BbSelect} from './select/select.component';\nimport {NgModule} from '@angular/core';\n\n@NgModule({\n    imports: [\n        BbSelect,\n        BbSelectLabel,\n        BbSelectOption,\n        BbSelectOptionGroup,\n        BbSelectMultiLabel\n    ],\n    exports: [\n        BbSelect,\n        BbSelectLabel,\n        BbSelectOption,\n        BbSelectOptionGroup,\n        BbSelectMultiLabel\n    ],\n    providers: [\n        provideSelectConfig()\n    ]\n})\nexport class SelectModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"bravobit-bb-foundation-select.mjs","sources":["../../../projects/bb-foundation/select/src/lib/select-option-group.directive.ts","../../../projects/bb-foundation/select/src/lib/select-multi-label.directive.ts","../../../projects/bb-foundation/select/src/lib/select-option.directive.ts","../../../projects/bb-foundation/select/src/lib/select-label.directive.ts","../../../projects/bb-foundation/select/src/lib/select/select.component.ts","../../../projects/bb-foundation/select/src/lib/select/select.component.html","../../../projects/bb-foundation/select/src/lib/select.config.ts","../../../projects/bb-foundation/select/src/lib/select.module.ts","../../../projects/bb-foundation/select/src/bravobit-bb-foundation-select.ts"],"sourcesContent":["import {Directive, TemplateRef} from '@angular/core';\n\n@Directive({\n    selector: 'ng-template[bbSelectOptionGroup]'\n})\nexport class BbSelectOptionGroup {\n\n    constructor(public template: TemplateRef<any>) {\n    }\n\n}\n","import {Directive, TemplateRef} from '@angular/core';\n\n@Directive({\n    selector: 'ng-template[bbSelectMultiLabel]'\n})\nexport class BbSelectMultiLabel {\n\n    constructor(public template: TemplateRef<any>) {\n    }\n\n}\n","import {Directive, TemplateRef} from '@angular/core';\n\n@Directive({\n    selector: 'ng-template[bbSelectOption]'\n})\nexport class BbSelectOption {\n\n    constructor(public template: TemplateRef<any>) {\n    }\n\n}\n","import {Directive, TemplateRef} from '@angular/core';\n\n@Directive({\n    selector: 'ng-template[bbSelectLabel]'\n})\nexport class BbSelectLabel {\n\n    constructor(public template: TemplateRef<any>) {\n    }\n\n}\n","import {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    inject,\n    Input,\n    numberAttribute,\n    OnDestroy,\n    OnInit,\n    Output,\n    TemplateRef,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport {NgLabelTemplateDirective, NgMultiLabelTemplateDirective, NgOptgroupTemplateDirective, NgOptionTemplateDirective, NgSelectComponent} from '@ng-select/ng-select';\nimport {ControlValueAccessor, NG_VALUE_ACCESSOR, FormControl, ReactiveFormsModule} from '@angular/forms';\nimport {fromEvent, Observable, of, Subject, Subscription, takeUntil, throttleTime} from 'rxjs';\nimport {AsyncPipe, DOCUMENT, NgTemplateOutlet} from '@angular/common';\nimport {BbSelectOptionGroup} from '../select-option-group.directive';\nimport {observableAttribute, WINDOW} from '@bravobit/bb-foundation';\nimport {BbSelectMultiLabel} from '../select-multi-label.directive';\nimport {BbFormError} from '@bravobit/bb-foundation/elements';\nimport {BbLocalize} from '@bravobit/bb-foundation/localize';\nimport {BbSelectOption} from '../select-option.directive';\nimport {BbTemplate} from '@bravobit/bb-foundation/utils';\nimport {BbSelectLabel} from '../select-label.directive';\nimport {filter, map, switchMap} from 'rxjs/operators';\n\nlet nextUniqueId = 0;\n\n@Component({\n    selector: 'bb-select',\n    templateUrl: './select.component.html',\n    styleUrls: ['./select.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [{\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => BbSelect),\n            multi: true\n        }],\n    host: {\n        'class': 'bb-select',\n        '[class.required]': 'required',\n        '[class.readonly]': 'readonly',\n        '[class.disabled]': 'disabled',\n        '[class.grouped]': 'grouped',\n        '[class.error]': 'error',\n        '[class.hide-arrow]': 'hideArrow'\n    },\n    imports: [\n        ReactiveFormsModule,\n        AsyncPipe,\n        NgTemplateOutlet,\n        BbTemplate,\n        BbFormError,\n        BbLocalize,\n        NgSelectComponent,\n        NgOptionTemplateDirective,\n        NgLabelTemplateDirective,\n        NgMultiLabelTemplateDirective,\n        NgOptgroupTemplateDirective\n    ]\n})\nexport class BbSelect<T> implements ControlValueAccessor, OnInit, OnDestroy {\n\n    // Dependencies.\n    private readonly _elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n    private readonly _window?: Window = inject(WINDOW, {optional: true});\n    private readonly _document?: Document = inject(DOCUMENT, {optional: true});\n\n    // Readonly data.\n    readonly labelId = `bb-select-${nextUniqueId++}`;\n    readonly control = new FormControl();\n\n    // Content children.\n    @ContentChild(BbSelectOption, {read: TemplateRef}) optionTemplate: TemplateRef<any>;\n    @ContentChild(BbSelectOptionGroup, {read: TemplateRef}) optionGroupTemplate: TemplateRef<any>;\n    @ContentChild(BbSelectLabel, {read: TemplateRef}) labelTemplate: TemplateRef<any>;\n    @ContentChild(BbSelectMultiLabel, {read: TemplateRef}) multiLabelTemplate: TemplateRef<any>;\n\n    // View children.\n    @ViewChild(NgSelectComponent, {static: true}) selectComponent: NgSelectComponent;\n\n    // Inputs.\n    @Input() label: string | TemplateRef<any> | null = null;\n    @Input() hint: string | TemplateRef<any> | null = null;\n    @Input({transform: observableAttribute}) data: Observable<T[]> | null = null;\n    @Input({transform: booleanAttribute}) required: boolean = false;\n    @Input({transform: booleanAttribute}) readonly: boolean = false;\n    @Input({transform: booleanAttribute}) grouped: boolean = false;\n    @Input({transform: booleanAttribute}) hideErrors: boolean = false;\n    @Input({transform: booleanAttribute}) loading: boolean = false;\n    @Input({transform: booleanAttribute}) multiple: boolean = false;\n    @Input({transform: booleanAttribute}) clearable: boolean = true;\n    @Input({transform: booleanAttribute}) searchable: boolean = true;\n    @Input({transform: booleanAttribute}) virtualScroll: boolean = true;\n    @Input({transform: booleanAttribute}) closeOnSelect: boolean = true;\n    @Input({transform: booleanAttribute}) selectableGroup: boolean = false;\n    @Input({transform: booleanAttribute}) selectableGroupAsModel: boolean = false;\n    @Input({transform: booleanAttribute}) hideArrow: boolean = false;\n    @Input({transform: booleanAttribute}) selectOnTab: boolean = false;\n    @Input({transform: booleanAttribute}) hideSelected: boolean = false;\n    @Input({transform: numberAttribute}) maxSelectedItems: number | null = null;\n    @Input({transform: booleanAttribute}) disablePanelScrolling: boolean = false;\n    @Input() bindLabel: string | null = null;\n    @Input() bindValue: string | null = null;\n    @Input() placeholder: string | null = null;\n    @Input() typeahead: Subject<string> | null = null;\n    @Input() trackByFn: any | null = null;\n    @Input() groupBy: string | null = null;\n    @Input() isOpen: boolean = null;\n    @Input() clearSearchOnAdd: boolean = null;\n    @Input() addTag: boolean | ((term: string) => any | Promise<any>) = false;\n    @Input() appendTo: string | null = 'body';\n\n    @Input({transform: booleanAttribute})\n    set disabled(value: boolean) {\n        this._disabled = value;\n        this._disabled ? this.control?.disable() : this.control?.enable();\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n\n    @Input()\n    get value() {\n        return this.control.value;\n    }\n\n    @Output() valueChange = new EventEmitter<any | null>();\n    @Output() onBlur = new EventEmitter<FocusEvent>();\n    @Output() onChange = new EventEmitter<any | null>();\n\n    set value(value: any | null) {\n        this.control.setValue(value);\n        this.valueChange.emit(value);\n    }\n\n    // State.\n    error: boolean = false;\n    private _disabled: boolean = false;\n\n    // Callbacks.\n    onTouchedCallback: () => void = () => ({});\n    onChangeCallback: (_: T | null) => void = () => ({});\n\n    // Subscriptions.\n    private _subscription = new Subscription();\n\n    ngOnInit() {\n        this.handleValueChanges();\n        this.handleScrolling();\n    }\n\n    ngOnDestroy() {\n        this._subscription?.unsubscribe();\n    }\n\n    writeValue(value: T | null) {\n        this.control.patchValue(value, {emitEvent: false});\n    }\n\n    registerOnChange(method: (_: T | null) => void) {\n        this.onChangeCallback = method;\n    }\n\n    registerOnTouched(method: () => void) {\n        this.onTouchedCallback = method;\n    }\n\n    setDisabledState(isDisabled: boolean) {\n        this.disabled = isDisabled;\n    }\n\n    onErrorChange(error: { token: string, data?: any } | null) {\n        this.error = !!error;\n    }\n\n    private handleValueChanges() {\n        const subscription = this.control.valueChanges\n            .subscribe(value => this.onChangeCallback?.(value));\n        this._subscription.add(subscription);\n    }\n\n    private handleScrolling() {\n        if (this.appendTo === null || !this.selectComponent || this.disablePanelScrolling) {\n            return;\n        }\n\n        const subscription = this.selectComponent.openEvent.pipe(\n            switchMap(() => {\n                const scrollableElement = this.getScrollableContainer(this._elementRef?.nativeElement) ?? this._document?.documentElement ?? null;\n                if (!scrollableElement) {\n                    return of(null);\n                }\n\n                const initialScrollTop = scrollableElement?.scrollTop ?? 0;\n                return fromEvent(scrollableElement, 'scroll').pipe(\n                    throttleTime(4),\n                    filter(() => this.selectComponent?.isOpen),\n                    map(() => {\n                        const offset = Math.abs(initialScrollTop - (scrollableElement?.scrollTop ?? 0));\n                        return offset > 24\n                            ? this.selectComponent?.close?.()\n                            : this.selectComponent?.dropdownPanel?.adjustPosition?.();\n                    }),\n                    takeUntil(this.selectComponent.closeEvent)\n                );\n            })\n        ).subscribe();\n        this._subscription.add(subscription);\n    }\n\n    private getScrollableContainer(element: HTMLElement) {\n        if (!this._window || !element) {\n            return null;\n        }\n\n        let currentElement = element;\n\n        while (currentElement) {\n            const overflowY = this._window.getComputedStyle(currentElement).overflowY;\n            const isScrollable = (overflowY === 'auto' || overflowY === 'scroll');\n\n            if (isScrollable && currentElement.scrollHeight > currentElement.clientHeight) {\n                return currentElement;\n            }\n\n            currentElement = currentElement.parentElement;\n        }\n\n        return null;\n    }\n\n}\n","<!-- Label of the form control. -->\n@if (label; as labelContent) {\n    <label [attr.for]=\"labelId\"\n           class=\"bb-select-label\">\n        <ng-template [bbTemplate]=\"labelContent\">{{ labelContent }}</ng-template>\n    </label>\n}\n\n<ng-select [formControl]=\"control\"\n           [notFoundText]=\"'select.not_found_text' | bbLocalize\"\n           [clearAllText]=\"'select.clear_all_text' | bbLocalize\"\n           [loadingText]=\"'select.loading_text' | bbLocalize\"\n           [typeToSearchText]=\"'select.type_to_search_text' | bbLocalize\"\n           [addTagText]=\"'select.add_tag_text' | bbLocalize\"\n           [virtualScroll]=\"virtualScroll\"\n           [items]=\"data | async\"\n           [multiple]=\"multiple\"\n           [loading]=\"loading\"\n           [labelForId]=\"labelId\"\n           [searchable]=\"searchable\"\n           [placeholder]=\"placeholder\"\n           [clearable]=\"clearable\"\n           [closeOnSelect]=\"closeOnSelect\"\n           [trackByFn]=\"trackByFn\"\n           [typeahead]=\"typeahead\"\n           [bindLabel]=\"bindLabel\"\n           [bindValue]=\"bindValue\"\n           [selectableGroup]=\"selectableGroup\"\n           [selectableGroupAsModel]=\"selectableGroupAsModel\"\n           [clearSearchOnAdd]=\"clearSearchOnAdd\"\n           [hideSelected]=\"hideSelected\"\n           [maxSelectedItems]=\"maxSelectedItems\"\n           [groupBy]=\"groupBy\"\n           [isOpen]=\"isOpen\"\n           [readonly]=\"readonly\"\n           [addTag]=\"addTag\"\n           [appendTo]=\"appendTo\"\n           (blur)=\"onBlur?.emit($event)\"\n           (change)=\"onChange?.emit($event)\">\n    @if (optionTemplate) {\n        <ng-template ng-option-tmp\n                     let-item=\"item\"\n                     let-item$=\"item$\"\n                     let-index=\"index\">\n            <ng-container\n                *ngTemplateOutlet=\"optionTemplate; context: {item: item, item$: item$, index: index}\"></ng-container>\n        </ng-template>\n    }\n    @if (labelTemplate) {\n        <ng-template ng-label-tmp\n                     let-item=\"item\"\n                     let-item$=\"item$\"\n                     let-index=\"index\">\n            <ng-container\n                *ngTemplateOutlet=\"labelTemplate; context: {item: item, item$: item$, index: index}\"></ng-container>\n        </ng-template>\n    }\n    @if (multiLabelTemplate) {\n        <ng-template ng-multi-label-tmp\n                     let-items=\"items\"\n                     let-clear=\"clear\">\n            <ng-container *ngTemplateOutlet=\"multiLabelTemplate; context: {items: items, clear: clear}\"></ng-container>\n        </ng-template>\n    }\n    @if (optionGroupTemplate) {\n        <ng-template ng-optgroup-tmp\n                     let-item=\"item\"\n                     let-item$=\"item$\"\n                     let-index=\"index\">\n            <ng-container\n                *ngTemplateOutlet=\"optionGroupTemplate; context: {item: item, item$: item$, index: index}\"></ng-container>\n        </ng-template>\n    }\n</ng-select>\n\n@if (!hideErrors) {\n    <bb-form-error (errorChange)=\"onErrorChange($event)\"></bb-form-error>\n}\n\n<!-- The form control hint. -->\n@if (hint; as hintContent) {\n    <p class=\"bb-select-hint\">\n        <ng-template [bbTemplate]=\"hintContent\">{{ hintContent }}</ng-template>\n    </p>\n}\n","import {DefaultSelectionModelFactory, SELECTION_MODEL_FACTORY} from '@ng-select/ng-select';\nimport {EnvironmentProviders, makeEnvironmentProviders} from '@angular/core';\n\nexport function provideSelectConfig(): EnvironmentProviders {\n    return makeEnvironmentProviders([\n        {provide: SELECTION_MODEL_FACTORY, useValue: DefaultSelectionModelFactory}\n    ]);\n}\n","import {BbSelectOptionGroup} from './select-option-group.directive';\nimport {BbSelectMultiLabel} from './select-multi-label.directive';\nimport {BbSelectOption} from './select-option.directive';\nimport {BbSelectLabel} from './select-label.directive';\nimport {provideSelectConfig} from './select.config';\nimport {BbSelect} from './select/select.component';\nimport {NgModule} from '@angular/core';\n\n@NgModule({\n    imports: [\n        BbSelect,\n        BbSelectLabel,\n        BbSelectOption,\n        BbSelectOptionGroup,\n        BbSelectMultiLabel\n    ],\n    exports: [\n        BbSelect,\n        BbSelectLabel,\n        BbSelectOption,\n        BbSelectOptionGroup,\n        BbSelectMultiLabel\n    ],\n    providers: [\n        provideSelectConfig()\n    ]\n})\nexport class SelectModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/bravobit-bb-foundation-storage.mjs

@@ -400,10 +400,10 @@ class Storage {
             return null;
         }
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: Storage, deps: [{ token: i1.Platform }, { token: COOKIE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: Storage, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: Storage, deps: [{ token: i1.Platform }, { token: COOKIE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: Storage, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: Storage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: Storage, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/bravobit-bb-foundation-table.mjs

@@ -221,12 +221,12 @@ class BbTablePager {
             .filter(page => page > 0 && page <= totalPages)
             .map(page => ({ page, active: pageNumber === page }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BbTablePager, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: BbTablePager, isStandalone: true, selector: "bb-table-pager", inputs: { amountOfButtons: "amountOfButtons", showArrowButtons: "showArrowButtons", disabled: ["disabled", "disabled", booleanAttribute], pageNumber: "pageNumber", totalPages: "totalPages" }, host: { properties: { "class.disabled": "disabled" }, classAttribute: "bb-table-pager" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: BbTablePager, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: BbTablePager, isStandalone: true, selector: "bb-table-pager", inputs: { amountOfButtons: "amountOfButtons", showArrowButtons: "showArrowButtons", disabled: ["disabled", "disabled", booleanAttribute], pageNumber: "pageNumber", totalPages: "totalPages" }, host: { properties: { "class.disabled": "disabled" }, classAttribute: "bb-table-pager" }, providers: [
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => BbTablePager), multi: true }
         ], ngImport: i0, template: "<ul class=\"bb-pager-list\">\n    <!-- The previous page arrow button. -->\n    @if (showArrowButtons) {\n        <li class=\"bb-pager-list-item\"\n            title=\"Previous page\">\n            <button [disabled]=\"isPreviousDisabled$ | async\"\n                    (click)=\"goToPrevious()\"\n                    class=\"bb-pager-list-button\"\n                    type=\"button\">\n                <bb-icon src=\"material:keyboard_arrow_left\"></bb-icon>\n            </button>\n        </li>\n    }\n\n    <!-- The list of number buttons to navigate through the list. -->\n    @if (list$ | async; as list) {\n        @for (item of list; track $index) {\n            <li [title]=\"'Page ' + item?.page\"\n                class=\"bb-pager-list-item\">\n                <button (click)=\"goToIndex(item?.page)\"\n                        [class.active]=\"item?.active\"\n                        class=\"bb-pager-list-button\"\n                        type=\"button\">\n                    {{ item?.page }}\n                </button>\n            </li>\n        }\n    }\n\n    <!-- The next page arrow button. -->\n    @if (showArrowButtons) {\n        <li class=\"bb-pager-list-item\"\n            title=\"Next page\">\n            <button [disabled]=\"isNextDisabled$ | async\"\n                    (click)=\"goToNext()\"\n                    class=\"bb-pager-list-button\"\n                    type=\"button\">\n                <bb-icon src=\"material:keyboard_arrow_right\"></bb-icon>\n            </button>\n        </li>\n    }\n</ul>\n", styles: [".bb-table-pager{flex:1;display:flex;align-items:center;justify-content:flex-end}.bb-table-pager.disabled{opacity:.5;-webkit-user-select:none;user-select:none;pointer-events:none}.bb-pager-list{display:flex}.bb-pager-list-item{margin-left:.5rem}.bb-pager-list-button{padding:0;color:#3d464d;line-height:1;min-width:2rem;font-size:1rem;appearance:none;font-weight:500;min-height:2rem;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex;border-radius:.25rem;justify-content:center;border:1px solid #b6bbc1;transition-duration:.2s;background-color:transparent;transition-timing-function:cubic-bezier(0,0,.2,1);box-shadow:0 .375rem .375rem -.375rem #0000001a;transition-property:color,border-color,opacity,background-color}.bb-pager-list-button:hover,.bb-pager-list-button:focus{background-color:#0000000a}.bb-pager-list-button.active,.bb-pager-list-button.active:hover{color:#2196f3;cursor:default;border-color:#2196f3;background-color:transparent}.bb-pager-list-button:disabled{opacity:.35;cursor:default;pointer-events:none}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: BbIcon, selector: "bb-icon", inputs: ["alt", "size", "ariaHidden", "unit", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BbTablePager, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: BbTablePager, decorators: [{
             type: Component,
             args: [{ selector: 'bb-table-pager', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'bb-table-pager',
@@ -248,20 +248,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
             }] } });
 
 class BbTableColumnDef {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BbTableColumnDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: BbTableColumnDef, isStandalone: true, selector: "ng-template[bbTableColumnDef]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: BbTableColumnDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.1", type: BbTableColumnDef, isStandalone: true, selector: "ng-template[bbTableColumnDef]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BbTableColumnDef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: BbTableColumnDef, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[bbTableColumnDef]'
                 }]
         }] });
 class BbTableRowDef {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BbTableRowDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: BbTableRowDef, isStandalone: true, selector: "ng-template[bbTableRowDef]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: BbTableRowDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.1", type: BbTableRowDef, isStandalone: true, selector: "ng-template[bbTableRowDef]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BbTableRowDef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: BbTableRowDef, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[bbTableRowDef]'
@@ -406,10 +406,10 @@ class BbTable {
     getFormChanges() {
         return merge(this.form.valueChanges, defer(() => of(this.form?.value)));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BbTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: BbTable, isStandalone: true, selector: "bb-table", inputs: { identifier: "identifier", dataSource: "dataSource", queryFields: "queryFields", sortingStrategy: "sortingStrategy", header: "header", footer: "footer", sizes: "sizes" }, host: { classAttribute: "bb-table" }, queries: [{ propertyName: "tableRowTemplate", first: true, predicate: BbTableRowDef, descendants: true, read: TemplateRef }, { propertyName: "tableColumnTemplates", predicate: BbTableColumnDef, read: TemplateRef }], ngImport: i0, template: "<!--\n    This is the header of the table. It can be a user\n    defined custom header or just the default header.\n-->\n\n@if ((header === true ? headerTemplate : header); as template) {\n    <header class=\"bb-table-top-actions\">\n        <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n    </header>\n}\n\n<!--\n    This is the table that contains the\n    rows and columns.\n-->\n\n<div class=\"bb-table-wrapper\">\n    @if (isLoading$ | async) {\n        <div class=\"bb-table-progress\">\n            <div class=\"bb-table-indeterminate\"></div>\n        </div>\n    }\n    <table class=\"bb-table-container\">\n        <thead>\n            <tr>\n                <ng-content select=\"bb-table-header-cell\"></ng-content>\n            </tr>\n        </thead>\n        <tbody>\n            @if (data$ | async; as data) {\n                @switch (data?.state) {\n                    @case ('success') {\n                        @if (!!tableRowTemplate) {\n                            <ng-container\n                                *ngTemplateOutlet=\"tableRowTemplate; context: {data: data?.result?.data ?? []}\"></ng-container>\n                        } @else {\n                            @for (item of data?.result?.data; track (identifier ? item[identifier] : $index)) {\n                                <tr>\n                                    @for (template of tableColumnTemplates; track $index) {\n                                        <ng-container\n                                            *ngTemplateOutlet=\"template; context: {item: item}\"></ng-container>\n                                    }\n                                </tr>\n                            }\n                        }\n                    }\n                    @case ('empty') {\n                        <ng-container *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n                    }\n                    @case ('error_datasource') {\n                        <ng-container *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n                    }\n                    @case ('error_not_found') {\n                        <ng-container *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n                    }\n                    @case ('error_server') {\n                        <ng-container *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n                    }\n                    @case ('error_down') {\n                        <ng-container *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n                    }\n                    @default {\n                        <ng-container *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n                    }\n                }\n\n            } @else {\n                <tr>\n                    <td [attr.colspan]=\"headerCount\"\n                        class=\"bb-table-template\">\n                        <div class=\"bb-table-template-content\">\n                            {{ 'tables.loading' | bbLocalize }}\n                        </div>\n                    </td>\n                </tr>\n            }\n        </tbody>\n    </table>\n</div>\n\n@if ((footer === true ? footerTemplate : footer); as template) {\n    <footer class=\"bb-table-bottom-actions\">\n        <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n    </footer>\n}\n\n<!--\n    This is the template that will be used when the user has not\n    supplied a custom header template.\n-->\n\n<ng-template #headerTemplate>\n    <ng-content></ng-content>\n    <bb-form-control>\n        <input [formControl]=\"queryControl\"\n               [placeholder]=\"'tables.search' | bbLocalize\"\n               bbInput\n               autocomplete=\"off\">\n        @if (queryControl?.value?.length <= 0) {\n            <bb-icon bbSuffix\n                     src=\"material:search\">\n            </bb-icon>\n        } @else {\n            <button (click)=\"queryControl?.patchValue('')\"\n                    bbSuffix\n                    type=\"button\"\n                    class=\"bb-table-progress-close-query\">\n                <bb-icon src=\"material:close\"></bb-icon>\n            </button>\n        }\n    </bb-form-control>\n</ng-template>\n\n<!--\n    This is the template that will be used when the user has not\n    supplied a custom footer template.\n-->\n\n<ng-template #footerTemplate>\n    @if (sizes?.length > 1) {\n        <bb-form-control>\n            <select [formControl]=\"pageSizeControl\"\n                    bbInput\n                    title=\"Sizes\">\n                @for (item of sizes; track item) {\n                    <option [ngValue]=\"item\">\n                        {{ item }} / {{ 'tables.page' | bbLocalize }}\n                    </option>\n                }\n            </select>\n        </bb-form-control>\n    }\n\n    <bb-table-pager [totalPages]=\"(data$ | async)?.result?.totalPages\"\n                    [formControl]=\"pageNumberControl\">\n    </bb-table-pager>\n</ng-template>\n\n<ng-template #errorTemplate\n             let-state=\"state\"\n             let-status=\"statusCode\">\n    <tr>\n        <td [attr.colspan]=\"headerCount\"\n            class=\"bb-table-template\">\n            <div class=\"bb-table-template-content\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\"\n                     viewBox=\"0 0 64 41\"\n                     width=\"4rem\"\n                     height=\"2.5625rem\">\n                    <g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(0 1)\">\n                        <ellipse cx=\"32\" cy=\"33\" fill=\"#F5F5F5\" rx=\"32\" ry=\"7\"></ellipse>\n                        <g fill-rule=\"nonzero\" stroke=\"#D9D9D9\">\n                            <path\n                                d=\"M55 12.7605604L44.8543047 1.25739633C44.3674414.47382661 43.6558789 0 42.9067617 0H21.0932383c-.7491172 0-1.4606797.47395025-1.947543 1.25739633L9 12.7605604V22h46v-9.2394396z\"></path>\n                            <path fill=\"#FAFAFA\"\n                                  d=\"M41.6132813 15.9315c0-1.6056489.9936718-2.931266 2.2264179-2.9315H55v18.1371277C55 33.2589574 53.6793867 35 52.0504297 35H11.94957031C10.32052344 35 9 33.2588404 9 31.1371277V13h11.1603008c1.2327461 0 2.226418 1.3228085 2.226418 2.9284574v.0211809c0 1.6056489 1.0049921 2.9015426 2.2377382 2.9015426h14.751086c1.2327461 0 2.2377383-1.3078298 2.2377383-2.9134788V15.9315z\"></path>\n                        </g>\n                    </g>\n                </svg>\n                @if (state; as stateLabel) {\n                    <span>{{ ('tables.' + stateLabel) | bbLocalize }}</span>\n                }\n                @if (status; as statusCode) {\n                    <span class=\"bb-table-template-content-code\">(HTTP {{ statusCode }})</span>\n                }\n            </div>\n        </td>\n    </tr>\n</ng-template>\n", styles: [".bb-table{width:100%;display:block;box-shadow:0 .375rem .375rem -.375rem #0000001a}.bb-table.plain{box-shadow:none}.bb-table.plain>.bb-table-wrapper{border-top-left-radius:0;border-top-right-radius:0}.bb-table-wrapper{overflow-x:auto;position:relative;background-color:#fff;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bb-table-container{width:100%}.bb-table-container td{border-bottom:1px solid #d8d8d8}.bb-table-top-actions{display:flex;flex-wrap:wrap;flex-direction:column;background-color:#fff;justify-content:flex-end;padding:1.5rem 1.5rem .75rem;border-top-left-radius:.25rem;border-bottom:1px solid #d8d8d8;border-top-right-radius:.25rem}.bb-table-top-actions>*{margin-left:0;margin-bottom:.75rem}.bb-table-top-actions+.bb-table-wrapper{border-radius:0}.bb-table-bottom-actions{height:4rem;display:flex;overflow-x:auto;padding:0 1.5rem;align-items:center;background-color:#fff;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bb-table-template{border:none;background-color:#f5f5f5;border-bottom:1px solid #d8d8d8}.bb-table-template-content{display:flex;color:#3d464d;padding:1.5rem;line-height:1.2;font-weight:400;text-align:center;font-size:.875rem;min-height:8.75rem;align-items:center;flex-direction:column;justify-content:center}.bb-table-template-content>svg{margin-bottom:.75rem}.bb-table-template-content-code{opacity:.5;margin-top:.25rem;display:inline-block}.bb-table-progress{top:0;left:0;right:0;opacity:0;width:100%;display:block;height:.25rem;overflow:hidden;position:absolute;background-color:#2f408b4d;animation:fadeIn .25s cubic-bezier(0,0,.2,1) .1s forwards}.bb-table-progress .bb-table-indeterminate{background-color:#2f408b}.bb-table-progress .bb-table-indeterminate:before{top:0;left:0;bottom:0;content:\"\";position:absolute;will-change:left,right;background-color:inherit;animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.bb-table-progress .bb-table-indeterminate:after{top:0;left:0;bottom:0;content:\"\";position:absolute;animation-delay:1.15s;will-change:left,right;background-color:inherit;animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite}.bb-table-progress-close-query{padding:0;border:none;border-radius:.25rem;background-color:transparent;transition:background-color .25s cubic-bezier(0,0,.2,1)}.bb-table-progress-close-query:hover{background-color:#00000014}.bb-table-progress-close-query:focus{background-color:#0000001f}.bb-table-progress-close-query:active{background-color:#00000029}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@media only screen and (min-width: 768px){.bb-table-top-actions{flex-direction:row}.bb-table-top-actions>*:not(:first-child){margin-left:.75rem;margin-bottom:.75rem}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: BbLocalize, name: "bbLocalize" }, { kind: "component", type: BbFormControl, selector: "bb-form-control", inputs: ["label", "hint", "grouped", "hideErrors"] }, { kind: "directive", type: BbInput, selector: "input[bbInput],textarea[bbInput],select[bbInput]", inputs: ["required"] }, { kind: "component", type: BbIcon, selector: "bb-icon", inputs: ["alt", "size", "ariaHidden", "unit", "src"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: BbSuffix, selector: "[bbSuffix]" }, { kind: "component", type: BbTablePager, selector: "bb-table-pager", inputs: ["amountOfButtons", "showArrowButtons", "disabled", "pageNumber", "totalPages"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: BbTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: BbTable, isStandalone: true, selector: "bb-table", inputs: { identifier: "identifier", dataSource: "dataSource", queryFields: "queryFields", sortingStrategy: "sortingStrategy", header: "header", footer: "footer", sizes: "sizes" }, host: { classAttribute: "bb-table" }, queries: [{ propertyName: "tableRowTemplate", first: true, predicate: BbTableRowDef, descendants: true, read: TemplateRef }, { propertyName: "tableColumnTemplates", predicate: BbTableColumnDef, read: TemplateRef }], ngImport: i0, template: "<!--\n    This is the header of the table. It can be a user\n    defined custom header or just the default header.\n-->\n\n@if ((header === true ? headerTemplate : header); as template) {\n    <header class=\"bb-table-top-actions\">\n        <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n    </header>\n}\n\n<!--\n    This is the table that contains the\n    rows and columns.\n-->\n\n<div class=\"bb-table-wrapper\">\n    @if (isLoading$ | async) {\n        <div class=\"bb-table-progress\">\n            <div class=\"bb-table-indeterminate\"></div>\n        </div>\n    }\n    <table class=\"bb-table-container\">\n        <thead>\n            <tr>\n                <ng-content select=\"bb-table-header-cell\"></ng-content>\n            </tr>\n        </thead>\n        <tbody>\n            @if (data$ | async; as data) {\n                @switch (data?.state) {\n                    @case ('success') {\n                        @if (!!tableRowTemplate) {\n                            <ng-container\n                                *ngTemplateOutlet=\"tableRowTemplate; context: {data: data?.result?.data ?? []}\"></ng-container>\n                        } @else {\n                            @for (item of data?.result?.data; track (identifier ? item[identifier] : $index)) {\n                                <tr>\n                                    @for (template of tableColumnTemplates; track $index) {\n                                        <ng-container\n                                            *ngTemplateOutlet=\"template; context: {item: item}\"></ng-container>\n                                    }\n                                </tr>\n                            }\n                        }\n                    }\n                    @case ('empty') {\n                        <ng-container *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n                    }\n                    @case ('error_datasource') {\n                        <ng-container *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n                    }\n                    @case ('error_not_found') {\n                        <ng-container *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n                    }\n                    @case ('error_server') {\n                        <ng-container *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n                    }\n                    @case ('error_down') {\n                        <ng-container *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n                    }\n                    @default {\n                        <ng-container *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n                    }\n                }\n\n            } @else {\n                <tr>\n                    <td [attr.colspan]=\"headerCount\"\n                        class=\"bb-table-template\">\n                        <div class=\"bb-table-template-content\">\n                            {{ 'tables.loading' | bbLocalize }}\n                        </div>\n                    </td>\n                </tr>\n            }\n        </tbody>\n    </table>\n</div>\n\n@if ((footer === true ? footerTemplate : footer); as template) {\n    <footer class=\"bb-table-bottom-actions\">\n        <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n    </footer>\n}\n\n<!--\n    This is the template that will be used when the user has not\n    supplied a custom header template.\n-->\n\n<ng-template #headerTemplate>\n    <ng-content></ng-content>\n    <bb-form-control>\n        <input [formControl]=\"queryControl\"\n               [placeholder]=\"'tables.search' | bbLocalize\"\n               bbInput\n               autocomplete=\"off\">\n        @if (queryControl?.value?.length <= 0) {\n            <bb-icon bbSuffix\n                     src=\"material:search\">\n            </bb-icon>\n        } @else {\n            <button (click)=\"queryControl?.patchValue('')\"\n                    bbSuffix\n                    type=\"button\"\n                    class=\"bb-table-progress-close-query\">\n                <bb-icon src=\"material:close\"></bb-icon>\n            </button>\n        }\n    </bb-form-control>\n</ng-template>\n\n<!--\n    This is the template that will be used when the user has not\n    supplied a custom footer template.\n-->\n\n<ng-template #footerTemplate>\n    @if (sizes?.length > 1) {\n        <bb-form-control>\n            <select [formControl]=\"pageSizeControl\"\n                    bbInput\n                    title=\"Sizes\">\n                @for (item of sizes; track item) {\n                    <option [ngValue]=\"item\">\n                        {{ item }} / {{ 'tables.page' | bbLocalize }}\n                    </option>\n                }\n            </select>\n        </bb-form-control>\n    }\n\n    <bb-table-pager [totalPages]=\"(data$ | async)?.result?.totalPages\"\n                    [formControl]=\"pageNumberControl\">\n    </bb-table-pager>\n</ng-template>\n\n<ng-template #errorTemplate\n             let-state=\"state\"\n             let-status=\"statusCode\">\n    <tr>\n        <td [attr.colspan]=\"headerCount\"\n            class=\"bb-table-template\">\n            <div class=\"bb-table-template-content\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\"\n                     viewBox=\"0 0 64 41\"\n                     width=\"4rem\"\n                     height=\"2.5625rem\">\n                    <g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(0 1)\">\n                        <ellipse cx=\"32\" cy=\"33\" fill=\"#F5F5F5\" rx=\"32\" ry=\"7\"></ellipse>\n                        <g fill-rule=\"nonzero\" stroke=\"#D9D9D9\">\n                            <path\n                                d=\"M55 12.7605604L44.8543047 1.25739633C44.3674414.47382661 43.6558789 0 42.9067617 0H21.0932383c-.7491172 0-1.4606797.47395025-1.947543 1.25739633L9 12.7605604V22h46v-9.2394396z\"></path>\n                            <path fill=\"#FAFAFA\"\n                                  d=\"M41.6132813 15.9315c0-1.6056489.9936718-2.931266 2.2264179-2.9315H55v18.1371277C55 33.2589574 53.6793867 35 52.0504297 35H11.94957031C10.32052344 35 9 33.2588404 9 31.1371277V13h11.1603008c1.2327461 0 2.226418 1.3228085 2.226418 2.9284574v.0211809c0 1.6056489 1.0049921 2.9015426 2.2377382 2.9015426h14.751086c1.2327461 0 2.2377383-1.3078298 2.2377383-2.9134788V15.9315z\"></path>\n                        </g>\n                    </g>\n                </svg>\n                @if (state; as stateLabel) {\n                    <span>{{ ('tables.' + stateLabel) | bbLocalize }}</span>\n                }\n                @if (status; as statusCode) {\n                    <span class=\"bb-table-template-content-code\">(HTTP {{ statusCode }})</span>\n                }\n            </div>\n        </td>\n    </tr>\n</ng-template>\n", styles: [".bb-table{width:100%;display:block;box-shadow:0 .375rem .375rem -.375rem #0000001a}.bb-table.plain{box-shadow:none}.bb-table.plain>.bb-table-wrapper{border-top-left-radius:0;border-top-right-radius:0}.bb-table-wrapper{overflow-x:auto;position:relative;background-color:#fff;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bb-table-container{width:100%}.bb-table-container td{border-bottom:1px solid #d8d8d8}.bb-table-top-actions{display:flex;flex-wrap:wrap;flex-direction:column;background-color:#fff;justify-content:flex-end;padding:1.5rem 1.5rem .75rem;border-top-left-radius:.25rem;border-bottom:1px solid #d8d8d8;border-top-right-radius:.25rem}.bb-table-top-actions>*{margin-left:0;margin-bottom:.75rem}.bb-table-top-actions+.bb-table-wrapper{border-radius:0}.bb-table-bottom-actions{height:4rem;display:flex;overflow-x:auto;padding:0 1.5rem;align-items:center;background-color:#fff;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bb-table-template{border:none;background-color:#f5f5f5;border-bottom:1px solid #d8d8d8}.bb-table-template-content{display:flex;color:#3d464d;padding:1.5rem;line-height:1.2;font-weight:400;text-align:center;font-size:.875rem;min-height:8.75rem;align-items:center;flex-direction:column;justify-content:center}.bb-table-template-content>svg{margin-bottom:.75rem}.bb-table-template-content-code{opacity:.5;margin-top:.25rem;display:inline-block}.bb-table-progress{top:0;left:0;right:0;opacity:0;width:100%;display:block;height:.25rem;overflow:hidden;position:absolute;background-color:#2f408b4d;animation:fadeIn .25s cubic-bezier(0,0,.2,1) .1s forwards}.bb-table-progress .bb-table-indeterminate{background-color:#2f408b}.bb-table-progress .bb-table-indeterminate:before{top:0;left:0;bottom:0;content:\"\";position:absolute;will-change:left,right;background-color:inherit;animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.bb-table-progress .bb-table-indeterminate:after{top:0;left:0;bottom:0;content:\"\";position:absolute;animation-delay:1.15s;will-change:left,right;background-color:inherit;animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite}.bb-table-progress-close-query{padding:0;border:none;border-radius:.25rem;background-color:transparent;transition:background-color .25s cubic-bezier(0,0,.2,1)}.bb-table-progress-close-query:hover{background-color:#00000014}.bb-table-progress-close-query:focus{background-color:#0000001f}.bb-table-progress-close-query:active{background-color:#00000029}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@media only screen and (min-width: 768px){.bb-table-top-actions{flex-direction:row}.bb-table-top-actions>*:not(:first-child){margin-left:.75rem;margin-bottom:.75rem}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: BbLocalize, name: "bbLocalize" }, { kind: "component", type: BbFormControl, selector: "bb-form-control", inputs: ["label", "hint", "grouped", "hideErrors"] }, { kind: "directive", type: BbInput, selector: "input[bbInput],textarea[bbInput],select[bbInput]", inputs: ["required"] }, { kind: "component", type: BbIcon, selector: "bb-icon", inputs: ["alt", "size", "ariaHidden", "unit", "src"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: BbSuffix, selector: "[bbSuffix]" }, { kind: "component", type: BbTablePager, selector: "bb-table-pager", inputs: ["amountOfButtons", "showArrowButtons", "disabled", "pageNumber", "totalPages"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BbTable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: BbTable, decorators: [{
             type: Component,
             args: [{ selector: 'bb-table', host: { 'class': 'bb-table' }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet, AsyncPipe, BbLocalize, BbFormControl, BbInput, BbIcon, ReactiveFormsModule, BbSuffix, BbTablePager, BbLocalize], template: "<!--\n    This is the header of the table. It can be a user\n    defined custom header or just the default header.\n-->\n\n@if ((header === true ? headerTemplate : header); as template) {\n    <header class=\"bb-table-top-actions\">\n        <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n    </header>\n}\n\n<!--\n    This is the table that contains the\n    rows and columns.\n-->\n\n<div class=\"bb-table-wrapper\">\n    @if (isLoading$ | async) {\n        <div class=\"bb-table-progress\">\n            <div class=\"bb-table-indeterminate\"></div>\n        </div>\n    }\n    <table class=\"bb-table-container\">\n        <thead>\n            <tr>\n                <ng-content select=\"bb-table-header-cell\"></ng-content>\n            </tr>\n        </thead>\n        <tbody>\n            @if (data$ | async; as data) {\n                @switch (data?.state) {\n                    @case ('success') {\n                        @if (!!tableRowTemplate) {\n                            <ng-container\n                                *ngTemplateOutlet=\"tableRowTemplate; context: {data: data?.result?.data ?? []}\"></ng-container>\n                        } @else {\n                            @for (item of data?.result?.data; track (identifier ? item[identifier] : $index)) {\n                                <tr>\n                                    @for (template of tableColumnTemplates; track $index) {\n                                        <ng-container\n                                            *ngTemplateOutlet=\"template; context: {item: item}\"></ng-container>\n                                    }\n                                </tr>\n                            }\n                        }\n                    }\n                    @case ('empty') {\n                        <ng-container *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n                    }\n                    @case ('error_datasource') {\n                        <ng-container *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n                    }\n                    @case ('error_not_found') {\n                        <ng-container *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n                    }\n                    @case ('error_server') {\n                        <ng-container *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n                    }\n                    @case ('error_down') {\n                        <ng-container *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n                    }\n                    @default {\n                        <ng-container *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n                    }\n                }\n\n            } @else {\n                <tr>\n                    <td [attr.colspan]=\"headerCount\"\n                        class=\"bb-table-template\">\n                        <div class=\"bb-table-template-content\">\n                            {{ 'tables.loading' | bbLocalize }}\n                        </div>\n                    </td>\n                </tr>\n            }\n        </tbody>\n    </table>\n</div>\n\n@if ((footer === true ? footerTemplate : footer); as template) {\n    <footer class=\"bb-table-bottom-actions\">\n        <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n    </footer>\n}\n\n<!--\n    This is the template that will be used when the user has not\n    supplied a custom header template.\n-->\n\n<ng-template #headerTemplate>\n    <ng-content></ng-content>\n    <bb-form-control>\n        <input [formControl]=\"queryControl\"\n               [placeholder]=\"'tables.search' | bbLocalize\"\n               bbInput\n               autocomplete=\"off\">\n        @if (queryControl?.value?.length <= 0) {\n            <bb-icon bbSuffix\n                     src=\"material:search\">\n            </bb-icon>\n        } @else {\n            <button (click)=\"queryControl?.patchValue('')\"\n                    bbSuffix\n                    type=\"button\"\n                    class=\"bb-table-progress-close-query\">\n                <bb-icon src=\"material:close\"></bb-icon>\n            </button>\n        }\n    </bb-form-control>\n</ng-template>\n\n<!--\n    This is the template that will be used when the user has not\n    supplied a custom footer template.\n-->\n\n<ng-template #footerTemplate>\n    @if (sizes?.length > 1) {\n        <bb-form-control>\n            <select [formControl]=\"pageSizeControl\"\n                    bbInput\n                    title=\"Sizes\">\n                @for (item of sizes; track item) {\n                    <option [ngValue]=\"item\">\n                        {{ item }} / {{ 'tables.page' | bbLocalize }}\n                    </option>\n                }\n            </select>\n        </bb-form-control>\n    }\n\n    <bb-table-pager [totalPages]=\"(data$ | async)?.result?.totalPages\"\n                    [formControl]=\"pageNumberControl\">\n    </bb-table-pager>\n</ng-template>\n\n<ng-template #errorTemplate\n             let-state=\"state\"\n             let-status=\"statusCode\">\n    <tr>\n        <td [attr.colspan]=\"headerCount\"\n            class=\"bb-table-template\">\n            <div class=\"bb-table-template-content\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\"\n                     viewBox=\"0 0 64 41\"\n                     width=\"4rem\"\n                     height=\"2.5625rem\">\n                    <g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(0 1)\">\n                        <ellipse cx=\"32\" cy=\"33\" fill=\"#F5F5F5\" rx=\"32\" ry=\"7\"></ellipse>\n                        <g fill-rule=\"nonzero\" stroke=\"#D9D9D9\">\n                            <path\n                                d=\"M55 12.7605604L44.8543047 1.25739633C44.3674414.47382661 43.6558789 0 42.9067617 0H21.0932383c-.7491172 0-1.4606797.47395025-1.947543 1.25739633L9 12.7605604V22h46v-9.2394396z\"></path>\n                            <path fill=\"#FAFAFA\"\n                                  d=\"M41.6132813 15.9315c0-1.6056489.9936718-2.931266 2.2264179-2.9315H55v18.1371277C55 33.2589574 53.6793867 35 52.0504297 35H11.94957031C10.32052344 35 9 33.2588404 9 31.1371277V13h11.1603008c1.2327461 0 2.226418 1.3228085 2.226418 2.9284574v.0211809c0 1.6056489 1.0049921 2.9015426 2.2377382 2.9015426h14.751086c1.2327461 0 2.2377383-1.3078298 2.2377383-2.9134788V15.9315z\"></path>\n                        </g>\n                    </g>\n                </svg>\n                @if (state; as stateLabel) {\n                    <span>{{ ('tables.' + stateLabel) | bbLocalize }}</span>\n                }\n                @if (status; as statusCode) {\n                    <span class=\"bb-table-template-content-code\">(HTTP {{ statusCode }})</span>\n                }\n            </div>\n        </td>\n    </tr>\n</ng-template>\n", styles: [".bb-table{width:100%;display:block;box-shadow:0 .375rem .375rem -.375rem #0000001a}.bb-table.plain{box-shadow:none}.bb-table.plain>.bb-table-wrapper{border-top-left-radius:0;border-top-right-radius:0}.bb-table-wrapper{overflow-x:auto;position:relative;background-color:#fff;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bb-table-container{width:100%}.bb-table-container td{border-bottom:1px solid #d8d8d8}.bb-table-top-actions{display:flex;flex-wrap:wrap;flex-direction:column;background-color:#fff;justify-content:flex-end;padding:1.5rem 1.5rem .75rem;border-top-left-radius:.25rem;border-bottom:1px solid #d8d8d8;border-top-right-radius:.25rem}.bb-table-top-actions>*{margin-left:0;margin-bottom:.75rem}.bb-table-top-actions+.bb-table-wrapper{border-radius:0}.bb-table-bottom-actions{height:4rem;display:flex;overflow-x:auto;padding:0 1.5rem;align-items:center;background-color:#fff;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bb-table-template{border:none;background-color:#f5f5f5;border-bottom:1px solid #d8d8d8}.bb-table-template-content{display:flex;color:#3d464d;padding:1.5rem;line-height:1.2;font-weight:400;text-align:center;font-size:.875rem;min-height:8.75rem;align-items:center;flex-direction:column;justify-content:center}.bb-table-template-content>svg{margin-bottom:.75rem}.bb-table-template-content-code{opacity:.5;margin-top:.25rem;display:inline-block}.bb-table-progress{top:0;left:0;right:0;opacity:0;width:100%;display:block;height:.25rem;overflow:hidden;position:absolute;background-color:#2f408b4d;animation:fadeIn .25s cubic-bezier(0,0,.2,1) .1s forwards}.bb-table-progress .bb-table-indeterminate{background-color:#2f408b}.bb-table-progress .bb-table-indeterminate:before{top:0;left:0;bottom:0;content:\"\";position:absolute;will-change:left,right;background-color:inherit;animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.bb-table-progress .bb-table-indeterminate:after{top:0;left:0;bottom:0;content:\"\";position:absolute;animation-delay:1.15s;will-change:left,right;background-color:inherit;animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite}.bb-table-progress-close-query{padding:0;border:none;border-radius:.25rem;background-color:transparent;transition:background-color .25s cubic-bezier(0,0,.2,1)}.bb-table-progress-close-query:hover{background-color:#00000014}.bb-table-progress-close-query:focus{background-color:#0000001f}.bb-table-progress-close-query:active{background-color:#00000029}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@media only screen and (min-width: 768px){.bb-table-top-actions{flex-direction:row}.bb-table-top-actions>*:not(:first-child){margin-left:.75rem;margin-bottom:.75rem}}\n"] }]
         }], propDecorators: { tableColumnTemplates: [{
@@ -435,10 +435,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
             }] } });
 
 class BbTableCell {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BbTableCell, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", type: BbTableCell, isStandalone: true, selector: "bb-table-cell", host: { classAttribute: "bb-table-cell" }, ngImport: i0, template: "<div>\n    <ng-content></ng-content>\n</div>", styles: [".bb-table-cell{color:#848f99;text-align:left;line-height:1.2;font-weight:400;display:table-cell;font-size:.875rem;word-wrap:break-word;vertical-align:middle;padding:.75rem 1.5rem;background-color:#f5f5f5;border-bottom:1px solid #d8d8d8}.bb-table-cell:not(:last-child){border-right:1px solid #d8d8d8}.bb-table-cell.fit{width:1%;white-space:nowrap}.bb-table-cell.left{text-align:left}.bb-table-cell.center{text-align:center}.bb-table-cell.right{text-align:right}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: BbTableCell, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: BbTableCell, isStandalone: true, selector: "bb-table-cell", host: { classAttribute: "bb-table-cell" }, ngImport: i0, template: "<div>\n    <ng-content></ng-content>\n</div>", styles: [".bb-table-cell{color:#848f99;text-align:left;line-height:1.2;font-weight:400;display:table-cell;font-size:.875rem;word-wrap:break-word;vertical-align:middle;padding:.75rem 1.5rem;background-color:#f5f5f5;border-bottom:1px solid #d8d8d8}.bb-table-cell:not(:last-child){border-right:1px solid #d8d8d8}.bb-table-cell.fit{width:1%;white-space:nowrap}.bb-table-cell.left{text-align:left}.bb-table-cell.center{text-align:center}.bb-table-cell.right{text-align:right}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BbTableCell, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: BbTableCell, decorators: [{
             type: Component,
             args: [{ selector: 'bb-table-cell', changeDetection: ChangeDetectionStrategy.OnPush, host: { 'class': 'bb-table-cell' }, encapsulation: ViewEncapsulation.None, template: "<div>\n    <ng-content></ng-content>\n</div>", styles: [".bb-table-cell{color:#848f99;text-align:left;line-height:1.2;font-weight:400;display:table-cell;font-size:.875rem;word-wrap:break-word;vertical-align:middle;padding:.75rem 1.5rem;background-color:#f5f5f5;border-bottom:1px solid #d8d8d8}.bb-table-cell:not(:last-child){border-right:1px solid #d8d8d8}.bb-table-cell.fit{width:1%;white-space:nowrap}.bb-table-cell.left{text-align:left}.bb-table-cell.center{text-align:center}.bb-table-cell.right{text-align:right}\n"] }]
         }] });
@@ -544,10 +544,10 @@ class BbTableHeaderCell {
     logWarning = (message) => {
         console && console.warn && console.warn(message);
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BbTableHeaderCell, deps: [{ token: BbTable, host: true, optional: true }, { token: 'name', attribute: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: BbTableHeaderCell, isStandalone: true, selector: "bb-table-header-cell", inputs: { disabled: ["disabled", "disabled", booleanAttribute], sort: "sort" }, host: { listeners: { "click": "onClick()" }, properties: { "class.disabled": "isDisabled" }, classAttribute: "bb-table-header-cell" }, ngImport: i0, template: "<!-- The content. -->\n<ng-content></ng-content>\n\n<!-- The indicator for the sort direction. -->\n@if (valueChanges$ | async; as value) {\n    @if (!isDisabled) {\n        <button [class.asc]=\"value === 'asc'\"\n                [class.desc]=\"value === 'desc'\"\n                class=\"bb-table-header-cell-toggle\"\n                type=\"button\"></button>\n    }\n}\n", styles: [".bb-table-header-cell{height:3rem;color:#212529;cursor:pointer;font-size:1rem;font-weight:500;-webkit-user-select:none;user-select:none;position:relative;display:table-cell;vertical-align:middle;padding:.75rem 1.5rem;border-bottom:1px solid #d8d8d8}.bb-table-header-cell:active>.bb-table-header-cell-toggle{background-color:#00000014}.bb-table-header-cell:not(.disabled){padding-right:3.25rem}.bb-table-header-cell.fit{width:1%;white-space:nowrap}.bb-table-header-cell.left{text-align:left}.bb-table-header-cell.center{text-align:center}.bb-table-header-cell.right{text-align:right}.bb-table-header-cell.disabled{cursor:default;pointer-events:none}.bb-table-header-cell-toggle{top:50%;right:1rem;border:none;width:1.5rem;height:1.5rem;margin-left:auto;position:absolute;border-radius:.25rem;transform:translateY(-50%);background-position:center;background-repeat:no-repeat;background-color:transparent;transition:background-color .2s cubic-bezier(0,0,.2,1);background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 15\" width=\"9\" height=\"15\"%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 0L0 7h9z\"%3E%3C/path%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 15L9 8H0z\"%3E%3C/path%3E%3C/svg%3E')}.bb-table-header-cell-toggle.desc{background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 15\" width=\"9\" height=\"15\"%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 0L0 7h9z\"%3E%3C/path%3E%3Cpath fill=\"black\" d=\"M4.5 15L9 8H0z\"%3E%3C/path%3E%3C/svg%3E')}.bb-table-header-cell-toggle.asc{background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 15\" width=\"9\" height=\"15\"%3E%3Cpath fill=\"black\" d=\"M4.5 0L0 7h9z\"%3E%3C/path%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 15L9 8H0z\"%3E%3C/path%3E%3C/svg%3E')}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: BbTableHeaderCell, deps: [{ token: BbTable, host: true, optional: true }, { token: 'name', attribute: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: BbTableHeaderCell, isStandalone: true, selector: "bb-table-header-cell", inputs: { disabled: ["disabled", "disabled", booleanAttribute], sort: "sort" }, host: { listeners: { "click": "onClick()" }, properties: { "class.disabled": "isDisabled" }, classAttribute: "bb-table-header-cell" }, ngImport: i0, template: "<!-- The content. -->\n<ng-content></ng-content>\n\n<!-- The indicator for the sort direction. -->\n@if (valueChanges$ | async; as value) {\n    @if (!isDisabled) {\n        <button [class.asc]=\"value === 'asc'\"\n                [class.desc]=\"value === 'desc'\"\n                class=\"bb-table-header-cell-toggle\"\n                type=\"button\"></button>\n    }\n}\n", styles: [".bb-table-header-cell{height:3rem;color:#212529;cursor:pointer;font-size:1rem;font-weight:500;-webkit-user-select:none;user-select:none;position:relative;display:table-cell;vertical-align:middle;padding:.75rem 1.5rem;border-bottom:1px solid #d8d8d8}.bb-table-header-cell:active>.bb-table-header-cell-toggle{background-color:#00000014}.bb-table-header-cell:not(.disabled){padding-right:3.25rem}.bb-table-header-cell.fit{width:1%;white-space:nowrap}.bb-table-header-cell.left{text-align:left}.bb-table-header-cell.center{text-align:center}.bb-table-header-cell.right{text-align:right}.bb-table-header-cell.disabled{cursor:default;pointer-events:none}.bb-table-header-cell-toggle{top:50%;right:1rem;border:none;width:1.5rem;height:1.5rem;margin-left:auto;position:absolute;border-radius:.25rem;transform:translateY(-50%);background-position:center;background-repeat:no-repeat;background-color:transparent;transition:background-color .2s cubic-bezier(0,0,.2,1);background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 15\" width=\"9\" height=\"15\"%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 0L0 7h9z\"%3E%3C/path%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 15L9 8H0z\"%3E%3C/path%3E%3C/svg%3E')}.bb-table-header-cell-toggle.desc{background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 15\" width=\"9\" height=\"15\"%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 0L0 7h9z\"%3E%3C/path%3E%3Cpath fill=\"black\" d=\"M4.5 15L9 8H0z\"%3E%3C/path%3E%3C/svg%3E')}.bb-table-header-cell-toggle.asc{background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 15\" width=\"9\" height=\"15\"%3E%3Cpath fill=\"black\" d=\"M4.5 0L0 7h9z\"%3E%3C/path%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 15L9 8H0z\"%3E%3C/path%3E%3C/svg%3E')}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BbTableHeaderCell, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: BbTableHeaderCell, decorators: [{
             type: Component,
             args: [{ selector: 'bb-table-header-cell', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'bb-table-header-cell',
@@ -573,8 +573,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
             }] } });
 
 class TableModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0", ngImport: i0, type: TableModule, imports: [BbTable,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.1", ngImport: i0, type: TableModule, imports: [BbTable,
             BbTableColumnDef,
             BbTableRowDef,
             BbTableHeaderCell,
@@ -585,10 +585,10 @@ class TableModule {
             BbTableHeaderCell,
             BbTableCell,
             BbTablePager] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TableModule, imports: [BbTable,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TableModule, imports: [BbTable,
             BbTablePager] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [