@origostudio/origo-design 0.0.55 → 0.0.57

package/dist/packages/angular-renderer/src/components/primitives/drawer/drawer.component.js

@@ -0,0 +1,205 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerComponent = exports.DrawerContractSchema = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const adapter_1 = require("../../../adapters/web/adapter");
+const experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
+const overlay_service_1 = require("../../../lib/overlay/overlay.service");
+let drawerCounter = 0;
+exports.DrawerContractSchema = {
+    permissions: 'object',
+    rules: 'object',
+    metadata: 'object',
+    'aria-label': 'string',
+    'aria-describedby': 'string',
+    visible: 'boolean',
+    position: 'string',
+    modal: 'boolean',
+    dismissible: 'boolean',
+    closeOnEscape: 'boolean',
+    blockScroll: 'boolean',
+    size: 'string',
+    header: 'string',
+    footer: 'string',
+    closable: 'boolean',
+    data: 'object',
+};
+let DrawerComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-drawer',
+            standalone: true,
+            templateUrl: './drawer.component.html',
+            styleUrls: ['./drawer.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-drawer-host]': 'true',
+                '[attr.data-testid]': 'contract().id',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var DrawerComponent = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DrawerComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = exports.DrawerContractSchema;
+        static strictContract = false;
+        contract = core_1.input.required();
+        vc = (0, core_1.viewChild)('vc', { read: core_1.ViewContainerRef });
+        drawerTemplate = (0, core_1.viewChild)('drawerTemplate', { read: core_1.TemplateRef });
+        visibleChange = (0, core_1.output)();
+        open = (0, core_1.output)();
+        close = (0, core_1.output)();
+        show = (0, core_1.output)();
+        hide = (0, core_1.output)();
+        overlayService = (0, core_1.inject)(overlay_service_1.OrigoOverlayService);
+        destroyRef = (0, core_1.inject)(core_1.DestroyRef);
+        vcr = (0, core_1.inject)(core_1.ViewContainerRef);
+        experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
+        id = ++drawerCounter;
+        headerId = `origo-drawer-header-${this.id}`;
+        overlayRef = null;
+        isOpen = false;
+        coercedProps = (0, core_1.computed)(() => (0, adapter_1.coerceContractProps)(this.contract()?.props ?? {}, exports.DrawerContractSchema));
+        computedVisible = (0, core_1.computed)(() => !!this.coercedProps().visible);
+        computedPosition = (0, core_1.computed)(() => this.coercedProps().position ?? 'left');
+        computedModal = (0, core_1.computed)(() => this.coercedProps().modal !== false);
+        computedDismissible = (0, core_1.computed)(() => this.coercedProps().dismissible !== false);
+        computedCloseOnEscape = (0, core_1.computed)(() => this.coercedProps().closeOnEscape !== false);
+        computedSize = (0, core_1.computed)(() => this.coercedProps().size ?? '320px');
+        computedHeader = (0, core_1.computed)(() => this.coercedProps().header);
+        computedFooter = (0, core_1.computed)(() => this.coercedProps().footer);
+        computedClosable = (0, core_1.computed)(() => this.coercedProps().closable !== false);
+        computedAriaLabel = (0, core_1.computed)(() => {
+            const label = this.contract()?.props?.['aria-label'];
+            return label !== undefined && label !== null ? String(label) : 'Drawer';
+        });
+        computedAriaDescribedBy = (0, core_1.computed)(() => {
+            const desc = this.contract()?.props?.['aria-describedby'];
+            return desc !== undefined && desc !== null ? String(desc) : undefined;
+        });
+        constructor() {
+            (0, core_1.effect)(() => {
+                const visible = this.computedVisible();
+                if (visible && !this.isOpen) {
+                    this.openDrawer();
+                }
+                else if (!visible && this.isOpen) {
+                    this.closeDrawer(false);
+                }
+            });
+            this.destroyRef.onDestroy(() => {
+                this.cleanup();
+            });
+        }
+        openDrawer() {
+            if (this.isOpen)
+                return;
+            const tpl = this.drawerTemplate();
+            if (!tpl)
+                return;
+            const pos = this.computedPosition();
+            const size = this.computedSize();
+            let alignment = 'start';
+            let width = size;
+            let height = '100%';
+            switch (pos) {
+                case 'right':
+                    alignment = 'end';
+                    width = size;
+                    height = '100%';
+                    break;
+                case 'top':
+                    alignment = 'top';
+                    width = '100%';
+                    height = size;
+                    break;
+                case 'bottom':
+                    alignment = 'bottom';
+                    width = '100%';
+                    height = size;
+                    break;
+                case 'left':
+                default:
+                    alignment = 'start';
+                    width = size;
+                    height = '100%';
+                    break;
+            }
+            const config = {
+                position: {
+                    type: 'global',
+                    position: alignment,
+                    width,
+                    height,
+                },
+                hasBackdrop: this.computedModal(),
+                backdropClass: 'origo-drawer-backdrop',
+                panelClass: ['origo-overlay-pane--drawer', `origo-overlay-pane--drawer-${pos}`],
+                closeOnBackdropClick: this.computedDismissible(),
+                closeOnOutsideClick: this.computedDismissible(),
+                closeOnEscape: this.computedCloseOnEscape(),
+                trapFocus: this.computedModal(),
+                viewContainerRef: this.vcr,
+            };
+            this.overlayRef = this.overlayService.create(config, this.destroyRef);
+            this.overlayRef.open(tpl, this.vcr);
+            this.isOpen = true;
+            this.open.emit();
+            this.show.emit();
+            this.experienceAdapter.updateState(this.contract().id, 'visible', true);
+            this.experienceAdapter.dispatchCapability(this.contract().id, 'open', undefined);
+            this.experienceAdapter.dispatchCapability(this.contract().id, 'show', undefined);
+            this.overlayRef.afterClosed().then(result => {
+                if (this.isOpen) {
+                    this.isOpen = false;
+                    this.visibleChange.emit(false);
+                    this.close.emit();
+                    this.hide.emit();
+                    this.experienceAdapter.updateState(this.contract().id, 'visible', false);
+                    this.experienceAdapter.dispatchCapability(this.contract().id, 'close', result);
+                    this.experienceAdapter.dispatchCapability(this.contract().id, 'hide', result);
+                }
+            });
+        }
+        closeDrawer(notify = true) {
+            if (!this.isOpen)
+                return;
+            this.isOpen = false;
+            if (this.overlayRef?.isOpen) {
+                this.overlayRef.close();
+            }
+            if (notify) {
+                this.visibleChange.emit(false);
+                this.close.emit();
+                this.hide.emit();
+                this.experienceAdapter.updateState(this.contract().id, 'visible', false);
+                this.experienceAdapter.dispatchCapability(this.contract().id, 'close', undefined);
+                this.experienceAdapter.dispatchCapability(this.contract().id, 'hide', undefined);
+            }
+        }
+        onClose() {
+            this.closeDrawer(true);
+        }
+        cleanup() {
+            if (this.overlayRef) {
+                this.overlayRef.dispose();
+                this.overlayRef = null;
+            }
+            this.isOpen = false;
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DrawerComponent = _classThis;
+})();
+exports.DrawerComponent = DrawerComponent;
+//# sourceMappingURL=drawer.component.js.map

