@ukic/web-components 3.0.0-alpha.9 → 3.1.0

package/dist/core/p-5f6d6b3f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icStepCss","Step","typeChangeHandler","this","variant","type","current","render","ariaLabel","status","stepStatus","isPropDefined","toUpperCase","slice","stepType","compactStepStyling","statusIcon","h","class","innerHTML","checkIcon","warningIcon","compactStep","size","stepNum","progress","heading","lastStepNum","subheading","undefined","lastStep","nextStepHeading","icon","partialBar","finalStep","el","parentElement","classList","contains","defaultStep","Host","role","theme"],"sources":["src/components/ic-step/ic-step.css?tag=ic-step&encapsulation=shadow","src/components/ic-step/ic-step.tsx"],"sourcesContent":["/* SHARED STYLING */\n:host {\n  display: flex;\n  flex: auto;\n\n  --ic-typography-color: currentcolor;\n}\n\n.step {\n  display: flex;\n  flex: 1 1 0;\n}\n\n.step-icon {\n  display: flex;\n  justify-content: center;\n}\n\n.heading,\n.subheading,\n.step-status,\n.next-step {\n  white-space: pre-line;\n}\n\n.next-step {\n  color: var(--ic-stepper-compact-step-next-text);\n}\n\n.visually-hidden {\n  position: absolute;\n  left: -625rem;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n}\n\n/* COMPACT STEP STYLING */\n:host(.ic-step-compact) {\n  column-gap: var(--ic-space-sm);\n\n  --compact-step-inner-color: var(--ic-step-indicator-status-current);\n  --compact-step-outer-color: var(--ic-step-indicator-status-remaining);\n  --compact-step-circular-line-width: var(--ic-space-xxs);\n}\n\n:host(.ic-step-compact) .step {\n  column-gap: var(--ic-space-sm);\n}\n\n:host(.ic-step-compact) .step:not(.current) {\n  display: none;\n  opacity: 0;\n  visibility: hidden;\n}\n\n.compact-step-progress-indicator {\n  margin: var(--ic-space-xs) 0 0;\n}\n\n:host ic-loading-indicator::part(ic-loading-container) {\n  border-radius: 50%;\n}\n\n:host() ic-loading-indicator::part(ic-loading-container) {\n  background-color: var(--ic-step-indicator-background);\n}\n\n:host(.ic-step-compact) .heading-area {\n  display: flex;\n  flex-direction: column;\n  width: 14.25rem;\n}\n\n:host(.ic-step-compact) .heading {\n  color: var(--ic-stepper-compact-step-title);\n}\n\n:host(.ic-step-compact) .disabled .heading {\n  color: var(--ic-stepper-compact-step-title);\n}\n\n.info-line {\n  display: flex;\n  column-gap: var(--ic-space-xs);\n}\n\n.step-status {\n  display: flex;\n  color: var(--ic-stepper-compact-step-requirement-text);\n  column-gap: var(--ic-space-xxxs);\n}\n\n.compact-step-completed .step-status {\n  color: var(--ic-stepper-compact-step-completed-text);\n}\n\n.compact-step-disabled :is(.heading, .step-status) {\n  color: var(--ic-stepper-compact-step-requirement-text-disabled);\n}\n\n.step-num {\n  color: var(--ic-stepper-compact-step-stage-text);\n  white-space: nowrap;\n}\n\n:host(.ic-step-compact) .step-icon {\n  margin: var(--ic-space-xxxs);\n}\n\n:host(.ic-step-compact) .step-icon svg {\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n}\n\n/* DEFAULT STEP STYLING */\n:host(.ic-step-default) .step {\n  flex-direction: column;\n}\n\n:host(.ic-step-default.last-step) {\n  flex-grow: initial;\n}\n\n.step-top {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  align-self: flex-start;\n  height: 2.5rem;\n}\n\n:host(.ic-step-default) .step-icon {\n  border-radius: 50%;\n}\n\n:host(.ic-step-default) .step-icon {\n  background-color: var(--ic-step-number-inactive);\n}\n\n.step-icon-inner {\n  width: var(--ic-space-xl);\n  height: var(--ic-space-xl);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  color: var(--ic-step-number-text-inactive);\n}\n\n:host(.ic-step-default) .current {\n  color: var(--ic-status-info-default);\n}\n\n:host(.ic-step-default.ic-step-light) .current,\n:host(.ic-step-default.ic-step-light) .current .heading-area {\n  color: var(--ic-status-info-contrast);\n}\n\n:host(.ic-step-default) .heading-area {\n  margin: var(--ic-space-xs) 0;\n  padding-right: var(--ic-space-xs);\n  width: 100%;\n}\n\n:host(.ic-step-light) .heading-area {\n  color: var(--ic-architectural-200);\n}\n\n:host(.ic-step-compact.ic-step-light) .heading-area {\n  color: var(--ic-architectural-white);\n}\n\n:host(.ic-step-default) .heading,\n.subheading {\n  width: fit-content;\n}\n\n.heading {\n  color: var(--ic-step-title);\n}\n\n.current .heading {\n  color: var(--ic-step-title-current);\n}\n\n.completed .heading {\n  color: var(--ic-step-title-success);\n}\n\n.disabled .heading {\n  color: var(--ic-step-title-disabled);\n}\n\n.subheading {\n  color: var(--ic-step-title-status-text-inactive);\n}\n\n.current .subheading {\n  color: var(--ic-step-title-status-text-current);\n}\n\n.disabled .subheading {\n  color: var(--ic-step-title-status-text-disabled);\n}\n\n:host(.ic-step-default) .completed {\n  color: var(--ic-status-success-default);\n}\n\n:host(.ic-step-default.ic-step-light) .completed,\n:host(.ic-step-default.ic-step-light) .completed .heading-area {\n  color: var(--ic-status-success-contrast);\n}\n\n.active .step-icon-inner {\n  box-shadow: inset var(--ic-step-number-inactive-outline) 0 0 0 0.125rem;\n}\n\n:host(.ic-step-light) .active .step-icon-inner {\n  color: var(--ic-architectural-white);\n}\n\n.current .step-icon-inner {\n  background-color: var(--ic-step-number-background-active);\n  color: var(--ic-step-number-text);\n}\n\n.disabled {\n  color: var(--ic-architectural-200);\n}\n\n:host(.ic-step-default.ic-step-light) .disabled,\n:host(.ic-step-default.ic-step-light) .disabled .heading-area {\n  color: var(--ic-architectural-400);\n}\n\n.disabled .step-icon-inner {\n  border: var(--ic-border-width) dashed var(--ic-step-number-disabled);\n  width: calc(var(--ic-space-xl) - var(--ic-space-xxxs));\n  height: calc(var(--ic-space-xl) - var(--ic-space-xxxs));\n  color: var(--ic-step-number-text-disabled);\n}\n\n.disabled .step-icon {\n  background-color: transparent !important;\n}\n\n.completed .step-icon-inner {\n  background: var(--ic-step-number-background-success);\n  box-shadow: inset var(--ic-step-number-background-success) 0 0 0\n    var(--ic-space-xxxs);\n  border-radius: 100%;\n}\n\n:host(.ic-step-default) .current .step-icon {\n  border: var(--ic-space-xxxs) solid var(--ic-step-number-current-outline);\n  padding: var(--ic-space-xxxs);\n  margin: 0 calc(-1 * var(--ic-space-xxxs));\n  background-color: var(--ic-step-number-current-outer-fill);\n\n  /* compensating for the circle being bigger than other steps */\n}\n\n.step-connect {\n  height: var(--ic-space-xxxs);\n  background-color: var(--ic-stepper-connector-remaining-status);\n  margin: 0 var(--ic-space-xs);\n  border-radius: var(--ic-space-xxs);\n  width: 100%;\n}\n\n.aligned-full-width.step-connect {\n  min-width: 6.25rem;\n  width: 100%;\n}\n\n.disabled .step-connect {\n  height: 0;\n  background-color: rgb(0 0 0 / 0%);\n  border-top: 0.125rem dashed var(--ic-stepper-connector-disabled);\n  border-radius: 0;\n}\n\n.completed .step-connect {\n  background-color: var(--ic-stepper-connector-success);\n}\n\n.step-connect-inner {\n  width: 70%;\n  display: flex;\n  flex: auto;\n  height: var(--ic-space-xxxs);\n  border-radius: var(--ic-space-xxs);\n  background-color: var(--ic-stepper-connector-current-status);\n}\n\n.step-icon-inner .check-icon {\n  padding-top: var(--ic-space-xxs);\n}\n\n.step-icon-inner .check-icon svg {\n  width: var(--ic-space-md);\n  height: auto;\n}\n\n.step-icon-inner .check-icon > svg > path {\n  fill: var(--ic-step-number-icon-success);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  /* COMPACT STEP */\n  .compact-step-disabled :is(.heading, .step-status) {\n    color: GrayText;\n  }\n\n  /* DEFAULT STEP */\n  .step-connect:not(.disabled .step-connect) {\n    border: var(--ic-border-hc);\n  }\n\n  .active .step-icon-inner,\n  .completed .step-icon-inner,\n  .current .step-icon-inner {\n    forced-color-adjust: none;\n    box-shadow: inset canvastext 0 0 0 0.125rem;\n    background-color: transparent;\n    color: canvastext;\n  }\n\n  :host(.ic-step-default) .current .step-icon {\n    padding: 0;\n    border: none;\n  }\n\n  .disabled,\n  .disabled .heading-area,\n  .disabled .step-icon-inner,\n  .disabled .heading {\n    color: GrayText;\n  }\n\n  .step-connect-inner,\n  .completed .step-connect {\n    background-color: canvastext;\n  }\n\n  .step-icon-inner .check-icon > svg > path {\n    fill: canvastext;\n  }\n}\n","import { Component, Host, h, Prop, Element, Watch } from \"@stencil/core\";\nimport checkIcon from \"../../assets/check-icon.svg\";\nimport warningIcon from \"../../assets/warning-icon-outline.svg\";\nimport { IcStepVariants, IcStepStatuses, IcStepTypes } from \"./ic-step.types\";\nimport { isPropDefined } from \"../../utils/helpers\";\nimport { IcThemeMode } from \"../../utils/types\";\n\n@Component({\n  tag: \"ic-step\",\n  styleUrl: \"ic-step.css\",\n  shadow: true,\n})\nexport class Step {\n  @Element() el: HTMLIcStepElement;\n\n  /**\n   * @internal If a compact stepper is being used, this sets the styling of the step.\n   */\n  @Prop() compactStepStyling?: IcStepTypes;\n\n  /**\n   * @internal If `true`, and a compact stepper  is being used, the current step will be the only step in view.\n   */\n  @Prop({ mutable: true }) current?: boolean = false;\n\n  /**\n   * @internal If `true`, the step will be marked as being the last one in the series. This is managed by ic-stepper.\n   */\n  @Prop() lastStep!: boolean;\n\n  /**\n   * @internal The step number of the final step. This is managed by ic-stepper.\n   */\n  @Prop() lastStepNum?: number;\n\n  /**\n   * @internal The name of the next step. This is managed by ic-stepper.\n   */\n  @Prop() nextStepHeading?: string;\n\n  /**\n   * @internal The progress of the next step, calculated by dividing the current step number by the total number of steps. This is managed by ic-stepper.\n   */\n  @Prop() progress?: number;\n\n  /**\n   * @internal The step number, managed by ic-stepper.\n   */\n  @Prop() stepNum?: number;\n\n  /**\n   * The status of the step. Use this prop to display a status message on the step if it is required or optional.\n   */\n  @Prop() status?: IcStepStatuses;\n\n  /**\n   * Additional information about the step. Use this prop to override the default step status messaging displayed when selecting a step type or step status.\n   */\n  @Prop() subheading?: string;\n\n  /**\n   * The title of the step within the stepper.\n   */\n  @Prop() heading?: string;\n\n  /**\n   * @internal Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * @internal The variant of the step. This is managed by ic-stepper.\n   */\n  @Prop() variant!: IcStepVariants;\n\n  /**\n   * The state of the step within the stepper.\n   */\n  @Prop() type?: IcStepTypes = \"active\";\n\n  @Watch(\"type\")\n  typeChangeHandler(): void {\n    if (this.variant === \"compact\" && this.type === \"current\") {\n      this.current = true;\n    } else {\n      this.current = false;\n    }\n  }\n\n  render() {\n    // ARIA LABEL\n    let ariaLabel = \"\";\n\n    if (this.type === \"completed\") {\n      ariaLabel = \". Completed step\";\n    } else if (this.type === \"disabled\") {\n      ariaLabel = \". Non-required step\";\n    } else if (this.status === \"required\") {\n      ariaLabel = \". Required step\";\n    } else if (this.status === \"optional\") {\n      ariaLabel = \". Optional step\";\n    }\n\n    // STEP STATUS\n    let stepStatus;\n    if (isPropDefined(this.status)) {\n      stepStatus = this.status[0].toUpperCase() + this.status.slice(1);\n    }\n\n    // STEP TYPE\n    let stepType;\n    if (this.type === \"disabled\" || this.compactStepStyling === \"disabled\") {\n      stepType = \"Not required\";\n    } else if (this.compactStepStyling === \"completed\") {\n      stepType = \"Completed\";\n    }\n\n    // STATUS ICON FOR COMPACT STEP\n    let statusIcon;\n    if (this.type === \"completed\" || this.compactStepStyling === \"completed\") {\n      statusIcon = (\n        <span\n          class=\"check-icon step-icon\"\n          aria-hidden=\"true\"\n          innerHTML={checkIcon}\n        ></span>\n      );\n    } else if (\n      this.type === \"disabled\" ||\n      this.compactStepStyling === \"disabled\"\n    ) {\n      statusIcon = (\n        <span\n          class=\"warning-icon step-icon\"\n          aria-hidden=\"true\"\n          innerHTML={warningIcon}\n        ></span>\n      );\n    }\n\n    // COMPACT STEP COMPONENT\n    const compactStep = (\n      <div\n        class={{\n          [\"step\"]: true,\n          [\"current\"]: this.current,\n          [`compact-step-${this.compactStepStyling}`]:\n            !!this.compactStepStyling,\n        }}\n      >\n        <ic-loading-indicator\n          class={{\n            \"compact-step-progress-indicator\": true,\n            \"not-required\":\n              this.type === \"disabled\" ||\n              this.compactStepStyling === \"disabled\",\n          }}\n          aria-hidden=\"true\"\n          size=\"small\"\n          inner-label={this.stepNum}\n          progress={this.progress}\n        ></ic-loading-indicator>\n        <div class=\"heading-area\">\n          <ic-typography variant=\"h4\" class=\"heading\">\n            {this.heading}\n          </ic-typography>\n          <div class=\"info-line\">\n            <ic-typography variant=\"caption\" class=\"step-num\">\n              {`${this.stepNum} of ${this.lastStepNum}`}\n              <span class=\"visually-hidden\"> steps</span>\n            </ic-typography>\n            {(this.subheading ||\n              this.type === \"completed\" ||\n              this.type === \"disabled\" ||\n              (this.variant === \"compact\" &&\n                !!this.compactStepStyling &&\n                this.compactStepStyling !== \"active\") ||\n              !!this.status) && (\n              <div class=\"step-status\">\n                {statusIcon !== undefined && statusIcon}\n                {(this.subheading || stepType) && (\n                  <ic-typography variant=\"caption\">\n                    {this.subheading !== null && isPropDefined(this.subheading)\n                      ? this.subheading\n                      : this.type === \"disabled\" ||\n                        (this.variant === \"compact\" &&\n                          this.compactStepStyling === \"disabled\") ||\n                        this.type === \"completed\" ||\n                        (this.variant === \"compact\" &&\n                          this.compactStepStyling === \"completed\")\n                      ? stepType\n                      : this.status && stepStatus}\n                  </ic-typography>\n                )}\n              </div>\n            )}\n          </div>\n          {this.lastStep ? (\n            <ic-typography variant=\"subtitle-small\" class=\"next-step\">\n              Last step\n            </ic-typography>\n          ) : (\n            isPropDefined(this.nextStepHeading) && (\n              <ic-typography variant=\"subtitle-small\" class=\"next-step\">\n                Next<span class=\"visually-hidden\"> step is</span>:{\" \"}\n                {this.nextStepHeading}\n              </ic-typography>\n            )\n          )}\n        </div>\n      </div>\n    );\n\n    // ICON FOR DEFAULT STEP\n    let icon;\n    if (this.type !== \"completed\") {\n      icon = (\n        <ic-typography variant=\"subtitle-small\">\n          <span class=\"step-icon-inner\" aria-hidden=\"true\">\n            {this.stepNum}\n          </span>\n        </ic-typography>\n      );\n    } else {\n      icon = (\n        <div class=\"step-icon-inner\" aria-hidden=\"true\">\n          <span class=\"check-icon\" innerHTML={checkIcon}></span>\n        </div>\n      );\n    }\n\n    // STEP CONNECT FOR DEFAULT STEP\n    const partialBar = this.type === \"current\" && (\n      <div class=\"step-connect-inner\"></div>\n    );\n\n    const finalStep = !this.lastStep && (\n      <div\n        class={{\n          [\"step-connect\"]: true,\n          [\"aligned-full-width\"]:\n            this.el.parentElement.classList.contains(\"ic-stepper-default\") &&\n            !this.el.parentElement.classList.contains(\n              \"ic-stepper-aligned-left\"\n            ),\n        }}\n      >\n        {partialBar}\n      </div>\n    );\n\n    // DEFAULT STEP COMPONENT\n    const defaultStep = (\n      <div\n        class={{\n          [\"step\"]: true,\n          [`${this.type}`]: true,\n        }}\n      >\n        <div class=\"step-top\">\n          <div class=\"step-icon\">{icon}</div>\n          {finalStep}\n        </div>\n        {(this.heading || this.subheading || this.status) && (\n          <div class=\"heading-area\">\n            {this.heading && (\n              <ic-typography variant=\"subtitle-large\" class=\"heading\">\n                {this.heading}\n              </ic-typography>\n            )}\n            {this.heading && (this.subheading || this.status) && (\n              <ic-typography variant=\"caption\" class=\"subheading\">\n                {this.subheading !== null && isPropDefined(this.subheading)\n                  ? this.subheading\n                  : stepStatus}\n              </ic-typography>\n            )}\n          </div>\n        )}\n      </div>\n    );\n\n    return (\n      <Host\n        role=\"listitem\"\n        aria-label={`Step ${this.stepNum}${ariaLabel}`}\n        aria-current={(this.current || this.type === \"current\") && \"step\"}\n        class={{\n          [\"aligned-full-width\"]:\n            this.el.parentElement.classList.contains(\"ic-stepper-default\") &&\n            !this.el.parentElement.classList.contains(\n              \"ic-stepper-aligned-left\"\n            ),\n          [`ic-step-${this.variant}`]: true,\n          [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n        }}\n      >\n        {this.variant === \"compact\" ? compactStep : defaultStep}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2dAAA,MAAMA,EAAY,0wM,MCYLC,EAAI,M,wEAW8B,M,mNA6Cf,U,iCAUD,Q,CAG7B,iBAAAC,GACE,GAAIC,KAAKC,UAAY,WAAaD,KAAKE,OAAS,UAAW,CACzDF,KAAKG,QAAU,I,KACV,CACLH,KAAKG,QAAU,K,EAInB,MAAAC,GAEE,IAAIC,EAAY,GAEhB,GAAIL,KAAKE,OAAS,YAAa,CAC7BG,EAAY,kB,MACP,GAAIL,KAAKE,OAAS,WAAY,CACnCG,EAAY,qB,MACP,GAAIL,KAAKM,SAAW,WAAY,CACrCD,EAAY,iB,MACP,GAAIL,KAAKM,SAAW,WAAY,CACrCD,EAAY,iB,CAId,IAAIE,EACJ,GAAIC,EAAcR,KAAKM,QAAS,CAC9BC,EAAaP,KAAKM,OAAO,GAAGG,cAAgBT,KAAKM,OAAOI,MAAM,E,CAIhE,IAAIC,EACJ,GAAIX,KAAKE,OAAS,YAAcF,KAAKY,qBAAuB,WAAY,CACtED,EAAW,c,MACN,GAAIX,KAAKY,qBAAuB,YAAa,CAClDD,EAAW,W,CAIb,IAAIE,EACJ,GAAIb,KAAKE,OAAS,aAAeF,KAAKY,qBAAuB,YAAa,CACxEC,EACEC,EAAA,QACEC,MAAM,uBAAsB,cAChB,OACZC,UAAWC,G,MAGV,GACLjB,KAAKE,OAAS,YACdF,KAAKY,qBAAuB,WAC5B,CACAC,EACEC,EAAA,QACEC,MAAM,yBAAwB,cAClB,OACZC,UAAWE,G,CAMjB,MAAMC,EACJL,EAAA,OACEC,MAAO,CACL,CAAC,QAAS,KACV,CAAC,WAAYf,KAAKG,QAClB,CAAC,gBAAgBH,KAAKY,wBAClBZ,KAAKY,qBAGXE,EAAA,wBACEC,MAAO,CACL,kCAAmC,KACnC,eACEf,KAAKE,OAAS,YACdF,KAAKY,qBAAuB,YAC/B,cACW,OACZQ,KAAK,QAAO,cACCpB,KAAKqB,QAClBC,SAAUtB,KAAKsB,WAEjBR,EAAA,OAAKC,MAAM,gBACTD,EAAA,iBAAeb,QAAQ,KAAKc,MAAM,WAC/Bf,KAAKuB,SAERT,EAAA,OAAKC,MAAM,aACTD,EAAA,iBAAeb,QAAQ,UAAUc,MAAM,YACpC,GAAGf,KAAKqB,cAAcrB,KAAKwB,cAC5BV,EAAA,QAAMC,MAAM,mBAAiB,YAE7Bf,KAAKyB,YACLzB,KAAKE,OAAS,aACdF,KAAKE,OAAS,YACbF,KAAKC,UAAY,aACdD,KAAKY,oBACPZ,KAAKY,qBAAuB,YAC5BZ,KAAKM,SACPQ,EAAA,OAAKC,MAAM,eACRF,IAAea,WAAab,GAC3Bb,KAAKyB,YAAcd,IACnBG,EAAA,iBAAeb,QAAQ,WACpBD,KAAKyB,aAAe,MAAQjB,EAAcR,KAAKyB,YAC5CzB,KAAKyB,WACLzB,KAAKE,OAAS,YACbF,KAAKC,UAAY,WAChBD,KAAKY,qBAAuB,YAC9BZ,KAAKE,OAAS,aACbF,KAAKC,UAAY,WAChBD,KAAKY,qBAAuB,YAC9BD,EACAX,KAAKM,QAAUC,KAM5BP,KAAK2B,SACJb,EAAA,iBAAeb,QAAQ,iBAAiBc,MAAM,aAAW,aAIzDP,EAAcR,KAAK4B,kBACjBd,EAAA,iBAAeb,QAAQ,iBAAiBc,MAAM,aAAW,OACnDD,EAAA,QAAMC,MAAM,mBAAiB,YAAgB,IAAE,IAClDf,KAAK4B,mBASlB,IAAIC,EACJ,GAAI7B,KAAKE,OAAS,YAAa,CAC7B2B,EACEf,EAAA,iBAAeb,QAAQ,kBACrBa,EAAA,QAAMC,MAAM,kBAAiB,cAAa,QACvCf,KAAKqB,S,KAIP,CACLQ,EACEf,EAAA,OAAKC,MAAM,kBAAiB,cAAa,QACvCD,EAAA,QAAMC,MAAM,aAAaC,UAAWC,I,CAM1C,MAAMa,EAAa9B,KAAKE,OAAS,WAC/BY,EAAA,OAAKC,MAAM,uBAGb,MAAMgB,GAAa/B,KAAK2B,UACtBb,EAAA,OACEC,MAAO,CACL,CAAC,gBAAiB,KAClB,CAAC,sBACCf,KAAKgC,GAAGC,cAAcC,UAAUC,SAAS,wBACxCnC,KAAKgC,GAAGC,cAAcC,UAAUC,SAC/B,6BAILL,GAKL,MAAMM,EACJtB,EAAA,OACEC,MAAO,CACL,CAAC,QAAS,KACV,CAAC,GAAGf,KAAKE,QAAS,OAGpBY,EAAA,OAAKC,MAAM,YACTD,EAAA,OAAKC,MAAM,aAAac,GACvBE,IAED/B,KAAKuB,SAAWvB,KAAKyB,YAAczB,KAAKM,SACxCQ,EAAA,OAAKC,MAAM,gBACRf,KAAKuB,SACJT,EAAA,iBAAeb,QAAQ,iBAAiBc,MAAM,WAC3Cf,KAAKuB,SAGTvB,KAAKuB,UAAYvB,KAAKyB,YAAczB,KAAKM,SACxCQ,EAAA,iBAAeb,QAAQ,UAAUc,MAAM,cACpCf,KAAKyB,aAAe,MAAQjB,EAAcR,KAAKyB,YAC5CzB,KAAKyB,WACLlB,KAQhB,OACEO,EAACuB,EAAI,CACHC,KAAK,WAAU,aACH,QAAQtC,KAAKqB,UAAUhB,IAAW,gBAC/BL,KAAKG,SAAWH,KAAKE,OAAS,YAAc,OAC3Da,MAAO,CACL,CAAC,sBACCf,KAAKgC,GAAGC,cAAcC,UAAUC,SAAS,wBACxCnC,KAAKgC,GAAGC,cAAcC,UAAUC,SAC/B,2BAEJ,CAAC,WAAWnC,KAAKC,WAAY,KAC7B,CAAC,YAAYD,KAAKuC,SAAUvC,KAAKuC,QAAU,YAG5CvC,KAAKC,UAAY,UAAYkB,EAAciB,E"}

