@origostudio/origo-design 0.0.37 → 0.0.39

package/packages/angular-renderer/playwright/.cache/assets/card.component-0WWaDbUV.js

@@ -0,0 +1,180 @@
+import {
+  a as __domElementStart,
+  x as __domElement,
+  g as __domElementEnd,
+  d as __nextContext,
+  h as __advance,
+  v as __domProperty,
+  y as __sanitizeUrl,
+  k as __attribute,
+  f as __text,
+  i as __textInterpolate,
+  l as __conditionalCreate,
+  m as __conditional,
+  n as input,
+  o as inject,
+  D as DomSanitizer,
+  p as computed,
+  S as SecurityContext,
+  q as __defineComponent,
+  j as __classProp,
+} from './index-DRoHZv2r.js';
+
+function CardComponent_Conditional_1_Template(rf, ctx) {
+  if (rf & 1) {
+    __domElementStart(0, 'div', 1);
+    __domElement(1, 'img', 3);
+    __domElementEnd();
+  }
+  if (rf & 2) {
+    const ctx_r0 = __nextContext();
+    __advance();
+    __domProperty('src', ctx_r0.computedImageUrl(), __sanitizeUrl);
+    __attribute('alt', ctx_r0.computedImageAlt());
+  }
+}
+function CardComponent_Conditional_2_Conditional_1_Template(rf, ctx) {
+  if (rf & 1) {
+    __domElementStart(0, 'div', 4);
+    __text(1);
+    __domElementEnd();
+  }
+  if (rf & 2) {
+    const ctx_r0 = __nextContext(2);
+    __advance();
+    __textInterpolate(ctx_r0.computedTitle());
+  }
+}
+function CardComponent_Conditional_2_Conditional_2_Template(rf, ctx) {
+  if (rf & 1) {
+    __domElementStart(0, 'div', 5);
+    __text(1);
+    __domElementEnd();
+  }
+  if (rf & 2) {
+    const ctx_r0 = __nextContext(2);
+    __advance();
+    __textInterpolate(ctx_r0.computedSubtitle());
+  }
+}
+function CardComponent_Conditional_2_Template(rf, ctx) {
+  if (rf & 1) {
+    __domElementStart(0, 'div', 2);
+    __conditionalCreate(1, CardComponent_Conditional_2_Conditional_1_Template, 2, 1, 'div', 4);
+    __conditionalCreate(2, CardComponent_Conditional_2_Conditional_2_Template, 2, 1, 'div', 5);
+    __domElementEnd();
+  }
+  if (rf & 2) {
+    const ctx_r0 = __nextContext();
+    __advance();
+    __conditional(ctx_r0.computedTitle() !== void 0 && ctx_r0.computedTitle() !== '' ? 1 : -1);
+    __advance();
+    __conditional(
+      ctx_r0.computedSubtitle() !== void 0 && ctx_r0.computedSubtitle() !== '' ? 2 : -1
+    );
+  }
+}
+class CardComponent {
+  static contractSchema = {
+    title: 'string',
+    subtitle: 'string',
+    imageUrl: 'string',
+    imageAlt: 'string',
+  };
+  static strictContract = false;
+  contract = input.required(
+    ...(false ? [{ debugName: 'contract' }] : /* istanbul ignore next */ [])
+  );
+  sanitizer = inject(DomSanitizer);
+  computedTitle = computed(
+    () => {
+      const title = this.contract().props?.title;
+      return title !== void 0 && title !== null ? String(title) : void 0;
+    },
+    ...(false ? [{ debugName: 'computedTitle' }] : /* istanbul ignore next */ [])
+  );
+  computedSubtitle = computed(
+    () => {
+      const subtitle = this.contract().props?.subtitle;
+      return subtitle !== void 0 && subtitle !== null ? String(subtitle) : void 0;
+    },
+    ...(false ? [{ debugName: 'computedSubtitle' }] : /* istanbul ignore next */ [])
+  );
+  computedImageUrl = computed(
+    () => {
+      const url = this.contract().props?.imageUrl;
+      if (url === void 0 || url === null || url === '') return void 0;
+      const sanitizedUrl = this.sanitizer.sanitize(SecurityContext.URL, String(url));
+      return sanitizedUrl || void 0;
+    },
+    ...(false ? [{ debugName: 'computedImageUrl' }] : /* istanbul ignore next */ [])
+  );
+  computedImageAlt = computed(
+    () => {
+      const alt = this.contract().props?.imageAlt;
+      return alt !== void 0 && alt !== null ? String(alt) : '';
+    },
+    ...(false ? [{ debugName: 'computedImageAlt' }] : /* 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 */ [])
+  );
+  static ɵfac = function CardComponent_Factory(__ngFactoryType__) {
+    return new (__ngFactoryType__ || CardComponent)();
+  };
+  static ɵcmp = /* @__PURE__ */ __defineComponent({
+    type: CardComponent,
+    selectors: [['origo-card']],
+    hostVars: 5,
+    hostBindings: function CardComponent_HostBindings(rf, ctx) {
+      if (rf & 2) {
+        __attribute('data-testid', ctx.contract().id)('aria-label', ctx.computedAriaLabel())(
+          'aria-describedby',
+          ctx.computedAriaDescribedBy()
+        );
+        __classProp('origo-card', true);
+      }
+    },
+    inputs: { contract: [1, 'contract'] },
+    decls: 3,
+    vars: 2,
+    consts: [
+      [1, 'origo-card-container'],
+      [1, 'origo-card-image'],
+      [1, 'origo-card-content'],
+      [3, 'src'],
+      ['role', 'heading', 'aria-level', '3', 1, 'origo-card-title'],
+      [1, 'origo-card-subtitle'],
+    ],
+    template: function CardComponent_Template(rf, ctx) {
+      if (rf & 1) {
+        __domElementStart(0, 'div', 0);
+        __conditionalCreate(1, CardComponent_Conditional_1_Template, 2, 2, 'div', 1);
+        __conditionalCreate(2, CardComponent_Conditional_2_Template, 3, 2, 'div', 2);
+        __domElementEnd();
+      }
+      if (rf & 2) {
+        __advance();
+        __conditional(ctx.computedImageUrl() ? 1 : -1);
+        __advance();
+        __conditional(ctx.computedTitle() !== void 0 || ctx.computedSubtitle() !== void 0 ? 2 : -1);
+      }
+    },
+    encapsulation: 3,
+  });
+}
+/* @__PURE__ */ (() => {})();
+
+export { CardComponent };
+//# sourceMappingURL=card.component-0WWaDbUV.js.map

