@mintplayer/ng-bootstrap 21.0.0 → 21.1.0

package/fesm2022/mintplayer-ng-bootstrap-select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-bootstrap-select.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/select/src/component/select.component.ts","../../../../libs/mintplayer-ng-bootstrap/select/src/component/select.component.html","../../../../libs/mintplayer-ng-bootstrap/select/src/value-accessors/select-value-accessor.ts","../../../../libs/mintplayer-ng-bootstrap/select/src/select.module.ts","../../../../libs/mintplayer-ng-bootstrap/select/mintplayer-ng-bootstrap-select.ts"],"sourcesContent":["import { Component, ElementRef, Input, OnInit, Renderer2, ViewChild } from '@angular/core';\nimport { BehaviorSubject, map, Observable } from 'rxjs';\nimport { BsSelectSize } from '../types/select-size';\n\n@Component({\n  selector: 'bs-select',\n  templateUrl: './select.component.html',\n  styleUrls: ['./select.component.scss'],\n  standalone: false,\n})\nexport class BsSelectComponent implements OnInit {\n  constructor(private renderer: Renderer2) {\n    this.sizeClass$ = this.size$.pipe(map((size) => {\n      switch (size) {\n        case 'sm':\n        case 'lg':\n          return `form-select-${size}`;\n        default:\n          return null;\n      }\n    }));\n\n    this.multipleValue$ = this.multiple$.pipe(map((multiple) => {\n      if (multiple) {\n        return true;\n      } else {\n        return null;\n      }\n    }));\n  }\n\n  // For debugging purposes\n  @Input() public identifier = 0;\n\n  @ViewChild('selectBox') selectBox!: ElementRef<HTMLSelectElement>; \n\n  ngOnInit(): void {}\n\n  //#region Size\n  size$ = new BehaviorSubject<BsSelectSize>('md');\n  public get size() {\n    return this.size$.value;\n  }\n  @Input() public set size(value: BsSelectSize) {\n    this.size$.next(value);\n  }\n  //#endregion\n\n  //#region Multiple\n  multiple$ = new BehaviorSubject<boolean>(false);\n  public get multiple() {\n    return this.multiple$.value;\n  }\n  @Input() public set multiple(value: boolean) {\n    this.multiple$.next(value);\n  }\n  //#endregion\n\n  //#region NumberVisible\n  numberVisible$ = new BehaviorSubject<number | null>(null);\n  public get numberVisible() {\n    return this.numberVisible$.value;\n  }\n  @Input() public set numberVisible(value: number | null) {\n    this.numberVisible$.next(value);\n  }\n  //#endregion\n\n  //#region Disabled\n  public get disabled() {\n    return this.selectBox!.nativeElement.disabled;\n  }\n  @Input() public set disabled(value: boolean) {\n    if (this.selectBox) {\n      this.renderer.setProperty(this.selectBox.nativeElement, 'disabled', value);\n    }\n  }\n  //#endregion\n\n  sizeClass$: Observable<string | null>;\n  multipleValue$: Observable<boolean | null>;\n}\n","<select class=\"form-select\" #selectBox [class]=\"sizeClass$ | async\" [attr.multiple]=\"multipleValue$ | async\" [attr.size]=\"numberVisible$ | async\" aria-label=\"Default select example\">\n    <ng-content></ng-content>\n</select>","import { Directive, ElementRef, forwardRef, Host, HostListener, Input, OnDestroy, Optional, Renderer2 } from \"@angular/core\";\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from \"@angular/forms\";\nimport { BsSelectComponent } from \"../component/select.component\";\n\n@Directive({\n  selector: 'bs-select',\n  standalone: false,\n  providers: [{\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => BsSelectValueAccessor),\n    multi: true,\n  }],\n})\nexport class BsSelectValueAccessor implements ControlValueAccessor {\n  constructor(private _renderer: Renderer2, private _elementRef: ElementRef, private selectBox: BsSelectComponent) {}\n\n  onChange = (_: any) => {};\n  onTouched = () => {};\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n  registerOnChange(fn: (p: any) => {}) {\n    this.onChange = (valueString: string) => {\n      // View -> Model\n      this.value = this.getOptionValue(valueString);\n      fn(this.value);\n      // fn(valueString);\n    };\n  }\n  setDisabledState(isDisabled: boolean): void {\n    this.setProperty('disabled', isDisabled);\n  }\n  protected setProperty(key: string, value: any): void {\n    // if (this._elementRef) {\n    //   this._renderer.setProperty(this._elementRef.nativeElement, key, value);\n    // }\n    if (this.selectBox.selectBox) {\n      this._renderer.setProperty(this.selectBox.selectBox.nativeElement, key, value);\n    }\n  }\n\n  @HostListener('change', ['$event']) hostOnChange(event: Event) {\n    this.onChange((<any>event.target).value);\n  }\n\n  @HostListener('blur', ['$event']) hostBlur(ev: Event) {\n    this.onTouched();\n  }\n\n  value: any;\n  optionMap = new Map<string, any>();\n  idCounter = 0;\n\n  private compareWithFunction: (value1: any, value2: any) => boolean = Object.is;\n  @Input() set compareWith(value: (value1: any, value2: any) => boolean) {\n    if (typeof value !== 'function') {\n      throw new Error('compareWith must be a function');\n    }\n    this.compareWithFunction = value;\n  }\n\n  buildValueString(id: string | null, value: any) {\n    if (id == null) {\n      return `${value}`;\n    }\n\n    if (value && (typeof value === 'object')) {\n      value = 'Object';\n    }\n\n    return `${id}: ${value}`.slice(0, 50);\n  }\n\n  extractId(valueString: string) {\n    return valueString.split(':')[0];\n  }\n\n  writeValue(value: any) {\n    this.value = value;\n    // console.log(`WriteValue ${this.selectBox.identifier}`, value);\n\n    const id = this.getOptionId(value);\n    const valueString = this.buildValueString(id, value);\n    this.setProperty('value', valueString);\n  }\n\n  registerOption() {\n    return (this.idCounter++).toString();\n  }\n\n  getOptionId(value: any) {\n    for (const id of Array.from(this.optionMap.keys())) {\n      if (this.compareWithFunction(this.optionMap.get(id), value)) {\n        return id;\n      }\n    }\n\n    // This shouldn't happen\n    // debugger;\n    \n    return null;\n  }\n\n  getOptionValue(valueString: string) {\n    const id = this.extractId(valueString);\n    return this.optionMap.has(id) ? this.optionMap.get(id) : valueString;\n  }\n}\n\n@Directive({\n  selector: 'option',\n  standalone: false,\n})\nexport class BsSelectOption implements OnDestroy {\n  constructor(private element: ElementRef, private renderer: Renderer2, @Optional() @Host() private select: BsSelectValueAccessor) {\n    if (this.select) {\n      this.id = this.select.registerOption();\n    }\n  }\n  \n  id!: string;\n\n  @Input('ngValue') set ngValue(value: any) {\n    if (this.select) {\n      this.select.optionMap.set(this.id, value);\n      this.setElementValue(this.select.buildValueString(this.id, value));\n      // console.log('ngValue', this.select.value);\n      this.select.writeValue(this.select.value);\n    }\n  }\n\n  @Input('value') set value(value: any) {\n    this.setElementValue(value);\n    if (this.select) {\n      this.select.writeValue(this.select.value);\n    }\n  }\n\n  setElementValue(value: string) {\n    // console.log('setElementValue', value);\n    // const nativeSelect = this.select['selectBox'].selectBox;\n    // if (nativeSelect) {\n    //   this.renderer.setProperty(nativeSelect.nativeElement, 'value', value);\n    // }\n    this.renderer.setProperty(this.element.nativeElement, 'value', value);\n  }\n\n  ngOnDestroy() {\n    if (this.select) {\n      this.select.optionMap.delete(this.id);\n      this.select.writeValue(this.select.value);\n    }\n  }\n}\n\n// @Directive({\n//   selector: 'bs-select',\n//   providers: [{\n//     provide: NG_VALUE_ACCESSOR,\n//     useExisting: forwardRef(() => BsSelectValueAccessor),\n//     multi: true,\n//   }],\n// })\n// export class BsSelectValueAccessor implements ControlValueAccessor, AfterViewInit, OnDestroy {\n//   constructor(private host: BsSelectComponent) {}\n\n//   destroyed$ = new Subject();\n\n//   onValueChange?: (value: any) => void;\n//   onTouched?: () => void;\n\n//   //#region Lifecycle hooks\n//   ngAfterViewInit() {\n//     fromEvent(this.host.selectBox.nativeElement, 'change')\n//       .pipe(takeUntil(this.destroyed$))\n//       .subscribe((ev) => {\n//         if (this.onValueChange) {\n//           const val = (<HTMLSelectElement>ev.target).value;\n//           console.log('selected', val);\n//           this.onValueChange(val);\n//         }\n//       });\n//   }\n\n//   ngOnDestroy() {\n//     this.destroyed$.next(true);\n//   }\n//   //#endregion\n\n//   @Input('ngValue') set ngValue(value: any) {\n//     if (this.host) {\n//       this.host.opt\n//     }\n//   }\n\n//   //#region OptionId mapping\n//   private compareWithFunction: (value1: any, value2: any) => boolean = Object.is;\n//   private optionMap = new Map<string, any>();\n//   @Input() public set compareWith(fn: (value1: any, value2: any) => boolean) {\n//     if (typeof fn !== 'function') {\n//       throw new Error('compareWith must be a function');\n//     }\n//     this.compareWithFunction = fn;\n//   }\n\n//   private getOptionId(value: any) {\n//     for (const id of Array.from(this.optionMap.keys())) {\n//       if (this.compareWith(this.optionMap.get(id), value)) {\n//         return id;\n//       }\n//     }\n//     return null;\n//   }\n\n//   private getOptionValue(valueString: string) {\n//     const id = this.extractId(valueString);\n//     return this.optionMap.has(id) ? this.optionMap.get(id) : valueString;\n//   }\n\n//   private extractId(valueString: string) {\n//     return valueString.split(':')[0];\n//   }\n//   //#endregion\n\n//   //#region ControlValueAccessor implementation\n//   registerOnChange(fn: (_: any) => void) {\n//     this.onValueChange = (valueString: string) => {\n//       this.value = this.getOptionValue(valueString);\n//       fn(this.value);\n//     };\n//   }\n  \n//   registerOnTouched(fn: () => void) {\n//     this.onTouched = fn;\n//   }\n\n//   value: any;\n//   writeValue(value: any) {\n//     this.value = value;\n//     if (this.host.selectBox) {\n//       // this.host.selectBox.nativeElement.selectedIndex = this.host.selectBox.nativeElement.options.item();\n//     }\n//   }\n\n//   setDisabledState(isDisabled: boolean) {\n//     if (this.host.selectBox) {\n//       this.host.selectBox.nativeElement.disabled = isDisabled;\n//     }\n//   }\n//   //#endregion\n\n// }\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BsSelectComponent } from './component/select.component';\nimport { BsSelectValueAccessor, BsSelectOption } from './value-accessors/select-value-accessor';\n\n@NgModule({\n  declarations: [\n    BsSelectComponent,\n    BsSelectValueAccessor,\n    BsSelectOption\n  ],\n  imports: [CommonModule],\n  exports: [\n    BsSelectComponent,\n    BsSelectValueAccessor,\n    BsSelectOption\n  ],\n})\nexport class BsSelectModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.BsSelectComponent"],"mappings":";;;;;;;MAUa,iBAAiB,CAAA;AAC5B,IAAA,WAAA,CAAoB,QAAmB,EAAA;QAAnB,IAAA,CAAA,QAAQ,GAAR,QAAQ;;QAqBZ,IAAA,CAAA,UAAU,GAAG,CAAC;;AAO9B,QAAA,IAAA,CAAA,KAAK,GAAG,IAAI,eAAe,CAAe,IAAI,CAAC;;;AAU/C,QAAA,IAAA,CAAA,SAAS,GAAG,IAAI,eAAe,CAAU,KAAK,CAAC;;;AAU/C,QAAA,IAAA,CAAA,cAAc,GAAG,IAAI,eAAe,CAAgB,IAAI,CAAC;AA/CvD,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,KAAI;YAC7C,QAAQ,IAAI;AACV,gBAAA,KAAK,IAAI;AACT,gBAAA,KAAK,IAAI;oBACP,OAAO,CAAA,YAAA,EAAe,IAAI,CAAA,CAAE;AAC9B,gBAAA;AACE,oBAAA,OAAO,IAAI;;QAEjB,CAAC,CAAC,CAAC;AAEH,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAI;YACzD,IAAI,QAAQ,EAAE;AACZ,gBAAA,OAAO,IAAI;YACb;iBAAO;AACL,gBAAA,OAAO,IAAI;YACb;QACF,CAAC,CAAC,CAAC;IACL;AAOA,IAAA,QAAQ,KAAU;AAIlB,IAAA,IAAW,IAAI,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK;IACzB;IACA,IAAoB,IAAI,CAAC,KAAmB,EAAA;AAC1C,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;IACxB;AAKA,IAAA,IAAW,QAAQ,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK;IAC7B;IACA,IAAoB,QAAQ,CAAC,KAAc,EAAA;AACzC,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;IAC5B;AAKA,IAAA,IAAW,aAAa,GAAA;AACtB,QAAA,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK;IAClC;IACA,IAAoB,aAAa,CAAC,KAAoB,EAAA;AACpD,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC;IACjC;;;AAIA,IAAA,IAAW,QAAQ,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,SAAU,CAAC,aAAa,CAAC,QAAQ;IAC/C;IACA,IAAoB,QAAQ,CAAC,KAAc,EAAA;AACzC,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC;QAC5E;IACF;8GAlEW,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,8SCV9B,4OAES,EAAA,MAAA,EAAA,CAAA,y3DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FDQI,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAN7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,cAGT,KAAK,EAAA,QAAA,EAAA,4OAAA,EAAA,MAAA,EAAA,CAAA,y3DAAA,CAAA,EAAA;;sBAwBhB;;sBAEA,SAAS;uBAAC,WAAW;;sBASrB;;sBAUA;;sBAUA;;sBASA;;;ME3DU,qBAAqB,CAAA;AAChC,IAAA,WAAA,CAAoB,SAAoB,EAAU,WAAuB,EAAU,SAA4B,EAAA;QAA3F,IAAA,CAAA,SAAS,GAAT,SAAS;QAAqB,IAAA,CAAA,WAAW,GAAX,WAAW;QAAsB,IAAA,CAAA,SAAS,GAAT,SAAS;AAE5F,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,CAAM,KAAI,EAAE,CAAC;AACzB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAK,EAAE,CAAC;AAkCpB,QAAA,IAAA,CAAA,SAAS,GAAG,IAAI,GAAG,EAAe;QAClC,IAAA,CAAA,SAAS,GAAG,CAAC;AAEL,QAAA,IAAA,CAAA,mBAAmB,GAA0C,MAAM,CAAC,EAAE;IAxCoC;AAKlH,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AACA,IAAA,gBAAgB,CAAC,EAAkB,EAAA;AACjC,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,WAAmB,KAAI;;YAEtC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC;AAC7C,YAAA,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;;AAEhB,QAAA,CAAC;IACH;AACA,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAClC,QAAA,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,UAAU,CAAC;IAC1C;IACU,WAAW,CAAC,GAAW,EAAE,KAAU,EAAA;;;;AAI3C,QAAA,IAAI,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE;AAC5B,YAAA,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,aAAa,EAAE,GAAG,EAAE,KAAK,CAAC;QAChF;IACF;AAEoC,IAAA,YAAY,CAAC,KAAY,EAAA;QAC3D,IAAI,CAAC,QAAQ,CAAO,KAAK,CAAC,MAAO,CAAC,KAAK,CAAC;IAC1C;AAEkC,IAAA,QAAQ,CAAC,EAAS,EAAA;QAClD,IAAI,CAAC,SAAS,EAAE;IAClB;IAOA,IAAa,WAAW,CAAC,KAA4C,EAAA;AACnE,QAAA,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;AAC/B,YAAA,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC;QACnD;AACA,QAAA,IAAI,CAAC,mBAAmB,GAAG,KAAK;IAClC;IAEA,gBAAgB,CAAC,EAAiB,EAAE,KAAU,EAAA;AAC5C,QAAA,IAAI,EAAE,IAAI,IAAI,EAAE;YACd,OAAO,CAAA,EAAG,KAAK,CAAA,CAAE;QACnB;QAEA,IAAI,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,CAAC,EAAE;YACxC,KAAK,GAAG,QAAQ;QAClB;AAEA,QAAA,OAAO,CAAA,EAAG,EAAE,CAAA,EAAA,EAAK,KAAK,CAAA,CAAE,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;IACvC;AAEA,IAAA,SAAS,CAAC,WAAmB,EAAA;QAC3B,OAAO,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAClC;AAEA,IAAA,UAAU,CAAC,KAAU,EAAA;AACnB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;;QAGlB,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;QAClC,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,EAAE,EAAE,KAAK,CAAC;AACpD,QAAA,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,WAAW,CAAC;IACxC;IAEA,cAAc,GAAA;QACZ,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE;IACtC;AAEA,IAAA,WAAW,CAAC,KAAU,EAAA;AACpB,QAAA,KAAK,MAAM,EAAE,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,EAAE;AAClD,YAAA,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE;AAC3D,gBAAA,OAAO,EAAE;YACX;QACF;;;AAKA,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,cAAc,CAAC,WAAmB,EAAA;QAChC,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC;QACtC,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW;IACtE;8GA9FW,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,wLANrB,CAAC;AACV,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,qBAAqB,CAAC;AACpD,gBAAA,KAAK,EAAE,IAAI;aACZ,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAES,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBATjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,UAAU,EAAE,KAAK;AACjB,oBAAA,SAAS,EAAE,CAAC;AACV,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,2BAA2B,CAAC;AACpD,4BAAA,KAAK,EAAE,IAAI;yBACZ,CAAC;AACH,iBAAA;;sBA8BE,YAAY;uBAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC;;sBAIjC,YAAY;uBAAC,MAAM,EAAE,CAAC,QAAQ,CAAC;;sBAS/B;;MA2DU,cAAc,CAAA;AACzB,IAAA,WAAA,CAAoB,OAAmB,EAAU,QAAmB,EAA8B,MAA6B,EAAA;QAA3G,IAAA,CAAA,OAAO,GAAP,OAAO;QAAsB,IAAA,CAAA,QAAQ,GAAR,QAAQ;QAAyC,IAAA,CAAA,MAAM,GAAN,MAAM;AACtG,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE;QACxC;IACF;IAIA,IAAsB,OAAO,CAAC,KAAU,EAAA;AACtC,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,YAAA,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC;AACzC,YAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;;YAElE,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;QAC3C;IACF;IAEA,IAAoB,KAAK,CAAC,KAAU,EAAA;AAClC,QAAA,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC;AAC3B,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;QAC3C;IACF;AAEA,IAAA,eAAe,CAAC,KAAa,EAAA;;;;;;AAM3B,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,OAAO,EAAE,KAAK,CAAC;IACvE;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;YACrC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;QAC3C;IACF;8GAvCW,cAAc,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAA,qBAAA,EAAA,IAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAd,cAAc,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,QAAQ;AAClB,oBAAA,UAAU,EAAE,KAAK;AAClB,iBAAA;;0BAEwE;;0BAAY;;sBAQlF,KAAK;uBAAC,SAAS;;sBASf,KAAK;uBAAC,OAAO;;;MClHH,cAAc,CAAA;8GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,iBAXvB,iBAAiB;YACjB,qBAAqB;YACrB,cAAc,CAAA,EAAA,OAAA,EAAA,CAEN,YAAY,CAAA,EAAA,OAAA,EAAA,CAEpB,iBAAiB;YACjB,qBAAqB;YACrB,cAAc,CAAA,EAAA,CAAA,CAAA;AAGL,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAPf,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAOX,cAAc,EAAA,UAAA,EAAA,CAAA;kBAb1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,iBAAiB;wBACjB,qBAAqB;wBACrB;AACD,qBAAA;oBACD,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,OAAO,EAAE;wBACP,iBAAiB;wBACjB,qBAAqB;wBACrB;AACD,qBAAA;AACF,iBAAA;;;ACjBD;;AAEG;;;;"}
+{"version":3,"file":"mintplayer-ng-bootstrap-select.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/select/src/component/select.component.ts","../../../../libs/mintplayer-ng-bootstrap/select/src/component/select.component.html","../../../../libs/mintplayer-ng-bootstrap/select/src/value-accessors/select-value-accessor.ts","../../../../libs/mintplayer-ng-bootstrap/select/src/select.module.ts","../../../../libs/mintplayer-ng-bootstrap/select/mintplayer-ng-bootstrap-select.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, effect, ElementRef, inject, input, Renderer2, ViewChild } from '@angular/core';\nimport { BsSelectSize } from '../types/select-size';\n\n@Component({\n  selector: 'bs-select',\n  templateUrl: './select.component.html',\n  styleUrls: ['./select.component.scss'],\n  standalone: false,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsSelectComponent {\n  private renderer = inject(Renderer2);\n\n  constructor() {\n    effect(() => {\n      const disabled = this.disabled();\n      if (this.selectBox) {\n        this.renderer.setProperty(this.selectBox.nativeElement, 'disabled', disabled);\n      }\n    });\n  }\n\n  // For debugging purposes\n  identifier = input(0);\n\n  @ViewChild('selectBox') selectBox!: ElementRef<HTMLSelectElement>;\n\n  size = input<BsSelectSize>('md');\n  multiple = input<boolean>(false);\n  numberVisible = input<number | null>(null);\n  disabled = input<boolean>(false);\n\n  sizeClass = computed(() => {\n    const size = this.size();\n    switch (size) {\n      case 'sm':\n      case 'lg':\n        return `form-select-${size}`;\n      default:\n        return null;\n    }\n  });\n\n  multipleValue = computed(() => {\n    if (this.multiple()) {\n      return true;\n    } else {\n      return null;\n    }\n  });\n}\n","<select class=\"form-select\" #selectBox [class]=\"sizeClass()\" [attr.multiple]=\"multipleValue()\" [attr.size]=\"numberVisible()\" aria-label=\"Default select example\">\n    <ng-content></ng-content>\n</select>\n","import { Directive, ElementRef, forwardRef, Host, HostListener, inject, Input, OnDestroy, Optional, Renderer2 } from \"@angular/core\";\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from \"@angular/forms\";\nimport { BsSelectComponent } from \"../component/select.component\";\n\n@Directive({\n  selector: 'bs-select',\n  standalone: false,\n  providers: [{\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => BsSelectValueAccessor),\n    multi: true,\n  }],\n})\nexport class BsSelectValueAccessor implements ControlValueAccessor {\n  private _renderer = inject(Renderer2);\n  private _elementRef = inject(ElementRef);\n  private selectBox = inject(BsSelectComponent);\n\n  onChange = (_: any) => {};\n  onTouched = () => {};\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n  registerOnChange(fn: (p: any) => {}) {\n    this.onChange = (valueString: string) => {\n      // View -> Model\n      this.value = this.getOptionValue(valueString);\n      fn(this.value);\n      // fn(valueString);\n    };\n  }\n  setDisabledState(isDisabled: boolean): void {\n    this.setProperty('disabled', isDisabled);\n  }\n  protected setProperty(key: string, value: any): void {\n    // if (this._elementRef) {\n    //   this._renderer.setProperty(this._elementRef.nativeElement, key, value);\n    // }\n    if (this.selectBox.selectBox) {\n      this._renderer.setProperty(this.selectBox.selectBox.nativeElement, key, value);\n    }\n  }\n\n  @HostListener('change', ['$event']) hostOnChange(event: Event) {\n    this.onChange((<any>event.target).value);\n  }\n\n  @HostListener('blur', ['$event']) hostBlur(ev: Event) {\n    this.onTouched();\n  }\n\n  value: any;\n  optionMap = new Map<string, any>();\n  idCounter = 0;\n\n  private compareWithFunction: (value1: any, value2: any) => boolean = Object.is;\n  @Input() set compareWith(value: (value1: any, value2: any) => boolean) {\n    if (typeof value !== 'function') {\n      throw new Error('compareWith must be a function');\n    }\n    this.compareWithFunction = value;\n  }\n\n  buildValueString(id: string | null, value: any) {\n    if (id == null) {\n      return `${value}`;\n    }\n\n    if (value && (typeof value === 'object')) {\n      value = 'Object';\n    }\n\n    return `${id}: ${value}`.slice(0, 50);\n  }\n\n  extractId(valueString: string) {\n    return valueString.split(':')[0];\n  }\n\n  writeValue(value: any) {\n    this.value = value;\n    // console.log(`WriteValue ${this.selectBox.identifier}`, value);\n\n    const id = this.getOptionId(value);\n    const valueString = this.buildValueString(id, value);\n    this.setProperty('value', valueString);\n  }\n\n  registerOption() {\n    return (this.idCounter++).toString();\n  }\n\n  getOptionId(value: any) {\n    for (const id of Array.from(this.optionMap.keys())) {\n      if (this.compareWithFunction(this.optionMap.get(id), value)) {\n        return id;\n      }\n    }\n\n    // This shouldn't happen\n    // debugger;\n    \n    return null;\n  }\n\n  getOptionValue(valueString: string) {\n    const id = this.extractId(valueString);\n    return this.optionMap.has(id) ? this.optionMap.get(id) : valueString;\n  }\n}\n\n@Directive({\n  selector: 'option',\n  standalone: false,\n})\nexport class BsSelectOption implements OnDestroy {\n  private element = inject(ElementRef);\n  private renderer = inject(Renderer2);\n  private select = inject(BsSelectValueAccessor, { optional: true, host: true });\n\n  constructor() {\n    if (this.select) {\n      this.id = this.select.registerOption();\n    }\n  }\n  \n  id!: string;\n\n  @Input('ngValue') set ngValue(value: any) {\n    if (this.select) {\n      this.select.optionMap.set(this.id, value);\n      this.setElementValue(this.select.buildValueString(this.id, value));\n      // console.log('ngValue', this.select.value);\n      this.select.writeValue(this.select.value);\n    }\n  }\n\n  @Input('value') set value(value: any) {\n    this.setElementValue(value);\n    if (this.select) {\n      this.select.writeValue(this.select.value);\n    }\n  }\n\n  setElementValue(value: string) {\n    // console.log('setElementValue', value);\n    // const nativeSelect = this.select['selectBox'].selectBox;\n    // if (nativeSelect) {\n    //   this.renderer.setProperty(nativeSelect.nativeElement, 'value', value);\n    // }\n    this.renderer.setProperty(this.element.nativeElement, 'value', value);\n  }\n\n  ngOnDestroy() {\n    if (this.select) {\n      this.select.optionMap.delete(this.id);\n      this.select.writeValue(this.select.value);\n    }\n  }\n}\n\n// @Directive({\n//   selector: 'bs-select',\n//   providers: [{\n//     provide: NG_VALUE_ACCESSOR,\n//     useExisting: forwardRef(() => BsSelectValueAccessor),\n//     multi: true,\n//   }],\n// })\n// export class BsSelectValueAccessor implements ControlValueAccessor, AfterViewInit, OnDestroy {\n//   constructor(private host: BsSelectComponent) {}\n\n//   destroyed$ = new Subject();\n\n//   onValueChange?: (value: any) => void;\n//   onTouched?: () => void;\n\n//   //#region Lifecycle hooks\n//   ngAfterViewInit() {\n//     fromEvent(this.host.selectBox.nativeElement, 'change')\n//       .pipe(takeUntil(this.destroyed$))\n//       .subscribe((ev) => {\n//         if (this.onValueChange) {\n//           const val = (<HTMLSelectElement>ev.target).value;\n//           console.log('selected', val);\n//           this.onValueChange(val);\n//         }\n//       });\n//   }\n\n//   ngOnDestroy() {\n//     this.destroyed$.next(true);\n//   }\n//   //#endregion\n\n//   @Input('ngValue') set ngValue(value: any) {\n//     if (this.host) {\n//       this.host.opt\n//     }\n//   }\n\n//   //#region OptionId mapping\n//   private compareWithFunction: (value1: any, value2: any) => boolean = Object.is;\n//   private optionMap = new Map<string, any>();\n//   @Input() public set compareWith(fn: (value1: any, value2: any) => boolean) {\n//     if (typeof fn !== 'function') {\n//       throw new Error('compareWith must be a function');\n//     }\n//     this.compareWithFunction = fn;\n//   }\n\n//   private getOptionId(value: any) {\n//     for (const id of Array.from(this.optionMap.keys())) {\n//       if (this.compareWith(this.optionMap.get(id), value)) {\n//         return id;\n//       }\n//     }\n//     return null;\n//   }\n\n//   private getOptionValue(valueString: string) {\n//     const id = this.extractId(valueString);\n//     return this.optionMap.has(id) ? this.optionMap.get(id) : valueString;\n//   }\n\n//   private extractId(valueString: string) {\n//     return valueString.split(':')[0];\n//   }\n//   //#endregion\n\n//   //#region ControlValueAccessor implementation\n//   registerOnChange(fn: (_: any) => void) {\n//     this.onValueChange = (valueString: string) => {\n//       this.value = this.getOptionValue(valueString);\n//       fn(this.value);\n//     };\n//   }\n  \n//   registerOnTouched(fn: () => void) {\n//     this.onTouched = fn;\n//   }\n\n//   value: any;\n//   writeValue(value: any) {\n//     this.value = value;\n//     if (this.host.selectBox) {\n//       // this.host.selectBox.nativeElement.selectedIndex = this.host.selectBox.nativeElement.options.item();\n//     }\n//   }\n\n//   setDisabledState(isDisabled: boolean) {\n//     if (this.host.selectBox) {\n//       this.host.selectBox.nativeElement.disabled = isDisabled;\n//     }\n//   }\n//   //#endregion\n\n// }\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BsSelectComponent } from './component/select.component';\nimport { BsSelectValueAccessor, BsSelectOption } from './value-accessors/select-value-accessor';\n\n@NgModule({\n  declarations: [\n    BsSelectComponent,\n    BsSelectValueAccessor,\n    BsSelectOption\n  ],\n  imports: [CommonModule],\n  exports: [\n    BsSelectComponent,\n    BsSelectValueAccessor,\n    BsSelectOption\n  ],\n})\nexport class BsSelectModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/mintplayer-ng-bootstrap-select2.mjs

@@ -1,6 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, HostListener, HostBinding, Input, Output, ViewChild, Component, Directive, NgModule } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
+import { signal, model, output, effect, HostListener, HostBinding, ViewChild, ChangeDetectionStrategy, Component, inject, TemplateRef, untracked, isSignal, Input, Directive, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { NgTemplateOutlet } from '@angular/common';
 import * as i2 from '@angular/forms';
@@ -16,56 +15,63 @@ import { BsInListPipe } from '@mintplayer/ng-bootstrap/in-list';
 
 class BsSelect2Component {
     constructor() {
-        this.isOpen = false;
-        this.suggestions$ = new BehaviorSubject([]);
-        this.isLoading$ = new BehaviorSubject(false);
-        this.searchterm = '';
-        this.suggestions = [];
-        this.provideSuggestions = new EventEmitter();
-        this.selectedItems = [];
+        this.isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
+        this.isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+        this.suggestions = model([], ...(ngDevMode ? [{ debugName: "suggestions" }] : []));
+        this.searchterm = model('', ...(ngDevMode ? [{ debugName: "searchterm" }] : []));
+        this.provideSuggestions = output();
         this.isFocused = false;
+        this.selectedItems = model([], ...(ngDevMode ? [{ debugName: "selectedItems" }] : []));
         this.charWidth = 10;
-        this.searchWidth = 20;
+        this.searchWidth = signal(20, ...(ngDevMode ? [{ debugName: "searchWidth" }] : []));
+        effect(() => {
+            const suggestions = this.suggestions();
+            if (suggestions) {
+                this.isLoading.set(false);
+            }
+        });
     }
     onProvideSuggestions(value) {
-        this.searchWidth = this.charWidth * (this.searchterm.length + 2);
+        this.searchterm.set(value);
+        this.searchWidth.set(this.charWidth * (value.length + 2));
         if (value === '') {
-            this.isOpen = false;
-            this.suggestions$.next([]);
+            this.isOpen.set(false);
         }
         else {
-            this.isLoading$.next(true);
-            this.isOpen = true;
+            this.isLoading.set(true);
+            this.isOpen.set(true);
             this.provideSuggestions.emit(value);
         }
     }
     onSuggestionClicked(suggestion) {
-        this.searchterm = '';
-        this.isOpen = false;
-        const existing = this.selectedItems.find((value, index) => value.id === suggestion.id);
+        this.searchterm.set('');
+        this.isOpen.set(false);
+        const currentItems = this.selectedItems();
+        const existing = currentItems.find((value, index) => value.id === suggestion.id);
         if (existing === undefined) {
-            this.selectedItems.push(suggestion);
+            this.selectedItems.set([...currentItems, suggestion]);
         }
         else {
-            this.selectedItems.splice(this.selectedItems.indexOf(existing), 1);
+            this.selectedItems.set(currentItems.filter(item => item.id !== suggestion.id));
         }
         this.searchBox.nativeElement.focus();
     }
     onRemoveItem(item, event) {
         event.stopPropagation();
-        this.selectedItems.splice(this.selectedItems.indexOf(item), 1);
+        const currentItems = this.selectedItems();
+        this.selectedItems.set(currentItems.filter(i => i.id !== item.id));
         this.focus();
     }
     focus() {
         this.searchBox.nativeElement.focus();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSelect2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: BsSelect2Component, isStandalone: false, selector: "bs-select2", inputs: { searchterm: "searchterm", suggestions: "suggestions", selectedItems: "selectedItems" }, outputs: { provideSuggestions: "provideSuggestions" }, host: { listeners: { "click": "focus()" }, properties: { "class.focus": "this.isFocused" } }, viewQueries: [{ propertyName: "defaultItemTemplate", first: true, predicate: ["defaultItemTemplate"], descendants: true, static: true }, { propertyName: "searchBox", first: true, predicate: ["searchBox"], descendants: true }, { propertyName: "itemsBox", first: true, predicate: ["itemsBox"], descendants: true }], ngImport: i0, template: "<!-- <bs-dropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\" #itemsBox class=\"items-box text-wrap\"></bs-dropdown> -->\n<bs-has-overlay></bs-has-overlay>\n<div bsDropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\" [sameDropdownWidth]=\"true\" #itemsBox class=\"items-box text-wrap\">\n    @for (item of selectedItems; track item) {\n        <ng-container *ngTemplateOutlet=\"itemTemplate ?? defaultItemTemplate; context: { $implicit: item, select2: this }\"></ng-container>\n    }\n\n    <input type=\"text\" autocomplete=\"off\"\n        [(ngModel)]=\"searchterm\"\n        (ngModelChange)=\"onProvideSuggestions($event)\"\n        (focus)=\"isFocused=true\"\n        (blur)=\"isFocused=false\"\n        [style.width.px]=\"searchWidth\"\n        #searchBox />\n    <bs-dropdown-menu *bsDropdownMenu [maxHeight]=\"200\">\n        @for (suggestion of suggestions; track $index) {\n            <bs-dropdown-item (click)=\"onSuggestionClicked(suggestion)\" [isSelected]=\"selectedItems | bsInList:suggestion.id\">\n                <ng-container *ngTemplateOutlet=\"suggestionTemplate ?? defaultSuggestionTemplate; context: { $implicit: suggestion, select2: this }\"></ng-container>\n            </bs-dropdown-item>\n        }\n    </bs-dropdown-menu>\n</div>\n\n<ng-template #defaultItemTemplate let-item let-select2=\"select2\">\n    <span class=\"select2-item\">\n        <span (click)=\"select2.onRemoveItem(item,$event)\">\u00D7</span>\n        {{ item.text }}\n    </span>\n</ng-template>\n\n<ng-template #defaultSuggestionTemplate let-suggestion let-select2=\"select2\">\n    {{ suggestion.text }}\n</ng-template>", styles: [".items-box{min-height:38px;padding:0 5px 3px;cursor:text;border:1px solid #ccc}.items-box .select2-item{display:inline-block;background-color:#e4e4e4;color:#1a1a1a;border:1px solid #aaa;border-radius:4px;margin-top:5px;margin-right:5px;padding:0 5px;cursor:default;user-select:none;-webkit-user-select:none}.items-box .select2-item>span{cursor:pointer;color:#999}.items-box .select2-item>span:hover{color:#333}.items-box input{border:none;outline:0;margin:5px 0 2px;background:none}:host{display:block;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}:host.focus{color:#495057;background-color:#fff;border-color:#80bdff!important;outline:0;box-shadow:0 0 0 .2rem #007bff40}ul{max-height:200px;overflow-y:auto}ul>li{padding:10px;cursor:pointer}ul>li.selected{background:#ddd}ul>li:hover{color:#fff;background-color:#5897fb}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.BsDropdownDirective, selector: "[bsDropdown]", inputs: ["hasBackdrop", "sameWidth", "closeOnClickOutside", "sameDropdownWidth", "isOpen"], outputs: ["isOpenChange"] }, { kind: "directive", type: i3.BsDropdownMenuDirective, selector: "[bsDropdownMenu]" }, { kind: "component", type: i4.BsHasOverlayComponent, selector: "bs-has-overlay" }, { kind: "component", type: i5.BsDropdownMenuComponent, selector: "bs-dropdown-menu", inputs: ["maxHeight"] }, { kind: "component", type: i5.BsDropdownItemComponent, selector: "bs-dropdown-item", inputs: ["isSelected", "disabled"] }, { kind: "pipe", type: i6.BsInListPipe, name: "bsInList" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: BsSelect2Component, isStandalone: false, selector: "bs-select2", inputs: { suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: true, isRequired: false, transformFunction: null }, searchterm: { classPropertyName: "searchterm", publicName: "searchterm", isSignal: true, isRequired: false, transformFunction: null }, selectedItems: { classPropertyName: "selectedItems", publicName: "selectedItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { suggestions: "suggestionsChange", searchterm: "searchtermChange", provideSuggestions: "provideSuggestions", selectedItems: "selectedItemsChange" }, host: { listeners: { "click": "focus()" }, properties: { "class.focus": "this.isFocused" } }, viewQueries: [{ propertyName: "defaultItemTemplate", first: true, predicate: ["defaultItemTemplate"], descendants: true, static: true }, { propertyName: "searchBox", first: true, predicate: ["searchBox"], descendants: true }, { propertyName: "itemsBox", first: true, predicate: ["itemsBox"], descendants: true }], ngImport: i0, template: "<bs-has-overlay></bs-has-overlay>\n<div bsDropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\" [sameDropdownWidth]=\"true\" #itemsBox class=\"items-box text-wrap\">\n    @for (item of selectedItems(); track item) {\n        <ng-container *ngTemplateOutlet=\"itemTemplate ?? defaultItemTemplate; context: { $implicit: item, select2: this }\"></ng-container>\n    }\n\n    <input type=\"text\" autocomplete=\"off\"\n        [ngModel]=\"searchterm()\"\n        (ngModelChange)=\"onProvideSuggestions($event)\"\n        (focus)=\"isFocused=true\"\n        (blur)=\"isFocused=false\"\n        [style.width.px]=\"searchWidth()\"\n        #searchBox />\n    <bs-dropdown-menu *bsDropdownMenu [maxHeight]=\"200\">\n        @for (suggestion of suggestions(); track $index) {\n            <bs-dropdown-item (click)=\"onSuggestionClicked(suggestion)\" [isSelected]=\"selectedItems() | bsInList:suggestion.id\">\n                <ng-container *ngTemplateOutlet=\"suggestionTemplate ?? defaultSuggestionTemplate; context: { $implicit: suggestion, select2: this }\"></ng-container>\n            </bs-dropdown-item>\n        }\n    </bs-dropdown-menu>\n</div>\n\n<ng-template #defaultItemTemplate let-item let-select2=\"select2\">\n    <span class=\"select2-item\">\n        <span (click)=\"select2.onRemoveItem(item,$event)\">\u00D7</span>\n        {{ item.text }}\n    </span>\n</ng-template>\n\n<ng-template #defaultSuggestionTemplate let-suggestion let-select2=\"select2\">\n    {{ suggestion.text }}\n</ng-template>\n", styles: [".items-box{min-height:38px;padding:0 5px 3px;cursor:text;border:1px solid #ccc}.items-box .select2-item{display:inline-block;background-color:#e4e4e4;color:#1a1a1a;border:1px solid #aaa;border-radius:4px;margin-top:5px;margin-right:5px;padding:0 5px;cursor:default;user-select:none;-webkit-user-select:none}.items-box .select2-item>span{cursor:pointer;color:#999}.items-box .select2-item>span:hover{color:#333}.items-box input{border:none;outline:0;margin:5px 0 2px;background:none}:host{display:block;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}:host.focus{color:#495057;background-color:#fff;border-color:#80bdff!important;outline:0;box-shadow:0 0 0 .2rem #007bff40}ul{max-height:200px;overflow-y:auto}ul>li{padding:10px;cursor:pointer}ul>li.selected{background:#ddd}ul>li:hover{color:#fff;background-color:#5897fb}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.BsDropdownDirective, selector: "[bsDropdown]", inputs: ["hasBackdrop", "sameWidth", "closeOnClickOutside", "sameDropdownWidth", "isOpen"], outputs: ["isOpenChange"] }, { kind: "directive", type: i3.BsDropdownMenuDirective, selector: "[bsDropdownMenu]" }, { kind: "component", type: i4.BsHasOverlayComponent, selector: "bs-has-overlay" }, { kind: "component", type: i5.BsDropdownMenuComponent, selector: "bs-dropdown-menu", inputs: ["maxHeight"] }, { kind: "component", type: i5.BsDropdownItemComponent, selector: "bs-dropdown-item", inputs: ["isSelected", "disabled"] }, { kind: "pipe", type: i6.BsInListPipe, name: "bsInList" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSelect2Component, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-select2', standalone: false, template: "<!-- <bs-dropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\" #itemsBox class=\"items-box text-wrap\"></bs-dropdown> -->\n<bs-has-overlay></bs-has-overlay>\n<div bsDropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\" [sameDropdownWidth]=\"true\" #itemsBox class=\"items-box text-wrap\">\n    @for (item of selectedItems; track item) {\n        <ng-container *ngTemplateOutlet=\"itemTemplate ?? defaultItemTemplate; context: { $implicit: item, select2: this }\"></ng-container>\n    }\n\n    <input type=\"text\" autocomplete=\"off\"\n        [(ngModel)]=\"searchterm\"\n        (ngModelChange)=\"onProvideSuggestions($event)\"\n        (focus)=\"isFocused=true\"\n        (blur)=\"isFocused=false\"\n        [style.width.px]=\"searchWidth\"\n        #searchBox />\n    <bs-dropdown-menu *bsDropdownMenu [maxHeight]=\"200\">\n        @for (suggestion of suggestions; track $index) {\n            <bs-dropdown-item (click)=\"onSuggestionClicked(suggestion)\" [isSelected]=\"selectedItems | bsInList:suggestion.id\">\n                <ng-container *ngTemplateOutlet=\"suggestionTemplate ?? defaultSuggestionTemplate; context: { $implicit: suggestion, select2: this }\"></ng-container>\n            </bs-dropdown-item>\n        }\n    </bs-dropdown-menu>\n</div>\n\n<ng-template #defaultItemTemplate let-item let-select2=\"select2\">\n    <span class=\"select2-item\">\n        <span (click)=\"select2.onRemoveItem(item,$event)\">\u00D7</span>\n        {{ item.text }}\n    </span>\n</ng-template>\n\n<ng-template #defaultSuggestionTemplate let-suggestion let-select2=\"select2\">\n    {{ suggestion.text }}\n</ng-template>", styles: [".items-box{min-height:38px;padding:0 5px 3px;cursor:text;border:1px solid #ccc}.items-box .select2-item{display:inline-block;background-color:#e4e4e4;color:#1a1a1a;border:1px solid #aaa;border-radius:4px;margin-top:5px;margin-right:5px;padding:0 5px;cursor:default;user-select:none;-webkit-user-select:none}.items-box .select2-item>span{cursor:pointer;color:#999}.items-box .select2-item>span:hover{color:#333}.items-box input{border:none;outline:0;margin:5px 0 2px;background:none}:host{display:block;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}:host.focus{color:#495057;background-color:#fff;border-color:#80bdff!important;outline:0;box-shadow:0 0 0 .2rem #007bff40}ul{max-height:200px;overflow-y:auto}ul>li{padding:10px;cursor:pointer}ul>li.selected{background:#ddd}ul>li:hover{color:#fff;background-color:#5897fb}\n"] }]
-        }], propDecorators: { defaultItemTemplate: [{
+            args: [{ selector: 'bs-select2', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<bs-has-overlay></bs-has-overlay>\n<div bsDropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\" [sameDropdownWidth]=\"true\" #itemsBox class=\"items-box text-wrap\">\n    @for (item of selectedItems(); track item) {\n        <ng-container *ngTemplateOutlet=\"itemTemplate ?? defaultItemTemplate; context: { $implicit: item, select2: this }\"></ng-container>\n    }\n\n    <input type=\"text\" autocomplete=\"off\"\n        [ngModel]=\"searchterm()\"\n        (ngModelChange)=\"onProvideSuggestions($event)\"\n        (focus)=\"isFocused=true\"\n        (blur)=\"isFocused=false\"\n        [style.width.px]=\"searchWidth()\"\n        #searchBox />\n    <bs-dropdown-menu *bsDropdownMenu [maxHeight]=\"200\">\n        @for (suggestion of suggestions(); track $index) {\n            <bs-dropdown-item (click)=\"onSuggestionClicked(suggestion)\" [isSelected]=\"selectedItems() | bsInList:suggestion.id\">\n                <ng-container *ngTemplateOutlet=\"suggestionTemplate ?? defaultSuggestionTemplate; context: { $implicit: suggestion, select2: this }\"></ng-container>\n            </bs-dropdown-item>\n        }\n    </bs-dropdown-menu>\n</div>\n\n<ng-template #defaultItemTemplate let-item let-select2=\"select2\">\n    <span class=\"select2-item\">\n        <span (click)=\"select2.onRemoveItem(item,$event)\">\u00D7</span>\n        {{ item.text }}\n    </span>\n</ng-template>\n\n<ng-template #defaultSuggestionTemplate let-suggestion let-select2=\"select2\">\n    {{ suggestion.text }}\n</ng-template>\n", styles: [".items-box{min-height:38px;padding:0 5px 3px;cursor:text;border:1px solid #ccc}.items-box .select2-item{display:inline-block;background-color:#e4e4e4;color:#1a1a1a;border:1px solid #aaa;border-radius:4px;margin-top:5px;margin-right:5px;padding:0 5px;cursor:default;user-select:none;-webkit-user-select:none}.items-box .select2-item>span{cursor:pointer;color:#999}.items-box .select2-item>span:hover{color:#333}.items-box input{border:none;outline:0;margin:5px 0 2px;background:none}:host{display:block;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}:host.focus{color:#495057;background-color:#fff;border-color:#80bdff!important;outline:0;box-shadow:0 0 0 .2rem #007bff40}ul{max-height:200px;overflow-y:auto}ul>li{padding:10px;cursor:pointer}ul>li.selected{background:#ddd}ul>li:hover{color:#fff;background-color:#5897fb}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { suggestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "suggestions", required: false }] }, { type: i0.Output, args: ["suggestionsChange"] }], defaultItemTemplate: [{
                 type: ViewChild,
                 args: ['defaultItemTemplate', { static: true }]
             }], searchBox: [{
@@ -74,34 +80,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
             }], itemsBox: [{
                 type: ViewChild,
                 args: ['itemsBox']
-            }], searchterm: [{
-                type: Input
-            }], suggestions: [{
-                type: Input
-            }], provideSuggestions: [{
-                type: Output
-            }], selectedItems: [{
-                type: Input
-            }], isFocused: [{
+            }], searchterm: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchterm", required: false }] }, { type: i0.Output, args: ["searchtermChange"] }], provideSuggestions: [{ type: i0.Output, args: ["provideSuggestions"] }], isFocused: [{
                 type: HostBinding,
                 args: ['class.focus']
-            }], focus: [{
+            }], selectedItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItems", required: false }] }, { type: i0.Output, args: ["selectedItemsChange"] }], focus: [{
                 type: HostListener,
                 args: ['click']
             }] } });
 
 class BsItemTemplateDirective {
-    constructor(select2component, templateRef) {
-        this.select2component = select2component;
-        this.select2component.itemTemplate = templateRef;
+    constructor() {
+        this.select2component = inject(BsSelect2Component);
+        this.templateRef = inject(TemplateRef);
+        this.select2component.itemTemplate = this.templateRef;
+        // Sync changes from component back to source signal
+        effect(() => {
+            const componentValue = this.select2component.selectedItems();
+            if (this.sourceSignal) {
+                const sourceValue = untracked(() => this.sourceSignal());
+                if (componentValue !== sourceValue) {
+                    this.sourceSignal.set(componentValue);
+                }
+            }
+        });
+        // Sync changes from source signal to component
+        effect(() => {
+            if (this.sourceSignal) {
+                const sourceValue = this.sourceSignal();
+                if (sourceValue !== this.lastSourceValue) {
+                    this.lastSourceValue = sourceValue;
+                    const componentValue = untracked(() => this.select2component.selectedItems());
+                    if (sourceValue !== componentValue) {
+                        this.select2component.selectedItems.set(sourceValue);
+                    }
+                }
+            }
+        });
     }
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
     set bsItemTemplateOf(value) {
-        this.select2component.selectedItems = value;
+        if (isSignal(value)) {
+            // Store the signal reference for two-way binding
+            this.sourceSignal = value;
+            this.lastSourceValue = value();
+            this.select2component.selectedItems.set(value());
+        }
+        else {
+            // Plain array - one-way binding (backward compatible)
+            this.sourceSignal = undefined;
+            this.select2component.selectedItems.set(value);
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsItemTemplateDirective, deps: [{ token: BsSelect2Component }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsItemTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: BsItemTemplateDirective, isStandalone: false, selector: "[bsItemTemplate]", inputs: { bsItemTemplateOf: "bsItemTemplateOf" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsItemTemplateDirective, decorators: [{
@@ -110,7 +142,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                     selector: '[bsItemTemplate]',
                     standalone: false,
                 }]
-        }], ctorParameters: () => [{ type: BsSelect2Component }, { type: i0.TemplateRef }], propDecorators: { bsItemTemplateOf: [{
+        }], ctorParameters: () => [], propDecorators: { bsItemTemplateOf: [{
                 type: Input
             }] } });
 class BsItemTemplateContext {
@@ -121,17 +153,18 @@ class BsItemTemplateContext {
 }
 
 class BsSuggestionTemplateDirective {
-    constructor(select2component, templateRef) {
-        this.select2component = select2component;
+    constructor() {
+        this.select2component = inject(BsSelect2Component);
+        const templateRef = inject(TemplateRef);
         this.select2component.suggestionTemplate = templateRef;
     }
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
     set bsSuggestionTemplateOf(value) {
-        this.select2component.suggestions = value;
+        this.select2component.suggestions.set(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSuggestionTemplateDirective, deps: [{ token: BsSelect2Component }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSuggestionTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: BsSuggestionTemplateDirective, isStandalone: false, selector: "[bsSuggestionTemplate]", inputs: { bsSuggestionTemplateOf: "bsSuggestionTemplateOf" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSuggestionTemplateDirective, decorators: [{
@@ -140,7 +173,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                     selector: '[bsSuggestionTemplate]',
                     standalone: false,
                 }]
-        }], ctorParameters: () => [{ type: BsSelect2Component }, { type: i0.TemplateRef }], propDecorators: { bsSuggestionTemplateOf: [{
+        }], ctorParameters: () => [], propDecorators: { bsSuggestionTemplateOf: [{
                 type: Input
             }] } });
 class BsSuggestionTemplateContext {

package/fesm2022/mintplayer-ng-bootstrap-select2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-bootstrap-select2.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/select2/src/component/select2.component.ts","../../../../libs/mintplayer-ng-bootstrap/select2/src/component/select2.component.html","../../../../libs/mintplayer-ng-bootstrap/select2/src/directive/item-template/item-template.directive.ts","../../../../libs/mintplayer-ng-bootstrap/select2/src/directive/suggestion-template/suggestion-template.directive.ts","../../../../libs/mintplayer-ng-bootstrap/select2/src/select2.module.ts","../../../../libs/mintplayer-ng-bootstrap/select2/mintplayer-ng-bootstrap-select2.ts"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output, TemplateRef, ViewChild } from '@angular/core';\nimport { HasId } from '@mintplayer/ng-bootstrap/has-id';\nimport { BehaviorSubject } from 'rxjs';\n\n@Component({\n  selector: 'bs-select2',\n  templateUrl: './select2.component.html',\n  styleUrls: ['./select2.component.scss'],\n  standalone: false,\n})\nexport class BsSelect2Component<T extends HasId<U>, U> {\n\n  isOpen = false;\n  \n  suggestions$ = new BehaviorSubject<T[]>([]);\n  isLoading$ = new BehaviorSubject<boolean>(false);\n\n  @ViewChild('defaultItemTemplate', { static: true }) defaultItemTemplate!: TemplateRef<any>;\n  @ViewChild('searchBox') searchBox!: ElementRef<HTMLInputElement>;\n  @ViewChild('itemsBox') itemsBox!: ElementRef<HTMLDivElement>;\n  @Input() searchterm = '';\n  @Input() public suggestions: T[] = [];\n  @Output() public provideSuggestions = new EventEmitter<string>();\n  @Input() selectedItems: T[] = [];\n  @HostBinding('class.focus') isFocused = false;\n\n  private charWidth = 10;\n  searchWidth = 20;\n  itemTemplate?: TemplateRef<T>;\n  suggestionTemplate?: TemplateRef<T>;\n\n  onProvideSuggestions(value: string) {\n    this.searchWidth = this.charWidth * (this.searchterm.length + 2);\n    if (value === '') {\n      this.isOpen = false;\n      this.suggestions$.next([]);\n    } else {\n      this.isLoading$.next(true);\n      this.isOpen = true;\n      this.provideSuggestions.emit(value);\n    }\n  }\n  onSuggestionClicked(suggestion: T) {\n    this.searchterm = '';\n    this.isOpen = false;\n\n    const existing = this.selectedItems.find((value, index) => value.id === suggestion.id);\n    if (existing === undefined) {\n      this.selectedItems.push(suggestion);\n    } else {\n      this.selectedItems.splice(this.selectedItems.indexOf(existing), 1);\n    }\n\n    this.searchBox.nativeElement.focus();\n  }\n  onRemoveItem(item: T, event: MouseEvent) {\n    event.stopPropagation();\n    this.selectedItems.splice(this.selectedItems.indexOf(item), 1);\n    this.focus();\n  }\n\n  @HostListener('click')\n  public focus() {\n    this.searchBox.nativeElement.focus();\n  }\n  \n}\n","<!-- <bs-dropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\" #itemsBox class=\"items-box text-wrap\"></bs-dropdown> -->\n<bs-has-overlay></bs-has-overlay>\n<div bsDropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\" [sameDropdownWidth]=\"true\" #itemsBox class=\"items-box text-wrap\">\n    @for (item of selectedItems; track item) {\n        <ng-container *ngTemplateOutlet=\"itemTemplate ?? defaultItemTemplate; context: { $implicit: item, select2: this }\"></ng-container>\n    }\n\n    <input type=\"text\" autocomplete=\"off\"\n        [(ngModel)]=\"searchterm\"\n        (ngModelChange)=\"onProvideSuggestions($event)\"\n        (focus)=\"isFocused=true\"\n        (blur)=\"isFocused=false\"\n        [style.width.px]=\"searchWidth\"\n        #searchBox />\n    <bs-dropdown-menu *bsDropdownMenu [maxHeight]=\"200\">\n        @for (suggestion of suggestions; track $index) {\n            <bs-dropdown-item (click)=\"onSuggestionClicked(suggestion)\" [isSelected]=\"selectedItems | bsInList:suggestion.id\">\n                <ng-container *ngTemplateOutlet=\"suggestionTemplate ?? defaultSuggestionTemplate; context: { $implicit: suggestion, select2: this }\"></ng-container>\n            </bs-dropdown-item>\n        }\n    </bs-dropdown-menu>\n</div>\n\n<ng-template #defaultItemTemplate let-item let-select2=\"select2\">\n    <span class=\"select2-item\">\n        <span (click)=\"select2.onRemoveItem(item,$event)\">×</span>\n        {{ item.text }}\n    </span>\n</ng-template>\n\n<ng-template #defaultSuggestionTemplate let-suggestion let-select2=\"select2\">\n    {{ suggestion.text }}\n</ng-template>","import { Directive, Input, TemplateRef } from '@angular/core';\nimport { BsSelect2Component } from '../../component/select2.component';\nimport { HasId } from '@mintplayer/ng-bootstrap/has-id';\n\n@Directive({\n  selector: '[bsItemTemplate]',\n  standalone: false,\n})\nexport class BsItemTemplateDirective<T extends HasId<U>, U> {\n  constructor(private select2component: BsSelect2Component<T, U>, templateRef: TemplateRef<T>) {\n    this.select2component.itemTemplate = templateRef;\n  }\n\n  public static ngTemplateContextGuard<T extends HasId<U>, U>(dir: BsItemTemplateDirective<T, U>, ctx: any): ctx is BsItemTemplateContext<Exclude<T, false | 0 | '' | null | undefined>, U> {\n    return true;\n  }\n\n  @Input() set bsItemTemplateOf(value: T[]) {\n    this.select2component.selectedItems = value;\n  }\n}\n\nexport class BsItemTemplateContext<T extends HasId<U>, U> {\n  $implicit: T = null!;\n  select2: BsSelect2Component<T, U> = null!;\n}","import { Directive, Input, TemplateRef } from '@angular/core';\nimport { BsSelect2Component } from '../../component/select2.component';\nimport { HasId } from '@mintplayer/ng-bootstrap/has-id';\n\n@Directive({\n  selector: '[bsSuggestionTemplate]',\n  standalone: false,\n})\nexport class BsSuggestionTemplateDirective<T extends HasId<U>, U> {\n  constructor(private select2component: BsSelect2Component<T, U>, templateRef: TemplateRef<T>) {\n    this.select2component.suggestionTemplate = templateRef;\n  }\n\n  public static ngTemplateContextGuard<T extends HasId<U>, U>(dir: BsSuggestionTemplateDirective<T, U>, ctx: any): ctx is BsSuggestionTemplateContext<Exclude<T, false | 0 | '' | null | undefined>, U> {\n    return true;\n  }\n\n  @Input() set bsSuggestionTemplateOf(value: T[]) {\n    this.select2component.suggestions = value;\n  }\n}\n\nexport class BsSuggestionTemplateContext<T extends HasId<U>, U> {\n  $implicit: T = null!;\n  select2: BsSelect2Component<T, U> = null!;\n}","import { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { BsInListPipe } from '@mintplayer/ng-bootstrap/in-list';\nimport { BsDropdownModule } from '@mintplayer/ng-bootstrap/dropdown';\nimport { BsDropdownMenuModule } from '@mintplayer/ng-bootstrap/dropdown-menu';\nimport { BsHasOverlayComponent } from '@mintplayer/ng-bootstrap/has-overlay';\nimport { BsSelect2Component } from './component/select2.component';\nimport { BsItemTemplateDirective } from './directive/item-template/item-template.directive';\nimport { BsSuggestionTemplateDirective } from './directive/suggestion-template/suggestion-template.directive';\n\n@NgModule({\n  declarations: [\n    BsSelect2Component,\n    BsItemTemplateDirective,\n    BsSuggestionTemplateDirective,\n  ],\n  imports: [\n    NgTemplateOutlet,\n    FormsModule,\n    BsDropdownModule,\n    BsDropdownMenuModule,\n    BsHasOverlayComponent,\n    BsInListPipe,\n  ],\n  exports: [\n    BsSelect2Component,\n    BsItemTemplateDirective,\n    BsSuggestionTemplateDirective,\n  ],\n})\nexport class BsSelect2Module {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.BsSelect2Component"],"mappings":"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"}
+{"version":3,"file":"mintplayer-ng-bootstrap-select2.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/select2/src/component/select2.component.ts","../../../../libs/mintplayer-ng-bootstrap/select2/src/component/select2.component.html","../../../../libs/mintplayer-ng-bootstrap/select2/src/directive/item-template/item-template.directive.ts","../../../../libs/mintplayer-ng-bootstrap/select2/src/directive/suggestion-template/suggestion-template.directive.ts","../../../../libs/mintplayer-ng-bootstrap/select2/src/select2.module.ts","../../../../libs/mintplayer-ng-bootstrap/select2/mintplayer-ng-bootstrap-select2.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, effect, ElementRef, HostBinding, HostListener, input, model, output, signal, TemplateRef, ViewChild } from '@angular/core';\nimport { HasId } from '@mintplayer/ng-bootstrap/has-id';\n\n@Component({\n  selector: 'bs-select2',\n  templateUrl: './select2.component.html',\n  styleUrls: ['./select2.component.scss'],\n  standalone: false,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsSelect2Component<T extends HasId<U>, U> {\n\n  isOpen = signal(false);\n  isLoading = signal<boolean>(false);\n\n  suggestions = model<T[]>([]);\n\n  @ViewChild('defaultItemTemplate', { static: true }) defaultItemTemplate!: TemplateRef<any>;\n  @ViewChild('searchBox') searchBox!: ElementRef<HTMLInputElement>;\n  @ViewChild('itemsBox') itemsBox!: ElementRef<HTMLDivElement>;\n  searchterm = model('');\n  provideSuggestions = output<string>();\n  @HostBinding('class.focus') isFocused = false;\n\n  selectedItems = model<T[]>([]);\n\n  private charWidth = 10;\n  searchWidth = signal(20);\n  itemTemplate?: TemplateRef<T>;\n  suggestionTemplate?: TemplateRef<T>;\n\n  constructor() {\n    effect(() => {\n      const suggestions = this.suggestions();\n      if (suggestions) {\n        this.isLoading.set(false);\n      }\n    });\n  }\n\n  onProvideSuggestions(value: string) {\n    this.searchterm.set(value);\n    this.searchWidth.set(this.charWidth * (value.length + 2));\n    if (value === '') {\n      this.isOpen.set(false);\n    } else {\n      this.isLoading.set(true);\n      this.isOpen.set(true);\n      this.provideSuggestions.emit(value);\n    }\n  }\n\n  onSuggestionClicked(suggestion: T) {\n    this.searchterm.set('');\n    this.isOpen.set(false);\n\n    const currentItems = this.selectedItems();\n    const existing = currentItems.find((value, index) => value.id === suggestion.id);\n    if (existing === undefined) {\n      this.selectedItems.set([...currentItems, suggestion]);\n    } else {\n      this.selectedItems.set(currentItems.filter(item => item.id !== suggestion.id));\n    }\n\n    this.searchBox.nativeElement.focus();\n  }\n\n  onRemoveItem(item: T, event: MouseEvent) {\n    event.stopPropagation();\n    const currentItems = this.selectedItems();\n    this.selectedItems.set(currentItems.filter(i => i.id !== item.id));\n    this.focus();\n  }\n\n  @HostListener('click')\n  public focus() {\n    this.searchBox.nativeElement.focus();\n  }\n}\n","<bs-has-overlay></bs-has-overlay>\n<div bsDropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\" [sameDropdownWidth]=\"true\" #itemsBox class=\"items-box text-wrap\">\n    @for (item of selectedItems(); track item) {\n        <ng-container *ngTemplateOutlet=\"itemTemplate ?? defaultItemTemplate; context: { $implicit: item, select2: this }\"></ng-container>\n    }\n\n    <input type=\"text\" autocomplete=\"off\"\n        [ngModel]=\"searchterm()\"\n        (ngModelChange)=\"onProvideSuggestions($event)\"\n        (focus)=\"isFocused=true\"\n        (blur)=\"isFocused=false\"\n        [style.width.px]=\"searchWidth()\"\n        #searchBox />\n    <bs-dropdown-menu *bsDropdownMenu [maxHeight]=\"200\">\n        @for (suggestion of suggestions(); track $index) {\n            <bs-dropdown-item (click)=\"onSuggestionClicked(suggestion)\" [isSelected]=\"selectedItems() | bsInList:suggestion.id\">\n                <ng-container *ngTemplateOutlet=\"suggestionTemplate ?? defaultSuggestionTemplate; context: { $implicit: suggestion, select2: this }\"></ng-container>\n            </bs-dropdown-item>\n        }\n    </bs-dropdown-menu>\n</div>\n\n<ng-template #defaultItemTemplate let-item let-select2=\"select2\">\n    <span class=\"select2-item\">\n        <span (click)=\"select2.onRemoveItem(item,$event)\">×</span>\n        {{ item.text }}\n    </span>\n</ng-template>\n\n<ng-template #defaultSuggestionTemplate let-suggestion let-select2=\"select2\">\n    {{ suggestion.text }}\n</ng-template>\n","import { Directive, effect, inject, Input, isSignal, TemplateRef, untracked, WritableSignal } from '@angular/core';\nimport { BsSelect2Component } from '../../component/select2.component';\nimport { HasId } from '@mintplayer/ng-bootstrap/has-id';\n\n@Directive({\n  selector: '[bsItemTemplate]',\n  standalone: false,\n})\nexport class BsItemTemplateDirective<T extends HasId<U>, U> {\n  private select2component = inject<BsSelect2Component<T, U>>(BsSelect2Component);\n  private templateRef = inject<TemplateRef<T>>(TemplateRef);\n  private sourceSignal?: WritableSignal<T[]>;\n  private lastSourceValue?: T[];\n\n  constructor() {\n    this.select2component.itemTemplate = this.templateRef;\n\n    // Sync changes from component back to source signal\n    effect(() => {\n      const componentValue = this.select2component.selectedItems();\n      if (this.sourceSignal) {\n        const sourceValue = untracked(() => this.sourceSignal!());\n        if (componentValue !== sourceValue) {\n          this.sourceSignal.set(componentValue);\n        }\n      }\n    });\n\n    // Sync changes from source signal to component\n    effect(() => {\n      if (this.sourceSignal) {\n        const sourceValue = this.sourceSignal();\n        if (sourceValue !== this.lastSourceValue) {\n          this.lastSourceValue = sourceValue;\n          const componentValue = untracked(() => this.select2component.selectedItems());\n          if (sourceValue !== componentValue) {\n            this.select2component.selectedItems.set(sourceValue);\n          }\n        }\n      }\n    });\n  }\n\n  public static ngTemplateContextGuard<T extends HasId<U>, U>(dir: BsItemTemplateDirective<T, U>, ctx: any): ctx is BsItemTemplateContext<Exclude<T, false | 0 | '' | null | undefined>, U> {\n    return true;\n  }\n\n  @Input() set bsItemTemplateOf(value: T[] | WritableSignal<T[]>) {\n    if (isSignal(value)) {\n      // Store the signal reference for two-way binding\n      this.sourceSignal = value as WritableSignal<T[]>;\n      this.lastSourceValue = value();\n      this.select2component.selectedItems.set(value());\n    } else {\n      // Plain array - one-way binding (backward compatible)\n      this.sourceSignal = undefined;\n      this.select2component.selectedItems.set(value as T[]);\n    }\n  }\n}\n\nexport class BsItemTemplateContext<T extends HasId<U>, U> {\n  $implicit: T = null!;\n  select2: BsSelect2Component<T, U> = null!;\n}","import { Directive, inject, Input, TemplateRef } from '@angular/core';\nimport { BsSelect2Component } from '../../component/select2.component';\nimport { HasId } from '@mintplayer/ng-bootstrap/has-id';\n\n@Directive({\n  selector: '[bsSuggestionTemplate]',\n  standalone: false,\n})\nexport class BsSuggestionTemplateDirective<T extends HasId<U>, U> {\n  private select2component = inject<BsSelect2Component<T, U>>(BsSelect2Component);\n\n  constructor() {\n    const templateRef = inject<TemplateRef<T>>(TemplateRef);\n    this.select2component.suggestionTemplate = templateRef;\n  }\n\n  public static ngTemplateContextGuard<T extends HasId<U>, U>(dir: BsSuggestionTemplateDirective<T, U>, ctx: any): ctx is BsSuggestionTemplateContext<Exclude<T, false | 0 | '' | null | undefined>, U> {\n    return true;\n  }\n\n  @Input() set bsSuggestionTemplateOf(value: T[]) {\n    this.select2component.suggestions.set(value);\n  }\n}\n\nexport class BsSuggestionTemplateContext<T extends HasId<U>, U> {\n  $implicit: T = null!;\n  select2: BsSelect2Component<T, U> = null!;\n}","import { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { BsInListPipe } from '@mintplayer/ng-bootstrap/in-list';\nimport { BsDropdownModule } from '@mintplayer/ng-bootstrap/dropdown';\nimport { BsDropdownMenuModule } from '@mintplayer/ng-bootstrap/dropdown-menu';\nimport { BsHasOverlayComponent } from '@mintplayer/ng-bootstrap/has-overlay';\nimport { BsSelect2Component } from './component/select2.component';\nimport { BsItemTemplateDirective } from './directive/item-template/item-template.directive';\nimport { BsSuggestionTemplateDirective } from './directive/suggestion-template/suggestion-template.directive';\n\n@NgModule({\n  declarations: [\n    BsSelect2Component,\n    BsItemTemplateDirective,\n    BsSuggestionTemplateDirective,\n  ],\n  imports: [\n    NgTemplateOutlet,\n    FormsModule,\n    BsDropdownModule,\n    BsDropdownMenuModule,\n    BsHasOverlayComponent,\n    BsInListPipe,\n  ],\n  exports: [\n    BsSelect2Component,\n    BsItemTemplateDirective,\n    BsSuggestionTemplateDirective,\n  ],\n})\nexport class BsSelect2Module {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;MAUa,kBAAkB,CAAA;AAqB7B,IAAA,WAAA,GAAA;AAnBA,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,KAAK,kDAAC;AACtB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAU,KAAK,qDAAC;AAElC,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAM,EAAE,uDAAC;AAK5B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,EAAE,sDAAC;QACtB,IAAA,CAAA,kBAAkB,GAAG,MAAM,EAAU;QACT,IAAA,CAAA,SAAS,GAAG,KAAK;AAE7C,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAM,EAAE,yDAAC;QAEtB,IAAA,CAAA,SAAS,GAAG,EAAE;AACtB,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,EAAE,uDAAC;QAKtB,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE;YACtC,IAAI,WAAW,EAAE;AACf,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;YAC3B;AACF,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,oBAAoB,CAAC,KAAa,EAAA;AAChC,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;AAC1B,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AACzD,QAAA,IAAI,KAAK,KAAK,EAAE,EAAE;AAChB,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;QACxB;aAAO;AACL,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;AACxB,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;AACrB,YAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;QACrC;IACF;AAEA,IAAA,mBAAmB,CAAC,UAAa,EAAA;AAC/B,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;AACvB,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;AAEtB,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,EAAE;QACzC,MAAM,QAAQ,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,CAAC;AAChF,QAAA,IAAI,QAAQ,KAAK,SAAS,EAAE;AAC1B,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,YAAY,EAAE,UAAU,CAAC,CAAC;QACvD;aAAO;YACL,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,CAAC,CAAC;QAChF;AAEA,QAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE;IACtC;IAEA,YAAY,CAAC,IAAO,EAAE,KAAiB,EAAA;QACrC,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,EAAE;QACzC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;QAClE,IAAI,CAAC,KAAK,EAAE;IACd;IAGO,KAAK,GAAA;AACV,QAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE;IACtC;8GAnEW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,2iCCV/B,u+CAgCA,EAAA,MAAA,EAAA,CAAA,80BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDtBa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAAA,UAAA,EAGV,KAAK,EAAA,eAAA,EACA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,u+CAAA,EAAA,MAAA,EAAA,CAAA,80BAAA,CAAA,EAAA;;sBAS9C,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,qBAAqB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;;sBACjD,SAAS;uBAAC,WAAW;;sBACrB,SAAS;uBAAC,UAAU;;sBAGpB,WAAW;uBAAC,aAAa;;sBAoDzB,YAAY;uBAAC,OAAO;;;MElEV,uBAAuB,CAAA;AAMlC,IAAA,WAAA,GAAA;AALQ,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAA2B,kBAAkB,CAAC;AACvE,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAiB,WAAW,CAAC;QAKvD,IAAI,CAAC,gBAAgB,CAAC,YAAY,GAAG,IAAI,CAAC,WAAW;;QAGrD,MAAM,CAAC,MAAK;YACV,MAAM,cAAc,GAAG,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE;AAC5D,YAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,gBAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,IAAI,CAAC,YAAa,EAAE,CAAC;AACzD,gBAAA,IAAI,cAAc,KAAK,WAAW,EAAE;AAClC,oBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,cAAc,CAAC;gBACvC;YACF;AACF,QAAA,CAAC,CAAC;;QAGF,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,gBAAA,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE;AACvC,gBAAA,IAAI,WAAW,KAAK,IAAI,CAAC,eAAe,EAAE;AACxC,oBAAA,IAAI,CAAC,eAAe,GAAG,WAAW;AAClC,oBAAA,MAAM,cAAc,GAAG,SAAS,CAAC,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC;AAC7E,oBAAA,IAAI,WAAW,KAAK,cAAc,EAAE;wBAClC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,GAAG,CAAC,WAAW,CAAC;oBACtD;gBACF;YACF;AACF,QAAA,CAAC,CAAC;IACJ;AAEO,IAAA,OAAO,sBAAsB,CAAwB,GAAkC,EAAE,GAAQ,EAAA;AACtG,QAAA,OAAO,IAAI;IACb;IAEA,IAAa,gBAAgB,CAAC,KAAgC,EAAA;AAC5D,QAAA,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;;AAEnB,YAAA,IAAI,CAAC,YAAY,GAAG,KAA4B;AAChD,YAAA,IAAI,CAAC,eAAe,GAAG,KAAK,EAAE;YAC9B,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC;QAClD;aAAO;;AAEL,YAAA,IAAI,CAAC,YAAY,GAAG,SAAS;YAC7B,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,GAAG,CAAC,KAAY,CAAC;QACvD;IACF;8GAlDW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAvB,uBAAuB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,UAAU,EAAE,KAAK;AAClB,iBAAA;;sBAwCE;;MAcU,qBAAqB,CAAA;AAAlC,IAAA,WAAA,GAAA;QACE,IAAA,CAAA,SAAS,GAAM,IAAK;QACpB,IAAA,CAAA,OAAO,GAA6B,IAAK;IAC3C;AAAC;;MCxDY,6BAA6B,CAAA;AAGxC,IAAA,WAAA,GAAA;AAFQ,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAA2B,kBAAkB,CAAC;AAG7E,QAAA,MAAM,WAAW,GAAG,MAAM,CAAiB,WAAW,CAAC;AACvD,QAAA,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,GAAG,WAAW;IACxD;AAEO,IAAA,OAAO,sBAAsB,CAAwB,GAAwC,EAAE,GAAQ,EAAA;AAC5G,QAAA,OAAO,IAAI;IACb;IAEA,IAAa,sBAAsB,CAAC,KAAU,EAAA;QAC5C,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;IAC9C;8GAdW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA7B,6BAA6B,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,sBAAA,EAAA,wBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA7B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAJzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,UAAU,EAAE,KAAK;AAClB,iBAAA;;sBAaE;;MAKU,2BAA2B,CAAA;AAAxC,IAAA,WAAA,GAAA;QACE,IAAA,CAAA,SAAS,GAAM,IAAK;QACpB,IAAA,CAAA,OAAO,GAA6B,IAAK;IAC3C;AAAC;;MCGY,eAAe,CAAA;8GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,iBAlBxB,kBAAkB;YAClB,uBAAuB;AACvB,YAAA,6BAA6B,aAG7B,gBAAgB;YAChB,WAAW;YACX,gBAAgB;YAChB,oBAAoB;YACpB,qBAAqB;AACrB,YAAA,YAAY,aAGZ,kBAAkB;YAClB,uBAAuB;YACvB,6BAA6B,CAAA,EAAA,CAAA,CAAA;AAGpB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,YAZxB,WAAW;YACX,gBAAgB;YAChB,oBAAoB;YACpB,qBAAqB,CAAA,EAAA,CAAA,CAAA;;2FASZ,eAAe,EAAA,UAAA,EAAA,CAAA;kBApB3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,kBAAkB;wBAClB,uBAAuB;wBACvB,6BAA6B;AAC9B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,gBAAgB;wBAChB,WAAW;wBACX,gBAAgB;wBAChB,oBAAoB;wBACpB,qBAAqB;wBACrB,YAAY;AACb,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,kBAAkB;wBAClB,uBAAuB;wBACvB,6BAA6B;AAC9B,qBAAA;AACF,iBAAA;;;AC9BD;;AAEG;;;;"}

package/fesm2022/mintplayer-ng-bootstrap-shell.mjs

@@ -1,53 +1,43 @@
 import * as i0 from '@angular/core';
-import { Input, ViewChild, Component, Directive, NgModule } from '@angular/core';
+import { input, computed, ViewChild, ChangeDetectionStrategy, Component, inject, TemplateRef, Directive, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { BehaviorSubject, map } from 'rxjs';
 
 class BsShellComponent {
     constructor() {
         this.sidebarTemplate = null;
-        this.state$ = new BehaviorSubject('auto');
-        this.breakpoint$ = new BehaviorSubject('md');
-        this.stateClass$ = this.state$.pipe(map((state) => {
+        this.state = input('auto', ...(ngDevMode ? [{ debugName: "state" }] : []));
+        this.breakpoint = input('md', ...(ngDevMode ? [{ debugName: "breakpoint" }] : []));
+        this.stateClass = computed(() => {
+            const state = this.state();
             if (state === 'auto')
                 return null;
             else
                 return state;
-        }));
-        this.breakpointClass$ = this.breakpoint$.pipe(map(breakpoint => `shell-${breakpoint}`));
-    }
-    set state(value) {
-        this.state$.next(value);
-    }
-    set breakpoint(value) {
-        this.breakpoint$.next(value);
+        }, ...(ngDevMode ? [{ debugName: "stateClass" }] : []));
+        this.breakpointClass = computed(() => `shell-${this.breakpoint()}`, ...(ngDevMode ? [{ debugName: "breakpointClass" }] : []));
     }
     setSize(size) {
         this.rootElement.nativeElement.style.setProperty('--size', size);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: BsShellComponent, isStandalone: false, selector: "bs-shell", inputs: { state: "state", breakpoint: "breakpoint" }, viewQueries: [{ propertyName: "rootElement", first: true, predicate: ["root"], descendants: true }], ngImport: i0, template: "<div class=\"sidebar-root\" [class]=\"[stateClass$ | async, breakpointClass$ | async]\" #root>\n    <div class=\"sidebar position-fixed pe-none\">\n        <div class=\"sidebar-body d-flex flex-column pe-all\">\n            <ng-container *ngTemplateOutlet=\"sidebarTemplate\"></ng-container>\n        </div>\n    </div>\n    <div class=\"content\">\n        <ng-content></ng-content>\n    </div>\n</div>", styles: [".pe-all{pointer-events:all!important}.sidebar-root{--size: 15rem;transition:margin-left .3s ease-in-out}.sidebar-root .sidebar{top:0;bottom:0;left:0;width:var(--size);z-index:500;transition:margin-left .3s,width .3s}.sidebar-root .sidebar .sidebar-body{background:#333}.sidebar-root.shell-xs.show{margin-left:0}.sidebar-root.shell-xs.show .sidebar{width:100%;margin-left:0}.sidebar-root.shell-xs.show{margin-left:var(--size)}.sidebar-root.shell-xs.show .sidebar{width:var(--size);margin-left:0}.sidebar-root.shell-xs.hide .sidebar{width:100%;margin-left:-100%}.sidebar-root.shell-xs.hide{margin-left:0}.sidebar-root.shell-xs.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}.sidebar-root.shell-xs:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-xs:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}.sidebar-root.shell-xs:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-xs:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}@media(max-width:575.98px){.sidebar-root.shell-sm.show{margin-left:0}.sidebar-root.shell-sm.show .sidebar{width:100%;margin-left:0}}@media(min-width:576px){.sidebar-root.shell-sm.show{margin-left:var(--size)}.sidebar-root.shell-sm.show .sidebar{width:var(--size);margin-left:0}}@media(max-width:575.98px){.sidebar-root.shell-sm.hide{margin-left:0}.sidebar-root.shell-sm.hide .sidebar{width:100%;margin-left:-100%}}@media(min-width:576px){.sidebar-root.shell-sm.hide{margin-left:0}.sidebar-root.shell-sm.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}}@media(max-width:575.98px){.sidebar-root.shell-sm:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-sm:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}}@media(min-width:576px){.sidebar-root.shell-sm:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-sm:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}}@media(max-width:767.98px){.sidebar-root.shell-md.show{margin-left:0}.sidebar-root.shell-md.show .sidebar{width:100%;margin-left:0}}@media(min-width:768px){.sidebar-root.shell-md.show{margin-left:var(--size)}.sidebar-root.shell-md.show .sidebar{width:var(--size);margin-left:0}}@media(max-width:767.98px){.sidebar-root.shell-md.hide{margin-left:0}.sidebar-root.shell-md.hide .sidebar{width:100%;margin-left:-100%}}@media(min-width:768px){.sidebar-root.shell-md.hide{margin-left:0}.sidebar-root.shell-md.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}}@media(max-width:767.98px){.sidebar-root.shell-md:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-md:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}}@media(min-width:768px){.sidebar-root.shell-md:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-md:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}}@media(max-width:991.98px){.sidebar-root.shell-lg.show{margin-left:0}.sidebar-root.shell-lg.show .sidebar{width:100%;margin-left:0}}@media(min-width:992px){.sidebar-root.shell-lg.show{margin-left:var(--size)}.sidebar-root.shell-lg.show .sidebar{width:var(--size);margin-left:0}}@media(max-width:991.98px){.sidebar-root.shell-lg.hide{margin-left:0}.sidebar-root.shell-lg.hide .sidebar{width:100%;margin-left:-100%}}@media(min-width:992px){.sidebar-root.shell-lg.hide{margin-left:0}.sidebar-root.shell-lg.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}}@media(max-width:991.98px){.sidebar-root.shell-lg:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-lg:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}}@media(min-width:992px){.sidebar-root.shell-lg:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-lg:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}}@media(max-width:1199.98px){.sidebar-root.shell-xl.show{margin-left:0}.sidebar-root.shell-xl.show .sidebar{width:100%;margin-left:0}}@media(min-width:1200px){.sidebar-root.shell-xl.show{margin-left:var(--size)}.sidebar-root.shell-xl.show .sidebar{width:var(--size);margin-left:0}}@media(max-width:1199.98px){.sidebar-root.shell-xl.hide{margin-left:0}.sidebar-root.shell-xl.hide .sidebar{width:100%;margin-left:-100%}}@media(min-width:1200px){.sidebar-root.shell-xl.hide{margin-left:0}.sidebar-root.shell-xl.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}}@media(max-width:1199.98px){.sidebar-root.shell-xl:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-xl:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}}@media(min-width:1200px){.sidebar-root.shell-xl:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-xl:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}}@media(max-width:1399.98px){.sidebar-root.shell-xxl.show{margin-left:0}.sidebar-root.shell-xxl.show .sidebar{width:100%;margin-left:0}}@media(min-width:1400px){.sidebar-root.shell-xxl.show{margin-left:var(--size)}.sidebar-root.shell-xxl.show .sidebar{width:var(--size);margin-left:0}}@media(max-width:1399.98px){.sidebar-root.shell-xxl.hide{margin-left:0}.sidebar-root.shell-xxl.hide .sidebar{width:100%;margin-left:-100%}}@media(min-width:1400px){.sidebar-root.shell-xxl.hide{margin-left:0}.sidebar-root.shell-xxl.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}}@media(max-width:1399.98px){.sidebar-root.shell-xxl:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-xxl:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}}@media(min-width:1400px){.sidebar-root.shell-xxl:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-xxl:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: BsShellComponent, isStandalone: false, selector: "bs-shell", inputs: { state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, breakpoint: { classPropertyName: "breakpoint", publicName: "breakpoint", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "rootElement", first: true, predicate: ["root"], descendants: true }], ngImport: i0, template: "<div class=\"sidebar-root\" [class]=\"[stateClass(), breakpointClass()]\" #root>\n    <div class=\"sidebar position-fixed pe-none\">\n        <div class=\"sidebar-body d-flex flex-column pe-all\">\n            <ng-container *ngTemplateOutlet=\"sidebarTemplate\"></ng-container>\n        </div>\n    </div>\n    <div class=\"content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".pe-all{pointer-events:all!important}.sidebar-root{--size: 15rem;transition:margin-left .3s ease-in-out}.sidebar-root .sidebar{top:0;bottom:0;left:0;width:var(--size);z-index:500;transition:margin-left .3s,width .3s}.sidebar-root .sidebar .sidebar-body{background:#333}.sidebar-root.shell-xs.show{margin-left:0}.sidebar-root.shell-xs.show .sidebar{width:100%;margin-left:0}.sidebar-root.shell-xs.show{margin-left:var(--size)}.sidebar-root.shell-xs.show .sidebar{width:var(--size);margin-left:0}.sidebar-root.shell-xs.hide .sidebar{width:100%;margin-left:-100%}.sidebar-root.shell-xs.hide{margin-left:0}.sidebar-root.shell-xs.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}.sidebar-root.shell-xs:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-xs:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}.sidebar-root.shell-xs:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-xs:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}@media(max-width:575.98px){.sidebar-root.shell-sm.show{margin-left:0}.sidebar-root.shell-sm.show .sidebar{width:100%;margin-left:0}}@media(min-width:576px){.sidebar-root.shell-sm.show{margin-left:var(--size)}.sidebar-root.shell-sm.show .sidebar{width:var(--size);margin-left:0}}@media(max-width:575.98px){.sidebar-root.shell-sm.hide{margin-left:0}.sidebar-root.shell-sm.hide .sidebar{width:100%;margin-left:-100%}}@media(min-width:576px){.sidebar-root.shell-sm.hide{margin-left:0}.sidebar-root.shell-sm.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}}@media(max-width:575.98px){.sidebar-root.shell-sm:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-sm:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}}@media(min-width:576px){.sidebar-root.shell-sm:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-sm:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}}@media(max-width:767.98px){.sidebar-root.shell-md.show{margin-left:0}.sidebar-root.shell-md.show .sidebar{width:100%;margin-left:0}}@media(min-width:768px){.sidebar-root.shell-md.show{margin-left:var(--size)}.sidebar-root.shell-md.show .sidebar{width:var(--size);margin-left:0}}@media(max-width:767.98px){.sidebar-root.shell-md.hide{margin-left:0}.sidebar-root.shell-md.hide .sidebar{width:100%;margin-left:-100%}}@media(min-width:768px){.sidebar-root.shell-md.hide{margin-left:0}.sidebar-root.shell-md.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}}@media(max-width:767.98px){.sidebar-root.shell-md:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-md:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}}@media(min-width:768px){.sidebar-root.shell-md:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-md:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}}@media(max-width:991.98px){.sidebar-root.shell-lg.show{margin-left:0}.sidebar-root.shell-lg.show .sidebar{width:100%;margin-left:0}}@media(min-width:992px){.sidebar-root.shell-lg.show{margin-left:var(--size)}.sidebar-root.shell-lg.show .sidebar{width:var(--size);margin-left:0}}@media(max-width:991.98px){.sidebar-root.shell-lg.hide{margin-left:0}.sidebar-root.shell-lg.hide .sidebar{width:100%;margin-left:-100%}}@media(min-width:992px){.sidebar-root.shell-lg.hide{margin-left:0}.sidebar-root.shell-lg.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}}@media(max-width:991.98px){.sidebar-root.shell-lg:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-lg:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}}@media(min-width:992px){.sidebar-root.shell-lg:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-lg:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}}@media(max-width:1199.98px){.sidebar-root.shell-xl.show{margin-left:0}.sidebar-root.shell-xl.show .sidebar{width:100%;margin-left:0}}@media(min-width:1200px){.sidebar-root.shell-xl.show{margin-left:var(--size)}.sidebar-root.shell-xl.show .sidebar{width:var(--size);margin-left:0}}@media(max-width:1199.98px){.sidebar-root.shell-xl.hide{margin-left:0}.sidebar-root.shell-xl.hide .sidebar{width:100%;margin-left:-100%}}@media(min-width:1200px){.sidebar-root.shell-xl.hide{margin-left:0}.sidebar-root.shell-xl.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}}@media(max-width:1199.98px){.sidebar-root.shell-xl:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-xl:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}}@media(min-width:1200px){.sidebar-root.shell-xl:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-xl:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}}@media(max-width:1399.98px){.sidebar-root.shell-xxl.show{margin-left:0}.sidebar-root.shell-xxl.show .sidebar{width:100%;margin-left:0}}@media(min-width:1400px){.sidebar-root.shell-xxl.show{margin-left:var(--size)}.sidebar-root.shell-xxl.show .sidebar{width:var(--size);margin-left:0}}@media(max-width:1399.98px){.sidebar-root.shell-xxl.hide{margin-left:0}.sidebar-root.shell-xxl.hide .sidebar{width:100%;margin-left:-100%}}@media(min-width:1400px){.sidebar-root.shell-xxl.hide{margin-left:0}.sidebar-root.shell-xxl.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}}@media(max-width:1399.98px){.sidebar-root.shell-xxl:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-xxl:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}}@media(min-width:1400px){.sidebar-root.shell-xxl:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-xxl:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsShellComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-shell', standalone: false, template: "<div class=\"sidebar-root\" [class]=\"[stateClass$ | async, breakpointClass$ | async]\" #root>\n    <div class=\"sidebar position-fixed pe-none\">\n        <div class=\"sidebar-body d-flex flex-column pe-all\">\n            <ng-container *ngTemplateOutlet=\"sidebarTemplate\"></ng-container>\n        </div>\n    </div>\n    <div class=\"content\">\n        <ng-content></ng-content>\n    </div>\n</div>", styles: [".pe-all{pointer-events:all!important}.sidebar-root{--size: 15rem;transition:margin-left .3s ease-in-out}.sidebar-root .sidebar{top:0;bottom:0;left:0;width:var(--size);z-index:500;transition:margin-left .3s,width .3s}.sidebar-root .sidebar .sidebar-body{background:#333}.sidebar-root.shell-xs.show{margin-left:0}.sidebar-root.shell-xs.show .sidebar{width:100%;margin-left:0}.sidebar-root.shell-xs.show{margin-left:var(--size)}.sidebar-root.shell-xs.show .sidebar{width:var(--size);margin-left:0}.sidebar-root.shell-xs.hide .sidebar{width:100%;margin-left:-100%}.sidebar-root.shell-xs.hide{margin-left:0}.sidebar-root.shell-xs.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}.sidebar-root.shell-xs:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-xs:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}.sidebar-root.shell-xs:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-xs:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}@media(max-width:575.98px){.sidebar-root.shell-sm.show{margin-left:0}.sidebar-root.shell-sm.show .sidebar{width:100%;margin-left:0}}@media(min-width:576px){.sidebar-root.shell-sm.show{margin-left:var(--size)}.sidebar-root.shell-sm.show .sidebar{width:var(--size);margin-left:0}}@media(max-width:575.98px){.sidebar-root.shell-sm.hide{margin-left:0}.sidebar-root.shell-sm.hide .sidebar{width:100%;margin-left:-100%}}@media(min-width:576px){.sidebar-root.shell-sm.hide{margin-left:0}.sidebar-root.shell-sm.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}}@media(max-width:575.98px){.sidebar-root.shell-sm:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-sm:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}}@media(min-width:576px){.sidebar-root.shell-sm:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-sm:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}}@media(max-width:767.98px){.sidebar-root.shell-md.show{margin-left:0}.sidebar-root.shell-md.show .sidebar{width:100%;margin-left:0}}@media(min-width:768px){.sidebar-root.shell-md.show{margin-left:var(--size)}.sidebar-root.shell-md.show .sidebar{width:var(--size);margin-left:0}}@media(max-width:767.98px){.sidebar-root.shell-md.hide{margin-left:0}.sidebar-root.shell-md.hide .sidebar{width:100%;margin-left:-100%}}@media(min-width:768px){.sidebar-root.shell-md.hide{margin-left:0}.sidebar-root.shell-md.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}}@media(max-width:767.98px){.sidebar-root.shell-md:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-md:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}}@media(min-width:768px){.sidebar-root.shell-md:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-md:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}}@media(max-width:991.98px){.sidebar-root.shell-lg.show{margin-left:0}.sidebar-root.shell-lg.show .sidebar{width:100%;margin-left:0}}@media(min-width:992px){.sidebar-root.shell-lg.show{margin-left:var(--size)}.sidebar-root.shell-lg.show .sidebar{width:var(--size);margin-left:0}}@media(max-width:991.98px){.sidebar-root.shell-lg.hide{margin-left:0}.sidebar-root.shell-lg.hide .sidebar{width:100%;margin-left:-100%}}@media(min-width:992px){.sidebar-root.shell-lg.hide{margin-left:0}.sidebar-root.shell-lg.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}}@media(max-width:991.98px){.sidebar-root.shell-lg:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-lg:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}}@media(min-width:992px){.sidebar-root.shell-lg:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-lg:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}}@media(max-width:1199.98px){.sidebar-root.shell-xl.show{margin-left:0}.sidebar-root.shell-xl.show .sidebar{width:100%;margin-left:0}}@media(min-width:1200px){.sidebar-root.shell-xl.show{margin-left:var(--size)}.sidebar-root.shell-xl.show .sidebar{width:var(--size);margin-left:0}}@media(max-width:1199.98px){.sidebar-root.shell-xl.hide{margin-left:0}.sidebar-root.shell-xl.hide .sidebar{width:100%;margin-left:-100%}}@media(min-width:1200px){.sidebar-root.shell-xl.hide{margin-left:0}.sidebar-root.shell-xl.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}}@media(max-width:1199.98px){.sidebar-root.shell-xl:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-xl:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}}@media(min-width:1200px){.sidebar-root.shell-xl:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-xl:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}}@media(max-width:1399.98px){.sidebar-root.shell-xxl.show{margin-left:0}.sidebar-root.shell-xxl.show .sidebar{width:100%;margin-left:0}}@media(min-width:1400px){.sidebar-root.shell-xxl.show{margin-left:var(--size)}.sidebar-root.shell-xxl.show .sidebar{width:var(--size);margin-left:0}}@media(max-width:1399.98px){.sidebar-root.shell-xxl.hide{margin-left:0}.sidebar-root.shell-xxl.hide .sidebar{width:100%;margin-left:-100%}}@media(min-width:1400px){.sidebar-root.shell-xxl.hide{margin-left:0}.sidebar-root.shell-xxl.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}}@media(max-width:1399.98px){.sidebar-root.shell-xxl:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-xxl:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}}@media(min-width:1400px){.sidebar-root.shell-xxl:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-xxl:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { rootElement: [{
+            args: [{ selector: 'bs-shell', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sidebar-root\" [class]=\"[stateClass(), breakpointClass()]\" #root>\n    <div class=\"sidebar position-fixed pe-none\">\n        <div class=\"sidebar-body d-flex flex-column pe-all\">\n            <ng-container *ngTemplateOutlet=\"sidebarTemplate\"></ng-container>\n        </div>\n    </div>\n    <div class=\"content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".pe-all{pointer-events:all!important}.sidebar-root{--size: 15rem;transition:margin-left .3s ease-in-out}.sidebar-root .sidebar{top:0;bottom:0;left:0;width:var(--size);z-index:500;transition:margin-left .3s,width .3s}.sidebar-root .sidebar .sidebar-body{background:#333}.sidebar-root.shell-xs.show{margin-left:0}.sidebar-root.shell-xs.show .sidebar{width:100%;margin-left:0}.sidebar-root.shell-xs.show{margin-left:var(--size)}.sidebar-root.shell-xs.show .sidebar{width:var(--size);margin-left:0}.sidebar-root.shell-xs.hide .sidebar{width:100%;margin-left:-100%}.sidebar-root.shell-xs.hide{margin-left:0}.sidebar-root.shell-xs.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}.sidebar-root.shell-xs:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-xs:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}.sidebar-root.shell-xs:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-xs:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}@media(max-width:575.98px){.sidebar-root.shell-sm.show{margin-left:0}.sidebar-root.shell-sm.show .sidebar{width:100%;margin-left:0}}@media(min-width:576px){.sidebar-root.shell-sm.show{margin-left:var(--size)}.sidebar-root.shell-sm.show .sidebar{width:var(--size);margin-left:0}}@media(max-width:575.98px){.sidebar-root.shell-sm.hide{margin-left:0}.sidebar-root.shell-sm.hide .sidebar{width:100%;margin-left:-100%}}@media(min-width:576px){.sidebar-root.shell-sm.hide{margin-left:0}.sidebar-root.shell-sm.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}}@media(max-width:575.98px){.sidebar-root.shell-sm:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-sm:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}}@media(min-width:576px){.sidebar-root.shell-sm:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-sm:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}}@media(max-width:767.98px){.sidebar-root.shell-md.show{margin-left:0}.sidebar-root.shell-md.show .sidebar{width:100%;margin-left:0}}@media(min-width:768px){.sidebar-root.shell-md.show{margin-left:var(--size)}.sidebar-root.shell-md.show .sidebar{width:var(--size);margin-left:0}}@media(max-width:767.98px){.sidebar-root.shell-md.hide{margin-left:0}.sidebar-root.shell-md.hide .sidebar{width:100%;margin-left:-100%}}@media(min-width:768px){.sidebar-root.shell-md.hide{margin-left:0}.sidebar-root.shell-md.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}}@media(max-width:767.98px){.sidebar-root.shell-md:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-md:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}}@media(min-width:768px){.sidebar-root.shell-md:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-md:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}}@media(max-width:991.98px){.sidebar-root.shell-lg.show{margin-left:0}.sidebar-root.shell-lg.show .sidebar{width:100%;margin-left:0}}@media(min-width:992px){.sidebar-root.shell-lg.show{margin-left:var(--size)}.sidebar-root.shell-lg.show .sidebar{width:var(--size);margin-left:0}}@media(max-width:991.98px){.sidebar-root.shell-lg.hide{margin-left:0}.sidebar-root.shell-lg.hide .sidebar{width:100%;margin-left:-100%}}@media(min-width:992px){.sidebar-root.shell-lg.hide{margin-left:0}.sidebar-root.shell-lg.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}}@media(max-width:991.98px){.sidebar-root.shell-lg:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-lg:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}}@media(min-width:992px){.sidebar-root.shell-lg:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-lg:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}}@media(max-width:1199.98px){.sidebar-root.shell-xl.show{margin-left:0}.sidebar-root.shell-xl.show .sidebar{width:100%;margin-left:0}}@media(min-width:1200px){.sidebar-root.shell-xl.show{margin-left:var(--size)}.sidebar-root.shell-xl.show .sidebar{width:var(--size);margin-left:0}}@media(max-width:1199.98px){.sidebar-root.shell-xl.hide{margin-left:0}.sidebar-root.shell-xl.hide .sidebar{width:100%;margin-left:-100%}}@media(min-width:1200px){.sidebar-root.shell-xl.hide{margin-left:0}.sidebar-root.shell-xl.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}}@media(max-width:1199.98px){.sidebar-root.shell-xl:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-xl:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}}@media(min-width:1200px){.sidebar-root.shell-xl:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-xl:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}}@media(max-width:1399.98px){.sidebar-root.shell-xxl.show{margin-left:0}.sidebar-root.shell-xxl.show .sidebar{width:100%;margin-left:0}}@media(min-width:1400px){.sidebar-root.shell-xxl.show{margin-left:var(--size)}.sidebar-root.shell-xxl.show .sidebar{width:var(--size);margin-left:0}}@media(max-width:1399.98px){.sidebar-root.shell-xxl.hide{margin-left:0}.sidebar-root.shell-xxl.hide .sidebar{width:100%;margin-left:-100%}}@media(min-width:1400px){.sidebar-root.shell-xxl.hide{margin-left:0}.sidebar-root.shell-xxl.hide .sidebar{width:var(--size);margin-left:calc(-1 * var(--size))}}@media(max-width:1399.98px){.sidebar-root.shell-xxl:not(.show):not(.hide){margin-left:0}.sidebar-root.shell-xxl:not(.show):not(.hide) .sidebar{width:100%;margin-left:-100%}}@media(min-width:1400px){.sidebar-root.shell-xxl:not(.show):not(.hide){margin-left:var(--size)}.sidebar-root.shell-xxl:not(.show):not(.hide) .sidebar{width:var(--size);margin-left:0}}\n"] }]
+        }], propDecorators: { rootElement: [{
                 type: ViewChild,
                 args: ['root']
-            }], state: [{
-                type: Input
-            }], breakpoint: [{
-                type: Input
-            }] } });
+            }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], breakpoint: [{ type: i0.Input, args: [{ isSignal: true, alias: "breakpoint", required: false }] }] } });
 
 class BsShellSidebarDirective {
-    constructor(shell, template) {
-        this.shell = shell;
-        this.template = template;
+    constructor() {
+        const shell = inject(BsShellComponent);
+        const template = inject(TemplateRef);
         shell.sidebarTemplate = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsShellSidebarDirective, deps: [{ token: BsShellComponent }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsShellSidebarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: BsShellSidebarDirective, isStandalone: false, selector: "[bsShellSidebar]", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsShellSidebarDirective, decorators: [{
@@ -56,7 +46,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                     selector: '[bsShellSidebar]',
                     standalone: false,
                 }]
-        }], ctorParameters: () => [{ type: BsShellComponent }, { type: i0.TemplateRef }] });
+        }], ctorParameters: () => [] });
 
 class BsShellModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsShellModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }

