bit-ng-library 20.1.9 → 20.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -38,10 +38,16 @@ To get more help on the Angular CLI use `ng help` or go check out the [Angular C
38
38
 
39
39
  ## changelog
40
40
 
41
+ ## [20.1.10] - 2026-02-17
42
+
43
+ Se añaden dos nuevos inputs al bit-dropdown-multiple
44
+ - placeholder Para mostrar un texto en el caso de que no haya ninguna opción seleccionada
45
+ - filter Para poder ocultar el input que sirve para buscar entre las diferentes opciones del campo
46
+
41
47
  ## [20.1.9] -2026-02-13
42
48
 
43
49
  Se añade flexibilidad a la toolbar, que ahora puede tener otherActions en desplegable y como botón.
44
- Para que una otherACtion se muestre como botón, otherActionsDropdown debe valer false y la acción correspondiente debe tener displayAsButton a true.
50
+ Para que una otherAction se muestre como botón, otherActionsDropdown debe valer false y la acción correspondiente debe tener displayAsButton a true.
45
51
 
46
52
  ## [20.1.6] -2026-01-14
47
53
 
@@ -4489,7 +4489,7 @@ class BitDropDownMultipleComponent extends BitDropDownGeneralComponent {
4489
4489
  this.maxSelectedLabels = input(3, ...(ngDevMode ? [{ debugName: "maxSelectedLabels" }] : []));
4490
4490
  this.showSeparateSelectedLabels = input(false, ...(ngDevMode ? [{ debugName: "showSeparateSelectedLabels" }] : [])); // indica si se muestran los elementos seleccionados en una columna separada
4491
4491
  this.title = input(undefined, ...(ngDevMode ? [{ debugName: "title" }] : [])); //título que aparece en el link para eliminar un elemento una vez seleccionado
4492
- this.filter = input(undefined, ...(ngDevMode ? [{ debugName: "filter" }] : []));
4492
+ this.filter = input(true, ...(ngDevMode ? [{ debugName: "filter" }] : []));
4493
4493
  this.router = router;
4494
4494
  this.translateService = translateService;
4495
4495
  }
@@ -4568,19 +4568,23 @@ class BitDropDownMultipleComponent extends BitDropDownGeneralComponent {
4568
4568
  this.changeComponentValue(this.value);
4569
4569
  }
4570
4570
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BitDropDownMultipleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
4571
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BitDropDownMultipleComponent, isStandalone: false, selector: "bit-dropdown-multiple", inputs: { maxSelectedLabels: { classPropertyName: "maxSelectedLabels", publicName: "maxSelectedLabels", isSignal: true, isRequired: false, transformFunction: null }, showSeparateSelectedLabels: { classPropertyName: "showSeparateSelectedLabels", publicName: "showSeparateSelectedLabels", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{
4571
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BitDropDownMultipleComponent, isStandalone: false, selector: "bit-dropdown-multiple", inputs: { maxSelectedLabels: { classPropertyName: "maxSelectedLabels", publicName: "maxSelectedLabels", isSignal: true, isRequired: false, transformFunction: null }, showSeparateSelectedLabels: { classPropertyName: "showSeparateSelectedLabels", publicName: "showSeparateSelectedLabels", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
4572
+ {
4572
4573
  provide: NG_VALUE_ACCESSOR,
4573
4574
  useExisting: forwardRef(() => BitDropDownMultipleComponent),
4574
4575
  multi: true
4575
- }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n <label for=\"{{ nombre() }}\"><ng-content />&nbsp;@if (obligatorio) {\r\n <span class=\"obligatorio fa fa-asterisk\"></span>\r\n }&nbsp;&nbsp;\r\n @if (ayuda()) {\r\n <i (click)=\"showAyuda()\" class=\"btn-ayuda fa fa-question\"></i>\r\n }\r\n </label>\r\n}\r\n@if (readOnly() && !showSeparateSelectedLabels()) {\r\n <p class=\"lectura\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n <p-multiSelect id=\"{{ id() }}\"\r\n [(ngModel)]=\"value\"\r\n ariaLabel=\"{{ nombre() }}\"\r\n [options]=\"listaOpciones()\"\r\n [disabled]=\"isDisabled()\"\r\n [optionLabel]=\"atributoLabel()\"\r\n [optionValue]=\"atributoValue()\"\r\n [maxSelectedLabels]=\"maxSelectedLabels()\"\r\n [appendTo]=\"appendTo()\"\r\n selectedItemsLabel=\"{0} elements seleccionats\"\r\n (onChange)=\"_onChangeValue($event)\"\r\n (onClear)=\"_onClear()\"\r\n (onBlur)=\"_onBlur()\"\r\n (onFocus)=\"_onFocus()\"\r\n attr.data-testid=\"{{ dataTestId()}}\"\r\n />\r\n @if (control() != null) {\r\n <control-messages [control]=\"control()\" [field]=\"id()\" />\r\n }\r\n @if (showSeparateSelectedLabels()) {\r\n <div>\r\n <label for=\"{{ nombre() }}\">&nbsp;</label>\r\n <div class=\"multiselect-labels\">\r\n @for (item of value; track item) {\r\n <div class=\"label label-primary multiselect-labels-lg\">\r\n <span>{{ labelSelectedItem(item) }}</span>\r\n @if (!readOnly()) {\r\n &nbsp;&nbsp;\r\n <a (click)=\"deleteSelectedItem($event, item)\" title=\"{{ title() }}\"><i class=\"fa fa-times\"></i></a>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n}", styles: ["bit-dropdown-multiple div{margin-right:2px!important}bit-dropdown-multiple .row{margin-left:0}.multiselect-labels .label{font-size:90%}.multiselect-labels .label span{margin-right:2px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$7.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] }); }
4576
+ }
4577
+ ], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n <label for=\"{{ nombre() }}\"><ng-content />&nbsp;@if (obligatorio) {\r\n <span class=\"obligatorio fa fa-asterisk\"></span>\r\n }&nbsp;&nbsp;\r\n @if (ayuda()) {\r\n <i (click)=\"showAyuda()\" class=\"btn-ayuda fa fa-question\"></i>\r\n }\r\n </label>\r\n}\r\n@if (readOnly() && !showSeparateSelectedLabels()) {\r\n <p class=\"lectura\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n <p-multiSelect id=\"{{ id() }}\"\r\n [(ngModel)]=\"value\"\r\n [placeholder]=\"placeholder()\"\r\n [filter]=\"filter()\"\r\n ariaLabel=\"{{ nombre() }}\"\r\n [options]=\"listaOpciones()\"\r\n [disabled]=\"isDisabled()\"\r\n [optionLabel]=\"atributoLabel()\"\r\n [optionValue]=\"atributoValue()\"\r\n [maxSelectedLabels]=\"maxSelectedLabels()\"\r\n [appendTo]=\"appendTo()\"\r\n selectedItemsLabel=\"{0} elements seleccionats\"\r\n (onChange)=\"_onChangeValue($event)\"\r\n (onClear)=\"_onClear()\"\r\n (onBlur)=\"_onBlur()\"\r\n (onFocus)=\"_onFocus()\"\r\n attr.data-testid=\"{{ dataTestId()}}\"\r\n />\r\n @if (control() != null) {\r\n <control-messages [control]=\"control()\" [field]=\"id()\" />\r\n }\r\n @if (showSeparateSelectedLabels()) {\r\n <div>\r\n <label for=\"{{ nombre() }}\">&nbsp;</label>\r\n <div class=\"multiselect-labels\">\r\n @for (item of value; track item) {\r\n <div class=\"label label-primary multiselect-labels-lg\">\r\n <span>{{ labelSelectedItem(item) }}</span>\r\n @if (!readOnly()) {\r\n &nbsp;&nbsp;\r\n <a (click)=\"deleteSelectedItem($event, item)\" title=\"{{ title() }}\"><i class=\"fa fa-times\"></i></a>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n}", styles: ["bit-dropdown-multiple div{margin-right:2px!important}bit-dropdown-multiple .row{margin-left:0}.multiselect-labels .label{font-size:90%}.multiselect-labels .label span{margin-right:2px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$7.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] }); }
4576
4578
  }
4577
4579
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BitDropDownMultipleComponent, decorators: [{
4578
4580
  type: Component,
4579
- args: [{ selector: "bit-dropdown-multiple", providers: [{
4581
+ args: [{ selector: "bit-dropdown-multiple", providers: [
4582
+ {
4580
4583
  provide: NG_VALUE_ACCESSOR,
4581
4584
  useExisting: forwardRef(() => BitDropDownMultipleComponent),
4582
4585
  multi: true
4583
- }], standalone: false, template: "@if (!hideLabel()) {\r\n <label for=\"{{ nombre() }}\"><ng-content />&nbsp;@if (obligatorio) {\r\n <span class=\"obligatorio fa fa-asterisk\"></span>\r\n }&nbsp;&nbsp;\r\n @if (ayuda()) {\r\n <i (click)=\"showAyuda()\" class=\"btn-ayuda fa fa-question\"></i>\r\n }\r\n </label>\r\n}\r\n@if (readOnly() && !showSeparateSelectedLabels()) {\r\n <p class=\"lectura\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n <p-multiSelect id=\"{{ id() }}\"\r\n [(ngModel)]=\"value\"\r\n ariaLabel=\"{{ nombre() }}\"\r\n [options]=\"listaOpciones()\"\r\n [disabled]=\"isDisabled()\"\r\n [optionLabel]=\"atributoLabel()\"\r\n [optionValue]=\"atributoValue()\"\r\n [maxSelectedLabels]=\"maxSelectedLabels()\"\r\n [appendTo]=\"appendTo()\"\r\n selectedItemsLabel=\"{0} elements seleccionats\"\r\n (onChange)=\"_onChangeValue($event)\"\r\n (onClear)=\"_onClear()\"\r\n (onBlur)=\"_onBlur()\"\r\n (onFocus)=\"_onFocus()\"\r\n attr.data-testid=\"{{ dataTestId()}}\"\r\n />\r\n @if (control() != null) {\r\n <control-messages [control]=\"control()\" [field]=\"id()\" />\r\n }\r\n @if (showSeparateSelectedLabels()) {\r\n <div>\r\n <label for=\"{{ nombre() }}\">&nbsp;</label>\r\n <div class=\"multiselect-labels\">\r\n @for (item of value; track item) {\r\n <div class=\"label label-primary multiselect-labels-lg\">\r\n <span>{{ labelSelectedItem(item) }}</span>\r\n @if (!readOnly()) {\r\n &nbsp;&nbsp;\r\n <a (click)=\"deleteSelectedItem($event, item)\" title=\"{{ title() }}\"><i class=\"fa fa-times\"></i></a>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n}", styles: ["bit-dropdown-multiple div{margin-right:2px!important}bit-dropdown-multiple .row{margin-left:0}.multiselect-labels .label{font-size:90%}.multiselect-labels .label span{margin-right:2px}\n"] }]
4586
+ }
4587
+ ], standalone: false, template: "@if (!hideLabel()) {\r\n <label for=\"{{ nombre() }}\"><ng-content />&nbsp;@if (obligatorio) {\r\n <span class=\"obligatorio fa fa-asterisk\"></span>\r\n }&nbsp;&nbsp;\r\n @if (ayuda()) {\r\n <i (click)=\"showAyuda()\" class=\"btn-ayuda fa fa-question\"></i>\r\n }\r\n </label>\r\n}\r\n@if (readOnly() && !showSeparateSelectedLabels()) {\r\n <p class=\"lectura\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n <p-multiSelect id=\"{{ id() }}\"\r\n [(ngModel)]=\"value\"\r\n [placeholder]=\"placeholder()\"\r\n [filter]=\"filter()\"\r\n ariaLabel=\"{{ nombre() }}\"\r\n [options]=\"listaOpciones()\"\r\n [disabled]=\"isDisabled()\"\r\n [optionLabel]=\"atributoLabel()\"\r\n [optionValue]=\"atributoValue()\"\r\n [maxSelectedLabels]=\"maxSelectedLabels()\"\r\n [appendTo]=\"appendTo()\"\r\n selectedItemsLabel=\"{0} elements seleccionats\"\r\n (onChange)=\"_onChangeValue($event)\"\r\n (onClear)=\"_onClear()\"\r\n (onBlur)=\"_onBlur()\"\r\n (onFocus)=\"_onFocus()\"\r\n attr.data-testid=\"{{ dataTestId()}}\"\r\n />\r\n @if (control() != null) {\r\n <control-messages [control]=\"control()\" [field]=\"id()\" />\r\n }\r\n @if (showSeparateSelectedLabels()) {\r\n <div>\r\n <label for=\"{{ nombre() }}\">&nbsp;</label>\r\n <div class=\"multiselect-labels\">\r\n @for (item of value; track item) {\r\n <div class=\"label label-primary multiselect-labels-lg\">\r\n <span>{{ labelSelectedItem(item) }}</span>\r\n @if (!readOnly()) {\r\n &nbsp;&nbsp;\r\n <a (click)=\"deleteSelectedItem($event, item)\" title=\"{{ title() }}\"><i class=\"fa fa-times\"></i></a>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n}", styles: ["bit-dropdown-multiple div{margin-right:2px!important}bit-dropdown-multiple .row{margin-left:0}.multiselect-labels .label{font-size:90%}.multiselect-labels .label span{margin-right:2px}\n"] }]
4584
4588
  }], ctorParameters: () => [], propDecorators: { maxSelectedLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSelectedLabels", required: false }] }], showSeparateSelectedLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSeparateSelectedLabels", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }] } });
4585
4589
 
4586
4590
  class ConfigurationEditor {
@@ -4865,11 +4869,11 @@ class BitSidebarComponent {
4865
4869
  this.onSelectLanguage.emit(language);
4866
4870
  }
4867
4871
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BitSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
4868
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BitSidebarComponent, isStandalone: false, selector: "bit-sidebar", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, visibilidad: { classPropertyName: "visibilidad", publicName: "visibilidad", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectLanguage: "onSelectLanguage", onCloseMenu: "onCloseMenu", onMenuTitle: "onMenuTitle" }, ngImport: i0, template: "<div id=\"mySidebar\" class=\"sidebar\" [style.min-width]=\"visibilidad() ? '300px' : '0px'\">\r\n <i class=\"closebtn fa fa-times\" (click)=\"closeMenu()\"></i>\r\n <ul>\r\n @for (item of items(); track item) {\r\n <li class=\"item\" (click)=\"clickMenu(item)\">\r\n @if (item.items.length > 0) {\r\n <i class=\"fa\" [ngClass]=\"{'fa-chevron-right':!item.expanded,'fa-chevron-down':item.expanded}\"></i>\r\n }\r\n {{ \"menu.\" + item.label | transloco }}\r\n @if (item.expanded) {\r\n <ul>\r\n @for (subitem of item.items; track subitem) {\r\n <li class=\"subitem\" [routerLink]=\"subitem.routerLink\" (click)=\"clickMenuItem($event, item, subitem)\">\r\n <i class=\"{{subitem.icon}}\"></i>&nbsp;&nbsp;\r\n <a>{{ \"menu.\" + subitem.label | transloco }}</a></li>\r\n }\r\n </ul>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n <!-- <p class=\"idioma-selector\"> \r\n <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"></bit-language-selector>\r\n </p> -->\r\n <p class=\"nombre-desarrollado\">{{ \"menu.desarrollado-por\" | transloco }} <a href=\"https://www.fundaciobit.org/\" target=\"_blank\">Fundaci\u00F3 Bit</a></p>\r\n</div>\r\n", styles: [".idioma-selector{padding:0;width:100%;position:absolute;bottom:44px;text-align:center}.sidebar{height:100%;width:0;position:fixed;z-index:100;top:0;left:0;background-color:#eaeaea;overflow:hidden;padding-top:60px;transition:.3s;cursor:pointer;box-shadow:1px 0 10px #656565}.sidebar>ul{padding-left:20px;overflow-x:hidden;overflow-y:auto;height:86.2%;padding-bottom:30px}.sidebar i,.sidebar a{text-decoration:none}.sidebar i{padding-left:10px;margin-right:5px}.sidebar li{padding:8px 0}.sidebar li.item{font-weight:700;cursor:pointer}li.item ul{padding-left:20px}.sidebar li.subitem{font-weight:400;transition:.5s}.sidebar li.subitem:hover{background:#ffffff80;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}.sidebar li.subitem:hover a,.sidebar li.subitem:hover i{color:#0068a0}.sidebar .closebtn{color:#9a9a9a;position:absolute;top:18px;right:25px;font-size:25px}.sidebar .nombre-desarrollado{position:absolute;bottom:-13px;width:100%;background:#fff;padding:20px;text-align:center;cursor:auto}.sidebar .nombre-desarrollado a{font-weight:700;color:#1b8ac6}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
4872
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BitSidebarComponent, isStandalone: false, selector: "bit-sidebar", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, visibilidad: { classPropertyName: "visibilidad", publicName: "visibilidad", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectLanguage: "onSelectLanguage", onCloseMenu: "onCloseMenu", onMenuTitle: "onMenuTitle" }, ngImport: i0, template: "<div id=\"mySidebar\" class=\"sidebar\" [style.min-width]=\"visibilidad() ? '300px' : '0px'\">\r\n <i class=\"closebtn fa fa-times\" (click)=\"closeMenu()\"></i>\r\n <ul>\r\n @for (item of items(); track item) {\r\n <li class=\"item\" (click)=\"clickMenu(item)\">\r\n @if (item.items.length > 0) {\r\n <i class=\"fa\" [ngClass]=\"{'fa-chevron-right':!item.expanded,'fa-chevron-down':item.expanded}\"></i>\r\n }\r\n {{ \"menu.\" + item.label | transloco }}\r\n @if (item.expanded) {\r\n <ul>\r\n @for (subitem of item.items; track subitem) {\r\n <li class=\"subitem\" [routerLink]=\"subitem.routerLink\" (click)=\"clickMenuItem($event, item, subitem)\">\r\n <i class=\"{{subitem.icon}}\"></i>&nbsp;&nbsp;\r\n <a>{{ \"menu.\" + subitem.label | transloco }}</a></li>\r\n }\r\n </ul>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n <!-- <p class=\"idioma-selector\"> \r\n <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"></bit-language-selector>\r\n </p> -->\r\n <p class=\"nombre-desarrollado\">{{ \"menu.desarrollado-por\" | transloco }} <a href=\"https://www.caib.es/webgoib/w/agencia-balear-digitalitzacio-ciberseguretat-i-telecomunicacions\" target=\"_blank\">IB Digital</a></p>\r\n</div>\r\n", styles: [".idioma-selector{padding:0;width:100%;position:absolute;bottom:44px;text-align:center}.sidebar{height:100%;width:0;position:fixed;z-index:100;top:0;left:0;background-color:#eaeaea;overflow:hidden;padding-top:60px;transition:.3s;cursor:pointer;box-shadow:1px 0 10px #656565}.sidebar>ul{padding-left:20px;overflow-x:hidden;overflow-y:auto;height:86.2%;padding-bottom:30px}.sidebar i,.sidebar a{text-decoration:none}.sidebar i{padding-left:10px;margin-right:5px}.sidebar li{padding:8px 0}.sidebar li.item{font-weight:700;cursor:pointer}li.item ul{padding-left:20px}.sidebar li.subitem{font-weight:400;transition:.5s}.sidebar li.subitem:hover{background:#ffffff80;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}.sidebar li.subitem:hover a,.sidebar li.subitem:hover i{color:#0068a0}.sidebar .closebtn{color:#9a9a9a;position:absolute;top:18px;right:25px;font-size:25px}.sidebar .nombre-desarrollado{position:absolute;bottom:-13px;width:100%;background:#fff;padding:20px;text-align:center;cursor:auto}.sidebar .nombre-desarrollado a{font-weight:700;color:#1b8ac6}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
4869
4873
  }
4870
4874
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BitSidebarComponent, decorators: [{
4871
4875
  type: Component,
4872
- args: [{ selector: "bit-sidebar", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div id=\"mySidebar\" class=\"sidebar\" [style.min-width]=\"visibilidad() ? '300px' : '0px'\">\r\n <i class=\"closebtn fa fa-times\" (click)=\"closeMenu()\"></i>\r\n <ul>\r\n @for (item of items(); track item) {\r\n <li class=\"item\" (click)=\"clickMenu(item)\">\r\n @if (item.items.length > 0) {\r\n <i class=\"fa\" [ngClass]=\"{'fa-chevron-right':!item.expanded,'fa-chevron-down':item.expanded}\"></i>\r\n }\r\n {{ \"menu.\" + item.label | transloco }}\r\n @if (item.expanded) {\r\n <ul>\r\n @for (subitem of item.items; track subitem) {\r\n <li class=\"subitem\" [routerLink]=\"subitem.routerLink\" (click)=\"clickMenuItem($event, item, subitem)\">\r\n <i class=\"{{subitem.icon}}\"></i>&nbsp;&nbsp;\r\n <a>{{ \"menu.\" + subitem.label | transloco }}</a></li>\r\n }\r\n </ul>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n <!-- <p class=\"idioma-selector\"> \r\n <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"></bit-language-selector>\r\n </p> -->\r\n <p class=\"nombre-desarrollado\">{{ \"menu.desarrollado-por\" | transloco }} <a href=\"https://www.fundaciobit.org/\" target=\"_blank\">Fundaci\u00F3 Bit</a></p>\r\n</div>\r\n", styles: [".idioma-selector{padding:0;width:100%;position:absolute;bottom:44px;text-align:center}.sidebar{height:100%;width:0;position:fixed;z-index:100;top:0;left:0;background-color:#eaeaea;overflow:hidden;padding-top:60px;transition:.3s;cursor:pointer;box-shadow:1px 0 10px #656565}.sidebar>ul{padding-left:20px;overflow-x:hidden;overflow-y:auto;height:86.2%;padding-bottom:30px}.sidebar i,.sidebar a{text-decoration:none}.sidebar i{padding-left:10px;margin-right:5px}.sidebar li{padding:8px 0}.sidebar li.item{font-weight:700;cursor:pointer}li.item ul{padding-left:20px}.sidebar li.subitem{font-weight:400;transition:.5s}.sidebar li.subitem:hover{background:#ffffff80;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}.sidebar li.subitem:hover a,.sidebar li.subitem:hover i{color:#0068a0}.sidebar .closebtn{color:#9a9a9a;position:absolute;top:18px;right:25px;font-size:25px}.sidebar .nombre-desarrollado{position:absolute;bottom:-13px;width:100%;background:#fff;padding:20px;text-align:center;cursor:auto}.sidebar .nombre-desarrollado a{font-weight:700;color:#1b8ac6}\n"] }]
4876
+ args: [{ selector: "bit-sidebar", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div id=\"mySidebar\" class=\"sidebar\" [style.min-width]=\"visibilidad() ? '300px' : '0px'\">\r\n <i class=\"closebtn fa fa-times\" (click)=\"closeMenu()\"></i>\r\n <ul>\r\n @for (item of items(); track item) {\r\n <li class=\"item\" (click)=\"clickMenu(item)\">\r\n @if (item.items.length > 0) {\r\n <i class=\"fa\" [ngClass]=\"{'fa-chevron-right':!item.expanded,'fa-chevron-down':item.expanded}\"></i>\r\n }\r\n {{ \"menu.\" + item.label | transloco }}\r\n @if (item.expanded) {\r\n <ul>\r\n @for (subitem of item.items; track subitem) {\r\n <li class=\"subitem\" [routerLink]=\"subitem.routerLink\" (click)=\"clickMenuItem($event, item, subitem)\">\r\n <i class=\"{{subitem.icon}}\"></i>&nbsp;&nbsp;\r\n <a>{{ \"menu.\" + subitem.label | transloco }}</a></li>\r\n }\r\n </ul>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n <!-- <p class=\"idioma-selector\"> \r\n <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"></bit-language-selector>\r\n </p> -->\r\n <p class=\"nombre-desarrollado\">{{ \"menu.desarrollado-por\" | transloco }} <a href=\"https://www.caib.es/webgoib/w/agencia-balear-digitalitzacio-ciberseguretat-i-telecomunicacions\" target=\"_blank\">IB Digital</a></p>\r\n</div>\r\n", styles: [".idioma-selector{padding:0;width:100%;position:absolute;bottom:44px;text-align:center}.sidebar{height:100%;width:0;position:fixed;z-index:100;top:0;left:0;background-color:#eaeaea;overflow:hidden;padding-top:60px;transition:.3s;cursor:pointer;box-shadow:1px 0 10px #656565}.sidebar>ul{padding-left:20px;overflow-x:hidden;overflow-y:auto;height:86.2%;padding-bottom:30px}.sidebar i,.sidebar a{text-decoration:none}.sidebar i{padding-left:10px;margin-right:5px}.sidebar li{padding:8px 0}.sidebar li.item{font-weight:700;cursor:pointer}li.item ul{padding-left:20px}.sidebar li.subitem{font-weight:400;transition:.5s}.sidebar li.subitem:hover{background:#ffffff80;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}.sidebar li.subitem:hover a,.sidebar li.subitem:hover i{color:#0068a0}.sidebar .closebtn{color:#9a9a9a;position:absolute;top:18px;right:25px;font-size:25px}.sidebar .nombre-desarrollado{position:absolute;bottom:-13px;width:100%;background:#fff;padding:20px;text-align:center;cursor:auto}.sidebar .nombre-desarrollado a{font-weight:700;color:#1b8ac6}\n"] }]
4873
4877
  }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], visibilidad: [{ type: i0.Input, args: [{ isSignal: true, alias: "visibilidad", required: false }] }], onSelectLanguage: [{ type: i0.Output, args: ["onSelectLanguage"] }], onCloseMenu: [{ type: i0.Output, args: ["onCloseMenu"] }], onMenuTitle: [{ type: i0.Output, args: ["onMenuTitle"] }] } });
4874
4878
 
4875
4879
  class BitThemeSelectorComponent {