package/packages/angular-renderer/playwright/.cache/assets/card.component-0WWaDbUV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.component-0WWaDbUV.js","sources":["../../../src/components/primitives/card/card.component.ts"],"sourcesContent":["import {\n  Component,\n  input,\n  ChangeDetectionStrategy,\n  computed,\n  ViewEncapsulation,\n  inject,\n  SecurityContext,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { InteractionContract } from '@origo/core';\nimport { OrigoAdapter } from '../../../adapters/web/adapter';\n\nexport interface CardProps {\n  title?: string;\n  subtitle?: string;\n  imageUrl?: string;\n  imageAlt?: string;\n  'aria-label'?: string;\n  'aria-describedby'?: string;\n}\n\n@Component({\n  selector: 'origo-card',\n  standalone: true,\n  templateUrl: './card.component.html',\n  styleUrls: ['./card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.ShadowDom,\n  host: {\n    '[class.origo-card]': 'true',\n    '[attr.data-testid]': 'contract().id',\n    '[attr.aria-label]': 'computedAriaLabel()',\n    '[attr.aria-describedby]': 'computedAriaDescribedBy()',\n  },\n})\nexport class CardComponent implements OrigoAdapter<CardProps> {\n  static readonly contractSchema = {\n    title: 'string',\n    subtitle: 'string',\n    imageUrl: 'string',\n    imageAlt: 'string',\n  };\n  static readonly strictContract = false;\n\n  contract = input.required<InteractionContract<CardProps>>();\n\n  private sanitizer = inject(DomSanitizer);\n\n  computedTitle = computed(() => {\n    const title = this.contract().props?.title;\n    return title !== undefined && title !== null ? String(title) : undefined;\n  });\n\n  computedSubtitle = computed(() => {\n    const subtitle = this.contract().props?.subtitle;\n    return subtitle !== undefined && subtitle !== null ? String(subtitle) : undefined;\n  });\n\n  computedImageUrl = computed(() => {\n    const url = this.contract().props?.imageUrl;\n    if (url === undefined || url === null || url === '') return undefined;\n\n    // Sanitize URL for image source\n    const sanitizedUrl = this.sanitizer.sanitize(SecurityContext.URL, String(url));\n    return sanitizedUrl || undefined;\n  });\n\n  computedImageAlt = computed(() => {\n    const alt = this.contract().props?.imageAlt;\n    return alt !== undefined && alt !== null ? String(alt) : '';\n  });\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"],"names":["i0.ɵɵdomElementStart","i0.ɵɵdomElement","i0.ɵɵdomElementEnd","i0.ɵɵnextContext","i0.ɵɵadvance","i0.ɵɵdomProperty","i0.ɵɵsanitizeUrl","i0.ɵɵattribute","i0.ɵɵtextInterpolate","i0.ɵɵtext","i0.ɵɵconditionalCreate","i0.ɵɵconditional"],"mappings":"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"}

package/packages/angular-renderer/playwright/.cache/assets/checkbox.component-JGpevUFG.js

@@ -0,0 +1,150 @@
+import {
+  a as __domElementStart,
+  f as __text,
+  g as __domElementEnd,
+  n as input,
+  z as model,
+  p as computed,
+  o as inject,
+  A as effect,
+  B as untracked,
+  q as __defineComponent,
+  b as __domListener,
+  l as __conditionalCreate,
+  j as __classProp,
+  v as __domProperty,
+  h as __advance,
+  k as __attribute,
+  i as __textInterpolate,
+  m as __conditional,
+} from './index-DRoHZv2r.js';
+import { W as WebExperienceAdapterService } from './experience-adapter.service-CJxHLpWN.js';
+
+function CheckboxComponent_Conditional_4_Template(rf, ctx) {
+  if (rf & 1) {
+    __domElementStart(0, 'span', 3);
+    __text(1, '*');
+    __domElementEnd();
+  }
+}
+class CheckboxComponent {
+  static contractSchema = {
+    checked: 'boolean',
+    label: 'string',
+    disabled: 'boolean',
+    required: 'boolean',
+  };
+  static strictContract = false;
+  contract = input.required(
+    ...(false ? [{ debugName: 'contract' }] : /* istanbul ignore next */ [])
+  );
+  checked = model(false, ...(false ? [{ debugName: 'checked' }] : /* istanbul ignore next */ []));
+  computedLabel = computed(
+    () => this.contract().props?.label ?? '',
+    ...(false ? [{ debugName: 'computedLabel' }] : /* istanbul ignore next */ [])
+  );
+  computedDisabled = computed(
+    () => !!this.contract().props?.disabled,
+    ...(false ? [{ debugName: 'computedDisabled' }] : /* 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 */ [])
+  );
+  experienceAdapter = inject(WebExperienceAdapterService);
+  constructor() {
+    effect(() => {
+      const contractVal = !!this.contract().props?.checked;
+      untracked(() => {
+        if (contractVal === this.checked()) return;
+        this.checked.set(contractVal);
+      });
+    });
+  }
+  onChange(event) {
+    const target = event.target;
+    if (!target || this.computedDisabled()) return;
+    const isChecked = target.checked;
+    this.checked.set(isChecked);
+    this.experienceAdapter.updateState(this.contract().id, 'checked', isChecked);
+  }
+  static ɵfac = function CheckboxComponent_Factory(__ngFactoryType__) {
+    return new (__ngFactoryType__ || CheckboxComponent)();
+  };
+  static ɵcmp = /* @__PURE__ */ __defineComponent({
+    type: CheckboxComponent,
+    selectors: [['origo-checkbox']],
+    hostVars: 3,
+    hostBindings: function CheckboxComponent_HostBindings(rf, ctx) {
+      if (rf & 2) {
+        __attribute('data-testid', ctx.contract().id ?? '');
+        __classProp('origo-checkbox', true);
+      }
+    },
+    inputs: { contract: [1, 'contract'], checked: [1, 'checked'] },
+    outputs: { checked: 'checkedChange' },
+    decls: 5,
+    vars: 11,
+    consts: [
+      [3, 'for'],
+      ['type', 'checkbox', 3, 'change', 'id', 'disabled', 'required', 'checked'],
+      [1, 'label-text'],
+      ['aria-hidden', 'true', 1, 'required-indicator'],
+    ],
+    template: function CheckboxComponent_Template(rf, ctx) {
+      if (rf & 1) {
+        __domElementStart(0, 'label', 0)(1, 'input', 1);
+        __domListener(
+          'change',
+          function CheckboxComponent_Template_input_change_1_listener($event) {
+            return ctx.onChange($event);
+          }
+        );
+        __domElementEnd();
+        __domElementStart(2, 'span', 2);
+        __text(3);
+        __domElementEnd();
+        __conditionalCreate(4, CheckboxComponent_Conditional_4_Template, 2, 0, 'span', 3);
+        __domElementEnd();
+      }
+      if (rf & 2) {
+        __classProp('disabled', ctx.computedDisabled());
+        __domProperty('htmlFor', ctx.contract().id);
+        __advance();
+        __domProperty('id', ctx.contract().id)('disabled', ctx.computedDisabled())(
+          'required',
+          ctx.computedRequired()
+        )('checked', ctx.checked());
+        __attribute('aria-label', ctx.computedAriaLabel())(
+          'aria-describedby',
+          ctx.computedAriaDescribedBy()
+        );
+        __advance(2);
+        __textInterpolate(ctx.computedLabel());
+        __advance();
+        __conditional(ctx.computedRequired() ? 4 : -1);
+      }
+    },
+    encapsulation: 3,
+  });
+}
+/* @__PURE__ */ (() => {})();
+
+export { CheckboxComponent };
+//# sourceMappingURL=checkbox.component-JGpevUFG.js.map

package/packages/angular-renderer/playwright/.cache/assets/checkbox.component-JGpevUFG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.component-JGpevUFG.js","sources":["../../../src/components/primitives/checkbox/checkbox.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 CheckboxProps {\n  checked?: boolean;\n  label?: string;\n  disabled?: boolean;\n  'aria-label'?: string;\n  'aria-describedby'?: string;\n  required?: boolean;\n}\n\n@Component({\n  selector: 'origo-checkbox',\n  standalone: true,\n  templateUrl: './checkbox.component.html',\n  styleUrls: ['./checkbox.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.ShadowDom,\n  host: {\n    '[class.origo-checkbox]': 'true',\n    '[attr.data-testid]': 'contract().id ?? \"\"',\n  },\n})\nexport class CheckboxComponent implements OrigoAdapter<CheckboxProps> {\n  static readonly contractSchema = {\n    checked: 'boolean',\n    label: 'string',\n    disabled: 'boolean',\n    required: 'boolean',\n  };\n  static readonly strictContract = false;\n\n  contract = input.required<InteractionContract<CheckboxProps>>();\n  checked = model<boolean>(false);\n\n  computedLabel = computed(() => this.contract().props?.label ?? '');\n  computedDisabled = computed(() => !!this.contract().props?.disabled);\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  private experienceAdapter = inject(WebExperienceAdapterService);\n\n  constructor() {\n    effect(() => {\n      const contractVal = !!this.contract().props?.checked;\n      untracked(() => {\n        if (contractVal === this.checked()) return;\n        this.checked.set(contractVal);\n      });\n    });\n  }\n\n  onChange(event: Event) {\n    const target = event.target as HTMLInputElement | null;\n    if (!target || this.computedDisabled()) return;\n\n    const isChecked = target.checked;\n    this.checked.set(isChecked);\n    this.experienceAdapter.updateState(this.contract().id, 'checked', isChecked);\n  }\n}\n"],"names":["i0.ɵɵdomElementStart","i0.ɵɵtext","i0.ɵɵdomElementEnd","i0.ɵɵdefineComponent","i0.ɵɵattribute","i0.ɵɵclassProp"],"mappings":"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"}

package/packages/angular-renderer/playwright/.cache/assets/chip.component-DHGk3h8k.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,
+  f as __text,
+  g as __domElementEnd,
+  j as __classProp,
+  v as __domProperty,
+  k as __attribute,
+  h as __advance,
+  i as __textInterpolate,
+} from './index-DRoHZv2r.js';
+import { c as coerceContractProps } from './adapter-iYml3Kk6.js';
+import { W as WebExperienceAdapterService } from './experience-adapter.service-CJxHLpWN.js';
+
+class ChipComponent {
+  static contractSchema = {
+    selected: 'boolean',
+    label: 'string',
+    disabled: 'boolean',
+  };
+  static strictContract = false;
+  contract = input.required(
+    ...(false ? [{ debugName: 'contract' }] : /* istanbul ignore next */ [])
+  );
+  selected = model(false, ...(false ? [{ debugName: 'selected' }] : /* istanbul ignore next */ []));
+  computedLabel = computed(
+    () => this.contract().props?.label ?? '',
+    ...(false ? [{ debugName: 'computedLabel' }] : /* istanbul ignore next */ [])
+  );
+  computedDisabled = computed(
+    () => !!this.contract().props?.disabled,
+    ...(false ? [{ debugName: 'computedDisabled' }] : /* istanbul ignore next */ [])
+  );
+  computedAriaLabel = computed(
+    () => {
+      const v = this.contract().props?.['aria-label'];
+      return v !== void 0 && v !== null && String(v).trim() !== '' ? String(v) : void 0;
+    },
+    ...(false ? [{ debugName: 'computedAriaLabel' }] : /* istanbul ignore next */ [])
+  );
+  computedAriaDescribedBy = computed(
+    () => {
+      const v = this.contract().props?.['aria-describedby'];
+      return v !== void 0 && v !== null && String(v).trim() !== '' ? String(v) : void 0;
+    },
+    ...(false ? [{ debugName: 'computedAriaDescribedBy' }] : /* istanbul ignore next */ [])
+  );
+  experienceAdapter = inject(WebExperienceAdapterService);
+  constructor() {
+    effect(() => {
+      const props = this.contract().props;
+      const coerced = props ? coerceContractProps(props, ChipComponent.contractSchema) : {};
+      const contractVal = coerced['selected'] !== void 0 ? !!coerced['selected'] : this.selected();
+      untracked(() => {
+        if (contractVal === this.selected()) return;
+        this.selected.set(contractVal);
+      });
+    });
+  }
+  onClick() {
+    if (this.computedDisabled() || !this.contract().id) return;
+    const nextSelected = !this.selected();
+    this.selected.set(nextSelected);
+    this.experienceAdapter.updateState(this.contract().id, 'selected', nextSelected);
+  }
+  static ɵfac = function ChipComponent_Factory(__ngFactoryType__) {
+    return new (__ngFactoryType__ || ChipComponent)();
+  };
+  static ɵcmp = /* @__PURE__ */ __defineComponent({
+    type: ChipComponent,
+    selectors: [['origo-chip']],
+    hostVars: 3,
+    hostBindings: function ChipComponent_HostBindings(rf, ctx) {
+      if (rf & 2) {
+        __attribute('data-testid', ctx.contract().id ?? '');
+        __classProp('origo-chip', true);
+      }
+    },
+    inputs: { contract: [1, 'contract'], selected: [1, 'selected'] },
+    outputs: { selected: 'selectedChange' },
+    decls: 3,
+    vars: 8,
+    consts: [
+      ['type', 'button', 3, 'click', 'id', 'disabled'],
+      [1, 'chip-label'],
+    ],
+    template: function ChipComponent_Template(rf, ctx) {
+      if (rf & 1) {
+        __domElementStart(0, 'button', 0);
+        __domListener('click', function ChipComponent_Template_button_click_0_listener() {
+          return ctx.onClick();
+        });
+        __domElementStart(1, 'span', 1);
+        __text(2);
+        __domElementEnd()();
+      }
+      if (rf & 2) {
+        __classProp('origo-chip--selected', ctx.selected());
+        __domProperty('id', ctx.contract().id)('disabled', ctx.computedDisabled());
+        __attribute('aria-pressed', ctx.selected().toString())(
+          'aria-label',
+          ctx.computedAriaLabel() ?? void 0
+        )('aria-describedby', ctx.computedAriaDescribedBy() ?? void 0);
+        __advance(2);
+        __textInterpolate(ctx.computedLabel());
+      }
+    },
+    encapsulation: 3,
+  });
+}
+/* @__PURE__ */ (() => {})();
+
+export { ChipComponent };
+//# sourceMappingURL=chip.component-DHGk3h8k.js.map

package/packages/angular-renderer/playwright/.cache/assets/chip.component-DHGk3h8k.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.component-DHGk3h8k.js","sources":["../../../src/components/primitives/chip/chip.component.ts"],"sourcesContent":["import {\n  Component,\n  input,\n  model,\n  computed,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  inject,\n  effect,\n  untracked,\n} from '@angular/core';\nimport { InteractionContract } from '@origo/core';\nimport { OrigoAdapter, coerceContractProps } from '../../../adapters/web/adapter';\nimport { WebExperienceAdapterService } from '../../../adapters/web/experience-adapter.service';\n\nexport interface ChipProps {\n  selected?: boolean;\n  label?: string;\n  disabled?: boolean;\n  'aria-label'?: string;\n  'aria-describedby'?: string;\n}\n\n@Component({\n  selector: 'origo-chip',\n  standalone: true,\n  templateUrl: './chip.component.html',\n  styleUrls: ['./chip.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.ShadowDom,\n  host: {\n    '[class.origo-chip]': 'true',\n    '[attr.data-testid]': 'contract().id ?? \"\"',\n  },\n})\nexport class ChipComponent implements OrigoAdapter<ChipProps> {\n  static readonly contractSchema: Record<\n    string,\n    'string' | 'number' | 'boolean' | 'object' | 'array'\n  > = {\n    selected: 'boolean',\n    label: 'string',\n    disabled: 'boolean',\n  };\n  static readonly strictContract = false;\n\n  contract = input.required<InteractionContract<ChipProps>>();\n  selected = model<boolean>(false);\n\n  computedLabel = computed(() => this.contract().props?.label ?? '');\n  computedDisabled = computed(() => !!this.contract().props?.disabled);\n  computedAriaLabel = computed(() => {\n    const v = this.contract().props?.['aria-label'];\n    return v !== undefined && v !== null && String(v).trim() !== '' ? String(v) : undefined;\n  });\n  computedAriaDescribedBy = computed(() => {\n    const v = this.contract().props?.['aria-describedby'];\n    return v !== undefined && v !== null && String(v).trim() !== '' ? String(v) : undefined;\n  });\n\n  private experienceAdapter = inject(WebExperienceAdapterService);\n\n  constructor() {\n    effect(() => {\n      const props = this.contract().props;\n      const coerced = props\n        ? coerceContractProps<Record<string, unknown>>(props, ChipComponent.contractSchema)\n        : {};\n      const contractVal =\n        coerced['selected'] !== undefined ? !!coerced['selected'] : this.selected();\n      untracked(() => {\n        if (contractVal === this.selected()) return;\n        this.selected.set(contractVal);\n      });\n    });\n  }\n\n  onClick() {\n    if (this.computedDisabled() || !this.contract().id) return;\n\n    const nextSelected = !this.selected();\n    this.selected.set(nextSelected);\n    this.experienceAdapter.updateState(this.contract().id, 'selected', nextSelected);\n  }\n}\n"],"names":["i0.ɵɵdefineComponent","i0.ɵɵattribute","i0.ɵɵclassProp","i0.ɵɵdomElementStart","i0.ɵɵtext"],"mappings":"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"}