package/dist/core/p-5f74782e.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as i,g as n}from"./p-6b5e91e2.js";import{g as o,s as a,i as r,b as s,a as c,d as h,I as d}from"./p-932f3e3c.js";const l='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;background-color:var(--ic-brand-color-tertiary);--hero-heading-bottom-margin:var(--ic-space-md);--hero-keyline:var(--ic-hero-keyline)}:host(.ic-hero-dark){background-color:var(--ic-brand-color-secondary);--ic-hero-heading:var(--ic-color-text-primary-light);--ic-hero-body:var(--ic-color-text-primary-light);--ic-hero-secondary-heading:var(--ic-color-text-primary-light);--hero-keyline:var(--ic-brand-text-color)}.heading{--ic-typography-color:var(--ic-hero-heading)}.subheading{--ic-typography-color:var(--ic-hero-body)}.secondary-container{--ic-typography-color:var(--ic-hero-secondary-heading);display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--hero-keyline)}:host(.has-background-image){background-repeat:no-repeat;background-position:right -6.25rem;background-size:auto calc(100% + 6.25rem);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){:host(.has-background-image){background-position:right -6.25rem !important}}ic-typography.heading-bottom-spacing{margin-bottom:var(--hero-heading-bottom-margin)}.section-container{display:flex;align-items:center;height:100%}.left-container{padding:var(--ic-space-xl) 0}.left-container:not(.left-container-full-width){flex-basis:50%}.left-container-full-width{width:100%}.right-container{flex-basis:50%}.interaction-container{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg);flex-wrap:wrap}.secondary-subheading{margin-top:var(--ic-space-xxs)}:host([content-aligned="left"]) .left-container,:host([content-aligned="left"]) .interaction-container{justify-content:flex-start;text-align:left}:host([content-aligned="center"]) .left-container,:host([content-aligned="center"]) .interaction-container{justify-content:center;text-align:center}@media (min-width: 992px){.left-container-full-width{width:66.6%}}@media (min-width: 1044px){:host,.section-container{min-height:13rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}.left-container:not(.left-container-full-width){flex-basis:66.6%}.left-container{min-height:9rem}.right-container{flex-basis:33.3%;margin-left:3.125rem}.secondary-container{min-height:9rem}.secondary-heading,.secondary-subheading{margin-left:3.938rem}}@media (min-width: 801px) and (max-width: 1043px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:16rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:5.922rem}.right-container{margin-left:3.125rem}}@media (min-width: 641px) and (max-width: 800px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:16rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:2.125rem}.right-container{margin-left:3.125rem}}@media (min-width: 481px) and (max-width: 640px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:13rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:17.5rem}:host(.secondary-heading) .section-container,:host(.ic-hero-small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}.right-container{margin-bottom:2.5rem}}@media (max-width: 480px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:12rem}:host,.right-container{margin-bottom:var(--ic-space-md)}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:16.5rem}:host(.secondary-heading) .section-container,:host(.ic-hero-small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}}';const m=class{constructor(t){e(this,t);this.hostMutationObserver=null;this.foregroundColor=o();this.rightContent=false;this.leftContentFullWidth=!this.rightContent&&this.secondaryHeading===undefined;this.scrollFactor="right -100px";this.aligned="left";this.backgroundImage=undefined;this.contentAligned="left";this.disableBackgroundParallax=false;this.heading=undefined;this.secondaryHeading=undefined;this.secondarySubheading=undefined;this.size="medium";this.subheading=undefined}disconnectedCallback(){var e;(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){this.rightContent=a(this.el,"secondary")}componentDidLoad(){!r(this.el,"heading")&&s([{prop:this.heading,propName:"heading"}],"Hero");this.hostMutationObserver=new MutationObserver((e=>c(e,"secondary",this)));this.hostMutationObserver.observe(this.el,{childList:true})}componentWillRender(){this.rightContent=a(this.el,"secondary")}brandChangeHandler(e){this.foregroundColor=e.detail.mode}doScroll(){if(this.disableBackgroundParallax){return}const e=document.scrollingElement.scrollTop;const t=.4;const i=-100+e*t;this.scrollFactor="right "+i+"px"}render(){const{aligned:e,size:n,heading:o,subheading:a,secondaryHeading:r,secondarySubheading:s,foregroundColor:c,backgroundImage:l,scrollFactor:m}=this;let g={};if(h(l)){g={"background-image":"url("+l+")","background-position":m}}return t(i,{class:{[`ic-hero-${d.Dark}`]:c===d.Dark,["has-background-image"]:l!==undefined,["ic-hero-small"]:n==="small",["secondary-heading"]:!!r},style:g},t("ic-section-container",{aligned:e,fullHeight:true,class:"section-container"},t("div",{class:{["left-container"]:true,["left-container-full-width"]:this.leftContentFullWidth}},t("div",{class:"heading"},t("slot",{name:"heading"},t("ic-typography",{variant:n==="small"?"h2":"h1",class:{["heading-bottom-spacing"]:n!=="small"}},t("h2",null,o)))),t("div",{class:"subheading"},t("slot",{name:"subheading"},t("ic-typography",{variant:"body"},a))),t("div",{class:"interaction-container"},t("slot",{name:"interaction"}))),(h(r)||this.rightContent)&&t("div",{class:"right-container"},t("slot",{name:"secondary"},r&&t("div",{class:"secondary-container"},t("div",{class:"secondary-heading"},t("ic-typography",{variant:"h4"},t("h3",null,r))),t("div",{class:"secondary-subheading"},t("ic-typography",{variant:"subtitle-small"},s)))))))}get el(){return n(this)}};m.style=l;export{m as ic_hero};
-//# sourceMappingURL=p-5f74782e.entry.js.map

package/dist/core/p-5f74782e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icHeroCss","Hero","this","hostMutationObserver","getBrandForegroundAppearance","rightContent","secondaryHeading","undefined","disconnectedCallback","_a","disconnect","componentWillLoad","slotHasContent","el","componentDidLoad","isSlotUsed","onComponentRequiredPropUndefined","prop","heading","propName","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","componentWillRender","brandChangeHandler","ev","foregroundColor","detail","mode","doScroll","disableBackgroundParallax","scrolltotop","document","scrollingElement","scrollTop","factor","y","scrollFactor","render","aligned","size","subheading","secondarySubheading","backgroundImage","style","isPropDefined","h","Host","class","IcBrandForegroundEnum","Dark","fullHeight","leftContentFullWidth","name","variant"],"sources":["src/components/ic-hero/ic-hero.css?tag=ic-hero&encapsulation=shadow","src/components/ic-hero/ic-hero.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  display: block;\n  background-color: var(--ic-brand-color-tertiary);\n\n  --hero-heading-bottom-margin: var(--ic-space-md);\n  --hero-keyline: var(--ic-hero-keyline);\n}\n\n:host(.ic-hero-dark) {\n  background-color: var(--ic-brand-color-secondary);\n\n  --ic-hero-heading: var(--ic-color-text-primary-light);\n  --ic-hero-body: var(--ic-color-text-primary-light);\n  --ic-hero-secondary-heading: var(--ic-color-text-primary-light);\n  --hero-keyline: var(--ic-brand-text-color);\n}\n\n.heading {\n  --ic-typography-color: var(--ic-hero-heading);\n}\n\n.subheading {\n  --ic-typography-color: var(--ic-hero-body);\n}\n\n.secondary-container {\n  --ic-typography-color: var(--ic-hero-secondary-heading);\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  border-left: var(--ic-space-xxxs) solid var(--hero-keyline);\n}\n\n:host(.has-background-image) {\n  background-repeat: no-repeat;\n  background-position: right -6.25rem;\n  background-size: auto calc(100% + 6.25rem);\n  box-shadow: var(--ic-elevation-inset);\n}\n\n@media (prefers-reduced-motion) {\n  :host(.has-background-image) {\n    background-position: right -6.25rem !important;\n  }\n}\n\nic-typography.heading-bottom-spacing {\n  margin-bottom: var(--hero-heading-bottom-margin);\n}\n\n.section-container {\n  display: flex;\n  align-items: center;\n  height: 100%;\n}\n\n.left-container {\n  padding: var(--ic-space-xl) 0;\n}\n\n.left-container:not(.left-container-full-width) {\n  flex-basis: 50%;\n}\n\n.left-container-full-width {\n  width: 100%;\n}\n\n.right-container {\n  flex-basis: 50%;\n}\n\n.interaction-container {\n  display: flex;\n  gap: var(--ic-space-md);\n  margin-top: var(--ic-space-lg);\n  flex-wrap: wrap;\n}\n\n.secondary-subheading {\n  margin-top: var(--ic-space-xxs);\n}\n\n:host([content-aligned=\"left\"]) .left-container,\n:host([content-aligned=\"left\"]) .interaction-container {\n  justify-content: flex-start;\n  text-align: left;\n}\n\n:host([content-aligned=\"center\"]) .left-container,\n:host([content-aligned=\"center\"]) .interaction-container {\n  justify-content: center;\n  text-align: center;\n}\n\n@media (min-width: 992px) {\n  .left-container-full-width {\n    width: 66.6%;\n  }\n}\n\n@media (min-width: 1044px) {\n  :host,\n  .section-container {\n    min-height: 13rem;\n  }\n\n  :host(.ic-hero-small),\n  :host(.ic-hero-small) .section-container {\n    min-height: 10.813rem;\n  }\n\n  .left-container:not(.left-container-full-width) {\n    flex-basis: 66.6%;\n  }\n\n  .left-container {\n    min-height: 9rem;\n  }\n\n  .right-container {\n    flex-basis: 33.3%;\n    margin-left: 3.125rem;\n  }\n\n  .secondary-container {\n    min-height: 9rem;\n  }\n\n  .secondary-heading,\n  .secondary-subheading {\n    margin-left: 3.938rem;\n  }\n}\n\n@media (min-width: 801px) and (max-width: 1043px) {\n  :host(.has-background-image) {\n    background-image: none !important;\n  }\n\n  :host,\n  .section-container {\n    min-height: 16rem;\n  }\n\n  :host(.ic-hero-small),\n  :host(.ic-hero-small) .section-container {\n    min-height: 15rem;\n  }\n\n  :host(.secondary-heading),\n  :host(.secondary-heading) .section-container {\n    min-height: 14rem;\n  }\n\n  .left-container {\n    min-height: 10rem;\n  }\n\n  .secondary-container {\n    min-height: 10rem;\n  }\n\n  .secondary-heading,\n  .secondary-subheading {\n    margin-left: 5.922rem;\n  }\n\n  .right-container {\n    margin-left: 3.125rem;\n  }\n}\n\n@media (min-width: 641px) and (max-width: 800px) {\n  :host(.has-background-image) {\n    background-image: none !important;\n  }\n\n  :host,\n  .section-container {\n    min-height: 16rem;\n  }\n\n  :host(.ic-hero-small),\n  :host(.ic-hero-small) .section-container {\n    min-height: 15rem;\n  }\n\n  :host(.secondary-heading),\n  :host(.secondary-heading) .section-container {\n    min-height: 14rem;\n  }\n\n  .left-container {\n    min-height: 10rem;\n  }\n\n  .secondary-container {\n    min-height: 10rem;\n  }\n\n  .secondary-heading,\n  .secondary-subheading {\n    margin-left: 2.125rem;\n  }\n\n  .right-container {\n    margin-left: 3.125rem;\n  }\n}\n\n@media (min-width: 481px) and (max-width: 640px) {\n  :host(.has-background-image) {\n    background-image: none !important;\n  }\n\n  :host,\n  .section-container {\n    min-height: 13rem;\n  }\n\n  :host(.ic-hero-small),\n  :host(.ic-hero-small) .section-container {\n    min-height: 10.813rem;\n  }\n\n  :host(.secondary-heading),\n  :host(.secondary-heading) .section-container {\n    min-height: 17.5rem;\n  }\n\n  :host(.secondary-heading) .section-container,\n  :host(.ic-hero-small) .section-container,\n  .section-container {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .left-container {\n    height: fit-content;\n  }\n\n  .secondary-container {\n    height: fit-content;\n    border: none;\n  }\n\n  .right-container {\n    margin-bottom: 2.5rem;\n  }\n}\n\n@media (max-width: 480px) {\n  :host(.has-background-image) {\n    background-image: none !important;\n  }\n\n  :host,\n  .section-container {\n    min-height: 12rem;\n  }\n\n  :host,\n  .right-container {\n    margin-bottom: var(--ic-space-md);\n  }\n\n  :host(.ic-hero-small),\n  :host(.ic-hero-small) .section-container {\n    min-height: 10.813rem;\n  }\n\n  :host(.secondary-heading),\n  :host(.secondary-heading) .section-container {\n    min-height: 16.5rem;\n  }\n\n  :host(.secondary-heading) .section-container,\n  :host(.ic-hero-small) .section-container,\n  .section-container {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .left-container {\n    height: fit-content;\n  }\n\n  .secondary-container {\n    height: fit-content;\n    border: none;\n  }\n}\n","import {\n  Component,\n  Element,\n  Host,\n  Prop,\n  h,\n  State,\n  Listen,\n} from \"@stencil/core\";\nimport {\n  IcAlignment,\n  IcSizesNoLarge,\n  IcBrand,\n  IcBrandForeground,\n  IcBrandForegroundEnum,\n} from \"../../utils/types\";\nimport {\n  slotHasContent,\n  getBrandForegroundAppearance,\n  onComponentRequiredPropUndefined,\n  isPropDefined,\n  isSlotUsed,\n  renderDynamicChildSlots,\n} from \"../../utils/helpers\";\nimport { IcHeroContentAlignments } from \"./ic-hero.types\";\n\n/**\n * @slot heading - Content will be rendered in the title area, in place of the heading.\n * @slot subheading - Content will be rendered in the title area, in place of the subheading.\n * @slot interaction - Content will be rendered in the interaction area, adjacent to the title area.\n * @slot secondary - Content will be rendered in the secondary content area.\n */\n\n@Component({\n  tag: \"ic-hero\",\n  styleUrl: \"ic-hero.css\",\n  shadow: true,\n})\nexport class Hero {\n  private hostMutationObserver: MutationObserver = null;\n\n  @Element() el: HTMLIcHeroElement;\n\n  @State() foregroundColor: IcBrandForeground = getBrandForegroundAppearance();\n  @State() rightContent: boolean = false;\n  // set by above state\n  @State() leftContentFullWidth: boolean =\n    !this.rightContent && this.secondaryHeading === undefined;\n  @State() scrollFactor: string = \"right -100px\";\n\n  /**\n   * The alignment of the hero.\n   */\n  @Prop() aligned: IcAlignment = \"left\";\n\n  /**\n   * The optional background image.\n   */\n  @Prop() backgroundImage?: string;\n\n  /**\n   * The alignment of the hero content.\n   */\n  @Prop() contentAligned: IcHeroContentAlignments = \"left\";\n\n  /**\n   * If `true`, the background image (if set) will not scroll using a parallax effect.\n   */\n  @Prop() disableBackgroundParallax?: boolean = false;\n\n  /**\n   * The heading of the hero. An <h2> level heading.\n   */\n  @Prop() heading: string;\n\n  /**\n   * The optional secondary heading, an <h3> level heading. Replaced by slotted right content.\n   */\n  @Prop() secondaryHeading?: string;\n\n  /**\n   * The optional secondary subheading, replaced by slotted right content.\n   */\n  @Prop() secondarySubheading?: string;\n\n  /**\n   * The size of the hero component.\n   */\n  @Prop() size?: IcSizesNoLarge = \"medium\";\n\n  /**\n   * The description for the hero.\n   */\n  @Prop() subheading?: string;\n\n  disconnectedCallback(): void {\n    this.hostMutationObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    this.rightContent = slotHasContent(this.el, \"secondary\");\n  }\n\n  componentDidLoad(): void {\n    !isSlotUsed(this.el, \"heading\") &&\n      onComponentRequiredPropUndefined(\n        [{ prop: this.heading, propName: \"heading\" }],\n        \"Hero\"\n      );\n\n    this.hostMutationObserver = new MutationObserver((mutationList) =>\n      renderDynamicChildSlots(mutationList, \"secondary\", this)\n    );\n    this.hostMutationObserver.observe(this.el, {\n      childList: true,\n    });\n  }\n\n  componentWillRender(): void {\n    this.rightContent = slotHasContent(this.el, \"secondary\");\n  }\n\n  @Listen(\"brandChange\", { target: \"document\" })\n  brandChangeHandler(ev: CustomEvent<IcBrand>): void {\n    this.foregroundColor = ev.detail.mode;\n  }\n\n  @Listen(\"scroll\", { target: \"document\" })\n  doScroll(): void {\n    if (this.disableBackgroundParallax) {\n      return;\n    }\n\n    const scrolltotop = document.scrollingElement.scrollTop;\n    const factor = 0.4;\n    const y = -100 + scrolltotop * factor;\n    this.scrollFactor = \"right \" + y + \"px\";\n  }\n\n  render() {\n    const {\n      aligned,\n      size,\n      heading,\n      subheading,\n      secondaryHeading,\n      secondarySubheading,\n      foregroundColor,\n      backgroundImage,\n      scrollFactor,\n    } = this;\n\n    let style = {};\n\n    if (isPropDefined(backgroundImage)) {\n      style = {\n        \"background-image\": \"url(\" + backgroundImage + \")\",\n        \"background-position\": scrollFactor,\n      };\n    }\n\n    return (\n      <Host\n        class={{\n          [`ic-hero-${IcBrandForegroundEnum.Dark}`]:\n            foregroundColor === IcBrandForegroundEnum.Dark,\n          [\"has-background-image\"]: backgroundImage !== undefined,\n          [\"ic-hero-small\"]: size === \"small\",\n          [\"secondary-heading\"]: !!secondaryHeading,\n        }}\n        style={style}\n      >\n        <ic-section-container\n          aligned={aligned}\n          fullHeight\n          class=\"section-container\"\n        >\n          <div\n            class={{\n              [\"left-container\"]: true,\n              [\"left-container-full-width\"]: this.leftContentFullWidth,\n            }}\n          >\n            <div class=\"heading\">\n              <slot name=\"heading\">\n                <ic-typography\n                  variant={size === \"small\" ? \"h2\" : \"h1\"}\n                  class={{\n                    [\"heading-bottom-spacing\"]: size !== \"small\",\n                  }}\n                >\n                  <h2>{heading}</h2>\n                </ic-typography>\n              </slot>\n            </div>\n            <div class=\"subheading\">\n              <slot name=\"subheading\">\n                <ic-typography variant=\"body\">{subheading}</ic-typography>\n              </slot>\n            </div>\n            <div class=\"interaction-container\">\n              <slot name=\"interaction\"></slot>\n            </div>\n          </div>\n          {(isPropDefined(secondaryHeading) || this.rightContent) && (\n            <div class=\"right-container\">\n              <slot name=\"secondary\">\n                {secondaryHeading && (\n                  <div class=\"secondary-container\">\n                    <div class=\"secondary-heading\">\n                      <ic-typography variant=\"h4\">\n                        <h3>{secondaryHeading}</h3>\n                      </ic-typography>\n                    </div>\n                    <div class=\"secondary-subheading\">\n                      <ic-typography variant=\"subtitle-small\">\n                        {secondarySubheading}\n                      </ic-typography>\n                    </div>\n                  </div>\n                )}\n              </slot>\n            </div>\n          )}\n        </ic-section-container>\n      </Host>\n    );\n  }\n}\n"],"mappings":"uIAAA,MAAMA,EAAY,oyN,MCsCLC,EAAI,M,yBACPC,KAAAC,qBAAyC,K,qBAIHC,I,kBACb,M,2BAG9BF,KAAKG,cAAgBH,KAAKI,mBAAqBC,U,kBAClB,e,aAKD,O,mDAUmB,O,+BAKJ,M,oGAoBd,S,0BAOhC,oBAAAC,G,OACEC,EAAAP,KAAKC,wBAAoB,MAAAM,SAAA,SAAAA,EAAEC,Y,CAG7B,iBAAAC,GACET,KAAKG,aAAeO,EAAeV,KAAKW,GAAI,Y,CAG9C,gBAAAC,IACGC,EAAWb,KAAKW,GAAI,YACnBG,EACE,CAAC,CAAEC,KAAMf,KAAKgB,QAASC,SAAU,YACjC,QAGJjB,KAAKC,qBAAuB,IAAIiB,kBAAkBC,GAChDC,EAAwBD,EAAc,YAAanB,QAErDA,KAAKC,qBAAqBoB,QAAQrB,KAAKW,GAAI,CACzCW,UAAW,M,CAIf,mBAAAC,GACEvB,KAAKG,aAAeO,EAAeV,KAAKW,GAAI,Y,CAI9C,kBAAAa,CAAmBC,GACjBzB,KAAK0B,gBAAkBD,EAAGE,OAAOC,I,CAInC,QAAAC,GACE,GAAI7B,KAAK8B,0BAA2B,CAClC,M,CAGF,MAAMC,EAAcC,SAASC,iBAAiBC,UAC9C,MAAMC,EAAS,GACf,MAAMC,GAAK,IAAML,EAAcI,EAC/BnC,KAAKqC,aAAe,SAAWD,EAAI,I,CAGrC,MAAAE,GACE,MAAMC,QACJA,EAAOC,KACPA,EAAIxB,QACJA,EAAOyB,WACPA,EAAUrC,iBACVA,EAAgBsC,oBAChBA,EAAmBhB,gBACnBA,EAAeiB,gBACfA,EAAeN,aACfA,GACErC,KAEJ,IAAI4C,EAAQ,GAEZ,GAAIC,EAAcF,GAAkB,CAClCC,EAAQ,CACN,mBAAoB,OAASD,EAAkB,IAC/C,sBAAuBN,E,CAI3B,OACES,EAACC,EAAI,CACHC,MAAO,CACL,CAAC,WAAWC,EAAsBC,QAChCxB,IAAoBuB,EAAsBC,KAC5C,CAAC,wBAAyBP,IAAoBtC,UAC9C,CAAC,iBAAkBmC,IAAS,QAC5B,CAAC,uBAAwBpC,GAE3BwC,MAAOA,GAEPE,EAAA,wBACEP,QAASA,EACTY,WAAU,KACVH,MAAM,qBAENF,EAAA,OACEE,MAAO,CACL,CAAC,kBAAmB,KACpB,CAAC,6BAA8BhD,KAAKoD,uBAGtCN,EAAA,OAAKE,MAAM,WACTF,EAAA,QAAMO,KAAK,WACTP,EAAA,iBACEQ,QAASd,IAAS,QAAU,KAAO,KACnCQ,MAAO,CACL,CAAC,0BAA2BR,IAAS,UAGvCM,EAAA,UAAK9B,MAIX8B,EAAA,OAAKE,MAAM,cACTF,EAAA,QAAMO,KAAK,cACTP,EAAA,iBAAeQ,QAAQ,QAAQb,KAGnCK,EAAA,OAAKE,MAAM,yBACTF,EAAA,QAAMO,KAAK,mBAGbR,EAAczC,IAAqBJ,KAAKG,eACxC2C,EAAA,OAAKE,MAAM,mBACTF,EAAA,QAAMO,KAAK,aACRjD,GACC0C,EAAA,OAAKE,MAAM,uBACTF,EAAA,OAAKE,MAAM,qBACTF,EAAA,iBAAeQ,QAAQ,MACrBR,EAAA,UAAK1C,KAGT0C,EAAA,OAAKE,MAAM,wBACTF,EAAA,iBAAeQ,QAAQ,kBACpBZ,Q"}

