@mintplayer/ng-bootstrap 20.6.3 → 21.1.0

package/fesm2022/mintplayer-ng-bootstrap-signature-pad.mjs

@@ -1,29 +1,15 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, HostListener, HostBinding, ViewChild, Input, Output, Component } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { model, input, HostListener, HostBinding, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
 
 class BsSignaturePadComponent {
     constructor() {
-        //#region Signature
-        this.signature$ = new BehaviorSubject({ strokes: [] });
-        this.signatureChange = new EventEmitter();
-        //#endregion
-        this.width = 500;
-        this.height = 300;
+        this.signature = model({ strokes: [] }, ...(ngDevMode ? [{ debugName: "signature" }] : []));
+        this.width = input(500, ...(ngDevMode ? [{ debugName: "width" }] : []));
+        this.height = input(300, ...(ngDevMode ? [{ debugName: "height" }] : []));
         this.classes = true;
         this.isDrawing = false;
         this.context = null;
         this.minHeight = 5;
-        this.signature$.pipe(takeUntilDestroyed()).subscribe((signature) => {
-            this.signatureChange.emit(signature);
-        });
-    }
-    get signature() {
-        return this.signature$.value;
-    }
-    set signature(value) {
-        this.signature$.next(value);
     }
     ngAfterViewInit() {
         if (typeof window !== 'undefined') {
@@ -33,16 +19,18 @@ class BsSignaturePadComponent {
     onTouchMove(ev) {
         if (this.isDrawing) {
             ev.preventDefault();
+            ev.stopPropagation();
         }
     }
     onPointerStart(ev) {
         ev.preventDefault();
         this.isDrawing = true;
         if (this.context) {
-            this.signature.strokes.push({
+            const sig = this.signature();
+            sig.strokes.push({
                 points: [{ x: ev.offsetX, y: ev.offsetY }]
             });
-            this.signatureChange.emit(this.signature);
+            this.signature.set({ ...sig });
             this.context.fillStyle = 'black';
             this.context.beginPath();
             this.context.moveTo(ev.offsetX, ev.offsetY);
@@ -51,14 +39,9 @@ class BsSignaturePadComponent {
     onPointerMove(ev) {
         if (this.isDrawing && this.context) {
             ev.preventDefault();
-            // this.context.moveTo(this.points.at(-1)!.x, this.points.at(-1)!.y);
-            // // ctx.arc(x, y, width, 0, 2 * Math.PI, false);
-            // // this.context.arc(ev.offsetX, ev.offsetY, 2, 0, 2 * Math.PI, false);
-            // // this.context.arcTo(ev.offsetX, ev.offsetY,)
-            // this.context.closePath();
-            // this.context.fill();
-            this.signature.strokes.at(-1)?.points.push({ x: ev.offsetX, y: ev.offsetY });
-            this.signatureChange.emit(this.signature);
+            const sig = this.signature();
+            sig.strokes.at(-1)?.points.push({ x: ev.offsetX, y: ev.offsetY });
+            this.signature.set({ ...sig });
             this.context.lineTo(ev.offsetX, ev.offsetY);
             this.context.stroke();
         }
@@ -67,24 +50,15 @@ class BsSignaturePadComponent {
         if (this.isDrawing && this.context) {
             ev.preventDefault();
             this.isDrawing = false;
-            this.signatureChange.emit(this.signature);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsSignaturePadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.13", type: BsSignaturePadComponent, isStandalone: true, selector: "bs-signature-pad", inputs: { signature: "signature", width: "width", height: "height" }, outputs: { signatureChange: "signatureChange" }, host: { listeners: { "touchmove": "onTouchMove($event)", "pointerdown": "onPointerStart($event)", "pointermove": "onPointerMove($event)", "window:pointerup": "onPointerEnd($event)" }, properties: { "class.border": "this.classes", "class.d-inline-block": "this.classes", "style.min-height.rem": "this.minHeight" } }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true }], ngImport: i0, template: "<canvas [width]=\"width\" [height]=\"height\" class=\"d-block\" #canvas></canvas>", styles: [""] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSignaturePadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: BsSignaturePadComponent, isStandalone: true, selector: "bs-signature-pad", inputs: { signature: { classPropertyName: "signature", publicName: "signature", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { signature: "signatureChange" }, host: { listeners: { "touchmove": "onTouchMove($event)", "pointerdown": "onPointerStart($event)", "pointermove": "onPointerMove($event)", "window:pointerup": "onPointerEnd($event)" }, properties: { "class.border": "this.classes", "class.d-inline-block": "this.classes", "style.min-height.rem": "this.minHeight" } }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true }], ngImport: i0, template: "<canvas [width]=\"width()\" [height]=\"height()\" class=\"d-block\" #canvas></canvas>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsSignaturePadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSignaturePadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-signature-pad', standalone: true, template: "<canvas [width]=\"width\" [height]=\"height\" class=\"d-block\" #canvas></canvas>" }]
-        }], ctorParameters: () => [], propDecorators: { signatureChange: [{
-                type: Output
-            }], signature: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }], classes: [{
+            args: [{ selector: 'bs-signature-pad', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<canvas [width]=\"width()\" [height]=\"height()\" class=\"d-block\" #canvas></canvas>" }]
+        }], propDecorators: { signature: [{ type: i0.Input, args: [{ isSignal: true, alias: "signature", required: false }] }, { type: i0.Output, args: ["signatureChange"] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], classes: [{
                 type: HostBinding,
                 args: ['class.border']
             }, {

package/fesm2022/mintplayer-ng-bootstrap-signature-pad.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-bootstrap-signature-pad.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/signature-pad/src/component/signature-pad.component.ts","../../../../libs/mintplayer-ng-bootstrap/signature-pad/src/component/signature-pad.component.html","../../../../libs/mintplayer-ng-bootstrap/signature-pad/mintplayer-ng-bootstrap-signature-pad.ts"],"sourcesContent":["import { AfterViewInit, Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output, ViewChild } from '@angular/core';\nimport { Signature } from '../interfaces/signature';\nimport { BehaviorSubject } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Component({\n  selector: 'bs-signature-pad',\n  templateUrl: './signature-pad.component.html',\n  styleUrls: ['./signature-pad.component.scss'],\n  standalone: true,\n})\nexport class BsSignaturePadComponent implements AfterViewInit {\n  constructor() {\n    this.signature$.pipe(takeUntilDestroyed()).subscribe((signature) => {\n      this.signatureChange.emit(signature);\n    });\n  }\n\n  //#region Signature\n  signature$ = new BehaviorSubject<Signature>({ strokes: [] });\n  @Output() signatureChange = new EventEmitter<Signature>();\n  public get signature() {\n    return this.signature$.value;\n  }\n  @Input() public set signature(value: Signature) {\n    this.signature$.next(value);\n  }\n  //#endregion\n\n  @Input() width = 500;\n  @Input() height = 300;\n\n  @HostBinding('class.border')\n  @HostBinding('class.d-inline-block')\n  classes = true;\n\n  isDrawing = false;\n  @ViewChild('canvas') canvas!: ElementRef<HTMLCanvasElement>;\n  context: CanvasRenderingContext2D | null = null;\n\n  ngAfterViewInit() {\n    if (typeof window !== 'undefined') {\n      this.context = this.canvas.nativeElement.getContext('2d', { willReadFrequently: true });\n    }\n  }\n\n  @HostBinding('style.min-height.rem') minHeight = 5;\n  @HostListener('touchmove', ['$event']) onTouchMove(ev: TouchEvent) {\n    if (this.isDrawing) {\n      ev.preventDefault();\n    }\n  }\n  @HostListener('pointerdown', ['$event']) onPointerStart(ev: PointerEvent) {\n    ev.preventDefault();\n    this.isDrawing = true;\n    if (this.context) {\n      this.signature.strokes.push({\n        points: [{ x: ev.offsetX, y: ev.offsetY }]\n      });\n      this.signatureChange.emit(this.signature);\n\n      this.context.fillStyle = 'black';\n      this.context.beginPath();\n      this.context.moveTo(ev.offsetX, ev.offsetY);\n    }\n  }\n  @HostListener('pointermove', ['$event']) onPointerMove(ev: PointerEvent) {\n    if (this.isDrawing && this.context) {\n      ev.preventDefault();\n      \n      // this.context.moveTo(this.points.at(-1)!.x, this.points.at(-1)!.y);\n      // // ctx.arc(x, y, width, 0, 2 * Math.PI, false);\n      // // this.context.arc(ev.offsetX, ev.offsetY, 2, 0, 2 * Math.PI, false);\n      // // this.context.arcTo(ev.offsetX, ev.offsetY,)\n      // this.context.closePath();\n      // this.context.fill();\n\n      this.signature.strokes.at(-1)?.points.push({ x: ev.offsetX, y: ev.offsetY });\n      this.signatureChange.emit(this.signature);\n\n      this.context.lineTo(ev.offsetX, ev.offsetY);\n      this.context.stroke();\n    }\n  }\n  @HostListener('window:pointerup', ['$event']) onPointerEnd(ev: PointerEvent) {\n    if (this.isDrawing && this.context) {\n      ev.preventDefault();\n      this.isDrawing = false;\n      this.signatureChange.emit(this.signature);\n    }\n  }\n}\n","<canvas [width]=\"width\" [height]=\"height\" class=\"d-block\" #canvas></canvas>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"mintplayer-ng-bootstrap-signature-pad.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/signature-pad/src/component/signature-pad.component.ts","../../../../libs/mintplayer-ng-bootstrap/signature-pad/src/component/signature-pad.component.html","../../../../libs/mintplayer-ng-bootstrap/signature-pad/mintplayer-ng-bootstrap-signature-pad.ts"],"sourcesContent":["import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, HostBinding, HostListener, input, model, ViewChild } from '@angular/core';\nimport { Signature } from '../interfaces/signature';\n\n@Component({\n  selector: 'bs-signature-pad',\n  templateUrl: './signature-pad.component.html',\n  styleUrls: ['./signature-pad.component.scss'],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsSignaturePadComponent implements AfterViewInit {\n\n  signature = model<Signature>({ strokes: [] });\n  width = input(500);\n  height = input(300);\n\n  @HostBinding('class.border')\n  @HostBinding('class.d-inline-block')\n  classes = true;\n\n  isDrawing = false;\n  @ViewChild('canvas') canvas!: ElementRef<HTMLCanvasElement>;\n  context: CanvasRenderingContext2D | null = null;\n\n  ngAfterViewInit() {\n    if (typeof window !== 'undefined') {\n      this.context = this.canvas.nativeElement.getContext('2d', { willReadFrequently: true });\n    }\n  }\n\n  @HostBinding('style.min-height.rem') minHeight = 5;\n  @HostListener('touchmove', ['$event']) onTouchMove(ev: TouchEvent) {\n    if (this.isDrawing) {\n      ev.preventDefault();\n      ev.stopPropagation();\n    }\n  }\n  @HostListener('pointerdown', ['$event']) onPointerStart(ev: PointerEvent) {\n    ev.preventDefault();\n    this.isDrawing = true;\n    if (this.context) {\n      const sig = this.signature();\n      sig.strokes.push({\n        points: [{ x: ev.offsetX, y: ev.offsetY }]\n      });\n      this.signature.set({ ...sig });\n\n      this.context.fillStyle = 'black';\n      this.context.beginPath();\n      this.context.moveTo(ev.offsetX, ev.offsetY);\n    }\n  }\n  @HostListener('pointermove', ['$event']) onPointerMove(ev: PointerEvent) {\n    if (this.isDrawing && this.context) {\n      ev.preventDefault();\n\n      const sig = this.signature();\n      sig.strokes.at(-1)?.points.push({ x: ev.offsetX, y: ev.offsetY });\n      this.signature.set({ ...sig });\n\n      this.context.lineTo(ev.offsetX, ev.offsetY);\n      this.context.stroke();\n    }\n  }\n  @HostListener('window:pointerup', ['$event']) onPointerEnd(ev: PointerEvent) {\n    if (this.isDrawing && this.context) {\n      ev.preventDefault();\n      this.isDrawing = false;\n    }\n  }\n}\n","<canvas [width]=\"width()\" [height]=\"height()\" class=\"d-block\" #canvas></canvas>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -11,10 +11,10 @@ class BsSlugifyPipe {
             .replace(/^-+/, '') // Trim - from start of text
             .replace(/-+$/, ''); // Trim - from end of text
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsSlugifyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.13", ngImport: i0, type: BsSlugifyPipe, isStandalone: true, name: "bsSlugify" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSlugifyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: BsSlugifyPipe, isStandalone: true, name: "bsSlugify" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsSlugifyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSlugifyPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'bsSlugify',

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

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-bootstrap-slugify.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/slugify/src/slugify.pipe.ts","../../../../libs/mintplayer-ng-bootstrap/slugify/mintplayer-ng-bootstrap-slugify.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'bsSlugify',\n  standalone: true,\n  pure: true,\n})\nexport class BsSlugifyPipe implements PipeTransform {\n  transform(value: string) {\n    return value.toString().toLowerCase()\n      .replace(/\\s+/g, '-')                             // Replace spaces with -\n      .normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\") // Remove diacritics\n      .replace(/[^\\w\\-]+/g, '')                         // Remove all non-word chars\n      .replace(/\\-\\-+/g, '-')                           // Replace multiple - with single -\n      .replace(/^-+/, '')                               // Trim - from start of text\n      .replace(/-+$/, '');                              // Trim - from end of text\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAOa,aAAa,CAAA;AACxB,IAAA,SAAS,CAAC,KAAa,EAAA;AACrB,QAAA,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC,WAAW;AAChC,aAAA,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;aACpB,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC;AAChD,aAAA,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC;AACxB,aAAA,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC;AACtB,aAAA,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;AAClB,aAAA,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACxB;+GATW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;6GAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,CAAA;;4FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,WAAW;AACjB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE,IAAI;AACX,iBAAA;;;ACND;;AAEG;;;;"}
+{"version":3,"file":"mintplayer-ng-bootstrap-slugify.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/slugify/src/slugify.pipe.ts","../../../../libs/mintplayer-ng-bootstrap/slugify/mintplayer-ng-bootstrap-slugify.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'bsSlugify',\n  standalone: true,\n  pure: true,\n})\nexport class BsSlugifyPipe implements PipeTransform {\n  transform(value: string) {\n    return value.toString().toLowerCase()\n      .replace(/\\s+/g, '-')                             // Replace spaces with -\n      .normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\") // Remove diacritics\n      .replace(/[^\\w\\-]+/g, '')                         // Remove all non-word chars\n      .replace(/\\-\\-+/g, '-')                           // Replace multiple - with single -\n      .replace(/^-+/, '')                               // Trim - from start of text\n      .replace(/-+$/, '');                              // Trim - from end of text\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAOa,aAAa,CAAA;AACxB,IAAA,SAAS,CAAC,KAAa,EAAA;AACrB,QAAA,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC,WAAW;AAChC,aAAA,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;aACpB,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC;AAChD,aAAA,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC;AACxB,aAAA,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC;AACtB,aAAA,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;AAClB,aAAA,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACxB;8GATW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,CAAA;;2FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,WAAW;AACjB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE,IAAI;AACX,iBAAA;;;ACND;;AAEG;;;;"}

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

@@ -1,46 +1,22 @@
-import { AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Input, Component } from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
 import { Color } from '@mintplayer/ng-bootstrap';
-import { BehaviorSubject, map } from 'rxjs';
 
 class BsSpinnerComponent {
     constructor() {
         this.colors = Color;
-        //#region Type
-        this.type$ = new BehaviorSubject('border');
-        //#endregion
-        //#region Color
-        this.color$ = new BehaviorSubject(Color.dark);
-        this.spinnerClass$ = this.type$
-            .pipe(map((type) => `spinner-${type}`));
-        this.colorClass$ = this.color$
-            .pipe(map((type) => `text-${this.colors[type]}`));
+        this.type = input('border', ...(ngDevMode ? [{ debugName: "type" }] : []));
+        this.color = input(Color.dark, ...(ngDevMode ? [{ debugName: "color" }] : []));
+        this.spinnerClass = computed(() => `spinner-${this.type()}`, ...(ngDevMode ? [{ debugName: "spinnerClass" }] : []));
+        this.colorClass = computed(() => `text-${this.colors[this.color()]}`, ...(ngDevMode ? [{ debugName: "colorClass" }] : []));
     }
-    ngOnInit() { }
-    get type() {
-        return this.type$.value;
-    }
-    set type(value) {
-        this.type$.next(value);
-    }
-    get color() {
-        return this.color$.value;
-    }
-    set color(value) {
-        this.color$.next(value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.13", type: BsSpinnerComponent, isStandalone: true, selector: "bs-spinner", inputs: { type: "type", color: "color" }, ngImport: i0, template: "<div [class]=\"[spinnerClass$ | async, colorClass$ | async]\" role=\"status\">\n    <span class=\"visually-hidden\">Loading...</span>\n</div>", styles: [":host ::ng-deep .spinner-grow,:host ::ng-deep .spinner-border{display:inline-block;flex-shrink:0;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}:host ::ng-deep .spinner-border{--bs-spinner-width: 2rem;--bs-spinner-height: 2rem;--bs-spinner-vertical-align: -.125em;--bs-spinner-border-width: .25em;--bs-spinner-animation-speed: .75s;--bs-spinner-animation-name: spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}:host ::ng-deep .spinner-border-sm{--bs-spinner-width: 1rem;--bs-spinner-height: 1rem;--bs-spinner-border-width: .2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}:host ::ng-deep .spinner-grow{--bs-spinner-width: 2rem;--bs-spinner-height: 2rem;--bs-spinner-vertical-align: -.125em;--bs-spinner-animation-speed: .75s;--bs-spinner-animation-name: spinner-grow;background-color:currentcolor;opacity:0}:host ::ng-deep .spinner-grow-sm{--bs-spinner-width: 1rem;--bs-spinner-height: 1rem}@media (prefers-reduced-motion: reduce){:host ::ng-deep .spinner-border,:host ::ng-deep .spinner-grow{--bs-spinner-animation-speed: 1.5s}}:host ::ng-deep .spinner-border{animation:.75s linear infinite spinner-border}:host ::ng-deep .spinner-grow{animation:.75s linear infinite spinner-grow}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: BsSpinnerComponent, isStandalone: true, selector: "bs-spinner", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"[spinnerClass(), colorClass()]\" role=\"status\">\n    <span class=\"visually-hidden\">Loading...</span>\n</div>\n", styles: [":host ::ng-deep .spinner-grow,:host ::ng-deep .spinner-border{display:inline-block;flex-shrink:0;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}:host ::ng-deep .spinner-border{--bs-spinner-width: 2rem;--bs-spinner-height: 2rem;--bs-spinner-vertical-align: -.125em;--bs-spinner-border-width: .25em;--bs-spinner-animation-speed: .75s;--bs-spinner-animation-name: spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}:host ::ng-deep .spinner-border-sm{--bs-spinner-width: 1rem;--bs-spinner-height: 1rem;--bs-spinner-border-width: .2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}:host ::ng-deep .spinner-grow{--bs-spinner-width: 2rem;--bs-spinner-height: 2rem;--bs-spinner-vertical-align: -.125em;--bs-spinner-animation-speed: .75s;--bs-spinner-animation-name: spinner-grow;background-color:currentcolor;opacity:0}:host ::ng-deep .spinner-grow-sm{--bs-spinner-width: 1rem;--bs-spinner-height: 1rem}@media(prefers-reduced-motion:reduce){:host ::ng-deep .spinner-border,:host ::ng-deep .spinner-grow{--bs-spinner-animation-speed: 1.5s}}:host ::ng-deep .spinner-border{animation:.75s linear infinite spinner-border}:host ::ng-deep .spinner-grow{animation:.75s linear infinite spinner-grow}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsSpinnerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSpinnerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-spinner', standalone: true, imports: [AsyncPipe], template: "<div [class]=\"[spinnerClass$ | async, colorClass$ | async]\" role=\"status\">\n    <span class=\"visually-hidden\">Loading...</span>\n</div>", styles: [":host ::ng-deep .spinner-grow,:host ::ng-deep .spinner-border{display:inline-block;flex-shrink:0;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}:host ::ng-deep .spinner-border{--bs-spinner-width: 2rem;--bs-spinner-height: 2rem;--bs-spinner-vertical-align: -.125em;--bs-spinner-border-width: .25em;--bs-spinner-animation-speed: .75s;--bs-spinner-animation-name: spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}:host ::ng-deep .spinner-border-sm{--bs-spinner-width: 1rem;--bs-spinner-height: 1rem;--bs-spinner-border-width: .2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}:host ::ng-deep .spinner-grow{--bs-spinner-width: 2rem;--bs-spinner-height: 2rem;--bs-spinner-vertical-align: -.125em;--bs-spinner-animation-speed: .75s;--bs-spinner-animation-name: spinner-grow;background-color:currentcolor;opacity:0}:host ::ng-deep .spinner-grow-sm{--bs-spinner-width: 1rem;--bs-spinner-height: 1rem}@media (prefers-reduced-motion: reduce){:host ::ng-deep .spinner-border,:host ::ng-deep .spinner-grow{--bs-spinner-animation-speed: 1.5s}}:host ::ng-deep .spinner-border{animation:.75s linear infinite spinner-border}:host ::ng-deep .spinner-grow{animation:.75s linear infinite spinner-grow}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { type: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'bs-spinner', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"[spinnerClass(), colorClass()]\" role=\"status\">\n    <span class=\"visually-hidden\">Loading...</span>\n</div>\n", styles: [":host ::ng-deep .spinner-grow,:host ::ng-deep .spinner-border{display:inline-block;flex-shrink:0;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}:host ::ng-deep .spinner-border{--bs-spinner-width: 2rem;--bs-spinner-height: 2rem;--bs-spinner-vertical-align: -.125em;--bs-spinner-border-width: .25em;--bs-spinner-animation-speed: .75s;--bs-spinner-animation-name: spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}:host ::ng-deep .spinner-border-sm{--bs-spinner-width: 1rem;--bs-spinner-height: 1rem;--bs-spinner-border-width: .2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}:host ::ng-deep .spinner-grow{--bs-spinner-width: 2rem;--bs-spinner-height: 2rem;--bs-spinner-vertical-align: -.125em;--bs-spinner-animation-speed: .75s;--bs-spinner-animation-name: spinner-grow;background-color:currentcolor;opacity:0}:host ::ng-deep .spinner-grow-sm{--bs-spinner-width: 1rem;--bs-spinner-height: 1rem}@media(prefers-reduced-motion:reduce){:host ::ng-deep .spinner-border,:host ::ng-deep .spinner-grow{--bs-spinner-animation-speed: 1.5s}}:host ::ng-deep .spinner-border{animation:.75s linear infinite spinner-border}:host ::ng-deep .spinner-grow{animation:.75s linear infinite spinner-grow}\n"] }]
+        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-bootstrap-spinner.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/spinner/src/spinner.component.ts","../../../../libs/mintplayer-ng-bootstrap/spinner/src/spinner.component.html","../../../../libs/mintplayer-ng-bootstrap/spinner/mintplayer-ng-bootstrap-spinner.ts"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\nimport { Component, Input, OnInit } from '@angular/core';\nimport { Color } from '@mintplayer/ng-bootstrap';\nimport { BehaviorSubject, map, Observable } from 'rxjs';\n\n@Component({\n  selector: 'bs-spinner',\n  templateUrl: './spinner.component.html',\n  styleUrls: ['./spinner.component.scss'],\n  standalone: true,\n  imports: [AsyncPipe],\n})\nexport class BsSpinnerComponent implements OnInit {\n  constructor() {\n    this.spinnerClass$ = this.type$\n      .pipe(map((type) => `spinner-${type}`));\n    this.colorClass$ = this.color$\n      .pipe(map((type) => `text-${this.colors[type]}`));\n  }\n\n  spinnerClass$: Observable<string>;\n  colorClass$: Observable<string>;\n  colors = Color;\n\n  ngOnInit(): void {}\n\n  //#region Type\n  type$ = new BehaviorSubject<'border' | 'grow'>('border');\n  public get type() {\n    return this.type$.value;\n  }\n  @Input() public set type(value: 'border' | 'grow') {\n    this.type$.next(value);\n  }\n  //#endregion\n  //#region Color\n  color$ = new BehaviorSubject<Color>(Color.dark);\n  public get color() {\n    return this.color$.value;\n  }\n  @Input() public set color(value: Color) {\n    this.color$.next(value);\n  }\n  //#endregion\n}\n","<div [class]=\"[spinnerClass$ | async, colorClass$ | async]\" role=\"status\">\n    <span class=\"visually-hidden\">Loading...</span>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAYa,kBAAkB,CAAA;AAC7B,IAAA,WAAA,GAAA;QASA,IAAA,CAAA,MAAM,GAAG,KAAK;;AAKd,QAAA,IAAA,CAAA,KAAK,GAAG,IAAI,eAAe,CAAoB,QAAQ,CAAC;;;QASxD,IAAA,CAAA,MAAM,GAAG,IAAI,eAAe,CAAQ,KAAK,CAAC,IAAI,CAAC;AAtB7C,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;AACvB,aAAA,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAA,QAAA,EAAW,IAAI,CAAA,CAAE,CAAC,CAAC;AACzC,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;AACrB,aAAA,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAA,KAAA,EAAQ,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA,CAAE,CAAC,CAAC;IACrD;AAMA,IAAA,QAAQ,KAAU;AAIlB,IAAA,IAAW,IAAI,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK;IACzB;IACA,IAAoB,IAAI,CAAC,KAAwB,EAAA;AAC/C,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;IACxB;AAIA,IAAA,IAAW,KAAK,GAAA;AACd,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK;IAC1B;IACA,IAAoB,KAAK,CAAC,KAAY,EAAA;AACpC,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IACzB;+GA9BW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZ/B,+IAEM,EAAA,MAAA,EAAA,CAAA,49CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EDQM,SAAS,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAER,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAAA,UAAA,EAGV,IAAI,EAAA,OAAA,EACP,CAAC,SAAS,CAAC,EAAA,QAAA,EAAA,+IAAA,EAAA,MAAA,EAAA,CAAA,49CAAA,CAAA,EAAA;;sBAqBnB;;sBASA;;;AExCH;;AAEG;;;;"}
+{"version":3,"file":"mintplayer-ng-bootstrap-spinner.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/spinner/src/spinner.component.ts","../../../../libs/mintplayer-ng-bootstrap/spinner/src/spinner.component.html","../../../../libs/mintplayer-ng-bootstrap/spinner/mintplayer-ng-bootstrap-spinner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { Color } from '@mintplayer/ng-bootstrap';\n\n@Component({\n  selector: 'bs-spinner',\n  templateUrl: './spinner.component.html',\n  styleUrls: ['./spinner.component.scss'],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsSpinnerComponent {\n  colors = Color;\n\n  type = input<'border' | 'grow'>('border');\n  color = input<Color>(Color.dark);\n\n  spinnerClass = computed(() => `spinner-${this.type()}`);\n  colorClass = computed(() => `text-${this.colors[this.color()]}`);\n}\n","<div [class]=\"[spinnerClass(), colorClass()]\" role=\"status\">\n    <span class=\"visually-hidden\">Loading...</span>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAUa,kBAAkB,CAAA;AAP/B,IAAA,WAAA,GAAA;QAQE,IAAA,CAAA,MAAM,GAAG,KAAK;AAEd,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAoB,QAAQ,gDAAC;AACzC,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAQ,KAAK,CAAC,IAAI,iDAAC;AAEhC,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAA,QAAA,EAAW,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE,wDAAC;AACvD,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,QAAQ,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA,CAAE,sDAAC;AACjE,IAAA;8GARY,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,+TCV/B,mIAGA,EAAA,MAAA,EAAA,CAAA,09CAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDOa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAAA,UAAA,EAGV,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mIAAA,EAAA,MAAA,EAAA,CAAA,09CAAA,CAAA,EAAA;;;AERjD;;AAEG;;;;"}

package/fesm2022/mintplayer-ng-bootstrap-split-string.mjs

@@ -6,10 +6,10 @@ class BsSplitStringPipe {
         return value.split(seperator)
             .filter(line => !removeEmptyEntries || (line !== ''));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsSplitStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.13", ngImport: i0, type: BsSplitStringPipe, isStandalone: true, name: "bsSplitString" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSplitStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: BsSplitStringPipe, isStandalone: true, name: "bsSplitString" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsSplitStringPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSplitStringPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'bsSplitString',

package/fesm2022/mintplayer-ng-bootstrap-split-string.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-bootstrap-split-string.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/split-string/src/split-string.pipe.ts","../../../../libs/mintplayer-ng-bootstrap/split-string/mintplayer-ng-bootstrap-split-string.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'bsSplitString',\n  standalone: true,\n  pure: true,\n})\nexport class BsSplitStringPipe implements PipeTransform {\n  transform(value: string, seperator = '\\n', removeEmptyEntries = true): string[] {\n    return value.split(seperator)\n      .filter(line => !removeEmptyEntries || (line !== ''));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAOa,iBAAiB,CAAA;IAC5B,SAAS,CAAC,KAAa,EAAE,SAAS,GAAG,IAAI,EAAE,kBAAkB,GAAG,IAAI,EAAA;AAClE,QAAA,OAAO,KAAK,CAAC,KAAK,CAAC,SAAS;AACzB,aAAA,MAAM,CAAC,IAAI,IAAI,CAAC,kBAAkB,KAAK,IAAI,KAAK,EAAE,CAAC,CAAC;IACzD;+GAJW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;6GAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,eAAA,EAAA,CAAA,CAAA;;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAL7B,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,eAAe;AACrB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE,IAAI;AACX,iBAAA;;;ACND;;AAEG;;;;"}
+{"version":3,"file":"mintplayer-ng-bootstrap-split-string.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/split-string/src/split-string.pipe.ts","../../../../libs/mintplayer-ng-bootstrap/split-string/mintplayer-ng-bootstrap-split-string.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'bsSplitString',\n  standalone: true,\n  pure: true,\n})\nexport class BsSplitStringPipe implements PipeTransform {\n  transform(value: string, seperator = '\\n', removeEmptyEntries = true): string[] {\n    return value.split(seperator)\n      .filter(line => !removeEmptyEntries || (line !== ''));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAOa,iBAAiB,CAAA;IAC5B,SAAS,CAAC,KAAa,EAAE,SAAS,GAAG,IAAI,EAAE,kBAAkB,GAAG,IAAI,EAAA;AAClE,QAAA,OAAO,KAAK,CAAC,KAAK,CAAC,SAAS;AACzB,aAAA,MAAM,CAAC,IAAI,IAAI,CAAC,kBAAkB,KAAK,IAAI,KAAK,EAAE,CAAC,CAAC;IACzD;8GAJW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,eAAA,EAAA,CAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAL7B,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,eAAe;AACrB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE,IAAI;AACX,iBAAA;;;ACND;;AAEG;;;;"}