@acorex/components 16.0.2 → 17.0.1

package/fesm2022/acorex-components-picker.mjs

@@ -0,0 +1,251 @@
+import { MXValueComponent, MXBaseComponent } from '@acorex/components/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, forwardRef, Directive, Input, Output, inject, NgZone, Component, ChangeDetectionStrategy, ViewEncapsulation, ContentChildren, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { AXUnsubscriber, AXDrawingUtil } from '@acorex/core/utils';
+import { startWith } from 'rxjs';
+import { CommonModule } from '@angular/common';
+
+class AXPickerColumnDirective extends MXValueComponent {
+    constructor() {
+        super(...arguments);
+        this.valueField = 'id';
+        this.textField = 'text';
+        this.step = 1;
+        this.itemsChange = new EventEmitter();
+    }
+    get items() {
+        return this._items;
+    }
+    set items(v) {
+        this._items = v;
+        this.itemsChange.emit(v);
+    }
+    internalSetValue(v) {
+        if (v == null)
+            return v;
+        else if (typeof v == 'object') {
+            return this.items.find((c) => c[this.valueField] == v[this.valueField]);
+        }
+        else {
+            return this.items.find((c) => c[this.valueField] == v);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXPickerColumnDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.2", type: AXPickerColumnDirective, selector: "ax-picker-column", inputs: { disabled: "disabled", readonly: "readonly", readonlyChange: "readonlyChange", disabledChange: "disabledChange", valueField: "valueField", textField: "textField", title: "title", step: "step", items: "items" }, outputs: { onValueChanged: "onValueChanged", itemsChange: "itemsChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => AXPickerColumnDirective),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXPickerColumnDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ax-picker-column',
+                    inputs: ['disabled', 'readonly', 'readonlyChange', 'disabledChange'],
+                    outputs: ['onValueChanged'],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => AXPickerColumnDirective),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], propDecorators: { valueField: [{
+                type: Input
+            }], textField: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], itemsChange: [{
+                type: Output
+            }], items: [{
+                type: Input
+            }] } });
+
+class AXPickerComponent extends MXBaseComponent {
+    constructor() {
+        super(...arguments);
+        this._columns = {};
+        this._itemHeight = this._calcItemheight();
+        this._dragging = false;
+        this._unsubscriber = inject(AXUnsubscriber);
+        this._zone = inject(NgZone);
+    }
+    ngAfterContentInit() {
+        this._columns.changes
+            .pipe(this._unsubscriber.takeUntilDestroy)
+            .pipe(startWith(undefined))
+            .subscribe(() => {
+            this._setHeights();
+            this.cdr.detectChanges();
+            this._bindEvents();
+        });
+    }
+    ngOnDestroy() {
+        this._removeEvents();
+    }
+    _setHeights() {
+        this._itemHeight = this._calcItemheight();
+        setTimeout(() => {
+            const val = this.getHostElement().clientHeight -
+                this.getHostElement().querySelector('.ax-header').clientHeight;
+            this.getHostElement().style.setProperty('--ax-content-height', `${val}px`);
+        }, 50);
+    }
+    _calcItemheight() {
+        const rem = window
+            .getComputedStyle(document.documentElement, null)
+            .getPropertyValue('--ax-size-default');
+        return AXDrawingUtil.convertRemToPixels(Number(rem?.replace('rem', '') ?? 0));
+    }
+    _bindEvents() {
+        this._removeEvents();
+        //
+        this._htmlColumns = Array.from(this.getHostElement().querySelectorAll('.ax-picker-col .ax-content'));
+        this._columns.forEach((c) => {
+            c.onValueChanged
+                .pipe(this._unsubscriber.takeUntilDestroy)
+                .subscribe(() => {
+                this._detectSelectedItemsByValue();
+            });
+        });
+        this._htmlColumns.forEach((col, index) => {
+            col['column'] = this._columns.get(index);
+            col.addEventListener('wheel', this._handleMouseWeel.bind(this), {
+                passive: false,
+            });
+            //
+            col.addEventListener('touchstart', this._handleTouchStart.bind(this), {
+                passive: false,
+            });
+            //col.addEventListener("mousedown", this._handleTouchStart.bind(this), { passive: false });
+            //
+            col.addEventListener('touchmove', this._handleTouchMove.bind(this), {
+                passive: false,
+            });
+            //col.addEventListener('mousemove', this._handleTouchMove.bind(this), { passive: false })
+            //
+            col.addEventListener('touchend', this._handleTouchEnd.bind(this), {
+                passive: false,
+            });
+            //col.addEventListener('mouseup', this._handleTouchMove.bind(this), { passive: false })
+        });
+    }
+    _removeEvents() {
+        this._htmlColumns?.forEach((col) => {
+            col.removeEventListener('wheel', this._handleMouseWeel.bind(this));
+            //
+            col.removeEventListener('touchstart', this._handleTouchStart.bind(this));
+            //col.removeEventListener("mousedown", this._handleTouchStart.bind(this));
+            col.removeEventListener('touchmove', this._handleTouchMove.bind(this));
+            //col.removeEventListener('mousemove', this._handleTouchMove.bind(this));
+            //
+            col.removeEventListener('touchend', this._handleTouchEnd.bind(this));
+            //col.removeEventListener('mouseup', this._handleTouchEnd.bind(this));
+        });
+    }
+    _handleTouchStart(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        this._currentList = e.currentTarget;
+        this._previousY =
+            e instanceof TouchEvent ? e.touches[0].clientY : e.clientY;
+    }
+    _handleTouchMove(e) {
+        this._dragging = true;
+        e.preventDefault();
+        e.stopPropagation();
+        this._zone.runOutsideAngular(() => {
+            if (this._currentList && this._dragging) {
+                const clientY = e instanceof TouchEvent ? e.touches[0].clientY : e.clientY;
+                const delta = clientY - this._previousY;
+                this._previousY = clientY;
+                if (Math.abs(delta) > 1)
+                    this._moveByDelta(this._currentList, -delta);
+            }
+        });
+    }
+    _handleTouchEnd(e) {
+        // simulate click
+        const targetelement = e.target;
+        if (!this._dragging && targetelement.tagName == 'LI') {
+            targetelement.click();
+        }
+        this._dragging = false;
+    }
+    _handleMouseWeel(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        this._moveByDelta(e.currentTarget, e.deltaY);
+    }
+    _moveByDelta(col, deltaY) {
+        const column = col['column'];
+        if (column.readonly || column.disabled)
+            return;
+        let index = column.items.indexOf(column.value);
+        index = deltaY < 0 ? index - column.step : index + column.step;
+        if (index < 0)
+            index = 0;
+        if (index >= column.items.length)
+            index = column.items.length - 1;
+        column.commitValue(column.items[index], true);
+    }
+    _handleItemClick(column, item) {
+        if (column.readonly || column.disabled)
+            return;
+        column.commitValue(item, true);
+    }
+    _detectSelectedItemsByValue() {
+        this._zone.runOutsideAngular(() => {
+            this._htmlColumns.forEach((col) => {
+                const column = col['column'];
+                const index = column.items.indexOf(column.value);
+                col.querySelector('ul').style.transform = `translateY(${-index * this._itemHeight}px)`;
+                this.cdr.markForCheck();
+            });
+        });
+    }
+    refresh() {
+        this._setHeights();
+        this._detectSelectedItemsByValue();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXPickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.2", type: AXPickerComponent, selector: "ax-picker", providers: [AXUnsubscriber], queries: [{ propertyName: "_columns", predicate: AXPickerColumnDirective }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-header\">\n  @for(col of _columns; track $index){\n  <div class=\"ax-picker-col\">\n    <div class=\"ax-header\">\n      {{ col.title }}\n    </div>\n  </div>\n  }\n</div>\n<div class=\"ax-content\">\n  <div class=\"ax-picker-window\"></div>\n  @for(col of _columns; track $index){\n  <div class=\"ax-picker-col\" [class.ax-state-disabled]=\"col.disabled\" [class.ax-state-readonly]=\"col.readonly\">\n    <div class=\"ax-content\">\n      <ul>\n        @for(item of col.items; track $index){\n        <li (click)=\"_handleItemClick(col, item)\"\n          [class.ax-state-active]=\"col.value && col.value[col.valueField] === item[col.valueField]\"\n          [class.ax-state-disabled]=\"col.disabled\" [class.ax-state-readonly]=\"col.readonly\">\n          {{ item[col.textField] }}\n        </li>\n        }\n      </ul>\n    </div>\n  </div>\n  }\n\n</div>", styles: ["ax-picker{display:flex;width:100%;flex-direction:column;direction:ltr!important;--ax-item-height: var(--ax-size-default);--ax-content-height: 302px;--ax-content-pad: calc( (var(--ax-content-height) - var(--ax-item-height)) / 2 )}ax-picker>.ax-header,ax-picker>.ax-content{display:flex;width:100%}ax-picker>.ax-header .ax-picker-col,ax-picker>.ax-content .ax-picker-col{display:flex;flex:1 1 0%;flex-direction:column;text-align:center}ax-picker>.ax-header{padding:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500}ax-picker>.ax-content{position:relative;flex:1 1 0%}ax-picker>.ax-content .ax-picker-window{height:calc(var(--ax-item-height));pointer-events:none;position:absolute;inset-inline-start:0px;top:50%;width:100%;transform:translateY(-50%);border-bottom-width:1px;border-top-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-on-surface))}ax-picker>.ax-content .ax-picker-col{display:flex;height:100%;flex:1 1 0%;cursor:pointer;flex-direction:column;justify-content:center;text-align:center}ax-picker>.ax-content .ax-picker-col.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-picker>.ax-content .ax-picker-col.ax-state-readonly{cursor:text;opacity:.75}ax-picker>.ax-content .ax-picker-col:hover:not(.ax-state-disabled,.ax-state-readonly){background-color:rgba(var(--ax-color-on-surface))}ax-picker>.ax-content .ax-picker-col>.ax-content{font-feature-settings:\"tnum\";touch-action:pan-y!important;position:relative;flex:1 1 0%;overflow:hidden;font-weight:400}ax-picker>.ax-content .ax-picker-col>.ax-content:before,ax-picker>.ax-content .ax-picker-col>.ax-content:after{height:var(--ax-content-pad);pointer-events:none;position:absolute;inset-inline-start:0px;z-index:10;width:100%;content:\"\"}ax-picker>.ax-content .ax-picker-col>.ax-content:before{top:0;background:linear-gradient(rgba(var(--ax-color-surface)),rgba(var(--ax-color-surface),.3))}ax-picker>.ax-content .ax-picker-col>.ax-content:after{bottom:0;background:linear-gradient(rgba(var(--ax-color-surface),.3),rgba(var(--ax-color-surface)))}ax-picker>.ax-content .ax-picker-col>.ax-content>ul{transition:transform .1s ease 0s;height:var(--ax-content-height);padding-block:var(--ax-content-pad);will-change:transform}ax-picker>.ax-content .ax-picker-col>.ax-content>ul li{height:calc(var(--ax-item-height));scroll-snap-align:center;display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;font-size:1rem;line-height:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-picker>.ax-content .ax-picker-col>.ax-content>ul li:hover:not(.ax-state-disabled,.ax-state-readonly,.ax-state-active){color:rgba(var(--ax-color-primary-500))}ax-picker>.ax-content .ax-picker-col>.ax-content>ul li.ax-state-active{background-color:rgba(var(--ax-color-primary-200));font-size:1.125rem;line-height:1.75rem;font-weight:500;color:rgba(var(--ax-color-primary-fore-tint))}ax-picker>.ax-content .ax-picker-col:not(:last-child){border-inline-end-width:1px;border-color:rgba(var(--ax-color-border-default))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXPickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-picker', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [AXUnsubscriber], template: "<div class=\"ax-header\">\n  @for(col of _columns; track $index){\n  <div class=\"ax-picker-col\">\n    <div class=\"ax-header\">\n      {{ col.title }}\n    </div>\n  </div>\n  }\n</div>\n<div class=\"ax-content\">\n  <div class=\"ax-picker-window\"></div>\n  @for(col of _columns; track $index){\n  <div class=\"ax-picker-col\" [class.ax-state-disabled]=\"col.disabled\" [class.ax-state-readonly]=\"col.readonly\">\n    <div class=\"ax-content\">\n      <ul>\n        @for(item of col.items; track $index){\n        <li (click)=\"_handleItemClick(col, item)\"\n          [class.ax-state-active]=\"col.value && col.value[col.valueField] === item[col.valueField]\"\n          [class.ax-state-disabled]=\"col.disabled\" [class.ax-state-readonly]=\"col.readonly\">\n          {{ item[col.textField] }}\n        </li>\n        }\n      </ul>\n    </div>\n  </div>\n  }\n\n</div>", styles: ["ax-picker{display:flex;width:100%;flex-direction:column;direction:ltr!important;--ax-item-height: var(--ax-size-default);--ax-content-height: 302px;--ax-content-pad: calc( (var(--ax-content-height) - var(--ax-item-height)) / 2 )}ax-picker>.ax-header,ax-picker>.ax-content{display:flex;width:100%}ax-picker>.ax-header .ax-picker-col,ax-picker>.ax-content .ax-picker-col{display:flex;flex:1 1 0%;flex-direction:column;text-align:center}ax-picker>.ax-header{padding:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500}ax-picker>.ax-content{position:relative;flex:1 1 0%}ax-picker>.ax-content .ax-picker-window{height:calc(var(--ax-item-height));pointer-events:none;position:absolute;inset-inline-start:0px;top:50%;width:100%;transform:translateY(-50%);border-bottom-width:1px;border-top-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-on-surface))}ax-picker>.ax-content .ax-picker-col{display:flex;height:100%;flex:1 1 0%;cursor:pointer;flex-direction:column;justify-content:center;text-align:center}ax-picker>.ax-content .ax-picker-col.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-picker>.ax-content .ax-picker-col.ax-state-readonly{cursor:text;opacity:.75}ax-picker>.ax-content .ax-picker-col:hover:not(.ax-state-disabled,.ax-state-readonly){background-color:rgba(var(--ax-color-on-surface))}ax-picker>.ax-content .ax-picker-col>.ax-content{font-feature-settings:\"tnum\";touch-action:pan-y!important;position:relative;flex:1 1 0%;overflow:hidden;font-weight:400}ax-picker>.ax-content .ax-picker-col>.ax-content:before,ax-picker>.ax-content .ax-picker-col>.ax-content:after{height:var(--ax-content-pad);pointer-events:none;position:absolute;inset-inline-start:0px;z-index:10;width:100%;content:\"\"}ax-picker>.ax-content .ax-picker-col>.ax-content:before{top:0;background:linear-gradient(rgba(var(--ax-color-surface)),rgba(var(--ax-color-surface),.3))}ax-picker>.ax-content .ax-picker-col>.ax-content:after{bottom:0;background:linear-gradient(rgba(var(--ax-color-surface),.3),rgba(var(--ax-color-surface)))}ax-picker>.ax-content .ax-picker-col>.ax-content>ul{transition:transform .1s ease 0s;height:var(--ax-content-height);padding-block:var(--ax-content-pad);will-change:transform}ax-picker>.ax-content .ax-picker-col>.ax-content>ul li{height:calc(var(--ax-item-height));scroll-snap-align:center;display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;font-size:1rem;line-height:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-picker>.ax-content .ax-picker-col>.ax-content>ul li:hover:not(.ax-state-disabled,.ax-state-readonly,.ax-state-active){color:rgba(var(--ax-color-primary-500))}ax-picker>.ax-content .ax-picker-col>.ax-content>ul li.ax-state-active{background-color:rgba(var(--ax-color-primary-200));font-size:1.125rem;line-height:1.75rem;font-weight:500;color:rgba(var(--ax-color-primary-fore-tint))}ax-picker>.ax-content .ax-picker-col:not(:last-child){border-inline-end-width:1px;border-color:rgba(var(--ax-color-border-default))}\n"] }]
+        }], propDecorators: { _columns: [{
+                type: ContentChildren,
+                args: [AXPickerColumnDirective, { emitDistinctChangesOnly: true }]
+            }] } });
+
+const COMPONENT = [AXPickerComponent, AXPickerColumnDirective];
+const MODULES = [CommonModule];
+class AXPickerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.2", ngImport: i0, type: AXPickerModule, declarations: [AXPickerComponent, AXPickerColumnDirective], imports: [CommonModule], exports: [AXPickerComponent, AXPickerColumnDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXPickerModule, imports: [MODULES] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXPickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXPickerColumnDirective, AXPickerComponent, AXPickerModule };
+//# sourceMappingURL=acorex-components-picker.mjs.map

