@origostudio/origo-design 0.0.50 → 0.0.52

package/dist/packages/angular-renderer/src/components/primitives/date-range-picker/date-range-picker.component.d.ts

@@ -0,0 +1,67 @@
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+export interface DateRangePickerProps {
+    format?: string;
+    minDate?: string;
+    maxDate?: string;
+    showTime?: boolean;
+    timezone?: string;
+    startDate?: string;
+    endDate?: string;
+    'aria-label'?: string;
+}
+interface CalendarDay {
+    date: Date;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    disabled: boolean;
+}
+export declare class DateRangePickerComponent implements OrigoAdapter<DateRangePickerProps> {
+    static readonly contractSchema: {
+        format: string;
+        minDate: string;
+        maxDate: string;
+        showTime: string;
+        timezone: string;
+        startDate: string;
+        endDate: string;
+        'aria-label': string;
+        permissions: string;
+        rules: string;
+        metadata: string;
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<DateRangePickerProps>>;
+    value: import("@angular/core").ModelSignal<any>;
+    startDate: import("@angular/core").WritableSignal<string | null>;
+    endDate: import("@angular/core").WritableSignal<string | null>;
+    isOpen: import("@angular/core").WritableSignal<boolean>;
+    currentViewDate: import("@angular/core").WritableSignal<Date>;
+    selectionPhase: import("@angular/core").WritableSignal<"start" | "end">;
+    private experienceAdapter;
+    private elementRef;
+    weekDays: string[];
+    computedAriaLabel: import("@angular/core").Signal<string>;
+    displayStartValue: import("@angular/core").Signal<string>;
+    displayEndValue: import("@angular/core").Signal<string>;
+    private parseSafeUTC;
+    private formatDateStr;
+    constructor();
+    onClickOutside(event: MouseEvent): void;
+    onEscape(): void;
+    private cancelSelection;
+    toggleCalendar(): void;
+    currentMonthYear: import("@angular/core").Signal<string>;
+    private isDateDisabled;
+    calendarGrid: import("@angular/core").Signal<CalendarDay[][]>;
+    isSameDate(d1Str: string | null, d2: Date): boolean;
+    isSelected(date: Date): boolean;
+    isInRange(date: Date): boolean;
+    onDayClick(date: Date): void;
+    selectRange(start: Date, end: Date): void;
+    prevMonth(): void;
+    nextMonth(): void;
+    onInputKeyDown(event: KeyboardEvent): void;
+    onDayKeyDown(event: KeyboardEvent, date: Date): void;
+}
+export {};

package/dist/packages/angular-renderer/src/components/primitives/date-range-picker/date-range-picker.component.js

@@ -0,0 +1,299 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateRangePickerComponent = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
+let DateRangePickerComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-date-range-picker',
+            standalone: true,
+            templateUrl: './date-range-picker.component.html',
+            styleUrls: ['./date-range-picker.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _instanceExtraInitializers = [];
+    let _onClickOutside_decorators;
+    let _onEscape_decorators;
+    var DateRangePickerComponent = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _onClickOutside_decorators = [(0, core_1.HostListener)('document:mousedown', ['$event'])];
+            _onEscape_decorators = [(0, core_1.HostListener)('document:keydown.escape')];
+            tslib_1.__esDecorate(this, null, _onClickOutside_decorators, { kind: "method", name: "onClickOutside", static: false, private: false, access: { has: obj => "onClickOutside" in obj, get: obj => obj.onClickOutside }, metadata: _metadata }, null, _instanceExtraInitializers);
+            tslib_1.__esDecorate(this, null, _onEscape_decorators, { kind: "method", name: "onEscape", static: false, private: false, access: { has: obj => "onEscape" in obj, get: obj => obj.onEscape }, metadata: _metadata }, null, _instanceExtraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DateRangePickerComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = {
+            format: 'string',
+            minDate: 'string',
+            maxDate: 'string',
+            showTime: 'boolean',
+            timezone: 'string',
+            startDate: 'string',
+            endDate: 'string',
+            'aria-label': 'string',
+            permissions: 'array',
+            rules: 'array',
+            metadata: 'object',
+        };
+        static strictContract = false;
+        contract = (tslib_1.__runInitializers(this, _instanceExtraInitializers), core_1.input.required());
+        // DateRangePicker doesn't use a single value model in the same way, but keeping it for adapter compat if needed
+        value = (0, core_1.model)(null);
+        startDate = (0, core_1.signal)(null);
+        endDate = (0, core_1.signal)(null);
+        isOpen = (0, core_1.signal)(false);
+        currentViewDate = (0, core_1.signal)(new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 1)));
+        selectionPhase = (0, core_1.signal)('start');
+        experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
+        elementRef = (0, core_1.inject)(core_1.ElementRef);
+        weekDays = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+        computedAriaLabel = (0, core_1.computed)(() => this.contract().props?.['aria-label'] || 'Date Range Picker');
+        displayStartValue = (0, core_1.computed)(() => this.formatDateStr(this.startDate()));
+        displayEndValue = (0, core_1.computed)(() => this.formatDateStr(this.endDate()));
+        parseSafeUTC(isoString) {
+            if (!isoString || isoString === 'null' || isoString === 'undefined')
+                return null;
+            const d = new Date(isoString);
+            if (isNaN(d.getTime()))
+                return null;
+            return d;
+        }
+        formatDateStr(val) {
+            const d = this.parseSafeUTC(val);
+            if (!d)
+                return '';
+            return `${d.getUTCFullYear()}-${String(d.getUTCMonth() + 1).padStart(2, '0')}-${String(d.getUTCDate()).padStart(2, '0')}`;
+        }
+        constructor() {
+            (0, core_1.effect)(() => {
+                const s = this.contract().props?.startDate;
+                const e = this.contract().props?.endDate;
+                (0, core_1.untracked)(() => {
+                    this.startDate.set(s === undefined || s === null ? null : String(s));
+                    this.endDate.set(e === undefined || e === null ? null : String(e));
+                    const dateToView = this.parseSafeUTC(this.startDate()) || new Date();
+                    this.currentViewDate.set(new Date(Date.UTC(dateToView.getUTCFullYear(), dateToView.getUTCMonth(), 1)));
+                });
+            });
+        }
+        onClickOutside(event) {
+            if (this.isOpen() && !this.elementRef.nativeElement.contains(event.target)) {
+                this.cancelSelection();
+            }
+        }
+        onEscape() {
+            if (this.isOpen()) {
+                this.cancelSelection();
+            }
+        }
+        cancelSelection() {
+            // If we're mid-selection, revert to the contract state
+            if (this.selectionPhase() === 'end') {
+                const s = this.contract().props?.startDate;
+                this.startDate.set(s === undefined || s === null ? null : String(s));
+                this.selectionPhase.set('start');
+            }
+            this.isOpen.set(false);
+        }
+        toggleCalendar() {
+            if (this.isOpen()) {
+                this.cancelSelection();
+            }
+            else {
+                this.isOpen.set(true);
+            }
+        }
+        currentMonthYear = (0, core_1.computed)(() => {
+            const d = this.currentViewDate();
+            const months = [
+                'January',
+                'February',
+                'March',
+                'April',
+                'May',
+                'June',
+                'July',
+                'August',
+                'September',
+                'October',
+                'November',
+                'December',
+            ];
+            return `${months[d.getUTCMonth()]} ${d.getUTCFullYear()}`;
+        });
+        isDateDisabled(date) {
+            const minDateStr = this.contract().props?.minDate;
+            const maxDateStr = this.contract().props?.maxDate;
+            if (minDateStr) {
+                const minD = this.parseSafeUTC(minDateStr);
+                if (minD && date < minD)
+                    return true;
+            }
+            if (maxDateStr) {
+                const maxD = this.parseSafeUTC(maxDateStr);
+                if (maxD && date > maxD)
+                    return true;
+            }
+            return false;
+        }
+        calendarGrid = (0, core_1.computed)(() => {
+            const viewDate = this.currentViewDate();
+            const year = viewDate.getUTCFullYear();
+            const month = viewDate.getUTCMonth();
+            const firstDayOfMonth = new Date(Date.UTC(year, month, 1));
+            const startingDayOfWeek = firstDayOfMonth.getUTCDay();
+            const startDateGrid = new Date(firstDayOfMonth);
+            startDateGrid.setUTCDate(startDateGrid.getUTCDate() - startingDayOfWeek);
+            const weeks = [];
+            const currentDay = new Date(startDateGrid);
+            const today = new Date();
+            while (weeks.length < 6) {
+                if (currentDay.getUTCDay() === 0) {
+                    weeks.push([]);
+                }
+                weeks[weeks.length - 1].push({
+                    date: new Date(currentDay),
+                    isCurrentMonth: currentDay.getUTCMonth() === month,
+                    isToday: currentDay.getUTCFullYear() === today.getUTCFullYear() &&
+                        currentDay.getUTCMonth() === today.getUTCMonth() &&
+                        currentDay.getUTCDate() === today.getUTCDate(),
+                    disabled: this.isDateDisabled(currentDay),
+                });
+                currentDay.setUTCDate(currentDay.getUTCDate() + 1);
+            }
+            return weeks;
+        });
+        isSameDate(d1Str, d2) {
+            const d1 = this.parseSafeUTC(d1Str);
+            if (!d1)
+                return false;
+            return (d1.getUTCFullYear() === d2.getUTCFullYear() &&
+                d1.getUTCMonth() === d2.getUTCMonth() &&
+                d1.getUTCDate() === d2.getUTCDate());
+        }
+        isSelected(date) {
+            return this.isSameDate(this.startDate(), date) || this.isSameDate(this.endDate(), date);
+        }
+        isInRange(date) {
+            const sDate = this.parseSafeUTC(this.startDate());
+            const eDate = this.parseSafeUTC(this.endDate());
+            if (!sDate || !eDate)
+                return false;
+            // Normalize to start of UTC day for comparison
+            const normDate = Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate());
+            const normS = Date.UTC(sDate.getUTCFullYear(), sDate.getUTCMonth(), sDate.getUTCDate());
+            const normE = Date.UTC(eDate.getUTCFullYear(), eDate.getUTCMonth(), eDate.getUTCDate());
+            return normDate >= Math.min(normS, normE) && normDate <= Math.max(normS, normE);
+        }
+        onDayClick(date) {
+            if (this.isDateDisabled(date))
+                return;
+            if (this.selectionPhase() === 'start') {
+                const iso = date.toISOString();
+                this.startDate.set(iso);
+                this.endDate.set(null);
+                this.selectionPhase.set('end');
+            }
+            else {
+                let startD = this.parseSafeUTC(this.startDate());
+                if (!startD) {
+                    startD = date;
+                }
+                let endD = date;
+                if (endD.getTime() < startD.getTime()) {
+                    const temp = startD;
+                    startD = endD;
+                    endD = temp;
+                }
+                this.selectRange(startD, endD);
+                this.selectionPhase.set('start');
+                this.isOpen.set(false);
+            }
+        }
+        selectRange(start, end) {
+            const s = new Date(Date.UTC(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate())).toISOString();
+            const e = new Date(Date.UTC(end.getUTCFullYear(), end.getUTCMonth(), end.getUTCDate())).toISOString();
+            let actualStart = s;
+            let actualEnd = e;
+            if (new Date(e).getTime() < new Date(s).getTime()) {
+                actualStart = e;
+                actualEnd = s;
+            }
+            this.startDate.set(actualStart);
+            this.endDate.set(actualEnd);
+            this.experienceAdapter.updateState(this.contract().id, 'startDate', actualStart);
+            this.experienceAdapter.updateState(this.contract().id, 'endDate', actualEnd);
+            // Also notify if 'value' model binding is used to pass range object
+            this.value.set({ startDate: actualStart, endDate: actualEnd });
+        }
+        prevMonth() {
+            const d = this.currentViewDate();
+            this.currentViewDate.set(new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth() - 1, 1)));
+        }
+        nextMonth() {
+            const d = this.currentViewDate();
+            this.currentViewDate.set(new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth() + 1, 1)));
+        }
+        onInputKeyDown(event) {
+            if (event.key === 'Enter' || event.key === ' ' || event.key === 'ArrowDown') {
+                event.preventDefault();
+                this.isOpen.set(true);
+            }
+        }
+        onDayKeyDown(event, date) {
+            const d = new Date(date);
+            let handled = false;
+            switch (event.key) {
+                case 'Enter':
+                case ' ':
+                    this.onDayClick(d);
+                    handled = true;
+                    break;
+                case 'ArrowRight':
+                    d.setUTCDate(d.getUTCDate() + 1);
+                    handled = true;
+                    break;
+                case 'ArrowLeft':
+                    d.setUTCDate(d.getUTCDate() - 1);
+                    handled = true;
+                    break;
+                case 'ArrowDown':
+                    d.setUTCDate(d.getUTCDate() + 7);
+                    handled = true;
+                    break;
+                case 'ArrowUp':
+                    d.setUTCDate(d.getUTCDate() - 7);
+                    handled = true;
+                    break;
+            }
+            if (handled) {
+                event.preventDefault();
+                if (d.getUTCMonth() !== this.currentViewDate().getUTCMonth() ||
+                    d.getUTCFullYear() !== this.currentViewDate().getUTCFullYear()) {
+                    this.currentViewDate.set(new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), 1)));
+                }
+                setTimeout(() => {
+                    const id = `day-${d.getUTCFullYear()}-${d.getUTCMonth()}-${d.getUTCDate()}`;
+                    const el = this.elementRef.nativeElement.shadowRoot?.getElementById(id);
+                    if (el)
+                        el.focus();
+                }, 0);
+            }
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DateRangePickerComponent = _classThis;
+})();
+exports.DateRangePickerComponent = DateRangePickerComponent;
+//# sourceMappingURL=date-range-picker.component.js.map

