@origostudio/origo-design 0.0.37 → 0.0.39

package/packages/angular-renderer/playwright/.cache/assets/tabs.component-DGcKkhH_.js

@@ -0,0 +1,218 @@
+import {
+  ɵ as __getCurrentView,
+  a as __domElementStart,
+  b as __domListener,
+  c as __restoreView,
+  d as __nextContext,
+  e as __resetView,
+  x as __domElement,
+  g as __domElementEnd,
+  j as __classProp,
+  v as __domProperty,
+  k as __attribute,
+  h as __advance,
+  T as __sanitizeHtml,
+  n as input,
+  o as inject,
+  D as DomSanitizer,
+  p as computed,
+  S as SecurityContext,
+  q as __defineComponent,
+  r as __repeaterCreate,
+  t as __repeater,
+  W as __viewQuery,
+  X as __queryRefresh,
+  Y as __loadQuery,
+} from './index-DRoHZv2r.js';
+import { W as WebExperienceAdapterService } from './experience-adapter.service-CJxHLpWN.js';
+
+const _c0 = ['tabButton'];
+const _forTrack0 = ($index, $item) => $item.key;
+function TabsComponent_For_2_Template(rf, ctx) {
+  if (rf & 1) {
+    const _r1 = __getCurrentView();
+    __domElementStart(0, 'button', 3, 0);
+    __domListener('click', function TabsComponent_For_2_Template_button_click_0_listener() {
+      const tab_r2 = __restoreView(_r1).$implicit;
+      const ctx_r2 = __nextContext();
+      return __resetView(ctx_r2.onTabClick(tab_r2));
+    })('keydown', function TabsComponent_For_2_Template_button_keydown_0_listener($event) {
+      const ɵ$index_3_r4 = __restoreView(_r1).$index;
+      const ctx_r2 = __nextContext();
+      return __resetView(ctx_r2.onKeyDown($event, ɵ$index_3_r4));
+    });
+    __domElement(2, 'span', 4);
+    __domElementEnd();
+  }
+  if (rf & 2) {
+    const tab_r2 = ctx.$implicit;
+    const ɵ$index_3_r4 = ctx.$index;
+    const ctx_r2 = __nextContext();
+    __classProp('origo-tabs__tab--active', ctx_r2.computedActiveTab() === tab_r2.key);
+    __domProperty('disabled', tab_r2.disabled);
+    __attribute('aria-selected', ctx_r2.computedActiveTab() === tab_r2.key)(
+      'aria-controls',
+      'tabpanel-' + tab_r2.key
+    )('id', 'tab-' + tab_r2.key)(
+      'tabindex',
+      ctx_r2.computedActiveTab() === tab_r2.key ||
+        (ctx_r2.computedActiveTab() == null && ɵ$index_3_r4 === 0)
+        ? 0
+        : -1
+    );
+    __advance(2);
+    __domProperty('innerHTML', tab_r2.label, __sanitizeHtml);
+  }
+}
+class TabsComponent {
+  static contractSchema = {
+    tabs: 'array',
+  };
+  static strictContract = false;
+  contract = input.required(
+    ...(false ? [{ debugName: 'contract' }] : /* istanbul ignore next */ [])
+  );
+  experienceAdapter = inject(WebExperienceAdapterService);
+  sanitizer = inject(DomSanitizer);
+  tabButtons;
+  computedAriaLabel = computed(
+    () => {
+      const label = this.contract().props?.['aria-label'];
+      return label !== void 0 && label !== null ? String(label) : void 0;
+    },
+    ...(false ? [{ debugName: 'computedAriaLabel' }] : /* istanbul ignore next */ [])
+  );
+  computedAriaDescribedBy = computed(
+    () => {
+      const desc = this.contract().props?.['aria-describedby'];
+      return desc !== void 0 && desc !== null ? String(desc) : void 0;
+    },
+    ...(false ? [{ debugName: 'computedAriaDescribedBy' }] : /* istanbul ignore next */ [])
+  );
+  computedTabs = computed(
+    () => {
+      const tabs = this.contract().props?.tabs;
+      if (!Array.isArray(tabs)) return [];
+      return tabs
+        .filter(tab => tab != null && tab.key != null && tab.label != null)
+        .map(tab => {
+          return {
+            key: String(tab.key),
+            label:
+              this.sanitizer.sanitize(SecurityContext.HTML, String(tab.label)) ||
+              String(tab.label).replace(/[<>]/g, ''),
+            disabled: !!tab.disabled,
+          };
+        });
+    },
+    ...(false ? [{ debugName: 'computedTabs' }] : /* istanbul ignore next */ [])
+  );
+  computedActiveTab = computed(
+    () => {
+      const active = this.contract().props?.activeTab;
+      if (active) return active;
+      const tabs = this.computedTabs();
+      return tabs.length > 0 ? tabs[0].key : void 0;
+    },
+    ...(false ? [{ debugName: 'computedActiveTab' }] : /* istanbul ignore next */ [])
+  );
+  onTabClick(tab) {
+    if (tab.disabled || !tab.key) return;
+    this.experienceAdapter.updateState(this.contract().id, 'activeTab', tab.key);
+  }
+  onKeyDown(event, index) {
+    const tabs = this.computedTabs();
+    if (tabs.length === 0) return;
+    let nextIndex = index;
+    const isRtl =
+      typeof window !== 'undefined' && event.target instanceof Element
+        ? window.getComputedStyle(event.target).direction === 'rtl'
+        : false;
+    if (event.key === 'ArrowRight') {
+      nextIndex = isRtl ? index - 1 : index + 1;
+      event.preventDefault();
+    } else if (event.key === 'ArrowLeft') {
+      nextIndex = isRtl ? index + 1 : index - 1;
+      event.preventDefault();
+    } else if (event.key === 'Home') {
+      nextIndex = 0;
+      event.preventDefault();
+    } else if (event.key === 'End') {
+      nextIndex = tabs.length - 1;
+      event.preventDefault();
+    }
+    if (nextIndex < 0) nextIndex = tabs.length - 1;
+    if (nextIndex >= tabs.length) nextIndex = 0;
+    if (nextIndex !== index) {
+      setTimeout(() => {
+        const buttons = this.tabButtons?.toArray();
+        if (buttons && buttons[nextIndex]) {
+          buttons[nextIndex].nativeElement.focus();
+        }
+      });
+    }
+  }
+  static ɵfac = function TabsComponent_Factory(__ngFactoryType__) {
+    return new (__ngFactoryType__ || TabsComponent)();
+  };
+  static ɵcmp = /* @__PURE__ */ __defineComponent({
+    type: TabsComponent,
+    selectors: [['origo-tabs']],
+    viewQuery: function TabsComponent_Query(rf, ctx) {
+      if (rf & 1) {
+        __viewQuery(_c0, 5);
+      }
+      if (rf & 2) {
+        let _t;
+        __queryRefresh((_t = __loadQuery())) && (ctx.tabButtons = _t);
+      }
+    },
+    hostVars: 3,
+    hostBindings: function TabsComponent_HostBindings(rf, ctx) {
+      if (rf & 2) {
+        __attribute('data-testid', ctx.contract().id);
+        __classProp('origo-tabs', true);
+      }
+    },
+    inputs: { contract: [1, 'contract'] },
+    decls: 3,
+    vars: 2,
+    consts: [
+      ['tabButton', ''],
+      ['role', 'tablist', 1, 'origo-tabs__list'],
+      [
+        'type',
+        'button',
+        'role',
+        'tab',
+        1,
+        'origo-tabs__tab',
+        3,
+        'origo-tabs__tab--active',
+        'disabled',
+      ],
+      ['type', 'button', 'role', 'tab', 1, 'origo-tabs__tab', 3, 'click', 'keydown', 'disabled'],
+      [1, 'origo-tabs__label', 3, 'innerHTML'],
+    ],
+    template: function TabsComponent_Template(rf, ctx) {
+      if (rf & 1) {
+        __domElementStart(0, 'div', 1);
+        __repeaterCreate(1, TabsComponent_For_2_Template, 3, 8, 'button', 2, _forTrack0);
+        __domElementEnd();
+      }
+      if (rf & 2) {
+        __attribute('aria-label', ctx.computedAriaLabel())(
+          'aria-describedby',
+          ctx.computedAriaDescribedBy()
+        );
+        __advance();
+        __repeater(ctx.computedTabs());
+      }
+    },
+    encapsulation: 3,
+  });
+}
+/* @__PURE__ */ (() => {})();
+
+export { TabsComponent };
+//# sourceMappingURL=tabs.component-DGcKkhH_.js.map