package/fesm2022/acorex-components-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-picker.mjs","sources":["../../../../libs/components/picker/src/lib/picker-column.directive.ts","../../../../libs/components/picker/src/lib/picker.component.ts","../../../../libs/components/picker/src/lib/picker.component.html","../../../../libs/components/picker/src/lib/picker.module.ts","../../../../libs/components/picker/src/acorex-components-picker.ts"],"sourcesContent":["import { MXValueComponent } from '@acorex/components/common';\nimport {\n  Directive,\n  EventEmitter,\n  Input,\n  Output,\n  forwardRef,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Directive({\n  selector: 'ax-picker-column',\n  inputs: ['disabled', 'readonly', 'readonlyChange', 'disabledChange'],\n  outputs: ['onValueChanged'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXPickerColumnDirective),\n      multi: true,\n    },\n  ],\n})\nexport class AXPickerColumnDirective extends MXValueComponent {\n  @Input()\n  valueField = 'id';\n\n  @Input()\n  textField = 'text';\n\n  @Input()\n  public title: string;\n  @Input()\n  public step = 1;\n\n  @Output()\n  itemsChange: EventEmitter<unknown[]> = new EventEmitter<unknown[]>();\n\n  private _items: unknown[];\n  @Input()\n  public get items(): unknown[] {\n    return this._items;\n  }\n  public set items(v: unknown[]) {\n    this._items = v;\n    this.itemsChange.emit(v);\n  }\n\n  override internalSetValue(v) {\n    if (v == null) return v;\n    else if (typeof v == 'object') {\n      return this.items.find((c) => c[this.valueField] == v[this.valueField]);\n    } else {\n      return this.items.find((c) => c[this.valueField] == v);\n    }\n  }\n}\n","import { MXBaseComponent } from '@acorex/components/common';\nimport { AXDrawingUtil, AXUnsubscriber } from '@acorex/core/utils';\nimport {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  NgZone,\n  OnDestroy,\n  QueryList,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\nimport { startWith } from 'rxjs';\nimport { AXPickerColumnDirective } from './picker-column.directive';\n\n@Component({\n  selector: 'ax-picker',\n  templateUrl: './picker.component.html',\n  styleUrls: ['./picker.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [AXUnsubscriber],\n})\nexport class AXPickerComponent\n  extends MXBaseComponent\n  implements AfterContentInit, OnDestroy\n{\n  @ContentChildren(AXPickerColumnDirective, { emitDistinctChangesOnly: true })\n  protected _columns: QueryList<AXPickerColumnDirective> =\n    {} as QueryList<AXPickerColumnDirective>;\n\n  private _itemHeight = this._calcItemheight();\n  private _htmlColumns: HTMLDivElement[];\n  private _dragging = false;\n  private _previousY: number;\n  private _currentList: HTMLDivElement;\n\n  protected _unsubscriber: AXUnsubscriber = inject(AXUnsubscriber);\n  protected _zone: NgZone = inject(NgZone);\n\n  ngAfterContentInit() {\n    this._columns.changes\n      .pipe(this._unsubscriber.takeUntilDestroy)\n      .pipe(startWith(undefined))\n      .subscribe(() => {\n        this._setHeights();\n        this.cdr.detectChanges();\n        this._bindEvents();\n      });\n  }\n\n  ngOnDestroy() {\n    this._removeEvents();\n  }\n\n  private _setHeights() {\n    this._itemHeight = this._calcItemheight();\n    setTimeout(() => {\n      const val =\n        this.getHostElement().clientHeight -\n        this.getHostElement().querySelector('.ax-header').clientHeight;\n      this.getHostElement().style.setProperty(\n        '--ax-content-height',\n        `${val}px`\n      );\n    }, 50);\n  }\n\n  private _calcItemheight(): number {\n    const rem = window\n      .getComputedStyle(document.documentElement, null)\n      .getPropertyValue('--ax-size-default');\n    return AXDrawingUtil.convertRemToPixels(\n      Number(rem?.replace('rem', '') ?? 0)\n    );\n  }\n\n  private _bindEvents(): void {\n    this._removeEvents();\n    //\n    this._htmlColumns = Array.from(\n      this.getHostElement().querySelectorAll<HTMLDivElement>(\n        '.ax-picker-col .ax-content'\n      )\n    );\n    this._columns.forEach((c) => {\n      c.onValueChanged\n        .pipe(this._unsubscriber.takeUntilDestroy)\n        .subscribe(() => {\n          this._detectSelectedItemsByValue();\n        });\n    });\n\n    this._htmlColumns.forEach((col, index) => {\n      col['column'] = this._columns.get(index);\n      col.addEventListener('wheel', this._handleMouseWeel.bind(this), {\n        passive: false,\n      });\n      //\n      col.addEventListener('touchstart', this._handleTouchStart.bind(this), {\n        passive: false,\n      });\n      //col.addEventListener(\"mousedown\", this._handleTouchStart.bind(this), { passive: false });\n      //\n      col.addEventListener('touchmove', this._handleTouchMove.bind(this), {\n        passive: false,\n      });\n      //col.addEventListener('mousemove', this._handleTouchMove.bind(this), { passive: false })\n      //\n      col.addEventListener('touchend', this._handleTouchEnd.bind(this), {\n        passive: false,\n      });\n      //col.addEventListener('mouseup', this._handleTouchMove.bind(this), { passive: false })\n    });\n  }\n\n  private _removeEvents(): void {\n    this._htmlColumns?.forEach((col) => {\n      col.removeEventListener('wheel', this._handleMouseWeel.bind(this));\n      //\n      col.removeEventListener('touchstart', this._handleTouchStart.bind(this));\n      //col.removeEventListener(\"mousedown\", this._handleTouchStart.bind(this));\n      col.removeEventListener('touchmove', this._handleTouchMove.bind(this));\n      //col.removeEventListener('mousemove', this._handleTouchMove.bind(this));\n      //\n      col.removeEventListener('touchend', this._handleTouchEnd.bind(this));\n      //col.removeEventListener('mouseup', this._handleTouchEnd.bind(this));\n    });\n  }\n\n  _handleTouchStart(e: MouseEvent | TouchEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n    this._currentList = e.currentTarget as HTMLDivElement;\n    this._previousY =\n      e instanceof TouchEvent ? e.touches[0].clientY : e.clientY;\n  }\n\n  private _handleTouchMove(e: MouseEvent | TouchEvent): void {\n    this._dragging = true;\n    e.preventDefault();\n    e.stopPropagation();\n    this._zone.runOutsideAngular(() => {\n      if (this._currentList && this._dragging) {\n        const clientY =\n          e instanceof TouchEvent ? e.touches[0].clientY : e.clientY;\n        const delta = clientY - this._previousY;\n        this._previousY = clientY;\n        if (Math.abs(delta) > 1) this._moveByDelta(this._currentList, -delta);\n      }\n    });\n  }\n\n  private _handleTouchEnd(e: MouseEvent | TouchEvent): void {\n    // simulate click\n    const targetelement = e.target as HTMLElement;\n    if (!this._dragging && targetelement.tagName == 'LI') {\n      targetelement.click();\n    }\n    this._dragging = false;\n  }\n\n  private _handleMouseWeel(e: WheelEvent): void {\n    e.preventDefault();\n    e.stopPropagation();\n    this._moveByDelta(e.currentTarget as HTMLDivElement, e.deltaY);\n  }\n\n  private _moveByDelta(col: HTMLDivElement, deltaY: number) {\n    const column = col['column'] as AXPickerColumnDirective;\n    if (column.readonly || column.disabled) return;\n    let index = column.items.indexOf(column.value);\n    index = deltaY < 0 ? index - column.step : index + column.step;\n    if (index < 0) index = 0;\n    if (index >= column.items.length) index = column.items.length - 1;\n    column.commitValue(column.items[index], true);\n  }\n\n  protected _handleItemClick(column: AXPickerColumnDirective, item: any) {\n    if (column.readonly || column.disabled) return;\n    column.commitValue(item, true);\n  }\n\n  private _detectSelectedItemsByValue(): void {\n    this._zone.runOutsideAngular(() => {\n      this._htmlColumns.forEach((col) => {\n        const column = col['column'] as AXPickerColumnDirective;\n        const index = column.items.indexOf(column.value);\n        col.querySelector('ul').style.transform = `translateY(${\n          -index * this._itemHeight\n        }px)`;\n        this.cdr.markForCheck();\n      });\n    });\n  }\n\n  public refresh() {\n    this._setHeights();\n    this._detectSelectedItemsByValue();\n  }\n}\n","<div class=\"ax-header\">\n  @for(col of _columns; track $index){\n  <div class=\"ax-picker-col\">\n    <div class=\"ax-header\">\n      {{ col.title }}\n    </div>\n  </div>\n  }\n</div>\n<div class=\"ax-content\">\n  <div class=\"ax-picker-window\"></div>\n  @for(col of _columns; track $index){\n  <div class=\"ax-picker-col\" [class.ax-state-disabled]=\"col.disabled\" [class.ax-state-readonly]=\"col.readonly\">\n    <div class=\"ax-content\">\n      <ul>\n        @for(item of col.items; track $index){\n        <li (click)=\"_handleItemClick(col, item)\"\n          [class.ax-state-active]=\"col.value && col.value[col.valueField] === item[col.valueField]\"\n          [class.ax-state-disabled]=\"col.disabled\" [class.ax-state-readonly]=\"col.readonly\">\n          {{ item[col.textField] }}\n        </li>\n        }\n      </ul>\n    </div>\n  </div>\n  }\n\n</div>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXPickerColumnDirective } from './picker-column.directive';\nimport { AXPickerComponent } from './picker.component';\n\nconst COMPONENT = [AXPickerComponent, AXPickerColumnDirective];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXPickerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}