package/dist/packages/angular-renderer/src/components/primitives/drawer/drawer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/drawer/drawer.component.ts"],"names":[],"mappings":"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"}

package/dist/packages/angular-renderer/src/components/primitives/modal/modal.component.d.ts

@@ -0,0 +1,106 @@
+import { ViewContainerRef } from '@angular/core';
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter, ContainerComponent } from '../../../adapters/web/adapter';
+import { DialogProps } from '../dialog/dialog.component';
+export type ModalProps = DialogProps;
+export declare const ModalContractSchema: {
+    readonly permissions: "object";
+    readonly rules: "object";
+    readonly metadata: "object";
+    readonly 'aria-label': "string";
+    readonly 'aria-describedby': "string";
+    readonly visible: "boolean";
+    readonly header: "string";
+    readonly modal: "boolean";
+    readonly closable: "boolean";
+    readonly closeOnEscape: "boolean";
+    readonly dismissableMask: "boolean";
+    readonly draggable: "boolean";
+    readonly resizable: "boolean";
+    readonly maximizable: "boolean";
+    readonly maximized: "boolean";
+    readonly width: "string";
+    readonly height: "string";
+    readonly minWidth: "string";
+    readonly minHeight: "string";
+    readonly maxWidth: "string";
+    readonly maxHeight: "string";
+    readonly position: "string";
+    readonly blockScroll: "boolean";
+    readonly data: "object";
+};
+export declare class ModalComponent implements OrigoAdapter<ModalProps>, ContainerComponent {
+    static readonly contractSchema: {
+        readonly permissions: "object";
+        readonly rules: "object";
+        readonly metadata: "object";
+        readonly 'aria-label': "string";
+        readonly 'aria-describedby': "string";
+        readonly visible: "boolean";
+        readonly header: "string";
+        readonly modal: "boolean";
+        readonly closable: "boolean";
+        readonly closeOnEscape: "boolean";
+        readonly dismissableMask: "boolean";
+        readonly draggable: "boolean";
+        readonly resizable: "boolean";
+        readonly maximizable: "boolean";
+        readonly maximized: "boolean";
+        readonly width: "string";
+        readonly height: "string";
+        readonly minWidth: "string";
+        readonly minHeight: "string";
+        readonly maxWidth: "string";
+        readonly maxHeight: "string";
+        readonly position: "string";
+        readonly blockScroll: "boolean";
+        readonly data: "object";
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<DialogProps>>;
+    vc: import("@angular/core").Signal<ViewContainerRef | undefined>;
+    visibleChange: import("@angular/core").OutputEmitterRef<boolean>;
+    open: import("@angular/core").OutputEmitterRef<void>;
+    close: import("@angular/core").OutputEmitterRef<void>;
+    maximize: import("@angular/core").OutputEmitterRef<boolean>;
+    restore: import("@angular/core").OutputEmitterRef<void>;
+    dragEnd: import("@angular/core").OutputEmitterRef<{
+        x: number;
+        y: number;
+    }>;
+    resizeEnd: import("@angular/core").OutputEmitterRef<{
+        width: number;
+        height: number;
+    }>;
+    coercedModalContract: import("@angular/core").Signal<{
+        props: {
+            modal: boolean;
+            visible?: boolean;
+            header?: string;
+            closable?: boolean;
+            closeOnEscape?: boolean;
+            dismissableMask?: boolean;
+            draggable?: boolean;
+            resizable?: boolean;
+            maximizable?: boolean;
+            maximized?: boolean;
+            width?: string;
+            height?: string;
+            minWidth?: string;
+            minHeight?: string;
+            maxWidth?: string;
+            maxHeight?: string;
+            position?: "center" | "top" | "bottom" | "start" | "end";
+            blockScroll?: boolean;
+            data?: unknown;
+            permissions?: Record<string, string>;
+            rules?: Record<string, unknown>;
+            metadata?: Record<string, unknown>;
+            'aria-label'?: string;
+            'aria-describedby'?: string;
+        };
+        id: string;
+        type: string;
+        children?: InteractionContract[];
+    }>;
+}

package/dist/packages/angular-renderer/src/components/primitives/modal/modal.component.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalComponent = exports.ModalContractSchema = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const dialog_component_1 = require("../dialog/dialog.component");
+exports.ModalContractSchema = dialog_component_1.DialogContractSchema;
+let ModalComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-modal',
+            standalone: true,
+            imports: [dialog_component_1.DialogComponent],
+            templateUrl: './modal.component.html',
+            styleUrls: ['./modal.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-modal-host]': 'true',
+                '[attr.data-testid]': 'contract().id',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var ModalComponent = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            ModalComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = exports.ModalContractSchema;
+        static strictContract = false;
+        contract = core_1.input.required();
+        vc = (0, core_1.viewChild)('vc', { read: core_1.ViewContainerRef });
+        visibleChange = (0, core_1.output)();
+        open = (0, core_1.output)();
+        close = (0, core_1.output)();
+        maximize = (0, core_1.output)();
+        restore = (0, core_1.output)();
+        dragEnd = (0, core_1.output)();
+        resizeEnd = (0, core_1.output)();
+        coercedModalContract = (0, core_1.computed)(() => {
+            const origContract = this.contract();
+            return {
+                ...origContract,
+                props: {
+                    ...(origContract?.props ?? {}),
+                    modal: true, // Architectural invariant: modal is always strictly true
+                },
+            };
+        });
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return ModalComponent = _classThis;
+})();
+exports.ModalComponent = ModalComponent;
+//# sourceMappingURL=modal.component.js.map

