@ev-core/aurelia-v1-sheet 0.2.0

package/dist/commonjs/elements/au-sheet-component.js

@@ -0,0 +1,331 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuSheetComponent = void 0;
+const tslib_1 = require("tslib");
+const aurelia_framework_1 = require("aurelia-framework");
+const au_drag_1 = require("../au-drag");
+const options_1 = require("../options");
+require("./au-sheet-component.css");
+const steps = [
+    { minDim: 200, dim: 40, dynamic: true },
+    { minDim: 200, dim: 100 }
+];
+let AuSheetComponent = class AuSheetComponent {
+    constructor() {
+        this.isOpen = false;
+        this.steps = steps;
+        this.iosWorkaround = () => {
+            const vv = aurelia_framework_1.PLATFORM.global.visualViewport;
+            console.log("instan apple");
+            console.log(vv);
+        };
+        this.pusher = new aurelia_framework_1.PLATFORM.global.ResizeObserver(() => {
+            this.attachPadToElement();
+        });
+    }
+    attachPadToElement() {
+        if (!this.padElement) {
+            return;
+        }
+        if (!this.initialPad) {
+            this.initialPad = { width: this.padElement.style.width, height: this.padElement.style.height };
+        }
+        const cr = this.contentElement.getBoundingClientRect();
+        this.padElement.style.paddingBottom = `${cr.height}px`;
+    }
+    detachPadToElement() {
+        if (!this.padElement || !this.initialPad?.height) {
+            return;
+        }
+        this.padElement.style.paddingBottom = this.initialPad.height;
+    }
+    bind(context) {
+        this.buildOptions();
+    }
+    buildOptions() {
+        const opts = (0, options_1.getDefaultOptions)();
+        Object.assign(opts, this.options ?? {});
+        this.options = opts;
+        this.title = this.title ?? opts.title;
+        this.placement = this.placement ?? opts.placement;
+        this.zIndex = this.zIndex ?? opts.zIndex;
+        this.showFooter = this.showFooter === false ? false : opts.showFooter ?? false;
+        this.showDragHandle = this.showDragHandle === false ? false : opts.showDragHandle ?? false;
+    }
+    attached() {
+        const step = this.steps[0];
+        this.snap(step);
+        this.setupDragHandler();
+        this.setupBodyHandler();
+        this.sheetElement.style.zIndex = `${this.zIndex}`;
+    }
+    detached() {
+        this.stopListening();
+    }
+    overlayClick() {
+        if (this.options?.autoClose?.overlay) {
+            this.close();
+        }
+    }
+    async close() {
+        if (this.beforeClose) {
+            const canClose = await this.beforeClose(this);
+            if (canClose === false) {
+                return;
+            }
+        }
+        this.isOpen = false;
+        this.sheetElement.classList.remove('show');
+        this.stopListening();
+        this.detachPadToElement();
+    }
+    async open() {
+        if (this.beforeOpen) {
+            const canOpen = await this.beforeOpen(this);
+            if (canOpen === false) {
+                return;
+            }
+        }
+        this.startListening();
+        this.sheetElement.classList.add('show');
+        this.isOpen = true;
+        if (this.afterOpen) {
+            this.afterOpen(this);
+        }
+    }
+    startListening() {
+        this.dragHandler?.start();
+        this.bodyHandler?.start();
+        aurelia_framework_1.PLATFORM.global?.visualViewport?.addEventListener('resize', this.iosWorkaround);
+        this.pusher.observe(this.contentElement);
+    }
+    stopListening() {
+        this.dragHandler?.dispose();
+        this.bodyHandler?.dispose();
+        aurelia_framework_1.PLATFORM.global?.visualViewport?.removeEventListener('resize', this.iosWorkaround);
+        this.pusher.unobserve(this.contentElement);
+    }
+    setupBodyHandler() {
+        const element = this.bodyElement;
+        if (!element) {
+            return;
+        }
+        const handler = au_drag_1.DragEventHandler.create(element, { positionType: 'client', passiveListeners: false });
+        handler.onStart = (start, event, data) => {
+            const scrollTopLog = [element.scrollTop];
+            const positionLog = [];
+            return { scrollTopLog, positionLog };
+        };
+        handler.onMove = (position, startPosition, event, data) => {
+            const outOfBounds = element.scrollTop < 0 || element.scrollTop > element.clientHeight;
+            if (outOfBounds) {
+                event.preventDefault();
+            }
+            data?.positionLog.push(position);
+            data?.scrollTopLog.push(element.scrollTop);
+            const contentNotScrollable = element.clientHeight == element.scrollHeight;
+            if (contentNotScrollable) {
+                event.preventDefault();
+            }
+        };
+        handler.onEnd = (position, startPos, event, data) => {
+            if (data.positionLog.length < 3) {
+                return;
+            }
+            const startScrollTop = data.scrollTopLog[0];
+            const currentScrollTop = element.scrollTop;
+            const scrolled = startScrollTop !== currentScrollTop;
+            if (scrolled) {
+                return;
+            }
+            const firstPosition = data.positionLog[0];
+            const lastPosition = data.positionLog[data.positionLog.length - 1];
+            const posDelta = firstPosition.y - lastPosition.y;
+            const direction = posDelta > 0 ? 'expand' : 'shrink';
+            const step = this.findStep(direction);
+            if (element.scrollTop < 0) {
+                element.scrollTop = 0;
+            }
+            if (element.scrollTop > element.clientHeight) {
+                element.scrollTop = element.clientHeight;
+            }
+            if (step) {
+                this.snap(step);
+            }
+        };
+        this.bodyHandler = handler;
+    }
+    setupDragHandler() {
+        if (!this.dragHandleElement) {
+            return;
+        }
+        const handler = au_drag_1.DragEventHandler.create(this.dragHandleElement, { positionType: 'client', passiveListeners: false });
+        handler.onStart = (position, event) => {
+            const handle = this.findRelativePosition(this.dragHandleElement);
+            this.sheetElement.classList.add("dragging");
+            return { handle };
+        };
+        handler.onMove = (position, startPosition, event, data) => {
+            event.preventDefault();
+            const size = this.calculate(position, startPosition, data);
+            this.update(size);
+        };
+        handler.onEnd = (position, startPosition, data) => {
+            this.sheetElement.classList.remove("dragging");
+            const direction = this.findDirection(position, startPosition);
+            let step = this.findStep(direction);
+            if (!step) {
+                step = this.findClosestStep(this.currentSize);
+            }
+            this.snap(step);
+        };
+        this.dragHandler = handler;
+    }
+    findStep(direction) {
+        return direction === 'expand' ? this.findNextStep() : this.findPrevStep();
+    }
+    findDirection(position, startPosition) {
+        let direction;
+        switch (this.placement) {
+            case 'top':
+                break;
+            case 'right':
+                break;
+            case 'bottom':
+                direction = position.y > startPosition.y ? 'shrink' : 'expand';
+                break;
+            case 'left':
+                break;
+        }
+        return direction;
+    }
+    findRelativePosition(el) {
+        const dims = { h: 0, w: 0 };
+        if (el) {
+            dims.h = el.clientHeight + el.offsetTop;
+            dims.w = el.clientWidth + el.offsetLeft;
+        }
+        return dims;
+    }
+    calculate(current, start, data) {
+        const size = {};
+        if (this.placement == 'bottom') {
+            const innerHeight = window.innerHeight;
+            const handle = ((data?.handle?.h ?? 0) / 2) / innerHeight;
+            const delta = start.y - current.y;
+            const moveHeight = (delta / innerHeight) - handle;
+            const startHeight = 1 - (start.y / innerHeight);
+            size.h = (startHeight + moveHeight) * 100;
+        }
+        return size;
+    }
+    update(size, snap = false) {
+        switch (this.placement) {
+            case 'top':
+            case 'bottom':
+                this.contentElement.style.height = `${size.h}dvh`;
+                break;
+            case 'right':
+            case 'left':
+                this.contentElement.style.width = `${size.w}dvw`;
+                break;
+        }
+        this.currentSize = size;
+    }
+    findClosestStep(size) {
+        const dim = (this.placement === 'top' || this.placement === 'bottom') ? size.h : size.w;
+        return this.steps.reduce((prev, curr) => Math.abs(curr.dim - dim) < Math.abs(prev.dim - dim) ? curr : prev);
+    }
+    findPrevStep() {
+        let step;
+        const index = this.steps.indexOf(this.currentStep);
+        if (index > 0) {
+            step = this.steps[index - 1];
+        }
+        return step;
+    }
+    findNextStep() {
+        let step;
+        const index = this.steps.indexOf(this.currentStep);
+        if (index < this.steps.length - 1) {
+            step = this.steps[index + 1];
+        }
+        return step;
+    }
+    snap(step) {
+        switch (this.placement) {
+            case 'top':
+            case 'bottom':
+                console.log("dynamic: " + step.dynamic);
+                this.contentElement.style.minHeight = step.minDim ? `${step.minDim}px` : '';
+                this.contentElement.style.height = step.dynamic ? '' : `${step.dim}dvh`;
+                break;
+            case 'right':
+            case 'left':
+                this.contentElement.style.minWidth = step.minDim ? `${step.minDim}px` : '';
+                this.contentElement.style.width = `${step.dim}dvw`;
+                break;
+        }
+        this.currentStep = step;
+    }
+};
+exports.AuSheetComponent = AuSheetComponent;
+tslib_1.__decorate([
+    aurelia_framework_1.bindable,
+    tslib_1.__metadata("design:type", Object)
+], AuSheetComponent.prototype, "options", void 0);
+tslib_1.__decorate([
+    aurelia_framework_1.bindable,
+    tslib_1.__metadata("design:type", String)
+], AuSheetComponent.prototype, "title", void 0);
+tslib_1.__decorate([
+    aurelia_framework_1.bindable,
+    tslib_1.__metadata("design:type", String)
+], AuSheetComponent.prototype, "placement", void 0);
+tslib_1.__decorate([
+    aurelia_framework_1.bindable,
+    tslib_1.__metadata("design:type", Boolean)
+], AuSheetComponent.prototype, "showFooter", void 0);
+tslib_1.__decorate([
+    aurelia_framework_1.bindable,
+    tslib_1.__metadata("design:type", Number)
+], AuSheetComponent.prototype, "zIndex", void 0);
+tslib_1.__decorate([
+    aurelia_framework_1.bindable,
+    tslib_1.__metadata("design:type", Boolean)
+], AuSheetComponent.prototype, "showDragHandle", void 0);
+tslib_1.__decorate([
+    aurelia_framework_1.bindable,
+    tslib_1.__metadata("design:type", HTMLElement)
+], AuSheetComponent.prototype, "padElement", void 0);
+tslib_1.__decorate([
+    aurelia_framework_1.bindable,
+    tslib_1.__metadata("design:type", Boolean)
+], AuSheetComponent.prototype, "isOpen", void 0);
+tslib_1.__decorate([
+    aurelia_framework_1.bindable,
+    tslib_1.__metadata("design:type", Function)
+], AuSheetComponent.prototype, "beforeClose", void 0);
+tslib_1.__decorate([
+    aurelia_framework_1.bindable,
+    tslib_1.__metadata("design:type", Function)
+], AuSheetComponent.prototype, "afterClose", void 0);
+tslib_1.__decorate([
+    aurelia_framework_1.bindable,
+    tslib_1.__metadata("design:type", Function)
+], AuSheetComponent.prototype, "beforeOpen", void 0);
+tslib_1.__decorate([
+    aurelia_framework_1.bindable,
+    tslib_1.__metadata("design:type", Function)
+], AuSheetComponent.prototype, "afterOpen", void 0);
+tslib_1.__decorate([
+    aurelia_framework_1.bindable,
+    tslib_1.__metadata("design:type", Object)
+], AuSheetComponent.prototype, "steps", void 0);
+exports.AuSheetComponent = AuSheetComponent = tslib_1.__decorate([
+    (0, aurelia_framework_1.inject)(aurelia_framework_1.DOM.Element),
+    (0, aurelia_framework_1.customElement)('au-sheet'),
+    tslib_1.__metadata("design:paramtypes", [])
+], AuSheetComponent);
+
+//# sourceMappingURL=au-sheet-component.js.map