package/dist/core/p-6227fff5.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as i,h as t,H as r,g as a}from"./p-6b5e91e2.js";import{c as n}from"./p-f074ef5b.js";import{a as o,i as s,V as c,I as l}from"./p-932f3e3c.js";const d='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block}:host ::slotted(ic-typography){--ic-typography-color:var(--ic-alert-description)}.container{min-height:3.5rem;border-radius:var(--ic-space-xxs) var(--ic-space-xxxs) var(--ic-space-xxxs)\n    var(--ic-space-xxs);position:relative;display:flex;align-items:center}.container-neutral{background-color:var(--ic-alert-background-neutral);border:var(--ic-space-xxxs) solid var(--ic-alert-border-neutral)}.container-info{background-color:var(--ic-alert-background-info);border:var(--ic-space-xxxs) solid var(--ic-alert-border-info)}.container-warning{background-color:var(--ic-alert-background-warning);border:var(--ic-space-xxxs) solid var(--ic-alert-border-warning)}.container-error{background-color:var(--ic-alert-background-error);border:var(--ic-space-xxxs) solid var(--ic-alert-border-error)}.container-success{background-color:var(--ic-alert-background-success);border:var(--ic-space-xxxs) solid var(--ic-alert-border-success)}.alert-icon-container{height:100%;display:flex;align-items:center}.divider{height:100%;width:var(--ic-space-xs);border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);position:absolute}.divider-neutral{background-color:var(--ic-alert-status-type-neutral)}.divider-info{background-color:var(--ic-alert-status-type-info)}.divider-warning{background-color:var(--ic-alert-status-type-warning)}.divider-error{background-color:var(--ic-alert-status-type-error)}.divider-success{background-color:var(--ic-alert-status-type-success)}.alert-icon{height:var(--ic-space-lg);width:1.375rem;margin-left:1.125rem}.icon-placeholder{margin-left:var(--ic-space-xs)}.alert-icon>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}:host([showdefaulticon="false"]) .icon-neutral{visibility:hidden;width:0;margin-left:0.625rem}.icon-neutral>svg,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block;fill:var(--ic-alert-icon-neutral)}:host([variant="info"]) .alert-icon svg{fill:var(--ic-alert-icon-info)}:host([variant="warning"]) .alert-icon svg{fill:var(--ic-alert-icon-warning)}:host([variant="error"]) .alert-icon svg{fill:var(--ic-alert-icon-error)}:host([variant="success"]) .alert-icon svg{fill:var(--ic-alert-icon-success)}.alert-content{display:flex;align-items:center;margin-left:0.625rem;width:100%}.alert-message{display:flex;align-items:center;padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;flex:1;--ic-typography-color:var(--ic-alert-description)}.alert-message-title-above{display:inline}.alert-title{margin-right:var(--ic-space-xs);--ic-typography-color:var(--ic-alert-title)}.alert-title-above{white-space:normal}.alert-action-container{margin-right:var(--ic-space-xs);display:flex;align-items:center}.dismiss-icon{margin-right:var(--ic-space-xxxs);margin-left:-0.375rem;padding:0.375rem;border:none;border-radius:50%;background-color:inherit;display:flex;align-items:center;justify-content:center}.dismiss-icon>svg{color:var(--ic-alert-icon-dismissible)}.dismiss-icon:hover{cursor:pointer}@media (max-width: 628px){.alert-content{display:flex;flex-direction:column;align-items:flex-start}.alert-message{display:flex;flex-direction:column;align-items:flex-start}.alert-title{white-space:normal}.alert-action-container{margin-bottom:var(--ic-space-xs)}}@media (forced-colors: active){.container{border:var(--ic-border-hc)}}';const p=class{constructor(t){e(this,t);this.icDismiss=i(this,"icDismiss",7);this.hostMutationObserver=null;this.dismissAction=()=>{this.icDismiss.emit()};this.alertTitleWrap=false;this.visible=true;this.announced=true;this.dismissible=false;this.heading="";this.message=undefined;this.showDefaultIcon=true;this.theme="inherit";this.titleAbove=false;this.variant="neutral"}disconnectedCallback(){var e;(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentDidLoad(){this.alertTitleShouldWrap();this.hostMutationObserver=new MutationObserver((e=>o(e,"action",this)));this.hostMutationObserver.observe(this.el,{childList:true})}handleClick(){this.visible=!this.visible}alertTitleShouldWrap(){var e;const i=(e=this.el.shadowRoot.querySelector(".alert-title"))===null||e===void 0?void 0:e.clientHeight;if(i>24)this.alertTitleWrap=true}render(){const{variant:e,heading:i,message:a,titleAbove:o,dismissible:d,announced:p,visible:u,showDefaultIcon:b,theme:m}=this;return u&&t(r,{role:p?"alert":null,class:{[l.Dark]:true,[`ic-theme-${m}`]:m!=="inherit"}},t("div",{class:{["container"]:true,[`container-${e}`]:true}},t("div",{class:"alert-icon-container"},t("div",{class:{["divider"]:true,[`divider-${e}`]:true}}),e==="neutral"?s(this.el,"neutral-icon")?t("div",{class:"alert-icon svg-container icon-neutral"},t("slot",{name:"neutral-icon"})):b?t("span",{class:{["alert-icon"]:true,["svg-container"]:true,[`icon-${e}`]:true},innerHTML:c[e].icon}):t("div",{class:"icon-placeholder"}):t("span",{class:{["alert-icon"]:true,["svg-container"]:true,[`icon-${e}`]:true},innerHTML:c[e].icon})),t("div",{class:"alert-content"},t("div",{class:{["alert-message"]:true,["alert-message-title-above"]:o||this.alertTitleWrap}},i&&t("ic-typography",{class:{["alert-title"]:true,["alert-title-above"]:o||this.alertTitleWrap},variant:"subtitle-large"},t("p",null,i)),t("slot",{name:"message"},t("ic-typography",{variant:"body"},a))),s(this.el,"action")&&t("div",{class:"alert-action-container"},t("slot",{name:"action"}))),t("div",{class:"dismiss-icon-container"},d&&t("ic-button",{class:{["svg-container"]:true,["dismiss-icon"]:true},innerHTML:n,onClick:this.dismissAction,variant:"icon",theme:"dark",title:"Dismiss"}))))}get el(){return a(this)}};p.style=d;export{p as ic_alert};
-//# sourceMappingURL=p-6227fff5.entry.js.map

package/dist/core/p-6227fff5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icAlertCss","Alert","this","hostMutationObserver","dismissAction","icDismiss","emit","disconnectedCallback","_a","disconnect","componentDidLoad","alertTitleShouldWrap","MutationObserver","mutationList","renderDynamicChildSlots","observe","el","childList","handleClick","visible","titleHeight","shadowRoot","querySelector","clientHeight","alertTitleWrap","render","variant","heading","message","titleAbove","dismissible","announced","showDefaultIcon","theme","h","Host","role","class","IcBrandForegroundEnum","Dark","isSlotUsed","name","innerHTML","VARIANT_ICONS","icon","closeIcon","onClick","title"],"sources":["src/components/ic-alert/ic-alert.css?tag=ic-alert&encapsulation=shadow","src/components/ic-alert/ic-alert.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  display: block;\n}\n\n:host ::slotted(ic-typography) {\n  --ic-typography-color: var(--ic-alert-description);\n}\n\n.container {\n  min-height: 3.5rem;\n  border-radius: var(--ic-space-xxs) var(--ic-space-xxxs) var(--ic-space-xxxs)\n    var(--ic-space-xxs);\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.container-neutral {\n  background-color: var(--ic-alert-background-neutral);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-neutral);\n}\n\n.container-info {\n  background-color: var(--ic-alert-background-info);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-info);\n}\n\n.container-warning {\n  background-color: var(--ic-alert-background-warning);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-warning);\n}\n\n.container-error {\n  background-color: var(--ic-alert-background-error);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-error);\n}\n\n.container-success {\n  background-color: var(--ic-alert-background-success);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-success);\n}\n\n.alert-icon-container {\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.divider {\n  height: 100%;\n  width: var(--ic-space-xs);\n  border-radius: var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);\n  position: absolute;\n}\n\n.divider-neutral {\n  background-color: var(--ic-alert-status-type-neutral);\n}\n\n.divider-info {\n  background-color: var(--ic-alert-status-type-info);\n}\n\n.divider-warning {\n  background-color: var(--ic-alert-status-type-warning);\n}\n\n.divider-error {\n  background-color: var(--ic-alert-status-type-error);\n}\n\n.divider-success {\n  background-color: var(--ic-alert-status-type-success);\n}\n\n.alert-icon {\n  height: var(--ic-space-lg);\n  width: 1.375rem;\n  margin-left: 1.125rem;\n}\n\n.icon-placeholder {\n  margin-left: var(--ic-space-xs);\n}\n\n.alert-icon > svg {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  display: inline-block;\n}\n\n/* required for Gatsby as prop does not seem to work when set to false */\n:host([showdefaulticon=\"false\"]) .icon-neutral {\n  visibility: hidden;\n  width: 0;\n  margin-left: 0.625rem;\n}\n\n.icon-neutral > svg,\n::slotted(svg) {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  display: inline-block;\n  fill: var(--ic-alert-icon-neutral);\n}\n\n:host([variant=\"info\"]) .alert-icon svg {\n  fill: var(--ic-alert-icon-info);\n}\n\n:host([variant=\"warning\"]) .alert-icon svg {\n  fill: var(--ic-alert-icon-warning);\n}\n\n:host([variant=\"error\"]) .alert-icon svg {\n  fill: var(--ic-alert-icon-error);\n}\n\n:host([variant=\"success\"]) .alert-icon svg {\n  fill: var(--ic-alert-icon-success);\n}\n\n.alert-content {\n  display: flex;\n  align-items: center;\n  margin-left: 0.625rem;\n  width: 100%;\n}\n\n.alert-message {\n  display: flex;\n  align-items: center;\n  padding: var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;\n  flex: 1;\n  --ic-typography-color: var(--ic-alert-description);\n}\n\n.alert-message-title-above {\n  display: inline;\n}\n\n.alert-title {\n  margin-right: var(--ic-space-xs);\n  --ic-typography-color: var(--ic-alert-title);\n}\n\n.alert-title-above {\n  white-space: normal;\n}\n\n.alert-action-container {\n  margin-right: var(--ic-space-xs);\n  display: flex;\n  align-items: center;\n}\n\n.dismiss-icon {\n  margin-right: var(--ic-space-xxxs);\n  margin-left: -0.375rem;\n  padding: 0.375rem;\n  border: none;\n  border-radius: 50%;\n  background-color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.dismiss-icon > svg {\n  color: var(--ic-alert-icon-dismissible);\n}\n\n.dismiss-icon:hover {\n  cursor: pointer;\n}\n\n@media (max-width: 628px) {\n  .alert-content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .alert-message {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .alert-title {\n    white-space: normal;\n  }\n\n  .alert-action-container {\n    margin-bottom: var(--ic-space-xs);\n  }\n}\n\n@media (forced-colors: active) {\n  .container {\n    border: var(--ic-border-hc);\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  State,\n  Listen,\n  Prop,\n  h,\n} from \"@stencil/core\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport { isSlotUsed, renderDynamicChildSlots } from \"../../utils/helpers\";\nimport {\n  IcBrandForegroundEnum,\n  IcStatusVariants,\n  IcThemeMode,\n} from \"../../utils/types\";\nimport { VARIANT_ICONS } from \"../../utils/constants\";\n\n/**\n * @slot message - Content is placed to the right of the title.\n * @slot action - Content is placed to the right of the message.\n * @slot neutral-icon - A custom neutral icon is placed to the left of the title. This will override the default icon if used.\n */\n@Component({\n  tag: \"ic-alert\",\n  styleUrl: \"ic-alert.css\",\n  shadow: true,\n})\nexport class Alert {\n  private hostMutationObserver: MutationObserver = null;\n\n  @Element() el: HTMLIcAlertElement;\n\n  @State() alertTitleWrap: boolean = false;\n  @State() visible: boolean = true;\n\n  /**\n   * If `true`, the alert will have the 'alert' ARIA role and will be announced to screen readers.\n   */\n  @Prop() announced?: boolean = true;\n\n  /**\n   * If `true`, the alert will have a close icon at the end to dismiss it.\n   */\n  @Prop() dismissible?: boolean = false;\n\n  /**\n   * The optional title to display at the start of the alert.\n   */\n  @Prop() heading?: string = \"\";\n\n  /**\n   * The main body message of the alert.\n   */\n  @Prop() message?: string;\n\n  /**\n   * If `true`, the default icon for the neutral variant will appear on the left of the alert.\n   */\n  @Prop() showDefaultIcon: boolean = true;\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * If `true`, the title and message will appear above and below instead of inline.\n   */\n  @Prop() titleAbove?: boolean = false;\n\n  /**\n   * The variant of the alert which will be rendered.\n   */\n  @Prop() variant?: IcStatusVariants = \"neutral\";\n\n  /**\n   * Is emitted when the user dismisses the alert.\n   */\n  @Event() icDismiss: EventEmitter<void>;\n\n  disconnectedCallback(): void {\n    this.hostMutationObserver?.disconnect();\n  }\n\n  componentDidLoad(): void {\n    this.alertTitleShouldWrap();\n\n    this.hostMutationObserver = new MutationObserver((mutationList) =>\n      renderDynamicChildSlots(mutationList, \"action\", this)\n    );\n    this.hostMutationObserver.observe(this.el, {\n      childList: true,\n    });\n  }\n\n  @Listen(\"icDismiss\", { capture: true })\n  handleClick(): void {\n    this.visible = !this.visible;\n  }\n\n  private dismissAction = (): void => {\n    this.icDismiss.emit();\n  };\n\n  private alertTitleShouldWrap() {\n    const titleHeight =\n      this.el.shadowRoot.querySelector(\".alert-title\")?.clientHeight;\n    if (titleHeight > 24) this.alertTitleWrap = true;\n  }\n\n  render() {\n    const {\n      variant,\n      heading,\n      message,\n      titleAbove,\n      dismissible,\n      announced,\n      visible,\n      showDefaultIcon,\n      theme,\n    } = this;\n\n    return (\n      visible && (\n        <Host\n          role={announced ? \"alert\" : null}\n          class={{\n            [IcBrandForegroundEnum.Dark]: true,\n            [`ic-theme-${theme}`]: theme !== \"inherit\",\n          }}\n        >\n          <div\n            class={{\n              [\"container\"]: true,\n              [`container-${variant}`]: true,\n            }}\n          >\n            <div class=\"alert-icon-container\">\n              <div\n                class={{\n                  [\"divider\"]: true,\n                  [`divider-${variant}`]: true,\n                }}\n              ></div>\n              {variant === \"neutral\" ? (\n                isSlotUsed(this.el, \"neutral-icon\") ? (\n                  <div class=\"alert-icon svg-container icon-neutral\">\n                    <slot name=\"neutral-icon\"></slot>\n                  </div>\n                ) : showDefaultIcon ? (\n                  <span\n                    class={{\n                      [\"alert-icon\"]: true,\n                      [\"svg-container\"]: true,\n                      [`icon-${variant}`]: true,\n                    }}\n                    innerHTML={VARIANT_ICONS[variant].icon}\n                  ></span>\n                ) : (\n                  <div class=\"icon-placeholder\"></div>\n                )\n              ) : (\n                <span\n                  class={{\n                    [\"alert-icon\"]: true,\n                    [\"svg-container\"]: true,\n                    [`icon-${variant}`]: true,\n                  }}\n                  innerHTML={VARIANT_ICONS[variant].icon}\n                ></span>\n              )}\n            </div>\n            <div class=\"alert-content\">\n              <div\n                class={{\n                  [\"alert-message\"]: true,\n                  [\"alert-message-title-above\"]:\n                    titleAbove || this.alertTitleWrap,\n                }}\n              >\n                {heading && (\n                  <ic-typography\n                    class={{\n                      [\"alert-title\"]: true,\n                      [\"alert-title-above\"]: titleAbove || this.alertTitleWrap,\n                    }}\n                    variant=\"subtitle-large\"\n                  >\n                    <p>{heading}</p>\n                  </ic-typography>\n                )}\n                <slot name=\"message\">\n                  <ic-typography variant=\"body\">{message}</ic-typography>\n                </slot>\n              </div>\n              {isSlotUsed(this.el, \"action\") && (\n                <div class=\"alert-action-container\">\n                  <slot name=\"action\" />\n                </div>\n              )}\n            </div>\n            <div class=\"dismiss-icon-container\">\n              {dismissible && (\n                <ic-button\n                  class={{\n                    [\"svg-container\"]: true,\n                    [\"dismiss-icon\"]: true,\n                  }}\n                  innerHTML={closeIcon}\n                  onClick={this.dismissAction}\n                  variant=\"icon\"\n                  theme=\"dark\"\n                  title=\"Dismiss\"\n                ></ic-button>\n              )}\n            </div>\n          </div>\n        </Host>\n      )\n    );\n  }\n}\n"],"mappings":"6JAAA,MAAMA,EAAa,snL,MC8BNC,EAAK,M,8DACRC,KAAAC,qBAAyC,KAwEzCD,KAAAE,cAAgB,KACtBF,KAAKG,UAAUC,MAAM,E,oBArEY,M,aACP,K,eAKE,K,iBAKE,M,aAKL,G,4CAUQ,K,WAKL,U,gBAKC,M,aAKM,S,CAOrC,oBAAAC,G,OACEC,EAAAN,KAAKC,wBAAoB,MAAAK,SAAA,SAAAA,EAAEC,Y,CAG7B,gBAAAC,GACER,KAAKS,uBAELT,KAAKC,qBAAuB,IAAIS,kBAAkBC,GAChDC,EAAwBD,EAAc,SAAUX,QAElDA,KAAKC,qBAAqBY,QAAQb,KAAKc,GAAI,CACzCC,UAAW,M,CAKf,WAAAC,GACEhB,KAAKiB,SAAWjB,KAAKiB,O,CAOf,oBAAAR,G,MACN,MAAMS,GACJZ,EAAAN,KAAKc,GAAGK,WAAWC,cAAc,mBAAe,MAAAd,SAAA,SAAAA,EAAEe,aACpD,GAAIH,EAAc,GAAIlB,KAAKsB,eAAiB,I,CAG9C,MAAAC,GACE,MAAMC,QACJA,EAAOC,QACPA,EAAOC,QACPA,EAAOC,WACPA,EAAUC,YACVA,EAAWC,UACXA,EAASZ,QACTA,EAAOa,gBACPA,EAAeC,MACfA,GACE/B,KAEJ,OACEiB,GACEe,EAACC,EAAI,CACHC,KAAML,EAAY,QAAU,KAC5BM,MAAO,CACL,CAACC,EAAsBC,MAAO,KAC9B,CAAC,YAAYN,KAAUA,IAAU,YAGnCC,EAAA,OACEG,MAAO,CACL,CAAC,aAAc,KACf,CAAC,aAAaX,KAAY,OAG5BQ,EAAA,OAAKG,MAAM,wBACTH,EAAA,OACEG,MAAO,CACL,CAAC,WAAY,KACb,CAAC,WAAWX,KAAY,QAG3BA,IAAY,UACXc,EAAWtC,KAAKc,GAAI,gBAClBkB,EAAA,OAAKG,MAAM,yCACTH,EAAA,QAAMO,KAAK,kBAEXT,EACFE,EAAA,QACEG,MAAO,CACL,CAAC,cAAe,KAChB,CAAC,iBAAkB,KACnB,CAAC,QAAQX,KAAY,MAEvBgB,UAAWC,EAAcjB,GAASkB,OAGpCV,EAAA,OAAKG,MAAM,qBAGbH,EAAA,QACEG,MAAO,CACL,CAAC,cAAe,KAChB,CAAC,iBAAkB,KACnB,CAAC,QAAQX,KAAY,MAEvBgB,UAAWC,EAAcjB,GAASkB,QAIxCV,EAAA,OAAKG,MAAM,iBACTH,EAAA,OACEG,MAAO,CACL,CAAC,iBAAkB,KACnB,CAAC,6BACCR,GAAc3B,KAAKsB,iBAGtBG,GACCO,EAAA,iBACEG,MAAO,CACL,CAAC,eAAgB,KACjB,CAAC,qBAAsBR,GAAc3B,KAAKsB,gBAE5CE,QAAQ,kBAERQ,EAAA,SAAIP,IAGRO,EAAA,QAAMO,KAAK,WACTP,EAAA,iBAAeR,QAAQ,QAAQE,KAGlCY,EAAWtC,KAAKc,GAAI,WACnBkB,EAAA,OAAKG,MAAM,0BACTH,EAAA,QAAMO,KAAK,aAIjBP,EAAA,OAAKG,MAAM,0BACRP,GACCI,EAAA,aACEG,MAAO,CACL,CAAC,iBAAkB,KACnB,CAAC,gBAAiB,MAEpBK,UAAWG,EACXC,QAAS5C,KAAKE,cACdsB,QAAQ,OACRO,MAAM,OACNc,MAAM,c"}

