@origostudio/origo-design 0.0.37 → 0.0.39

package/packages/angular-renderer/playwright/.cache/assets/data-grid.component-DDZZ4enP.js

@@ -0,0 +1,352 @@
+import {
+  ɵ as __getCurrentView,
+  a as __domElementStart,
+  b as __domListener,
+  c as __restoreView,
+  d as __nextContext,
+  e as __resetView,
+  f as __text,
+  g as __domElementEnd,
+  j as __classProp,
+  k as __attribute,
+  h as __advance,
+  w as __textInterpolate1,
+  C as __pipe,
+  i as __textInterpolate,
+  E as __pipeBind1,
+  r as __repeaterCreate,
+  t as __repeater,
+  v as __domProperty,
+  F as __textInterpolate2,
+  n as input,
+  o as inject,
+  D as DomSanitizer,
+  G as signal,
+  p as computed,
+  S as SecurityContext,
+  q as __defineComponent,
+  J as JsonPipe,
+  l as __conditionalCreate,
+  m as __conditional,
+} from './index-DRoHZv2r.js';
+import { W as WebExperienceAdapterService } from './experience-adapter.service-CJxHLpWN.js';
+
+const _forTrack0 = ($index, $item) => $item.key;
+const _forTrack1 = ($index, $item) => $item['id'] ?? $index;
+function DataGridComponent_For_5_Template(rf, ctx) {
+  if (rf & 1) {
+    const _r1 = __getCurrentView();
+    __domElementStart(0, 'th', 4);
+    __domListener('click', function DataGridComponent_For_5_Template_th_click_0_listener() {
+      const col_r2 = __restoreView(_r1).$implicit;
+      const ctx_r2 = __nextContext();
+      return __resetView(col_r2.sortable ? ctx_r2.onSort(col_r2.key) : null);
+    })('keydown.enter', function DataGridComponent_For_5_Template_th_keydown_enter_0_listener() {
+      const col_r2 = __restoreView(_r1).$implicit;
+      const ctx_r2 = __nextContext();
+      return __resetView(col_r2.sortable ? ctx_r2.onSort(col_r2.key) : null);
+    })('keydown.space', function DataGridComponent_For_5_Template_th_keydown_space_0_listener() {
+      const col_r2 = __restoreView(_r1).$implicit;
+      const ctx_r2 = __nextContext();
+      return __resetView(col_r2.sortable ? ctx_r2.onSort(col_r2.key) : null);
+    });
+    __text(1);
+    __domElementEnd();
+  }
+  if (rf & 2) {
+    const col_r2 = ctx.$implicit;
+    const ctx_r2 = __nextContext();
+    __classProp('sortable', col_r2.sortable);
+    __attribute(
+      'aria-sort',
+      col_r2.sortable && ctx_r2.currentSortKey() === col_r2.key
+        ? ctx_r2.sortDir() === 'asc'
+          ? 'ascending'
+          : 'descending'
+        : null
+    )('tabindex', col_r2.sortable ? 0 : null)('role', col_r2.sortable ? 'button' : null);
+    __advance();
+    __textInterpolate1(' ', col_r2.label, ' ');
+  }
+}
+function DataGridComponent_For_8_For_2_Template(rf, ctx) {
+  if (rf & 1) {
+    __domElementStart(0, 'td');
+    __text(1);
+    __pipe(2, 'json');
+    __domElementEnd();
+  }
+  if (rf & 2) {
+    const col_r10 = ctx.$implicit;
+    const row_r6 = __nextContext().$implicit;
+    const ctx_r2 = __nextContext();
+    __advance();
+    __textInterpolate(
+      ctx_r2.isObject(row_r6[col_r10.key])
+        ? __pipeBind1(2, 1, row_r6[col_r10.key])
+        : row_r6[col_r10.key]
+    );
+  }
+}
+function DataGridComponent_For_8_Template(rf, ctx) {
+  if (rf & 1) {
+    const _r4 = __getCurrentView();
+    __domElementStart(0, 'tr', 5);
+    __domListener('click', function DataGridComponent_For_8_Template_tr_click_0_listener() {
+      const ctx_r4 = __restoreView(_r4);
+      const row_r6 = ctx_r4.$implicit;
+      const $index_r7 = ctx_r4.$index;
+      const ctx_r2 = __nextContext();
+      return __resetView(
+        ctx_r2.onRowSelect(row_r6['id'] ?? row_r6['key'] ?? row_r6['_id'] ?? $index_r7)
+      );
+    })('keydown.enter', function DataGridComponent_For_8_Template_tr_keydown_enter_0_listener() {
+      const ctx_r7 = __restoreView(_r4);
+      const row_r6 = ctx_r7.$implicit;
+      const $index_r7 = ctx_r7.$index;
+      const ctx_r2 = __nextContext();
+      return __resetView(
+        ctx_r2.onRowSelect(row_r6['id'] ?? row_r6['key'] ?? row_r6['_id'] ?? $index_r7)
+      );
+    })('keydown.space', function DataGridComponent_For_8_Template_tr_keydown_space_0_listener() {
+      const ctx_r8 = __restoreView(_r4);
+      const row_r6 = ctx_r8.$implicit;
+      const $index_r7 = ctx_r8.$index;
+      const ctx_r2 = __nextContext();
+      return __resetView(
+        ctx_r2.onRowSelect(row_r6['id'] ?? row_r6['key'] ?? row_r6['_id'] ?? $index_r7)
+      );
+    });
+    __repeaterCreate(1, DataGridComponent_For_8_For_2_Template, 3, 3, 'td', null, _forTrack0);
+    __domElementEnd();
+  }
+  if (rf & 2) {
+    const ctx_r2 = __nextContext();
+    __advance();
+    __repeater(ctx_r2.computedColumns());
+  }
+}
+function DataGridComponent_Conditional_9_Template(rf, ctx) {
+  if (rf & 1) {
+    const _r11 = __getCurrentView();
+    __domElementStart(0, 'div', 3)(1, 'button', 6);
+    __domListener(
+      'click',
+      function DataGridComponent_Conditional_9_Template_button_click_1_listener() {
+        __restoreView(_r11);
+        const ctx_r2 = __nextContext();
+        return __resetView(ctx_r2.onPageChange(ctx_r2.computedCurrentPage() - 1));
+      }
+    );
+    __text(2, ' Previous ');
+    __domElementEnd();
+    __domElementStart(3, 'span', 7);
+    __text(4);
+    __domElementEnd();
+    __domElementStart(5, 'button', 8);
+    __domListener(
+      'click',
+      function DataGridComponent_Conditional_9_Template_button_click_5_listener() {
+        __restoreView(_r11);
+        const ctx_r2 = __nextContext();
+        return __resetView(ctx_r2.onPageChange(ctx_r2.computedCurrentPage() + 1));
+      }
+    );
+    __text(6, ' Next ');
+    __domElementEnd()();
+  }
+  if (rf & 2) {
+    const ctx_r2 = __nextContext();
+    __advance();
+    __domProperty('disabled', ctx_r2.computedCurrentPage() <= 1 || ctx_r2.computedDisabled());
+    __advance(3);
+    __textInterpolate2(
+      ' Page ',
+      ctx_r2.computedCurrentPage(),
+      ' of ',
+      ctx_r2.computedTotalPages(),
+      ' '
+    );
+    __advance();
+    __domProperty(
+      'disabled',
+      ctx_r2.computedCurrentPage() >= ctx_r2.computedTotalPages() || ctx_r2.computedDisabled()
+    );
+  }
+}
+class DataGridComponent {
+  static contractSchema = {
+    columns: 'array',
+    rows: 'array',
+    pageSize: 'number',
+    currentPage: 'number',
+    totalRows: 'number',
+    disabled: 'boolean',
+  };
+  static strictContract = false;
+  contract = input.required(
+    ...(false ? [{ debugName: 'contract' }] : /* istanbul ignore next */ [])
+  );
+  experienceAdapter = inject(WebExperienceAdapterService);
+  sanitizer = inject(DomSanitizer);
+  // Track sort direction locally for toggling
+  sortDir = signal('asc', ...(false ? [{ debugName: 'sortDir' }] : /* istanbul ignore next */ []));
+  currentSortKey = signal(
+    null,
+    ...(false ? [{ debugName: 'currentSortKey' }] : /* istanbul ignore next */ [])
+  );
+  computedColumns = computed(
+    () => {
+      const cols = this.contract().props?.columns;
+      return Array.isArray(cols)
+        ? cols.filter(c => c != null && c.key != null && c.label != null)
+        : [];
+    },
+    ...(false ? [{ debugName: 'computedColumns' }] : /* istanbul ignore next */ [])
+  );
+  computedRows = computed(
+    () => {
+      const rows = this.contract().props?.rows;
+      if (!Array.isArray(rows)) return [];
+      const validRows = rows.filter(r => r != null);
+      const pageSize = this.contract().props?.pageSize;
+      let currentPage = this.contract().props?.currentPage;
+      if (typeof pageSize !== 'number' || pageSize <= 0) {
+        return validRows.slice(0, 100);
+      }
+      if (typeof currentPage !== 'number' || currentPage < 1) {
+        currentPage = 1;
+      }
+      const startIndex = (currentPage - 1) * pageSize;
+      return validRows.slice(startIndex, startIndex + pageSize);
+    },
+    ...(false ? [{ debugName: 'computedRows' }] : /* istanbul ignore next */ [])
+  );
+  computedTotalRows = computed(
+    () => {
+      const totalRows = this.contract().props?.totalRows;
+      if (typeof totalRows === 'number' && totalRows >= 0) return totalRows;
+      const rows = this.contract().props?.rows;
+      return Array.isArray(rows) ? rows.length : 0;
+    },
+    ...(false ? [{ debugName: 'computedTotalRows' }] : /* istanbul ignore next */ [])
+  );
+  computedCurrentPage = computed(
+    () => {
+      const cp = this.contract().props?.currentPage;
+      return typeof cp === 'number' && cp >= 1 ? cp : 1;
+    },
+    ...(false ? [{ debugName: 'computedCurrentPage' }] : /* istanbul ignore next */ [])
+  );
+  computedTotalPages = computed(
+    () => {
+      const pageSize = this.contract().props?.pageSize;
+      if (typeof pageSize !== 'number' || pageSize <= 0) return 1;
+      return Math.max(1, Math.ceil(this.computedTotalRows() / pageSize));
+    },
+    ...(false ? [{ debugName: 'computedTotalPages' }] : /* istanbul ignore next */ [])
+  );
+  computedDisabled = computed(
+    () => !!this.contract().props?.disabled,
+    ...(false ? [{ debugName: 'computedDisabled' }] : /* 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 */ [])
+  );
+  onSort(key) {
+    if (this.computedDisabled()) return;
+    if (this.currentSortKey() === key) {
+      this.sortDir.update(d => (d === 'asc' ? 'desc' : 'asc'));
+    } else {
+      this.currentSortKey.set(key);
+      this.sortDir.set('desc');
+    }
+    this.experienceAdapter.updateState(this.contract().id, 'sortKey', key);
+    this.experienceAdapter.updateState(this.contract().id, 'sortDir', this.sortDir());
+  }
+  onPageChange(page) {
+    if (this.computedDisabled() || !Number.isInteger(page) || page < 1) return;
+    this.experienceAdapter.updateState(this.contract().id, 'currentPage', page);
+  }
+  onRowSelect(rowId) {
+    if (this.computedDisabled() || rowId == null) return;
+    const rawValue = String(rowId);
+    const sanitized = this.sanitizer.sanitize(SecurityContext.HTML, rawValue);
+    const sanitizedValue =
+      sanitized != null && sanitized !== '' ? sanitized : rawValue.replace(/[<>]/g, '');
+    this.experienceAdapter.updateState(this.contract().id, 'selectedRow', sanitizedValue);
+  }
+  isObject(val) {
+    return typeof val === 'object' && val !== null;
+  }
+  static ɵfac = function DataGridComponent_Factory(__ngFactoryType__) {
+    return new (__ngFactoryType__ || DataGridComponent)();
+  };
+  static ɵcmp = /* @__PURE__ */ __defineComponent({
+    type: DataGridComponent,
+    selectors: [['origo-data-grid']],
+    hostVars: 5,
+    hostBindings: function DataGridComponent_HostBindings(rf, ctx) {
+      if (rf & 2) {
+        __attribute('data-testid', ctx.contract().id)('aria-label', ctx.computedAriaLabel())(
+          'aria-describedby',
+          ctx.computedAriaDescribedBy()
+        );
+        __classProp('origo-data-grid', true);
+      }
+    },
+    inputs: { contract: [1, 'contract'] },
+    decls: 10,
+    vars: 4,
+    consts: [
+      [1, 'origo-data-grid-container'],
+      [3, 'sortable'],
+      ['tabindex', '0', 'role', 'button'],
+      [1, 'origo-data-grid-pagination'],
+      [3, 'click', 'keydown.enter', 'keydown.space'],
+      ['tabindex', '0', 'role', 'button', 3, 'click', 'keydown.enter', 'keydown.space'],
+      ['aria-label', 'Previous Page', 3, 'click', 'disabled'],
+      [1, 'page-info'],
+      ['aria-label', 'Next Page', 3, 'click', 'disabled'],
+    ],
+    template: function DataGridComponent_Template(rf, ctx) {
+      if (rf & 1) {
+        __domElementStart(0, 'div', 0)(1, 'table')(2, 'thead')(3, 'tr');
+        __repeaterCreate(4, DataGridComponent_For_5_Template, 2, 6, 'th', 1, _forTrack0);
+        __domElementEnd()();
+        __domElementStart(6, 'tbody');
+        __repeaterCreate(7, DataGridComponent_For_8_Template, 3, 0, 'tr', 2, _forTrack1);
+        __domElementEnd()();
+        __conditionalCreate(9, DataGridComponent_Conditional_9_Template, 7, 4, 'div', 3);
+        __domElementEnd();
+      }
+      if (rf & 2) {
+        __classProp('disabled', ctx.computedDisabled());
+        __attribute('aria-describedby', ctx.computedAriaDescribedBy());
+        __advance(4);
+        __repeater(ctx.computedColumns());
+        __advance(3);
+        __repeater(ctx.computedRows());
+        __advance(2);
+        __conditional(ctx.computedTotalRows() > 0 ? 9 : -1);
+      }
+    },
+    dependencies: [JsonPipe],
+    encapsulation: 3,
+  });
+}
+/* @__PURE__ */ (() => {})();
+
+export { DataGridComponent };
+//# sourceMappingURL=data-grid.component-DDZZ4enP.js.map