package/dist/commonjs/elements/au-sheet-component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/elements/au-sheet-component.ts"],"names":[],"mappings":"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","file":"au-sheet-component.js","sourceRoot":"../../../src/"}

package/dist/commonjs/index.d.ts

@@ -0,0 +1,5 @@
+import { FrameworkConfiguration } from 'aurelia-framework';
+import { IAuSheetOptions } from './interfaces';
+export declare function configure(config: FrameworkConfiguration, cb?: (opts: IAuSheetOptions) => void): void;
+export * from './interfaces';
+export * from './options';

package/dist/commonjs/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configure = configure;
+const tslib_1 = require("tslib");
+const aurelia_pal_1 = require("aurelia-pal");
+const options_1 = require("./options");
+function configure(config, cb) {
+    config.globalResources([
+        aurelia_pal_1.PLATFORM.moduleName('./elements/au-sheet-component')
+    ]);
+    (0, options_1.setOptions)(cb);
+}
+tslib_1.__exportStar(require("./interfaces"), exports);
+tslib_1.__exportStar(require("./options"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;AAMA,8BAMC;;AAXD,6CAAuC;AAEvC,uCAAuC;AAGvC,SAAgB,SAAS,CAAC,MAA8B,EAAE,EAAoC;IAC5F,MAAM,CAAC,eAAe,CAAC;QACrB,sBAAQ,CAAC,UAAU,CAAC,+BAA+B,CAAC;KACrD,CAAC,CAAC;IAEH,IAAA,oBAAU,EAAC,EAAE,CAAC,CAAC;AACjB,CAAC;AAED,uDAA6B;AAC7B,oDAA0B","file":"index.js","sourceRoot":"../../src/"}

package/dist/commonjs/interfaces.d.ts

@@ -0,0 +1,37 @@
+export type Direction = 'expand' | 'shrink';
+export type Placement = 'top' | 'bottom' | 'left' | 'right';
+export interface IAuAutoClose {
+    overlay?: boolean;
+}
+export interface IAuSheetOptions {
+    title?: string;
+    placement?: Placement;
+    autoClose?: IAuAutoClose;
+    showFooter?: boolean;
+    zIndex?: number;
+    showDragHandle?: boolean;
+}
+export interface ISize {
+    w: number;
+    h: number;
+}
+export interface IDragData {
+    handle: ISize;
+}
+export interface IContentData {
+    positionLog: IPosition[];
+    scrollTopLog: number[];
+}
+export interface IStep {
+    minDim?: number;
+    dim: number;
+    dynamic?: boolean;
+}
+export interface IButtons {
+    cancelText: string;
+    confirmText: string;
+}
+export interface IPosition {
+    x: number;
+    y: number;
+}

package/dist/commonjs/interfaces.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+
+//# sourceMappingURL=interfaces.js.map

package/dist/commonjs/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interfaces.ts"],"names":[],"mappings":"","file":"interfaces.js","sourceRoot":"../../src/"}

package/dist/commonjs/options.d.ts

@@ -0,0 +1,3 @@
+import { IAuSheetOptions } from "./interfaces";
+export declare function setOptions(cb?: (opts: IAuSheetOptions) => void): void;
+export declare function getDefaultOptions(): any;

package/dist/commonjs/options.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setOptions = setOptions;
+exports.getDefaultOptions = getDefaultOptions;
+const options = {
+    autoClose: {
+        overlay: false,
+    },
+    showFooter: false,
+    zIndex: 1000,
+    showDragHandle: true
+};
+function setOptions(cb) {
+    if (cb) {
+        cb(options);
+    }
+}
+function getDefaultOptions() {
+    return JSON.parse(JSON.stringify(options));
+}
+
+//# sourceMappingURL=options.js.map

package/dist/commonjs/options.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/options.ts"],"names":[],"mappings":";;AAaA,gCAIC;AAED,8CAEC;AAnBD,MAAM,OAAO,GAAG;IACZ,SAAS,EAAE;QACP,OAAO,EAAE,KAAK;KAGjB;IACD,UAAU,EAAE,KAAK;IACjB,MAAM,EAAE,IAAI;IACZ,cAAc,EAAE,IAAI;CACJ,CAAC;AAErB,SAAgB,UAAU,CAAC,EAAoC;IAC3D,IAAI,EAAE,EAAE,CAAC;QACL,EAAE,CAAC,OAAO,CAAC,CAAC;IAChB,CAAC;AACL,CAAC;AAED,SAAgB,iBAAiB;IAC7B,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/C,CAAC","file":"options.js","sourceRoot":"../../src/"}

package/dist/native-modules/au-drag.d.ts

@@ -0,0 +1,30 @@
+import { IPosition } from "./interfaces";
+type positionType = 'client' | 'page' | 'screen';
+interface IAuDragConfig {
+    positionType: positionType;
+    passiveListeners: boolean;
+}
+export declare class DragEventHandler<T extends object> {
+    private readonly element;
+    static create<T extends object>(element: Element, config?: IAuDragConfig): DragEventHandler<T>;
+    private xKey;
+    private yKey;
+    private listenerOptions;
+    private isDragging;
+    startPosition: IPosition;
+    private _data;
+    getData(): T;
+    onStart: (startPosition: IPosition, event: MouseEvent | TouchEvent | Event, data?: T) => T | void;
+    onMove: (endPosition: IPosition, startPosition: IPosition, event: MouseEvent | TouchEvent | Event, data?: T) => T | void;
+    onEnd: (currentPosition: IPosition, startPosition: IPosition, event: MouseEvent | TouchEvent | Event, data?: T) => T | void;
+    setPositionType(type: positionType): void;
+    constructor(element: Element, config?: IAuDragConfig);
+    private startEvent;
+    private dragEvent;
+    private endEvent;
+    stop(): void;
+    private getPosition;
+    start(): void;
+    dispose(): void;
+}
+export {};

package/dist/native-modules/au-drag.js

@@ -0,0 +1,71 @@
+const startEvents = ['mousedown', 'touchstart'];
+const moveEvents = ['mousemove', 'touchmove'];
+const endEvents = ['mouseup', 'touchend'];
+export class DragEventHandler {
+    static create(element, config) { return new DragEventHandler(element, config); }
+    getData() { return this._data; }
+    setPositionType(type) {
+        this.xKey = type + 'X';
+        this.yKey = type + 'Y';
+    }
+    constructor(element, config) {
+        this.element = element;
+        this.listenerOptions = { passive: true };
+        this.isDragging = false;
+        this._data = {};
+        this.startEvent = (event) => {
+            this.isDragging = true;
+            const pos = this.getPosition(event);
+            this.startPosition = pos;
+            const data = this.onStart?.(pos, event, this._data);
+            if (data) {
+                this._data = data;
+            }
+        };
+        this.dragEvent = (event) => {
+            if (this.isDragging) {
+                const pos = this.getPosition(event);
+                const data = this.onMove?.(pos, this.startPosition, event, this._data);
+                if (data) {
+                    this._data = data;
+                }
+            }
+        };
+        this.endEvent = (event) => {
+            if (this.isDragging) {
+                this.isDragging = false;
+                const pos = this.getPosition(event);
+                const data = this.onEnd?.(pos, this.startPosition, event, this._data);
+                if (data) {
+                    this._data = data;
+                }
+            }
+        };
+        if (!config) {
+            config = { positionType: 'client', passiveListeners: true };
+        }
+        this.setPositionType(config.positionType);
+        this.listenerOptions.passive = config.passiveListeners;
+    }
+    stop() { this.isDragging = false; }
+    getPosition(event) {
+        if ('touches' in event && event.touches.length > 0) {
+            return { x: event.touches[0][this.xKey], y: event.touches[0][this.yKey] };
+        }
+        else {
+            return { x: event[this.xKey], y: event[this.yKey] };
+        }
+    }
+    start() {
+        startEvents.forEach(event => { this.element.addEventListener(event, this.startEvent, this.listenerOptions); });
+        moveEvents.forEach(event => { document.addEventListener(event, this.dragEvent, this.listenerOptions); });
+        endEvents.forEach(event => { document.addEventListener(event, this.endEvent, this.listenerOptions); });
+    }
+    dispose() {
+        startEvents.forEach(event => { this.element.removeEventListener(event, this.startEvent); });
+        moveEvents.forEach(event => { document.removeEventListener(event, this.dragEvent); });
+        endEvents.forEach(event => { document.removeEventListener(event, this.endEvent); });
+    }
+}
+
+//# sourceMappingURL=au-drag.js.map

package/dist/native-modules/au-drag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/au-drag.ts"],"names":[],"mappings":"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","file":"au-drag.js","sourceRoot":"../../src/"}

package/dist/native-modules/elements/au-sheet-component.css

@@ -0,0 +1,108 @@
+.au-sheet {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100dvw;
+    height: 100dvh;
+    display: flex;
+    opacity: 0;
+    pointer-events: none;
+    align-items: center;
+    flex-direction: column;
+    justify-content: flex-end;
+    transition: 0.1s linear;
+  }
+  
+    .au-sheet.show {
+      opacity: 1;
+      pointer-events: auto;
+    }
+  
+  
+    .au-sheet .au-sheet-overlay {
+      position: fixed;
+      top: 0;
+      left: 0;
+      z-index: -1;
+      width: 100%;
+      height: 100%;
+      opacity: 0.2;
+      background: #000;
+    }
+  
+    .au-sheet .au-sheet-title {
+      padding: 0 12px;
+    }
+  
+    .au-sheet .au-sheet-content {
+      width: 100%;
+      position: relative;
+      background: #fff;
+      max-height: 100dvh;
+      max-width: 1150px;
+      /* padding: 10px; */
+      transform: translateY(100%);
+      border-radius: 12px 12px 0 0;
+      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03);
+      transition: 0.3s ease;
+      display: flex;
+      flex-direction: column;
+    }
+  
+    .au-sheet.show .au-sheet-content {
+      transform: translateY(0%);
+    }
+  
+    .au-sheet.dragging .au-sheet-content {
+      transition: none;
+    }
+  
+    .au-sheet.fullscreen .au-sheet-content {
+      border-radius: 0;
+      overflow-y: hidden;
+    }
+  
+    .au-sheet .au-sheet-content {
+      display: flex;
+      justify-content: center;
+    }
+  
+  .au-sheet-content .au-sheet-draghandle {
+    cursor: grab;
+    user-select: none;
+    padding: 12px;
+  }
+  
+  .au-sheet-draghandle span {
+    margin: 0 auto;
+    height: 4px;
+    width: 40px;
+    display: block;
+    background: #C7D0E1;
+    border-radius: 50px;
+  }
+  
+  .au-sheet-content .au-sheet-body {
+    height: 100%;
+    overflow-y: auto;
+    padding: 0 12px 12px 12px;
+    scrollbar-width: none;
+    overscroll-behavior: contain;
+  }
+  
+    .au-sheet-content .au-sheet-body::-webkit-scrollbar {
+      width: 0;
+    }
+  
+  .au-sheet-content .au-sheet-footer {
+    padding: 10px;
+  }
+  
+  /* .au-sheet-content .au-sheet-body h2 {
+    font-size: 1.8rem;
+  }
+  .au-sheet-content .au-sheet-body p {
+    margin-top: 20px;
+    font-size: 1.05rem;
+  } */
+