package/dist/packages/angular-renderer/src/components/primitives/date-range-picker/date-range-picker.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/date-range-picker/date-range-picker.component.ts"],"names":[],"mappings":";;;;AAAA,wCAauB;AAGvB,iGAA+F;IA4BlF,wBAAwB;4BARpC,IAAA,gBAAS,EAAC;YACT,QAAQ,EAAE,yBAAyB;YACnC,UAAU,EAAE,IAAI;YAChB,WAAW,EAAE,oCAAoC;YACjD,SAAS,EAAE,CAAC,oCAAoC,CAAC;YACjD,eAAe,EAAE,8BAAuB,CAAC,MAAM;YAC/C,aAAa,EAAE,wBAAiB,CAAC,SAAS;SAC3C,CAAC;;;;;;;;;;;0CAqEC,IAAA,mBAAY,EAAC,oBAAoB,EAAE,CAAC,QAAQ,CAAC,CAAC;oCAO9C,IAAA,mBAAY,EAAC,yBAAyB,CAAC;YANxC,qMAAA,cAAc,6DAIb;YAGD,mLAAA,QAAQ,6DAIP;YAhFH,qLAwTC;;;;QAvTC,MAAM,CAAU,cAAc,GAAG;YAC/B,MAAM,EAAE,QAAQ;YAChB,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,QAAQ;YACjB,QAAQ,EAAE,SAAS;YACnB,QAAQ,EAAE,QAAQ;YAClB,SAAS,EAAE,QAAQ;YACnB,OAAO,EAAE,QAAQ;YACjB,YAAY,EAAE,QAAQ;YACtB,WAAW,EAAE,OAAO;YACpB,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,QAAQ;SACnB,CAAC;QACF,MAAM,CAAU,cAAc,GAAG,KAAK,CAAC;QAEvC,QAAQ,IAhBG,2DAAwB,EAgBxB,YAAK,CAAC,QAAQ,EAA6C,EAAC;QAEvE,gHAAgH;QAChH,KAAK,GAAG,IAAA,YAAK,EAAM,IAAI,CAAC,CAAC;QAEzB,SAAS,GAAG,IAAA,aAAM,EAAgB,IAAI,CAAC,CAAC;QACxC,OAAO,GAAG,IAAA,aAAM,EAAgB,IAAI,CAAC,CAAC;QAEtC,MAAM,GAAG,IAAA,aAAM,EAAU,KAAK,CAAC,CAAC;QAChC,eAAe,GAAG,IAAA,aAAM,EACtB,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC,cAAc,EAAE,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC,CAC7E,CAAC;QACF,cAAc,GAAG,IAAA,aAAM,EAAkB,OAAO,CAAC,CAAC;QAE1C,iBAAiB,GAAG,IAAA,aAAM,EAAC,wDAA2B,CAAC,CAAC;QACxD,UAAU,GAAG,IAAA,aAAM,EAAC,iBAAU,CAAC,CAAC;QAExC,QAAQ,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QAC7D,iBAAiB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,YAAY,CAAC,IAAI,mBAAmB,CAAC,CAAC;QAEjG,iBAAiB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;QACzE,eAAe,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QAE7D,YAAY,CAAC,SAAoC;YACvD,IAAI,CAAC,SAAS,IAAI,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,WAAW;gBAAE,OAAO,IAAI,CAAC;YACjF,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;YAC9B,IAAI,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;gBAAE,OAAO,IAAI,CAAC;YACpC,OAAO,CAAC,CAAC;QACX,CAAC;QAEO,aAAa,CAAC,GAAkB;YACtC,MAAM,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;YACjC,IAAI,CAAC,CAAC;gBAAE,OAAO,EAAE,CAAC;YAClB,OAAO,GAAG,CAAC,CAAC,cAAc,EAAE,IAAI,MAAM,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;QAC5H,CAAC;QAED;YACE,IAAA,aAAM,EAAC,GAAG,EAAE;gBACV,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC;gBAC3C,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC;gBACzC,IAAA,gBAAS,EAAC,GAAG,EAAE;oBACb,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;oBACrE,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;oBAEnE,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,IAAI,IAAI,EAAE,CAAC;oBACrE,IAAI,CAAC,eAAe,CAAC,GAAG,CACtB,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,cAAc,EAAE,EAAE,UAAU,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC,CAC7E,CAAC;gBACJ,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;QACL,CAAC;QAGD,cAAc,CAAC,KAAiB;YAC9B,IAAI,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC3E,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,CAAC;QACH,CAAC;QAGD,QAAQ;YACN,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;gBAClB,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,CAAC;QACH,CAAC;QAEO,eAAe;YACrB,uDAAuD;YACvD,IAAI,IAAI,CAAC,cAAc,EAAE,KAAK,KAAK,EAAE,CAAC;gBACpC,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC;gBAC3C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;gBACrE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YACnC,CAAC;YACD,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;QAED,cAAc;YACZ,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;gBAClB,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC;QACH,CAAC;QAED,gBAAgB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YAC/B,MAAM,CAAC,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YACjC,MAAM,MAAM,GAAG;gBACb,SAAS;gBACT,UAAU;gBACV,OAAO;gBACP,OAAO;gBACP,KAAK;gBACL,MAAM;gBACN,MAAM;gBACN,QAAQ;gBACR,WAAW;gBACX,SAAS;gBACT,UAAU;gBACV,UAAU;aACX,CAAC;YACF,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC;QAC5D,CAAC,CAAC,CAAC;QAEK,cAAc,CAAC,IAAU;YAC/B,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC;YAClD,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC;YAElD,IAAI,UAAU,EAAE,CAAC;gBACf,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;gBAC3C,IAAI,IAAI,IAAI,IAAI,GAAG,IAAI;oBAAE,OAAO,IAAI,CAAC;YACvC,CAAC;YACD,IAAI,UAAU,EAAE,CAAC;gBACf,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;gBAC3C,IAAI,IAAI,IAAI,IAAI,GAAG,IAAI;oBAAE,OAAO,IAAI,CAAC;YACvC,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC;QAED,YAAY,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YAC3B,MAAM,QAAQ,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YACxC,MAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,EAAE,CAAC;YACvC,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;YAErC,MAAM,eAAe,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;YAE3D,MAAM,iBAAiB,GAAG,eAAe,CAAC,SAAS,EAAE,CAAC;YAEtD,MAAM,aAAa,GAAG,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC;YAChD,aAAa,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,EAAE,GAAG,iBAAiB,CAAC,CAAC;YAEzE,MAAM,KAAK,GAAoB,EAAE,CAAC;YAClC,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC;YAE3C,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC;YAEzB,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACxB,IAAI,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;oBACjC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBACjB,CAAC;gBAED,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;oBAC3B,IAAI,EAAE,IAAI,IAAI,CAAC,UAAU,CAAC;oBAC1B,cAAc,EAAE,UAAU,CAAC,WAAW,EAAE,KAAK,KAAK;oBAClD,OAAO,EACL,UAAU,CAAC,cAAc,EAAE,KAAK,KAAK,CAAC,cAAc,EAAE;wBACtD,UAAU,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,WAAW,EAAE;wBAChD,UAAU,CAAC,UAAU,EAAE,KAAK,KAAK,CAAC,UAAU,EAAE;oBAChD,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC;iBAC1C,CAAC,CAAC;gBAEH,UAAU,CAAC,UAAU,CAAC,UAAU,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC;YACrD,CAAC;YAED,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;QAEH,UAAU,CAAC,KAAoB,EAAE,EAAQ;YACvC,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YACpC,IAAI,CAAC,EAAE;gBAAE,OAAO,KAAK,CAAC;YACtB,OAAO,CACL,EAAE,CAAC,cAAc,EAAE,KAAK,EAAE,CAAC,cAAc,EAAE;gBAC3C,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC,WAAW,EAAE;gBACrC,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,CAAC,UAAU,EAAE,CACpC,CAAC;QACJ,CAAC;QAED,UAAU,CAAC,IAAU;YACnB,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,CAAC;QAC1F,CAAC;QAED,SAAS,CAAC,IAAU;YAClB,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;YAClD,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;YAChD,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK;gBAAE,OAAO,KAAK,CAAC;YAEnC,+CAA+C;YAC/C,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;YACxF,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE,KAAK,CAAC,WAAW,EAAE,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC;YACxF,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE,KAAK,CAAC,WAAW,EAAE,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC;YAExF,OAAO,QAAQ,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,QAAQ,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAClF,CAAC;QAED,UAAU,CAAC,IAAU;YACnB,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;gBAAE,OAAO;YAEtC,IAAI,IAAI,CAAC,cAAc,EAAE,KAAK,OAAO,EAAE,CAAC;gBACtC,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;gBAC/B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;gBACxB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBACvB,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACjC,CAAC;iBAAM,CAAC;gBACN,IAAI,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;gBACjD,IAAI,CAAC,MAAM,EAAE,CAAC;oBACZ,MAAM,GAAG,IAAI,CAAC;gBAChB,CAAC;gBACD,IAAI,IAAI,GAAG,IAAI,CAAC;gBAEhB,IAAI,IAAI,CAAC,OAAO,EAAE,GAAG,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC;oBACtC,MAAM,IAAI,GAAG,MAAM,CAAC;oBACpB,MAAM,GAAG,IAAI,CAAC;oBACd,IAAI,GAAG,IAAI,CAAC;gBACd,CAAC;gBAED,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;gBAC/B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBACjC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;QACH,CAAC;QAED,WAAW,CAAC,KAAW,EAAE,GAAS;YAChC,MAAM,CAAC,GAAG,IAAI,IAAI,CAChB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE,KAAK,CAAC,WAAW,EAAE,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,CAC1E,CAAC,WAAW,EAAE,CAAC;YAChB,MAAM,CAAC,GAAG,IAAI,IAAI,CAChB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,cAAc,EAAE,EAAE,GAAG,CAAC,WAAW,EAAE,EAAE,GAAG,CAAC,UAAU,EAAE,CAAC,CACpE,CAAC,WAAW,EAAE,CAAC;YAEhB,IAAI,WAAW,GAAG,CAAC,CAAC;YACpB,IAAI,SAAS,GAAG,CAAC,CAAC;YAElB,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC;gBAClD,WAAW,GAAG,CAAC,CAAC;gBAChB,SAAS,GAAG,CAAC,CAAC;YAChB,CAAC;YAED,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;YAChC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YAE5B,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;YACjF,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;YAE7E,oEAAoE;YACpE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC;QACjE,CAAC;QAED,SAAS;YACP,MAAM,CAAC,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YACjC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3F,CAAC;QAED,SAAS;YACP,MAAM,CAAC,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YACjC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3F,CAAC;QAED,cAAc,CAAC,KAAoB;YACjC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;gBAC5E,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC;QACH,CAAC;QAED,YAAY,CAAC,KAAoB,EAAE,IAAU;YAC3C,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;YACzB,IAAI,OAAO,GAAG,KAAK,CAAC;YAEpB,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;gBAClB,KAAK,OAAO,CAAC;gBACb,KAAK,GAAG;oBACN,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;oBACnB,OAAO,GAAG,IAAI,CAAC;oBACf,MAAM;gBACR,KAAK,YAAY;oBACf,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC;oBACjC,OAAO,GAAG,IAAI,CAAC;oBACf,MAAM;gBACR,KAAK,WAAW;oBACd,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC;oBACjC,OAAO,GAAG,IAAI,CAAC;oBACf,MAAM;gBACR,KAAK,WAAW;oBACd,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC;oBACjC,OAAO,GAAG,IAAI,CAAC;oBACf,MAAM;gBACR,KAAK,SAAS;oBACZ,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC;oBACjC,OAAO,GAAG,IAAI,CAAC;oBACf,MAAM;YACV,CAAC;YAED,IAAI,OAAO,EAAE,CAAC;gBACZ,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IACE,CAAC,CAAC,WAAW,EAAE,KAAK,IAAI,CAAC,eAAe,EAAE,CAAC,WAAW,EAAE;oBACxD,CAAC,CAAC,cAAc,EAAE,KAAK,IAAI,CAAC,eAAe,EAAE,CAAC,cAAc,EAAE,EAC9D,CAAC;oBACD,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;gBACvF,CAAC;gBACD,UAAU,CAAC,GAAG,EAAE;oBACd,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC;oBAC5E,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,EAAE,cAAc,CAAC,EAAE,CAAC,CAAC;oBACxE,IAAI,EAAE;wBAAE,EAAE,CAAC,KAAK,EAAE,CAAC;gBACrB,CAAC,EAAE,CAAC,CAAC,CAAC;YACR,CAAC;QACH,CAAC;;YAvTU,+DAAwB;;;;;AAAxB,4DAAwB"}

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