package/packages/angular-renderer/playwright/.cache/assets/data-grid.component-DDZZ4enP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid.component-DDZZ4enP.js","sources":["../../../src/components/primitives/data-grid/data-grid.component.ts"],"sourcesContent":["import {\n  Component,\n  input,\n  ChangeDetectionStrategy,\n  computed,\n  ViewEncapsulation,\n  inject,\n  SecurityContext,\n  signal,\n} from '@angular/core';\nimport { JsonPipe } from '@angular/common';\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 DataGridProps {\n  columns?: Array<{ key: string; label: string; sortable?: boolean }>;\n  rows?: Array<Record<string, unknown>>;\n  pageSize?: number;\n  currentPage?: number;\n  totalRows?: number;\n  disabled?: boolean;\n  'aria-label'?: string;\n  'aria-describedby'?: string;\n}\n\n@Component({\n  selector: 'origo-data-grid',\n  standalone: true,\n  imports: [JsonPipe],\n  templateUrl: './data-grid.component.html',\n  styleUrls: ['./data-grid.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.ShadowDom,\n  host: {\n    '[class.origo-data-grid]': 'true',\n    '[attr.data-testid]': 'contract().id',\n    '[attr.aria-label]': 'computedAriaLabel()',\n    '[attr.aria-describedby]': 'computedAriaDescribedBy()',\n  },\n})\nexport class DataGridComponent implements OrigoAdapter<DataGridProps> {\n  static readonly contractSchema = {\n    columns: 'array',\n    rows: 'array',\n    pageSize: 'number',\n    currentPage: 'number',\n    totalRows: 'number',\n    disabled: 'boolean',\n  };\n  static readonly strictContract = false;\n\n  contract = input.required<InteractionContract<DataGridProps>>();\n\n  private experienceAdapter = inject(WebExperienceAdapterService);\n  private sanitizer = inject(DomSanitizer);\n\n  // Track sort direction locally for toggling\n  sortDir = signal<'asc' | 'desc'>('asc');\n  currentSortKey = signal<string | null>(null);\n\n  computedColumns = computed(() => {\n    const cols = this.contract().props?.columns;\n    return Array.isArray(cols)\n      ? cols.filter(c => c != null && c.key != null && c.label != null)\n      : [];\n  });\n\n  computedRows = computed(() => {\n    const rows = this.contract().props?.rows;\n    if (!Array.isArray(rows)) return [];\n    const validRows = rows.filter(r => r != null);\n\n    const pageSize = this.contract().props?.pageSize;\n    let currentPage = this.contract().props?.currentPage;\n\n    if (typeof pageSize !== 'number' || pageSize <= 0) {\n      return validRows.slice(0, 100); // no pagination cap if pageSize is invalid, but cap at 100 to prevent huge rendering\n    }\n\n    if (typeof currentPage !== 'number' || currentPage < 1) {\n      currentPage = 1;\n    }\n\n    const startIndex = (currentPage - 1) * pageSize;\n    return validRows.slice(startIndex, startIndex + pageSize);\n  });\n\n  computedTotalRows = computed(() => {\n    const totalRows = this.contract().props?.totalRows;\n    if (typeof totalRows === 'number' && totalRows >= 0) return totalRows;\n    const rows = this.contract().props?.rows;\n    return Array.isArray(rows) ? rows.length : 0;\n  });\n\n  computedCurrentPage = computed(() => {\n    const cp = this.contract().props?.currentPage;\n    return typeof cp === 'number' && cp >= 1 ? cp : 1;\n  });\n\n  computedTotalPages = computed(() => {\n    const pageSize = this.contract().props?.pageSize;\n    if (typeof pageSize !== 'number' || pageSize <= 0) return 1;\n    return Math.max(1, Math.ceil(this.computedTotalRows() / pageSize));\n  });\n\n  computedDisabled = computed(() => !!this.contract().props?.disabled);\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  onSort(key: string) {\n    if (this.computedDisabled()) return;\n\n    if (this.currentSortKey() === key) {\n      this.sortDir.update(d => (d === 'asc' ? 'desc' : 'asc'));\n    } else {\n      this.currentSortKey.set(key);\n      this.sortDir.set('desc');\n    }\n\n    this.experienceAdapter.updateState(this.contract().id, 'sortKey', key);\n    this.experienceAdapter.updateState(this.contract().id, 'sortDir', this.sortDir());\n  }\n\n  onPageChange(page: number) {\n    if (this.computedDisabled() || !Number.isInteger(page) || page < 1) return;\n    this.experienceAdapter.updateState(this.contract().id, 'currentPage', page);\n  }\n\n  onRowSelect(rowId: unknown) {\n    if (this.computedDisabled() || rowId == null) return;\n\n    const rawValue = String(rowId);\n    const sanitized = this.sanitizer.sanitize(SecurityContext.HTML, rawValue);\n    const sanitizedValue =\n      sanitized != null && sanitized !== '' ? sanitized : rawValue.replace(/[<>]/g, '');\n\n    this.experienceAdapter.updateState(this.contract().id, 'selectedRow', sanitizedValue);\n  }\n\n  isObject(val: unknown): boolean {\n    return typeof val === 'object' && val !== null;\n  }\n}\n"],"names":["i0.ɵɵgetCurrentView","i0.ɵɵdomElementStart","i0.ɵɵdomListener","i0.ɵɵrestoreView","i0.ɵɵnextContext","i0.ɵɵresetView","i0.ɵɵtext","i0.ɵɵdomElementEnd","i0.ɵɵclassProp","i0.ɵɵattribute","i0.ɵɵadvance","i0.ɵɵpipe","i0.ɵɵtextInterpolate","i0.ɵɵpipeBind1","i0.ɵɵrepeater","i0.ɵɵdomProperty","i0.ɵɵtextInterpolate2"],"mappings":"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"}

package/packages/angular-renderer/playwright/.cache/assets/experience-adapter.service-CJxHLpWN.js

@@ -0,0 +1,38 @@
+import { G as signal, U as __defineInjectable } from './index-DRoHZv2r.js';
+
+class WebExperienceAdapterService {
+  _state = signal({}, ...(false ? [{ debugName: '_state' }] : /* istanbul ignore next */ []));
+  getState(nodeId, property) {
+    return this._state()[nodeId]?.[property];
+  }
+  dispatchCapability(nodeId, actionName, payload) {
+    console.debug(
+      `[ExperienceAdapter] Dispatched capability '${actionName}' for node '${nodeId}'`,
+      payload
+    );
+  }
+  updateState(nodeId, property, value) {
+    console.debug(
+      `[ExperienceAdapter] Updated state for node '${nodeId}', property '${property}'`,
+      value
+    );
+    this._state.update(state => ({
+      ...state,
+      [nodeId]: {
+        ...state[nodeId],
+        [property]: value,
+      },
+    }));
+  }
+  static ɵfac = function WebExperienceAdapterService_Factory(__ngFactoryType__) {
+    return new (__ngFactoryType__ || WebExperienceAdapterService)();
+  };
+  static ɵprov = /* @__PURE__ */ __defineInjectable({
+    token: WebExperienceAdapterService,
+    factory: WebExperienceAdapterService.ɵfac,
+    providedIn: 'root',
+  });
+}
+
+export { WebExperienceAdapterService as W };
+//# sourceMappingURL=experience-adapter.service-CJxHLpWN.js.map

package/packages/angular-renderer/playwright/.cache/assets/experience-adapter.service-CJxHLpWN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"experience-adapter.service-CJxHLpWN.js","sources":["../../../src/adapters/web/experience-adapter.service.ts"],"sourcesContent":["import { Injectable, signal } from '@angular/core';\n\n@Injectable({ providedIn: 'root' })\nexport class WebExperienceAdapterService {\n  private _state = signal<Record<string, Record<string, unknown>>>({});\n\n  getState(nodeId: string, property: string): unknown {\n    return this._state()[nodeId]?.[property];\n  }\n\n  dispatchCapability(nodeId: string, actionName: string, payload?: unknown): void {\n    // In Phase 1, this provides the stateless translation boundary (AD-15).\n    // Real dispatching logic to the core BADL engine would be wired here.\n    console.debug(\n      `[ExperienceAdapter] Dispatched capability '${actionName}' for node '${nodeId}'`,\n      payload\n    );\n  }\n\n  updateState(nodeId: string, property: string, value: unknown): void {\n    // In Phase 1, this provides the stateless translation boundary (AD-15).\n    console.debug(\n      `[ExperienceAdapter] Updated state for node '${nodeId}', property '${property}'`,\n      value\n    );\n\n    this._state.update(state => ({\n      ...state,\n      [nodeId]: {\n        ...state[nodeId],\n        [property]: value,\n      },\n    }));\n  }\n}\n"],"names":["i0.ɵɵdefineInjectable"],"mappings":";;AAGO,MAAM,2BAAA,CAA4B;AAAA,EAC/B,MAAA,GAAS,MAAA;AAAA,IAAkD,EAAA;AAAA,IAEnE,GAAA,KAAA,GAAyB,CAAA,EAAA,SAAA,EAA2B,UAAA,CAAA;AAAA;AAAA,MAAA;AAAA;AAAA,GAAA;AAAA,EAClD,QAAA,CAAO,QAAK,QAAA,EAAe;AAC7B,IAAA,OAAA,IAAA,CAAA,MAAA,EAAA,CAAA,MAAA,IAAA,QAAA,CAAA;AAAA,EAEA;AAAA,EAGE,kBAAA,CAAQ,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA;AAGR,IAAA,OAAA,CAAA,MAAA,CAAA,2CAAA,EAAA,UAAA,CAAA,YAAA,EAAA,MAAA,KAAA,OAAA,CAAA;AAAA,EACF;AAAA,EAEA,WAAA,CAAY,MAAA,EAAgB,QAAA,EAAkB,KAAA,EAAsB;AAGhE,IAAA,OAAA,CAAA,MAAA,CAAA,4CAAA,EAAqD,MAAgB,CAAA,aAAA,EAAQ,QAAA,KAAA,KAAA,CAAA;AAC7E,IAAA,IAAA,CAAA,MAAA,CAAA,OAAA,CAAA,KAAA,MAAA;AAAA,MACF,GAAA,KAAA;AAAA,MAEK,CAAA;QACA,GAAA,MAAA,MAAA,CAAA;AAAA,QACO,CAAA,QAAA,GAAA;AAAA;KAER;EAAY;AAAA,EAEhB,OAAE,IAAA,GAAA,SAAA,mCAAA,CAAA,iBAAA,EAAA;AAAA,IAAA,OAAA,KAAA,qBAAA,2BAAA,GAAA;AAAA,EAAA,CAAA;AAAA,EACJ,OAAA,KAAA,mBAAAA,kBAAA,CAAA,EAAA,KAAA,EAAA,2BAAA,EAAA,OAAA,EAAA,2BAAA,CAAA,IAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA;AACF;;"}

package/packages/angular-renderer/playwright/.cache/assets/form-field.component-DZA0NfB7.js

@@ -0,0 +1,184 @@
+import {
+  H as __element,
+  d as __nextContext,
+  I as __property,
+  K as __elementStart,
+  f as __text,
+  L as __elementEnd,
+  h as __advance,
+  i as __textInterpolate,
+  n as input,
+  M as viewChild,
+  V as ViewContainerRef,
+  p as computed,
+  q as __defineComponent,
+  l as __conditionalCreate,
+  N as __elementContainer,
+  m as __conditional,
+  k as __attribute,
+  j as __classProp,
+  O as __viewQuerySignal,
+  P as __queryAdvance,
+} from './index-DRoHZv2r.js';
+import { LabelComponent } from './label.component-DDKtYvrS.js';
+
+const _c0 = ['vc'];
+function FormFieldComponent_Conditional_0_Template(rf, ctx) {
+  if (rf & 1) {
+    __element(0, 'origo-label', 1);
+  }
+  if (rf & 2) {
+    const ctx_r0 = __nextContext();
+    __property('contract', ctx_r0.labelContract());
+  }
+}
+function FormFieldComponent_Conditional_4_Template(rf, ctx) {
+  if (rf & 1) {
+    __elementStart(0, 'div', 3);
+    __text(1);
+    __elementEnd();
+  }
+  if (rf & 2) {
+    const ctx_r0 = __nextContext();
+    __advance();
+    __textInterpolate(ctx_r0.computedError());
+  }
+}
+function FormFieldComponent_Conditional_5_Template(rf, ctx) {
+  if (rf & 1) {
+    __elementStart(0, 'div', 4);
+    __text(1);
+    __elementEnd();
+  }
+  if (rf & 2) {
+    const ctx_r0 = __nextContext();
+    __advance();
+    __textInterpolate(ctx_r0.computedHint());
+  }
+}
+class FormFieldComponent {
+  static contractSchema = {
+    label: 'string',
+    error: 'string',
+    hint: 'string',
+    required: 'boolean',
+  };
+  static strictContract = false;
+  contract = input.required(
+    ...(false ? [{ debugName: 'contract' }] : /* istanbul ignore next */ [])
+  );
+  vc = viewChild.required('vc', {
+    ...(false ? { debugName: 'vc' } : /* istanbul ignore next */ {}),
+    read: ViewContainerRef,
+  });
+  computedLabel = computed(
+    () => this.contract().props?.label,
+    ...(false ? [{ debugName: 'computedLabel' }] : /* istanbul ignore next */ [])
+  );
+  computedError = computed(
+    () => this.contract().props?.error,
+    ...(false ? [{ debugName: 'computedError' }] : /* istanbul ignore next */ [])
+  );
+  computedHint = computed(
+    () => this.contract().props?.hint,
+    ...(false ? [{ debugName: 'computedHint' }] : /* 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).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 */ [])
+  );
+  labelContract = computed(
+    () => {
+      const parentId = this.contract().id;
+      const childId = this.contract().children?.[0]?.id;
+      return {
+        id: `${parentId}-label`,
+        type: 'Label',
+        props: {
+          text: this.computedLabel(),
+          required: this.computedRequired(),
+          for: childId,
+        },
+      };
+    },
+    ...(false ? [{ debugName: 'labelContract' }] : /* istanbul ignore next */ [])
+  );
+  static ɵfac = function FormFieldComponent_Factory(__ngFactoryType__) {
+    return new (__ngFactoryType__ || FormFieldComponent)();
+  };
+  static ɵcmp = /* @__PURE__ */ __defineComponent({
+    type: FormFieldComponent,
+    selectors: [['origo-form-field']],
+    viewQuery: function FormFieldComponent_Query(rf, ctx) {
+      if (rf & 1) {
+        __viewQuerySignal(ctx.vc, _c0, 5, ViewContainerRef);
+      }
+      if (rf & 2) {
+        __queryAdvance();
+      }
+    },
+    hostVars: 8,
+    hostBindings: function FormFieldComponent_HostBindings(rf, ctx) {
+      if (rf & 2) {
+        __attribute('data-testid', ctx.contract().id ?? '')(
+          'role',
+          ctx.computedAriaLabel() ? 'group' : null
+        )('aria-label', ctx.computedAriaLabel())('aria-describedby', ctx.computedAriaDescribedBy());
+        __classProp('origo-form-field', true)('has-error', !!ctx.computedError());
+      }
+    },
+    inputs: { contract: [1, 'contract'] },
+    decls: 6,
+    vars: 2,
+    consts: [
+      ['vc', ''],
+      [3, 'contract'],
+      [1, 'form-field-control'],
+      ['role', 'alert', 1, 'form-field-error'],
+      [1, 'form-field-hint'],
+    ],
+    template: function FormFieldComponent_Template(rf, ctx) {
+      if (rf & 1) {
+        __conditionalCreate(0, FormFieldComponent_Conditional_0_Template, 1, 1, 'origo-label', 1);
+        __elementStart(1, 'div', 2);
+        __elementContainer(2, null, 0);
+        __elementEnd();
+        __conditionalCreate(4, FormFieldComponent_Conditional_4_Template, 2, 1, 'div', 3)(
+          5,
+          FormFieldComponent_Conditional_5_Template,
+          2,
+          1,
+          'div',
+          4
+        );
+      }
+      if (rf & 2) {
+        __conditional(ctx.computedLabel() ? 0 : -1);
+        __advance(4);
+        __conditional(ctx.computedError() ? 4 : ctx.computedHint() ? 5 : -1);
+      }
+    },
+    dependencies: [LabelComponent],
+    encapsulation: 3,
+  });
+}
+/* @__PURE__ */ (() => {})();
+
+export { FormFieldComponent };
+//# sourceMappingURL=form-field.component-DZA0NfB7.js.map

package/packages/angular-renderer/playwright/.cache/assets/form-field.component-DZA0NfB7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.component-DZA0NfB7.js","sources":["../../../src/components/primitives/form-field/form-field.component.ts"],"sourcesContent":["import {\n  Component,\n  input,\n  viewChild,\n  ViewContainerRef,\n  ChangeDetectionStrategy,\n  computed,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { InteractionContract } from '@origo/core';\nimport { OrigoAdapter, ContainerComponent } from '../../../adapters/web/adapter';\nimport { LabelComponent, LabelProps } from '../label/label.component';\n\nexport interface FormFieldProps {\n  label?: string;\n  error?: string;\n  hint?: string;\n  required?: boolean;\n  'aria-label'?: string;\n  'aria-describedby'?: string;\n}\n\n@Component({\n  selector: 'origo-form-field',\n  standalone: true,\n  imports: [LabelComponent],\n  templateUrl: './form-field.component.html',\n  styleUrls: ['./form-field.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.ShadowDom,\n  host: {\n    '[class.origo-form-field]': 'true',\n    '[class.has-error]': '!!computedError()',\n    '[attr.data-testid]': 'contract().id ?? \"\"',\n    '[attr.role]': 'computedAriaLabel() ? \"group\" : null',\n    '[attr.aria-label]': 'computedAriaLabel()',\n    '[attr.aria-describedby]': 'computedAriaDescribedBy()',\n  },\n})\nexport class FormFieldComponent implements OrigoAdapter<FormFieldProps>, ContainerComponent {\n  static readonly contractSchema = {\n    label: 'string',\n    error: 'string',\n    hint: 'string',\n    required: 'boolean',\n  };\n  static readonly strictContract = false;\n\n  contract = input.required<InteractionContract<FormFieldProps>>();\n\n  vc = viewChild.required('vc', { read: ViewContainerRef });\n\n  computedLabel = computed(() => this.contract().props?.label);\n  computedError = computed(() => this.contract().props?.error);\n  computedHint = computed(() => this.contract().props?.hint);\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).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  labelContract = computed<InteractionContract<LabelProps>>(() => {\n    const parentId = this.contract().id;\n    const childId = this.contract().children?.[0]?.id;\n    return {\n      id: `${parentId}-label`,\n      type: 'Label',\n      props: {\n        text: this.computedLabel(),\n        required: this.computedRequired(),\n        for: childId,\n      },\n    };\n  });\n}\n"],"names":["i0.ɵɵelement","i0.ɵɵnextContext","i0.ɵɵproperty","i0.ɵɵelementStart","i0.ɵɵtext","i0.ɵɵelementEnd","i0.ɵɵadvance","i0.ɵɵtextInterpolate"],"mappings":"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"}