package/dist/packages/angular-renderer/src/components/primitives/modal/modal.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/modal/modal.component.ts"],"names":[],"mappings":";;;;AAAA,wCASuB;AAGvB,iEAAgG;AAGnF,QAAA,mBAAmB,GAAG,uCAAoB,CAAC;IAe3C,cAAc;4BAb1B,IAAA,gBAAS,EAAC;YACT,QAAQ,EAAE,aAAa;YACvB,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,CAAC,kCAAe,CAAC;YAC1B,WAAW,EAAE,wBAAwB;YACrC,SAAS,EAAE,CAAC,wBAAwB,CAAC;YACrC,eAAe,EAAE,8BAAuB,CAAC,MAAM;YAC/C,aAAa,EAAE,wBAAiB,CAAC,SAAS;YAC1C,IAAI,EAAE;gBACJ,0BAA0B,EAAE,MAAM;gBAClC,oBAAoB,EAAE,eAAe;aACtC;SACF,CAAC;;;;;;;;YACF,qLAyBC;;;;QAxBC,MAAM,CAAU,cAAc,GAAG,2BAAmB,CAAC;QACrD,MAAM,CAAU,cAAc,GAAG,KAAK,CAAC;QAEvC,QAAQ,GAAG,YAAK,CAAC,QAAQ,EAAmC,CAAC;QAC7D,EAAE,GAAG,IAAA,gBAAS,EAAC,IAAI,EAAE,EAAE,IAAI,EAAE,uBAAgB,EAAE,CAAC,CAAC;QAEjD,aAAa,GAAG,IAAA,aAAM,GAAW,CAAC;QAClC,IAAI,GAAG,IAAA,aAAM,GAAQ,CAAC;QACtB,KAAK,GAAG,IAAA,aAAM,GAAQ,CAAC;QACvB,QAAQ,GAAG,IAAA,aAAM,GAAW,CAAC;QAC7B,OAAO,GAAG,IAAA,aAAM,GAAQ,CAAC;QACzB,OAAO,GAAG,IAAA,aAAM,GAA4B,CAAC;QAC7C,SAAS,GAAG,IAAA,aAAM,GAAqC,CAAC;QAExD,oBAAoB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YACnC,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YACrC,OAAO;gBACL,GAAG,YAAY;gBACf,KAAK,EAAE;oBACL,GAAG,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC;oBAC9B,KAAK,EAAE,IAAI,EAAE,yDAAyD;iBACvE;aACF,CAAC;QACJ,CAAC,CAAC,CAAC;;YAxBQ,+DAAc;;;;;AAAd,wCAAc"}

