@wavemaker-ai/app-ng-runtime 1.0.0-rc.647469

package/components/input/epoch/picker/bundles/index.umd.js

@@ -0,0 +1,192 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/core'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.input = global.wm.components.input || {}, global.wm.components.input.epoch = global.wm.components.input.epoch || {}, global.wm.components.input.epoch.picker = {}), global.ng.core));
+})(this, (function (exports, i0) { 'use strict';
+
+    function _interopNamespaceDefault(e) {
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n.default = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
+
+    class PickerGroupComponent {
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: PickerGroupComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PickerGroupComponent, isStandalone: true, selector: "wm-pickergroup", ngImport: i0__namespace, template: `
+        <div class="app-picker-group">
+            <ng-content></ng-content>
+        </div>
+    `, isInline: true }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: PickerGroupComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        standalone: true,
+                        selector: 'wm-pickergroup',
+                        template: `
+        <div class="app-picker-group">
+            <ng-content></ng-content>
+        </div>
+    `
+                    }]
+            }] });
+    class PickerComponent {
+        constructor(inj) {
+            this.inj = inj;
+            this.change = new i0.EventEmitter();
+            this._selectedIndex = 0;
+            this._options = [];
+            this.noOfEmptyElements = 2;
+            this.$el = $(inj.get(i0.ElementRef).nativeElement);
+        }
+        set selectedValue(s) {
+            this._selectedValue = s;
+            this.reRender();
+        }
+        get selectedValue() {
+            return this._selectedValue;
+        }
+        set options(opts) {
+            this._options = opts.map(o => ({
+                label: o.label,
+                value: o.value !== undefined ? o.value : o.label
+            }));
+            this.reRender();
+        }
+        get options() {
+            return this._options;
+        }
+        reRender() {
+            this._selectedIndex = this.options.findIndex(o => o.value === this.selectedValue);
+            this.pickerAnimator?.select(this._selectedIndex + this.noOfEmptyElements);
+        }
+        set selectedIndex(i) {
+            this._selectedIndex = i;
+            this._selectedValue = this.options[i].value;
+            this.change.emit(this.options[i]);
+        }
+        get selectedIndex() {
+            return this._selectedIndex;
+        }
+        ngAfterViewInit() {
+            this.pickerAnimator = new PickerAnimator(this);
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: PickerComponent, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PickerComponent, isStandalone: true, selector: "wm-picker", inputs: { selectedValue: "selectedValue", options: "options" }, outputs: { change: "change" }, ngImport: i0__namespace, template: `
+        <div class="app-picker">
+          <div class="app-picker-option-container">
+            <div class="app-picker-option app-picker-empty-option">E</div>
+            <div class="app-picker-option app-picker-empty-option">E</div>
+            @for (option of options; track option; let i = $index) {
+              <div class="app-picker-option">
+                {{option.label}}
+              </div>
+            }
+            <div class="app-picker-option app-picker-empty-option">E</div>
+            <div class="app-picker-option app-picker-empty-option">E</div>
+          </div>
+          <div class="app-picker-ruler"></div>
+        </div>
+        `, isInline: true }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: PickerComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'wm-picker',
+                        standalone: true,
+                        template: `
+        <div class="app-picker">
+          <div class="app-picker-option-container">
+            <div class="app-picker-option app-picker-empty-option">E</div>
+            <div class="app-picker-option app-picker-empty-option">E</div>
+            @for (option of options; track option; let i = $index) {
+              <div class="app-picker-option">
+                {{option.label}}
+              </div>
+            }
+            <div class="app-picker-option app-picker-empty-option">E</div>
+            <div class="app-picker-option app-picker-empty-option">E</div>
+          </div>
+          <div class="app-picker-ruler"></div>
+        </div>
+        `
+                    }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }], propDecorators: { change: [{
+                    type: i0.Output
+                }], selectedValue: [{
+                    type: i0.Input
+                }], options: [{
+                    type: i0.Input
+                }] } });
+    class PickerAnimator {
+        constructor(picker) {
+            this.picker = picker;
+            let lastSelectedIndex = picker.selectedIndex + picker.noOfEmptyElements;
+            const computeIndex = (d) => lastSelectedIndex + Math.floor(d / 16);
+            this.select(lastSelectedIndex);
+            this.getElement().swipey({
+                'direction': $.fn.swipey.DIRECTIONS.VERTICAL,
+                'threshold': 10,
+                'target': picker.$el,
+                'onSwipe': (e, data) => {
+                    this.select(computeIndex(-1 * data.length));
+                },
+                'onSwipeEnd': (e, data) => {
+                    const nextSelectedIndex = computeIndex(-1 * data.length);
+                    this.select(nextSelectedIndex);
+                    lastSelectedIndex = picker.selectedIndex + picker.noOfEmptyElements;
+                }
+            });
+        }
+        getElement() {
+            return this.picker.$el.find('.app-picker-option-container:first');
+        }
+        getOptionElements() {
+            return this.getElement().find('.app-picker-option');
+        }
+        select(selectedIndex) {
+            const options = this.getOptionElements();
+            if (selectedIndex < this.picker.noOfEmptyElements
+                || selectedIndex >= options.length - this.picker.noOfEmptyElements) {
+                return;
+            }
+            this.getElement()
+                .find('.app-picker-option.app-picker-option-selected')
+                .removeClass('app-picker-option-selected');
+            options.eq(selectedIndex).addClass('app-picker-option-selected');
+            this.picker.selectedIndex = selectedIndex - this.picker.noOfEmptyElements;
+            const minIndex = selectedIndex - this.picker.noOfEmptyElements;
+            const maxIndex = selectedIndex + this.picker.noOfEmptyElements;
+            options.each((i, e) => {
+                if (i >= minIndex && i <= maxIndex) {
+                    const rotation = (i - selectedIndex) * 30;
+                    const opacity = 1 - Math.abs(i - selectedIndex) * 0.3;
+                    $(e).css({
+                        transform: 'perspective(500px) rotateX(' + rotation + 'deg)',
+                        opacity: opacity
+                    }).show();
+                }
+                else {
+                    $(e).hide();
+                }
+            });
+        }
+    }
+
+    exports.PickerComponent = PickerComponent;
+    exports.PickerGroupComponent = PickerGroupComponent;
+
+}));