package/fesm2022/mintplayer-ng-bootstrap-shell.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-bootstrap-shell.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/shell/src/shell/shell.component.ts","../../../../libs/mintplayer-ng-bootstrap/shell/src/shell/shell.component.html","../../../../libs/mintplayer-ng-bootstrap/shell/src/shell-sidebar/shell-sidebar.directive.ts","../../../../libs/mintplayer-ng-bootstrap/shell/src/shell.module.ts","../../../../libs/mintplayer-ng-bootstrap/shell/mintplayer-ng-bootstrap-shell.ts"],"sourcesContent":["import { Component, ElementRef, Input, TemplateRef, ViewChild } from '@angular/core';\nimport { BehaviorSubject, Observable, map } from 'rxjs';\nimport { BsShellState } from '../shell-state';\nimport { Breakpoint } from '@mintplayer/ng-bootstrap';\n\n@Component({\n  selector: 'bs-shell',\n  templateUrl: './shell.component.html',\n  styleUrl: './shell.component.scss',\n  standalone: false,\n})\nexport class BsShellComponent {\n  constructor() {\n    this.stateClass$ = this.state$.pipe(map((state) => {\n      if (state === 'auto') return null;\n      else return state;\n    }));\n    this.breakpointClass$ = this.breakpoint$.pipe(map(breakpoint => `shell-${breakpoint}`));\n  }\n\n  sidebarTemplate: TemplateRef<any> | null = null;\n  @ViewChild('root') rootElement!: ElementRef<HTMLDivElement>;\n\n  @Input() set state(value: BsShellState) {\n    this.state$.next(value);\n  }\n\n  @Input() set breakpoint(value: Breakpoint) {\n    this.breakpoint$.next(value);\n  }\n\n  state$ = new BehaviorSubject<BsShellState>('auto');\n  breakpoint$ = new BehaviorSubject<Breakpoint>('md');\n  stateClass$: Observable<string | null>;\n  breakpointClass$: Observable<string>;\n\n  public setSize(size: string) {\n    this.rootElement.nativeElement.style.setProperty('--size', size);\n  }\n}\n","<div class=\"sidebar-root\" [class]=\"[stateClass$ | async, breakpointClass$ | async]\" #root>\n    <div class=\"sidebar position-fixed pe-none\">\n        <div class=\"sidebar-body d-flex flex-column pe-all\">\n            <ng-container *ngTemplateOutlet=\"sidebarTemplate\"></ng-container>\n        </div>\n    </div>\n    <div class=\"content\">\n        <ng-content></ng-content>\n    </div>\n</div>","import { Directive, TemplateRef } from '@angular/core';\nimport { BsShellComponent } from '../shell/shell.component';\n\n@Directive({\n  selector: '[bsShellSidebar]',\n  standalone: false,\n})\nexport class BsShellSidebarDirective {\n  constructor(private shell: BsShellComponent, private template: TemplateRef<any>) {\n    shell.sidebarTemplate = template;\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BsShellComponent } from './shell/shell.component';\nimport { BsShellSidebarDirective } from './shell-sidebar/shell-sidebar.directive';\n\n\n\n@NgModule({\n  declarations: [BsShellComponent, BsShellSidebarDirective],\n  imports: [CommonModule],\n  exports: [BsShellComponent, BsShellSidebarDirective]\n})\nexport class BsShellModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.BsShellComponent"],"mappings":"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"}
+{"version":3,"file":"mintplayer-ng-bootstrap-shell.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/shell/src/shell/shell.component.ts","../../../../libs/mintplayer-ng-bootstrap/shell/src/shell/shell.component.html","../../../../libs/mintplayer-ng-bootstrap/shell/src/shell-sidebar/shell-sidebar.directive.ts","../../../../libs/mintplayer-ng-bootstrap/shell/src/shell.module.ts","../../../../libs/mintplayer-ng-bootstrap/shell/mintplayer-ng-bootstrap-shell.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, ElementRef, input, TemplateRef, ViewChild } from '@angular/core';\nimport { BsShellState } from '../shell-state';\nimport { Breakpoint } from '@mintplayer/ng-bootstrap';\n\n@Component({\n  selector: 'bs-shell',\n  templateUrl: './shell.component.html',\n  styleUrl: './shell.component.scss',\n  standalone: false,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsShellComponent {\n\n  sidebarTemplate: TemplateRef<any> | null = null;\n  @ViewChild('root') rootElement!: ElementRef<HTMLDivElement>;\n\n  state = input<BsShellState>('auto');\n  breakpoint = input<Breakpoint>('md');\n\n  stateClass = computed(() => {\n    const state = this.state();\n    if (state === 'auto') return null;\n    else return state;\n  });\n\n  breakpointClass = computed(() => `shell-${this.breakpoint()}`);\n\n  public setSize(size: string) {\n    this.rootElement.nativeElement.style.setProperty('--size', size);\n  }\n}\n","<div class=\"sidebar-root\" [class]=\"[stateClass(), breakpointClass()]\" #root>\n    <div class=\"sidebar position-fixed pe-none\">\n        <div class=\"sidebar-body d-flex flex-column pe-all\">\n            <ng-container *ngTemplateOutlet=\"sidebarTemplate\"></ng-container>\n        </div>\n    </div>\n    <div class=\"content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n","import { Directive, inject, TemplateRef } from '@angular/core';\nimport { BsShellComponent } from '../shell/shell.component';\n\n@Directive({\n  selector: '[bsShellSidebar]',\n  standalone: false,\n})\nexport class BsShellSidebarDirective {\n  constructor() {\n    const shell = inject(BsShellComponent);\n    const template = inject(TemplateRef);\n    shell.sidebarTemplate = template;\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BsShellComponent } from './shell/shell.component';\nimport { BsShellSidebarDirective } from './shell-sidebar/shell-sidebar.directive';\n\n\n\n@NgModule({\n  declarations: [BsShellComponent, BsShellSidebarDirective],\n  imports: [CommonModule],\n  exports: [BsShellComponent, BsShellSidebarDirective]\n})\nexport class BsShellModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}