@educarehq/solaris-ui 0.3.0 → 0.3.1

package/esm2022/lib/components/navigation/tabs/tab/tab.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/navigation/tabs/tab/tab.component.ts","../../../../../../../../../packages/angular/src/lib/components/navigation/tabs/tab/tab.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,uBAAuB,GACxB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;;AAEpD,IAAI,MAAM,GAAG,CAAC,CAAC;AA2Bf,MAAM,OAAO,mBAAmB;IACb,gBAAgB,GAAG,MAAM,CAAC,uBAAuB,EAAE;QAClE,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC;IACc,WAAW,GAAG,MAAM,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAE/D,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC,CAAC;IACjC,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAmB,CAAC;IAC1C,cAAc,GAAG,KAAK,CAAU,IAAI,qFAAC,CAAC;IACtC,IAAI,GAAG,KAAK,CAAqB,SAAS,2EAAC,CAAC;IAC5C,KAAK,GAAG,KAAK,CAAqB,SAAS,4EAAC,CAAC;IAC7C,QAAQ,GAAG,KAAK,CAAqB,SAAS,+EAAC,CAAC;IAChD,SAAS,GAAG,KAAK,CAAqB,SAAS,gFAAC,CAAC;IACjD,UAAU,GAAG,KAAK,CAAqB,SAAS,iFAAC,CAAC;IAClD,YAAY,GAAG,KAAK,CAAqB,SAAS,mFAAC,CAAC;IACpD,aAAa,GAAG,KAAK,CAAqB,SAAS,oFAAC,CAAC;IACrD,KAAK,GAAG,KAAK,CAA8B,SAAS,4EAAC,CAAC;IAE5C,UAAU,GAAG,eAAe,MAAM,EAAE,EAAE,CAAC;IAEvC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE;QACvC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QACtD,CAAC;QACD,OAAO,GAAG,IAAI,CAAC,UAAU,MAAM,CAAC;IAClC,CAAC,4EAAC,CAAC;IAEgB,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE;QACzC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,OAAO,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QACxD,CAAC;QACD,OAAO,GAAG,IAAI,CAAC,UAAU,QAAQ,CAAC;IACpC,CAAC,8EAAC,CAAC;IAEgB,WAAW,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC7C,OAAO,IAAI,CAAC,WAAW,EAAE,WAAW,EAAE,IAAI,YAAY,CAAC;IACzD,CAAC,kFAAC,CAAC;IAEgB,IAAI,GAAG,QAAQ,CAAC,GAAG,EAAE;QACtC,OAAO,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC;IAC1C,CAAC,2EAAC,CAAC;IAEgB,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE;QACzC,OAAO,IAAI,CAAC,WAAW,EAAE,OAAO,EAAE,IAAI,aAAa,CAAC;IACtD,CAAC,8EAAC,CAAC;IAEgB,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC5C,OAAO,IAAI,CAAC,WAAW,EAAE,UAAU,EAAE,IAAI,WAAW,CAAC;IACvD,CAAC,iFAAC,CAAC;IAEgB,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE,OAAO,KAAK,CAAC;QACpC,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;IACnD,CAAC,+EAAC,CAAC;IAEM,kBAAkB,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC1C,OAAO,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,IAAI,KAAK,CAAC,CAAC;IACpE,CAAC,yFAAC,CAAC;IAEgB,aAAa,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC/C,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QACvB,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC;QAC/C,OAAO,CAAC,CAAC;IACX,CAAC,oFAAC,CAAC;IAEgB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE;QACvC,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE,OAAO,CAAC,CAAC,CAAC;QACjC,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC,4EAAC,CAAC;IAEM,aAAa,GAAG,QAAQ,CAAC,GAAG,EAAE;QACrC,IAAI,IAAI,CAAC,KAAK,EAAE;YAAE,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC;QACtC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QACjC,IAAI,QAAQ,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtC,OAAO,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACnD,CAAC;QACD,OAAO,QAAQ,IAAI,SAAS,CAAC;IAC/B,CAAC,oFAAC,CAAC;IAEgB,kBAAkB,GAAG,QAAQ,CAAC,GAAG,EAAE;QACpD,IAAI,IAAI,CAAC,UAAU,EAAE;YAAE,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;QAChD,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QAC3C,IAAI,aAAa,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC3C,OAAO,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;QACxD,CAAC;QACD,OAAO,aAAa,IAAI,SAAS,CAAC;IACpC,CAAC,yFAAC,CAAC;IAEgB,iBAAiB,GAAG,QAAQ,CAAC,GAAG,EAAE;QACnD,IAAI,IAAI,CAAC,SAAS,EAAE;YAAE,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;QAC9C,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACzC,IAAI,YAAY,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1C,OAAO,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QACvD,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,wFAAC,CAAC;IAEO,OAAO;QACf,IAAI,IAAI,CAAC,kBAAkB,EAAE;YAAE,OAAO;QACtC,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;IAES,SAAS,CAAC,KAAoB;QACtC,IAAI,IAAI,CAAC,kBAAkB,EAAE;YAAE,OAAO;QAEtC,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QAC5C,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QAElC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,IAAI,IAAI,CAAC,WAAW,EAAE,cAAc,EAAE,KAAK,QAAQ,EAAE,CAAC;gBACpD,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YACrC,CAAC;YAED,OAAO;QACT,CAAC;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;QAEnE,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,YAAY;YAAE,OAAO;QAE7D,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;QAEhC,IAAI,IAAI,CAAC,WAAW,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,CAAC;YACvD,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACxC,CAAC;QAED,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC;IAEO,YAAY,CAClB,GAAW,EACX,IAAwC,EACxC,YAAoB;QAEpB,QAAQ,GAAG,EAAE,CAAC;YACZ,KAAK,YAAY;gBACf,OAAO,IAAI,CAAC,WAAW,EAAE,KAAK,YAAY;oBACxC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;oBAC7C,CAAC,CAAC,IAAI,CAAC;YAEX,KAAK,WAAW;gBACd,OAAO,IAAI,CAAC,WAAW,EAAE,KAAK,YAAY;oBACxC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC;oBAC9C,CAAC,CAAC,IAAI,CAAC;YAEX,KAAK,WAAW;gBACd,OAAO,IAAI,CAAC,WAAW,EAAE,KAAK,UAAU;oBACtC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;oBAC7C,CAAC,CAAC,IAAI,CAAC;YAEX,KAAK,SAAS;gBACZ,OAAO,IAAI,CAAC,WAAW,EAAE,KAAK,UAAU;oBACtC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC;oBAC9C,CAAC,CAAC,IAAI,CAAC;YAEX,KAAK,MAAM;gBACT,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;YAErC,KAAK,KAAK;gBACR,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAEpC;gBACE,OAAO,IAAI,CAAC;QAChB,CAAC;IACH,CAAC;IAEO,eAAe,CACrB,IAAwC,EACxC,SAAiB,EACjB,SAAiB;QAEjB,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,CAAC;QAC9B,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YACjC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,kBAAkB,EAAE;gBAAE,OAAO,CAAC,CAAC;YAC5C,CAAC,IAAI,SAAS,CAAC;QACjB,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,gBAAgB,CACtB,IAAwC;QAExC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACrC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,kBAAkB,EAAE;gBAAE,OAAO,CAAC,CAAC;QAC9C,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,eAAe,CACrB,IAAwC;QAExC,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YAC1C,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,kBAAkB,EAAE;gBAAE,OAAO,CAAC,CAAC;QAC9C,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;wGAxMU,mBAAmB;4FAAnB,mBAAmB,4jECxChC,+kBAuBA,20HDLY,oBAAoB,sGAAE,qBAAqB;;4FAsB1C,mBAAmB;kBAzB/B,SAAS;+BACE,aAAa,cACX,IAAI,WACP,CAAC,oBAAoB,EAAE,qBAAqB,CAAC,mBAGrC,uBAAuB,CAAC,MAAM,QACzC;wBACJ,IAAI,EAAE,KAAK;wBACX,WAAW,EAAE,SAAS;wBACtB,SAAS,EAAE,WAAW;wBACtB,kBAAkB,EAAE,QAAQ;wBAC5B,WAAW,EAAE,mBAAmB;wBAChC,qBAAqB,EAAE,WAAW;wBAClC,oBAAoB,EAAE,YAAY;wBAClC,sBAAsB,EAAE,WAAW;wBACnC,sBAAsB,EAAE,YAAY;wBACpC,wBAAwB,EAAE,cAAc;wBACxC,mBAAmB,EAAE,qBAAqB;wBAC1C,yBAAyB,EAAE,eAAe;wBAC1C,iBAAiB,EAAE,yBAAyB;wBAC5C,sBAAsB,EAAE,sBAAsB;wBAC9C,sBAAsB,EAAE,mCAAmC;qBAC5D","sourcesContent":["import {\n  input,\n  inject,\n  computed,\n  Component,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\nimport { SolarisTranslateService } from '../../../../services/translation';\nimport { SolarisBadgeComponent } from '../../../data-display/badge';\nimport { SolarisIconComponent } from '../../../icon';\nimport { SOLARIS_TABS } from '../token/tabs.tokens';\n\nlet nextId = 0;\n\n@Component({\n  selector: 'solaris-tab',\n  standalone: true,\n  imports: [SolarisIconComponent, SolarisBadgeComponent],\n  templateUrl: './tab.component.html',\n  styleUrls: ['./tab.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    role: 'tab',\n    '[attr.id]': 'tabId()',\n    '(click)': 'onClick()',\n    '[attr.data-size]': 'size()',\n    '(keydown)': 'onKeydown($event)',\n    '[attr.data-density]': 'density()',\n    '[attr.data-active]': 'isActive()',\n    '[attr.aria-controls]': 'panelId()',\n    '[attr.aria-selected]': 'isActive()',\n    '[attr.data-appearance]': 'appearance()',\n    '[attr.aria-label]': 'resolvedAriaLabel()',\n    '[attr.data-orientation]': 'orientation()',\n    '[attr.tabindex]': 'isActive() ? \"0\" : \"-1\"',\n    '[attr.data-disabled]': 'isComputedDisabled()',\n    '[attr.aria-disabled]': 'isComputedDisabled() || undefined',\n  },\n})\nexport class SolarisTabComponent {\n  private readonly translateService = inject(SolarisTranslateService, {\n    optional: true,\n  });\n  private readonly tabsControl = inject(SOLARIS_TABS, { optional: true });\n\n  readonly disabled = input<boolean>(false);\n  readonly value = input.required<string | number>();\n  readonly iconDecorative = input<boolean>(true);\n  readonly icon = input<string | undefined>(undefined);\n  readonly label = input<string | undefined>(undefined);\n  readonly labelKey = input<string | undefined>(undefined);\n  readonly ariaLabel = input<string | undefined>(undefined);\n  readonly badgeLabel = input<string | undefined>(undefined);\n  readonly ariaLabelKey = input<string | undefined>(undefined);\n  readonly badgeLabelKey = input<string | undefined>(undefined);\n  readonly badge = input<string | number | undefined>(undefined);\n\n  protected readonly instanceId = `solaris-tab-${nextId++}`;\n\n  protected readonly tabId = computed(() => {\n    if (this.tabsControl) {\n      return this.tabsControl.generateTabId(this.value());\n    }\n    return `${this.instanceId}-tab`;\n  });\n\n  protected readonly panelId = computed(() => {\n    if (this.tabsControl) {\n      return this.tabsControl.generatePanelId(this.value());\n    }\n    return `${this.instanceId}-panel`;\n  });\n\n  protected readonly orientation = computed(() => {\n    return this.tabsControl?.orientation() ?? 'horizontal';\n  });\n\n  protected readonly size = computed(() => {\n    return this.tabsControl?.size() ?? 'md';\n  });\n\n  protected readonly density = computed(() => {\n    return this.tabsControl?.density() ?? 'comfortable';\n  });\n\n  protected readonly appearance = computed(() => {\n    return this.tabsControl?.appearance() ?? 'underline';\n  });\n\n  protected readonly isActive = computed(() => {\n    if (!this.tabsControl) return false;\n    return this.tabsControl.value() === this.value();\n  });\n\n  readonly isComputedDisabled = computed(() => {\n    return this.disabled() || (this.tabsControl?.disabled() ?? false);\n  });\n\n  protected readonly computedBadge = computed(() => {\n    const b = this.badge();\n    if (b === undefined || b === null) return null;\n    return b;\n  });\n\n  protected readonly index = computed(() => {\n    if (!this.tabsControl) return -1;\n    return this.tabsControl.tabs().indexOf(this);\n  });\n\n  readonly resolvedLabel = computed(() => {\n    if (this.label()) return this.label();\n    const labelKey = this.labelKey();\n    if (labelKey && this.translateService) {\n      return this.translateService.translate(labelKey);\n    }\n    return labelKey ?? undefined;\n  });\n\n  protected readonly resolvedBadgeLabel = computed(() => {\n    if (this.badgeLabel()) return this.badgeLabel();\n    const badgeLabelKey = this.badgeLabelKey();\n    if (badgeLabelKey && this.translateService) {\n      return this.translateService.translate(badgeLabelKey);\n    }\n    return badgeLabelKey ?? undefined;\n  });\n\n  protected readonly resolvedAriaLabel = computed(() => {\n    if (this.ariaLabel()) return this.ariaLabel();\n    const ariaLabelKey = this.ariaLabelKey();\n    if (ariaLabelKey && this.translateService) {\n      return this.translateService.translate(ariaLabelKey);\n    }\n    return undefined;\n  });\n\n  protected onClick(): void {\n    if (this.isComputedDisabled()) return;\n    this.tabsControl?.activateTab(this);\n    this.tabsControl?.focusTab(this);\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    if (this.isComputedDisabled()) return;\n\n    const tabs = this.tabsControl?.tabs() ?? [];\n    const currentIndex = this.index();\n\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n\n      if (this.tabsControl?.activationMode() === 'manual') {\n        this.tabsControl.activateTab(this);\n      }\n\n      return;\n    }\n\n    const nextIndex = this.getNextIndex(event.key, tabs, currentIndex);\n\n    if (nextIndex === null || nextIndex === currentIndex) return;\n\n    event.preventDefault();\n\n    const nextTab = tabs[nextIndex];\n\n    if (this.tabsControl?.activationMode() === 'automatic') {\n      this.tabsControl.activateTab(nextTab);\n    }\n\n    this.tabsControl?.focusTab(nextTab);\n  }\n\n  private getNextIndex(\n    key: string,\n    tabs: ReadonlyArray<SolarisTabComponent>,\n    currentIndex: number,\n  ): number | null {\n    switch (key) {\n      case 'ArrowRight':\n        return this.orientation() === 'horizontal'\n          ? this.findNextEnabled(tabs, currentIndex, 1)\n          : null;\n\n      case 'ArrowLeft':\n        return this.orientation() === 'horizontal'\n          ? this.findNextEnabled(tabs, currentIndex, -1)\n          : null;\n\n      case 'ArrowDown':\n        return this.orientation() === 'vertical'\n          ? this.findNextEnabled(tabs, currentIndex, 1)\n          : null;\n\n      case 'ArrowUp':\n        return this.orientation() === 'vertical'\n          ? this.findNextEnabled(tabs, currentIndex, -1)\n          : null;\n\n      case 'Home':\n        return this.findFirstEnabled(tabs);\n\n      case 'End':\n        return this.findLastEnabled(tabs);\n\n      default:\n        return null;\n    }\n  }\n\n  private findNextEnabled(\n    tabs: ReadonlyArray<SolarisTabComponent>,\n    fromIndex: number,\n    direction: 1 | -1,\n  ): number | null {\n    let i = fromIndex + direction;\n    while (i >= 0 && i < tabs.length) {\n      if (!tabs[i].isComputedDisabled()) return i;\n      i += direction;\n    }\n    return null;\n  }\n\n  private findFirstEnabled(\n    tabs: ReadonlyArray<SolarisTabComponent>,\n  ): number | null {\n    for (let i = 0; i < tabs.length; i++) {\n      if (!tabs[i].isComputedDisabled()) return i;\n    }\n    return null;\n  }\n\n  private findLastEnabled(\n    tabs: ReadonlyArray<SolarisTabComponent>,\n  ): number | null {\n    for (let i = tabs.length - 1; i >= 0; i--) {\n      if (!tabs[i].isComputedDisabled()) return i;\n    }\n    return null;\n  }\n}\n","<span class=\"solaris-tab__inner\">\n  @if (icon(); as iconName) {\n    <solaris-icon\n      class=\"solaris-tab__icon\"\n      [name]=\"iconName\"\n      [decorative]=\"iconDecorative()\"\n    />\n  }\n  @if (resolvedLabel(); as labelText) {\n    <span class=\"solaris-tab__label\">{{ labelText }}</span>\n  }\n  <ng-content />\n  @if (computedBadge(); as badgeValue) {\n    <solaris-badge\n      class=\"solaris-tab__badge\"\n      variant=\"count\"\n      size=\"sm\"\n      [attr.aria-label]=\"resolvedBadgeLabel()\"\n    >\n      {{ badgeValue }}\n    </solaris-badge>\n  }\n</span>\n"]}

package/esm2022/lib/components/navigation/tabs/tab-panel/tab-panel.component.js

@@ -1,55 +0,0 @@
-import { Component, input, computed, signal, inject, effect, ChangeDetectionStrategy, } from '@angular/core';
-import { SOLARIS_TABS } from '../token/tabs.tokens';
-import * as i0 from "@angular/core";
-let nextId = 0;
-export class SolarisTabPanelComponent {
-    tabsControl = inject(SOLARIS_TABS, { optional: true });
-    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-    lazy = input(false, ...(ngDevMode ? [{ debugName: "lazy" }] : /* istanbul ignore next */ []));
-    instanceId = `solaris-tab-panel-${nextId++}`;
-    panelId = computed(() => {
-        if (this.tabsControl) {
-            return this.tabsControl.generatePanelId(this.value());
-        }
-        return `${this.instanceId}-panel`;
-    }, ...(ngDevMode ? [{ debugName: "panelId" }] : /* istanbul ignore next */ []));
-    tabId = computed(() => {
-        if (this.tabsControl) {
-            return this.tabsControl.generateTabId(this.value());
-        }
-        return `${this.instanceId}-tab`;
-    }, ...(ngDevMode ? [{ debugName: "tabId" }] : /* istanbul ignore next */ []));
-    isActive = computed(() => {
-        if (!this.tabsControl)
-            return false;
-        return this.tabsControl.value() === this.value();
-    }, ...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
-    hasBeenActivated = signal(false, ...(ngDevMode ? [{ debugName: "hasBeenActivated" }] : /* istanbul ignore next */ []));
-    constructor() {
-        effect(() => {
-            if (this.isActive()) {
-                this.hasBeenActivated.set(true);
-            }
-        });
-    }
-    showContent = computed(() => {
-        if (!this.lazy())
-            return true;
-        if (this.isActive())
-            return true;
-        return this.hasBeenActivated();
-    }, ...(ngDevMode ? [{ debugName: "showContent" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisTabPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisTabPanelComponent, isStandalone: true, selector: "solaris-tab-panel", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, lazy: { classPropertyName: "lazy", publicName: "lazy", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tabpanel" }, properties: { "attr.id": "panelId()", "hidden": "!isActive()", "attr.data-active": "isActive()", "attr.aria-labelledby": "tabId()" } }, ngImport: i0, template: "@if (showContent()) {\n  <ng-content />\n}\n", styles: [":host{--solaris-tab-panel-padding: var(--solaris-spacing-4);display:block;padding:var(--solaris-tab-panel-padding)}:host([hidden]){display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisTabPanelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'solaris-tab-panel', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        role: 'tabpanel',
-                        '[attr.id]': 'panelId()',
-                        '[hidden]': '!isActive()',
-                        '[attr.data-active]': 'isActive()',
-                        '[attr.aria-labelledby]': 'tabId()',
-                    }, template: "@if (showContent()) {\n  <ng-content />\n}\n", styles: [":host{--solaris-tab-panel-padding: var(--solaris-spacing-4);display:block;padding:var(--solaris-tab-panel-padding)}:host([hidden]){display:none}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], lazy: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazy", required: false }] }] } });
-//# sourceMappingURL=tab-panel.component.js.map

package/esm2022/lib/components/navigation/tabs/tab-panel/tab-panel.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab-panel.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/navigation/tabs/tab-panel/tab-panel.component.ts","../../../../../../../../../packages/angular/src/lib/components/navigation/tabs/tab-panel/tab-panel.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAM,EACN,MAAM,EACN,uBAAuB,GACxB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;;AAEpD,IAAI,MAAM,GAAG,CAAC,CAAC;AAiBf,MAAM,OAAO,wBAAwB;IAClB,WAAW,GAAG,MAAM,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAE/D,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAmB,CAAC;IAC1C,IAAI,GAAG,KAAK,CAAU,KAAK,2EAAC,CAAC;IAEnB,UAAU,GAAG,qBAAqB,MAAM,EAAE,EAAE,CAAC;IAE7C,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE;QACzC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,OAAO,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QACxD,CAAC;QACD,OAAO,GAAG,IAAI,CAAC,UAAU,QAAQ,CAAC;IACpC,CAAC,8EAAC,CAAC;IAEgB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE;QACvC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QACtD,CAAC;QACD,OAAO,GAAG,IAAI,CAAC,UAAU,MAAM,CAAC;IAClC,CAAC,4EAAC,CAAC;IAEgB,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE,OAAO,KAAK,CAAC;QACpC,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;IACnD,CAAC,+EAAC,CAAC;IAEgB,gBAAgB,GAAG,MAAM,CAAC,KAAK,uFAAC,CAAC;IAEpD;QACE,MAAM,CAAC,GAAG,EAAE;YACV,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;gBACpB,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAClC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAEkB,WAAW,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC7C,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YAAE,OAAO,IAAI,CAAC;QAC9B,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE,OAAO,IAAI,CAAC;QACjC,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACjC,CAAC,kFAAC,CAAC;wGAzCQ,wBAAwB;4FAAxB,wBAAwB,yfC7BrC,8CAGA;;4FD0Ba,wBAAwB;kBAfpC,SAAS;+BACE,mBAAmB,cACjB,IAAI,WACP,EAAE,mBAGM,uBAAuB,CAAC,MAAM,QACzC;wBACJ,IAAI,EAAE,UAAU;wBAChB,WAAW,EAAE,WAAW;wBACxB,UAAU,EAAE,aAAa;wBACzB,oBAAoB,EAAE,YAAY;wBAClC,wBAAwB,EAAE,SAAS;qBACpC","sourcesContent":["import {\n  Component,\n  input,\n  computed,\n  signal,\n  inject,\n  effect,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\nimport { SOLARIS_TABS } from '../token/tabs.tokens';\n\nlet nextId = 0;\n\n@Component({\n  selector: 'solaris-tab-panel',\n  standalone: true,\n  imports: [],\n  templateUrl: './tab-panel.component.html',\n  styleUrls: ['./tab-panel.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    role: 'tabpanel',\n    '[attr.id]': 'panelId()',\n    '[hidden]': '!isActive()',\n    '[attr.data-active]': 'isActive()',\n    '[attr.aria-labelledby]': 'tabId()',\n  },\n})\nexport class SolarisTabPanelComponent {\n  private readonly tabsControl = inject(SOLARIS_TABS, { optional: true });\n\n  readonly value = input.required<string | number>();\n  readonly lazy = input<boolean>(false);\n\n  protected readonly instanceId = `solaris-tab-panel-${nextId++}`;\n\n  protected readonly panelId = computed(() => {\n    if (this.tabsControl) {\n      return this.tabsControl.generatePanelId(this.value());\n    }\n    return `${this.instanceId}-panel`;\n  });\n\n  protected readonly tabId = computed(() => {\n    if (this.tabsControl) {\n      return this.tabsControl.generateTabId(this.value());\n    }\n    return `${this.instanceId}-tab`;\n  });\n\n  protected readonly isActive = computed(() => {\n    if (!this.tabsControl) return false;\n    return this.tabsControl.value() === this.value();\n  });\n\n  protected readonly hasBeenActivated = signal(false);\n\n  constructor() {\n    effect(() => {\n      if (this.isActive()) {\n        this.hasBeenActivated.set(true);\n      }\n    });\n  }\n\n  protected readonly showContent = computed(() => {\n    if (!this.lazy()) return true;\n    if (this.isActive()) return true;\n    return this.hasBeenActivated();\n  });\n}\n","@if (showContent()) {\n  <ng-content />\n}\n"]}

package/esm2022/lib/components/navigation/tabs/token/tabs.tokens.js

@@ -1,3 +0,0 @@
-import { InjectionToken } from '@angular/core';
-export const SOLARIS_TABS = new InjectionToken('SolarisTabs');
-//# sourceMappingURL=tabs.tokens.js.map

package/esm2022/lib/components/navigation/tabs/token/tabs.tokens.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.tokens.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/navigation/tabs/token/tabs.tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAe,MAAM,eAAe,CAAC;AA4B5D,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,cAAc,CAC5C,aAAa,CACd,CAAC","sourcesContent":["import { InjectionToken, type Signal } from '@angular/core';\n\nimport type { SolarisTabComponent } from '../tab/tab.component';\nimport type {\n  SolarisTabsOrientation,\n  SolarisTabsAppearance,\n  SolarisTabsSize,\n  SolarisTabsDensity,\n  SolarisTabsActivationMode,\n  SolarisTabsContentTransition,\n} from '../model/tabs.types';\n\nexport interface SolarisTabsControl {\n  value: Signal<string | number | undefined>;\n  tabs: Signal<ReadonlyArray<SolarisTabComponent>>;\n  orientation: Signal<SolarisTabsOrientation>;\n  appearance: Signal<SolarisTabsAppearance>;\n  size: Signal<SolarisTabsSize>;\n  density: Signal<SolarisTabsDensity>;\n  disabled: Signal<boolean>;\n  activationMode: Signal<SolarisTabsActivationMode>;\n  contentTransition: Signal<SolarisTabsContentTransition>;\n  activateTab: (tab: SolarisTabComponent) => void;\n  focusTab: (tab: SolarisTabComponent) => void;\n  generateTabId: (value: string | number) => string;\n  generatePanelId: (value: string | number) => string;\n}\n\nexport const SOLARIS_TABS = new InjectionToken<SolarisTabsControl>(\n  'SolarisTabs',\n);\n"]}

package/esm2022/lib/components/overlay/dialog/component/dialog.component.js

@@ -1,49 +0,0 @@
-import { Component, input, ChangeDetectionStrategy, computed, } from '@angular/core';
-import { SolarisDialogContentComponent } from '../components/dialog-content.component';
-import { SolarisDialogActionsComponent } from '../components/dialog-actions.component';
-import { SolarisDialogHeaderComponent } from '../components/dialog-header.component';
-import * as i0 from "@angular/core";
-export class SolarisDialogComponent {
-    options = input.required(...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
-    hasActions = computed(() => {
-        const actions = this.options().actions;
-        return actions && actions.length > 0;
-    }, ...(ngDevMode ? [{ debugName: "hasActions" }] : /* istanbul ignore next */ []));
-    actionsAlign = computed(() => this.options().actionsAlign ?? 'end', ...(ngDevMode ? [{ debugName: "actionsAlign" }] : /* istanbul ignore next */ []));
-    actionsStack = computed(() => this.options().actionsStack ?? 'auto', ...(ngDevMode ? [{ debugName: "actionsStack" }] : /* istanbul ignore next */ []));
-    iconDecorative = computed(() => this.options().iconDecorative ?? false, ...(ngDevMode ? [{ debugName: "iconDecorative" }] : /* istanbul ignore next */ []));
-    closeable = computed(() => this.options().closeable ?? true, ...(ngDevMode ? [{ debugName: "closeable" }] : /* istanbul ignore next */ []));
-    closeLabel = computed(() => this.options().closeLabel ?? 'Close', ...(ngDevMode ? [{ debugName: "closeLabel" }] : /* istanbul ignore next */ []));
-    size = computed(() => this.options().size ?? 'md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    variant = computed(() => this.options().variant ?? 'neutral', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
-    description = computed(() => this.options().description, ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
-    title = computed(() => this.options().title, ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
-    icon = computed(() => this.options().icon, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
-    actions = computed(() => {
-        const variant = this.variant();
-        return (this.options().actions ?? []).map((action) => {
-            const appearance = action.appearance ?? 'solid';
-            const hasExplicitColor = action.color !== undefined;
-            const color = hasExplicitColor
-                ? action.color
-                : appearance === 'solid'
-                    ? variant
-                    : undefined;
-            return { ...action, color };
-        });
-    }, ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisDialogComponent, isStandalone: true, selector: "solaris-dialog", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.role": "null" }, classAttribute: "solaris-dialog" }, ngImport: i0, template: "<solaris-dialog-header\n  [icon]=\"icon()\"\n  [iconDecorative]=\"iconDecorative()\"\n  [title]=\"title()\"\n  [description]=\"description()\"\n  [closeable]=\"closeable()\"\n  [closeLabel]=\"closeLabel()\"\n  [size]=\"size()\"\n  [variant]=\"variant()\"\n/>\n\n@if (description() && !hasActions()) {\n  <solaris-dialog-content>\n    <p class=\"solaris-dialog__description-text\">{{ description() }}</p>\n  </solaris-dialog-content>\n}\n\n@if (hasActions()) {\n  <div class=\"solaris-dialog__body\"></div>\n  <solaris-dialog-actions\n    [actions]=\"actions()\"\n    [align]=\"actionsAlign()\"\n    [stack]=\"actionsStack()\"\n  />\n}\n", styles: [":host{display:flex;flex-direction:column;height:100%;max-height:100%}.solaris-dialog__description-text{margin:0;font:var(--solaris-font-weight-regular) var(--solaris-font-size-sm)/var(--solaris-line-height-md) var(--solaris-font-family-sans);color:var(--solaris-text-muted, inherit)}.solaris-dialog__body{flex:1;min-height:0;overflow-y:auto}\n"], dependencies: [{ kind: "component", type: SolarisDialogHeaderComponent, selector: "solaris-dialog-header", inputs: ["icon", "title", "description", "closeable", "closeLabel", "iconDecorative", "size", "variant"] }, { kind: "component", type: SolarisDialogContentComponent, selector: "solaris-dialog-content" }, { kind: "component", type: SolarisDialogActionsComponent, selector: "solaris-dialog-actions", inputs: ["actions", "align", "stack"], outputs: ["actionExecuted"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'solaris-dialog', standalone: true, imports: [
-                        SolarisDialogHeaderComponent,
-                        SolarisDialogContentComponent,
-                        SolarisDialogActionsComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'solaris-dialog',
-                        '[attr.role]': 'null',
-                    }, template: "<solaris-dialog-header\n  [icon]=\"icon()\"\n  [iconDecorative]=\"iconDecorative()\"\n  [title]=\"title()\"\n  [description]=\"description()\"\n  [closeable]=\"closeable()\"\n  [closeLabel]=\"closeLabel()\"\n  [size]=\"size()\"\n  [variant]=\"variant()\"\n/>\n\n@if (description() && !hasActions()) {\n  <solaris-dialog-content>\n    <p class=\"solaris-dialog__description-text\">{{ description() }}</p>\n  </solaris-dialog-content>\n}\n\n@if (hasActions()) {\n  <div class=\"solaris-dialog__body\"></div>\n  <solaris-dialog-actions\n    [actions]=\"actions()\"\n    [align]=\"actionsAlign()\"\n    [stack]=\"actionsStack()\"\n  />\n}\n", styles: [":host{display:flex;flex-direction:column;height:100%;max-height:100%}.solaris-dialog__description-text{margin:0;font:var(--solaris-font-weight-regular) var(--solaris-font-size-sm)/var(--solaris-line-height-md) var(--solaris-font-family-sans);color:var(--solaris-text-muted, inherit)}.solaris-dialog__body{flex:1;min-height:0;overflow-y:auto}\n"] }]
-        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }] } });
-//# sourceMappingURL=dialog.component.js.map

package/esm2022/lib/components/overlay/dialog/component/dialog.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/overlay/dialog/component/dialog.component.ts","../../../../../../../../../packages/angular/src/lib/components/overlay/dialog/component/dialog.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  input,\n  ChangeDetectionStrategy,\n  computed,\n} from '@angular/core';\n\nimport { SolarisDialogContentComponent } from '../components/dialog-content.component';\nimport { SolarisDialogActionsComponent } from '../components/dialog-actions.component';\nimport { SolarisDialogHeaderComponent } from '../components/dialog-header.component';\nimport type {\n  SolarisDialogOptions,\n  SolarisDialogButtonColor,\n} from '../model/dialog.types';\n\n@Component({\n  selector: 'solaris-dialog',\n  standalone: true,\n  imports: [\n    SolarisDialogHeaderComponent,\n    SolarisDialogContentComponent,\n    SolarisDialogActionsComponent,\n  ],\n  templateUrl: './dialog.component.html',\n  styleUrls: ['./dialog.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'solaris-dialog',\n    '[attr.role]': 'null',\n  },\n})\nexport class SolarisDialogComponent<TResult = unknown> {\n  readonly options = input.required<SolarisDialogOptions<TResult>>();\n\n  protected readonly hasActions = computed(() => {\n    const actions = this.options().actions;\n    return actions && actions.length > 0;\n  });\n  protected readonly actionsAlign = computed(\n    () => this.options().actionsAlign ?? 'end',\n  );\n  protected readonly actionsStack = computed(\n    () => this.options().actionsStack ?? 'auto',\n  );\n  protected readonly iconDecorative = computed(\n    () => this.options().iconDecorative ?? false,\n  );\n  protected readonly closeable = computed(\n    () => this.options().closeable ?? true,\n  );\n  protected readonly closeLabel = computed(\n    () => this.options().closeLabel ?? 'Close',\n  );\n  protected readonly size = computed(() => this.options().size ?? 'md');\n  protected readonly variant = computed(\n    () => this.options().variant ?? 'neutral',\n  );\n  protected readonly description = computed(() => this.options().description);\n  protected readonly title = computed(() => this.options().title);\n  protected readonly icon = computed(() => this.options().icon);\n\n  protected readonly actions = computed(() => {\n    const variant = this.variant();\n    return (this.options().actions ?? []).map((action) => {\n      const appearance = action.appearance ?? 'solid';\n      const hasExplicitColor = action.color !== undefined;\n      const color = hasExplicitColor\n        ? action.color\n        : appearance === 'solid'\n          ? variant\n          : undefined;\n      return { ...action, color };\n    });\n  });\n}\n","<solaris-dialog-header\n  [icon]=\"icon()\"\n  [iconDecorative]=\"iconDecorative()\"\n  [title]=\"title()\"\n  [description]=\"description()\"\n  [closeable]=\"closeable()\"\n  [closeLabel]=\"closeLabel()\"\n  [size]=\"size()\"\n  [variant]=\"variant()\"\n/>\n\n@if (description() && !hasActions()) {\n  <solaris-dialog-content>\n    <p class=\"solaris-dialog__description-text\">{{ description() }}</p>\n  </solaris-dialog-content>\n}\n\n@if (hasActions()) {\n  <div class=\"solaris-dialog__body\"></div>\n  <solaris-dialog-actions\n    [actions]=\"actions()\"\n    [align]=\"actionsAlign()\"\n    [stack]=\"actionsStack()\"\n  />\n}\n"]}

package/esm2022/lib/components/overlay/dialog/components/dialog-actions.component.js

@@ -1,37 +0,0 @@
-import { Component, input, output, inject, ChangeDetectionStrategy, } from '@angular/core';
-import { SolarisButtonDirective } from '../../../actions/button';
-import { SOLARIS_DIALOG_REF } from '../token/dialog-data.token';
-import * as i0 from "@angular/core";
-export class SolarisDialogActionsComponent {
-    dialogRef = inject(SOLARIS_DIALOG_REF);
-    actions = input([], ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
-    align = input('end', ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
-    stack = input('auto', ...(ngDevMode ? [{ debugName: "stack" }] : /* istanbul ignore next */ []));
-    actionExecuted = output();
-    handleAction(action) {
-        const executeAction = () => {
-            if (action.action) {
-                const result = action.action(this.dialogRef);
-                if (result instanceof Promise) {
-                    void result.catch(() => undefined);
-                }
-            }
-            if (action.close) {
-                this.dialogRef.close(action.result);
-            }
-        };
-        executeAction();
-        this.actionExecuted.emit(action);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisDialogActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisDialogActionsComponent, isStandalone: true, selector: "solaris-dialog-actions", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, stack: { classPropertyName: "stack", publicName: "stack", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionExecuted: "actionExecuted" }, host: { properties: { "attr.data-align": "align()", "attr.data-stack": "stack()" }, classAttribute: "solaris-dialog-actions" }, ngImport: i0, template: "<div class=\"solaris-dialog-actions__inner\">\n  @for (action of actions(); track $index) {\n    <button\n      type=\"button\"\n      solaris-button\n      (click)=\"handleAction(action)\"\n      [color]=\"action.color ?? 'neutral'\"\n      [disabled]=\"action.disabled ?? false\"\n      [appearance]=\"action.appearance ?? 'solid'\"\n    >\n      {{ action.label }}\n    </button>\n  }\n</div>\n", styles: [":host{display:block;padding:var(--solaris-spacing-3) var(--solaris-spacing-4)}.solaris-dialog-actions__inner{display:flex;flex-wrap:wrap;gap:var(--solaris-spacing-2)}:host([data-align=start]) .solaris-dialog-actions__inner{justify-content:flex-start}:host([data-align=center]) .solaris-dialog-actions__inner{justify-content:center}:host([data-align=end]) .solaris-dialog-actions__inner{justify-content:flex-end}:host([data-align=space-between]) .solaris-dialog-actions__inner{justify-content:space-between}:host([data-stack=vertical]) .solaris-dialog-actions__inner{flex-direction:column}:host([data-stack=horizontal]) .solaris-dialog-actions__inner{flex-direction:row}\n"], dependencies: [{ kind: "directive", type: SolarisButtonDirective, selector: "[solaris-button]", inputs: ["appearance", "color", "radius", "size", "density", "loading", "disabled", "fullWidth", "loadingLabelKey", "loadingLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisDialogActionsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'solaris-dialog-actions', standalone: true, imports: [SolarisButtonDirective], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        '[attr.data-align]': 'align()',
-                        '[attr.data-stack]': 'stack()',
-                        class: 'solaris-dialog-actions',
-                    }, template: "<div class=\"solaris-dialog-actions__inner\">\n  @for (action of actions(); track $index) {\n    <button\n      type=\"button\"\n      solaris-button\n      (click)=\"handleAction(action)\"\n      [color]=\"action.color ?? 'neutral'\"\n      [disabled]=\"action.disabled ?? false\"\n      [appearance]=\"action.appearance ?? 'solid'\"\n    >\n      {{ action.label }}\n    </button>\n  }\n</div>\n", styles: [":host{display:block;padding:var(--solaris-spacing-3) var(--solaris-spacing-4)}.solaris-dialog-actions__inner{display:flex;flex-wrap:wrap;gap:var(--solaris-spacing-2)}:host([data-align=start]) .solaris-dialog-actions__inner{justify-content:flex-start}:host([data-align=center]) .solaris-dialog-actions__inner{justify-content:center}:host([data-align=end]) .solaris-dialog-actions__inner{justify-content:flex-end}:host([data-align=space-between]) .solaris-dialog-actions__inner{justify-content:space-between}:host([data-stack=vertical]) .solaris-dialog-actions__inner{flex-direction:column}:host([data-stack=horizontal]) .solaris-dialog-actions__inner{flex-direction:row}\n"] }]
-        }], propDecorators: { actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], stack: [{ type: i0.Input, args: [{ isSignal: true, alias: "stack", required: false }] }], actionExecuted: [{ type: i0.Output, args: ["actionExecuted"] }] } });
-//# sourceMappingURL=dialog-actions.component.js.map

package/esm2022/lib/components/overlay/dialog/components/dialog-actions.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-actions.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/overlay/dialog/components/dialog-actions.component.ts","../../../../../../../../../packages/angular/src/lib/components/overlay/dialog/components/dialog-actions.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,EACN,uBAAuB,GACxB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;;AAoBhE,MAAM,OAAO,6BAA6B;IACvB,SAAS,GAAG,MAAM,CACjC,kBAAkB,CACU,CAAC;IAEtB,OAAO,GAAG,KAAK,CAAiC,EAAE,8EAAC,CAAC;IACpD,KAAK,GAAG,KAAK,CAA4B,KAAK,4EAAC,CAAC;IAChD,KAAK,GAAG,KAAK,CAA4B,MAAM,4EAAC,CAAC;IAEjD,cAAc,GAAG,MAAM,EAAgC,CAAC;IAEvD,YAAY,CAAC,MAAoC;QACzD,MAAM,aAAa,GAAG,GAAS,EAAE;YAC/B,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;gBAClB,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;gBAC7C,IAAI,MAAM,YAAY,OAAO,EAAE,CAAC;oBAC9B,KAAK,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;gBACrC,CAAC;YACH,CAAC;YAED,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;gBACjB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACtC,CAAC;QACH,CAAC,CAAC;QAEF,aAAa,EAAE,CAAC;QAChB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACnC,CAAC;wGA3BU,6BAA6B;4FAA7B,6BAA6B,2nBC7B1C,+YAcA,ytBDKY,sBAAsB;;4FAUrB,6BAA6B;kBAbzC,SAAS;+BACE,wBAAwB,cACtB,IAAI,WACP,CAAC,sBAAsB,CAAC,mBAGhB,uBAAuB,CAAC,MAAM,QACzC;wBACJ,mBAAmB,EAAE,SAAS;wBAC9B,mBAAmB,EAAE,SAAS;wBAC9B,KAAK,EAAE,wBAAwB;qBAChC","sourcesContent":["import {\n  Component,\n  input,\n  output,\n  inject,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport { SolarisButtonDirective } from '../../../actions/button';\nimport { SolarisDialogRef } from '../service/dialog-ref';\nimport { SOLARIS_DIALOG_REF } from '../token/dialog-data.token';\nimport type {\n  SolarisDialogAction,\n  SolarisDialogActionsAlign,\n  SolarisDialogActionsStack,\n} from '../model/dialog.types';\n\n@Component({\n  selector: 'solaris-dialog-actions',\n  standalone: true,\n  imports: [SolarisButtonDirective],\n  templateUrl: './dialog-actions.component.html',\n  styleUrls: ['./dialog-actions.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.data-align]': 'align()',\n    '[attr.data-stack]': 'stack()',\n    class: 'solaris-dialog-actions',\n  },\n})\nexport class SolarisDialogActionsComponent<TResult = unknown> {\n  private readonly dialogRef = inject(\n    SOLARIS_DIALOG_REF,\n  ) as SolarisDialogRef<TResult>;\n\n  readonly actions = input<SolarisDialogAction<TResult>[]>([]);\n  readonly align = input<SolarisDialogActionsAlign>('end');\n  readonly stack = input<SolarisDialogActionsStack>('auto');\n\n  readonly actionExecuted = output<SolarisDialogAction<TResult>>();\n\n  protected handleAction(action: SolarisDialogAction<TResult>): void {\n    const executeAction = (): void => {\n      if (action.action) {\n        const result = action.action(this.dialogRef);\n        if (result instanceof Promise) {\n          void result.catch(() => undefined);\n        }\n      }\n\n      if (action.close) {\n        this.dialogRef.close(action.result);\n      }\n    };\n\n    executeAction();\n    this.actionExecuted.emit(action);\n  }\n}\n","<div class=\"solaris-dialog-actions__inner\">\n  @for (action of actions(); track $index) {\n    <button\n      type=\"button\"\n      solaris-button\n      (click)=\"handleAction(action)\"\n      [color]=\"action.color ?? 'neutral'\"\n      [disabled]=\"action.disabled ?? false\"\n      [appearance]=\"action.appearance ?? 'solid'\"\n    >\n      {{ action.label }}\n    </button>\n  }\n</div>\n"]}

package/esm2022/lib/components/overlay/dialog/components/dialog-content.component.js

@@ -1,13 +0,0 @@
-import { Component, ChangeDetectionStrategy } from '@angular/core';
-import * as i0 from "@angular/core";
-export class SolarisDialogContentComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisDialogContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: SolarisDialogContentComponent, isStandalone: true, selector: "solaris-dialog-content", host: { classAttribute: "solaris-dialog-content" }, ngImport: i0, template: "<div class=\"solaris-dialog-content__inner\">\n  <ng-content />\n</div>\n", styles: [":host{display:block;flex:1;overflow-y:auto;padding:var(--solaris-spacing-4, 16px);min-height:0}.solaris-dialog-content__inner{height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisDialogContentComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'solaris-dialog-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'solaris-dialog-content',
-                    }, template: "<div class=\"solaris-dialog-content__inner\">\n  <ng-content />\n</div>\n", styles: [":host{display:block;flex:1;overflow-y:auto;padding:var(--solaris-spacing-4, 16px);min-height:0}.solaris-dialog-content__inner{height:100%}\n"] }]
-        }] });
-//# sourceMappingURL=dialog-content.component.js.map

package/esm2022/lib/components/overlay/dialog/components/dialog-content.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-content.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/overlay/dialog/components/dialog-content.component.ts","../../../../../../../../../packages/angular/src/lib/components/overlay/dialog/components/dialog-content.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;;AAYnE,MAAM,OAAO,6BAA6B;wGAA7B,6BAA6B;4FAA7B,6BAA6B,sICZ1C,2EAGA;;4FDSa,6BAA6B;kBAVzC,SAAS;+BACE,wBAAwB,cACtB,IAAI,mBAGC,uBAAuB,CAAC,MAAM,QACzC;wBACJ,KAAK,EAAE,wBAAwB;qBAChC","sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n  selector: 'solaris-dialog-content',\n  standalone: true,\n  templateUrl: './dialog-content.component.html',\n  styleUrls: ['./dialog-content.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'solaris-dialog-content',\n  },\n})\nexport class SolarisDialogContentComponent {}\n","<div class=\"solaris-dialog-content__inner\">\n  <ng-content />\n</div>\n"]}

package/esm2022/lib/components/overlay/dialog/components/dialog-header.component.js

@@ -1,32 +0,0 @@
-import { Component, input, inject, ChangeDetectionStrategy, } from '@angular/core';
-import { SOLARIS_DIALOG_REF } from '../token/dialog-data.token';
-import { SolarisIconComponent } from '../../../icon';
-import * as i0 from "@angular/core";
-export class SolarisDialogHeaderComponent {
-    dialogRef = inject(SOLARIS_DIALOG_REF);
-    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
-    title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : /* istanbul ignore next */ []));
-    description = input(...(ngDevMode ? [undefined, { debugName: "description" }] : /* istanbul ignore next */ []));
-    closeable = input(true, ...(ngDevMode ? [{ debugName: "closeable" }] : /* istanbul ignore next */ []));
-    closeLabel = input('Close', ...(ngDevMode ? [{ debugName: "closeLabel" }] : /* istanbul ignore next */ []));
-    iconDecorative = input(false, ...(ngDevMode ? [{ debugName: "iconDecorative" }] : /* istanbul ignore next */ []));
-    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    variant = input('neutral', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
-    showCloseButton = () => this.closeable();
-    hasTitle = () => !!this.title();
-    hasDescription = () => !!this.description();
-    hasIcon = () => !!this.icon();
-    close() {
-        this.dialogRef.close();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisDialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisDialogHeaderComponent, isStandalone: true, selector: "solaris-dialog-header", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null }, iconDecorative: { classPropertyName: "iconDecorative", publicName: "iconDecorative", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-variant": "variant()" }, classAttribute: "solaris-dialog-header" }, ngImport: i0, template: "<div class=\"solaris-dialog-header__start\">\n  @if (hasIcon()) {\n    <div class=\"solaris-dialog-header__icon\">\n      <solaris-icon [name]=\"icon()!\" [decorative]=\"iconDecorative()\" />\n    </div>\n  }\n\n  <div class=\"solaris-dialog-header__text\">\n    @if (hasTitle()) {\n      <h2 class=\"solaris-dialog-header__title\" id=\"solaris-dialog-title\">\n        {{ title() }}\n      </h2>\n    }\n\n    @if (hasDescription()) {\n      <p\n        class=\"solaris-dialog-header__description\"\n        id=\"solaris-dialog-description\"\n      >\n        {{ description() }}\n      </p>\n    }\n  </div>\n</div>\n\n@if (showCloseButton()) {\n  <div class=\"solaris-dialog-header__end\">\n    <button\n      type=\"button\"\n      class=\"solaris-dialog-header__close\"\n      [attr.data-size]=\"size()\"\n      [attr.aria-label]=\"closeLabel()\"\n      (click)=\"close()\"\n    >\n      <solaris-icon name=\"x\" [decorative]=\"true\" />\n    </button>\n  </div>\n}\n", styles: [":host{display:flex;align-items:flex-start;gap:var(--solaris-spacing-3);padding:var(--solaris-spacing-4) var(--solaris-spacing-4) 0;--solaris-dialog-close-size: var(--solaris-font-size-lg);--solaris-dialog-close-icon-size: var(--solaris-font-size-lg);--solaris-dialog-icon-color: var(--solaris-text-muted);--solaris-dialog-media-size: var(--solaris-spacing-8);--solaris-dialog-icon-size: var(--solaris-font-size-2xl)}:host([data-variant=info]){--solaris-dialog-icon-color: var(--solaris-info-base)}:host([data-variant=success]){--solaris-dialog-icon-color: var(--solaris-success-base)}:host([data-variant=warning]){--solaris-dialog-icon-color: var(--solaris-warning-base)}:host([data-variant=danger]){--solaris-dialog-icon-color: var(--solaris-danger-base)}.solaris-dialog-header__start{display:flex;align-items:flex-start;gap:var(--solaris-spacing-3);flex:1;min-width:0}.solaris-dialog-header__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--solaris-dialog-media-size);height:var(--solaris-dialog-media-size);color:var(--solaris-dialog-icon-color)}.solaris-dialog-header__icon solaris-icon,.solaris-dialog-header__icon svg{display:block;width:var(--solaris-dialog-icon-size);height:var(--solaris-dialog-icon-size)}.solaris-dialog-header__text{flex:1;min-width:0}.solaris-dialog-header__title{margin:0;font:var(--solaris-font-weight-semibold) var(--solaris-font-size-lg)/var(--solaris-line-height-sm) var(--solaris-font-family-sans);color:var(--solaris-text-strong)}.solaris-dialog-header__description{margin:var(--solaris-spacing-1) 0 0;font:var(--solaris-font-weight-regular) var(--solaris-font-size-sm)/var(--solaris-line-height-md) var(--solaris-font-family-sans);color:var(--solaris-text-muted)}.solaris-dialog-header__end{flex-shrink:0;display:flex;align-items:center}.solaris-dialog-header__close{all:unset;display:grid;flex-shrink:0;cursor:pointer;place-items:center;box-sizing:border-box;background:transparent;color:var(--solaris-text-muted);width:var(--solaris-dialog-close-size);height:var(--solaris-dialog-close-size);border-radius:var(--solaris-radius-sm);transition:color var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}.solaris-dialog-header__close:hover{color:var(--solaris-text-default)}.solaris-dialog-header__close:focus-visible{outline-offset:2px;outline:2px solid var(--solaris-primary-base)}.solaris-dialog-header__close solaris-icon,.solaris-dialog-header__close svg{display:block;width:var(--solaris-dialog-close-icon-size);height:var(--solaris-dialog-close-icon-size)}\n"], dependencies: [{ kind: "component", type: SolarisIconComponent, selector: "solaris-icon", inputs: ["name", "ariaLabel", "decorative"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisDialogHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'solaris-dialog-header', standalone: true, imports: [SolarisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'solaris-dialog-header',
-                        '[attr.data-variant]': 'variant()',
-                    }, template: "<div class=\"solaris-dialog-header__start\">\n  @if (hasIcon()) {\n    <div class=\"solaris-dialog-header__icon\">\n      <solaris-icon [name]=\"icon()!\" [decorative]=\"iconDecorative()\" />\n    </div>\n  }\n\n  <div class=\"solaris-dialog-header__text\">\n    @if (hasTitle()) {\n      <h2 class=\"solaris-dialog-header__title\" id=\"solaris-dialog-title\">\n        {{ title() }}\n      </h2>\n    }\n\n    @if (hasDescription()) {\n      <p\n        class=\"solaris-dialog-header__description\"\n        id=\"solaris-dialog-description\"\n      >\n        {{ description() }}\n      </p>\n    }\n  </div>\n</div>\n\n@if (showCloseButton()) {\n  <div class=\"solaris-dialog-header__end\">\n    <button\n      type=\"button\"\n      class=\"solaris-dialog-header__close\"\n      [attr.data-size]=\"size()\"\n      [attr.aria-label]=\"closeLabel()\"\n      (click)=\"close()\"\n    >\n      <solaris-icon name=\"x\" [decorative]=\"true\" />\n    </button>\n  </div>\n}\n", styles: [":host{display:flex;align-items:flex-start;gap:var(--solaris-spacing-3);padding:var(--solaris-spacing-4) var(--solaris-spacing-4) 0;--solaris-dialog-close-size: var(--solaris-font-size-lg);--solaris-dialog-close-icon-size: var(--solaris-font-size-lg);--solaris-dialog-icon-color: var(--solaris-text-muted);--solaris-dialog-media-size: var(--solaris-spacing-8);--solaris-dialog-icon-size: var(--solaris-font-size-2xl)}:host([data-variant=info]){--solaris-dialog-icon-color: var(--solaris-info-base)}:host([data-variant=success]){--solaris-dialog-icon-color: var(--solaris-success-base)}:host([data-variant=warning]){--solaris-dialog-icon-color: var(--solaris-warning-base)}:host([data-variant=danger]){--solaris-dialog-icon-color: var(--solaris-danger-base)}.solaris-dialog-header__start{display:flex;align-items:flex-start;gap:var(--solaris-spacing-3);flex:1;min-width:0}.solaris-dialog-header__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--solaris-dialog-media-size);height:var(--solaris-dialog-media-size);color:var(--solaris-dialog-icon-color)}.solaris-dialog-header__icon solaris-icon,.solaris-dialog-header__icon svg{display:block;width:var(--solaris-dialog-icon-size);height:var(--solaris-dialog-icon-size)}.solaris-dialog-header__text{flex:1;min-width:0}.solaris-dialog-header__title{margin:0;font:var(--solaris-font-weight-semibold) var(--solaris-font-size-lg)/var(--solaris-line-height-sm) var(--solaris-font-family-sans);color:var(--solaris-text-strong)}.solaris-dialog-header__description{margin:var(--solaris-spacing-1) 0 0;font:var(--solaris-font-weight-regular) var(--solaris-font-size-sm)/var(--solaris-line-height-md) var(--solaris-font-family-sans);color:var(--solaris-text-muted)}.solaris-dialog-header__end{flex-shrink:0;display:flex;align-items:center}.solaris-dialog-header__close{all:unset;display:grid;flex-shrink:0;cursor:pointer;place-items:center;box-sizing:border-box;background:transparent;color:var(--solaris-text-muted);width:var(--solaris-dialog-close-size);height:var(--solaris-dialog-close-size);border-radius:var(--solaris-radius-sm);transition:color var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}.solaris-dialog-header__close:hover{color:var(--solaris-text-default)}.solaris-dialog-header__close:focus-visible{outline-offset:2px;outline:2px solid var(--solaris-primary-base)}.solaris-dialog-header__close solaris-icon,.solaris-dialog-header__close svg{display:block;width:var(--solaris-dialog-close-icon-size);height:var(--solaris-dialog-close-icon-size)}\n"] }]
-        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], closeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeLabel", required: false }] }], iconDecorative: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconDecorative", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
-//# sourceMappingURL=dialog-header.component.js.map

package/esm2022/lib/components/overlay/dialog/components/dialog-header.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-header.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/overlay/dialog/components/dialog-header.component.ts","../../../../../../../../../packages/angular/src/lib/components/overlay/dialog/components/dialog-header.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,EACL,MAAM,EACN,uBAAuB,GACxB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;;AAcrD,MAAM,OAAO,4BAA4B;IACtB,SAAS,GAAG,MAAM,CAAC,kBAAkB,CAAqB,CAAC;IAEnE,IAAI,GAAG,KAAK,qFAAU,CAAC;IACvB,KAAK,GAAG,KAAK,sFAAU,CAAC;IACxB,WAAW,GAAG,KAAK,4FAAU,CAAC;IAC9B,SAAS,GAAG,KAAK,CAAU,IAAI,gFAAC,CAAC;IACjC,UAAU,GAAG,KAAK,CAAS,OAAO,iFAAC,CAAC;IACpC,cAAc,GAAG,KAAK,CAAU,KAAK,qFAAC,CAAC;IACvC,IAAI,GAAG,KAAK,CAAS,IAAI,2EAAC,CAAC;IAC3B,OAAO,GAAG,KAAK,CAAS,SAAS,8EAAC,CAAC;IAEzB,eAAe,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;IACzC,QAAQ,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IAChC,cAAc,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;IAC5C,OAAO,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IAEvC,KAAK;QACb,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;IACzB,CAAC;wGAnBU,4BAA4B;4FAA5B,4BAA4B,0sCCvBzC,88BAsCA,2jFDxBY,oBAAoB;;4FASnB,4BAA4B;kBAZxC,SAAS;+BACE,uBAAuB,cACrB,IAAI,WACP,CAAC,oBAAoB,CAAC,mBAGd,uBAAuB,CAAC,MAAM,QACzC;wBACJ,KAAK,EAAE,uBAAuB;wBAC9B,qBAAqB,EAAE,WAAW;qBACnC","sourcesContent":["import {\n  Component,\n  input,\n  inject,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\nimport { SOLARIS_DIALOG_REF } from '../token/dialog-data.token';\nimport { SolarisDialogRef } from '../service/dialog-ref';\nimport { SolarisIconComponent } from '../../../icon';\n\n@Component({\n  selector: 'solaris-dialog-header',\n  standalone: true,\n  imports: [SolarisIconComponent],\n  templateUrl: './dialog-header.component.html',\n  styleUrls: ['./dialog-header.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'solaris-dialog-header',\n    '[attr.data-variant]': 'variant()',\n  },\n})\nexport class SolarisDialogHeaderComponent {\n  private readonly dialogRef = inject(SOLARIS_DIALOG_REF) as SolarisDialogRef;\n\n  readonly icon = input<string>();\n  readonly title = input<string>();\n  readonly description = input<string>();\n  readonly closeable = input<boolean>(true);\n  readonly closeLabel = input<string>('Close');\n  readonly iconDecorative = input<boolean>(false);\n  readonly size = input<string>('md');\n  readonly variant = input<string>('neutral');\n\n  protected readonly showCloseButton = () => this.closeable();\n  protected readonly hasTitle = () => !!this.title();\n  protected readonly hasDescription = () => !!this.description();\n  protected readonly hasIcon = () => !!this.icon();\n\n  protected close(): void {\n    this.dialogRef.close();\n  }\n}\n","<div class=\"solaris-dialog-header__start\">\n  @if (hasIcon()) {\n    <div class=\"solaris-dialog-header__icon\">\n      <solaris-icon [name]=\"icon()!\" [decorative]=\"iconDecorative()\" />\n    </div>\n  }\n\n  <div class=\"solaris-dialog-header__text\">\n    @if (hasTitle()) {\n      <h2 class=\"solaris-dialog-header__title\" id=\"solaris-dialog-title\">\n        {{ title() }}\n      </h2>\n    }\n\n    @if (hasDescription()) {\n      <p\n        class=\"solaris-dialog-header__description\"\n        id=\"solaris-dialog-description\"\n      >\n        {{ description() }}\n      </p>\n    }\n  </div>\n</div>\n\n@if (showCloseButton()) {\n  <div class=\"solaris-dialog-header__end\">\n    <button\n      type=\"button\"\n      class=\"solaris-dialog-header__close\"\n      [attr.data-size]=\"size()\"\n      [attr.aria-label]=\"closeLabel()\"\n      (click)=\"close()\"\n    >\n      <solaris-icon name=\"x\" [decorative]=\"true\" />\n    </button>\n  </div>\n}\n"]}

package/esm2022/lib/components/overlay/dialog/container/dialog-container.component.js

@@ -1,142 +0,0 @@
-import { Component, input, effect, signal, ViewChild, ViewContainerRef, inject, HostListener, ChangeDetectionStrategy, Injector, } from '@angular/core';
-import { CdkTrapFocus } from '@angular/cdk/a11y';
-import { SOLARIS_DIALOG_REF, SOLARIS_DIALOG_DATA, } from '../token/dialog-data.token';
-import { SolarisDialogComponent } from '../component/dialog.component';
-import * as i0 from "@angular/core";
-export class SolarisDialogContainerComponent {
-    dialogRef = inject(SOLARIS_DIALOG_REF);
-    injector = inject(Injector);
-    externalComponent = input(null, ...(ngDevMode ? [{ debugName: "externalComponent" }] : /* istanbul ignore next */ []));
-    simpleOptions = input(null, ...(ngDevMode ? [{ debugName: "simpleOptions" }] : /* istanbul ignore next */ []));
-    externalComponentConfig = input(null, ...(ngDevMode ? [{ debugName: "externalComponentConfig" }] : /* istanbul ignore next */ []));
-    set componentHostRef(vcr) {
-        this._componentHost.set(vcr);
-    }
-    _componentHost = signal(undefined, ...(ngDevMode ? [{ debugName: "_componentHost" }] : /* istanbul ignore next */ []));
-    componentRef = null;
-    get hostAppearance() {
-        if (this.simpleOptions())
-            return this.simpleOptions()?.appearance ?? 'surface';
-        return this.externalComponentConfig()?.appearance ?? 'surface';
-    }
-    get hostSize() {
-        if (this.simpleOptions())
-            return this.simpleOptions()?.size ?? 'md';
-        return this.externalComponentConfig()?.size ?? 'md';
-    }
-    get hostVariant() {
-        if (this.simpleOptions())
-            return this.simpleOptions()?.variant ?? 'neutral';
-        return null;
-    }
-    get panelWidth() {
-        if (this.simpleOptions())
-            return this.simpleOptions()?.width ?? '';
-        return this.externalComponentConfig()?.width ?? '';
-    }
-    get panelHeight() {
-        if (this.simpleOptions())
-            return this.simpleOptions()?.height ?? '';
-        return this.externalComponentConfig()?.height ?? '';
-    }
-    get panelMinWidth() {
-        if (this.simpleOptions())
-            return this.simpleOptions()?.minWidth ?? '';
-        return this.externalComponentConfig()?.minWidth ?? '';
-    }
-    get panelMaxWidth() {
-        if (this.simpleOptions())
-            return this.simpleOptions()?.maxWidth ?? '';
-        return this.externalComponentConfig()?.maxWidth ?? '';
-    }
-    get panelMinHeight() {
-        if (this.simpleOptions())
-            return this.simpleOptions()?.minHeight ?? '';
-        return this.externalComponentConfig()?.minHeight ?? '';
-    }
-    get panelMaxHeight() {
-        if (this.simpleOptions())
-            return this.simpleOptions()?.maxHeight ?? '';
-        return this.externalComponentConfig()?.maxHeight ?? '';
-    }
-    get isSimpleMode() {
-        return this.simpleOptions() !== null;
-    }
-    get closeOnBackdrop() {
-        if (this.simpleOptions()) {
-            return this.simpleOptions()?.closeOnBackdropClick ?? true;
-        }
-        return this.externalComponentConfig()?.closeOnBackdropClick ?? true;
-    }
-    get closeOnEscapeEnabled() {
-        if (this.simpleOptions()) {
-            return this.simpleOptions()?.closeOnEscape ?? true;
-        }
-        return this.externalComponentConfig()?.closeOnEscape ?? true;
-    }
-    get dialogRole() {
-        if (this.simpleOptions())
-            return this.simpleOptions()?.role ?? 'dialog';
-        return this.externalComponentConfig()?.role ?? 'dialog';
-    }
-    constructor() {
-        effect(() => {
-            const comp = this.externalComponent();
-            const host = this._componentHost();
-            if (comp && host) {
-                this.createComponentInHost(comp);
-            }
-        });
-    }
-    createComponentInHost(compType) {
-        const host = this._componentHost();
-        if (!host)
-            return;
-        host.clear();
-        const providers = [
-            { provide: SOLARIS_DIALOG_REF, useValue: this.dialogRef },
-        ];
-        const data = this.externalComponentConfig()?.data;
-        if (data !== undefined) {
-            providers.push({ provide: SOLARIS_DIALOG_DATA, useValue: data });
-        }
-        const injector = Injector.create({
-            providers,
-            parent: this.injector,
-        });
-        this.componentRef = host.createComponent(compType, {
-            injector,
-        });
-        this.dialogRef.componentInstance = this.componentRef.instance;
-    }
-    onEscapePress() {
-        if (this.closeOnEscapeEnabled) {
-            this.dialogRef.close();
-        }
-    }
-    onBackdropClick(event) {
-        const target = event.target;
-        if (this.closeOnBackdrop &&
-            target.classList.contains('solaris-dialog-backdrop')) {
-            this.dialogRef.close();
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisDialogContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisDialogContainerComponent, isStandalone: true, selector: "solaris-dialog-container", inputs: { externalComponent: { classPropertyName: "externalComponent", publicName: "externalComponent", isSignal: true, isRequired: false, transformFunction: null }, simpleOptions: { classPropertyName: "simpleOptions", publicName: "simpleOptions", isSignal: true, isRequired: false, transformFunction: null }, externalComponentConfig: { classPropertyName: "externalComponentConfig", publicName: "externalComponentConfig", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:keydown.escape": "onEscapePress()" }, properties: { "attr.data-size": "hostSize", "attr.data-variant": "hostVariant", "attr.data-appearance": "hostAppearance" }, classAttribute: "solaris-dialog-container" }, viewQueries: [{ propertyName: "componentHostRef", first: true, predicate: ["componentHost"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div\n  class=\"solaris-dialog-backdrop\"\n  tabindex=\"-1\"\n  (click)=\"onBackdropClick($event)\"\n  (keydown.escape)=\"onBackdropClick($event)\"\n>\n  <div\n    cdkTrapFocus\n    cdkTrapFocusAutoCapture\n    [attr.aria-modal]=\"true\"\n    [attr.role]=\"dialogRole\"\n    [style.width]=\"panelWidth\"\n    class=\"solaris-dialog-panel\"\n    [style.height]=\"panelHeight\"\n    [style.min-width]=\"panelMinWidth\"\n    [style.max-width]=\"panelMaxWidth\"\n    [style.min-height]=\"panelMinHeight\"\n    [style.max-height]=\"panelMaxHeight\"\n  >\n    @if (isSimpleMode) {\n      <solaris-dialog [options]=\"simpleOptions()!\" />\n    } @else {\n      <ng-template #componentHost></ng-template>\n    }\n  </div>\n</div>\n", styles: [":host{--solaris-dialog-panel-padding: 0;--solaris-dialog-panel-min-width: 28rem;--solaris-dialog-backdrop-bg: var(--solaris-backdrop);--solaris-dialog-z-index: var(--solaris-z-index-modal);--solaris-dialog-panel-shadow: var(--solaris-shadow-lg);--solaris-dialog-panel-radius: var(--solaris-radius-lg);--solaris-dialog-panel-border: var(--solaris-border-default);--solaris-dialog-panel-bg: var( --solaris-surface-raised, var(--solaris-surface-base) );--solaris-dialog-panel-max-height: calc(100dvh - var(--solaris-spacing-8));--solaris-dialog-panel-max-width: calc(100vw - var(--solaris-spacing-8));inset:0;display:flex;overflow:hidden;position:fixed;align-items:center;justify-content:center;z-index:var(--solaris-dialog-z-index)}.solaris-dialog-backdrop{inset:0;display:flex;position:fixed;align-items:center;justify-content:center;background:var(--solaris-dialog-backdrop-bg)}.solaris-dialog-panel{display:flex;overflow:hidden;position:relative;flex-direction:column;box-sizing:border-box;background:var(--solaris-dialog-panel-bg);animation:solaris-dialog-enter .2s ease-out;box-shadow:var(--solaris-dialog-panel-shadow);max-width:var(--solaris-dialog-panel-max-width);min-width:var(--solaris-dialog-panel-min-width);border-radius:var(--solaris-dialog-panel-radius);max-height:var(--solaris-dialog-panel-max-height)}:host([data-appearance=outline]) .solaris-dialog-panel{border:1px solid var(--solaris-dialog-panel-border)}:host([data-size=sm]) .solaris-dialog-panel{width:56rem}:host([data-size=md]) .solaris-dialog-panel{width:72rem}:host([data-size=lg]) .solaris-dialog-panel{width:96rem}:host([data-size=xl]) .solaris-dialog-panel{width:128rem}:host([data-size=fullscreen]) .solaris-dialog-panel{width:100vw;height:100dvh;max-width:100vw;border-radius:0;max-height:100dvh}@keyframes solaris-dialog-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.solaris-dialog-panel{animation:none}}:host-context([data-reduced-motion=true]) .solaris-dialog-panel{animation:none}\n"], dependencies: [{ kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: SolarisDialogComponent, selector: "solaris-dialog", inputs: ["options"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisDialogContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'solaris-dialog-container', standalone: true, imports: [CdkTrapFocus, SolarisDialogComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        '[attr.data-size]': 'hostSize',
-                        class: 'solaris-dialog-container',
-                        '[attr.data-variant]': 'hostVariant',
-                        '[attr.data-appearance]': 'hostAppearance',
-                    }, template: "<div\n  class=\"solaris-dialog-backdrop\"\n  tabindex=\"-1\"\n  (click)=\"onBackdropClick($event)\"\n  (keydown.escape)=\"onBackdropClick($event)\"\n>\n  <div\n    cdkTrapFocus\n    cdkTrapFocusAutoCapture\n    [attr.aria-modal]=\"true\"\n    [attr.role]=\"dialogRole\"\n    [style.width]=\"panelWidth\"\n    class=\"solaris-dialog-panel\"\n    [style.height]=\"panelHeight\"\n    [style.min-width]=\"panelMinWidth\"\n    [style.max-width]=\"panelMaxWidth\"\n    [style.min-height]=\"panelMinHeight\"\n    [style.max-height]=\"panelMaxHeight\"\n  >\n    @if (isSimpleMode) {\n      <solaris-dialog [options]=\"simpleOptions()!\" />\n    } @else {\n      <ng-template #componentHost></ng-template>\n    }\n  </div>\n</div>\n", styles: [":host{--solaris-dialog-panel-padding: 0;--solaris-dialog-panel-min-width: 28rem;--solaris-dialog-backdrop-bg: var(--solaris-backdrop);--solaris-dialog-z-index: var(--solaris-z-index-modal);--solaris-dialog-panel-shadow: var(--solaris-shadow-lg);--solaris-dialog-panel-radius: var(--solaris-radius-lg);--solaris-dialog-panel-border: var(--solaris-border-default);--solaris-dialog-panel-bg: var( --solaris-surface-raised, var(--solaris-surface-base) );--solaris-dialog-panel-max-height: calc(100dvh - var(--solaris-spacing-8));--solaris-dialog-panel-max-width: calc(100vw - var(--solaris-spacing-8));inset:0;display:flex;overflow:hidden;position:fixed;align-items:center;justify-content:center;z-index:var(--solaris-dialog-z-index)}.solaris-dialog-backdrop{inset:0;display:flex;position:fixed;align-items:center;justify-content:center;background:var(--solaris-dialog-backdrop-bg)}.solaris-dialog-panel{display:flex;overflow:hidden;position:relative;flex-direction:column;box-sizing:border-box;background:var(--solaris-dialog-panel-bg);animation:solaris-dialog-enter .2s ease-out;box-shadow:var(--solaris-dialog-panel-shadow);max-width:var(--solaris-dialog-panel-max-width);min-width:var(--solaris-dialog-panel-min-width);border-radius:var(--solaris-dialog-panel-radius);max-height:var(--solaris-dialog-panel-max-height)}:host([data-appearance=outline]) .solaris-dialog-panel{border:1px solid var(--solaris-dialog-panel-border)}:host([data-size=sm]) .solaris-dialog-panel{width:56rem}:host([data-size=md]) .solaris-dialog-panel{width:72rem}:host([data-size=lg]) .solaris-dialog-panel{width:96rem}:host([data-size=xl]) .solaris-dialog-panel{width:128rem}:host([data-size=fullscreen]) .solaris-dialog-panel{width:100vw;height:100dvh;max-width:100vw;border-radius:0;max-height:100dvh}@keyframes solaris-dialog-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.solaris-dialog-panel{animation:none}}:host-context([data-reduced-motion=true]) .solaris-dialog-panel{animation:none}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { externalComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "externalComponent", required: false }] }], simpleOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "simpleOptions", required: false }] }], externalComponentConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "externalComponentConfig", required: false }] }], componentHostRef: [{
-                type: ViewChild,
-                args: ['componentHost', { read: ViewContainerRef }]
-            }], onEscapePress: [{
-                type: HostListener,
-                args: ['document:keydown.escape']
-            }] } });
-//# sourceMappingURL=dialog-container.component.js.map

package/esm2022/lib/components/overlay/dialog/container/dialog-container.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-container.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/overlay/dialog/container/dialog-container.component.ts","../../../../../../../../../packages/angular/src/lib/components/overlay/dialog/container/dialog-container.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  input,\n  effect,\n  signal,\n  ViewChild,\n  ViewContainerRef,\n  inject,\n  HostListener,\n  ChangeDetectionStrategy,\n  type Type,\n  type ComponentRef,\n  Injector,\n  type Provider,\n} from '@angular/core';\nimport { CdkTrapFocus } from '@angular/cdk/a11y';\n\nimport {\n  SOLARIS_DIALOG_REF,\n  SOLARIS_DIALOG_DATA,\n} from '../token/dialog-data.token';\nimport type {\n  SolarisDialogOptions,\n  SolarisDialogComponentConfig,\n} from '../model/dialog.types';\nimport { SolarisDialogComponent } from '../component/dialog.component';\nimport { SolarisDialogRef } from '../service/dialog-ref';\n\n@Component({\n  selector: 'solaris-dialog-container',\n  standalone: true,\n  imports: [CdkTrapFocus, SolarisDialogComponent],\n  templateUrl: './dialog-container.component.html',\n  styleUrls: ['./dialog-container.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.data-size]': 'hostSize',\n    class: 'solaris-dialog-container',\n    '[attr.data-variant]': 'hostVariant',\n    '[attr.data-appearance]': 'hostAppearance',\n  },\n})\nexport class SolarisDialogContainerComponent {\n  private readonly dialogRef = inject(SOLARIS_DIALOG_REF) as SolarisDialogRef;\n  private readonly injector = inject(Injector);\n\n  readonly externalComponent = input<Type<unknown> | null>(null);\n  readonly simpleOptions = input<SolarisDialogOptions | null>(null);\n  readonly externalComponentConfig = input<SolarisDialogComponentConfig | null>(\n    null,\n  );\n\n  @ViewChild('componentHost', { read: ViewContainerRef })\n  set componentHostRef(vcr: ViewContainerRef | undefined) {\n    this._componentHost.set(vcr);\n  }\n\n  private readonly _componentHost = signal<ViewContainerRef | undefined>(\n    undefined,\n  );\n\n  private componentRef: ComponentRef<unknown> | null = null;\n\n  protected get hostAppearance(): string {\n    if (this.simpleOptions())\n      return this.simpleOptions()?.appearance ?? 'surface';\n    return this.externalComponentConfig()?.appearance ?? 'surface';\n  }\n\n  protected get hostSize(): string {\n    if (this.simpleOptions()) return this.simpleOptions()?.size ?? 'md';\n    return this.externalComponentConfig()?.size ?? 'md';\n  }\n\n  protected get hostVariant(): string | undefined | null {\n    if (this.simpleOptions()) return this.simpleOptions()?.variant ?? 'neutral';\n    return null;\n  }\n\n  protected get panelWidth(): string {\n    if (this.simpleOptions()) return this.simpleOptions()?.width ?? '';\n    return this.externalComponentConfig()?.width ?? '';\n  }\n\n  protected get panelHeight(): string {\n    if (this.simpleOptions()) return this.simpleOptions()?.height ?? '';\n    return this.externalComponentConfig()?.height ?? '';\n  }\n\n  protected get panelMinWidth(): string {\n    if (this.simpleOptions()) return this.simpleOptions()?.minWidth ?? '';\n    return this.externalComponentConfig()?.minWidth ?? '';\n  }\n\n  protected get panelMaxWidth(): string {\n    if (this.simpleOptions()) return this.simpleOptions()?.maxWidth ?? '';\n    return this.externalComponentConfig()?.maxWidth ?? '';\n  }\n\n  protected get panelMinHeight(): string {\n    if (this.simpleOptions()) return this.simpleOptions()?.minHeight ?? '';\n    return this.externalComponentConfig()?.minHeight ?? '';\n  }\n\n  protected get panelMaxHeight(): string {\n    if (this.simpleOptions()) return this.simpleOptions()?.maxHeight ?? '';\n    return this.externalComponentConfig()?.maxHeight ?? '';\n  }\n\n  protected get isSimpleMode(): boolean {\n    return this.simpleOptions() !== null;\n  }\n\n  protected get closeOnBackdrop(): boolean {\n    if (this.simpleOptions()) {\n      return this.simpleOptions()?.closeOnBackdropClick ?? true;\n    }\n    return this.externalComponentConfig()?.closeOnBackdropClick ?? true;\n  }\n\n  protected get closeOnEscapeEnabled(): boolean {\n    if (this.simpleOptions()) {\n      return this.simpleOptions()?.closeOnEscape ?? true;\n    }\n    return this.externalComponentConfig()?.closeOnEscape ?? true;\n  }\n\n  protected get dialogRole(): string {\n    if (this.simpleOptions()) return this.simpleOptions()?.role ?? 'dialog';\n    return this.externalComponentConfig()?.role ?? 'dialog';\n  }\n\n  constructor() {\n    effect(() => {\n      const comp = this.externalComponent();\n      const host = this._componentHost();\n      if (comp && host) {\n        this.createComponentInHost(comp);\n      }\n    });\n  }\n\n  private createComponentInHost(compType: Type<unknown>): void {\n    const host = this._componentHost();\n    if (!host) return;\n    host.clear();\n\n    const providers: Provider[] = [\n      { provide: SOLARIS_DIALOG_REF, useValue: this.dialogRef },\n    ];\n    const data = this.externalComponentConfig()?.data;\n    if (data !== undefined) {\n      providers.push({ provide: SOLARIS_DIALOG_DATA, useValue: data });\n    }\n\n    const injector = Injector.create({\n      providers,\n      parent: this.injector,\n    });\n\n    this.componentRef = host.createComponent(compType, {\n      injector,\n    });\n\n    this.dialogRef.componentInstance = this.componentRef.instance;\n  }\n\n  @HostListener('document:keydown.escape')\n  protected onEscapePress(): void {\n    if (this.closeOnEscapeEnabled) {\n      this.dialogRef.close();\n    }\n  }\n\n  protected onBackdropClick(event: Event): void {\n    const target = event.target as HTMLElement;\n    if (\n      this.closeOnBackdrop &&\n      target.classList.contains('solaris-dialog-backdrop')\n    ) {\n      this.dialogRef.close();\n    }\n  }\n}\n","<div\n  class=\"solaris-dialog-backdrop\"\n  tabindex=\"-1\"\n  (click)=\"onBackdropClick($event)\"\n  (keydown.escape)=\"onBackdropClick($event)\"\n>\n  <div\n    cdkTrapFocus\n    cdkTrapFocusAutoCapture\n    [attr.aria-modal]=\"true\"\n    [attr.role]=\"dialogRole\"\n    [style.width]=\"panelWidth\"\n    class=\"solaris-dialog-panel\"\n    [style.height]=\"panelHeight\"\n    [style.min-width]=\"panelMinWidth\"\n    [style.max-width]=\"panelMaxWidth\"\n    [style.min-height]=\"panelMinHeight\"\n    [style.max-height]=\"panelMaxHeight\"\n  >\n    @if (isSimpleMode) {\n      <solaris-dialog [options]=\"simpleOptions()!\" />\n    } @else {\n      <ng-template #componentHost></ng-template>\n    }\n  </div>\n</div>\n"]}

package/esm2022/lib/components/overlay/dialog/flow/dialog-flow.component.js

@@ -1,56 +0,0 @@
-import { Component, input, model, ContentChildren, effect, signal, ChangeDetectionStrategy, } from '@angular/core';
-import { NgTemplateOutlet } from '@angular/common';
-import { SolarisDialogStepComponent } from './dialog-step.component';
-import * as i0 from "@angular/core";
-export class SolarisDialogFlowComponent {
-    activeIndex = model(0, ...(ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []));
-    transition = input('slide', ...(ngDevMode ? [{ debugName: "transition" }] : /* istanbul ignore next */ []));
-    steps;
-    stepTemplates = signal([], ...(ngDevMode ? [{ debugName: "stepTemplates" }] : /* istanbul ignore next */ []));
-    animationDirection = signal(null, ...(ngDevMode ? [{ debugName: "animationDirection" }] : /* istanbul ignore next */ []));
-    previousIndex = 0;
-    hasNavigated = false;
-    constructor() {
-        effect(() => {
-            const current = this.activeIndex();
-            if (this.hasNavigated) {
-                if (current > this.previousIndex) {
-                    this.animationDirection.set('forward');
-                }
-                else if (current < this.previousIndex) {
-                    this.animationDirection.set('backward');
-                }
-            }
-            this.previousIndex = current;
-            this.hasNavigated = true;
-        });
-    }
-    ngAfterContentInit() {
-        if (this.steps) {
-            this.stepTemplates.set(this.steps.toArray().map((s, i) => ({
-                template: s.templateRef,
-                index: i,
-            })));
-            this.steps.changes.subscribe(() => {
-                this.stepTemplates.set((this.steps?.toArray() ?? []).map((s, i) => ({
-                    template: s.templateRef,
-                    index: i,
-                })));
-            });
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisDialogFlowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisDialogFlowComponent, isStandalone: true, selector: "solaris-dialog-flow", inputs: { activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null }, transition: { classPropertyName: "transition", publicName: "transition", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeIndex: "activeIndexChange" }, host: { properties: { "attr.data-transition": "transition()", "attr.data-direction": "animationDirection()" }, classAttribute: "solaris-dialog-flow" }, queries: [{ propertyName: "steps", predicate: SolarisDialogStepComponent }], ngImport: i0, template: "<div class=\"solaris-dialog-flow__stage\">\n  <div class=\"solaris-dialog-flow__steps\">\n    @for (step of stepTemplates(); track step.index) {\n      <div\n        class=\"solaris-dialog-flow__step\"\n        [class.solaris-dialog-flow__step--active]=\"step.index === activeIndex()\"\n        [class.solaris-dialog-flow__step--exit]=\"step.index !== activeIndex()\"\n      >\n        <ng-container [ngTemplateOutlet]=\"step.template\" />\n      </div>\n    }\n  </div>\n\n  <div class=\"solaris-dialog-flow__footer\">\n    <ng-content select=\"[solaris-dialog-flow-footer]\" />\n  </div>\n</div>\n", styles: ["@keyframes slide-in-forward{0%{opacity:0;transform:translate(var(--solaris-spacing-20))}to{opacity:1;transform:translate(0)}}@keyframes slide-out-forward{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(var(--solaris-spacing-20) * -1))}}@keyframes slide-in-backward{0%{opacity:0;transform:translate(calc(var(--solaris-spacing-20) * -1))}to{opacity:1;transform:translate(0)}}@keyframes slide-out-backward{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--solaris-spacing-20))}}:host{flex:1;min-height:0;display:flex;flex-direction:column}.solaris-dialog-flow__stage{flex:1;min-height:0;display:flex;flex-direction:column}.solaris-dialog-flow__steps{flex:1;min-height:0;position:relative}.solaris-dialog-flow__step{inset:0;opacity:0;position:absolute;pointer-events:none}.solaris-dialog-flow__step--active{opacity:1;pointer-events:auto}:host([data-direction=forward]) .solaris-dialog-flow__step--active{animation:slide-in-forward var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard) both}:host([data-direction=backward]) .solaris-dialog-flow__step--active{animation:slide-in-backward var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard) both}:host([data-direction=forward]) .solaris-dialog-flow__step--exit{animation:slide-out-forward var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard) both}:host([data-direction=backward]) .solaris-dialog-flow__step--exit{animation:slide-out-backward var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard) both}.solaris-dialog-flow__footer{opacity:1;transform:none}:host([data-transition=fade]) .solaris-dialog-flow__step--active,:host([data-transition=fade]) .solaris-dialog-flow__step--exit{animation-name:none}:host([data-transition=fade]) .solaris-dialog-flow__step--active{opacity:1;transition:opacity var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}:host([data-transition=fade]) .solaris-dialog-flow__step--exit{opacity:0;transition:opacity var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}:host([data-transition=none]) .solaris-dialog-flow__step--active,:host([data-transition=none]) .solaris-dialog-flow__step--exit{animation:none;transition:none}@media(prefers-reduced-motion:reduce){.solaris-dialog-flow__step--active,.solaris-dialog-flow__step--exit{animation-name:none}.solaris-dialog-flow__step--active{opacity:1;transition:opacity var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard)}.solaris-dialog-flow__step--exit{opacity:0;transition:opacity var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard)}}:host-context([data-reduced-motion=true]) .solaris-dialog-flow__step--active,:host-context([data-reduced-motion=true]) .solaris-dialog-flow__step--exit{animation-name:none}:host-context([data-reduced-motion=true]) .solaris-dialog-flow__step--active{opacity:1;transition:opacity var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard)}:host-context([data-reduced-motion=true]) .solaris-dialog-flow__step--exit{opacity:0;transition:opacity var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisDialogFlowComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'solaris-dialog-flow', standalone: true, imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'solaris-dialog-flow',
-                        '[attr.data-transition]': 'transition()',
-                        '[attr.data-direction]': 'animationDirection()',
-                    }, template: "<div class=\"solaris-dialog-flow__stage\">\n  <div class=\"solaris-dialog-flow__steps\">\n    @for (step of stepTemplates(); track step.index) {\n      <div\n        class=\"solaris-dialog-flow__step\"\n        [class.solaris-dialog-flow__step--active]=\"step.index === activeIndex()\"\n        [class.solaris-dialog-flow__step--exit]=\"step.index !== activeIndex()\"\n      >\n        <ng-container [ngTemplateOutlet]=\"step.template\" />\n      </div>\n    }\n  </div>\n\n  <div class=\"solaris-dialog-flow__footer\">\n    <ng-content select=\"[solaris-dialog-flow-footer]\" />\n  </div>\n</div>\n", styles: ["@keyframes slide-in-forward{0%{opacity:0;transform:translate(var(--solaris-spacing-20))}to{opacity:1;transform:translate(0)}}@keyframes slide-out-forward{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(var(--solaris-spacing-20) * -1))}}@keyframes slide-in-backward{0%{opacity:0;transform:translate(calc(var(--solaris-spacing-20) * -1))}to{opacity:1;transform:translate(0)}}@keyframes slide-out-backward{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--solaris-spacing-20))}}:host{flex:1;min-height:0;display:flex;flex-direction:column}.solaris-dialog-flow__stage{flex:1;min-height:0;display:flex;flex-direction:column}.solaris-dialog-flow__steps{flex:1;min-height:0;position:relative}.solaris-dialog-flow__step{inset:0;opacity:0;position:absolute;pointer-events:none}.solaris-dialog-flow__step--active{opacity:1;pointer-events:auto}:host([data-direction=forward]) .solaris-dialog-flow__step--active{animation:slide-in-forward var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard) both}:host([data-direction=backward]) .solaris-dialog-flow__step--active{animation:slide-in-backward var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard) both}:host([data-direction=forward]) .solaris-dialog-flow__step--exit{animation:slide-out-forward var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard) both}:host([data-direction=backward]) .solaris-dialog-flow__step--exit{animation:slide-out-backward var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard) both}.solaris-dialog-flow__footer{opacity:1;transform:none}:host([data-transition=fade]) .solaris-dialog-flow__step--active,:host([data-transition=fade]) .solaris-dialog-flow__step--exit{animation-name:none}:host([data-transition=fade]) .solaris-dialog-flow__step--active{opacity:1;transition:opacity var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}:host([data-transition=fade]) .solaris-dialog-flow__step--exit{opacity:0;transition:opacity var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}:host([data-transition=none]) .solaris-dialog-flow__step--active,:host([data-transition=none]) .solaris-dialog-flow__step--exit{animation:none;transition:none}@media(prefers-reduced-motion:reduce){.solaris-dialog-flow__step--active,.solaris-dialog-flow__step--exit{animation-name:none}.solaris-dialog-flow__step--active{opacity:1;transition:opacity var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard)}.solaris-dialog-flow__step--exit{opacity:0;transition:opacity var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard)}}:host-context([data-reduced-motion=true]) .solaris-dialog-flow__step--active,:host-context([data-reduced-motion=true]) .solaris-dialog-flow__step--exit{animation-name:none}:host-context([data-reduced-motion=true]) .solaris-dialog-flow__step--active{opacity:1;transition:opacity var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard)}:host-context([data-reduced-motion=true]) .solaris-dialog-flow__step--exit{opacity:0;transition:opacity var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { activeIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeIndex", required: false }] }, { type: i0.Output, args: ["activeIndexChange"] }], transition: [{ type: i0.Input, args: [{ isSignal: true, alias: "transition", required: false }] }], steps: [{
-                type: ContentChildren,
-                args: [SolarisDialogStepComponent]
-            }] } });
-//# sourceMappingURL=dialog-flow.component.js.map