@origostudio/origo-design 0.0.58 → 0.0.59

package/CHANGELOG.md

@@ -1,11 +1,11 @@
-## 0.0.58 (2026-10-16)
+## 0.0.59 (2026-10-16)
 
 ### 🚀 Features
 
-- add sprint status tracker and story implementation file for status and loading indicators ([d377ec6](https://github.com/OrigoStudio/origo-design/commit/d377ec6))
-- implement primitive status and loading components including skeleton, badge, and spinner in angular-renderer ([f3501b1](https://github.com/OrigoStudio/origo-design/commit/f3501b1))
-- add primitive status and loading indicator components to angular renderer ([e62c5f9](https://github.com/OrigoStudio/origo-design/commit/e62c5f9))
-- implement badge and block-ui components with unit tests for angular-renderer ([445abb2](https://github.com/OrigoStudio/origo-design/commit/445abb2))
+- initialize sprint status and add story 2-5 for utility and interaction behaviors ([718a4d3](https://github.com/OrigoStudio/origo-design/commit/718a4d3))
+- add husky pre-commit hook to run lint-staged and performance benchmarks ([90c2fa7](https://github.com/OrigoStudio/origo-design/commit/90c2fa7))
+- add accordion, carousel, and slider primitives to angular-renderer package ([bcef83f](https://github.com/OrigoStudio/origo-design/commit/bcef83f))
+- implement utility and interaction primitive components with accessibility and semantic theming ([44f3fc2](https://github.com/OrigoStudio/origo-design/commit/44f3fc2))
 
 ### ❤️ Thank You
 

package/dist/packages/angular-renderer/CHANGELOG.md

@@ -1,3 +1,14 @@
+## 0.0.59 (2026-10-16)
+
+### 🚀 Features
+
+- implement utility and interaction primitive components with accessibility and semantic theming ([44f3fc2](https://github.com/OrigoStudio/origo-design/commit/44f3fc2))
+- add accordion, carousel, and slider primitives to angular-renderer package ([bcef83f](https://github.com/OrigoStudio/origo-design/commit/bcef83f))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
 ## 0.0.58 (2026-10-16)
 
 ### 🚀 Features

package/dist/packages/angular-renderer/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@origostudio/angular-renderer",
-  "version": "0.0.58",
+  "version": "0.0.59",
   "private": false,
   "type": "commonjs",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "dependencies": {
-    "@origostudio/core": "0.0.58",
-    "@origostudio/design-tokens": "0.0.58",
+    "@origostudio/core": "0.0.59",
+    "@origostudio/design-tokens": "0.0.59",
     "tslib": "^2.3.0",
     "@analogjs/vite-plugin-angular": "^2.7.1",
     "zone.js": "^0.16.3",

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

@@ -0,0 +1,55 @@
+import { ElementRef, ViewContainerRef } from '@angular/core';
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter, ContainerComponent as IContainerComponent } from '../../../adapters/web/adapter';
+export interface AccordionItem {
+    key: string;
+    header: string;
+    content?: string;
+    icon?: string;
+    badge?: string | number;
+    disabled?: boolean;
+}
+export interface AccordionProps {
+    permissions?: Record<string, string>;
+    rules?: Record<string, unknown>;
+    metadata?: Record<string, unknown>;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+    items?: AccordionItem[];
+    panels?: AccordionItem[];
+    value?: string | string[];
+    multiple?: boolean;
+    disabled?: boolean;
+    lazy?: boolean;
+    expandIcon?: string;
+    collapseIcon?: string;
+}
+export declare const AccordionContractSchema: Record<string, 'string' | 'number' | 'boolean' | 'array' | 'object'>;
+export declare class AccordionComponent implements OrigoAdapter<AccordionProps>, IContainerComponent {
+    static readonly contractSchema: Record<string, "string" | "number" | "boolean" | "object" | "array">;
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<AccordionProps>>;
+    readonly vc: import("@angular/core").Signal<ViewContainerRef | undefined>;
+    headerButtons: import("@angular/core").Signal<readonly ElementRef<HTMLButtonElement>[]>;
+    valueChange: import("@angular/core").OutputEmitterRef<string | string[]>;
+    open: import("@angular/core").OutputEmitterRef<string>;
+    close: import("@angular/core").OutputEmitterRef<string>;
+    private experienceAdapter;
+    private platformId;
+    protected internalExpandedKeys: import("@angular/core").WritableSignal<Set<string>>;
+    protected openedOnceKeys: import("@angular/core").WritableSignal<Set<string>>;
+    constructor();
+    protected props: import("@angular/core").Signal<AccordionProps>;
+    computedAriaLabel: import("@angular/core").Signal<string | undefined>;
+    computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
+    computedDisabled: import("@angular/core").Signal<boolean>;
+    computedItems: import("@angular/core").Signal<AccordionItem[]>;
+    computedExpandIcon: import("@angular/core").Signal<string | undefined>;
+    computedCollapseIcon: import("@angular/core").Signal<string | undefined>;
+    isExpanded(item: AccordionItem): boolean;
+    isPanelRendered(item: AccordionItem): boolean;
+    getHeaderId(item: AccordionItem, index: number): string;
+    getPanelId(item: AccordionItem, index: number): string;
+    togglePanel(item: AccordionItem): void;
+    onHeaderKeydown(event: KeyboardEvent, index: number): void;
+}

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

@@ -0,0 +1,206 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccordionComponent = exports.AccordionContractSchema = 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");
+exports.AccordionContractSchema = {
+    permissions: 'object',
+    rules: 'object',
+    metadata: 'object',
+    'aria-label': 'string',
+    'aria-describedby': 'string',
+    items: 'array',
+    panels: 'array',
+    multiple: 'boolean',
+    disabled: 'boolean',
+    lazy: 'boolean',
+    expandIcon: 'string',
+    collapseIcon: 'string',
+};
+let AccordionComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-accordion',
+            standalone: true,
+            templateUrl: './accordion.component.html',
+            styleUrls: ['./accordion.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-accordion]': 'true',
+                '[class.origo-accordion--disabled]': 'computedDisabled()',
+                '[attr.data-testid]': 'contract().id',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var AccordionComponent = 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);
+            AccordionComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = exports.AccordionContractSchema;
+        static strictContract = false;
+        contract = core_1.input.required();
+        vc = (0, core_1.viewChild)('vc', { read: core_1.ViewContainerRef });
+        headerButtons = (0, core_1.viewChildren)('headerButton');
+        valueChange = (0, core_1.output)();
+        open = (0, core_1.output)();
+        close = (0, core_1.output)();
+        experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
+        platformId = (0, core_1.inject)(core_1.PLATFORM_ID);
+        internalExpandedKeys = (0, core_1.signal)(new Set());
+        openedOnceKeys = (0, core_1.signal)(new Set());
+        constructor() {
+            (0, core_1.effect)(() => {
+                const rawVal = this.props().value;
+                const isMulti = !!this.props().multiple;
+                const initial = new Set();
+                if (rawVal !== undefined && rawVal !== null) {
+                    if (Array.isArray(rawVal)) {
+                        if (isMulti) {
+                            rawVal.forEach(k => initial.add(String(k)));
+                        }
+                        else if (rawVal.length > 0) {
+                            initial.add(String(rawVal[0]));
+                        }
+                    }
+                    else if ((typeof rawVal === 'string' || typeof rawVal === 'number') &&
+                        String(rawVal).trim() !== '') {
+                        initial.add(String(rawVal));
+                    }
+                }
+                this.internalExpandedKeys.set(initial);
+                this.openedOnceKeys.update(existing => {
+                    const next = new Set(existing);
+                    initial.forEach(k => next.add(k));
+                    return next;
+                });
+            });
+        }
+        props = (0, core_1.computed)(() => (0, adapter_1.coerceContractProps)(this.contract().props, exports.AccordionContractSchema));
+        computedAriaLabel = (0, core_1.computed)(() => {
+            const label = this.props()['aria-label'];
+            return label !== undefined && label !== null ? String(label) : undefined;
+        });
+        computedAriaDescribedBy = (0, core_1.computed)(() => {
+            const desc = this.props()['aria-describedby'];
+            return desc !== undefined && desc !== null ? String(desc) : undefined;
+        });
+        computedDisabled = (0, core_1.computed)(() => {
+            return !!this.props().disabled;
+        });
+        computedItems = (0, core_1.computed)(() => {
+            const raw = this.props().items ?? this.props().panels;
+            if (!Array.isArray(raw))
+                return [];
+            return raw
+                .filter(item => item != null && item.key != null)
+                .map(item => ({
+                key: String(item.key),
+                header: item.header != null ? String(item.header) : '',
+                content: item.content != null ? String(item.content) : undefined,
+                icon: item.icon != null ? String(item.icon) : undefined,
+                badge: item.badge !== undefined && item.badge !== null ? item.badge : undefined,
+                disabled: !!item.disabled,
+            }));
+        });
+        computedExpandIcon = (0, core_1.computed)(() => this.props().expandIcon);
+        computedCollapseIcon = (0, core_1.computed)(() => this.props().collapseIcon);
+        isExpanded(item) {
+            return this.internalExpandedKeys().has(item.key);
+        }
+        isPanelRendered(item) {
+            if (!this.props().lazy)
+                return true;
+            return this.openedOnceKeys().has(item.key) || this.isExpanded(item);
+        }
+        getHeaderId(item, index) {
+            const baseId = this.contract().id || 'origo-accordion';
+            return `${baseId}-header-${item.key || index}`;
+        }
+        getPanelId(item, index) {
+            const baseId = this.contract().id || 'origo-accordion';
+            return `${baseId}-panel-${item.key || index}`;
+        }
+        togglePanel(item) {
+            if (this.computedDisabled() || item.disabled || !item.key)
+                return;
+            const current = new Set(this.internalExpandedKeys());
+            const isCurrentlyExpanded = current.has(item.key);
+            const isMulti = !!this.props().multiple;
+            const contractId = this.contract().id;
+            if (isCurrentlyExpanded) {
+                current.delete(item.key);
+                this.close.emit(item.key);
+                if (contractId) {
+                    this.experienceAdapter.dispatchCapability(contractId, 'close', { key: item.key });
+                }
+            }
+            else {
+                if (!isMulti) {
+                    current.clear();
+                }
+                current.add(item.key);
+                this.open.emit(item.key);
+                if (contractId) {
+                    this.experienceAdapter.dispatchCapability(contractId, 'open', { key: item.key });
+                }
+            }
+            this.internalExpandedKeys.set(current);
+            this.openedOnceKeys.update(set => new Set(set).add(item.key));
+            const nextValue = isMulti
+                ? Array.from(current)
+                : (current.values().next().value ?? '');
+            this.valueChange.emit(nextValue);
+            if (contractId) {
+                this.experienceAdapter.updateState(contractId, 'value', nextValue);
+                this.experienceAdapter.dispatchCapability(contractId, 'valueChange', { value: nextValue });
+            }
+        }
+        onHeaderKeydown(event, index) {
+            const items = this.computedItems();
+            if (items.length === 0)
+                return;
+            let nextIndex = index;
+            if (event.key === 'ArrowDown') {
+                nextIndex = index + 1;
+                event.preventDefault();
+            }
+            else if (event.key === 'ArrowUp') {
+                nextIndex = index - 1;
+                event.preventDefault();
+            }
+            else if (event.key === 'Home') {
+                nextIndex = 0;
+                event.preventDefault();
+            }
+            else if (event.key === 'End') {
+                nextIndex = items.length - 1;
+                event.preventDefault();
+            }
+            else {
+                return;
+            }
+            if (nextIndex < 0)
+                nextIndex = items.length - 1;
+            if (nextIndex >= items.length)
+                nextIndex = 0;
+            const buttons = this.headerButtons();
+            if (buttons && buttons[nextIndex]) {
+                buttons[nextIndex].nativeElement.focus();
+            }
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return AccordionComponent = _classThis;
+})();
+exports.AccordionComponent = AccordionComponent;
+//# sourceMappingURL=accordion.component.js.map

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

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

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

@@ -0,0 +1,140 @@
+import { ElementRef, ViewContainerRef } from '@angular/core';
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter, ContainerComponent as IContainerComponent } from '../../../adapters/web/adapter';
+export interface CarouselResponsiveOption {
+    breakpoint: string;
+    numVisible: number;
+    numScroll: number;
+}
+export interface CarouselItem {
+    id?: string;
+    title?: string;
+    content?: string;
+    image?: string;
+    [key: string]: unknown;
+}
+export interface CarouselProps {
+    permissions?: Record<string, string>;
+    rules?: Record<string, unknown>;
+    metadata?: Record<string, unknown>;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+    items?: unknown[];
+    value?: unknown[];
+    numVisible?: number;
+    numScroll?: number;
+    orientation?: 'horizontal' | 'vertical';
+    circular?: boolean;
+    autoplay?: boolean;
+    interval?: number;
+    page?: number;
+    responsiveOptions?: CarouselResponsiveOption[];
+    showNavigators?: boolean;
+    showIndicators?: boolean;
+    pauseOnHover?: boolean;
+}
+export declare const CarouselContractSchema: {
+    readonly permissions: "object";
+    readonly rules: "object";
+    readonly metadata: "object";
+    readonly 'aria-label': "string";
+    readonly 'aria-describedby': "string";
+    readonly items: "array";
+    readonly value: "array";
+    readonly numVisible: "number";
+    readonly numScroll: "number";
+    readonly orientation: "string";
+    readonly circular: "boolean";
+    readonly autoplay: "boolean";
+    readonly interval: "number";
+    readonly page: "number";
+    readonly responsiveOptions: "array";
+    readonly showNavigators: "boolean";
+    readonly showIndicators: "boolean";
+    readonly pauseOnHover: "boolean";
+};
+export declare class CarouselComponent implements OrigoAdapter<CarouselProps>, IContainerComponent {
+    static readonly contractSchema: {
+        readonly permissions: "object";
+        readonly rules: "object";
+        readonly metadata: "object";
+        readonly 'aria-label': "string";
+        readonly 'aria-describedby': "string";
+        readonly items: "array";
+        readonly value: "array";
+        readonly numVisible: "number";
+        readonly numScroll: "number";
+        readonly orientation: "string";
+        readonly circular: "boolean";
+        readonly autoplay: "boolean";
+        readonly interval: "number";
+        readonly page: "number";
+        readonly responsiveOptions: "array";
+        readonly showNavigators: "boolean";
+        readonly showIndicators: "boolean";
+        readonly pauseOnHover: "boolean";
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<CarouselProps>>;
+    readonly vc: import("@angular/core").Signal<ViewContainerRef | undefined>;
+    readonly viewportEl: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
+    pageChange: import("@angular/core").OutputEmitterRef<number>;
+    itemClick: import("@angular/core").OutputEmitterRef<{
+        item: unknown;
+        index: number;
+    }>;
+    play: import("@angular/core").OutputEmitterRef<void>;
+    pause: import("@angular/core").OutputEmitterRef<void>;
+    private experienceAdapter;
+    private platformId;
+    private document;
+    private destroyRef;
+    protected currentPage: import("@angular/core").WritableSignal<number>;
+    protected responsiveNumVisible: import("@angular/core").WritableSignal<number | null>;
+    protected responsiveNumScroll: import("@angular/core").WritableSignal<number | null>;
+    private autoplayTimer;
+    private isHovered;
+    private startX;
+    private startY;
+    private isSwiping;
+    constructor();
+    protected props: import("@angular/core").Signal<CarouselProps>;
+    computedItems: import("@angular/core").Signal<unknown[]>;
+    totalItems: import("@angular/core").Signal<number>;
+    computedNumVisible: import("@angular/core").Signal<number>;
+    computedNumScroll: import("@angular/core").Signal<number>;
+    effectiveNumVisible: import("@angular/core").Signal<number>;
+    effectiveNumScroll: import("@angular/core").Signal<number>;
+    computedOrientation: import("@angular/core").Signal<"horizontal" | "vertical">;
+    computedCircular: import("@angular/core").Signal<boolean>;
+    computedAutoplay: import("@angular/core").Signal<boolean>;
+    computedInterval: import("@angular/core").Signal<number>;
+    computedShowNavigators: import("@angular/core").Signal<boolean>;
+    computedShowIndicators: import("@angular/core").Signal<boolean>;
+    computedPauseOnHover: import("@angular/core").Signal<boolean>;
+    computedAriaLabel: import("@angular/core").Signal<string>;
+    computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
+    totalPages: import("@angular/core").Signal<number>;
+    pagesArray: import("@angular/core").Signal<number[]>;
+    computedTrackTransform: import("@angular/core").Signal<string>;
+    setPage(nextPage: number): void;
+    stepNext(isAutoplay?: boolean): void;
+    stepPrev(): void;
+    onItemClick(item: unknown, index: number): void;
+    onPointerDown(event: PointerEvent): void;
+    onPointerUp(event: PointerEvent): void;
+    onPointerCancel(): void;
+    onKeydown(event: KeyboardEvent): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onFocusIn(): void;
+    onFocusOut(): void;
+    private startAutoplayInternal;
+    private pauseAutoplayInternal;
+    private stopAutoplayInternal;
+    asObject(item: unknown): Record<string, unknown> | null;
+    getItemTitle(item: unknown): string | null;
+    getItemContent(item: unknown): string | null;
+    getItemImage(item: unknown): string | null;
+    private isRtlElement;
+}