@origostudio/origo-design 0.0.56 → 0.0.58

package/CHANGELOG.md

@@ -1,10 +1,11 @@
-## 0.0.56 (2026-10-13)
+## 0.0.58 (2026-10-16)
 
 ### 🚀 Features
 
-- initialize sprint status and add story 2-2 for modal and overlay components ([6ecdd11](https://github.com/OrigoStudio/origo-design/commit/6ecdd11))
-- implement modal and overlay primitives with shadow DOM support and focus trapping ([0c8b1b8](https://github.com/OrigoStudio/origo-design/commit/0c8b1b8))
-- implement modal and overlay primitives including dialog, drawer, popover, and tooltip components ([ca3030d](https://github.com/OrigoStudio/origo-design/commit/ca3030d))
+- 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))
 
 ### ❤️ Thank You
 

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

@@ -1,3 +1,26 @@
+## 0.0.58 (2026-10-16)
+
+### 🚀 Features
+
+- implement badge and block-ui components with unit tests for angular-renderer ([445abb2](https://github.com/OrigoStudio/origo-design/commit/445abb2))
+- add primitive status and loading indicator components to angular renderer ([e62c5f9](https://github.com/OrigoStudio/origo-design/commit/e62c5f9))
+- implement primitive status and loading components including skeleton, badge, and spinner in angular-renderer ([f3501b1](https://github.com/OrigoStudio/origo-design/commit/f3501b1))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.57 (2026-10-15)
+
+### 🚀 Features
+
+- implement messaging and notification primitive components in angular-renderer ([84687eb](https://github.com/OrigoStudio/origo-design/commit/84687eb))
+- add angular primitive components including overlays, dialogs, and notifications ([9c962b8](https://github.com/OrigoStudio/origo-design/commit/9c962b8))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
 ## 0.0.56 (2026-10-13)
 
 ### 🚀 Features

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

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

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

@@ -0,0 +1,92 @@
+import { ViewContainerRef } from '@angular/core';
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter, ContainerComponent } from '../../../adapters/web/adapter';
+export interface AlertAction {
+    label: string;
+    action: string;
+    variant?: 'primary' | 'secondary' | 'text' | string;
+}
+export interface AlertProps {
+    visible?: boolean;
+    severity?: 'info' | 'success' | 'warn' | 'warning' | 'error';
+    title?: string;
+    message?: string;
+    text?: string;
+    icon?: string;
+    closable?: boolean;
+    variant?: 'standard' | 'outlined' | 'filled';
+    actions?: AlertAction[];
+    life?: number;
+    permissions?: Record<string, string>;
+    rules?: Record<string, unknown>;
+    metadata?: Record<string, unknown>;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare const AlertContractSchema: {
+    readonly visible: "boolean";
+    readonly severity: "string";
+    readonly title: "string";
+    readonly message: "string";
+    readonly text: "string";
+    readonly icon: "string";
+    readonly closable: "boolean";
+    readonly variant: "string";
+    readonly actions: "array";
+    readonly life: "number";
+    readonly permissions: "object";
+    readonly rules: "object";
+    readonly metadata: "object";
+    readonly 'aria-label': "string";
+    readonly 'aria-describedby': "string";
+};
+export declare class AlertComponent implements OrigoAdapter<AlertProps>, ContainerComponent {
+    static readonly contractSchema: {
+        readonly visible: "boolean";
+        readonly severity: "string";
+        readonly title: "string";
+        readonly message: "string";
+        readonly text: "string";
+        readonly icon: "string";
+        readonly closable: "boolean";
+        readonly variant: "string";
+        readonly actions: "array";
+        readonly life: "number";
+        readonly permissions: "object";
+        readonly rules: "object";
+        readonly metadata: "object";
+        readonly 'aria-label': "string";
+        readonly 'aria-describedby': "string";
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<AlertProps>>;
+    vc: import("@angular/core").Signal<ViewContainerRef | undefined>;
+    close: import("@angular/core").OutputEmitterRef<void>;
+    action: import("@angular/core").OutputEmitterRef<{
+        action: string;
+        data?: unknown;
+    }>;
+    visibleChange: import("@angular/core").OutputEmitterRef<boolean>;
+    private experienceAdapter;
+    private destroyRef;
+    private platformId;
+    private autoDismissTimer;
+    private readonly manuallyClosed;
+    readonly isVisible: import("@angular/core").Signal<boolean>;
+    readonly coercedProps: import("@angular/core").Signal<AlertProps>;
+    readonly normalizedSeverity: import("@angular/core").Signal<"info" | "success" | "warning" | "error">;
+    readonly computedVariant: import("@angular/core").Signal<"outlined" | "filled" | "standard">;
+    readonly computedTitle: import("@angular/core").Signal<string | undefined>;
+    readonly computedMessage: import("@angular/core").Signal<string>;
+    readonly isClosable: import("@angular/core").Signal<boolean>;
+    readonly actions: import("@angular/core").Signal<AlertAction[]>;
+    readonly customIcon: import("@angular/core").Signal<string | undefined>;
+    readonly role: import("@angular/core").Signal<"alert" | "status">;
+    readonly ariaLive: import("@angular/core").Signal<"assertive" | "polite">;
+    readonly ariaLabel: import("@angular/core").Signal<string | undefined>;
+    readonly ariaDescribedBy: import("@angular/core").Signal<string | undefined>;
+    constructor();
+    private clearTimer;
+    onClose(): void;
+    onActionClick(act: AlertAction): void;
+}

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

@@ -0,0 +1,137 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertComponent = exports.AlertContractSchema = 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 experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
+exports.AlertContractSchema = {
+    visible: 'boolean',
+    severity: 'string',
+    title: 'string',
+    message: 'string',
+    text: 'string',
+    icon: 'string',
+    closable: 'boolean',
+    variant: 'string',
+    actions: 'array',
+    life: 'number',
+    permissions: 'object',
+    rules: 'object',
+    metadata: 'object',
+    'aria-label': 'string',
+    'aria-describedby': 'string',
+};
+let AlertComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-alert',
+            standalone: true,
+            imports: [common_1.CommonModule],
+            templateUrl: './alert.component.html',
+            styleUrls: ['./alert.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-alert-host]': 'true',
+                '[attr.data-testid]': 'contract().id',
+                '[class.origo-alert--hidden]': '!isVisible()',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var AlertComponent = 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);
+            AlertComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = exports.AlertContractSchema;
+        static strictContract = false;
+        contract = core_1.input.required();
+        vc = (0, core_1.viewChild)('vc', { read: core_1.ViewContainerRef });
+        close = (0, core_1.output)();
+        action = (0, core_1.output)();
+        visibleChange = (0, core_1.output)();
+        experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
+        destroyRef = (0, core_1.inject)(core_1.DestroyRef);
+        platformId = (0, core_1.inject)(core_1.PLATFORM_ID);
+        autoDismissTimer = null;
+        manuallyClosed = (0, core_1.signal)(false);
+        isVisible = (0, core_1.computed)(() => {
+            if (this.manuallyClosed())
+                return false;
+            return this.coercedProps().visible !== false;
+        });
+        coercedProps = (0, core_1.computed)(() => (0, adapter_1.coerceContractProps)(this.contract()?.props, exports.AlertContractSchema));
+        normalizedSeverity = (0, core_1.computed)(() => {
+            const sev = this.coercedProps().severity?.toLowerCase();
+            if (sev === 'warn' || sev === 'warning')
+                return 'warning';
+            if (sev === 'error')
+                return 'error';
+            if (sev === 'success')
+                return 'success';
+            return 'info';
+        });
+        computedVariant = (0, core_1.computed)(() => this.coercedProps().variant || 'standard');
+        computedTitle = (0, core_1.computed)(() => this.coercedProps().title);
+        computedMessage = (0, core_1.computed)(() => this.coercedProps().message ?? this.coercedProps().text ?? '');
+        isClosable = (0, core_1.computed)(() => this.coercedProps().closable === true);
+        actions = (0, core_1.computed)(() => this.coercedProps().actions ?? []);
+        customIcon = (0, core_1.computed)(() => this.coercedProps().icon);
+        role = (0, core_1.computed)(() => {
+            const sev = this.normalizedSeverity();
+            return sev === 'error' || sev === 'warning' ? 'alert' : 'status';
+        });
+        ariaLive = (0, core_1.computed)(() => {
+            const sev = this.normalizedSeverity();
+            return sev === 'error' || sev === 'warning' ? 'assertive' : 'polite';
+        });
+        ariaLabel = (0, core_1.computed)(() => this.coercedProps()['aria-label']);
+        ariaDescribedBy = (0, core_1.computed)(() => this.coercedProps()['aria-describedby']);
+        constructor() {
+            this.destroyRef.onDestroy(() => this.clearTimer());
+            (0, core_1.effect)(() => {
+                const props = this.coercedProps();
+                const contractVisible = props.visible !== false;
+                this.clearTimer();
+                if (contractVisible && props.life && props.life > 0 && (0, common_1.isPlatformBrowser)(this.platformId)) {
+                    this.autoDismissTimer = setTimeout(() => {
+                        this.onClose();
+                    }, props.life);
+                }
+            });
+        }
+        clearTimer() {
+            if (this.autoDismissTimer) {
+                clearTimeout(this.autoDismissTimer);
+                this.autoDismissTimer = null;
+            }
+        }
+        onClose() {
+            this.clearTimer();
+            this.manuallyClosed.set(true);
+            this.visibleChange.emit(false);
+            this.close.emit();
+            if (this.contract()?.id) {
+                this.experienceAdapter.updateState(this.contract().id, 'visible', false);
+            }
+        }
+        onActionClick(act) {
+            this.action.emit({ action: act.action, data: act });
+            if (this.contract()?.id) {
+                this.experienceAdapter.dispatchCapability(this.contract().id, act.action, act);
+            }
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return AlertComponent = _classThis;
+})();
+exports.AlertComponent = AlertComponent;
+//# sourceMappingURL=alert.component.js.map

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

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

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

@@ -0,0 +1,72 @@
+import { ViewContainerRef, ElementRef, AfterContentInit, AfterContentChecked } from '@angular/core';
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter, ContainerComponent } from '../../../adapters/web/adapter';
+export interface BadgeProps {
+    value?: string | number;
+    severity?: 'primary' | 'secondary' | 'info' | 'success' | 'warn' | 'warning' | 'error' | 'contrast' | string;
+    size?: 'small' | 'medium' | 'large' | string;
+    shape?: 'circle' | 'rounded' | 'square' | string;
+    max?: number;
+    dot?: boolean;
+    interactive?: boolean;
+    permissions?: Record<string, string>;
+    rules?: Record<string, unknown>;
+    metadata?: Record<string, unknown>;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare const BadgeContractSchema: {
+    readonly permissions: "object";
+    readonly rules: "object";
+    readonly metadata: "object";
+    readonly 'aria-label': "string";
+    readonly 'aria-describedby': "string";
+    readonly value: "string";
+    readonly severity: "string";
+    readonly size: "string";
+    readonly shape: "string";
+    readonly max: "number";
+    readonly dot: "boolean";
+    readonly interactive: "boolean";
+};
+export declare class BadgeComponent implements OrigoAdapter<BadgeProps>, ContainerComponent, AfterContentInit, AfterContentChecked {
+    static readonly contractSchema: {
+        readonly permissions: "object";
+        readonly rules: "object";
+        readonly metadata: "object";
+        readonly 'aria-label': "string";
+        readonly 'aria-describedby': "string";
+        readonly value: "string";
+        readonly severity: "string";
+        readonly size: "string";
+        readonly shape: "string";
+        readonly max: "number";
+        readonly dot: "boolean";
+        readonly interactive: "boolean";
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<BadgeProps>>;
+    vc: import("@angular/core").Signal<ViewContainerRef | undefined>;
+    contentWrapper: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
+    click: import("@angular/core").OutputEmitterRef<MouseEvent>;
+    private experienceAdapter;
+    private readonly _hasProjectedContent;
+    readonly contractId: import("@angular/core").Signal<string>;
+    readonly coercedProps: import("@angular/core").Signal<BadgeProps>;
+    readonly isDot: import("@angular/core").Signal<boolean>;
+    readonly displayValue: import("@angular/core").Signal<string>;
+    readonly isInteractive: import("@angular/core").Signal<boolean>;
+    readonly severity: import("@angular/core").Signal<string>;
+    readonly size: import("@angular/core").Signal<string>;
+    readonly shape: import("@angular/core").Signal<string>;
+    readonly ariaLabel: import("@angular/core").Signal<string | undefined>;
+    readonly ariaDescribedBy: import("@angular/core").Signal<string | undefined>;
+    readonly computedAriaLabel: import("@angular/core").Signal<string | undefined>;
+    readonly hasContent: import("@angular/core").Signal<boolean>;
+    readonly computedBadgeClasses: import("@angular/core").Signal<string>;
+    ngAfterContentInit(): void;
+    ngAfterContentChecked(): void;
+    private checkProjectedContent;
+    onClick(event: MouseEvent): void;
+    onKeyDown(event: KeyboardEvent): void;
+}

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

@@ -0,0 +1,194 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgeComponent = exports.BadgeContractSchema = 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 experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
+exports.BadgeContractSchema = {
+    permissions: 'object',
+    rules: 'object',
+    metadata: 'object',
+    'aria-label': 'string',
+    'aria-describedby': 'string',
+    value: 'string',
+    severity: 'string',
+    size: 'string',
+    shape: 'string',
+    max: 'number',
+    dot: 'boolean',
+    interactive: 'boolean',
+};
+let BadgeComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-badge',
+            standalone: true,
+            imports: [common_1.CommonModule],
+            templateUrl: './badge.component.html',
+            styleUrls: ['./badge.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-badge-host]': 'true',
+                '[attr.data-testid]': 'contractId()',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var BadgeComponent = 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);
+            BadgeComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = exports.BadgeContractSchema;
+        static strictContract = false;
+        contract = core_1.input.required();
+        vc = (0, core_1.viewChild)('vc', { read: core_1.ViewContainerRef });
+        contentWrapper = (0, core_1.viewChild)('contentWrapper');
+        click = (0, core_1.output)();
+        experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService, { optional: true });
+        _hasProjectedContent = (0, core_1.signal)(false);
+        contractId = (0, core_1.computed)(() => {
+            try {
+                return this.contract()?.id ?? '';
+            }
+            catch {
+                return '';
+            }
+        });
+        coercedProps = (0, core_1.computed)(() => {
+            let rawProps;
+            try {
+                rawProps = this.contract()?.props;
+            }
+            catch {
+                rawProps = undefined;
+            }
+            return (0, adapter_1.coerceContractProps)(rawProps, exports.BadgeContractSchema);
+        });
+        isDot = (0, core_1.computed)(() => {
+            const p = this.coercedProps();
+            if (p.dot === true)
+                return true;
+            const v = p.value;
+            return v === undefined || v === null || String(v).trim() === '';
+        });
+        displayValue = (0, core_1.computed)(() => {
+            const p = this.coercedProps();
+            const v = p.value;
+            if (v === undefined || v === null)
+                return '';
+            const maxVal = p.max;
+            if (maxVal !== undefined && maxVal !== null && !isNaN(Number(v)) && Number(v) > maxVal) {
+                return `${maxVal}+`;
+            }
+            return String(v);
+        });
+        isInteractive = (0, core_1.computed)(() => this.coercedProps().interactive === true);
+        severity = (0, core_1.computed)(() => {
+            const s = this.coercedProps().severity?.toLowerCase() || 'primary';
+            return s === 'warn' || s === 'warning' ? 'warning' : s;
+        });
+        size = (0, core_1.computed)(() => this.coercedProps().size || 'medium');
+        shape = (0, core_1.computed)(() => this.coercedProps().shape || 'rounded');
+        ariaLabel = (0, core_1.computed)(() => this.coercedProps()['aria-label']);
+        ariaDescribedBy = (0, core_1.computed)(() => this.coercedProps()['aria-describedby']);
+        computedAriaLabel = (0, core_1.computed)(() => {
+            if (this.ariaLabel())
+                return this.ariaLabel();
+            if (this.isDot())
+                return 'Status indicator';
+            return String(this.displayValue());
+        });
+        hasContent = (0, core_1.computed)(() => {
+            let contractWithChildren;
+            try {
+                contractWithChildren = this.contract();
+            }
+            catch {
+                contractWithChildren = undefined;
+            }
+            return this._hasProjectedContent() || (contractWithChildren?.children?.length ?? 0) > 0;
+        });
+        computedBadgeClasses = (0, core_1.computed)(() => {
+            const classes = [
+                'origo-badge',
+                `origo-badge--severity-${this.severity()}`,
+                `origo-badge--size-${this.size()}`,
+                `origo-badge--shape-${this.shape()}`,
+            ];
+            if (this.isDot())
+                classes.push('origo-badge--dot');
+            if (this.isInteractive())
+                classes.push('origo-badge--interactive');
+            return classes.join(' ');
+        });
+        ngAfterContentInit() {
+            this.checkProjectedContent(true);
+        }
+        ngAfterContentChecked() {
+            this.checkProjectedContent(false);
+        }
+        checkProjectedContent(synchronous) {
+            const wrapper = this.contentWrapper();
+            if (wrapper) {
+                const el = wrapper.nativeElement;
+                let hasChildren = false;
+                for (let i = 0; i < el.childNodes.length; i++) {
+                    const node = el.childNodes[i];
+                    if (node.nodeType === 1) {
+                        // ELEMENT_NODE
+                        hasChildren = true;
+                        break;
+                    }
+                    else if (node.nodeType === 3 && (node.textContent?.trim().length ?? 0) > 0) {
+                        // TEXT_NODE
+                        hasChildren = true;
+                        break;
+                    }
+                }
+                if (this._hasProjectedContent() !== hasChildren) {
+                    if (synchronous) {
+                        this._hasProjectedContent.set(hasChildren);
+                    }
+                    else {
+                        queueMicrotask(() => {
+                            this._hasProjectedContent.set(hasChildren);
+                        });
+                    }
+                }
+            }
+        }
+        onClick(event) {
+            if (this.isInteractive()) {
+                event.stopPropagation();
+                this.click.emit(event);
+                if (this.contract()?.id) {
+                    this.experienceAdapter?.dispatchCapability(this.contract().id, 'click', { event });
+                }
+            }
+        }
+        onKeyDown(event) {
+            if (this.isInteractive() && (event.key === 'Enter' || event.key === ' ')) {
+                event.preventDefault();
+                event.stopPropagation();
+                const syntheticMouseEvent = new MouseEvent('click', {
+                    bubbles: false,
+                    cancelable: true,
+                });
+                this.onClick(syntheticMouseEvent);
+            }
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return BadgeComponent = _classThis;
+})();
+exports.BadgeComponent = BadgeComponent;
+//# sourceMappingURL=badge.component.js.map

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

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