@siemens/element-ng 49.14.0 → 51.0.0-rc.5

package/fesm2022/siemens-element-ng-filter-bar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-filter-bar.mjs","sources":["../../../../projects/element-ng/filter-bar/si-filter-pill.component.ts","../../../../projects/element-ng/filter-bar/si-filter-pill.component.html","../../../../projects/element-ng/filter-bar/si-filter-bar.component.ts","../../../../projects/element-ng/filter-bar/si-filter-bar.component.html","../../../../projects/element-ng/filter-bar/si-filter-bar.module.ts","../../../../projects/element-ng/filter-bar/index.ts","../../../../projects/element-ng/filter-bar/siemens-element-ng-filter-bar.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, input, output } from '@angular/core';\nimport { elementCancel } from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\n\nimport { Filter } from './filter';\n\n@Component({\n  selector: 'si-filter-pill',\n  imports: [NgTemplateOutlet, SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-filter-pill.component.html',\n  styleUrl: './si-filter-pill.component.scss',\n  changeDetection: ChangeDetectionStrategy.Default\n})\nexport class SiFilterPillComponent {\n  protected readonly icons = addIcons({ elementCancel });\n  /**\n   * Settings of the filter pill.\n   */\n  readonly filter = input.required<Filter>();\n\n  /** @defaultValue false */\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  /** @defaultValue 0 */\n  readonly totalPills = input(0);\n\n  /**\n   * Output callback event which will provide you the name of the deleted filter\n   * pill if a filter was deleted.\n   */\n  readonly deleteFilters = output<Filter>();\n\n  protected deleteClicked(): void {\n    this.deleteFilters.emit(this.filter());\n  }\n}\n","<div\n  class=\"pill responsive\"\n  [class.pe-0]=\"!disabled()\"\n  [class.disabled]=\"disabled()\"\n  [attr.aria-disabled]=\"disabled()\"\n>\n  <div class=\"wrapper\">\n    @if (filter().title) {\n      <div class=\"name\">{{ filter().title | translate }}</div>\n    }\n    @if (filter().title && filter().description) {\n      <span class=\"name pe-4\">:</span>\n    }\n    <div class=\"value\">{{ filter().description | translate }}</div>\n  </div>\n  @if (!disabled()) {\n    <ng-container *ngTemplateOutlet=\"remove\" />\n  }\n</div>\n<ng-template #remove>\n  <button\n    type=\"button\"\n    class=\"btn-remove btn btn-circle btn-tertiary-ghost focus-inside ms-0 btn-sm\"\n    aria-label=\"Remove\"\n    [disabled]=\"disabled()\"\n    (click)=\"deleteClicked()\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\n  </button>\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  model,\n  output,\n  viewChild\n} from '@angular/core';\nimport {\n  SiAutoCollapsableListAdditionalContentDirective,\n  SiAutoCollapsableListDirective,\n  SiAutoCollapsableListItemDirective,\n  SiAutoCollapsableListOverflowItemDirective\n} from '@siemens/element-ng/auto-collapsable-list';\nimport { BackgroundColorVariant } from '@siemens/element-ng/common';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\nimport { Filter } from './filter';\nimport { SiFilterPillComponent } from './si-filter-pill.component';\n\n@Component({\n  selector: 'si-filter-bar',\n  imports: [\n    SiAutoCollapsableListDirective,\n    SiAutoCollapsableListItemDirective,\n    SiAutoCollapsableListOverflowItemDirective,\n    SiAutoCollapsableListAdditionalContentDirective,\n    SiFilterPillComponent,\n    SiTranslatePipe\n  ],\n  templateUrl: './si-filter-bar.component.html',\n  styleUrl: './si-filter-bar.component.scss',\n  changeDetection: ChangeDetectionStrategy.Default,\n  host: {\n    '[class.reset]': 'allowReset()'\n  }\n})\nexport class SiFilterBarComponent {\n  /**\n   * Custom text if no filters are selected.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_FILTER_BAR.NO_FILTERS:No filters applied`)\n   * ```\n   */\n  readonly filterDefaultText = input(\n    t(() => $localize`:@@SI_FILTER_BAR.NO_FILTERS:No filters applied`)\n  );\n  /**\n   * Array of filter items to show\n   *\n   * @defaultValue []\n   */\n  readonly filters = model<Filter[]>([]);\n  /**\n   * Text for reset button\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_FILTER_BAR.RESET_FILTERS:Reset filters`)\n   * ```\n   */\n  readonly resetText = input(t(() => $localize`:@@SI_FILTER_BAR.RESET_FILTERS:Reset filters`));\n  /**\n   * Set false to hide reset filters button\n   *\n   * @defaultValue true\n   */\n  readonly allowReset = input(true, { transform: booleanAttribute });\n  /**\n   * Color to use for component background\n   *\n   * @defaultValue 'base-1'\n   */\n  readonly colorVariant = input<BackgroundColorVariant>('base-1');\n\n  /**\n   * Set to true to disable component\n   *\n   * @defaultValue false\n   */\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  /**\n   * Custom text for the collapsed filters.\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_FILTER_BAR.COLLAPSED_FILTERS_DESCRIPTION:+ {{count}} filters`)\n   * ```\n   */\n  readonly collapsedFiltersDescription = input(\n    t(() => $localize`:@@SI_FILTER_BAR.COLLAPSED_FILTERS_DESCRIPTION:+ {{count}} filters`)\n  );\n\n  /**\n   * Output callback to be executed when the reset filter is clicked\n   */\n  readonly resetFilters = output<void>();\n\n  private readonly collapsableListDirective = viewChild.required(SiAutoCollapsableListDirective);\n\n  protected deleteFilters(deletedPill: Filter): void {\n    this.filters.set(this.filters().filter(filter => filter !== deletedPill));\n  }\n\n  protected onResetFilters(): void {\n    this.filters.set([]);\n    this.resetFilters.emit();\n  }\n\n  protected deleteOverflowFilter(): void {\n    this.filters.update(filters =>\n      filters.slice(\n        0,\n        this.collapsableListDirective()\n          .items()\n          .findIndex(item => !item.isVisible())\n      )\n    );\n  }\n}\n","<div class=\"responsive py-2\" siAutoCollapsableList>\n  @for (filter of filters(); track $index) {\n    <div class=\"pill-wrapper\" siAutoCollapsableListItem>\n      <si-filter-pill\n        [class.dark-background]=\"colorVariant() === 'base-0'\"\n        [totalPills]=\"$count\"\n        [filter]=\"filter\"\n        [disabled]=\"disabled()\"\n        (deleteFilters)=\"deleteFilters($event)\"\n      />\n    </div>\n  } @empty {\n    <span class=\"list-text\">{{ filterDefaultText() | translate }}</span>\n  }\n  <si-filter-pill\n    #overflowItem=\"siAutoCollapsableListOverflowItem\"\n    siAutoCollapsableListOverflowItem\n    [class.dark-background]=\"colorVariant() === 'base-0'\"\n    [disabled]=\"disabled()\"\n    [filter]=\"{\n      description:\n        collapsedFiltersDescription()\n        | translate\n          : {\n              count: overflowItem.hiddenItemCount\n            },\n      title: '',\n      filterName: ''\n    }\"\n    (deleteFilters)=\"deleteOverflowFilter()\"\n  />\n  @if (allowReset() && this.filters().length) {\n    <button\n      siAutoCollapsableListAdditionalContent\n      type=\"button\"\n      class=\"text-nowrap btn btn-tertiary\"\n      [disabled]=\"disabled()\"\n      (click)=\"onResetFilters()\"\n    >\n      {{ resetText() | translate }}\n    </button>\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiFilterBarComponent } from './si-filter-bar.component';\n\n@NgModule({\n  imports: [SiFilterBarComponent],\n  exports: [SiFilterBarComponent]\n})\nexport class SiFilterBarModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './filter';\nexport * from './si-filter-bar.component';\nexport * from './si-filter-bar.module';\nexport * from './si-filter-pill.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAAA;;;AAGG;MAgBU,qBAAqB,CAAA;AACb,IAAA,KAAK,GAAG,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;AACtD;;AAEG;AACM,IAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,iDAAU;;IAGjC,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;;AAGxD,IAAA,UAAU,GAAG,KAAK,CAAC,CAAC,sDAAC;AAE9B;;;AAGG;IACM,aAAa,GAAG,MAAM,EAAU;IAE/B,aAAa,GAAA;QACrB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;IACxC;uGArBW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,qgBCnBlC,w1BA8BA,EAAA,MAAA,EAAA,CAAA,6iBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDhBY,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,eAAe,iEAAE,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,OAAA,EAAA,CAAA;;2FAKjD,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;+BACE,gBAAgB,EAAA,OAAA,EACjB,CAAC,gBAAgB,EAAE,eAAe,EAAE,eAAe,CAAC,EAAA,eAAA,EAG5C,uBAAuB,CAAC,OAAO,EAAA,QAAA,EAAA,w1BAAA,EAAA,MAAA,EAAA,CAAA,6iBAAA,CAAA,EAAA;;;AEjBlD;;;AAGG;MAuCU,oBAAoB,CAAA;AAC/B;;;;;;;AAOG;AACM,IAAA,iBAAiB,GAAG,KAAK,CAChC,CAAC,CAAC,MAAM,SAAS,CAAA,CAAA,8CAAA,CAAgD,CAAC,6DACnE;AACD;;;;AAIG;AACM,IAAA,OAAO,GAAG,KAAK,CAAW,EAAE,mDAAC;AACtC;;;;;;;AAOG;AACM,IAAA,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,SAAS,CAAA,CAAA,4CAAA,CAA8C,CAAC,qDAAC;AAC5F;;;;AAIG;IACM,UAAU,GAAG,KAAK,CAAC,IAAI,uDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAClE;;;;AAIG;AACM,IAAA,YAAY,GAAG,KAAK,CAAyB,QAAQ,wDAAC;AAE/D;;;;AAIG;IACM,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEjE;;;;;;AAMG;AACM,IAAA,2BAA2B,GAAG,KAAK,CAC1C,CAAC,CAAC,MAAM,SAAS,CAAA,CAAA,kEAAA,CAAoE,CAAC,uEACvF;AAED;;AAEG;IACM,YAAY,GAAG,MAAM,EAAQ;AAErB,IAAA,wBAAwB,GAAG,SAAS,CAAC,QAAQ,CAAC,8BAA8B,CAAC;AAEpF,IAAA,aAAa,CAAC,WAAmB,EAAA;QACzC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,MAAM,IAAI,MAAM,KAAK,WAAW,CAAC,CAAC;IAC3E;IAEU,cAAc,GAAA;AACtB,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;AACpB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;IAEU,oBAAoB,GAAA;AAC5B,QAAA,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,IACzB,OAAO,CAAC,KAAK,CACX,CAAC,EACD,IAAI,CAAC,wBAAwB;AAC1B,aAAA,KAAK;AACL,aAAA,SAAS,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CACxC,CACF;IACH;uGAnFW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,2BAAA,EAAA,EAAA,iBAAA,EAAA,6BAAA,EAAA,UAAA,EAAA,6BAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,eAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,aAAA,EAAA,cAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,0BAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EA+DgC,8BAA8B,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzG/F,4yCA2CA,4eDfI,8BAA8B,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,EAAA,KAAA,EAAA,uCAAA,CAAA,EAAA,QAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC9B,kCAAkC,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,2BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClC,0CAA0C,EAAA,QAAA,EAAA,qCAAA,EAAA,QAAA,EAAA,CAAA,mCAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC1C,+CAA+C,EAAA,QAAA,EAAA,0CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC/C,qBAAqB,gIACrB,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,OAAA,EAAA,CAAA;;2FASN,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAjBhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,OAAA,EAChB;wBACP,8BAA8B;wBAC9B,kCAAkC;wBAClC,0CAA0C;wBAC1C,+CAA+C;wBAC/C,qBAAqB;wBACrB;qBACD,EAAA,eAAA,EAGgB,uBAAuB,CAAC,OAAO,EAAA,IAAA,EAC1C;AACJ,wBAAA,eAAe,EAAE;AAClB,qBAAA,EAAA,QAAA,EAAA,4yCAAA,EAAA,MAAA,EAAA,CAAA,obAAA,CAAA,EAAA;y7BAiE8D,8BAA8B,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEzG/F;;;AAGG;MASU,iBAAiB,CAAA;uGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAjB,iBAAiB,EAAA,OAAA,EAAA,CAHlB,oBAAoB,CAAA,EAAA,OAAA,EAAA,CACpB,oBAAoB,CAAA,EAAA,CAAA;AAEnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAHlB,oBAAoB,CAAA,EAAA,CAAA;;2FAGnB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,oBAAoB,CAAC;oBAC/B,OAAO,EAAE,CAAC,oBAAoB;AAC/B,iBAAA;;;ACXD;;;AAGG;;ACHH;;AAEG;;;;"}
+{"version":3,"file":"siemens-element-ng-filter-bar.mjs","sources":["../../../../projects/element-ng/filter-bar/si-filter-pill.component.ts","../../../../projects/element-ng/filter-bar/si-filter-pill.component.html","../../../../projects/element-ng/filter-bar/si-filter-bar.component.ts","../../../../projects/element-ng/filter-bar/si-filter-bar.component.html","../../../../projects/element-ng/filter-bar/si-filter-bar.module.ts","../../../../projects/element-ng/filter-bar/index.ts","../../../../projects/element-ng/filter-bar/siemens-element-ng-filter-bar.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, input, output } from '@angular/core';\nimport { elementCancel } from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\n\nimport { Filter } from './filter';\n\n@Component({\n  selector: 'si-filter-pill',\n  imports: [NgTemplateOutlet, SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-filter-pill.component.html',\n  styleUrl: './si-filter-pill.component.scss',\n  changeDetection: ChangeDetectionStrategy.Eager\n})\nexport class SiFilterPillComponent {\n  protected readonly icons = addIcons({ elementCancel });\n  /**\n   * Settings of the filter pill.\n   */\n  readonly filter = input.required<Filter>();\n\n  /** @defaultValue false */\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  /** @defaultValue 0 */\n  readonly totalPills = input(0);\n\n  /**\n   * Output callback event which will provide you the name of the deleted filter\n   * pill if a filter was deleted.\n   */\n  readonly deleteFilters = output<Filter>();\n\n  protected deleteClicked(): void {\n    this.deleteFilters.emit(this.filter());\n  }\n}\n","<div\n  class=\"pill responsive\"\n  [class.pe-0]=\"!disabled()\"\n  [class.disabled]=\"disabled()\"\n  [attr.aria-disabled]=\"disabled()\"\n>\n  <div class=\"wrapper\">\n    @if (filter().title) {\n      <div class=\"name\">{{ filter().title | translate }}</div>\n    }\n    @if (filter().title && filter().description) {\n      <span class=\"name pe-4\">:</span>\n    }\n    <div class=\"value\">{{ filter().description | translate }}</div>\n  </div>\n  @if (!disabled()) {\n    <ng-container *ngTemplateOutlet=\"remove\" />\n  }\n</div>\n<ng-template #remove>\n  <button\n    type=\"button\"\n    class=\"btn-remove btn btn-circle btn-tertiary-ghost focus-inside ms-0 btn-sm\"\n    aria-label=\"Remove\"\n    [disabled]=\"disabled()\"\n    (click)=\"deleteClicked()\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\n  </button>\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  model,\n  output,\n  viewChild\n} from '@angular/core';\nimport {\n  SiAutoCollapsableListAdditionalContentDirective,\n  SiAutoCollapsableListDirective,\n  SiAutoCollapsableListItemDirective,\n  SiAutoCollapsableListOverflowItemDirective\n} from '@siemens/element-ng/auto-collapsable-list';\nimport { BackgroundColorVariant } from '@siemens/element-ng/common';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\nimport { Filter } from './filter';\nimport { SiFilterPillComponent } from './si-filter-pill.component';\n\n@Component({\n  selector: 'si-filter-bar',\n  imports: [\n    SiAutoCollapsableListDirective,\n    SiAutoCollapsableListItemDirective,\n    SiAutoCollapsableListOverflowItemDirective,\n    SiAutoCollapsableListAdditionalContentDirective,\n    SiFilterPillComponent,\n    SiTranslatePipe\n  ],\n  templateUrl: './si-filter-bar.component.html',\n  styleUrl: './si-filter-bar.component.scss',\n  changeDetection: ChangeDetectionStrategy.Eager,\n  host: {\n    '[class.reset]': 'allowReset()'\n  }\n})\nexport class SiFilterBarComponent {\n  /**\n   * Custom text if no filters are selected.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_FILTER_BAR.NO_FILTERS:No filters applied`)\n   * ```\n   */\n  readonly filterDefaultText = input(\n    t(() => $localize`:@@SI_FILTER_BAR.NO_FILTERS:No filters applied`)\n  );\n  /**\n   * Array of filter items to show\n   *\n   * @defaultValue []\n   */\n  readonly filters = model<Filter[]>([]);\n  /**\n   * Text for reset button\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_FILTER_BAR.RESET_FILTERS:Reset filters`)\n   * ```\n   */\n  readonly resetText = input(t(() => $localize`:@@SI_FILTER_BAR.RESET_FILTERS:Reset filters`));\n  /**\n   * Set false to hide reset filters button\n   *\n   * @defaultValue true\n   */\n  readonly allowReset = input(true, { transform: booleanAttribute });\n  /**\n   * Color to use for component background\n   *\n   * @defaultValue 'base-1'\n   */\n  readonly colorVariant = input<BackgroundColorVariant>('base-1');\n\n  /**\n   * Set to true to disable component\n   *\n   * @defaultValue false\n   */\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  /**\n   * Custom text for the collapsed filters.\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_FILTER_BAR.COLLAPSED_FILTERS_DESCRIPTION:+ {{count}} criteria`)\n   * ```\n   */\n  readonly collapsedFiltersDescription = input(\n    t(() => $localize`:@@SI_FILTER_BAR.COLLAPSED_FILTERS_DESCRIPTION:+ {{count}} criteria`)\n  );\n\n  /**\n   * Output callback to be executed when the reset filter is clicked\n   */\n  readonly resetFilters = output<void>();\n\n  private readonly collapsableListDirective = viewChild.required(SiAutoCollapsableListDirective);\n\n  protected deleteFilters(deletedPill: Filter): void {\n    this.filters.set(this.filters().filter(filter => filter !== deletedPill));\n  }\n\n  protected onResetFilters(): void {\n    this.filters.set([]);\n    this.resetFilters.emit();\n  }\n\n  protected deleteOverflowFilter(): void {\n    this.filters.update(filters =>\n      filters.slice(\n        0,\n        this.collapsableListDirective()\n          .items()\n          .findIndex(item => !item.isVisible())\n      )\n    );\n  }\n}\n","<div class=\"responsive py-2\" siAutoCollapsableList>\n  @for (filter of filters(); track $index) {\n    <div class=\"pill-wrapper\" siAutoCollapsableListItem>\n      <si-filter-pill\n        [class.dark-background]=\"colorVariant() === 'base-0'\"\n        [totalPills]=\"$count\"\n        [filter]=\"filter\"\n        [disabled]=\"disabled()\"\n        (deleteFilters)=\"deleteFilters($event)\"\n      />\n    </div>\n  } @empty {\n    <span class=\"list-text\">{{ filterDefaultText() | translate }}</span>\n  }\n  <si-filter-pill\n    #overflowItem=\"siAutoCollapsableListOverflowItem\"\n    siAutoCollapsableListOverflowItem\n    [class.dark-background]=\"colorVariant() === 'base-0'\"\n    [disabled]=\"disabled()\"\n    [filter]=\"{\n      description:\n        collapsedFiltersDescription()\n        | translate\n          : {\n              count: overflowItem.hiddenItemCount\n            },\n      title: '',\n      filterName: ''\n    }\"\n    (deleteFilters)=\"deleteOverflowFilter()\"\n  />\n  @if (allowReset() && this.filters().length) {\n    <button\n      siAutoCollapsableListAdditionalContent\n      type=\"button\"\n      class=\"text-nowrap btn btn-tertiary\"\n      [disabled]=\"disabled()\"\n      (click)=\"onResetFilters()\"\n    >\n      {{ resetText() | translate }}\n    </button>\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiFilterBarComponent } from './si-filter-bar.component';\n\n@NgModule({\n  imports: [SiFilterBarComponent],\n  exports: [SiFilterBarComponent]\n})\nexport class SiFilterBarModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './filter';\nexport * from './si-filter-bar.component';\nexport * from './si-filter-bar.module';\nexport * from './si-filter-pill.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}