@@ -0,0 +1,21 @@
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+export interface DividerProps {
+    orientation?: 'horizontal' | 'vertical';
+    variant?: 'solid' | 'dashed' | 'dotted';
+    thickness?: string | number;
+    content?: string;
+    permissions?: Record<string, string>;
+    rules?: Record<string, unknown>;
+    metadata?: Record<string, unknown>;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare class DividerComponent implements OrigoAdapter<DividerProps> {
+    static readonly contractSchema: Record<keyof DividerProps, "string" | "number" | "boolean" | "object" | "array">;
+    contract: import("@angular/core").InputSignal<InteractionContract<DividerProps>>;
+    protected props: import("@angular/core").Signal<DividerProps>;
+    protected computedOrientation: import("@angular/core").Signal<string>;
+    protected get thicknessValue(): string;
+    protected get inlineStyles(): Record<string, string>;
+}

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

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DividerComponent = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const common_1 = require("@angular/common");
+const adapter_1 = require("../../../adapters/web/adapter");
+const contractSchema = {
+    orientation: 'string',
+    variant: 'string',
+    thickness: 'string',
+    content: 'string',
+    permissions: 'object',
+    rules: 'object',
+    metadata: 'object',
+    'aria-label': 'string',
+    'aria-describedby': 'string',
+};
+const finalSchema = { ...contractSchema };
+delete finalSchema.thickness;
+let DividerComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-divider',
+            standalone: true,
+            imports: [common_1.NgStyle],
+            templateUrl: './divider.component.html',
+            styleUrl: './divider.component.scss',
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                role: 'separator',
+                '[attr.aria-orientation]': 'computedOrientation()',
+                '[attr.aria-label]': "props()['aria-label'] || null",
+                '[attr.aria-describedby]': "props()['aria-describedby'] || null",
+                '[class.origo-divider--horizontal]': "computedOrientation() === 'horizontal'",
+                '[class.origo-divider--vertical]': "computedOrientation() === 'vertical'",
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var DividerComponent = 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);
+            DividerComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = contractSchema;
+        contract = core_1.input.required();
+        props = (0, core_1.computed)(() => {
+            const p = (0, adapter_1.coerceContractProps)(this.contract().props, finalSchema);
+            const original = this.contract().props || {};
+            if ('thickness' in original)
+                p.thickness = original.thickness;
+            return p;
+        });
+        computedOrientation = (0, core_1.computed)(() => {
+            const o = this.props().orientation;
+            return o ? o.toLowerCase() : 'horizontal';
+        });
+        get thicknessValue() {
+            const t = this.props().thickness;
+            if (typeof t === 'number' || /^\d+$/.test(String(t)))
+                return `${t}px`;
+            return t || '';
+        }
+        get inlineStyles() {
+            const p = this.props();
+            const styles = {
+                '--origo-divider-variant': p.variant || 'solid',
+            };
+            if (this.thicknessValue) {
+                styles['--origo-divider-thickness'] = this.thicknessValue;
+            }
+            return styles;
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DividerComponent = _classThis;
+})();
+exports.DividerComponent = DividerComponent;
+//# sourceMappingURL=divider.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/divider/divider.component.ts"],"names":[],"mappings":";;;;AAAA,wCAMuB;AACvB,4CAA0C;AAE1C,2DAAkF;AAclF,MAAM,cAAc,GAGhB;IACF,WAAW,EAAE,QAAQ;IACrB,OAAO,EAAE,QAAQ;IACjB,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,QAAQ;IACrB,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,QAAQ;IAClB,YAAY,EAAE,QAAQ;IACtB,kBAAkB,EAAE,QAAQ;CAC7B,CAAC;AAEF,MAAM,WAAW,GAAG,EAAE,GAAG,cAAc,EAAE,CAAC;AAC1C,OAAQ,WAAmB,CAAC,SAAS,CAAC;IAmBzB,gBAAgB;4BAjB5B,IAAA,gBAAS,EAAC;YACT,QAAQ,EAAE,eAAe;YACzB,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,CAAC,gBAAO,CAAC;YAClB,WAAW,EAAE,0BAA0B;YACvC,QAAQ,EAAE,0BAA0B;YACpC,eAAe,EAAE,8BAAuB,CAAC,MAAM;YAC/C,aAAa,EAAE,wBAAiB,CAAC,SAAS;YAC1C,IAAI,EAAE;gBACJ,IAAI,EAAE,WAAW;gBACjB,yBAAyB,EAAE,uBAAuB;gBAClD,mBAAmB,EAAE,+BAA+B;gBACpD,yBAAyB,EAAE,qCAAqC;gBAChE,mCAAmC,EAAE,wCAAwC;gBAC7E,iCAAiC,EAAE,sCAAsC;aAC1E;SACF,CAAC;;;;;;;;YACF,qLAiCC;;;;QAhCC,MAAM,CAAU,cAAc,GAAG,cAAc,CAAC;QAEhD,QAAQ,GAAG,YAAK,CAAC,QAAQ,EAAqC,CAAC;QAErD,KAAK,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YAC9B,MAAM,CAAC,GAAG,IAAA,6BAAmB,EAAe,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;YAChF,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC;YAC7C,IAAI,WAAW,IAAI,QAAQ;gBAAE,CAAC,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAgB,CAAC;YACrE,OAAO,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;QAEO,mBAAmB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YAC5C,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,WAAW,CAAC;YACnC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC;QAC5C,CAAC,CAAC,CAAC;QAEH,IAAc,cAAc;YAC1B,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,SAAS,CAAC;YACjC,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBAAE,OAAO,GAAG,CAAC,IAAI,CAAC;YACtE,OAAQ,CAAY,IAAI,EAAE,CAAC;QAC7B,CAAC;QAED,IAAc,YAAY;YACxB,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;YACvB,MAAM,MAAM,GAA2B;gBACrC,yBAAyB,EAAE,CAAC,CAAC,OAAO,IAAI,OAAO;aAChD,CAAC;YACF,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;gBACxB,MAAM,CAAC,2BAA2B,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC;YAC5D,CAAC;YACD,OAAO,MAAM,CAAC;QAChB,CAAC;;YAhCU,+DAAgB;;;;;AAAhB,4CAAgB"}

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