package/dist/packages/angular-renderer/src/components/primitives/popover/popover.component.d.ts

@@ -0,0 +1,82 @@
+import { ViewContainerRef, TemplateRef, ElementRef } from '@angular/core';
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter, ContainerComponent } from '../../../adapters/web/adapter';
+export interface PopoverProps {
+    visible?: boolean;
+    placement?: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+    dismissible?: boolean;
+    closeOnEscape?: boolean;
+    showClose?: boolean;
+    offset?: [number, number];
+    title?: string;
+    data?: unknown;
+    permissions?: Record<string, string>;
+    rules?: Record<string, unknown>;
+    metadata?: Record<string, unknown>;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare const PopoverContractSchema: {
+    readonly permissions: "object";
+    readonly rules: "object";
+    readonly metadata: "object";
+    readonly 'aria-label': "string";
+    readonly 'aria-describedby': "string";
+    readonly visible: "boolean";
+    readonly placement: "string";
+    readonly dismissible: "boolean";
+    readonly closeOnEscape: "boolean";
+    readonly showClose: "boolean";
+    readonly title: "string";
+    readonly offset: "array";
+    readonly data: "object";
+};
+export declare class PopoverComponent implements OrigoAdapter<PopoverProps>, ContainerComponent {
+    static readonly contractSchema: {
+        readonly permissions: "object";
+        readonly rules: "object";
+        readonly metadata: "object";
+        readonly 'aria-label': "string";
+        readonly 'aria-describedby': "string";
+        readonly visible: "boolean";
+        readonly placement: "string";
+        readonly dismissible: "boolean";
+        readonly closeOnEscape: "boolean";
+        readonly showClose: "boolean";
+        readonly title: "string";
+        readonly offset: "array";
+        readonly data: "object";
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<PopoverProps>>;
+    vc: import("@angular/core").Signal<ViewContainerRef | undefined>;
+    triggerWrapper: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
+    popoverTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    visibleChange: import("@angular/core").OutputEmitterRef<boolean>;
+    open: import("@angular/core").OutputEmitterRef<void>;
+    close: import("@angular/core").OutputEmitterRef<void>;
+    action: import("@angular/core").OutputEmitterRef<unknown>;
+    private overlayService;
+    private destroyRef;
+    private vcr;
+    private experienceAdapter;
+    private overlayRef;
+    private isPopoverOpen;
+    coercedProps: import("@angular/core").Signal<PopoverProps>;
+    computedVisible: import("@angular/core").Signal<boolean>;
+    computedPlacement: import("@angular/core").Signal<"left" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "left-start" | "left-end" | "right-start" | "right-end">;
+    computedDismissible: import("@angular/core").Signal<boolean>;
+    computedCloseOnEscape: import("@angular/core").Signal<boolean>;
+    computedShowClose: import("@angular/core").Signal<boolean>;
+    computedOffset: import("@angular/core").Signal<[number, number] | undefined>;
+    computedTitle: import("@angular/core").Signal<string | undefined>;
+    computedAriaLabel: import("@angular/core").Signal<string>;
+    computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
+    constructor();
+    isOpen(): boolean;
+    toggle(): void;
+    onAction(data: unknown): void;
+    openPopover(): void;
+    closePopover(notify?: boolean): void;
+    private cleanup;
+}