package/components/input/epoch/picker/esm2022/index.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvaW5wdXQvZXBvY2gvcGlja2VyL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19

package/components/input/epoch/picker/esm2022/picker.component.mjs

@@ -0,0 +1,165 @@
+import { Component, ElementRef, EventEmitter, Injector, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+export class PickerGroupComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PickerGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PickerGroupComponent, isStandalone: true, selector: "wm-pickergroup", ngImport: i0, template: `
+        <div class="app-picker-group">
+            <ng-content></ng-content>
+        </div>
+    `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PickerGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: 'wm-pickergroup',
+                    template: `
+        <div class="app-picker-group">
+            <ng-content></ng-content>
+        </div>
+    `
+                }]
+        }] });
+export class PickerComponent {
+    constructor(inj) {
+        this.inj = inj;
+        this.change = new EventEmitter();
+        this._selectedIndex = 0;
+        this._options = [];
+        this.noOfEmptyElements = 2;
+        this.$el = $(inj.get(ElementRef).nativeElement);
+    }
+    set selectedValue(s) {
+        this._selectedValue = s;
+        this.reRender();
+    }
+    get selectedValue() {
+        return this._selectedValue;
+    }
+    set options(opts) {
+        this._options = opts.map(o => ({
+            label: o.label,
+            value: o.value !== undefined ? o.value : o.label
+        }));
+        this.reRender();
+    }
+    get options() {
+        return this._options;
+    }
+    reRender() {
+        this._selectedIndex = this.options.findIndex(o => o.value === this.selectedValue);
+        this.pickerAnimator?.select(this._selectedIndex + this.noOfEmptyElements);
+    }
+    set selectedIndex(i) {
+        this._selectedIndex = i;
+        this._selectedValue = this.options[i].value;
+        this.change.emit(this.options[i]);
+    }
+    get selectedIndex() {
+        return this._selectedIndex;
+    }
+    ngAfterViewInit() {
+        this.pickerAnimator = new PickerAnimator(this);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PickerComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PickerComponent, isStandalone: true, selector: "wm-picker", inputs: { selectedValue: "selectedValue", options: "options" }, outputs: { change: "change" }, ngImport: i0, template: `
+        <div class="app-picker">
+          <div class="app-picker-option-container">
+            <div class="app-picker-option app-picker-empty-option">E</div>
+            <div class="app-picker-option app-picker-empty-option">E</div>
+            @for (option of options; track option; let i = $index) {
+              <div class="app-picker-option">
+                {{option.label}}
+              </div>
+            }
+            <div class="app-picker-option app-picker-empty-option">E</div>
+            <div class="app-picker-option app-picker-empty-option">E</div>
+          </div>
+          <div class="app-picker-ruler"></div>
+        </div>
+        `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PickerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wm-picker',
+                    standalone: true,
+                    template: `
+        <div class="app-picker">
+          <div class="app-picker-option-container">
+            <div class="app-picker-option app-picker-empty-option">E</div>
+            <div class="app-picker-option app-picker-empty-option">E</div>
+            @for (option of options; track option; let i = $index) {
+              <div class="app-picker-option">
+                {{option.label}}
+              </div>
+            }
+            <div class="app-picker-option app-picker-empty-option">E</div>
+            <div class="app-picker-option app-picker-empty-option">E</div>
+          </div>
+          <div class="app-picker-ruler"></div>
+        </div>
+        `
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { change: [{
+                type: Output
+            }], selectedValue: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }] } });
+class PickerAnimator {
+    constructor(picker) {
+        this.picker = picker;
+        let lastSelectedIndex = picker.selectedIndex + picker.noOfEmptyElements;
+        const computeIndex = (d) => lastSelectedIndex + Math.floor(d / 16);
+        this.select(lastSelectedIndex);
+        this.getElement().swipey({
+            'direction': $.fn.swipey.DIRECTIONS.VERTICAL,
+            'threshold': 10,
+            'target': picker.$el,
+            'onSwipe': (e, data) => {
+                this.select(computeIndex(-1 * data.length));
+            },
+            'onSwipeEnd': (e, data) => {
+                const nextSelectedIndex = computeIndex(-1 * data.length);
+                this.select(nextSelectedIndex);
+                lastSelectedIndex = picker.selectedIndex + picker.noOfEmptyElements;
+            }
+        });
+    }
+    getElement() {
+        return this.picker.$el.find('.app-picker-option-container:first');
+    }
+    getOptionElements() {
+        return this.getElement().find('.app-picker-option');
+    }
+    select(selectedIndex) {
+        const options = this.getOptionElements();
+        if (selectedIndex < this.picker.noOfEmptyElements
+            || selectedIndex >= options.length - this.picker.noOfEmptyElements) {
+            return;
+        }
+        this.getElement()
+            .find('.app-picker-option.app-picker-option-selected')
+            .removeClass('app-picker-option-selected');
+        options.eq(selectedIndex).addClass('app-picker-option-selected');
+        this.picker.selectedIndex = selectedIndex - this.picker.noOfEmptyElements;
+        const minIndex = selectedIndex - this.picker.noOfEmptyElements;
+        const maxIndex = selectedIndex + this.picker.noOfEmptyElements;
+        options.each((i, e) => {
+            if (i >= minIndex && i <= maxIndex) {
+                const rotation = (i - selectedIndex) * 30;
+                const opacity = 1 - Math.abs(i - selectedIndex) * 0.3;
+                $(e).css({
+                    transform: 'perspective(500px) rotateX(' + rotation + 'deg)',
+                    opacity: opacity
+                }).show();
+            }
+            else {
+                $(e).hide();
+            }
+        });
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9pbnB1dC9lcG9jaC9waWNrZXIvc3JjL3BpY2tlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFhNUcsTUFBTSxPQUFPLG9CQUFvQjsrR0FBcEIsb0JBQW9CO21HQUFwQixvQkFBb0IsMEVBTm5COzs7O0tBSVQ7OzRGQUVRLG9CQUFvQjtrQkFUaEMsU0FBUzttQkFBQztvQkFDUCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsUUFBUSxFQUFFOzs7O0tBSVQ7aUJBQ0o7O0FBeUJELE1BQU0sT0FBTyxlQUFlO0lBbUJ4QixZQUFzQixHQUFhO1FBQWIsUUFBRyxHQUFILEdBQUcsQ0FBVTtRQWJ6QixXQUFNLEdBQUcsSUFBSSxZQUFZLEVBRy9CLENBQUM7UUFFRyxtQkFBYyxHQUFHLENBQUMsQ0FBQztRQUluQixhQUFRLEdBQXdDLEVBQUUsQ0FBQztRQUUzRCxzQkFBaUIsR0FBRyxDQUFDLENBQUM7UUFHbEIsSUFBSSxDQUFDLEdBQUcsR0FBSSxDQUFDLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBRUQsSUFDSSxhQUFhLENBQUMsQ0FBUztRQUN2QixJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsQ0FBQztRQUN4QixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELElBQUksYUFBYTtRQUNiLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUMvQixDQUFDO0lBRUQsSUFDSSxP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QWlCLENBQUM7UUFDL0QsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRTtZQUNsQixJQUFJLENBQUMsSUFBSSxRQUFRLElBQUksQ0FBQyxJQUFJLFFBQVEsRUFBRSxDQUFDO2dCQUNqQyxNQUFNLFFBQVEsR0FBRyxDQUFDLENBQUMsR0FBRyxhQUFhLENBQUMsR0FBRyxFQUFFLENBQUM7Z0JBQzFDLE1BQU0sT0FBTyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxhQUFhLENBQUMsR0FBRyxHQUFHLENBQUM7Z0JBQ3RELENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUM7b0JBQ0wsU0FBUyxFQUFHLDZCQUE2QixHQUFHLFFBQVEsR0FBRyxNQUFNO29CQUM3RCxPQUFPLEVBQUUsT0FBTztpQkFDbkIsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ2QsQ0FBQztpQkFBTSxDQUFDO2dCQUNKLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNoQixDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0NBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5qZWN0b3IsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZGVjbGFyZSBjb25zdCAkO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHNlbGVjdG9yOiAnd20tcGlja2VyZ3JvdXAnLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxkaXYgY2xhc3M9XCJhcHAtcGlja2VyLWdyb3VwXCI+XG4gICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgIGBcbn0pXG5leHBvcnQgY2xhc3MgUGlja2VyR3JvdXBDb21wb25lbnQge1xuXG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnd20tcGlja2VyJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxkaXYgY2xhc3M9XCJhcHAtcGlja2VyXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImFwcC1waWNrZXItb3B0aW9uLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFwcC1waWNrZXItb3B0aW9uIGFwcC1waWNrZXItZW1wdHktb3B0aW9uXCI+RTwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFwcC1waWNrZXItb3B0aW9uIGFwcC1waWNrZXItZW1wdHktb3B0aW9uXCI+RTwvZGl2PlxuICAgICAgICAgICAgQGZvciAob3B0aW9uIG9mIG9wdGlvbnM7IHRyYWNrIG9wdGlvbjsgbGV0IGkgPSAkaW5kZXgpIHtcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFwcC1waWNrZXItb3B0aW9uXCI+XG4gICAgICAgICAgICAgICAge3tvcHRpb24ubGFiZWx9fVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhcHAtcGlja2VyLW9wdGlvbiBhcHAtcGlja2VyLWVtcHR5LW9wdGlvblwiPkU8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhcHAtcGlja2VyLW9wdGlvbiBhcHAtcGlja2VyLWVtcHR5LW9wdGlvblwiPkU8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXBwLXBpY2tlci1ydWxlclwiPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgYFxufSlcbmV4cG9ydCBjbGFzcyBQaWNrZXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcblxuICAgIHB1YmxpYyAkZWw7XG5cbiAgICBwcml2YXRlIHBpY2tlckFuaW1hdG9yO1xuXG4gICAgQE91dHB1dCgpIGNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8e1xuICAgICAgICBsYWJlbDogc3RyaW5nLFxuICAgICAgICB2YWx1ZT86IGFueVxuICAgIH0+KCk7XG5cbiAgICBwcml2YXRlIF9zZWxlY3RlZEluZGV4ID0gMDtcblxuICAgIHByaXZhdGUgX3NlbGVjdGVkVmFsdWU6IGFueTtcblxuICAgIHByaXZhdGUgX29wdGlvbnM6IEFycmF5PHtsYWJlbDogc3RyaW5nLCB2YWx1ZT86IGFueX0+ID0gW107XG5cbiAgICBub09mRW1wdHlFbGVtZW50cyA9IDI7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgaW5qOiBJbmplY3Rvcikge1xuICAgICAgICB0aGlzLiRlbCA9ICAkKGluai5nZXQoRWxlbWVudFJlZikubmF0aXZlRWxlbWVudCk7XG4gICAgfVxuXG4gICAgQElucHV0KClcbiAgICBzZXQgc2VsZWN0ZWRWYWx1ZShzOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy5fc2VsZWN0ZWRWYWx1ZSA9IHM7XG4gICAgICAgIHRoaXMucmVSZW5kZXIoKTtcbiAgICB9XG5cbiAgICBnZXQgc2VsZWN0ZWRWYWx1ZSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3NlbGVjdGVkVmFsdWU7XG4gICAgfVxuXG4gICAgQElucHV0KClcbiAgICBzZXQgb3B0aW9ucyhvcHRzOiAgQXJyYXk8e2xhYmVsOiBzdHJpbmcsIHZhbHVlPzogYW55fT4pIHtcbiAgICAgICAgdGhpcy5fb3B0aW9ucyA9IG9wdHMubWFwKG8gPT4gKHtcbiAgICAgICAgICAgIGxhYmVsOiBvLmxhYmVsLFxuICAgICAgICAgICAgdmFsdWU6IG8udmFsdWUgIT09IHVuZGVmaW5lZCA/IG8udmFsdWUgOiBvLmxhYmVsXG4gICAgICAgIH0pKTtcbiAgICAgICAgdGhpcy5yZVJlbmRlcigpO1xuICAgIH1cblxuICAgIGdldCBvcHRpb25zKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fb3B0aW9ucztcbiAgICB9XG5cbiAgICByZVJlbmRlcigpIHtcbiAgICAgICAgdGhpcy5fc2VsZWN0ZWRJbmRleCA9IHRoaXMub3B0aW9ucy5maW5kSW5kZXgobyA9PiBvLnZhbHVlID09PSB0aGlzLnNlbGVjdGVkVmFsdWUpO1xuICAgICAgICB0aGlzLnBpY2tlckFuaW1hdG9yPy5zZWxlY3QodGhpcy5fc2VsZWN0ZWRJbmRleCArIHRoaXMubm9PZkVtcHR5RWxlbWVudHMpO1xuICAgIH1cblxuICAgIHNldCBzZWxlY3RlZEluZGV4KGk6IG51bWJlcikge1xuICAgICAgICB0aGlzLl9zZWxlY3RlZEluZGV4ID0gaTtcbiAgICAgICAgdGhpcy5fc2VsZWN0ZWRWYWx1ZSA9IHRoaXMub3B0aW9uc1tpXS52YWx1ZTtcbiAgICAgICAgdGhpcy5jaGFuZ2UuZW1pdCh0aGlzLm9wdGlvbnNbaV0pO1xuICAgIH1cblxuICAgIGdldCBzZWxlY3RlZEluZGV4KCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fc2VsZWN0ZWRJbmRleDtcbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMucGlja2VyQW5pbWF0b3IgPSBuZXcgUGlja2VyQW5pbWF0b3IodGhpcyk7XG4gICAgfVxuXG59XG5cbmNsYXNzIFBpY2tlckFuaW1hdG9yIHtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgcGlja2VyOiBQaWNrZXJDb21wb25lbnQpIHtcbiAgICAgICAgbGV0IGxhc3RTZWxlY3RlZEluZGV4ID0gcGlja2VyLnNlbGVjdGVkSW5kZXggKyBwaWNrZXIubm9PZkVtcHR5RWxlbWVudHM7XG4gICAgICAgIGNvbnN0IGNvbXB1dGVJbmRleCA9IChkOiBudW1iZXIpID0+IGxhc3RTZWxlY3RlZEluZGV4ICsgTWF0aC5mbG9vcihkIC8gMTYpO1xuICAgICAgICB0aGlzLnNlbGVjdChsYXN0U2VsZWN0ZWRJbmRleCk7XG4gICAgICAgIHRoaXMuZ2V0RWxlbWVudCgpLnN3aXBleSh7XG4gICAgICAgICAgICAnZGlyZWN0aW9uJzogJC5mbi5zd2lwZXkuRElSRUNUSU9OUy5WRVJUSUNBTCxcbiAgICAgICAgICAgICd0aHJlc2hvbGQnOiAxMCxcbiAgICAgICAgICAgICd0YXJnZXQnOiBwaWNrZXIuJGVsLFxuICAgICAgICAgICAgJ29uU3dpcGUnOiAoZSwgZGF0YSkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuc2VsZWN0KGNvbXB1dGVJbmRleCgtMSAqIGRhdGEubGVuZ3RoKSk7XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgJ29uU3dpcGVFbmQnOiAoZSwgZGF0YSkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IG5leHRTZWxlY3RlZEluZGV4ID0gY29tcHV0ZUluZGV4KC0xICogZGF0YS5sZW5ndGgpO1xuICAgICAgICAgICAgICAgIHRoaXMuc2VsZWN0KG5leHRTZWxlY3RlZEluZGV4KTtcbiAgICAgICAgICAgICAgICBsYXN0U2VsZWN0ZWRJbmRleCA9IHBpY2tlci5zZWxlY3RlZEluZGV4ICsgcGlja2VyLm5vT2ZFbXB0eUVsZW1lbnRzO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBnZXRFbGVtZW50KCkge1xuICAgICAgICByZXR1cm4gdGhpcy5waWNrZXIuJGVsLmZpbmQoJy5hcHAtcGlja2VyLW9wdGlvbi1jb250YWluZXI6Zmlyc3QnKTtcbiAgICB9XG5cbiAgICBnZXRPcHRpb25FbGVtZW50cygpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0RWxlbWVudCgpLmZpbmQoJy5hcHAtcGlja2VyLW9wdGlvbicpO1xuICAgIH1cblxuICAgIHNlbGVjdChzZWxlY3RlZEluZGV4OiBudW1iZXIpIHtcbiAgICAgICAgY29uc3Qgb3B0aW9ucyA9IHRoaXMuZ2V0T3B0aW9uRWxlbWVudHMoKTtcbiAgICAgICAgaWYgKHNlbGVjdGVkSW5kZXggPCB0aGlzLnBpY2tlci5ub09mRW1wdHlFbGVtZW50c1xuICAgICAgICAgICAgfHwgc2VsZWN0ZWRJbmRleCA+PSBvcHRpb25zLmxlbmd0aCAtIHRoaXMucGlja2VyLm5vT2ZFbXB0eUVsZW1lbnRzKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5nZXRFbGVtZW50KClcbiAgICAgICAgICAgIC5maW5kKCcuYXBwLXBpY2tlci1vcHRpb24uYXBwLXBpY2tlci1vcHRpb24tc2VsZWN0ZWQnKVxuICAgICAgICAgICAgLnJlbW92ZUNsYXNzKCdhcHAtcGlja2VyLW9wdGlvbi1zZWxlY3RlZCcpO1xuICAgICAgICBvcHRpb25zLmVxKHNlbGVjdGVkSW5kZXgpLmFkZENsYXNzKCdhcHAtcGlja2VyLW9wdGlvbi1zZWxlY3RlZCcpO1xuICAgICAgICB0aGlzLnBpY2tlci5zZWxlY3RlZEluZGV4ID0gc2VsZWN0ZWRJbmRleCAtIHRoaXMucGlja2VyLm5vT2ZFbXB0eUVsZW1lbnRzO1xuICAgICAgICBjb25zdCBtaW5JbmRleCA9IHNlbGVjdGVkSW5kZXggLSB0aGlzLnBpY2tlci5ub09mRW1wdHlFbGVtZW50cztcbiAgICAgICAgY29uc3QgbWF4SW5kZXggPSBzZWxlY3RlZEluZGV4ICsgdGhpcy5waWNrZXIubm9PZkVtcHR5RWxlbWVudHM7XG4gICAgICAgIG9wdGlvbnMuZWFjaCgoaSwgZSkgPT4ge1xuICAgICAgICAgICAgaWYgKGkgPj0gbWluSW5kZXggJiYgaSA8PSBtYXhJbmRleCkge1xuICAgICAgICAgICAgICAgIGNvbnN0IHJvdGF0aW9uID0gKGkgLSBzZWxlY3RlZEluZGV4KSAqIDMwO1xuICAgICAgICAgICAgICAgIGNvbnN0IG9wYWNpdHkgPSAxIC0gTWF0aC5hYnMoaSAtIHNlbGVjdGVkSW5kZXgpICogMC4zO1xuICAgICAgICAgICAgICAgICQoZSkuY3NzKHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtIDogJ3BlcnNwZWN0aXZlKDUwMHB4KSByb3RhdGVYKCcgKyByb3RhdGlvbiArICdkZWcpJyxcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogb3BhY2l0eVxuICAgICAgICAgICAgICAgIH0pLnNob3coKTtcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgJChlKS5oaWRlKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cbn1cbiJdfQ==

package/components/input/epoch/picker/esm2022/public_api.mjs

@@ -0,0 +1,3 @@
+export { PickerComponent } from './picker.component';
+export { PickerGroupComponent } from './picker.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9pbnB1dC9lcG9jaC9waWNrZXIvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgUGlja2VyQ29tcG9uZW50IH0gZnJvbSAnLi9waWNrZXIuY29tcG9uZW50JztcbmV4cG9ydCB7IFBpY2tlckdyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi9waWNrZXIuY29tcG9uZW50JztcbiJdfQ==

package/components/input/epoch/picker/fesm2022/index.mjs

@@ -0,0 +1,172 @@
+import * as i0 from '@angular/core';
+import { Component, EventEmitter, ElementRef, Input, Output } from '@angular/core';
+
+class PickerGroupComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PickerGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PickerGroupComponent, isStandalone: true, selector: "wm-pickergroup", ngImport: i0, template: `
+        <div class="app-picker-group">
+            <ng-content></ng-content>
+        </div>
+    `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PickerGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: 'wm-pickergroup',
+                    template: `
+        <div class="app-picker-group">
+            <ng-content></ng-content>
+        </div>
+    `
+                }]
+        }] });
+class PickerComponent {
+    constructor(inj) {
+        this.inj = inj;
+        this.change = new EventEmitter();
+        this._selectedIndex = 0;
+        this._options = [];
+        this.noOfEmptyElements = 2;
+        this.$el = $(inj.get(ElementRef).nativeElement);
+    }
+    set selectedValue(s) {
+        this._selectedValue = s;
+        this.reRender();
+    }
+    get selectedValue() {
+        return this._selectedValue;
+    }
+    set options(opts) {
+        this._options = opts.map(o => ({
+            label: o.label,
+            value: o.value !== undefined ? o.value : o.label
+        }));
+        this.reRender();
+    }
+    get options() {
+        return this._options;
+    }
+    reRender() {
+        this._selectedIndex = this.options.findIndex(o => o.value === this.selectedValue);
+        this.pickerAnimator?.select(this._selectedIndex + this.noOfEmptyElements);
+    }
+    set selectedIndex(i) {
+        this._selectedIndex = i;
+        this._selectedValue = this.options[i].value;
+        this.change.emit(this.options[i]);
+    }
+    get selectedIndex() {
+        return this._selectedIndex;
+    }
+    ngAfterViewInit() {
+        this.pickerAnimator = new PickerAnimator(this);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PickerComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PickerComponent, isStandalone: true, selector: "wm-picker", inputs: { selectedValue: "selectedValue", options: "options" }, outputs: { change: "change" }, ngImport: i0, template: `
+        <div class="app-picker">
+          <div class="app-picker-option-container">
+            <div class="app-picker-option app-picker-empty-option">E</div>
+            <div class="app-picker-option app-picker-empty-option">E</div>
+            @for (option of options; track option; let i = $index) {
+              <div class="app-picker-option">
+                {{option.label}}
+              </div>
+            }
+            <div class="app-picker-option app-picker-empty-option">E</div>
+            <div class="app-picker-option app-picker-empty-option">E</div>
+          </div>
+          <div class="app-picker-ruler"></div>
+        </div>
+        `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PickerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wm-picker',
+                    standalone: true,
+                    template: `
+        <div class="app-picker">
+          <div class="app-picker-option-container">
+            <div class="app-picker-option app-picker-empty-option">E</div>
+            <div class="app-picker-option app-picker-empty-option">E</div>
+            @for (option of options; track option; let i = $index) {
+              <div class="app-picker-option">
+                {{option.label}}
+              </div>
+            }
+            <div class="app-picker-option app-picker-empty-option">E</div>
+            <div class="app-picker-option app-picker-empty-option">E</div>
+          </div>
+          <div class="app-picker-ruler"></div>
+        </div>
+        `
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { change: [{
+                type: Output
+            }], selectedValue: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }] } });
+class PickerAnimator {
+    constructor(picker) {
+        this.picker = picker;
+        let lastSelectedIndex = picker.selectedIndex + picker.noOfEmptyElements;
+        const computeIndex = (d) => lastSelectedIndex + Math.floor(d / 16);
+        this.select(lastSelectedIndex);
+        this.getElement().swipey({
+            'direction': $.fn.swipey.DIRECTIONS.VERTICAL,
+            'threshold': 10,
+            'target': picker.$el,
+            'onSwipe': (e, data) => {
+                this.select(computeIndex(-1 * data.length));
+            },
+            'onSwipeEnd': (e, data) => {
+                const nextSelectedIndex = computeIndex(-1 * data.length);
+                this.select(nextSelectedIndex);
+                lastSelectedIndex = picker.selectedIndex + picker.noOfEmptyElements;
+            }
+        });
+    }
+    getElement() {
+        return this.picker.$el.find('.app-picker-option-container:first');
+    }
+    getOptionElements() {
+        return this.getElement().find('.app-picker-option');
+    }
+    select(selectedIndex) {
+        const options = this.getOptionElements();
+        if (selectedIndex < this.picker.noOfEmptyElements
+            || selectedIndex >= options.length - this.picker.noOfEmptyElements) {
+            return;
+        }
+        this.getElement()
+            .find('.app-picker-option.app-picker-option-selected')
+            .removeClass('app-picker-option-selected');
+        options.eq(selectedIndex).addClass('app-picker-option-selected');
+        this.picker.selectedIndex = selectedIndex - this.picker.noOfEmptyElements;
+        const minIndex = selectedIndex - this.picker.noOfEmptyElements;
+        const maxIndex = selectedIndex + this.picker.noOfEmptyElements;
+        options.each((i, e) => {
+            if (i >= minIndex && i <= maxIndex) {
+                const rotation = (i - selectedIndex) * 30;
+                const opacity = 1 - Math.abs(i - selectedIndex) * 0.3;
+                $(e).css({
+                    transform: 'perspective(500px) rotateX(' + rotation + 'deg)',
+                    opacity: opacity
+                }).show();
+            }
+            else {
+                $(e).hide();
+            }
+        });
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PickerComponent, PickerGroupComponent };
+//# sourceMappingURL=index.mjs.map

package/components/input/epoch/picker/fesm2022/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../projects/components/widgets/input/epoch/picker/src/picker.component.ts","../../../../../../projects/components/widgets/input/epoch/picker/src/index.ts"],"sourcesContent":["import { AfterViewInit, Component, ElementRef, EventEmitter, Injector, Input, Output } from '@angular/core';\n\ndeclare const $;\n\n@Component({\n    standalone: true,\n    selector: 'wm-pickergroup',\n    template: `\n        <div class=\"app-picker-group\">\n            <ng-content></ng-content>\n        </div>\n    `\n})\nexport class PickerGroupComponent {\n\n}\n\n@Component({\n    selector: 'wm-picker',\n    standalone: true,\n    template: `\n        <div class=\"app-picker\">\n          <div class=\"app-picker-option-container\">\n            <div class=\"app-picker-option app-picker-empty-option\">E</div>\n            <div class=\"app-picker-option app-picker-empty-option\">E</div>\n            @for (option of options; track option; let i = $index) {\n              <div class=\"app-picker-option\">\n                {{option.label}}\n              </div>\n            }\n            <div class=\"app-picker-option app-picker-empty-option\">E</div>\n            <div class=\"app-picker-option app-picker-empty-option\">E</div>\n          </div>\n          <div class=\"app-picker-ruler\"></div>\n        </div>\n        `\n})\nexport class PickerComponent implements AfterViewInit {\n\n    public $el;\n\n    private pickerAnimator;\n\n    @Output() change = new EventEmitter<{\n        label: string,\n        value?: any\n    }>();\n\n    private _selectedIndex = 0;\n\n    private _selectedValue: any;\n\n    private _options: Array<{label: string, value?: any}> = [];\n\n    noOfEmptyElements = 2;\n\n    constructor(protected inj: Injector) {\n        this.$el =  $(inj.get(ElementRef).nativeElement);\n    }\n\n    @Input()\n    set selectedValue(s: string) {\n        this._selectedValue = s;\n        this.reRender();\n    }\n\n    get selectedValue() {\n        return this._selectedValue;\n    }\n\n    @Input()\n    set options(opts:  Array<{label: string, value?: any}>) {\n        this._options = opts.map(o => ({\n            label: o.label,\n            value: o.value !== undefined ? o.value : o.label\n        }));\n        this.reRender();\n    }\n\n    get options() {\n        return this._options;\n    }\n\n    reRender() {\n        this._selectedIndex = this.options.findIndex(o => o.value === this.selectedValue);\n        this.pickerAnimator?.select(this._selectedIndex + this.noOfEmptyElements);\n    }\n\n    set selectedIndex(i: number) {\n        this._selectedIndex = i;\n        this._selectedValue = this.options[i].value;\n        this.change.emit(this.options[i]);\n    }\n\n    get selectedIndex() {\n        return this._selectedIndex;\n    }\n\n    ngAfterViewInit(): void {\n        this.pickerAnimator = new PickerAnimator(this);\n    }\n\n}\n\nclass PickerAnimator {\n\n    constructor(private picker: PickerComponent) {\n        let lastSelectedIndex = picker.selectedIndex + picker.noOfEmptyElements;\n        const computeIndex = (d: number) => lastSelectedIndex + Math.floor(d / 16);\n        this.select(lastSelectedIndex);\n        this.getElement().swipey({\n            'direction': $.fn.swipey.DIRECTIONS.VERTICAL,\n            'threshold': 10,\n            'target': picker.$el,\n            'onSwipe': (e, data) => {\n                this.select(computeIndex(-1 * data.length));\n            },\n            'onSwipeEnd': (e, data) => {\n                const nextSelectedIndex = computeIndex(-1 * data.length);\n                this.select(nextSelectedIndex);\n                lastSelectedIndex = picker.selectedIndex + picker.noOfEmptyElements;\n            }\n        });\n    }\n\n    getElement() {\n        return this.picker.$el.find('.app-picker-option-container:first');\n    }\n\n    getOptionElements() {\n        return this.getElement().find('.app-picker-option');\n    }\n\n    select(selectedIndex: number) {\n        const options = this.getOptionElements();\n        if (selectedIndex < this.picker.noOfEmptyElements\n            || selectedIndex >= options.length - this.picker.noOfEmptyElements) {\n            return;\n        }\n        this.getElement()\n            .find('.app-picker-option.app-picker-option-selected')\n            .removeClass('app-picker-option-selected');\n        options.eq(selectedIndex).addClass('app-picker-option-selected');\n        this.picker.selectedIndex = selectedIndex - this.picker.noOfEmptyElements;\n        const minIndex = selectedIndex - this.picker.noOfEmptyElements;\n        const maxIndex = selectedIndex + this.picker.noOfEmptyElements;\n        options.each((i, e) => {\n            if (i >= minIndex && i <= maxIndex) {\n                const rotation = (i - selectedIndex) * 30;\n                const opacity = 1 - Math.abs(i - selectedIndex) * 0.3;\n                $(e).css({\n                    transform : 'perspective(500px) rotateX(' + rotation + 'deg)',\n                    opacity: opacity\n                }).show();\n            } else {\n                $(e).hide();\n            }\n        });\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/components/input/epoch/picker/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@wm/components/input/epoch/picker" />
+export * from './public_api';

package/components/input/epoch/picker/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@wm/components/input/epoch/picker",
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
+  "module": "fesm2022/index.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/index.mjs",
+      "esm": "./esm2022/index.mjs",
+      "default": "./fesm2022/index.mjs"
+    }
+  }
+}

package/components/input/epoch/picker/picker.component.d.ts

@@ -0,0 +1,36 @@
+import { AfterViewInit, EventEmitter, Injector } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class PickerGroupComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PickerGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PickerGroupComponent, "wm-pickergroup", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class PickerComponent implements AfterViewInit {
+    protected inj: Injector;
+    $el: any;
+    private pickerAnimator;
+    change: EventEmitter<{
+        label: string;
+        value?: any;
+    }>;
+    private _selectedIndex;
+    private _selectedValue;
+    private _options;
+    noOfEmptyElements: number;
+    constructor(inj: Injector);
+    set selectedValue(s: string);
+    get selectedValue(): string;
+    set options(opts: Array<{
+        label: string;
+        value?: any;
+    }>);
+    get options(): Array<{
+        label: string;
+        value?: any;
+    }>;
+    reRender(): void;
+    set selectedIndex(i: number);
+    get selectedIndex(): number;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PickerComponent, "wm-picker", never, { "selectedValue": { "alias": "selectedValue"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+}

package/components/input/epoch/picker/public_api.d.ts

@@ -0,0 +1,2 @@
+export { PickerComponent } from './picker.component';
+export { PickerGroupComponent } from './picker.component';