package/packages/angular-renderer/playwright/.cache/assets/tabs.component-DGcKkhH_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.component-DGcKkhH_.js","sources":["../../../src/components/primitives/tabs/tabs.component.ts"],"sourcesContent":["import {\n  Component,\n  input,\n  ChangeDetectionStrategy,\n  computed,\n  ViewEncapsulation,\n  inject,\n  SecurityContext,\n  ElementRef,\n  ViewChildren,\n  QueryList,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { InteractionContract } from '@origo/core';\nimport { OrigoAdapter } from '../../../adapters/web/adapter';\nimport { WebExperienceAdapterService } from '../../../adapters/web/experience-adapter.service';\n\nexport interface TabItem {\n  key: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport interface TabsProps {\n  tabs?: Array<TabItem>;\n  activeTab?: string;\n  'aria-label'?: string;\n  'aria-describedby'?: string;\n}\n\n@Component({\n  selector: 'origo-tabs',\n  standalone: true,\n  templateUrl: './tabs.component.html',\n  styleUrls: ['./tabs.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.ShadowDom,\n  host: {\n    '[class.origo-tabs]': 'true',\n    '[attr.data-testid]': 'contract().id',\n  },\n})\nexport class TabsComponent implements OrigoAdapter<TabsProps> {\n  static readonly contractSchema = {\n    tabs: 'array',\n  };\n  static readonly strictContract = false;\n\n  contract = input.required<InteractionContract<TabsProps>>();\n\n  private experienceAdapter = inject(WebExperienceAdapterService);\n  private sanitizer = inject(DomSanitizer);\n\n  @ViewChildren('tabButton') tabButtons!: QueryList<ElementRef<HTMLButtonElement>>;\n\n  computedAriaLabel = computed(() => {\n    const label = this.contract().props?.['aria-label'];\n    return label !== undefined && label !== null ? String(label) : undefined;\n  });\n\n  computedAriaDescribedBy = computed(() => {\n    const desc = this.contract().props?.['aria-describedby'];\n    return desc !== undefined && desc !== null ? String(desc) : undefined;\n  });\n\n  computedTabs = computed(() => {\n    const tabs = this.contract().props?.tabs;\n    if (!Array.isArray(tabs)) return [];\n\n    return tabs\n      .filter(tab => tab != null && tab.key != null && tab.label != null)\n      .map(tab => {\n        return {\n          key: String(tab.key),\n          label:\n            this.sanitizer.sanitize(SecurityContext.HTML, String(tab.label)) ||\n            String(tab.label).replace(/[<>]/g, ''),\n          disabled: !!tab.disabled,\n        };\n      });\n  });\n\n  computedActiveTab = computed(() => {\n    const active = this.contract().props?.activeTab;\n    if (active) return active;\n    const tabs = this.computedTabs();\n    return tabs.length > 0 ? tabs[0].key : undefined;\n  });\n\n  onTabClick(tab: TabItem) {\n    if (tab.disabled || !tab.key) return;\n    this.experienceAdapter.updateState(this.contract().id, 'activeTab', tab.key);\n  }\n\n  onKeyDown(event: KeyboardEvent, index: number) {\n    const tabs = this.computedTabs();\n    if (tabs.length === 0) return;\n\n    let nextIndex = index;\n    const isRtl =\n      typeof window !== 'undefined' && event.target instanceof Element\n        ? window.getComputedStyle(event.target).direction === 'rtl'\n        : false;\n\n    if (event.key === 'ArrowRight') {\n      nextIndex = isRtl ? index - 1 : index + 1;\n      event.preventDefault();\n    } else if (event.key === 'ArrowLeft') {\n      nextIndex = isRtl ? index + 1 : index - 1;\n      event.preventDefault();\n    } else if (event.key === 'Home') {\n      nextIndex = 0;\n      event.preventDefault();\n    } else if (event.key === 'End') {\n      nextIndex = tabs.length - 1;\n      event.preventDefault();\n    }\n\n    if (nextIndex < 0) nextIndex = tabs.length - 1;\n    if (nextIndex >= tabs.length) nextIndex = 0;\n\n    if (nextIndex !== index) {\n      setTimeout(() => {\n        const buttons = this.tabButtons?.toArray();\n        if (buttons && buttons[nextIndex]) {\n          buttons[nextIndex].nativeElement.focus();\n        }\n      });\n    }\n  }\n}\n"],"names":["i0.ɵɵgetCurrentView","i0.ɵɵdomElementStart","i0.ɵɵdomListener","i0.ɵɵrestoreView","i0.ɵɵnextContext","i0.ɵɵresetView","i0.ɵɵdomElement","i0.ɵɵdomElementEnd","i0.ɵɵclassProp","i0.ɵɵadvance","i0.ɵɵdomProperty","i0.ɵɵsanitizeHtml"],"mappings":"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"}

package/packages/angular-renderer/playwright/.cache/assets/text-input.component-IyHHKpW-.js

@@ -0,0 +1,121 @@
+import {
+  n as input,
+  z as model,
+  p as computed,
+  o as inject,
+  A as effect,
+  B as untracked,
+  q as __defineComponent,
+  a as __domElementStart,
+  b as __domListener,
+  g as __domElementEnd,
+  v as __domProperty,
+  k as __attribute,
+  j as __classProp,
+} from './index-DRoHZv2r.js';
+import { W as WebExperienceAdapterService } from './experience-adapter.service-CJxHLpWN.js';
+
+class TextInputComponent {
+  static contractSchema = {
+    value: 'string',
+    placeholder: 'string',
+    disabled: 'boolean',
+    readonly: 'boolean',
+  };
+  static strictContract = false;
+  contract = input.required(
+    ...(false ? [{ debugName: 'contract' }] : /* istanbul ignore next */ [])
+  );
+  value = model('', ...(false ? [{ debugName: 'value' }] : /* istanbul ignore next */ []));
+  computedPlaceholder = computed(
+    () => this.contract().props?.placeholder ?? '',
+    ...(false ? [{ debugName: 'computedPlaceholder' }] : /* istanbul ignore next */ [])
+  );
+  computedDisabled = computed(
+    () => !!this.contract().props?.disabled,
+    ...(false ? [{ debugName: 'computedDisabled' }] : /* istanbul ignore next */ [])
+  );
+  computedReadonly = computed(
+    () => !!this.contract().props?.readonly,
+    ...(false ? [{ debugName: 'computedReadonly' }] : /* istanbul ignore next */ [])
+  );
+  computedAriaLabel = computed(
+    () => {
+      const label = this.contract().props?.['aria-label'];
+      return label !== void 0 && label !== null && String(label).trim() !== ''
+        ? String(label)
+        : void 0;
+    },
+    ...(false ? [{ debugName: 'computedAriaLabel' }] : /* istanbul ignore next */ [])
+  );
+  computedAriaDescribedBy = computed(
+    () => {
+      const desc = this.contract().props?.['aria-describedby'];
+      return desc !== void 0 && desc !== null && String(desc).trim() !== '' ? String(desc) : void 0;
+    },
+    ...(false ? [{ debugName: 'computedAriaDescribedBy' }] : /* istanbul ignore next */ [])
+  );
+  experienceAdapter = inject(WebExperienceAdapterService);
+  constructor() {
+    effect(() => {
+      const contractVal = this.contract().props?.value;
+      untracked(() =>
+        this.value.set(contractVal !== void 0 && contractVal !== null ? String(contractVal) : '')
+      );
+    });
+  }
+  onInput(event) {
+    const target = event.target;
+    if (!target) return;
+    const rawValue = target.value;
+    const sanitizedValue = String(rawValue);
+    if (target.value !== sanitizedValue) {
+      target.value = sanitizedValue;
+    }
+    this.value.set(sanitizedValue);
+    this.experienceAdapter.updateState(this.contract().id, 'value', sanitizedValue);
+  }
+  static ɵfac = function TextInputComponent_Factory(__ngFactoryType__) {
+    return new (__ngFactoryType__ || TextInputComponent)();
+  };
+  static ɵcmp = /* @__PURE__ */ __defineComponent({
+    type: TextInputComponent,
+    selectors: [['origo-text-input']],
+    hostVars: 3,
+    hostBindings: function TextInputComponent_HostBindings(rf, ctx) {
+      if (rf & 2) {
+        __attribute('data-testid', ctx.contract().id ?? '');
+        __classProp('origo-text-input', true);
+      }
+    },
+    inputs: { contract: [1, 'contract'], value: [1, 'value'] },
+    outputs: { value: 'valueChange' },
+    decls: 1,
+    vars: 6,
+    consts: [['type', 'text', 3, 'input', 'value', 'placeholder', 'disabled', 'readonly']],
+    template: function TextInputComponent_Template(rf, ctx) {
+      if (rf & 1) {
+        __domElementStart(0, 'input', 0);
+        __domListener('input', function TextInputComponent_Template_input_input_0_listener($event) {
+          return ctx.onInput($event);
+        });
+        __domElementEnd();
+      }
+      if (rf & 2) {
+        __domProperty('value', ctx.value())('placeholder', ctx.computedPlaceholder())(
+          'disabled',
+          ctx.computedDisabled()
+        )('readOnly', ctx.computedReadonly());
+        __attribute('aria-label', ctx.computedAriaLabel())(
+          'aria-describedby',
+          ctx.computedAriaDescribedBy()
+        );
+      }
+    },
+    encapsulation: 3,
+  });
+}
+/* @__PURE__ */ (() => {})();
+
+export { TextInputComponent };
+//# sourceMappingURL=text-input.component-IyHHKpW-.js.map

package/packages/angular-renderer/playwright/.cache/assets/text-input.component-IyHHKpW-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input.component-IyHHKpW-.js","sources":["../../../src/components/primitives/text-input/text-input.component.ts"],"sourcesContent":["import {\n  Component,\n  input,\n  model,\n  ChangeDetectionStrategy,\n  computed,\n  ViewEncapsulation,\n  inject,\n  effect,\n  untracked,\n} from '@angular/core';\nimport { InteractionContract } from '@origo/core';\nimport { OrigoAdapter } from '../../../adapters/web/adapter';\nimport { WebExperienceAdapterService } from '../../../adapters/web/experience-adapter.service';\n\nexport interface TextInputProps {\n  value?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  readonly?: boolean;\n  'aria-label'?: string;\n  'aria-describedby'?: string;\n}\n\n@Component({\n  selector: 'origo-text-input',\n  standalone: true,\n  templateUrl: './text-input.component.html',\n  styleUrls: ['./text-input.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.ShadowDom,\n  host: {\n    '[class.origo-text-input]': 'true',\n    '[attr.data-testid]': 'contract().id ?? \"\"',\n  },\n})\nexport class TextInputComponent implements OrigoAdapter<TextInputProps> {\n  static readonly contractSchema = {\n    value: 'string',\n    placeholder: 'string',\n    disabled: 'boolean',\n    readonly: 'boolean',\n  };\n  static readonly strictContract = false;\n\n  contract = input.required<InteractionContract<TextInputProps>>();\n  value = model<string>('');\n\n  computedPlaceholder = computed(() => this.contract().props?.placeholder ?? '');\n  computedDisabled = computed(() => !!this.contract().props?.disabled);\n  computedReadonly = computed(() => !!this.contract().props?.readonly);\n  computedAriaLabel = computed(() => {\n    const label = this.contract().props?.['aria-label'];\n    return label !== undefined && label !== null && String(label).trim() !== ''\n      ? String(label)\n      : undefined;\n  });\n  computedAriaDescribedBy = computed(() => {\n    const desc = this.contract().props?.['aria-describedby'];\n    return desc !== undefined && desc !== null && String(desc).trim() !== ''\n      ? String(desc)\n      : undefined;\n  });\n\n  private experienceAdapter = inject(WebExperienceAdapterService);\n\n  constructor() {\n    effect(() => {\n      const contractVal = this.contract().props?.value;\n      untracked(() =>\n        this.value.set(contractVal !== undefined && contractVal !== null ? String(contractVal) : '')\n      );\n    });\n  }\n\n  onInput(event: Event) {\n    const target = event.target as HTMLInputElement | null;\n    if (!target) return;\n\n    const rawValue = target.value;\n    const sanitizedValue = String(rawValue);\n\n    if (target.value !== sanitizedValue) {\n      target.value = sanitizedValue;\n    }\n\n    this.value.set(sanitizedValue);\n    this.experienceAdapter.updateState(this.contract().id, 'value', sanitizedValue);\n  }\n}\n"],"names":["i0.ɵɵdefineComponent","i0.ɵɵattribute","i0.ɵɵdomElementStart","i0.ɵɵdomListener","i0.ɵɵdomElementEnd"],"mappings":"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"}

package/packages/angular-renderer/playwright/.cache/assets/textarea.component-Bpvh81yV.js

@@ -0,0 +1,141 @@
+import {
+  n as input,
+  z as model,
+  p as computed,
+  o as inject,
+  D as DomSanitizer,
+  A as effect,
+  B as untracked,
+  S as SecurityContext,
+  q as __defineComponent,
+  a as __domElementStart,
+  b as __domListener,
+  g as __domElementEnd,
+  v as __domProperty,
+  k as __attribute,
+  j as __classProp,
+} from './index-DRoHZv2r.js';
+import { W as WebExperienceAdapterService } from './experience-adapter.service-CJxHLpWN.js';
+
+class TextareaComponent {
+  static contractSchema = {
+    value: 'string',
+    placeholder: 'string',
+    rows: 'number',
+    disabled: 'boolean',
+    readonly: 'boolean',
+    required: 'boolean',
+  };
+  static strictContract = false;
+  contract = input.required(
+    ...(false ? [{ debugName: 'contract' }] : /* istanbul ignore next */ [])
+  );
+  value = model('', ...(false ? [{ debugName: 'value' }] : /* istanbul ignore next */ []));
+  computedPlaceholder = computed(
+    () => this.contract().props?.placeholder ?? '',
+    ...(false ? [{ debugName: 'computedPlaceholder' }] : /* istanbul ignore next */ [])
+  );
+  computedRows = computed(
+    () => {
+      const rows = this.contract().props?.rows;
+      return typeof rows === 'number' && rows > 0 ? Math.max(1, Math.round(rows)) : 3;
+    },
+    ...(false ? [{ debugName: 'computedRows' }] : /* istanbul ignore next */ [])
+  );
+  computedDisabled = computed(
+    () => !!this.contract().props?.disabled,
+    ...(false ? [{ debugName: 'computedDisabled' }] : /* istanbul ignore next */ [])
+  );
+  computedReadonly = computed(
+    () => !!this.contract().props?.readonly,
+    ...(false ? [{ debugName: 'computedReadonly' }] : /* istanbul ignore next */ [])
+  );
+  computedRequired = computed(
+    () => !!this.contract().props?.required,
+    ...(false ? [{ debugName: 'computedRequired' }] : /* istanbul ignore next */ [])
+  );
+  computedAriaLabel = computed(
+    () => {
+      const label = this.contract().props?.['aria-label'];
+      return label !== void 0 && label !== null ? String(label) : void 0;
+    },
+    ...(false ? [{ debugName: 'computedAriaLabel' }] : /* istanbul ignore next */ [])
+  );
+  computedAriaDescribedBy = computed(
+    () => {
+      const desc = this.contract().props?.['aria-describedby'];
+      return desc !== void 0 && desc !== null ? String(desc) : void 0;
+    },
+    ...(false ? [{ debugName: 'computedAriaDescribedBy' }] : /* istanbul ignore next */ [])
+  );
+  experienceAdapter = inject(WebExperienceAdapterService);
+  sanitizer = inject(DomSanitizer);
+  constructor() {
+    effect(() => {
+      const contractVal = this.contract().props?.value;
+      const parsedVal = contractVal !== void 0 && contractVal !== null ? String(contractVal) : '';
+      untracked(() => {
+        if (parsedVal === this.value()) return;
+        this.value.set(parsedVal);
+      });
+    });
+  }
+  onInput(event) {
+    const target = event.target;
+    if (!target || this.computedDisabled() || this.computedReadonly()) return;
+    const rawValue = target.value;
+    const sanitizedValue =
+      this.sanitizer.sanitize(SecurityContext.HTML, rawValue) || rawValue || '';
+    if (target.value !== sanitizedValue) {
+      target.value = sanitizedValue;
+    }
+    this.value.set(sanitizedValue);
+    this.experienceAdapter.updateState(this.contract().id, 'value', sanitizedValue);
+  }
+  static ɵfac = function TextareaComponent_Factory(__ngFactoryType__) {
+    return new (__ngFactoryType__ || TextareaComponent)();
+  };
+  static ɵcmp = /* @__PURE__ */ __defineComponent({
+    type: TextareaComponent,
+    selectors: [['origo-textarea']],
+    hostVars: 3,
+    hostBindings: function TextareaComponent_HostBindings(rf, ctx) {
+      if (rf & 2) {
+        __attribute('data-testid', ctx.contract().id);
+        __classProp('origo-textarea', true);
+      }
+    },
+    inputs: { contract: [1, 'contract'], value: [1, 'value'] },
+    outputs: { value: 'valueChange' },
+    decls: 1,
+    vars: 9,
+    consts: [[3, 'input', 'id', 'disabled', 'readonly', 'required', 'value']],
+    template: function TextareaComponent_Template(rf, ctx) {
+      if (rf & 1) {
+        __domElementStart(0, 'textarea', 0);
+        __domListener(
+          'input',
+          function TextareaComponent_Template_textarea_input_0_listener($event) {
+            return ctx.onInput($event);
+          }
+        );
+        __domElementEnd();
+      }
+      if (rf & 2) {
+        __domProperty('id', ctx.contract().id)('disabled', ctx.computedDisabled())(
+          'readOnly',
+          ctx.computedReadonly()
+        )('required', ctx.computedRequired())('value', ctx.value());
+        __attribute('placeholder', ctx.computedPlaceholder())('rows', ctx.computedRows())(
+          'aria-label',
+          ctx.computedAriaLabel()
+        )('aria-describedby', ctx.computedAriaDescribedBy());
+      }
+    },
+    encapsulation: 3,
+  });
+}
+/* @__PURE__ */ (() => {})();
+
+export { TextareaComponent };
+//# sourceMappingURL=textarea.component-Bpvh81yV.js.map

package/packages/angular-renderer/playwright/.cache/assets/textarea.component-Bpvh81yV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.component-Bpvh81yV.js","sources":["../../../src/components/primitives/textarea/textarea.component.ts"],"sourcesContent":["import {\n  Component,\n  input,\n  model,\n  ChangeDetectionStrategy,\n  computed,\n  ViewEncapsulation,\n  inject,\n  effect,\n  untracked,\n  SecurityContext,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { InteractionContract } from '@origo/core';\nimport { OrigoAdapter } from '../../../adapters/web/adapter';\nimport { WebExperienceAdapterService } from '../../../adapters/web/experience-adapter.service';\n\nexport interface TextareaProps {\n  value?: string;\n  placeholder?: string;\n  rows?: number;\n  disabled?: boolean;\n  readonly?: boolean;\n  'aria-label'?: string;\n  'aria-describedby'?: string;\n  required?: boolean;\n}\n\n@Component({\n  selector: 'origo-textarea',\n  standalone: true,\n  templateUrl: './textarea.component.html',\n  styleUrls: ['./textarea.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.ShadowDom,\n  host: {\n    '[class.origo-textarea]': 'true',\n    '[attr.data-testid]': 'contract().id',\n  },\n})\nexport class TextareaComponent implements OrigoAdapter<TextareaProps> {\n  static readonly contractSchema = {\n    value: 'string',\n    placeholder: 'string',\n    rows: 'number',\n    disabled: 'boolean',\n    readonly: 'boolean',\n    required: 'boolean',\n  };\n  static readonly strictContract = false;\n\n  contract = input.required<InteractionContract<TextareaProps>>();\n  value = model<string>('');\n\n  computedPlaceholder = computed(() => this.contract().props?.placeholder ?? '');\n  computedRows = computed(() => {\n    const rows = this.contract().props?.rows;\n    return typeof rows === 'number' && rows > 0 ? Math.max(1, Math.round(rows)) : 3;\n  });\n  computedDisabled = computed(() => !!this.contract().props?.disabled);\n  computedReadonly = computed(() => !!this.contract().props?.readonly);\n  computedRequired = computed(() => !!this.contract().props?.required);\n  computedAriaLabel = computed(() => {\n    const label = this.contract().props?.['aria-label'];\n    return label !== undefined && label !== null ? String(label) : undefined;\n  });\n  computedAriaDescribedBy = computed(() => {\n    const desc = this.contract().props?.['aria-describedby'];\n    return desc !== undefined && desc !== null ? String(desc) : undefined;\n  });\n\n  private experienceAdapter = inject(WebExperienceAdapterService);\n  private sanitizer = inject(DomSanitizer);\n\n  constructor() {\n    effect(() => {\n      const contractVal = this.contract().props?.value;\n      const parsedVal =\n        contractVal !== undefined && contractVal !== null ? String(contractVal) : '';\n      untracked(() => {\n        if (parsedVal === this.value()) return;\n        this.value.set(parsedVal);\n      });\n    });\n  }\n\n  onInput(event: Event) {\n    const target = event.target as HTMLTextAreaElement | null;\n    if (!target || this.computedDisabled() || this.computedReadonly()) return;\n\n    const rawValue = target.value;\n    const sanitizedValue =\n      this.sanitizer.sanitize(SecurityContext.HTML, rawValue) || rawValue || '';\n\n    if (target.value !== sanitizedValue) {\n      target.value = sanitizedValue;\n    }\n\n    this.value.set(sanitizedValue);\n    this.experienceAdapter.updateState(this.contract().id, 'value', sanitizedValue);\n  }\n}\n"],"names":["i0.ɵɵdefineComponent","i0.ɵɵattribute","i0.ɵɵdomElementStart","i0.ɵɵdomListener","i0.ɵɵdomElementEnd"],"mappings":"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"}

package/packages/angular-renderer/playwright/.cache/assets/vbox.component-DRe59FUF.js

@@ -0,0 +1,127 @@
+import {
+  n as input,
+  M as viewChild,
+  V as ViewContainerRef,
+  p as computed,
+  q as __defineComponent,
+  Q as __domElementContainer,
+  x as __domElement,
+  k as __attribute,
+  R as __styleProp,
+  j as __classProp,
+  O as __viewQuerySignal,
+  P as __queryAdvance,
+} from './index-DRoHZv2r.js';
+
+const _c0 = ['vc'];
+class VBoxComponent {
+  static contractSchema = {
+    gap: 'string',
+    alignment: 'string',
+    padding: 'string',
+  };
+  static strictContract = false;
+  contract = input.required(
+    ...(false ? [{ debugName: 'contract' }] : /* istanbul ignore next */ [])
+  );
+  vc = viewChild.required('vc', {
+    ...(false ? { debugName: 'vc' } : /* istanbul ignore next */ {}),
+    read: ViewContainerRef,
+  });
+  computedGap = computed(
+    () => {
+      const gap = this.contract().props?.gap;
+      if (gap === void 0 || gap === null || gap === '') return void 0;
+      const num = Number(gap);
+      return !isNaN(num) ? `${num}px` : String(gap);
+    },
+    ...(false ? [{ debugName: 'computedGap' }] : /* istanbul ignore next */ [])
+  );
+  computedAlignment = computed(
+    () => {
+      const align = this.contract().props?.alignment;
+      switch (align) {
+        case 'start':
+          return 'flex-start';
+        case 'end':
+          return 'flex-end';
+        case 'center':
+          return 'center';
+        case 'stretch':
+          return 'stretch';
+        default:
+          return 'stretch';
+      }
+    },
+    ...(false ? [{ debugName: 'computedAlignment' }] : /* istanbul ignore next */ [])
+  );
+  computedPadding = computed(
+    () => {
+      const padding = this.contract().props?.padding;
+      if (padding === void 0 || padding === null || padding === '') return void 0;
+      const num = Number(padding);
+      return !isNaN(num) ? `${num}px` : String(padding);
+    },
+    ...(false ? [{ debugName: 'computedPadding' }] : /* istanbul ignore next */ [])
+  );
+  computedAriaLabel = computed(
+    () => {
+      const label = this.contract().props?.['aria-label'];
+      return label !== void 0 && label !== null && String(label).trim() !== ''
+        ? String(label)
+        : void 0;
+    },
+    ...(false ? [{ debugName: 'computedAriaLabel' }] : /* istanbul ignore next */ [])
+  );
+  computedAriaDescribedBy = computed(
+    () => {
+      const desc = this.contract().props?.['aria-describedby'];
+      return desc !== void 0 && desc !== null && String(desc).trim() !== '' ? String(desc) : void 0;
+    },
+    ...(false ? [{ debugName: 'computedAriaDescribedBy' }] : /* istanbul ignore next */ [])
+  );
+  static ɵfac = function VBoxComponent_Factory(__ngFactoryType__) {
+    return new (__ngFactoryType__ || VBoxComponent)();
+  };
+  static ɵcmp = /* @__PURE__ */ __defineComponent({
+    type: VBoxComponent,
+    selectors: [['origo-vbox']],
+    viewQuery: function VBoxComponent_Query(rf, ctx) {
+      if (rf & 1) {
+        __viewQuerySignal(ctx.vc, _c0, 5, ViewContainerRef);
+      }
+      if (rf & 2) {
+        __queryAdvance();
+      }
+    },
+    hostVars: 13,
+    hostBindings: function VBoxComponent_HostBindings(rf, ctx) {
+      if (rf & 2) {
+        __attribute('data-testid', ctx.contract().id ?? '')('aria-label', ctx.computedAriaLabel())(
+          'aria-describedby',
+          ctx.computedAriaDescribedBy()
+        );
+        __styleProp('gap', ctx.computedGap())('align-items', ctx.computedAlignment())(
+          'padding-inline',
+          ctx.computedPadding()
+        )('padding-block', ctx.computedPadding());
+        __classProp('origo-vbox', true);
+      }
+    },
+    inputs: { contract: [1, 'contract'] },
+    decls: 3,
+    vars: 0,
+    consts: [['vc', '']],
+    template: function VBoxComponent_Template(rf, ctx) {
+      if (rf & 1) {
+        __domElementContainer(0, null, 0);
+        __domElement(2, 'slot');
+      }
+    },
+    encapsulation: 3,
+  });
+}
+/* @__PURE__ */ (() => {})();
+
+export { VBoxComponent };
+//# sourceMappingURL=vbox.component-DRe59FUF.js.map