package/dist/core/p-641e244d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icCheckboxGroupCss","CheckboxGroup","this","checkboxSelector","watchDisabledHandler","removeDisabledFalse","disabled","el","labelNameHandler","newValue","oldValue","propName","Array","from","querySelectorAll","forEach","checkbox","groupLabel","name","watchThemeHandler","theme","handleChange","ev","target","tagName","stopImmediatePropagation","componentWillLoad","componentDidLoad","onComponentRequiredPropUndefined","prop","label","selectHandler","checkedOptions","filter","checked","icChange","emit","value","map","opt","textFieldValue","_a","querySelector","selectedOption","render","helperText","hideLabel","required","size","validationStatus","validationText","describedBy","getInputDescribedByText","h","Host","class","id","trim","useLabelTag","hasValidationStatus","for","ariaLiveMode","status","message"],"sources":["src/components/ic-checkbox-group/ic-checkbox-group.css?tag=ic-checkbox-group&encapsulation=shadow","src/components/ic-checkbox-group/ic-checkbox-group.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  display: block;\n\n  --ic-input-label-text-color: var(--ic-checkbox-group-label);\n  --ic-input-label-helper-text-color: var(--ic-checkbox-group-subtitle);\n  --ic-input-validation-error: var(--ic-checkbox-state-icon-error);\n  --ic-input-validation-status-text-color: var(--ic-checkbox-state-text);\n}\n\n:host(.ic-checkbox-group-disabled) {\n  --ic-input-label-text-color: var(--ic-checkbox-group-label-disabled);\n  --ic-input-label-helper-text-color: var(\n    --ic-checkbox-group-subtitle-disabled\n  );\n}\n\nic-input-label.error {\n  color: var(--ic-checkbox-group-label-error);\n\n  --ic-typography-color: var(--ic-checkbox-group-label-error);\n  --ic-input-label-helper-text-color: var(--ic-checkbox-group-subtitle-error);\n}\n\nic-input-label ic-typography {\n  margin-bottom: var(--ic-space-sm);\n}\n\n:host(.ic-checkbox-group-small) ic-input-label ic-typography {\n  margin-bottom: calc(var(--ic-space-sm) / 2);\n}\n\nic-input-validation {\n  margin-top: var(--ic-space-sm);\n}\n\n:host(.ic-checkbox-group-small) ic-input-validation {\n  margin-top: calc(var(--ic-space-sm) / 2);\n}\n\n.checkboxes-container {\n  margin-bottom: calc(-1 * var(--ic-space-xxs));\n}\n\n:host(.ic-checkbox-group-small) .checkboxes-container {\n  margin-bottom: calc(-1 * var(--ic-space-xxxs));\n}\n\n.screen-reader-only-text {\n  position: absolute;\n  left: -9999px;\n  background-color: #fff;\n  color: #000;\n  text-transform: none;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Listen,\n  Element,\n  Event,\n  EventEmitter,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  getInputDescribedByText,\n  hasValidationStatus,\n  onComponentRequiredPropUndefined,\n  removeDisabledFalse,\n} from \"../../utils/helpers\";\nimport {\n  IcInformationStatusOrEmpty,\n  IcSizes,\n  IcThemeMode,\n} from \"../../utils/types\";\nimport { IcChangeEventDetail } from \"./ic-checkbox-group.types\";\n\n@Component({\n  tag: \"ic-checkbox-group\",\n  styleUrl: \"ic-checkbox-group.css\",\n  shadow: true,\n})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class CheckboxGroup {\n  private checkboxSelector: string = \"ic-checkbox\";\n  @Element() el: HTMLIcCheckboxGroupElement;\n\n  /**\n   * If `true`, the checkbox group will be set to the disabled state.\n   */\n  @Prop() disabled: boolean = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   * The helper text that will be displayed for additional field guidance.\n   */\n  @Prop() helperText: string = \"\";\n\n  /**\n   * If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n   */\n  @Prop() hideLabel: boolean = false;\n\n  /**\n   * The label for the checkbox group to be displayed.\n   */\n  @Prop() label!: string;\n\n  /**\n   * The name for the checkbox group to differentiate from other groups.\n   */\n  @Prop() name!: string;\n\n  @Watch(\"label\")\n  @Watch(\"name\")\n  labelNameHandler(\n    newValue: string,\n    oldValue: string,\n    propName: \"label\" | \"name\"\n  ): void {\n    Array.from(this.el.querySelectorAll(this.checkboxSelector)).forEach(\n      (checkbox: HTMLIcCheckboxElement) => {\n        if (propName === \"label\") checkbox.groupLabel = newValue;\n        else if (checkbox.name === oldValue) {\n          // If the checkbox name has been set by the parent, then override it\n          checkbox.name = newValue;\n        }\n      }\n    );\n  }\n\n  /**\n   * If `true`, the checkbox group will require a value.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * The size of the checkboxes to be displayed. This does not affect the font size of the label.\n   */\n  @Prop() size?: IcSizes = \"medium\";\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n  @Watch(\"theme\")\n  watchThemeHandler(newValue: IcThemeMode): void {\n    Array.from(this.el.querySelectorAll(this.checkboxSelector)).forEach(\n      (checkbox: HTMLIcCheckboxElement) => {\n        checkbox.theme = newValue;\n      }\n    );\n  }\n\n  /**\n   * The validation status - e.g. 'error' | 'warning' | 'success'.\n   */\n  @Prop() validationStatus: IcInformationStatusOrEmpty = \"\";\n\n  /**\n   * The validation text - e.g. 'error' | 'warning' | 'success'.\n   */\n  @Prop() validationText: string = \"\";\n\n  /**\n   * Emitted when a checkbox is checked.\n   */\n  @Event() icChange: EventEmitter<IcChangeEventDetail>;\n\n  @Listen(\"icChange\")\n  handleChange(ev: CustomEvent): void {\n    //don't pass on the event if it has come from slotted text field\n    //otherwise any icChange handler bound to the checkbox group will also run\n    if ((ev.target as HTMLElement).tagName === \"IC-TEXT-FIELD\") {\n      ev.stopImmediatePropagation();\n    }\n  }\n\n  componentWillLoad(): void {\n    removeDisabledFalse(this.disabled, this.el);\n    this.watchThemeHandler(this.theme);\n  }\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [\n        { prop: this.label, propName: \"label\" },\n        { prop: this.name, propName: \"name\" },\n      ],\n      \"Checkbox Group\"\n    );\n  }\n\n  @Listen(\"icCheck\")\n  selectHandler({ target }: CustomEvent): void {\n    const checkedOptions = Array.from(\n      this.el.querySelectorAll(\"ic-checkbox\")\n    ).filter(({ checked, disabled }) => checked && !disabled);\n    this.icChange.emit({\n      value: checkedOptions.map(({ value }) => value),\n      checkedOptions: checkedOptions.map((opt) => ({\n        checkbox: opt,\n        textFieldValue: opt.querySelector(\"ic-text-field\")?.value,\n      })),\n      selectedOption: target as HTMLIcCheckboxElement,\n    });\n  }\n\n  render() {\n    const {\n      disabled,\n      helperText,\n      hideLabel,\n      label,\n      name,\n      required,\n      size,\n      theme,\n      validationStatus,\n      validationText,\n    } = this;\n\n    const describedBy = getInputDescribedByText(\n      name,\n      helperText !== \"\",\n      validationStatus !== \"\"\n    );\n\n    return (\n      <Host\n        class={{\n          [`ic-checkbox-group-${size}`]: true,\n          [`ic-checkbox-group-disabled`]: disabled,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n      >\n        {(validationStatus === \"error\" || required || hideLabel) && (\n          <span\n            id=\"screenReaderOnlyText\"\n            class=\"screen-reader-only-text\"\n            aria-hidden=\"true\"\n          >\n            {label} {validationStatus === \"error\" ? \"invalid data \" : null}{\" \"}\n            {required ? \"required\" : null}\n          </span>\n        )}\n        <fieldset\n          id={name}\n          aria-labelledby={`${\n            validationStatus === \"error\" || required || hideLabel\n              ? \"screenReaderOnlyText\"\n              : \"\"\n          } ${describedBy}`.trim()}\n          disabled={disabled}\n        >\n          {!hideLabel && (\n            <legend>\n              <ic-input-label\n                class={{ [`${validationStatus}`]: true }}\n                label={label}\n                helperText={helperText}\n                required={required}\n                disabled={disabled}\n                useLabelTag={false}\n              ></ic-input-label>\n            </legend>\n          )}\n          <div class=\"checkboxes-container\">\n            <slot></slot>\n          </div>\n        </fieldset>\n        {hasValidationStatus(validationStatus, disabled) && (\n          <ic-input-validation\n            for={name}\n            ariaLiveMode=\"polite\"\n            status={validationStatus}\n            message={validationText}\n          ></ic-input-validation>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"oHAAA,MAAMA,EAAqB,2kH,MC8BdC,EAAa,M,4DAChBC,KAAAC,iBAA2B,c,cAMP,M,gBASC,G,eAKA,M,uDAiCD,M,UAKH,S,WAKK,U,sBAayB,G,oBAKtB,E,CAzEjC,oBAAAC,GACEC,EAAoBH,KAAKI,SAAUJ,KAAKK,G,CAyB1C,gBAAAC,CACEC,EACAC,EACAC,GAEAC,MAAMC,KAAKX,KAAKK,GAAGO,iBAAiBZ,KAAKC,mBAAmBY,SACzDC,IACC,GAAIL,IAAa,QAASK,EAASC,WAAaR,OAC3C,GAAIO,EAASE,OAASR,EAAU,CAEnCM,EAASE,KAAOT,C,KAqBxB,iBAAAU,CAAkBV,GAChBG,MAAMC,KAAKX,KAAKK,GAAGO,iBAAiBZ,KAAKC,mBAAmBY,SACzDC,IACCA,EAASI,MAAQX,CAAQ,G,CAqB/B,YAAAY,CAAaC,GAGX,GAAKA,EAAGC,OAAuBC,UAAY,gBAAiB,CAC1DF,EAAGG,0B,EAIP,iBAAAC,GACErB,EAAoBH,KAAKI,SAAUJ,KAAKK,IACxCL,KAAKiB,kBAAkBjB,KAAKkB,M,CAG9B,gBAAAO,GACEC,EACE,CACE,CAAEC,KAAM3B,KAAK4B,MAAOnB,SAAU,SAC9B,CAAEkB,KAAM3B,KAAKgB,KAAMP,SAAU,SAE/B,iB,CAKJ,aAAAoB,EAAcR,OAAEA,IACd,MAAMS,EAAiBpB,MAAMC,KAC3BX,KAAKK,GAAGO,iBAAiB,gBACzBmB,QAAO,EAAGC,UAAS5B,cAAe4B,IAAY5B,IAChDJ,KAAKiC,SAASC,KAAK,CACjBC,MAAOL,EAAeM,KAAI,EAAGD,WAAYA,IACzCL,eAAgBA,EAAeM,KAAKC,I,MAAQ,OAC1CvB,SAAUuB,EACVC,gBAAgBC,EAAAF,EAAIG,cAAc,oBAAgB,MAAAD,SAAA,SAAAA,EAAEJ,MACrD,IACDM,eAAgBpB,G,CAIpB,MAAAqB,GACE,MAAMtC,SACJA,EAAQuC,WACRA,EAAUC,UACVA,EAAShB,MACTA,EAAKZ,KACLA,EAAI6B,SACJA,EAAQC,KACRA,EAAI5B,MACJA,EAAK6B,iBACLA,EAAgBC,eAChBA,GACEhD,KAEJ,MAAMiD,EAAcC,EAClBlC,EACA2B,IAAe,GACfI,IAAqB,IAGvB,OACEI,EAACC,EAAI,CACHC,MAAO,CACL,CAAC,qBAAqBP,KAAS,KAC/B,CAAC,8BAA+B1C,EAChC,CAAC,YAAYc,KAAUA,IAAU,aAGjC6B,IAAqB,SAAWF,GAAYD,IAC5CO,EAAA,QACEG,GAAG,uBACHD,MAAM,0BAAyB,cACnB,QAEXzB,EAAK,IAAGmB,IAAqB,QAAU,gBAAkB,KAAM,IAC/DF,EAAW,WAAa,MAG7BM,EAAA,YACEG,GAAItC,EAAI,kBACS,GACf+B,IAAqB,SAAWF,GAAYD,EACxC,uBACA,MACFK,IAAcM,OAClBnD,SAAUA,IAERwC,GACAO,EAAA,cACEA,EAAA,kBACEE,MAAO,CAAE,CAAC,GAAGN,KAAqB,MAClCnB,MAAOA,EACPe,WAAYA,EACZE,SAAUA,EACVzC,SAAUA,EACVoD,YAAa,SAInBL,EAAA,OAAKE,MAAM,wBACTF,EAAA,eAGHM,EAAoBV,EAAkB3C,IACrC+C,EAAA,uBACEO,IAAK1C,EACL2C,aAAa,SACbC,OAAQb,EACRc,QAASb,I"}

package/dist/core/p-6b5e91e2.js

@@ -1,3 +0,0 @@
-const e="core";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:true,cmpWillUpdate:true,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:true,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:true,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:true,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};let n;let s;let l;let o=false;let i=false;let f=false;let c=false;let r=false;const u=(e,t="")=>{{return()=>{}}};const a=(e,t)=>{{return()=>{}}};const d="r";const p="o";const $="s";const v="t";const m="s-id";const h="sty-id";const y="c-id";const b="{visibility:hidden}.hydrated{visibility:inherit}";const g="slot-fb{display:contents}slot-fb[hidden]{display:none}";const w="http://www.w3.org/1999/xlink";const S={};const k="http://www.w3.org/2000/svg";const x="http://www.w3.org/1999/xhtml";const C=e=>e!=null;const j=e=>{e=typeof e;return e==="object"||e==="function"};function O(e){var t,n,s;return(s=(n=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const R=(e,t,...n)=>{let s=null;let l=null;let o=null;let i=false;let f=false;const c=[];const r=t=>{for(let n=0;n<t.length;n++){s=t[n];if(Array.isArray(s)){r(s)}else if(s!=null&&typeof s!=="boolean"){if(i=typeof e!=="function"&&!j(s)){s=String(s)}if(i&&f){c[c.length-1].t+=s}else{c.push(i?T(null,s):s)}f=i}}};r(n);if(t){if(t.key){l=t.key}if(t.name){o=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,c,F)}const u=T(e,null);u.l=t;if(c.length>0){u.o=c}{u.i=l}{u.u=o}return u};const T=(e,t)=>{const n={p:0,$:e,t,v:null,o:null};{n.l=null}{n.i=null}{n.u=null}return n};const L={};const D=e=>e&&e.$===L;const F={forEach:(e,t)=>e.map(M).forEach(t),map:(e,t)=>e.map(M).map(t).map(U)};const M=e=>({vattrs:e.l,vchildren:e.o,vkey:e.i,vname:e.u,vtag:e.$,vtext:e.t});const U=e=>{if(typeof e.vtag==="function"){const t=Object.assign({},e.vattrs);if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return R(e.vtag,t,...e.vchildren||[])}const t=T(e.vtag,e.vtext);t.l=e.vattrs;t.o=e.vchildren;t.i=e.vkey;t.u=e.vname;return t};const A=(e,t,n,s)=>{const l=u("hydrateClient",t);const o=e.shadowRoot;const i=[];const f=[];const c=o?[]:null;const r=s.m=T(t,null);if(!et.h){P(Ze.body,et.h=new Map)}e[m]=n;e.removeAttribute(m);N(r,i,f,c,e,e,n);i.map((e=>{const n=e.S+"."+e.k;const s=et.h.get(n);const l=e.v;if(s&&tt&&s["s-en"]===""){s.parentNode.insertBefore(l,s.nextSibling)}if(!o){l["s-hn"]=t;if(s){l["s-ol"]=s;l["s-ol"]["s-nr"]=l}}et.h.delete(n)}));if(o){c.map((e=>{if(e){o.appendChild(e)}}))}l()};const N=(e,t,n,s,l,o,i)=>{let f;let c;let r;let u;if(o.nodeType===1){f=o.getAttribute(y);if(f){c=f.split(".");if(c[0]===i||c[0]==="0"){r={p:0,S:c[0],k:c[1],C:c[2],j:c[3],$:o.tagName.toLowerCase(),v:o,l:null,o:null,i:null,u:null,t:null};t.push(r);o.removeAttribute(y);if(!e.o){e.o=[]}e.o[r.j]=r;e=r;if(s&&r.C==="0"){s[r.j]=r.v}}}for(u=o.childNodes.length-1;u>=0;u--){N(e,t,n,s,l,o.childNodes[u],i)}if(o.shadowRoot){for(u=o.shadowRoot.childNodes.length-1;u>=0;u--){N(e,t,n,s,l,o.shadowRoot.childNodes[u],i)}}}else if(o.nodeType===8){c=o.nodeValue.split(".");if(c[1]===i||c[1]==="0"){f=c[0];r={p:0,S:c[1],k:c[2],C:c[3],j:c[4],v:o,l:null,o:null,i:null,u:null,$:null,t:null};if(f===v){r.v=o.nextSibling;if(r.v&&r.v.nodeType===3){r.t=r.v.textContent;t.push(r);o.remove();if(!e.o){e.o=[]}e.o[r.j]=r;if(s&&r.C==="0"){s[r.j]=r.v}}}else if(r.S===i){if(f===$){r.$="slot";if(c[5]){o["s-sn"]=r.u=c[5]}else{o["s-sn"]=""}o["s-sr"]=true;if(s){r.v=Ze.createElement(r.$);if(r.u){r.v.setAttribute("name",r.u)}o.parentNode.insertBefore(r.v,o);o.remove();if(r.C==="0"){s[r.j]=r.v}}n.push(r);if(!e.o){e.o=[]}e.o[r.j]=r}else if(f===d){if(s){o.remove()}else{l["s-cr"]=o;o["s-cn"]=true}}}}}else if(e&&e.$==="style"){const t=T(null,o.textContent);t.v=o;t.j="0";e.o=[t]}};const P=(e,t)=>{if(e.nodeType===1){let n=0;for(;n<e.childNodes.length;n++){P(e.childNodes[n],t)}if(e.shadowRoot){for(n=0;n<e.shadowRoot.childNodes.length;n++){P(e.shadowRoot.childNodes[n],t)}}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===p){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};const W=(e,t)=>{if(e!=null&&!j(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};const E=e=>Qe(e).$hostElement$;const I=(e,t,n)=>{const s=E(e);return{emit:e=>z(s,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};const z=(e,t,n)=>{const s=et.ce(t,n);e.dispatchEvent(s);return s};const B=new WeakMap;const H=(e,t,n)=>{let s=Je.get(e);if(st&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=t}else{s.replaceSync(t)}}else{s=t}Je.set(e,s)};const Q=(e,t,n)=>{var s;const l=K(t);const o=Je.get(l);e=e.nodeType===11?e:Ze;if(o){if(typeof o==="string"){e=e.head||e;let n=B.get(e);let i;if(!n){B.set(e,n=new Set)}if(!n.has(l)){if(e.host&&(i=e.querySelector(`[${h}="${l}"]`))){i.innerHTML=o}else{i=Ze.createElement("style");i.innerHTML=o;const t=(s=et.O)!==null&&s!==void 0?s:O(Ze);if(t!=null){i.setAttribute("nonce",t)}e.insertBefore(i,e.querySelector("link"))}if(t.p&4){i.innerHTML+=g}if(n){n.add(l)}}}else if(!e.adoptedStyleSheets.includes(o)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]}}return l};const q=e=>{const t=e.R;const n=e.$hostElement$;const s=t.p;const l=u("attachStyles",t.T);const o=Q(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h");if(s&2){n.classList.add(o+"-s")}}l()};const K=(e,t)=>"sc-"+e.T;const V=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");const X=(e,t,n,s,l,o)=>{if(n!==s){let i=Ve(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const l=G(n);const o=G(s);t.remove(...l.filter((e=>e&&!o.includes(e))));t.add(...o.filter((e=>e&&!l.includes(e))))}else if(t==="style"){{for(const t in n){if(!s||s[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in s){if(!n||s[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,s[t])}else{e.style[t]=s[t]}}}}else if(t==="key");else if(t==="ref"){if(s){s(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(Ve(Ye,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||s){const l=t.endsWith(J);t=t.replace(Y,"");if(n){et.rel(e,t,n,l)}if(s){et.ael(e,t,s,l)}}}else{const c=j(s);if((i||c&&s!==null)&&!l){try{if(!e.tagName.includes("-")){const l=s==null?"":s;if(t==="list"){i=false}else if(n==null||e[t]!=l){e[t]=l}}else{e[t]=s}}catch(e){}}let r=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){t=f;r=true}}if(s==null||s===false){if(s!==false||e.getAttribute(t)===""){if(r){e.removeAttributeNS(w,t)}else{e.removeAttribute(t)}}}else if((!i||o&4||l)&&!c){s=s===true?"":s;if(r){e.setAttributeNS(w,t,s)}else{e.setAttribute(t,s)}}}}};const _=/\s/;const G=e=>!e?[]:e.split(_);const J="Capture";const Y=new RegExp(J+"$");const Z=(e,t,n,s)=>{const l=t.v.nodeType===11&&t.v.host?t.v.host:t.v;const o=e&&e.l||S;const i=t.l||S;{for(s in o){if(!(s in i)){X(l,s,o[s],undefined,n,t.p)}}}for(s in i){X(l,s,o[s],i[s],n,t.p)}};const ee=(e,t,i,r)=>{const u=t.o[i];let a=0;let d;let p;let $;if(!o){f=true;if(u.$==="slot"){if(n){r.classList.add(n+"-s")}u.p|=u.o?2:1}}if(u.t!==null){d=u.v=Ze.createTextNode(u.t)}else if(u.p&1){d=u.v=Ze.createTextNode("")}else{if(!c){c=u.$==="svg"}d=u.v=Ze.createElementNS(c?k:x,u.p&2?"slot-fb":u.$);if(c&&u.$==="foreignObject"){c=false}{Z(null,u,c)}if(C(n)&&d["s-si"]!==n){d.classList.add(d["s-si"]=n)}if(u.o){for(a=0;a<u.o.length;++a){p=ee(e,u,a,d);if(p){d.appendChild(p)}}}{if(u.$==="svg"){c=false}else if(d.tagName==="foreignObject"){c=true}}}d["s-hn"]=l;{if(u.p&(2|1)){d["s-sr"]=true;d["s-cr"]=s;d["s-sn"]=u.u||"";$=e&&e.o&&e.o[i];if($&&$.$===u.$&&e.v){{te(e.v,false)}}}}return d};const te=(e,t)=>{et.p|=1;const n=e.childNodes;for(let e=n.length-1;e>=0;e--){const s=n[e];if(s["s-hn"]!==l&&s["s-ol"]){fe(s).insertBefore(s,ie(s));s["s-ol"].remove();s["s-ol"]=undefined;s["s-sh"]=undefined;f=true}if(t){te(s,t)}}et.p&=~1};const ne=(e,t,n,s,o,i)=>{let f=e["s-cr"]&&e["s-cr"].parentNode||e;let c;if(f.shadowRoot&&f.tagName===l){f=f.shadowRoot}for(;o<=i;++o){if(s[o]){c=ee(null,n,o,e);if(c){s[o].v=c;f.insertBefore(c,ie(t))}}}};const se=(e,t,n)=>{for(let s=t;s<=n;++s){const t=e[s];if(t){const e=t.v;pe(t);if(e){{i=true;if(e["s-ol"]){e["s-ol"].remove()}else{te(e,true)}}e.remove()}}}};const le=(e,t,n,s,l=false)=>{let o=0;let i=0;let f=0;let c=0;let r=t.length-1;let u=t[0];let a=t[r];let d=s.length-1;let p=s[0];let $=s[d];let v;let m;while(o<=r&&i<=d){if(u==null){u=t[++o]}else if(a==null){a=t[--r]}else if(p==null){p=s[++i]}else if($==null){$=s[--d]}else if(oe(u,p,l)){ce(u,p,l);u=t[++o];p=s[++i]}else if(oe(a,$,l)){ce(a,$,l);a=t[--r];$=s[--d]}else if(oe(u,$,l)){if(u.$==="slot"||$.$==="slot"){te(u.v.parentNode,false)}ce(u,$,l);e.insertBefore(u.v,a.v.nextSibling);u=t[++o];$=s[--d]}else if(oe(a,p,l)){if(u.$==="slot"||$.$==="slot"){te(a.v.parentNode,false)}ce(a,p,l);e.insertBefore(a.v,u.v);a=t[--r];p=s[++i]}else{f=-1;{for(c=o;c<=r;++c){if(t[c]&&t[c].i!==null&&t[c].i===p.i){f=c;break}}}if(f>=0){m=t[f];if(m.$!==p.$){v=ee(t&&t[i],n,f,e)}else{ce(m,p,l);t[f]=undefined;v=m.v}p=s[++i]}else{v=ee(t&&t[i],n,i,e);p=s[++i]}if(v){{fe(u.v).insertBefore(v,ie(u.v))}}}}if(o>r){ne(e,s[d+1]==null?null:s[d+1].v,n,s,i,d)}else if(i>d){se(t,o,r)}};const oe=(e,t,n=false)=>{if(e.$===t.$){if(e.$==="slot"){return e.u===t.u}if(!n){return e.i===t.i}return true}return false};const ie=e=>e&&e["s-ol"]||e;const fe=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;const ce=(e,t,n=false)=>{const s=t.v=e.v;const l=e.o;const o=t.o;const i=t.$;const f=t.t;let r;if(f===null){{c=i==="svg"?true:i==="foreignObject"?false:c}{if(i==="slot");else{Z(e,t,c)}}if(l!==null&&o!==null){le(s,l,t,o,n)}else if(o!==null){if(e.t!==null){s.textContent=""}ne(s,null,t,o,0,o.length-1)}else if(l!==null){se(l,0,l.length-1)}if(c&&i==="svg"){c=false}}else if(r=s["s-cr"]){r.parentNode.textContent=f}else if(e.t!==f){s.data=f}};const re=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const n=e["s-sn"];e.hidden=false;for(const s of t){if(s!==e){if(s["s-hn"]!==e["s-hn"]||n!==""){if(s.nodeType===1&&(n===s.getAttribute("slot")||n===s["s-sn"])){e.hidden=true;break}}else{if(s.nodeType===1||s.nodeType===3&&s.textContent.trim()!==""){e.hidden=true;break}}}}}re(e)}}};const ue=[];const ae=e=>{let n;let s;let l;for(const o of e.childNodes){if(o["s-sr"]&&(n=o["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;const e=o["s-sn"];for(l=s.length-1;l>=0;l--){n=s[l];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==o["s-hn"]&&!t.experimentalSlotFixes){if(de(n,e)){let t=ue.find((e=>e.L===n));i=true;n["s-sn"]=n["s-sn"]||e;if(t){t.L["s-sh"]=o["s-hn"];t.D=o}else{n["s-sh"]=o["s-hn"];ue.push({D:o,L:n})}if(n["s-sr"]){ue.map((e=>{if(de(e.L,n["s-sn"])){t=ue.find((e=>e.L===n));if(t&&!e.D){e.D=t.D}}}))}}else if(!ue.some((e=>e.L===n))){ue.push({L:n})}}}}if(o.nodeType===1){ae(o)}}};const de=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};const pe=e=>{{e.l&&e.l.ref&&e.l.ref(null);e.o&&e.o.map(pe)}};const $e=(e,t,c=false)=>{var r,u,a,d;const p=e.$hostElement$;const $=e.R;const v=e.m||T(null,null);const m=D(t)?t:R(null,null,t);l=p.tagName;if($.F){m.l=m.l||{};$.F.map((([e,t])=>m.l[t]=p[e]))}if(c&&m.l){for(const e of Object.keys(m.l)){if(p.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){m.l[e]=p[e]}}}m.$=null;m.p|=4;e.m=m;m.v=v.v=p.shadowRoot||p;{n=p["s-sc"]}{s=p["s-cr"];o=($.p&1)!==0;i=false}ce(v,m,c);{et.p|=1;if(f){ae(m.v);for(const e of ue){const t=e.L;if(!t["s-ol"]){const e=Ze.createTextNode("");e["s-nr"]=t;t.parentNode.insertBefore(t["s-ol"]=e,t)}}for(const e of ue){const t=e.L;const n=e.D;if(n){const e=n.parentNode;let s=n.nextSibling;{let n=(r=t["s-ol"])===null||r===void 0?void 0:r.previousSibling;while(n){let l=(u=n["s-nr"])!==null&&u!==void 0?u:null;if(l&&l["s-sn"]===t["s-sn"]&&e===l.parentNode){l=l.nextSibling;if(!l||!l["s-nr"]){s=l;break}}n=n.previousSibling}}if(!s&&e!==t.parentNode||t.nextSibling!==s){if(t!==s){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}e.insertBefore(t,s);if(t.nodeType===1){t.hidden=(a=t["s-ih"])!==null&&a!==void 0?a:false}}}}else{if(t.nodeType===1){if(c){t["s-ih"]=(d=t.hidden)!==null&&d!==void 0?d:false}t.hidden=true}}}}if(i){re(m.v)}et.p&=~1;ue.length=0}};const ve=(e,t)=>{if(t&&!e.M&&t["s-p"]){t["s-p"].push(new Promise((t=>e.M=t)))}};const me=(e,t)=>{{e.p|=16}if(e.p&4){e.p|=512;return}ve(e,e.U);const n=()=>he(e,t);return ut(n)};const he=(e,t)=>{const n=u("scheduleUpdate",e.R.T);const s=e.A;let l;if(t){{e.p|=256;if(e.N){e.N.map((([e,t])=>Ce(s,e,t)));e.N=undefined}}{l=Ce(s,"componentWillLoad")}}else{{l=Ce(s,"componentWillUpdate")}}{l=ye(l,(()=>Ce(s,"componentWillRender")))}n();return ye(l,(()=>ge(e,s,t)))};const ye=(e,t)=>be(e)?e.then(t):t();const be=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";const ge=async(e,t,n)=>{var s;const l=e.$hostElement$;const o=u("update",e.R.T);const i=l["s-rc"];if(n){q(e)}const f=u("render",e.R.T);{we(e,t,l,n)}if(i){i.map((e=>e()));l["s-rc"]=undefined}f();o();{const t=(s=l["s-p"])!==null&&s!==void 0?s:[];const n=()=>Se(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.p|=4;t.length=0}}};const we=(e,t,n,s)=>{try{t=t.render();{e.p&=~16}{e.p|=2}{{{$e(e,t,s)}}}}catch(t){Xe(t,e.$hostElement$)}return null};const Se=e=>{const t=e.R.T;const n=e.$hostElement$;const s=u("postUpdate",t);const l=e.A;const o=e.U;{Ce(l,"componentDidRender")}if(!(e.p&64)){e.p|=64;{je(n)}{Ce(l,"componentDidLoad")}s();{e.P(n);if(!o){xe()}}}else{{Ce(l,"componentDidUpdate")}s()}{e.W(n)}{if(e.M){e.M();e.M=undefined}if(e.p&512){rt((()=>me(e,false)))}e.p&=~(4|512)}};const ke=e=>{{const t=Qe(e);const n=t.$hostElement$.isConnected;if(n&&(t.p&(2|16))===2){me(t,false)}return n}};const xe=t=>{{je(Ze.documentElement)}rt((()=>z(Ye,"appload",{detail:{namespace:e}})))};const Ce=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){Xe(e)}}return undefined};const je=e=>e.classList.add("hydrated");const Oe=(e,t)=>Qe(e).I.get(t);const Re=(e,t,n,s)=>{const l=Qe(e);const o=l.$hostElement$;const i=l.I.get(t);const f=l.p;const c=l.A;n=W(n,s.B[t][0]);const r=Number.isNaN(i)&&Number.isNaN(n);const u=n!==i&&!r;if((!(f&8)||i===undefined)&&u){l.I.set(t,n);if(c){if(s.H&&f&128){const e=s.H[t];if(e){e.map((e=>{try{c[e](n,i,t)}catch(e){Xe(e,o)}}))}}if((f&(2|16))===2){me(l,false)}}}};const Te=(e,t,n)=>{var s;const l=e.prototype;if(t.B){if(e.watchers){t.H=e.watchers}const o=Object.entries(t.B);o.map((([e,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(l,e,{get(){return Oe(this,e)},set(n){Re(this,e,n,t)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(l,e,{value(...t){var n;const s=Qe(this);return(n=s===null||s===void 0?void 0:s.q)===null||n===void 0?void 0:n.then((()=>{var n;return(n=s.A)===null||n===void 0?void 0:n[e](...t)}))}})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(e,s,o){et.jmp((()=>{var i;const f=n.get(e);if(this.hasOwnProperty(f)){o=this[f];delete this[f]}else if(l.hasOwnProperty(f)&&typeof this[f]==="number"&&this[f]==o){return}else if(f==null){const n=Qe(this);const l=n===null||n===void 0?void 0:n.p;if(l&&!(l&8)&&l&128&&o!==s){const l=n.A;const f=(i=t.H)===null||i===void 0?void 0:i[e];f===null||f===void 0?void 0:f.forEach((t=>{if(l[t]!=null){l[t].call(l,o,s,e)}}))}return}this[f]=o===null&&typeof this[f]==="boolean"?false:o}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=t.H)!==null&&s!==void 0?s:{}),...o.filter((([e,t])=>t[0]&15)).map((([e,s])=>{var l;const o=s[1]||e;n.set(o,e);if(s[0]&512){(l=t.F)===null||l===void 0?void 0:l.push([e,o])}return o}))]))}}return e};const Le=async(e,t,n,s)=>{let l;if((t.p&32)===0){t.p|=32;{l=Ge(n);if(l.then){const e=a();l=await l;e()}if(!l.isProxied){{n.H=l.watchers}Te(l,n,2);l.isProxied=true}const e=u("createInstance",n.T);{t.p|=8}try{new l(t)}catch(e){Xe(e)}{t.p&=~8}{t.p|=128}e();De(t.A)}if(l.style){let e=l.style;const t=K(n);if(!Je.has(t)){const s=u("registerStyles",n.T);H(t,e,!!(n.p&1));s()}}}const o=t.U;const i=()=>me(t,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};const De=e=>{{Ce(e,"connectedCallback")}};const Fe=e=>{if((et.p&1)===0){const t=Qe(e);const n=t.R;const s=u("connectedCallback",n.T);if(!(t.p&1)){t.p|=1;let s;{s=e.getAttribute(m);if(s){if(n.p&1){const t=Q(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}A(e,n.T,s,t)}}if(!s){if(n.p&(4|8)){Me(e)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){ve(t,t.U=n);break}}}if(n.B){Object.entries(n.B).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{Le(e,t,n)}}else{We(e,t,n.K);if(t===null||t===void 0?void 0:t.A){De(t.A)}else if(t===null||t===void 0?void 0:t.V){t.V.then((()=>De(t.A)))}}s()}};const Me=e=>{const t=e["s-cr"]=Ze.createComment("");t["s-cn"]=true;e.insertBefore(t,e.firstChild)};const Ue=e=>{{Ce(e,"disconnectedCallback")}};const Ae=async e=>{if((et.p&1)===0){const t=Qe(e);{if(t.X){t.X.map((e=>e()));t.X=undefined}}if(t===null||t===void 0?void 0:t.A){Ue(t.A)}else if(t===null||t===void 0?void 0:t.V){t.V.then((()=>Ue(t.A)))}}};const Ne=(e,t={})=>{var n;const s=u();const l=[];const o=t.exclude||[];const i=Ye.customElements;const f=Ze.head;const c=f.querySelector("meta[charset]");const r=Ze.createElement("style");const a=[];const d=Ze.querySelectorAll(`[${h}]`);let p;let $=true;let v=0;Object.assign(et,t);et._=new URL(t.resourcesUrl||"./",Ze.baseURI).href;{et.p|=2}{for(;v<d.length;v++){H(d[v].getAttribute(h),V(d[v].innerHTML),true)}}let m=false;e.map((e=>{e[1].map((t=>{var n;const s={p:t[0],T:t[1],B:t[2],K:t[3]};if(s.p&4){m=true}{s.B=t[2]}{s.K=t[3]}{s.F=[]}{s.H=(n=t[4])!==null&&n!==void 0?n:{}}const f=s.T;const c=class extends HTMLElement{constructor(e){super(e);e=this;Ke(e,s);if(s.p&1){{{e.attachShadow({mode:"open",delegatesFocus:!!(s.p&16)})}}}}connectedCallback(){if(p){clearTimeout(p);p=null}if($){a.push(this)}else{et.jmp((()=>Fe(this)))}}disconnectedCallback(){et.jmp((()=>Ae(this)))}componentOnReady(){return Qe(this).V}};s.G=e[0];if(!o.includes(f)&&!i.get(f)){l.push(f);i.define(f,Te(c,s,1))}}))}));if(m){r.innerHTML+=g}{r.innerHTML+=l+b}if(r.innerHTML.length){r.setAttribute("data-styles","");const e=(n=et.O)!==null&&n!==void 0?n:O(Ze);if(e!=null){r.setAttribute("nonce",e)}f.insertBefore(r,c?c.nextSibling:f.firstChild)}$=false;if(a.length){a.map((e=>e.connectedCallback()))}else{{et.jmp((()=>p=setTimeout(xe,30)))}}s()};const Pe=(e,t)=>t;const We=(e,t,n,s)=>{if(n){n.map((([n,s,l])=>{const o=Ie(e,n);const i=Ee(t,l);const f=ze(n);et.ael(o,s,i,f);(t.X=t.X||[]).push((()=>et.rel(o,s,i,f)))}))}};const Ee=(e,t)=>n=>{try{{if(e.p&256){e.A[t](n)}else{(e.N=e.N||[]).push([t,n])}}}catch(e){Xe(e)}};const Ie=(e,t)=>{if(t&4)return Ze;return e};const ze=e=>(e&2)!==0;const Be=e=>et.O=e;const He=new WeakMap;const Qe=e=>He.get(e);const qe=(e,t)=>He.set(t.A=e,t);const Ke=(e,t)=>{const n={p:0,$hostElement$:e,R:t,I:new Map};{n.q=new Promise((e=>n.W=e))}{n.V=new Promise((e=>n.P=e));e["s-p"]=[];e["s-rc"]=[]}We(e,n,t.K);return He.set(e,n)};const Ve=(e,t)=>t in e;const Xe=(e,t)=>(0,console.error)(e,t);const _e=new Map;const Ge=(e,t,n)=>{const s=e.T.replace(/-/g,"_");const l=e.G;const o=_e.get(l);if(o){return o[s]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{_e.set(l,e)}return e[s]}),Xe)};const Je=new Map;const Ye=typeof window!=="undefined"?window:{};const Ze=Ye.document||{head:{}};const et={p:0,_:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,s)=>e.addEventListener(t,n,s),rel:(e,t,n,s)=>e.removeEventListener(t,n,s),ce:(e,t)=>new CustomEvent(e,t)};const tt=true;const nt=e=>Promise.resolve(e);const st=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();const lt=[];const ot=[];const it=(e,t)=>n=>{e.push(n);if(!r){r=true;if(t&&et.p&4){rt(ct)}else{et.raf(ct)}}};const ft=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){Xe(e)}}e.length=0};const ct=()=>{ft(lt);{ft(ot);if(r=lt.length>0){et.raf(ct)}}};const rt=e=>nt().then(e);const ut=it(ot,true);export{Pe as F,L as H,Ne as b,I as c,ke as f,E as g,R as h,nt as p,qe as r,Be as s};
-//# sourceMappingURL=p-6b5e91e2.js.map