@@ -0,0 +1,24 @@
+import { ViewContainerRef } from '@angular/core';
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter, ContainerComponent as IContainerComponent } from '../../../adapters/web/adapter';
+export interface GridProps {
+    columns?: number | string | Record<string, number>;
+    gap?: number | string;
+    align?: string;
+    justify?: string;
+    responsive?: Record<string, number>;
+    permissions?: Record<string, string>;
+    rules?: Record<string, unknown>;
+    metadata?: Record<string, unknown>;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare class GridComponent implements OrigoAdapter<GridProps>, IContainerComponent {
+    static readonly contractSchema: Record<keyof GridProps, "string" | "number" | "boolean" | "object" | "array">;
+    contract: import("@angular/core").InputSignal<InteractionContract<GridProps>>;
+    vc: import("@angular/core").Signal<ViewContainerRef>;
+    protected props: import("@angular/core").Signal<GridProps>;
+    protected get gridTemplateColumns(): string;
+    protected get gapValue(): string;
+    protected get inlineStyles(): Record<string, string>;
+}

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

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridComponent = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const common_1 = require("@angular/common");
+const adapter_1 = require("../../../adapters/web/adapter");
+const contractSchema = {
+    columns: 'object', // coerce to object if responsive, or string if literal. We'll type this broadly. Wait, coerceContractProps doesn't handle union coercions well natively. Let's use 'string' for string, or 'number', but wait, the schema doesn't support complex unions. We'll map to object for responsive and parse in computed. We can omit it from schema to avoid strict coercion dropping it, or handle it manually.
+    gap: 'string', // wait, gap can be string or number. Let's omit from strict schema coercion to keep it intact.
+    align: 'string',
+    justify: 'string',
+    responsive: 'object',
+    permissions: 'object',
+    rules: 'object',
+    metadata: 'object',
+    'aria-label': 'string',
+    'aria-describedby': 'string',
+};
+// We will modify the schema slightly to avoid dropping columns/gap
+const finalSchema = { ...contractSchema };
+delete finalSchema.columns;
+delete finalSchema.gap;
+let GridComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-grid',
+            standalone: true,
+            imports: [common_1.NgStyle],
+            templateUrl: './grid.component.html',
+            styleUrl: './grid.component.scss',
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var GridComponent = 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);
+            GridComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = contractSchema;
+        contract = core_1.input.required();
+        vc = core_1.viewChild.required('vc', { read: core_1.ViewContainerRef });
+        props = (0, core_1.computed)(() => {
+            const p = (0, adapter_1.coerceContractProps)(this.contract().props, finalSchema);
+            const original = this.contract().props || {};
+            if ('columns' in original)
+                p.columns = original.columns;
+            if ('gap' in original)
+                p.gap = original.gap;
+            return p;
+        });
+        get gridTemplateColumns() {
+            const cols = this.props().columns;
+            if (typeof cols === 'number' && cols > 0)
+                return `repeat(${cols}, minmax(0, 1fr))`;
+            if (typeof cols === 'string') {
+                const num = Number(cols);
+                if (!isNaN(num) && num > 0)
+                    return `repeat(${num}, minmax(0, 1fr))`;
+                return cols;
+            }
+            if (typeof cols === 'object' && cols !== null) {
+                const base = cols['xs'] || 1;
+                return `repeat(${base}, minmax(0, 1fr))`;
+            }
+            return 'repeat(1, minmax(0, 1fr))';
+        }
+        get gapValue() {
+            const g = this.props().gap;
+            if (typeof g === 'number' || /^\d+$/.test(String(g)))
+                return `${g}px`;
+            return g || '';
+        }
+        get inlineStyles() {
+            const p = this.props();
+            const styles = {
+                '--origo-grid-columns': this.gridTemplateColumns,
+            };
+            if (this.gapValue)
+                styles['gap'] = this.gapValue;
+            if (p.align)
+                styles['align-items'] = p.align;
+            if (p.justify)
+                styles['justify-content'] = p.justify;
+            // Apply responsive columns via inline css variables if provided (e.g. { sm: 1, md: 2, lg: 4 })
+            // The CSS would use these variables via media queries.
+            if (p.responsive) {
+                for (const [key, val] of Object.entries(p.responsive)) {
+                    styles[`--origo-grid-cols-${key}`] = `repeat(${val}, minmax(0, 1fr))`;
+                }
+            }
+            else if (typeof p.columns === 'object' && p.columns !== null) {
+                for (const [key, val] of Object.entries(p.columns)) {
+                    styles[`--origo-grid-cols-${key}`] = `repeat(${val}, minmax(0, 1fr))`;
+                }
+            }
+            return styles;
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return GridComponent = _classThis;
+})();
+exports.GridComponent = GridComponent;
+//# sourceMappingURL=grid.component.js.map

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

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