@ukic/canary-web-components 2.0.0-canary.3 → 2.0.0-canary.4

package/dist/core/p-151cef1f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icPaginationBarCss","PaginationBar","this","PAGINATION","TEXT_FIELD","TOOLTIP","PAGE_INPUT_FIELD_ID","INVALID_PAGE_ERROR","NAN_ERROR","resizeObserver","changeItemsPerPage","select","el","shadowRoot","querySelector","value","itemsPerPage","setNumberPages","setUpperBound","pagination","currentPage","totalPages","setCurrentPage","icItemsPerPageChange","emit","Number","icPageChange","changePage","page","lowerBound","goToPage","input","tooltip","displayTooltip","validationStatus","inputError","setFocus","handleBlur","textField","_a","_b","handleFocus","handleInputChange","inputValue","parseInt","focus","handleKeydown","ev","key","handleKeyUp","isNaN","paginationShouldWrap","paginationControl","clientHeight","paginationWrapped","resizeObserverCallback","currSize","paginationWidth","runResizeObserver","ResizeObserver","paginationBarEl","clientWidth","observe","setDefaultItemsPerPage","itemsPerPageOptions","setDefaultItemsPerPageOptions","totalItems","label","String","setGoToPageInputStyles","undefined","style","textAlign","padding","Math","ceil","upperBound","min","trimItemsPerPageOptions","slice","push","i","length","splice","disconnectedCallback","disconnect","componentWillLoad","componentDidLoad","checkResizeObserver","pageChangeHandler","detail","render","appearance","alignment","paginationType","showItemsPerPage","showItemsPerPageControl","showGoToPageControl","focusElFromLabel","h","class","ref","variant","onClick","itemLabel","pageLabel","toLowerCase","small","hideLabel","options","onIcChange","type","pages","target","disableHover","disableClick","id","onKeyDown","onKeyUp","onInput","max","validationInlineInternal","onBlur","onFocus","size"],"sources":["src/components/ic-pagination-bar/ic-pagination-bar.css?tag=ic-pagination-bar&encapsulation=shadow","src/components/ic-pagination-bar/ic-pagination-bar.tsx"],"sourcesContent":[":host() {\n  display: block;\n}\n\n.pagination-bar {\n  height: 3.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--ic-space-xl);\n  padding: var(--ic-space-xs) var(--ic-space-md);\n  box-sizing: border-box;\n}\n\n.pagination-bar-left {\n  justify-content: flex-start;\n}\n\n.item-controls {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xl);\n}\n\n.pagination-bar-space-between .item-controls {\n  margin-right: auto;\n}\n\n.items-per-page-holder {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xs);\n}\n\n.items-per-page-input {\n  --input-width: 5rem;\n}\n\n.pagination-controls {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xl);\n}\n\n.pagination-controls-wrap {\n  flex-direction: column;\n  align-items: flex-end;\n  gap: var(--ic-space-xs);\n}\n\n.pagination-bar-space-between .pagination-controls {\n  margin-left: auto;\n}\n\n.go-to-page-holder {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xs);\n}\n\n.go-to-page-input {\n  --input-width: var(--ic-space-xl);\n}\n\n.go-to-page-button {\n  --min-width: var(--ic-space-xl);\n}\n\n.pagination-text-default,\n.pagination-text-dark,\n.pagination-text-light {\n  white-space: nowrap;\n}\n\n.pagination-text-light {\n  color: var(--ic-color-white-text);\n}\n\n@media screen and (max-width: 768px) {\n  .pagination-bar {\n    flex-direction: column;\n    align-items: flex-end;\n    height: fit-content;\n    gap: var(--ic-space-xs);\n  }\n\n  .pagination-bar-left {\n    align-items: flex-start;\n  }\n}\n\n@media screen and (max-width: 320px) {\n  .item-controls,\n  .pagination-controls {\n    flex-direction: column;\n    align-items: flex-end;\n    gap: var(--ic-space-xs);\n  }\n\n  .pagination-bar-left .item-controls,\n  .pagination-bar-left .pagination-controls,\n  .pagination-bar-space-between .item-controls,\n  .pagination-bar-space-between .pagination-controls {\n    align-items: flex-start;\n  }\n}\n","import {\n  Component,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Listen,\n  h,\n} from \"@stencil/core\";\nimport { checkResizeObserver } from \"../../utils/helpers\";\nimport { IcThemeForeground } from \"../../interface\";\nimport {\n  IcPaginationAlignmentOptions,\n  IcPaginationControlTypes,\n  IcPaginationTypes,\n} from \"../ic-pagination/ic-pagination.types\";\n\n@Component({\n  tag: \"ic-pagination-bar\",\n  styleUrl: \"ic-pagination-bar.css\",\n  shadow: true,\n})\nexport class PaginationBar {\n  private PAGINATION = \"ic-pagination\";\n  private TEXT_FIELD = \"ic-text-field\";\n  private TOOLTIP = \"ic-tooltip\";\n  private PAGE_INPUT_FIELD_ID = \"go-to-page-input\";\n\n  private INVALID_PAGE_ERROR = \"Please enter a valid page\";\n  private NAN_ERROR = \"Please enter a number\";\n\n  private resizeObserver: ResizeObserver = null;\n  private paginationBarEl: HTMLElement;\n\n  @Element() el: HTMLIcPaginationBarElement;\n\n  @State() currentPage: number = 1;\n\n  @State() inputError: string = \"Please enter a valid page\";\n\n  @State() itemsPerPage: string;\n\n  @State() lowerBound: number = 1;\n\n  @State() paginationWidth: number;\n\n  @State() paginationWrapped: boolean = false;\n\n  @State() totalPages: number;\n\n  @State() upperBound: number;\n\n  /**\n   * Sets the alignment of the items in the pagination bar.\n   */\n  @Prop() alignment?: IcPaginationAlignmentOptions = \"right\";\n\n  /**\n   * Sets the styling for the items in the pagination bar.\n   */\n  @Prop() appearance?: IcThemeForeground = \"default\";\n\n  /**\n   * The label which will be used in place of 'items' if paginationType is data. Should be capitalised.\n   */\n  @Prop() itemLabel?: string = \"Item\";\n\n  /**\n   * The options which will be displayed for 'items per page' select input. Set a maximum of 4 options including a required 'All' option with value equal to total number of items.\n   */\n  @Prop({ mutable: true }) itemsPerPageOptions?: {\n    label: string;\n    value: string;\n  }[];\n\n  /**\n   * Whether the displayed pagination is simple or complex.\n   */\n  @Prop() paginationControl?: IcPaginationControlTypes = \"simple\";\n\n  /**\n   * Whether total number of items and current item range or total number of pages and current page is displayed.\n   */\n  @Prop() paginationType?: IcPaginationTypes = \"page\";\n\n  /**\n   * The label which will be used in place of 'Page' if paginationType is page. Should be capitalised.\n   */\n  @Prop() pageLabel?: string = \"Page\";\n\n  /**\n   * If `true`, the 'go to page' control should be displayed.\n   */\n  @Prop() showGoToPageControl?: boolean = false;\n\n  /**\n   * If `true`, the number of total items and current item range or number of total pages and current page should be displayed.\n   */\n  @Prop() showItemsPerPage?: boolean = true;\n\n  /**\n   * If `true`, the select input to control 'items per page' should be displayed.\n   */\n  @Prop() showItemsPerPageControl?: boolean = false;\n\n  /**\n   * Total number of items to be displayed across all pages.\n   */\n  @Prop() totalItems!: number;\n\n  /**\n   * Emitted when a page is navigated to via the 'go to' input.\n   */\n  @Event() icPageChange: EventEmitter<{ value: number }>;\n\n  /**\n   * Emitted when the items per page option is changed.\n   */\n  @Event() icItemsPerPageChange: EventEmitter<{ value: number }>;\n\n  disconnectedCallback(): void {\n    if (this.resizeObserver !== null) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  componentWillLoad(): void {\n    if (\n      this.itemsPerPageOptions === undefined ||\n      this.itemsPerPageOptions === null\n    ) {\n      this.setDefaultItemsPerPageOptions();\n    }\n    this.trimItemsPerPageOptions();\n    this.setDefaultItemsPerPage();\n    this.setNumberPages();\n    this.setUpperBound();\n  }\n\n  componentDidLoad(): void {\n    this.paginationWidth = this.paginationBarEl.clientWidth;\n    checkResizeObserver(this.runResizeObserver);\n    this.setGoToPageInputStyles();\n    this.paginationShouldWrap();\n  }\n\n  @Listen(\"icPageChange\")\n  pageChangeHandler(ev: CustomEvent): void {\n    const page = ev.detail.value;\n    this.changePage(page);\n  }\n\n  private changeItemsPerPage = () => {\n    const select = this.el.shadowRoot.querySelector(\"ic-select\");\n    const value = select.value;\n    this.itemsPerPage = value;\n    this.setNumberPages();\n    this.setUpperBound();\n    const pagination = this.el.shadowRoot.querySelector(\n      this.PAGINATION\n    ) as HTMLIcPaginationElement;\n    if (this.currentPage > this.totalPages) {\n      pagination.setCurrentPage(this.totalPages);\n      this.currentPage = this.totalPages;\n    }\n    this.icItemsPerPageChange.emit({ value: Number(this.itemsPerPage) });\n    this.icPageChange.emit({ value: this.currentPage });\n  };\n\n  private changePage = (page: number) => {\n    this.currentPage = page;\n    this.lowerBound =\n      page !== 1 ? (page - 1) * Number(this.itemsPerPage) + 1 : page;\n    this.setUpperBound();\n  };\n\n  private goToPage = () => {\n    const input = this.el.shadowRoot.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n    const page = Number(input.value);\n    const tooltip = this.el.shadowRoot.querySelector(\"ic-tooltip\");\n    if (page <= this.totalPages && page > 0) {\n      this.changePage(page);\n      const pagination = this.el.shadowRoot.querySelector(\n        this.PAGINATION\n      ) as HTMLIcPaginationElement;\n      pagination.setCurrentPage(page);\n      this.currentPage = page;\n      input.value = \"\";\n      this.icPageChange.emit({ value: page });\n      tooltip.displayTooltip(false, false);\n      input.validationStatus = \"\";\n    } else {\n      this.inputError = this.INVALID_PAGE_ERROR;\n      input.validationStatus = \"error\";\n      input.setFocus();\n    }\n  };\n\n  private handleBlur = () => {\n    const textField = this.el.shadowRoot?.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n    const tooltip = this.el.shadowRoot?.querySelector(\n      this.TOOLTIP\n    ) as HTMLIcTooltipElement;\n    if (\n      (Number(textField.value) <= this.totalPages &&\n        Number(textField.value) > 0) ||\n      textField.value === \"\"\n    ) {\n      textField.validationStatus = \"\";\n    }\n    tooltip.displayTooltip(false, false);\n  };\n\n  private handleFocus = () => {\n    const textField = this.el.shadowRoot?.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n    const tooltip = this.el.shadowRoot?.querySelector(\n      this.TOOLTIP\n    ) as HTMLIcTooltipElement;\n    if (textField.validationStatus === \"error\") {\n      tooltip.displayTooltip(true, true);\n    }\n  };\n\n  private handleInputChange = () => {\n    const tooltip = this.el.shadowRoot.querySelector(\n      this.TOOLTIP\n    ) as HTMLIcTooltipElement;\n    const textField = this.el.shadowRoot.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n    const inputValue = parseInt(textField.value);\n\n    if (inputValue > this.totalPages || inputValue <= 0) {\n      this.inputError = this.INVALID_PAGE_ERROR;\n      tooltip.displayTooltip(true, true);\n      textField.validationStatus = \"error\";\n      textField.focus();\n    }\n  };\n\n  private handleKeydown = (ev: KeyboardEvent) => {\n    const tooltip = this.el.shadowRoot.querySelector(\n      this.TOOLTIP\n    ) as HTMLIcTooltipElement;\n    const textField = this.el.shadowRoot.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n\n    if (ev.key === \"Enter\") {\n      if (textField.validationStatus === \"error\") {\n        tooltip.displayTooltip(true, true);\n      } else {\n        this.goToPage();\n      }\n    } else {\n      tooltip.displayTooltip(false, false);\n      textField.validationStatus = \"\";\n    }\n  };\n\n  private handleKeyUp = (ev: KeyboardEvent) => {\n    const tooltip = this.el.shadowRoot.querySelector(\n      this.TOOLTIP\n    ) as HTMLIcTooltipElement;\n    const textField = this.el.shadowRoot.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n    const inputValue = parseInt(textField.value);\n\n    if (\n      Number.isNaN(inputValue) &&\n      ev.key !== \"Backspace\" &&\n      ev.key !== \"Enter\" &&\n      ev.key !== \"Tab\" &&\n      ev.key !== \"Shift\"\n    ) {\n      this.inputError = this.NAN_ERROR;\n      tooltip.displayTooltip(true, false);\n      textField.validationStatus = \"error\";\n    }\n  };\n\n  private paginationShouldWrap = () => {\n    const pagination = this.el.shadowRoot.querySelector(\n      this.PAGINATION\n    ) as HTMLIcPaginationElement;\n    if (this.paginationControl === \"simple\") {\n      if (pagination.clientHeight > 63) {\n        this.paginationWrapped = true;\n      } else {\n        this.paginationWrapped = false;\n      }\n    }\n  };\n\n  private resizeObserverCallback = (currSize: number) => {\n    if (\n      currSize - this.paginationWidth > 50 ||\n      currSize - this.paginationWidth < -50\n    ) {\n      this.paginationWidth = currSize;\n      this.paginationShouldWrap();\n    }\n  };\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      const currSize = this.paginationBarEl.clientWidth;\n      this.resizeObserverCallback(currSize);\n    });\n\n    this.resizeObserver.observe(this.paginationBarEl);\n  };\n\n  private setDefaultItemsPerPage = () => {\n    this.itemsPerPage = this.itemsPerPageOptions[0].value;\n  };\n\n  private setDefaultItemsPerPageOptions = () => {\n    this.itemsPerPageOptions =\n      this.totalItems <= 100\n        ? [\n            { label: \"10\", value: \"10\" },\n            { label: \"25\", value: \"25\" },\n            { label: \"50\", value: \"50\" },\n            { label: \"All\", value: String(this.totalItems) },\n          ]\n        : [\n            { label: \"25\", value: \"25\" },\n            { label: \"100\", value: \"100\" },\n            { label: \"1000\", value: \"1000\" },\n            { label: \"All\", value: String(this.totalItems) },\n          ];\n  };\n\n  private setGoToPageInputStyles = () => {\n    const textField = this.el.shadowRoot?.querySelector(\n      `.${this.PAGE_INPUT_FIELD_ID}`\n    );\n    if (textField !== undefined) {\n      const input = textField?.shadowRoot?.querySelector(\"input\");\n      if (input !== undefined) {\n        input.style.textAlign = \"center\";\n        input.style.padding = \"0\";\n      }\n    }\n  };\n\n  private setNumberPages = () => {\n    this.totalPages = Math.ceil(this.totalItems / Number(this.itemsPerPage));\n  };\n\n  private setUpperBound = () => {\n    this.upperBound = Math.min(\n      this.lowerBound + Number(this.itemsPerPage) - 1,\n      this.totalItems\n    );\n  };\n\n  private trimItemsPerPageOptions = () => {\n    this.itemsPerPageOptions = this.itemsPerPageOptions.slice(0, 3);\n    this.itemsPerPageOptions.push({\n      label: \"All\",\n      value: String(this.totalItems),\n    });\n\n    for (let i = 0; i < this.itemsPerPageOptions.length - 1; i++) {\n      if (this.totalItems <= Number(this.itemsPerPageOptions[i].value)) {\n        this.itemsPerPageOptions.splice(\n          i,\n          this.itemsPerPageOptions.length - (i + 1)\n        );\n      }\n    }\n  };\n\n  render() {\n    const {\n      appearance,\n      alignment,\n      itemsPerPageOptions,\n      PAGE_INPUT_FIELD_ID,\n      paginationControl,\n      paginationType,\n      showItemsPerPage,\n      showItemsPerPageControl,\n      showGoToPageControl,\n    } = this;\n\n    const focusElFromLabel = (el: \"ic-select\" | \"ic-text-field\") => {\n      this.paginationBarEl.querySelector(el)?.setFocus();\n    };\n\n    return (\n      <div\n        class={{\n          [\"pagination-bar\"]: true,\n          [`pagination-bar-${alignment}`]: true,\n        }}\n        ref={(el) => (this.paginationBarEl = el)}\n      >\n        {(showItemsPerPage || showItemsPerPageControl) && (\n          <div class=\"item-controls\">\n            {showItemsPerPageControl && (\n              <div class=\"items-per-page-holder\">\n                <ic-typography\n                  class={{\n                    [`pagination-text-${appearance}`]: true,\n                    [\"items-per-page-control-label\"]: true,\n                  }}\n                  variant=\"label\"\n                  onClick={() => focusElFromLabel(\"ic-select\")}\n                >\n                  {this.itemLabel}s per {this.pageLabel.toLowerCase()}\n                </ic-typography>\n                <ic-select\n                  small\n                  label=\"items-per-page-input\"\n                  class=\"items-per-page-input\"\n                  hideLabel\n                  options={itemsPerPageOptions}\n                  value={this.itemsPerPage}\n                  onIcChange={() => this.changeItemsPerPage()}\n                ></ic-select>\n              </div>\n            )}\n            {showItemsPerPage && paginationType === \"data\" ? (\n              <ic-typography\n                class={{\n                  [`pagination-text-${appearance}`]: true,\n                  [\"item-pagination-label\"]: true,\n                }}\n                variant=\"label\"\n                aria-live=\"polite\"\n              >\n                {this.lowerBound} - {this.upperBound} of {this.totalItems}{\" \"}\n                {this.itemLabel.toLowerCase()}\n                {this.totalItems > 1 ? \"s\" : \"\"}\n              </ic-typography>\n            ) : (\n              showItemsPerPage && (\n                <ic-typography\n                  class={{\n                    [`pagination-text-${appearance}`]: true,\n                    [\"page-pagination-label\"]: true,\n                  }}\n                  variant=\"label\"\n                  aria-live=\"polite\"\n                >\n                  {this.pageLabel} {this.currentPage} of {this.totalPages}\n                </ic-typography>\n              )\n            )}\n          </div>\n        )}\n        <div\n          class={{\n            [\"pagination-controls\"]: true,\n            [\"pagination-controls-wrap\"]: this.paginationWrapped,\n          }}\n        >\n          <div class=\"pagination-holder\">\n            <ic-pagination\n              appearance={appearance}\n              type={paginationControl}\n              pages={this.totalPages}\n            ></ic-pagination>\n          </div>\n          {showGoToPageControl && (\n            <div class=\"go-to-page-holder\">\n              <ic-typography\n                class={{ [`pagination-text-${appearance}`]: true }}\n                variant=\"label\"\n                onClick={() => focusElFromLabel(\"ic-text-field\")}\n              >\n                Go to {this.pageLabel.toLowerCase()}\n              </ic-typography>\n              <ic-tooltip\n                label={this.inputError}\n                target={`#${PAGE_INPUT_FIELD_ID}`}\n                disableHover\n                disableClick\n              >\n                <ic-text-field\n                  type=\"number\"\n                  small\n                  label={PAGE_INPUT_FIELD_ID}\n                  class={PAGE_INPUT_FIELD_ID}\n                  id={PAGE_INPUT_FIELD_ID}\n                  hideLabel\n                  onKeyDown={(ev) => this.handleKeydown(ev)}\n                  onKeyUp={(ev) => this.handleKeyUp(ev)}\n                  onInput={() => this.handleInputChange()}\n                  max={this.totalPages}\n                  min=\"1\"\n                  validationInlineInternal\n                  onBlur={() => this.handleBlur()}\n                  onFocus={() => this.handleFocus()}\n                ></ic-text-field>\n              </ic-tooltip>\n              <ic-button\n                appearance={appearance}\n                variant=\"secondary\"\n                onClick={() => this.goToPage()}\n                size=\"small\"\n                class=\"go-to-page-button\"\n              >\n                Go\n              </ic-button>\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/core/p-241baaac.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as i,g as o}from"./p-03935e89.js";import{u as s}from"./p-ba27b1e2.js";import{c as n}from"./p-68a5aaff.js";import"./p-613aa265.js";const a='/*! 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}@media (prefers-reduced-motion: no-preference){:host .opening-from-parent{animation:slide-in var(--ic-transition-duration-slow) ease-in-out}:host .opening-from-child{animation:slide-out var(--ic-transition-duration-slow) ease-in-out}}:host{border-radius:var(--ic-border-radius);color:var(--ic-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-popover);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);display:none}:host(.on-dialog){inset:auto !important}:host(.on-dialog-fix-translate){transform:translate(0, var(--ic-space-xs)) !important}:host(.on-dialog-translate-y){transform:translate(0, calc(-1 * var(--translate-y))) !important}.menu{border:var(--ic-border-default);border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);visibility:hidden;height:0}.button{text-decoration:none;list-style-type:none}:host(:focus-within){box-shadow:var(--ic-border-focus)}.menu:focus-visible{outline:none}:host(.open){display:block;min-width:calc(20rem - var(--ic-space-xl));width:var(--popover-width, 20rem);max-width:calc(100vw - var(--ic-space-xl))}:host(.open) .menu{visibility:visible;height:-moz-fit-content;height:fit-content;max-height:var(--max-height, -moz-fit-content);max-height:var(--max-height, fit-content);overflow-y:auto;overflow-x:hidden}.parent-label{color:var(--ic-color-tertiary-text);margin:var(--ic-space-xs) var(--ic-space-xs) 0}@keyframes slide-in{from{opacity:0;transform:translateX(10rem)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out{from{opacity:0;transform:translateX(-10rem)}to{opacity:1;transform:translateX(0)}}';const r=class{constructor(e){t(this,e);this.ARIA_LABEL="aria-label";this.firstRender=true;this.popoverMenuEls=[];this.setButtonFocus=()=>{var t;(t=this.popoverMenuEls[this.currentFocus])===null||t===void 0?void 0:t.focus()};this.findAnchorEl=t=>{let e=null;if(t===null||t===undefined){this.submenuId===undefined&&console.error("No anchor specified for popover component")}else{e=document.querySelector(t.indexOf("#")===0?t:"#"+t);if(e===null){console.error(`Popover anchor element '${t}' not found`)}}return e};this.isNotPopoverMenuEl=t=>{const e=t.target;return e.id!==this.anchor&&e.tagName!=="IC-MENU-ITEM"&&e.tagName!=="IC-MENU-GROUP"&&e.tagName!=="IC-POPOVER-MENU"};this.closeMenu=()=>{var t;this.open=false;(t=this.anchorEl)===null||t===void 0?void 0:t.focus()};this.getNextItemToSelect=(t,e)=>{const i=this.popoverMenuEls.length-1;if(t<1){t=0}let o=e?t+1:t-1;if(o<0){o=i}else if(o>i){o=0}return o};this.addMenuItems=t=>{for(let e=0;e<t.length;e++){const i=t[e];if(i.tagName==="IC-MENU-ITEM"){this.popoverMenuEls.push(i)}else if(i.tagName==="IC-MENU-GROUP"){const t=i.shadowRoot.querySelector("ul");const e=s(t);this.addMenuItems(e)}}};this.getMenuAriaLabel=()=>{const t=this.host.getAttribute(this.ARIA_LABEL);if(this.submenuId!==undefined){return`${t}, within nested level ${this.submenuLevel} ${this.parentLabel} submenu,`}else{return t}};this.handleBackButtonClick=()=>{this.parentPopover.openFromChild();this.open=false};this.openingFromChild=false;this.openingFromParent=false;this.anchor=undefined;this.parentLabel=undefined;this.parentPopover=undefined;this.submenuId=undefined;this.submenuLevel=1;this.open=undefined}watchOpenHandler(){if(this.open){if(this.parentPopover!==undefined&&!this.popoverMenuEls.some((t=>t.id))){this.popoverMenuEls.unshift(this.backButton)}this.currentFocus=this.submenuId!==undefined?1:0;setTimeout(this.setButtonFocus,50)}}disconnectedCallback(){if(this.popperInstance!==undefined){this.popperInstance.destroy()}}componentDidLoad(){const t=this.host.shadowRoot.querySelector("ul.button");const e=s(t);if(e!==null){this.addMenuItems(e)}if(this.submenuId===undefined&&this.host.getAttribute(this.ARIA_LABEL)===null){console.error(`No aria-label specified for popover menu component - aria-label required`)}}componentWillRender(){this.anchorEl=this.findAnchorEl(this.anchor)}componentDidRender(){if(this.firstRender&&this.open){this.firstRender=false;let t=false;const e=this.host.closest("ic-dialog");const i=e!==null;if(i){this.host.classList.add("on-dialog");const i=this.host.getBoundingClientRect();const o=e.getBoundingClientRect().bottom;const s=this.anchorEl.getBoundingClientRect().height;let n;if(e.getAttribute("data-overflow")==="false"){if(o-i.top<i.height){t=true;n=i.height+s+8}}else{t=true;n=i.height+s+8+100}if(t===false){this.host.classList.add("on-dialog-fix-translate")}else{this.host.style.setProperty("--translate-y",`${n}px`,"important");this.host.classList.add("on-dialog-translate-y")}}if(t){this.popperInstance=n(this.anchorEl,this.host,{placement:"top"})}else{this.popperInstance=n(this.anchorEl,this.host,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,4]}},{name:"flip",options:{fallbackPlacements:["top-start","top-end","bottom-end"],rootBoundary:"viewport"}}]})}}else if(this.open){this.popperInstance.update()}}handleMenuItemClick(t){if(!t.detail.hasSubMenu&&t.detail.label!=="Back"){this.closeMenu()}}handleSubmenuChange(t){const e=t.target;this.open=false;const i=document.querySelector(`ic-popover-menu[submenu-id=${e.submenuTriggerFor}]`);i.parentPopover=this.host;i.anchor=this.anchor;i.ariaLabel=this.host.getAttribute(this.ARIA_LABEL);i.openFromParent();i.submenuLevel=this.submenuLevel+1;i.parentLabel=e.label}handleClick(t){if(this.open&&this.isNotPopoverMenuEl(t)){this.closeMenu()}}handleKeyDown(t){switch(t.key){case"ArrowDown":t.preventDefault();this.currentFocus=this.getNextItemToSelect(this.currentFocus,true);this.setButtonFocus();break;case"ArrowUp":t.preventDefault();this.currentFocus=this.getNextItemToSelect(this.currentFocus,false);this.setButtonFocus();break;case"Home":this.currentFocus=0;this.setButtonFocus();break;case"End":this.currentFocus=this.popoverMenuEls.length-1;this.setButtonFocus();break;case"Escape":case"Tab":if(this.open){this.closeMenu();this.host.blur()}break}}async openFromChild(){this.open=true;this.openingFromChild=true;setTimeout((()=>this.openingFromChild=false),1e3)}async openFromParent(){this.open=true;this.openingFromParent=true;setTimeout((()=>this.openingFromParent=false),1e3)}render(){return e(i,{class:{open:this.open}},e("div",{id:this.parentPopover===undefined?`ic-popover-submenu-${this.submenuId}`:"",class:{menu:true},tabindex:open?"0":"-1"},e("div",{class:{"opening-from-parent":this.openingFromParent,"opening-from-child":this.openingFromChild}},this.submenuId!==undefined&&e("div",null,e("ic-menu-item",{class:"ic-popover-submenu-back-button",ref:t=>this.backButton=t,label:"Back",onClick:this.handleBackButtonClick,id:`ic-popover-submenu-back-button-${this.submenuLevel}`},e("svg",{slot:"icon",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"submenu-back-icon"},e("path",{d:"M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z",fill:"currentColor"}))),e("ic-typography",{variant:"subtitle-small",class:"parent-label"},this.parentLabel)),e("ul",{class:"button","aria-label":this.getMenuAriaLabel(),role:"menu","aria-owns":this.submenuId!==undefined?`ic-popover-submenu-back-button-${this.submenuLevel}`:false,"aria-controls":this.submenuId!==undefined?`ic-popover-submenu-back-button-${this.submenuLevel}`:false},e("slot",null)))))}static get delegatesFocus(){return true}get host(){return o(this)}static get watchers(){return{open:["watchOpenHandler"]}}};r.style=a;export{r as ic_popover_menu};
-//# sourceMappingURL=p-241baaac.entry.js.map

package/dist/core/p-241baaac.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icPopoverMenuCss","PopoverMenu","this","ARIA_LABEL","firstRender","popoverMenuEls","setButtonFocus","_a","currentFocus","focus","findAnchorEl","anchor","anchorElement","undefined","submenuId","console","error","document","querySelector","indexOf","isNotPopoverMenuEl","ev","target","id","tagName","closeMenu","open","anchorEl","getNextItemToSelect","currentItem","movingDown","numButtons","length","nextItem","addMenuItems","elements","i","el","push","groupSlotWrapper","shadowRoot","menuGroupElements","getSlotElements","getMenuAriaLabel","ariaLabel","host","getAttribute","submenuLevel","parentLabel","handleBackButtonClick","parentPopover","openFromChild","watchOpenHandler","some","menuItem","unshift","backButton","setTimeout","disconnectedCallback","popperInstance","destroy","componentDidLoad","slotWrapper","popoverMenuElements","componentWillRender","componentDidRender","adjust","dialogEl","closest","onDialog","classList","add","menu","getBoundingClientRect","dialogBottom","bottom","anchorHeight","height","offset","top","style","setProperty","createPopper","placement","modifiers","name","options","fallbackPlacements","rootBoundary","update","handleMenuItemClick","detail","hasSubMenu","label","handleSubmenuChange","childEl","submenuTriggerFor","openFromParent","handleClick","handleKeyDown","key","preventDefault","blur","openingFromChild","openingFromParent","render","h","Host","class","tabindex","ref","onClick","slot","viewBox","fill","xmlns","d","variant","role"],"sources":["src/components/ic-popover-menu/ic-popover-menu.css?tag=ic-popover-menu&encapsulation=shadow","src/components/ic-popover-menu/ic-popover-menu.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n* @prop --ic-z-index-popover: z-index of popover menu. \n* @prop --max-height: Maximum height of the popover menu.\n* @prop --popover-width: Default width of the popover menu.\n*/\n\n@media (prefers-reduced-motion: no-preference) {\n  :host .opening-from-parent {\n    animation: slide-in var(--ic-transition-duration-slow) ease-in-out;\n  }\n\n  :host .opening-from-child {\n    animation: slide-out var(--ic-transition-duration-slow) ease-in-out;\n  }\n}\n\n:host {\n  border-radius: var(--ic-border-radius);\n  color: var(--ic-color-primary-text);\n  background-color: var(--ic-architectural-white);\n  position: relative;\n  z-index: var(--ic-z-index-popover);\n  box-sizing: border-box;\n  box-shadow: var(--ic-elevation-overlay);\n  display: none;\n}\n\n:host(.on-dialog) {\n  inset: auto !important;\n}\n\n:host(.on-dialog-fix-translate) {\n  transform: translate(0, var(--ic-space-xs)) !important;\n}\n\n:host(.on-dialog-translate-y) {\n  transform: translate(0, calc(-1 * var(--translate-y))) !important;\n}\n\n.menu {\n  border: var(--ic-border-default);\n  border-radius: var(--ic-border-radius);\n  background-color: var(--ic-architectural-white);\n  visibility: hidden;\n  height: 0;\n}\n\n.button {\n  text-decoration: none;\n  list-style-type: none;\n}\n\n:host(:focus-within) {\n  box-shadow: var(--ic-border-focus);\n}\n\n.menu:focus-visible {\n  outline: none;\n}\n\n:host(.open) {\n  display: block;\n  min-width: calc(20rem - var(--ic-space-xl));\n  width: var(--popover-width, 20rem);\n  max-width: calc(100vw - var(--ic-space-xl));\n}\n\n:host(.open) .menu {\n  visibility: visible;\n  height: fit-content;\n  max-height: var(--max-height, fit-content);\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n.parent-label {\n  color: var(--ic-color-tertiary-text);\n  margin: var(--ic-space-xs) var(--ic-space-xs) 0;\n}\n\n@keyframes slide-in {\n  from {\n    opacity: 0;\n    transform: translateX(10rem);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes slide-out {\n  from {\n    opacity: 0;\n    transform: translateX(-10rem);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n","import {\n  Component,\n  Element,\n  Host,\n  h,\n  Prop,\n  Listen,\n  Watch,\n  State,\n  Method,\n} from \"@stencil/core\";\nimport { getSlotElements } from \"../../utils/helpers\";\nimport { createPopper, Instance as PopperInstance } from \"@popperjs/core\";\n\n@Component({\n  tag: \"ic-popover-menu\",\n  styleUrl: \"ic-popover-menu.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class PopoverMenu {\n  private anchorEl: HTMLElement;\n  private ARIA_LABEL: string = \"aria-label\";\n  private backButton: HTMLIcMenuItemElement;\n  private currentFocus: number;\n  private firstRender: boolean = true;\n  private popoverMenuEls: HTMLIcMenuItemElement[] = [];\n  private popperInstance: PopperInstance;\n\n  @Element() host: HTMLIcPopoverMenuElement;\n\n  @State() openingFromChild: boolean = false;\n  @State() openingFromParent: boolean = false;\n\n  /**\n   * The ID of the element the popover menu will anchor itself to. This is required unless the popover is a submenu.\n   */\n  @Prop() anchor: string;\n\n  /**\n   * @internal The parent popover menu of a child popover menu.\n   */\n  @Prop() parentLabel?: string;\n\n  /**\n   * @internal The parent popover menu of a child popover menu.\n   */\n  @Prop() parentPopover?: HTMLIcPopoverMenuElement;\n\n  /**\n   * The unique identifier for a popover submenu.\n   */\n  @Prop() submenuId?: string;\n\n  /**\n   * @internal The level of menu being displayed.\n   */\n  @Prop() submenuLevel: number = 1;\n\n  /**\n   * If `true`, the popover menu will be displayed.\n   */\n  @Prop({ reflect: true, mutable: true }) open: boolean = undefined;\n\n  @Watch(\"open\")\n  watchOpenHandler(): void {\n    if (this.open) {\n      if (\n        this.parentPopover !== undefined &&\n        !this.popoverMenuEls.some((menuItem) => menuItem.id)\n      ) {\n        this.popoverMenuEls.unshift(this.backButton);\n      }\n\n      this.currentFocus = this.submenuId !== undefined ? 1 : 0;\n      // Needed so that anchorEl isn't always focused\n      setTimeout(this.setButtonFocus, 50);\n    }\n  }\n\n  disconnectedCallback(): void {\n    if (this.popperInstance !== undefined) {\n      this.popperInstance.destroy();\n    }\n  }\n\n  componentDidLoad(): void {\n    const slotWrapper = this.host.shadowRoot.querySelector(\"ul.button\");\n    const popoverMenuElements = getSlotElements(slotWrapper);\n\n    if (popoverMenuElements !== null) {\n      this.addMenuItems(popoverMenuElements);\n    }\n\n    if (\n      this.submenuId === undefined &&\n      this.host.getAttribute(this.ARIA_LABEL) === null\n    ) {\n      console.error(\n        `No aria-label specified for popover menu component - aria-label required`\n      );\n    }\n  }\n\n  componentWillRender(): void {\n    this.anchorEl = this.findAnchorEl(this.anchor);\n  }\n\n  componentDidRender(): void {\n    if (this.firstRender && this.open) {\n      this.firstRender = false;\n      let adjust = false;\n\n      const dialogEl = this.host.closest(\"ic-dialog\");\n      const onDialog = dialogEl !== null;\n\n      if (onDialog) {\n        this.host.classList.add(\"on-dialog\");\n        const menu = this.host.getBoundingClientRect();\n        const dialogBottom = dialogEl.getBoundingClientRect().bottom;\n        const anchorHeight = this.anchorEl.getBoundingClientRect().height;\n        let offset;\n        if (dialogEl.getAttribute(\"data-overflow\") === \"false\") {\n          if (dialogBottom - menu.top < menu.height) {\n            adjust = true;\n            offset = menu.height + anchorHeight + 8;\n          }\n        } else {\n          adjust = true;\n          // 100 added here as that's the offset when data-overflow is true\n          offset = menu.height + anchorHeight + 8 + 100;\n        }\n        if (adjust === false) {\n          this.host.classList.add(\"on-dialog-fix-translate\");\n        } else {\n          this.host.style.setProperty(\n            \"--translate-y\",\n            `${offset}px`,\n            \"important\"\n          );\n          this.host.classList.add(\"on-dialog-translate-y\");\n        }\n      }\n\n      if (adjust) {\n        this.popperInstance = createPopper(this.anchorEl, this.host, {\n          placement: \"top\",\n        });\n      } else {\n        this.popperInstance = createPopper(this.anchorEl, this.host, {\n          placement: \"bottom-start\",\n          modifiers: [\n            {\n              name: \"offset\",\n              options: {\n                offset: [0, 4],\n              },\n            },\n            {\n              name: \"flip\",\n              options: {\n                fallbackPlacements: [\"top-start\", \"top-end\", \"bottom-end\"],\n                rootBoundary: \"viewport\",\n              },\n            },\n          ],\n        });\n      }\n    } else if (this.open) {\n      this.popperInstance.update();\n    }\n  }\n\n  @Listen(\"handleMenuItemClick\")\n  handleMenuItemClick(ev: CustomEvent): void {\n    if (!ev.detail.hasSubMenu && ev.detail.label !== \"Back\") {\n      this.closeMenu();\n    }\n  }\n\n  // This is listening for the event emitted when a menu item is acting as a trigger button\n  @Listen(\"triggerPopoverMenuInstance\", { capture: true })\n  handleSubmenuChange(ev: Event): void {\n    // Finds the trigger menu item that has emitted the event\n    const target = ev.target as HTMLIcMenuItemElement;\n    this.open = false;\n\n    // Find the popover menu that the menu item triggers (i.e. submenu-trigger-for === submenu-id).\n    const childEl = document.querySelector(\n      `ic-popover-menu[submenu-id=${target.submenuTriggerFor}]`\n    ) as HTMLIcPopoverMenuElement;\n    // Set the parent popover menu of the submenu and open the submenu\n    childEl.parentPopover = this.host;\n    childEl.anchor = this.anchor;\n    childEl.ariaLabel = this.host.getAttribute(this.ARIA_LABEL);\n    childEl.openFromParent();\n    childEl.submenuLevel = this.submenuLevel + 1;\n    // Set the label in the submenu using the label of the menu item that has emitted the event\n    childEl.parentLabel = target.label;\n  }\n\n  @Listen(\"click\", { target: \"document\" })\n  handleClick(ev: Event): void {\n    if (this.open && this.isNotPopoverMenuEl(ev)) {\n      // If menu is open and the next click on the document is not a popover El, close the popover\n      this.closeMenu();\n    }\n  }\n\n  // Manages the keyboard navigation in the popover menu\n  @Listen(\"keydown\", { target: \"document\" })\n  handleKeyDown(ev: KeyboardEvent): void {\n    switch (ev.key) {\n      case \"ArrowDown\":\n        ev.preventDefault();\n        this.currentFocus = this.getNextItemToSelect(this.currentFocus, true);\n        this.setButtonFocus();\n        break;\n      case \"ArrowUp\":\n        ev.preventDefault();\n        this.currentFocus = this.getNextItemToSelect(this.currentFocus, false);\n        this.setButtonFocus();\n        break;\n      case \"Home\":\n        //Sets home focus as first element, or back button\n        this.currentFocus = 0;\n        this.setButtonFocus();\n        break;\n      case \"End\":\n        //Sets end focus as last element\n        this.currentFocus = this.popoverMenuEls.length - 1;\n        this.setButtonFocus();\n        break;\n      case \"Escape\":\n      case \"Tab\":\n        if (this.open) {\n          this.closeMenu();\n          this.host.blur();\n        }\n        break;\n    }\n  }\n\n  /**\n   * @internal Opens the menu from the child menu.\n   */\n  @Method()\n  async openFromChild(): Promise<void> {\n    this.open = true;\n    this.openingFromChild = true;\n\n    setTimeout(() => (this.openingFromChild = false), 1000);\n  }\n\n  /**\n   * @internal Opens the menu from the parent menu.\n   */\n  @Method()\n  async openFromParent(): Promise<void> {\n    this.open = true;\n    this.openingFromParent = true;\n\n    setTimeout(() => (this.openingFromParent = false), 1000);\n  }\n\n  private setButtonFocus = () => {\n    this.popoverMenuEls[this.currentFocus]?.focus();\n  };\n\n  // Checks that the popover menu has an anchor\n  private findAnchorEl = (anchor: string): HTMLElement => {\n    let anchorElement: HTMLElement = null;\n    if (anchor === null || anchor === undefined) {\n      this.submenuId === undefined &&\n        console.error(\"No anchor specified for popover component\");\n    } else {\n      anchorElement = document.querySelector(\n        anchor.indexOf(\"#\") === 0 ? anchor : \"#\" + anchor\n      );\n      if (anchorElement === null) {\n        console.error(`Popover anchor element '${anchor}' not found`);\n      }\n    }\n    return anchorElement;\n  };\n\n  private isNotPopoverMenuEl = (ev: Event) => {\n    const target = ev.target as HTMLElement;\n    return (\n      target.id !== this.anchor &&\n      target.tagName !== \"IC-MENU-ITEM\" &&\n      target.tagName !== \"IC-MENU-GROUP\" &&\n      target.tagName !== \"IC-POPOVER-MENU\"\n    );\n  };\n\n  private closeMenu = () => {\n    this.open = false;\n    this.anchorEl?.focus();\n  };\n\n  private getNextItemToSelect = (\n    currentItem: number,\n    movingDown: boolean\n  ): number => {\n    const numButtons = this.popoverMenuEls.length - 1;\n\n    if (currentItem < 1) {\n      currentItem = 0;\n    }\n\n    let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n\n    // Check if wrap around necessary\n    if (nextItem < 0) {\n      nextItem = numButtons;\n    } else if (nextItem > numButtons) {\n      nextItem = 0;\n    }\n\n    return nextItem;\n  };\n\n  private addMenuItems = (elements: Element[] | NodeListOf<ChildNode>) => {\n    for (let i = 0; i < elements.length; i++) {\n      const el = elements[i] as HTMLIcMenuItemElement;\n      if (el.tagName === \"IC-MENU-ITEM\") {\n        this.popoverMenuEls.push(el);\n      } else if (el.tagName === \"IC-MENU-GROUP\") {\n        const groupSlotWrapper = el.shadowRoot.querySelector(\"ul\");\n        const menuGroupElements = getSlotElements(groupSlotWrapper);\n\n        this.addMenuItems(menuGroupElements);\n      }\n    }\n  };\n\n  private getMenuAriaLabel = (): string => {\n    const ariaLabel = this.host.getAttribute(this.ARIA_LABEL);\n\n    if (this.submenuId !== undefined) {\n      return `${ariaLabel}, within nested level ${this.submenuLevel} ${this.parentLabel} submenu,`;\n    } else {\n      return ariaLabel;\n    }\n  };\n\n  private handleBackButtonClick = (): void => {\n    this.parentPopover.openFromChild();\n    this.open = false;\n  };\n\n  render() {\n    return (\n      <Host class={{ open: this.open }}>\n        <div\n          id={\n            this.parentPopover === undefined\n              ? `ic-popover-submenu-${this.submenuId}`\n              : \"\"\n          }\n          class={{\n            menu: true,\n          }}\n          tabindex={open ? \"0\" : \"-1\"}\n        >\n          <div\n            class={{\n              \"opening-from-parent\": this.openingFromParent,\n              \"opening-from-child\": this.openingFromChild,\n            }}\n          >\n            {this.submenuId !== undefined && (\n              <div>\n                <ic-menu-item\n                  class=\"ic-popover-submenu-back-button\"\n                  ref={(el) => (this.backButton = el)}\n                  label=\"Back\"\n                  onClick={this.handleBackButtonClick}\n                  id={`ic-popover-submenu-back-button-${this.submenuLevel}`}\n                >\n                  <svg\n                    slot=\"icon\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    class=\"submenu-back-icon\"\n                  >\n                    <path\n                      d=\"M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z\"\n                      fill=\"currentColor\"\n                    />\n                  </svg>\n                </ic-menu-item>\n                <ic-typography variant=\"subtitle-small\" class=\"parent-label\">\n                  {this.parentLabel}\n                </ic-typography>\n              </div>\n            )}\n            <ul\n              class=\"button\"\n              aria-label={this.getMenuAriaLabel()}\n              role=\"menu\"\n              aria-owns={\n                this.submenuId !== undefined\n                  ? `ic-popover-submenu-back-button-${this.submenuLevel}`\n                  : false\n              }\n              aria-controls={\n                this.submenuId !== undefined\n                  ? `ic-popover-submenu-back-button-${this.submenuLevel}`\n                  : false\n              }\n            >\n              <slot></slot>\n            </ul>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/core/p-2d1ba7d5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icStepperCss","Stepper","this","resizeObserver","getChildren","steps","Array","from","el","querySelectorAll","stepsWithStepTitles","checkStepTitles","length","variantOverride","variant","noOfResizes","console","error","setStepTypes","stepTypes","i","push","setStepperWidth","alignedFullWidth","aligned","lastStep","style","maxWidth","stepperWidth","offsetWidth","pxToRem","lastStepWidth","initialiseStepStates","forEach","step","index","stepNum","lastStepNum","stepType","current","stepTitleArea","shadowRoot","querySelector","autoSetStepTitles","stepTitle","setAttribute","undefined","removeAttribute","classList","remove","add","contains","nextStepTitle","progress","hideStepInfo","compactStepStyling","width","minWidth","connectorWidth","stepConnect","overrideVariant","minDefaultStepperWidth","clientWidth","resizeObserverCallback","runResizeObserver","ResizeObserver","observe","document","getBoundingClientRect","disconnectedCallback","disconnect","componentWillLoad","componentDidLoad","checkResizeObserver","render","h","Host","class"],"sources":["src/components/ic-stepper/ic-stepper.css?tag=ic-stepper&encapsulation=shadow","src/components/ic-stepper/ic-stepper.tsx"],"sourcesContent":[":host {\n  display: flex;\n  width: 100%;\n}\n\n.step-item-list {\n  display: flex;\n  margin: 0;\n  padding: 0;\n}\n\n:host(.default:not(.aligned-left)) .step-item-list {\n  flex: auto;\n}\n\n:host(.compact) ul ::slotted(ic-step) {\n  display: none;\n}\n\n:host(.compact) ul ::slotted(ic-step.show) {\n  display: flex;\n}\n\n:host(.compact) ul ::slotted(ic-step.hide) {\n  display: none;\n  opacity: 0;\n  visibility: hidden;\n}\n","import { Component, Element, Host, Prop, h, State } from \"@stencil/core\";\nimport { checkResizeObserver, pxToRem } from \"../../utils/helpers\";\nimport { IcStepperAlignment } from \"./ic-stepper.types\";\nimport { IcStepTypes, IcStepVariants } from \"../ic-step/ic-step.types\";\n\n@Component({\n  tag: \"ic-stepper\",\n  styleUrl: \"ic-stepper.css\",\n  shadow: true,\n})\nexport class Stepper {\n  private resizeObserver: ResizeObserver = null;\n  private steps: HTMLIcStepElement[];\n  private stepsWithStepTitles: HTMLIcStepElement[];\n\n  @Element() el: HTMLIcStepperElement;\n\n  @State() alignedFullWidth: boolean = true;\n  @State() autoSetStepTitles: boolean = true;\n  @State() lastStepWidth: number = 0;\n  @State() noOfResizes?: number = 0;\n  @State() stepperWidth: number = document\n    .querySelector(\"ic-stepper\")\n    .getBoundingClientRect().width;\n  @State() stepTypes: IcStepTypes[] = [];\n  @State() variantOverride?: boolean = this.variant !== \"compact\";\n\n  /**\n   * The alignment of the default stepper within its container.\n   */\n  @Prop() aligned?: IcStepperAlignment = \"full-width\";\n\n  /**\n   * The length of the connnector between each step in pixels. Minimum length is 100px.\n   */\n  @Prop() connectorWidth?: number = 100;\n\n  /**\n   * If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.\n   */\n  @Prop() hideStepInfo?: boolean = false;\n\n  /**\n   * The variant of the stepper.\n   */\n  @Prop({ mutable: true }) variant?: IcStepVariants = \"default\";\n\n  disconnectedCallback(): void {\n    if (this.resizeObserver !== null) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  componentWillLoad(): void {\n    this.setStepTypes();\n    if (this.variant === \"compact\") {\n      this.variantOverride = false;\n    }\n  }\n\n  componentDidLoad(): void {\n    checkResizeObserver(this.runResizeObserver);\n  }\n\n  // Get all steps currently within this stepper\n  private getChildren = (): void => {\n    this.steps = Array.from(this.el.querySelectorAll(\"ic-step\"));\n\n    this.stepsWithStepTitles = Array.from(\n      this.el.querySelectorAll(\"ic-step[step-title]\")\n    );\n  };\n\n  // Inform the user that stepTitles are required on all steps in a compact stepper\n  private checkStepTitles = (): void => {\n    if (\n      this.stepsWithStepTitles.length < this.steps.length &&\n      this.variantOverride &&\n      this.variant === \"compact\"\n    ) {\n      this.noOfResizes = this.noOfResizes + 1;\n      if (this.noOfResizes === 1) {\n        console.error(\n          `The prop 'step-title' (web components) / 'stepTitle' (react) is required for all steps of the Stepper component (compact variant)`\n        );\n      }\n    }\n  };\n\n  private setStepTypes = (): void => {\n    this.getChildren();\n    this.stepTypes = [];\n    for (let i = 0; i < this.steps.length; i++) {\n      this.stepTypes.push(\"active\");\n    }\n  };\n\n  private setStepperWidth = (): void => {\n    this.alignedFullWidth =\n      this.variant === \"default\" && this.aligned === \"full-width\";\n\n    const lastStep = this.steps[this.steps.length - 1];\n    lastStep.style.maxWidth = \"none\";\n\n    if (this.alignedFullWidth) {\n      this.stepperWidth = this.el.offsetWidth;\n      lastStep.style.maxWidth = pxToRem(\n        `${this.stepperWidth / this.steps.length}px`\n      );\n      this.lastStepWidth = lastStep.offsetWidth;\n    }\n  };\n\n  private initialiseStepStates = (): void => {\n    this.steps.forEach((step, index) => {\n      // Set variant\n      step.variant = this.variant;\n      // Assign stepNum to each step\n      step.stepNum = index + 1;\n      // Assign lastStep to final step\n      step.lastStep = index === this.steps.length - 1;\n      step.lastStepNum = this.steps.length;\n\n      if (step.stepType !== \"current\") {\n        step.current = false;\n        this.stepTypes[index] = step.stepType;\n      } else {\n        step.current = true;\n      }\n\n      const stepTitleArea =\n        step.shadowRoot &&\n        step.shadowRoot.querySelector(\".step > .step-title-area\");\n\n      if (this.stepsWithStepTitles.length == 0 && this.variantOverride) {\n        if (this.variant === \"compact\") {\n          this.autoSetStepTitles = true;\n          if (this.autoSetStepTitles) {\n            step.stepTitle = \"Step \" + step.stepNum;\n            stepTitleArea &&\n              stepTitleArea\n                .querySelector(\".step-title\")\n                .setAttribute(\"aria-hidden\", \"true\");\n          }\n        }\n        if (this.variant === \"default\") {\n          this.autoSetStepTitles = false;\n          if (!this.autoSetStepTitles) {\n            step.stepTitle = undefined;\n            stepTitleArea &&\n              stepTitleArea\n                .querySelector(\".step-title\")\n                .removeAttribute(\"aria-hidden\");\n          }\n        }\n      }\n\n      if (this.variant === \"compact\") {\n        if (step.current === true || step.stepType === \"current\") {\n          step.classList.remove(\"hide\");\n          step.classList.add(\"show\");\n        } else if (step.classList.contains(\"show\")) {\n          step.classList.remove(\"show\");\n          step.classList.add(\"hide\");\n        }\n\n        if (!step.lastStep) {\n          step.nextStepTitle = this.steps[index + 1].stepTitle;\n          step.progress = (step.stepNum / this.steps.length) * 100;\n        } else if (step.lastStep && this.stepTypes[index] !== \"completed\") {\n          step.progress = 95;\n        } else {\n          step.progress = 100;\n        }\n\n        if (this.hideStepInfo && stepTitleArea !== null) {\n          stepTitleArea.classList.remove(\"visually-hidden\");\n        }\n\n        step.compactStepStyling = this.stepTypes[index];\n      }\n\n      if (this.variant === \"default\") {\n        if (!step.lastStep) {\n          if (this.alignedFullWidth) {\n            step.style.width = pxToRem(\n              `${\n                (this.stepperWidth - this.lastStepWidth) /\n                (this.steps.length - 1)\n              }px`\n            );\n            step.style.minWidth = pxToRem(\"148px\");\n          }\n        } else if (step.lastStep) {\n          step.classList.add(\"last-step\");\n          if (this.alignedFullWidth) {\n            step.style.maxWidth = `${this.lastStepWidth}px`;\n          } else {\n            step.style.maxWidth =\n              this.connectorWidth > 100\n                ? pxToRem(`${this.connectorWidth + 48}px`)\n                : pxToRem(\"148px\");\n          }\n        }\n\n        if (this.aligned === \"left\") {\n          step.style.width =\n            this.connectorWidth > 100\n              ? pxToRem(`${this.connectorWidth + 48}px`)\n              : pxToRem(\"148px\");\n          const stepConnect = step.shadowRoot.querySelector(\n            \".step > .step-top > .step-connect\"\n          ) as HTMLElement;\n\n          if (stepConnect) {\n            stepConnect.style.width =\n              this.connectorWidth > 100\n                ? pxToRem(`${this.connectorWidth}px`)\n                : pxToRem(\"100px\");\n          }\n        }\n\n        if (this.hideStepInfo && stepTitleArea !== null) {\n          stepTitleArea.classList.add(\"visually-hidden\");\n        }\n      }\n    });\n  };\n\n  private overrideVariant = () => {\n    let minDefaultStepperWidth = 148 * this.steps.length;\n\n    if (this.aligned === \"left\" && this.connectorWidth > 100) {\n      minDefaultStepperWidth = (this.connectorWidth + 48) * this.steps.length;\n    }\n\n    if (this.variantOverride) {\n      if (this.el.clientWidth < minDefaultStepperWidth) {\n        this.variant = \"compact\";\n        this.getChildren();\n      } else {\n        this.variant = \"default\";\n        this.getChildren();\n      }\n    }\n  };\n\n  private resizeObserverCallback = () => {\n    this.getChildren();\n    this.checkStepTitles();\n    this.overrideVariant();\n    this.setStepperWidth();\n    this.initialiseStepStates();\n  };\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      this.resizeObserverCallback();\n    });\n    this.resizeObserver.observe(this.el);\n  };\n\n  render() {\n    return (\n      <Host\n        class={{\n          [`${this.variant}`]: true,\n          [\"aligned-left\"]:\n            this.variant === \"default\" && this.aligned === \"left\",\n        }}\n      >\n        <ul class=\"step-item-list\">\n          <slot></slot>\n        </ul>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/core/p-2f737489.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i,H as e,g as s}from"./p-03935e89.js";import{M as o,u as r,c as a}from"./p-ba27b1e2.js";import{I as n}from"./p-613aa265.js";const l=`<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">\n  <path d="M13.0875 6.175L11.9125 5L6.91251 10L11.9125 15L13.0875 13.825L9.27084 10L13.0875 6.175Z"/>\n</svg>`;const c=`<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">\n  <path d="M8.08748 5L6.91248 6.175L10.7291 10L6.91248 13.825L8.08748 15L13.0875 10L8.08748 5Z"/>\n</svg>`;const h='/*! 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{--border-bottom-color:var(--ic-architectural-300);--splitter-color:var(--ic-architectural-100);display:flex;max-width:100%}:host(.light){--splitter-color:var(--ic-keyline-lighten-rgb)}:host(.dark){--splitter-color:var(--ic-keyline-darken-rgb)}::slotted(*){overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;margin:calc(var(--ic-space-xs) * -1) !important;padding:var(--ic-space-xs) !important}:host(.visible) ::slotted(*){margin:calc(var(--ic-space-xs) * -1) 0 !important;padding:var(--ic-space-xs) !important}.tabs-container::-webkit-scrollbar{display:none}.scroll-container-left,.scroll-container-right{display:flex}.scroll-container-left{margin-left:var(--ic-space-xxs)}.scroll-container-right{margin-right:var(--ic-space-xxs)}.hidden{display:none}.scroll-arrow{margin:var(--ic-space-xxs) 0 var(--ic-space-xs) 0}.disabled .ic-tooltip-container{display:none !important}.scroll-splitter-left,.scroll-splitter-right{display:flex;height:var(--ic-space-lg);width:var(--ic-space-1px);margin-top:var(--ic-space-xs);border-radius:var(--ic-space-1px);background-color:var(--splitter-color)}.scroll-splitter-left{margin-left:calc(var(--ic-space-xxs) - var(--ic-space-1px))}.scroll-splitter-right{margin-right:calc(var(--ic-space-xxs) - var(--ic-space-1px))}.disabled .scroll-splitter-left,.disabled .scroll-splitter-right{background-color:transparent}.disabled ic-button>svg{color:var(--ic-keyline-darken-rgb)}:host(.dark) .disabled ic-button>svg,:host(.light) .disabled ic-button>svg{color:var(--splitter-color) !important}';const d=200;const p=class{constructor(i){t(this,i);this.buttonStateSet=false;this.focusHandler=t=>{this.itemFocusHandler(Array.from(this.items).indexOf(t.target))};this.resizeObserverCallback=()=>{if(this.el.clientWidth>=this.itemsContainerEl.scrollWidth){this.itemOverflow=false}else{this.itemOverflow=o(this.itemsContainerEl)}if(this.itemOverflow){this.lastItemVisible=this.itemsContainerEl.offsetWidth+this.itemsContainerEl.scrollLeft>=this.itemsContainerEl.scrollWidth}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.resizeObserverCallback()}));this.resizeObserver.observe(this.itemsContainerEl)};this.scrollLeft=()=>{this.scrollItemIntoView(this.getCurrentLeftItem()-1)};this.scrollRight=()=>{this.scrollItemIntoView(this.getCurrentLeftItem()+1)};this.longScrollRight=()=>{this.scrollRight();this.scrollDelay=window.setTimeout(this.longScrollRight,d)};this.longScrollLeft=()=>{this.scrollLeft();this.scrollDelay=window.setTimeout(this.longScrollLeft,d)};this.leftArrowMouseDownHandler=t=>{t.preventDefault();this.scrollDelay=window.setTimeout(this.longScrollLeft,d)};this.rightArrowMouseDownHandler=t=>{t.preventDefault();this.scrollDelay=window.setTimeout(this.longScrollRight,d)};this.arrowMouseUpHandler=()=>{window.clearTimeout(this.scrollDelay)};this.getCurrentLeftItem=()=>{const t=this.itemOffsets.findIndex((t=>t>Math.round(this.itemsContainerEl.scrollLeft)));return t<0?0:t};this.scrollHandler=()=>{window.clearTimeout(this.isScrolling);this.isScrolling=window.setTimeout(this.scrollStopped,50)};this.scrollStopped=()=>{const t=Math.round(this.itemsContainerEl.scrollLeft);if(this.buttonStateSet===false){this.firstItemVisible=t===0;this.lastItemVisible=this.itemsContainerEl.offsetWidth+t>=this.itemsContainerEl.scrollWidth}this.buttonStateSet=false};this.firstItemVisible=true;this.itemOverflow=false;this.lastItemVisible=false;this.appearance="default"}componentWillLoad(){this.itemsContainerEl=this.el.children[0];this.itemsContainerEl.addEventListener("scroll",this.scrollHandler);this.items=r(this.itemsContainerEl)||Array.from(this.itemsContainerEl.children);this.items.forEach((t=>{if(t.addEventListener){t.addEventListener("focus",this.focusHandler)}}))}componentDidLoad(){let t=0;this.itemOffsets=this.items.map((i=>{t+=i.offsetWidth;return t}));a(this.runResizeObserver);const i=Array.from(this.el.shadowRoot.querySelectorAll("div"));["mouseup","mouseleave"].forEach((t=>{i.forEach((i=>i.addEventListener(t,this.arrowMouseUpHandler)))}))}disconnectedCallback(){if(this.resizeObserver!==undefined){this.resizeObserver.disconnect()}const t=Array.from(this.el.shadowRoot.querySelectorAll("div"));["mouseup","mouseleave"].forEach((i=>{t.forEach((t=>t.removeEventListener(i,this.arrowMouseUpHandler)))}));this.items.forEach((t=>{if(t.removeEventListener){t.removeEventListener("focus",this.focusHandler)}}));this.itemsContainerEl.removeEventListener("scroll",this.scrollHandler)}async scrollItemIntoView(t){this.firstItemVisible=t<=0;const i=t<=0?0:this.itemOffsets[t-1];this.lastItemVisible=this.itemsContainerEl.offsetWidth+i>=this.itemsContainerEl.scrollWidth;this.buttonStateSet=true;this.itemsContainerEl.scrollLeft=i}itemFocusHandler(t){if(this.itemOverflow){this.scrollItemIntoView(t)}}render(){const{appearance:t,firstItemVisible:s,lastItemVisible:o,itemOverflow:r}=this;return i(e,{class:{["visible"]:r,["dark"]:this.appearance===n.Dark,["light"]:this.appearance===n.Light}},i("div",{"aria-hidden":"true",class:{["scroll-container-left"]:true,["hidden"]:!r,["disabled"]:s},role:"tab"},i("ic-button",{class:"scroll-arrow",variant:"icon","aria-label":"Scroll left",appearance:t,innerHTML:l,disabled:s,tabindex:"-1",onClick:this.scrollLeft,onMouseDown:this.leftArrowMouseDownHandler}),i("span",{class:"scroll-splitter-left"})),i("slot",null),i("div",{"aria-hidden":"true",class:{["scroll-container-right"]:true,["hidden"]:!r,["disabled"]:o},role:"tab"},i("span",{class:"scroll-splitter-right"}),i("ic-button",{class:"scroll-arrow",variant:"icon","aria-label":"Scroll right",appearance:t,innerHTML:c,disabled:o,tabindex:"-1",onClick:this.scrollRight,onMouseDown:this.rightArrowMouseDownHandler})))}get el(){return s(this)}};p.style=h;export{p as ic_horizontal_scroll};
-//# sourceMappingURL=p-2f737489.entry.js.map

package/dist/core/p-2f737489.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icHorizontalScrollCss","SCROLL_DELAY_MS","HorizontalScroll","this","buttonStateSet","focusHandler","event","itemFocusHandler","Array","from","items","indexOf","target","resizeObserverCallback","el","clientWidth","itemsContainerEl","scrollWidth","itemOverflow","elementOverflowsX","lastItemVisible","offsetWidth","scrollLeft","runResizeObserver","resizeObserver","ResizeObserver","observe","scrollItemIntoView","getCurrentLeftItem","scrollRight","longScrollRight","scrollDelay","window","setTimeout","longScrollLeft","leftArrowMouseDownHandler","e","preventDefault","rightArrowMouseDownHandler","arrowMouseUpHandler","clearTimeout","index","itemOffsets","findIndex","Math","round","scrollHandler","isScrolling","scrollStopped","firstItemVisible","componentWillLoad","children","addEventListener","getSlotElements","forEach","item","componentDidLoad","runningTotal","map","checkResizeObserver","scrollArrows","shadowRoot","querySelectorAll","arrow","disconnectedCallback","undefined","disconnect","removeEventListener","itemPosition","newScrollPos","render","appearance","h","Host","class","IcThemeForegroundEnum","Dark","Light","role","variant","innerHTML","LeftArrow","disabled","tabindex","onClick","onMouseDown","RightArrow"],"sources":["src/components/ic-horizontal-scroll/ic-horizontal-scroll.css?tag=ic-horizontal-scroll&encapsulation=shadow","src/components/ic-horizontal-scroll/ic-horizontal-scroll.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  --border-bottom-color: var(--ic-architectural-300);\n  --splitter-color: var(--ic-architectural-100);\n\n  display: flex;\n  max-width: 100%;\n}\n\n:host(.light) {\n  --splitter-color: var(--ic-keyline-lighten-rgb);\n}\n\n:host(.dark) {\n  --splitter-color: var(--ic-keyline-darken-rgb);\n}\n\n/* Slotted items container element */\n::slotted(*) {\n  overflow-x: scroll;\n  overflow-y: hidden;\n  scroll-behavior: smooth;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  margin: calc(var(--ic-space-xs) * -1) !important;\n  padding: var(--ic-space-xs) !important;\n}\n\n:host(.visible) ::slotted(*) {\n  margin: calc(var(--ic-space-xs) * -1) 0 !important;\n  padding: var(--ic-space-xs) !important;\n}\n\n.tabs-container::-webkit-scrollbar {\n  display: none;\n}\n\n.scroll-container-left,\n.scroll-container-right {\n  display: flex;\n}\n\n.scroll-container-left {\n  margin-left: var(--ic-space-xxs);\n}\n\n.scroll-container-right {\n  margin-right: var(--ic-space-xxs);\n}\n\n.hidden {\n  display: none;\n}\n\n.scroll-arrow {\n  margin: var(--ic-space-xxs) 0 var(--ic-space-xs) 0;\n}\n\n.disabled .ic-tooltip-container {\n  display: none !important;\n}\n\n.scroll-splitter-left,\n.scroll-splitter-right {\n  display: flex;\n  height: var(--ic-space-lg);\n  width: var(--ic-space-1px);\n  margin-top: var(--ic-space-xs);\n  border-radius: var(--ic-space-1px);\n  background-color: var(--splitter-color);\n}\n\n.scroll-splitter-left {\n  margin-left: calc(var(--ic-space-xxs) - var(--ic-space-1px));\n}\n\n.scroll-splitter-right {\n  margin-right: calc(var(--ic-space-xxs) - var(--ic-space-1px));\n}\n\n.disabled .scroll-splitter-left,\n.disabled .scroll-splitter-right {\n  background-color: transparent;\n}\n\n.disabled ic-button > svg {\n  color: var(--ic-keyline-darken-rgb);\n}\n\n:host(.dark) .disabled ic-button > svg,\n:host(.light) .disabled ic-button > svg {\n  color: var(--splitter-color) !important;\n}\n","import {\n  Component,\n  Element,\n  h,\n  Host,\n  State,\n  Method,\n  Prop,\n} from \"@stencil/core\";\n\nimport LeftArrow from \"./assets/left-arrow.svg\";\nimport RightArrow from \"./assets/right-arrow.svg\";\nimport { getSlotElements } from \"../../utils/helpers\";\n\nimport { checkResizeObserver, elementOverflowsX } from \"../../utils/helpers\";\nimport { IcThemeForeground, IcThemeForegroundEnum } from \"../../utils/types\";\n\nconst SCROLL_DELAY_MS = 200;\n\n@Component({\n  tag: \"ic-horizontal-scroll\",\n  styleUrl: \"./ic-horizontal-scroll.css\",\n  shadow: true,\n})\nexport class HorizontalScroll {\n  private buttonStateSet: boolean = false;\n  private isScrolling: number;\n  private itemOffsets: number[];\n  private items: HTMLElement[];\n  private itemsContainerEl: HTMLElement;\n  private resizeObserver: ResizeObserver;\n  private scrollDelay: number;\n\n  @Element() el: HTMLIcHorizontalScrollElement;\n\n  @State() firstItemVisible: boolean = true;\n  @State() itemOverflow: boolean = false;\n  @State() lastItemVisible: boolean = false;\n\n  /**\n   * The appearance of the horizontal scroll, e.g. dark, light or the default.\n   */\n  @Prop() appearance?: IcThemeForeground = \"default\";\n\n  componentWillLoad(): void {\n    this.itemsContainerEl = this.el.children[0] as HTMLElement;\n    this.itemsContainerEl.addEventListener(\"scroll\", this.scrollHandler);\n\n    this.items = (getSlotElements(this.itemsContainerEl) ||\n      Array.from(this.itemsContainerEl.children)) as HTMLElement[];\n    this.items.forEach((item) => {\n      if (item.addEventListener) {\n        item.addEventListener(\"focus\", this.focusHandler);\n      }\n    });\n  }\n\n  componentDidLoad(): void {\n    let runningTotal = 0;\n    this.itemOffsets = this.items.map((item) => {\n      runningTotal += item.offsetWidth;\n      return runningTotal;\n    });\n\n    checkResizeObserver(this.runResizeObserver);\n\n    // Add event listener to scroll containers as mouse events are not fired on disabled elements (ic-button's <button>)\n    // 'mouseleave' needed in case the user moves their mouse while holding the arrow buttons\n    // - 'mouseup' otherwise not detected and scrolling not stopped\n    const scrollArrows = Array.from(\n      this.el.shadowRoot.querySelectorAll(\"div\")\n    ) as HTMLElement[];\n    [\"mouseup\", \"mouseleave\"].forEach((event) => {\n      scrollArrows.forEach((arrow) =>\n        arrow.addEventListener(event, this.arrowMouseUpHandler)\n      );\n    });\n  }\n\n  disconnectedCallback(): void {\n    if (this.resizeObserver !== undefined) {\n      this.resizeObserver.disconnect();\n    }\n\n    const scrollArrows = Array.from(\n      this.el.shadowRoot.querySelectorAll(\"div\")\n    ) as HTMLElement[];\n    [\"mouseup\", \"mouseleave\"].forEach((event) => {\n      scrollArrows.forEach((arrow) =>\n        arrow.removeEventListener(event, this.arrowMouseUpHandler)\n      );\n    });\n\n    this.items.forEach((item) => {\n      if (item.removeEventListener) {\n        item.removeEventListener(\"focus\", this.focusHandler);\n      }\n    });\n\n    this.itemsContainerEl.removeEventListener(\"scroll\", this.scrollHandler);\n  }\n\n  /**\n   * @internal if side scrolling enabled, scrolls the specified item into view.\n   */\n  @Method()\n  async scrollItemIntoView(itemPosition: number): Promise<void> {\n    this.firstItemVisible = itemPosition <= 0;\n    const newScrollPos =\n      itemPosition <= 0 ? 0 : this.itemOffsets[itemPosition - 1];\n    this.lastItemVisible =\n      this.itemsContainerEl.offsetWidth + newScrollPos >=\n      this.itemsContainerEl.scrollWidth;\n    this.buttonStateSet = true;\n    this.itemsContainerEl.scrollLeft = newScrollPos;\n  }\n\n  private focusHandler = (event: FocusEvent) => {\n    this.itemFocusHandler(\n      Array.from(this.items).indexOf(event.target as HTMLElement)\n    );\n  };\n\n  private itemFocusHandler(itemPosition: number): void {\n    if (this.itemOverflow) {\n      this.scrollItemIntoView(itemPosition);\n    }\n  }\n\n  private resizeObserverCallback = () => {\n    if (this.el.clientWidth >= this.itemsContainerEl.scrollWidth) {\n      this.itemOverflow = false;\n    } else {\n      this.itemOverflow = elementOverflowsX(this.itemsContainerEl);\n    }\n\n    if (this.itemOverflow) {\n      this.lastItemVisible =\n        this.itemsContainerEl.offsetWidth + this.itemsContainerEl.scrollLeft >=\n        this.itemsContainerEl.scrollWidth;\n    }\n  };\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      this.resizeObserverCallback();\n    });\n    this.resizeObserver.observe(this.itemsContainerEl);\n  };\n\n  private scrollLeft = () => {\n    this.scrollItemIntoView(this.getCurrentLeftItem() - 1);\n  };\n\n  private scrollRight = () => {\n    this.scrollItemIntoView(this.getCurrentLeftItem() + 1);\n  };\n\n  private longScrollRight = () => {\n    this.scrollRight();\n    this.scrollDelay = window.setTimeout(this.longScrollRight, SCROLL_DELAY_MS);\n  };\n\n  private longScrollLeft = () => {\n    this.scrollLeft();\n    this.scrollDelay = window.setTimeout(this.longScrollLeft, SCROLL_DELAY_MS);\n  };\n\n  private leftArrowMouseDownHandler = (e: MouseEvent) => {\n    e.preventDefault();\n    this.scrollDelay = window.setTimeout(this.longScrollLeft, SCROLL_DELAY_MS);\n  };\n\n  private rightArrowMouseDownHandler = (e: MouseEvent) => {\n    e.preventDefault();\n    this.scrollDelay = window.setTimeout(this.longScrollRight, SCROLL_DELAY_MS);\n  };\n\n  private arrowMouseUpHandler = () => {\n    window.clearTimeout(this.scrollDelay);\n  };\n\n  private getCurrentLeftItem = (): number => {\n    const index = this.itemOffsets.findIndex(\n      (el) => el > Math.round(this.itemsContainerEl.scrollLeft)\n    );\n    return index < 0 ? 0 : index;\n  };\n\n  private scrollHandler = () => {\n    window.clearTimeout(this.isScrolling);\n    // Set a timeout to run after scrolling ends\n    this.isScrolling = window.setTimeout(this.scrollStopped, 50);\n  };\n\n  private scrollStopped = () => {\n    // If scrollItemIntoView has been called, the button states will already be set\n    // Can't just handle it here as it causes strange jumping behaviour in positioning\n    const scrollLeft = Math.round(this.itemsContainerEl.scrollLeft);\n    if (this.buttonStateSet === false) {\n      this.firstItemVisible = scrollLeft === 0;\n      this.lastItemVisible =\n        this.itemsContainerEl.offsetWidth + scrollLeft >=\n        this.itemsContainerEl.scrollWidth;\n    }\n    this.buttonStateSet = false;\n  };\n\n  render() {\n    const { appearance, firstItemVisible, lastItemVisible, itemOverflow } =\n      this;\n\n    return (\n      <Host\n        class={{\n          [\"visible\"]: itemOverflow,\n          [\"dark\"]: this.appearance === IcThemeForegroundEnum.Dark,\n          [\"light\"]: this.appearance === IcThemeForegroundEnum.Light,\n        }}\n      >\n        <div\n          aria-hidden=\"true\"\n          class={{\n            [\"scroll-container-left\"]: true,\n            [\"hidden\"]: !itemOverflow,\n            [\"disabled\"]: firstItemVisible,\n          }}\n          role=\"tab\"\n        >\n          <ic-button\n            class=\"scroll-arrow\"\n            variant=\"icon\"\n            aria-label=\"Scroll left\"\n            appearance={appearance}\n            innerHTML={LeftArrow}\n            disabled={firstItemVisible}\n            tabindex=\"-1\"\n            onClick={this.scrollLeft}\n            onMouseDown={this.leftArrowMouseDownHandler}\n          ></ic-button>\n          <span class=\"scroll-splitter-left\"></span>\n        </div>\n        <slot></slot>\n        <div\n          aria-hidden=\"true\"\n          class={{\n            [\"scroll-container-right\"]: true,\n            [\"hidden\"]: !itemOverflow,\n            [\"disabled\"]: lastItemVisible,\n          }}\n          role=\"tab\"\n        >\n          <span class=\"scroll-splitter-right\"></span>\n          <ic-button\n            class=\"scroll-arrow\"\n            variant=\"icon\"\n            aria-label=\"Scroll right\"\n            appearance={appearance}\n            innerHTML={RightArrow}\n            disabled={lastItemVisible}\n            tabindex=\"-1\"\n            onClick={this.scrollRight}\n            onMouseDown={this.rightArrowMouseDownHandler}\n          ></ic-button>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/core/p-385ae861.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as e,H as a,g as o}from"./p-03935e89.js";import{D as n,l as s,t as r,g as d,q as c}from"./p-ba27b1e2.js";import{C as l}from"./p-3b185c32.js";import{O as v}from"./p-426ec638.js";import"./p-613aa265.js";const h='/*! 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(:focus-within){z-index:var(--ic-z-index-navigation-item)}svg{width:var(--ic-space-xl);fill:var(--ic-theme-text)}.svg{margin-left:auto}:host(.expandable.navigation-item) .link,:host(.expandable.navigation-item) ::slotted(a){padding-right:0}:host(.navigation-item) .link,:host(.navigation-item) ::slotted(a){height:calc(100% - var(--ic-space-xxs));width:-moz-fit-content;width:fit-content;color:var(--ic-theme-text);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative;white-space:nowrap}:host(.navigation-item) ::slotted(a){height:100%;font:var(--ic-font-label) !important;letter-spacing:var(--ic-font-letter-spacing-0pt025) !important;padding:0 var(--ic-space-md) !important}:host(.navigation-item-selected) .link::after,:host(.navigation-item-selected) ::slotted(a.active)::after,:host(.navigation-item-top-nav) ::slotted(a.active)::after{content:"";height:0.25rem;width:100%;position:absolute;bottom:0;background-color:var(--ic-theme-text)}:host(.navigation-item-selected.navigation-item-page-header) ::slotted(a.active)::after,:host(.navigation-item-selected.navigation-item-page-header) .link::after,:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,:host(.navigation-item-top-nav-child) ::slotted(a.active)::after{content:none}:host(.navigation-item-side-menu-selected) .link,:host(.navigation-item-side-menu) ::slotted(a.active),:host(.navigation-item-top-nav-child) ::slotted(a.active){box-shadow:none}:host(.navigation-item) .link:hover:not(:focus){background-color:var(--ic-theme-hover);cursor:pointer}:host(.navigation-item:not(.navigation-item-page-header,.navigation-item-side-menu)) ::slotted(a:hover:not(:focus)){background-color:var(--ic-theme-hover) !important}:host(.navigation-item:not(.navigation-item-top-nav-child,.navigation-item-side-menu,.navigation-item-top-nav-child-selected .navigation-item-side-menu-selected)) .focus-indicator:focus-within{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}:host(.navigation-item) .link:focus,:host(.navigation-item) ::slotted(a:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}:host(.navigation-item-selected) .link:focus,:host(.navigation-item) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}:host(.navigation-item-selected.dark) .link:focus,:host(.navigation-item.dark) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}:host(.navigation-item) .link:active:not(:focus),:host(.navigation-item) ::slotted(a:active:not(:focus)){background-color:var(--ic-theme-active)}:host(.navigation-item-side-menu) .link,:host(.navigation-item-side-menu) ::slotted(a){height:2.5rem;width:100%;box-sizing:border-box;color:var(--ic-color-primary-text);display:flex;align-items:center;justify-content:flex-start;text-decoration:none;transition:box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-fast)}:host(.navigation-item-side-menu) ::slotted(a){font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important;transition:box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast)}:host(.navigation-item-side-menu) .link:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover)}:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus)){background-color:var(--ic-action-dark-bg-hover) !important}:host(.navigation-item-side-menu) .focus-indicator:focus-within{box-shadow:none}:host(.navigation-item-side-menu) .link:focus,:host(.navigation-item-side-menu) ::slotted(a:focus){box-shadow:var(--ic-border-focus-inset) !important;padding-right:var(--ic-space-lg);width:auto;border-radius:var(--ic-border-radius-inset) !important}:host(.navigation-item-side-menu-selected) .link,:host(.navigation-item-side-menu-selected) ::slotted(a){transition:box-shadow var(--ic-easing-transition-slow),\n    background-color var(--ic-easing-transition-slow)}:host(.navigation-item-side-menu-selected) .link:focus,:host(.navigation-item-side-menu) ::slotted(a.active:focus),:host(.navigation-item-top-nav-child) ::slotted(a.active:focus){margin-left:var(--ic-space-xs) !important;padding-left:var(--ic-space-xs) !important}:host(.navigation-item-top-nav-child) .link,:host(.navigation-item-top-nav-child) ::slotted(a){height:2.5rem;width:-moz-fit-content;width:fit-content;min-width:9.063rem;color:var(--ic-color-primary-text);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--ic-space-md) !important;text-decoration:none;position:relative;transition:box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-slow)}:host(.navigation-item-top-nav-child) ::slotted(a){font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important}:host(.navigation-item-top-nav-child) .link:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover) !important}:host(.navigation-item-top-nav-child) ::slotted(a:hover):not(:focus){background-color:var(--ic-action-dark-bg-hover) !important}:host(.navigation-item-top-nav-child) .link:focus,:host(.navigation-item-top-nav-child) ::slotted(a:focus){z-index:1;outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius-inset);box-shadow:var(--ic-border-focus-inset);transition:border-radius 0s, box-shadow var(--ic-transition-duration-fast)}:host(.navigation-item-top-nav-child) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}:host(.navigation-item-side-menu) .link:active:not(:focus){background-color:var(--ic-action-dark-bg-active)}:host(.navigation-item-top-nav-child) .link:active:not(:focus),:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus){outline:var(--ic-hc-focus-outline);background-color:var(--ic-action-dark-bg-active)}:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus),:host(.navigation-item-side-menu) ::slotted(a:active):not(:focus){background-color:var(--ic-action-dark-bg-active) !important}:host(.navigation-item-side-menu-selected) *,:host(.navigation-item-top-nav-child-selected) *,:host(.navigation-item-side-menu) ::slotted(a.active),:host(.navigation-item-top-nav-child) ::slotted(a.active){font-weight:700 !important}:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,:host(.navigation-item-top-nav-child-selected) .link::before,:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu) ::slotted(a.active)::before,:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before{content:"";position:absolute;left:0;width:var(--ic-space-xs);height:2.5rem;margin-top:0.25rem;margin-right:0.313rem;background-color:var(--ic-action-default);transition:left 0s}:host(.navigation-item-top-nav-child-selected) .link:focus{margin-left:var(--ic-space-xs);margin-right:calc(-1 * var(--ic-space-xs));padding-left:var(--ic-space-xs) !important}:host(.navigation-item-top-nav-child-selected) .link:focus::before{left:calc(-1 * var(--ic-space-xs));z-index:1}:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu) ::slotted(a.active)::before,:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before{z-index:1}:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before{left:calc(-1 * var(--ic-space-xs))}:host(.navigation-item-side-menu-selected) .link::after{display:none}:host(.navigation-item-side-nav-collapsed) .link{height:100%}:host(.navigation-item-side-nav-collapsed) ::slotted(svg),:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg){margin:auto;pointer-events:none}:host(.navigation-item-side-nav-collapsed) .icon,:host(.navigation-item-side-nav-collapsed-with-label) .icon,:host(.navigation-item-side-nav-collapsed-with-label) ic-typography{align-items:center;padding:0;margin:auto 0;width:-moz-fit-content;width:fit-content;pointer-events:none}:host(.navigation-item-side-nav-collapsed-with-label) ic-typography{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}:host(.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:var(--ic-space-xs) !important;gap:var(--ic-space-xxs)}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) ::slotted(a){height:auto !important;gap:0}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:block;text-align:center}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link ic-typography{opacity:1;min-width:-moz-min-content;min-width:min-content}:host(.navigation-item-side-nav-collapsed) svg,:host(.navigation-item-side-nav-collapsed-with-label) svg{display:none}::slotted(svg){fill:var(--ic-theme-text);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}.icon{height:var(--ic-space-lg);width:var(--ic-space-xxl);margin-left:calc(-1 * var(--ic-space-md));flex:0 1 0%}.icon>::slotted(*){margin-left:var(--ic-space-md) !important}:host(.navigation-item-side-nav-collapsed) .icon>::slotted(*){margin:auto !important}:host(.navigation-item-side-nav) .link,:host(.navigation-item-side-nav) ::slotted(a){height:var(--navigation-item-height);width:var(--navigation-item-width);justify-content:var(--navigation-item-justify-content);display:flex;gap:var(--ic-space-xs);box-sizing:border-box;color:var(--navigation-item-child-color) !important;text-decoration:none !important;white-space:nowrap;padding:0 var(--ic-space-md)}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a){height:var(--navigation-item-child-height);width:var(--navigation-group-width);color:var(--navigation-item-child-color) !important;display:flex;gap:0.625rem;box-sizing:border-box;min-width:0;transition:box-shadow var(--ic-easing-transition-fast);text-decoration:none !important;white-space:nowrap}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a:focus){box-shadow:var(--ic-border-focus-dark)}:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active{background-color:var(--navigation-item-child-active)}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a:active){background-color:var(--navigation-item-child-active)}:host(.navigation-item-side-nav) a.link ic-typography,:host(.navigation-item-side-nav.navigation-item-top-nav-child) a.link ic-typography,:host(.navigation-item-side-nav) div.link ic-typography,:host(.navigation-item-side-nav.navigation-item-top-nav-child) div.link ic-typography,.navigation-item-side-nav-slotted-text{opacity:var(--navigation-item-label-opacity);transition:opacity var(--ic-easing-transition-slow);white-space:wrap;text-overflow:ellipsis;overflow:hidden;min-width:256px}:host(.navigation-item-side-nav.navigation-item-selected) .link,:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active){box-shadow:inset 0.313rem 0 0 var(--ic-theme-text)}:host(.navigation-item-side-nav.navigation-item-selected) .link::before,:host(.navigation-item-side-nav) ::slotted(a.active)::before{content:"";display:block;position:absolute;inset:0 0 0 0.313rem;border-radius:0.688rem !important;transition:var(--ic-easing-transition-slow)}:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before{box-shadow:var(--ic-border-focus-inset)}:host(:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link{opacity:var(--navigation-item-label-opacity);height:auto}:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) ::slotted(a){min-width:var(--navigation-group-item-min-width);padding:var(--ic-space-xs) !important;height:auto;gap:0}:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:block}:host(.navigation-item-side-nav.navigation-item-selected) .link::after,:host(.navigation-item-side-nav) ::slotted(a.active)::after{display:none}:host(.navigation-item-side-nav.navigation-item) .link:focus,:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,:host(.navigation-item-side-nav) ::slotted(a.active:focus){margin:0 auto;box-shadow:inset 0.313rem 0 0 var(--ic-theme-text);border-radius:0}:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus){background-color:var(--ic-theme-hover) !important}:host(.navigation-item-page-header).link,:host(.navigation-item-page-header) a,:host(.navigation-item-page-header) ::slotted(a){height:2.5rem !important;color:var(--ic-color-primary-text) !important;transition:all var(--ic-easing-transition-fast) !important;box-shadow:rgba(23 89 188 / 0%) !important}:host(.navigation-item-page-header.navigation-item-selected) .link::after,:host(.navigation-item-page-header) ::slotted(a.active)::after{content:" " !important;position:absolute;bottom:0;left:0;right:0;height:var(--ic-space-xxs);background-color:var(--ic-action-default) !important}:host(.navigation-item-page-header) .link:hover,:host(.navigation-item-page-header) ::slotted(.link:hover),:host(.navigation-item-page-header) ::slotted(a:hover),:host(.navigation-item-page-header) .link:hover:not(:focus){background-color:var(--ic-action-default-bg-hover) !important;cursor:pointer}:host(.navigation-item-page-header) .link:focus,:host(.navigation-item-page-header) ::slotted(a:focus){box-shadow:var(--ic-border-focus)}:host(.navigation-item-page-header) .link:active,:host(.navigation-item-page-header) ::slotted(a:active){background-color:var(--ic-action-default-bg-active) !important}:host(.navigation-item-page-header.navigation-item-selected) .link:focus::after,:host(.navigation-item-page-header) ::slotted(a.active:focus)::after{border-bottom-left-radius:var(--ic-border-radius);border-bottom-right-radius:var(--ic-border-radius)}:host(.navigation-item-page-header.navigation-item-selected.with-transition) .link,:host(.navigation-item-page-header.navigation-item-selected.with-transition) ::slotted(a.active){transition:all var(--ic-easing-transition-fast),\n    border-color var(--ic-transition-duration-fast)}:host(.navigation-item-page-header) ::slotted(a.active)::before,:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,:host(.navigation-item-page-header.navigation-item-selected) .link:focus::before{display:none}.open-in-new-icon{flex:1}.open-in-new-icon svg{margin-top:var(--ic-space-xxs);padding-left:var(--ic-space-xxs)}:host(.navigation-item-side-nav) .open-in-new-icon{margin-left:calc(-1 * var(--ic-space-xs))}:host(.navigation-item-top-nav) .open-in-new-icon svg,:host(.navigation-item-page-header) .open-in-new-icon svg,:host(.navigation-item-side-nav) .open-in-new-icon svg{height:0.875rem;width:0.875rem}:host(.navigation-item-side-menu) .open-in-new-icon svg,:host(.navigation-item-top-nav-child) .open-in-new-icon svg{height:var(--ic-space-md);width:var(--ic-space-md)}:host(.navigation-item-page-header) .open-in-new-icon svg,:host(.navigation-item-top-nav-child) .open-in-new-icon svg,:host(.navigation-item-side-menu) .open-in-new-icon svg{fill:var(--ic-color-primary-text)}';const m=class{constructor(a){i(this,a);this.childBlur=t(this,"childBlur",7);this.navItemClicked=t(this,"navItemClicked",7);this.isInitialRender=true;this.displayDefaultNavigationItem=(i,t,a,o,n,s,r)=>{const d=this.isTopNavChild||this.inTopNavSideMenu?"body":"label";const c=this.expandable&&e("div",{class:{svg:true},innerHTML:l});const h=this.el.querySelector('[slot="icon"]')&&e("div",{class:"icon"}," ",e("slot",{name:"icon"})," ");if(i!==""){return e("a",{href:i,target:a,rel:o,hreflang:t,referrerPolicy:n,download:s!==false?s:null,class:"link",ref:i=>this.itemEl=i,part:"link"},h,e("ic-typography",{variant:d},r),c,a==="_blank"&&e("span",{class:"open-in-new-icon",innerHTML:v}))}return e("div",{tabindex:"0",class:"link",ref:i=>this.itemEl=i},h,e("ic-typography",{variant:d},r),c)};this.topNavResizedHandler=i=>{const t=i.detail.size;if(t!==this.deviceSize){this.deviceSize=t;this.inTopNavSideMenu=t<=n.L}};this.sideNavExpandHandler=i=>{const{sideNavExpanded:t,sideNavMobile:e}=i.detail;this.sideNavExpanded=t;this.isSideNavMobile=e};this.handleBlur=i=>{if(i.relatedTarget!==null){const t=i.relatedTarget;if(t.tagName==="IC-NAVIGATION-ITEM"){return}}this.childBlur.emit()};this.handleClick=()=>{this.navItemClicked.emit()};this.deviceSize=n.XL;this.focusStyle=s();this.inTopNavSideMenu=false;this.isSideNavMobile=false;this.isTopNavChild=false;this.navigationType=undefined;this.parentEl=undefined;this.sideNavExpanded=false;this.collapsedIconLabel=false;this.displayNavigationTooltip=false;this.download=false;this.expandable=false;this.href="";this.hreflang=undefined;this.label=undefined;this.rel=undefined;this.referrerpolicy=undefined;this.selected=false;this.target=undefined}disconnectedCallback(){if(this.navigationType==="side"){this.parentEl.removeEventListener("sideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){this.parentEl.removeEventListener("topNavResized",this.topNavResizedHandler)}}componentWillLoad(){const i=c(this.el);this.navigationType=i.navType;this.parentEl=i.parent;if(this.navigationType==="side"){this.parentEl.addEventListener("sideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){this.parentEl.addEventListener("topNavResized",this.topNavResizedHandler)}if(r(this.el)==="IC-NAVIGATION-GROUP"&&this.navigationType==="top"){this.isTopNavChild=true}this.deviceSize=d();if(this.deviceSize<=n.L&&this.navigationType==="top"){this.inTopNavSideMenu=true}this.navigationSlot=this.el.querySelector('[slot="navigation-item"]');if(this.navigationSlot){this.navigationSlot.ariaLabel=this.navigationSlot.textContent.trim()}}componentDidUpdate(){this.isInitialRender=false}themeChangeHandler(i){const t=i.detail;this.focusStyle=t.mode}async setFocus(){if(this.itemEl){this.itemEl.focus()}}render(){const{href:i,hreflang:t,target:o,rel:n,referrerpolicy:s,download:r,label:d,inTopNavSideMenu:c,isTopNavChild:l,selected:v,navigationSlot:h}=this;return e(a,{class:{["navigation-item"]:true,["navigation-item-top-nav"]:!c&&this.navigationType==="top",["navigation-item-top-nav-child-selected"]:l&&!c&&v,[this.focusStyle]:!c&&!l||this.navigationType==="side"&&l,["navigation-item-selected"]:!l&&v,["navigation-item-side-menu"]:c,["navigation-item-side-menu-selected"]:c&&v,["navigation-item-top-nav-child"]:l&&!c,["navigation-item-page-header"]:this.navigationType==="page-header",["with-transition"]:!this.isInitialRender,["navigation-item-side-nav"]:this.navigationType==="side",["navigation-item-side-nav-collapsed"]:(!this.sideNavExpanded||this.displayNavigationTooltip)&&this.navigationType==="side",["navigation-item-side-nav-collapsed-with-label"]:!this.sideNavExpanded&&this.navigationType==="side"&&this.collapsedIconLabel&&!this.isSideNavMobile,["expandable"]:this.expandable},onBlur:l&&!c?this.handleBlur:null,onClick:this.handleClick,"aria-current":v?"page":null,role:"listitem"},e("ic-tooltip",{label:d||h.textContent,target:"navigation-item",placement:"right",class:{["tooltip-navigation-item"]:true,["tooltip-navigation-item-side-nav-collapsed"]:(!this.sideNavExpanded||this.displayNavigationTooltip)&&this.navigationType==="side",["tooltip-long-label-navigation-item-side-nav-expanded"]:this.el.hasAttribute("[display-navigation-tooltip = 'true']")}},h?e("slot",{name:"navigation-item"}):this.displayDefaultNavigationItem(i,t,o,n,s,r,d)))}static get delegatesFocus(){return true}get el(){return o(this)}};m.style=h;export{m as ic_navigation_item};
-//# sourceMappingURL=p-385ae861.entry.js.map

package/dist/core/p-385ae861.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icNavigationItemCss","NavigationItem","this","isInitialRender","displayDefaultNavigationItem","href","hreflang","target","rel","referrerpolicy","download","label","variant","isTopNavChild","inTopNavSideMenu","ChevronIconComponent","expandable","h","class","svg","innerHTML","chevronIcon","IconComponent","el","querySelector","name","referrerPolicy","ref","itemEl","part","OpenInNew","tabindex","topNavResizedHandler","ev","newSize","detail","size","deviceSize","DEVICE_SIZES","L","sideNavExpandHandler","sideNavExpanded","sideNavMobile","isSideNavMobile","handleBlur","relatedTarget","tagName","childBlur","emit","handleClick","navItemClicked","XL","getThemeForegroundColor","disconnectedCallback","navigationType","parentEl","removeEventListener","componentWillLoad","navParentDetails","getNavItemParentDetails","navType","parent","addEventListener","getParentElementType","getCurrentDeviceSize","navigationSlot","ariaLabel","textContent","trim","componentDidUpdate","themeChangeHandler","theme","focusStyle","mode","setFocus","focus","render","selected","Host","displayNavigationTooltip","collapsedIconLabel","onBlur","onClick","role","placement","hasAttribute"],"sources":["src/components/ic-navigation-item/ic-navigation-item.css?tag=ic-navigation-item&encapsulation=shadow","src/components/ic-navigation-item/ic-navigation-item.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n * @prop --ic-z-index-navigation-item: z-index of navigation item\n */\n\n:host {\n  display: block;\n}\n\n:host(:focus-within) {\n  z-index: var(--ic-z-index-navigation-item);\n}\n\n/* chevron */\nsvg {\n  width: var(--ic-space-xl);\n  fill: var(--ic-theme-text);\n}\n\n.svg {\n  margin-left: auto;\n}\n\n:host(.expandable.navigation-item) .link,\n:host(.expandable.navigation-item) ::slotted(a) {\n  padding-right: 0;\n}\n\n:host(.navigation-item) .link,\n:host(.navigation-item) ::slotted(a) {\n  height: calc(100% - var(--ic-space-xxs));\n  width: fit-content;\n  color: var(--ic-theme-text);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 var(--ic-space-md) var(--ic-space-xxs);\n  text-decoration: none;\n  transition: var(--ic-easing-transition-fast);\n  position: relative;\n  white-space: nowrap;\n}\n\n:host(.navigation-item) ::slotted(a) {\n  height: 100%;\n  font: var(--ic-font-label) !important;\n  letter-spacing: var(--ic-font-letter-spacing-0pt025) !important;\n  padding: 0 var(--ic-space-md) !important;\n}\n\n:host(.navigation-item-selected) .link::after,\n:host(.navigation-item-selected) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav) ::slotted(a.active)::after {\n  content: \"\";\n  height: 0.25rem;\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  background-color: var(--ic-theme-text);\n}\n\n:host(.navigation-item-selected.navigation-item-page-header)\n  ::slotted(a.active)::after,\n:host(.navigation-item-selected.navigation-item-page-header) .link::after,\n:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav-child) ::slotted(a.active)::after {\n  content: none;\n}\n\n:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active) {\n  box-shadow: none;\n}\n\n:host(.navigation-item) .link:hover:not(:focus) {\n  background-color: var(--ic-theme-hover);\n  cursor: pointer;\n}\n\n:host(.navigation-item:not(.navigation-item-page-header, .navigation-item-side-menu))\n  ::slotted(a:hover:not(:focus)) {\n  background-color: var(--ic-theme-hover) !important;\n}\n\n:host(.navigation-item:not(.navigation-item-top-nav-child, .navigation-item-side-menu, .navigation-item-top-nav-child-selected\n      .navigation-item-side-menu-selected))\n  .focus-indicator:focus-within {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n}\n\n:host(.navigation-item) .link:focus,\n:host(.navigation-item) ::slotted(a:focus) {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(.navigation-item-selected) .link:focus,\n:host(.navigation-item) ::slotted(a.active:focus) {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(.navigation-item-selected.dark) .link:focus,\n:host(.navigation-item.dark) ::slotted(a.active:focus) {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(.navigation-item) .link:active:not(:focus),\n:host(.navigation-item) ::slotted(a:active:not(:focus)) {\n  background-color: var(--ic-theme-active);\n}\n\n:host(.navigation-item-side-menu) .link,\n:host(.navigation-item-side-menu) ::slotted(a) {\n  height: 2.5rem;\n  width: 100%;\n  box-sizing: border-box;\n  color: var(--ic-color-primary-text);\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  text-decoration: none;\n  transition: box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-fast);\n}\n\n:host(.navigation-item-side-menu) ::slotted(a) {\n  font: var(--ic-font-body) !important;\n  letter-spacing: var(--ic-font-letter-spacing-0pt005) !important;\n  transition: box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast);\n}\n\n:host(.navigation-item-side-menu) .link:hover:not(:focus) {\n  background-color: var(--ic-action-dark-bg-hover);\n}\n\n:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus)) {\n  background-color: var(--ic-action-dark-bg-hover) !important;\n}\n\n:host(.navigation-item-side-menu) .focus-indicator:focus-within {\n  box-shadow: none;\n}\n\n:host(.navigation-item-side-menu) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a:focus) {\n  box-shadow: var(--ic-border-focus-inset) !important;\n  padding-right: var(--ic-space-lg);\n  width: auto;\n  border-radius: var(--ic-border-radius-inset) !important;\n}\n\n:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu-selected) ::slotted(a) {\n  transition: box-shadow var(--ic-easing-transition-slow),\n    background-color var(--ic-easing-transition-slow);\n}\n\n:host(.navigation-item-side-menu-selected) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus) {\n  margin-left: var(--ic-space-xs) !important;\n  padding-left: var(--ic-space-xs) !important;\n}\n\n:host(.navigation-item-top-nav-child) .link,\n:host(.navigation-item-top-nav-child) ::slotted(a) {\n  height: 2.5rem;\n  width: fit-content;\n  min-width: 9.063rem;\n  color: var(--ic-color-primary-text);\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 0 var(--ic-space-md) !important;\n  text-decoration: none;\n  position: relative;\n  transition: box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-slow);\n}\n\n:host(.navigation-item-top-nav-child) ::slotted(a) {\n  font: var(--ic-font-body) !important;\n  letter-spacing: var(--ic-font-letter-spacing-0pt005) !important;\n}\n\n:host(.navigation-item-top-nav-child) .link:hover:not(:focus) {\n  background-color: var(--ic-action-dark-bg-hover) !important;\n}\n\n:host(.navigation-item-top-nav-child) ::slotted(a:hover):not(:focus) {\n  background-color: var(--ic-action-dark-bg-hover) !important;\n}\n\n:host(.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-top-nav-child) ::slotted(a:focus) {\n  z-index: 1;\n  outline: var(--ic-hc-focus-outline);\n  border-radius: var(--ic-border-radius-inset);\n  box-shadow: var(--ic-border-focus-inset);\n  transition: border-radius 0s, box-shadow var(--ic-transition-duration-fast);\n}\n\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus) {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n}\n\n:host(.navigation-item-side-menu) .link:active:not(:focus) {\n  background-color: var(--ic-action-dark-bg-active);\n}\n\n:host(.navigation-item-top-nav-child) .link:active:not(:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus) {\n  outline: var(--ic-hc-focus-outline);\n  background-color: var(--ic-action-dark-bg-active);\n}\n\n:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus),\n:host(.navigation-item-side-menu) ::slotted(a:active):not(:focus) {\n  background-color: var(--ic-action-dark-bg-active) !important;\n}\n\n:host(.navigation-item-side-menu-selected) *,\n:host(.navigation-item-top-nav-child-selected) *,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active) {\n  font-weight: 700 !important;\n}\n\n:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,\n:host(.navigation-item-top-nav-child-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  width: var(--ic-space-xs);\n  height: 2.5rem;\n  margin-top: 0.25rem;\n  margin-right: 0.313rem;\n  background-color: var(--ic-action-default);\n  transition: left 0s;\n}\n\n:host(.navigation-item-top-nav-child-selected) .link:focus {\n  margin-left: var(--ic-space-xs);\n  margin-right: calc(-1 * var(--ic-space-xs));\n  padding-left: var(--ic-space-xs) !important;\n}\n\n:host(.navigation-item-top-nav-child-selected) .link:focus::before {\n  left: calc(-1 * var(--ic-space-xs));\n  z-index: 1;\n}\n\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before {\n  z-index: 1;\n}\n\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before {\n  left: calc(-1 * var(--ic-space-xs));\n}\n\n:host(.navigation-item-side-menu-selected) .link::after {\n  display: none;\n}\n\n:host(.navigation-item-side-nav-collapsed) .link {\n  height: 100%;\n}\n\n:host(.navigation-item-side-nav-collapsed) ::slotted(svg),\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg) {\n  margin: auto;\n  pointer-events: none;\n}\n\n:host(.navigation-item-side-nav-collapsed) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) ic-typography {\n  align-items: center;\n  padding: 0;\n  margin: auto 0;\n  width: fit-content;\n  pointer-events: none;\n}\n\n:host(.navigation-item-side-nav-collapsed-with-label) ic-typography {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  width: 100%;\n  text-align: center;\n}\n\n:host(.navigation-item-side-nav-collapsed-with-label) .link,\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a) {\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  padding: var(--ic-space-xs) !important;\n  gap: var(--ic-space-xxs);\n}\n\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  .link,\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  ::slotted(a) {\n  height: auto !important;\n  gap: 0;\n}\n\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  ::slotted(a) {\n  display: block;\n  text-align: center;\n}\n\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  .link\n  ic-typography {\n  opacity: 1;\n  min-width: min-content;\n}\n\n:host(.navigation-item-side-nav-collapsed) svg,\n:host(.navigation-item-side-nav-collapsed-with-label) svg {\n  display: none;\n}\n\n::slotted(svg) {\n  fill: var(--ic-theme-text);\n  width: var(--ic-space-lg);\n  margin-left: var(--ic-space-md);\n}\n\n.icon {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-xxl);\n  margin-left: calc(-1 * var(--ic-space-md));\n  flex: 0 1 0%;\n}\n\n.icon > ::slotted(*) {\n  margin-left: var(--ic-space-md) !important;\n}\n\n:host(.navigation-item-side-nav-collapsed) .icon > ::slotted(*) {\n  margin: auto !important;\n}\n\n:host(.navigation-item-side-nav) .link,\n:host(.navigation-item-side-nav) ::slotted(a) {\n  height: var(--navigation-item-height);\n  width: var(--navigation-item-width);\n  justify-content: var(--navigation-item-justify-content);\n  display: flex;\n  gap: var(--ic-space-xs);\n  box-sizing: border-box;\n  color: var(--navigation-item-child-color) !important;\n  text-decoration: none !important;\n  white-space: nowrap;\n  padding: 0 var(--ic-space-md);\n}\n\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a) {\n  height: var(--navigation-item-child-height);\n  width: var(--navigation-group-width);\n  color: var(--navigation-item-child-color) !important;\n  display: flex;\n  gap: 0.625rem;\n  box-sizing: border-box;\n  min-width: 0;\n  transition: box-shadow var(--ic-easing-transition-fast);\n  text-decoration: none !important;\n  white-space: nowrap;\n}\n\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n  ::slotted(a:focus) {\n  box-shadow: var(--ic-border-focus-dark);\n}\n\n:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active {\n  background-color: var(--navigation-item-child-active);\n}\n\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n  ::slotted(a:active) {\n  background-color: var(--navigation-item-child-active);\n}\n\n:host(.navigation-item-side-nav) a.link ic-typography,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n  a.link\n  ic-typography,\n:host(.navigation-item-side-nav) div.link ic-typography,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n  div.link\n  ic-typography,\n.navigation-item-side-nav-slotted-text {\n  opacity: var(--navigation-item-label-opacity);\n  transition: opacity var(--ic-easing-transition-slow);\n  white-space: wrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  min-width: 256px;\n}\n\n:host(.navigation-item-side-nav.navigation-item-selected) .link,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active) {\n  box-shadow: inset 0.313rem 0 0 var(--ic-theme-text);\n}\n\n:host(.navigation-item-side-nav.navigation-item-selected) .link::before,\n:host(.navigation-item-side-nav) ::slotted(a.active)::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  inset: 0 0 0 0.313rem;\n  border-radius: 0.688rem !important;\n  transition: var(--ic-easing-transition-slow);\n}\n\n:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before {\n  box-shadow: var(--ic-border-focus-inset);\n}\n\n:host(:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  .link {\n  opacity: var(--navigation-item-label-opacity);\n  height: auto;\n}\n\n:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n  .link,\n:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n  ::slotted(a) {\n  min-width: var(--navigation-group-item-min-width);\n  padding: var(--ic-space-xs) !important;\n  height: auto;\n  gap: 0;\n}\n\n:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n  ::slotted(a) {\n  display: block;\n}\n\n:host(.navigation-item-side-nav.navigation-item-selected) .link::after,\n:host(.navigation-item-side-nav) ::slotted(a.active)::after {\n  display: none;\n}\n\n:host(.navigation-item-side-nav.navigation-item) .link:focus,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus) {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  background-color: transparent;\n}\n\n:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus) {\n  margin: 0 auto;\n  box-shadow: inset 0.313rem 0 0 var(--ic-theme-text);\n  border-radius: 0;\n}\n\n:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus) {\n  background-color: var(--ic-theme-hover) !important;\n}\n\n:host(.navigation-item-page-header).link,\n:host(.navigation-item-page-header) a,\n:host(.navigation-item-page-header) ::slotted(a) {\n  height: 2.5rem !important;\n  color: var(--ic-color-primary-text) !important;\n  transition: all var(--ic-easing-transition-fast) !important;\n  box-shadow: rgba(23 89 188 / 0%) !important;\n}\n\n:host(.navigation-item-page-header.navigation-item-selected) .link::after,\n:host(.navigation-item-page-header) ::slotted(a.active)::after {\n  content: \" \" !important;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: var(--ic-space-xxs);\n  background-color: var(--ic-action-default) !important;\n}\n\n:host(.navigation-item-page-header) .link:hover,\n:host(.navigation-item-page-header) ::slotted(.link:hover),\n:host(.navigation-item-page-header) ::slotted(a:hover),\n:host(.navigation-item-page-header) .link:hover:not(:focus) {\n  background-color: var(--ic-action-default-bg-hover) !important;\n  cursor: pointer;\n}\n\n:host(.navigation-item-page-header) .link:focus,\n:host(.navigation-item-page-header) ::slotted(a:focus) {\n  box-shadow: var(--ic-border-focus);\n}\n\n:host(.navigation-item-page-header) .link:active,\n:host(.navigation-item-page-header) ::slotted(a:active) {\n  background-color: var(--ic-action-default-bg-active) !important;\n}\n\n:host(.navigation-item-page-header.navigation-item-selected) .link:focus::after,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)::after {\n  border-bottom-left-radius: var(--ic-border-radius);\n  border-bottom-right-radius: var(--ic-border-radius);\n}\n\n:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n  .link,\n:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n  ::slotted(a.active) {\n  transition: all var(--ic-easing-transition-fast),\n    border-color var(--ic-transition-duration-fast);\n}\n\n:host(.navigation-item-page-header) ::slotted(a.active)::before,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,\n:host(.navigation-item-page-header.navigation-item-selected)\n  .link:focus::before {\n  display: none;\n}\n\n.open-in-new-icon {\n  flex: 1;\n}\n\n.open-in-new-icon svg {\n  margin-top: var(--ic-space-xxs);\n  padding-left: var(--ic-space-xxs);\n}\n\n:host(.navigation-item-side-nav) .open-in-new-icon {\n  margin-left: calc(-1 * var(--ic-space-xs));\n}\n\n:host(.navigation-item-top-nav) .open-in-new-icon svg,\n:host(.navigation-item-page-header) .open-in-new-icon svg,\n:host(.navigation-item-side-nav) .open-in-new-icon svg {\n  height: 0.875rem;\n  width: 0.875rem;\n}\n\n:host(.navigation-item-side-menu) .open-in-new-icon svg,\n:host(.navigation-item-top-nav-child) .open-in-new-icon svg {\n  height: var(--ic-space-md);\n  width: var(--ic-space-md);\n}\n\n:host(.navigation-item-page-header) .open-in-new-icon svg,\n:host(.navigation-item-top-nav-child) .open-in-new-icon svg,\n:host(.navigation-item-side-menu) .open-in-new-icon svg {\n  fill: var(--ic-color-primary-text);\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Listen,\n  Method,\n  h,\n  Host,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\nimport {\n  DEVICE_SIZES,\n  getCurrentDeviceSize,\n  getThemeForegroundColor,\n  getParentElementType,\n  getNavItemParentDetails,\n} from \"../../utils/helpers\";\nimport { IcNavType, IcTheme } from \"../../utils/types\";\n\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\n\nimport OpenInNew from \"../../assets/OpenInNew.svg\";\n\n/**\n * @part link - The `<a>` within ic-navigation-item\n */\n\n@Component({\n  tag: \"ic-navigation-item\",\n  styleUrl: \"ic-navigation-item.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class NavigationItem {\n  private navigationSlot: HTMLElement;\n  private isInitialRender: boolean = true;\n  private itemEl: HTMLElement;\n\n  @Element() el: HTMLIcNavigationItemElement;\n\n  @State() deviceSize: number = DEVICE_SIZES.XL;\n  @State() focusStyle = getThemeForegroundColor();\n  @State() inTopNavSideMenu: boolean = false;\n  @State() isSideNavMobile: boolean = false;\n  @State() isTopNavChild: boolean = false;\n  @State() navigationType: IcNavType | \"\";\n  @State() parentEl: HTMLElement;\n  @State() sideNavExpanded: boolean = false;\n\n  /**\n   * @internal If `true`, the icon and label will be displayed when side navigation is collapsed.\n   */\n  @Prop() collapsedIconLabel: boolean = false;\n\n  /**\n   * @internal If `true`, the navigation item will be displayed within a tooltip.\n   */\n  @Prop() displayNavigationTooltip: boolean = false;\n\n  /**\n   * If `true`, the user can save the linked URL instead of navigating to it.\n   */\n  @Prop() download?: string | boolean = false;\n\n  /**\n   *  @internal If `true`, the navigation item will be expandable.\n   */\n  @Prop() expandable: boolean = false;\n\n  /**\n   * The destination of the navigation item.\n   */\n  @Prop() href: string = \"\";\n\n  /**\n   * The human language of the linked URL.\n   */\n  @Prop() hreflang?: string;\n\n  /**\n   * The label of the navigation item.\n   */\n  @Prop() label: string;\n\n  /**\n   * The relationship of the linked URL as space-separated link types.\n   */\n  @Prop() rel?: string;\n\n  /**\n   * How much of the referrer to send when following the link.\n   */\n  @Prop() referrerpolicy?: ReferrerPolicy;\n\n  /**\n   *  If `true`, the navigation item will be set in a selected state.\n   */\n  @Prop() selected: boolean = false;\n\n  /**\n   *  The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\n   */\n  @Prop() target?: string;\n\n  /**\n   * @internal - Emitted when item loses focus.\n   */\n  @Event() childBlur: EventEmitter<void>;\n\n  /**\n   * @internal - Emitted when navigation item clicked.\n   */\n  @Event() navItemClicked: EventEmitter<void>;\n\n  disconnectedCallback(): void {\n    if (this.navigationType === \"side\") {\n      this.parentEl.removeEventListener(\n        \"sideNavExpanded\",\n        this.sideNavExpandHandler\n      );\n    } else if (this.navigationType === \"top\") {\n      this.parentEl.removeEventListener(\n        \"topNavResized\",\n        this.topNavResizedHandler\n      );\n    }\n  }\n\n  componentWillLoad(): void {\n    const navParentDetails = getNavItemParentDetails(this.el);\n    this.navigationType = navParentDetails.navType;\n    this.parentEl = navParentDetails.parent;\n\n    if (this.navigationType === \"side\") {\n      this.parentEl.addEventListener(\n        \"sideNavExpanded\",\n        this.sideNavExpandHandler\n      );\n    } else if (this.navigationType === \"top\") {\n      this.parentEl.addEventListener(\n        \"topNavResized\",\n        this.topNavResizedHandler\n      );\n    }\n\n    if (\n      getParentElementType(this.el) === \"IC-NAVIGATION-GROUP\" &&\n      this.navigationType === \"top\"\n    ) {\n      this.isTopNavChild = true;\n    }\n\n    this.deviceSize = getCurrentDeviceSize();\n    if (this.deviceSize <= DEVICE_SIZES.L && this.navigationType === \"top\") {\n      this.inTopNavSideMenu = true;\n    }\n\n    this.navigationSlot = this.el.querySelector('[slot=\"navigation-item\"]');\n    if (this.navigationSlot) {\n      this.navigationSlot.ariaLabel = this.navigationSlot.textContent.trim();\n    }\n  }\n\n  componentDidUpdate(): void {\n    this.isInitialRender = false;\n  }\n\n  @Listen(\"themeChange\", { target: \"document\" })\n  themeChangeHandler(ev: CustomEvent): void {\n    const theme: IcTheme = ev.detail;\n    this.focusStyle = theme.mode;\n  }\n\n  /**\n   * Sets focus on the nav item.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    if (this.itemEl) {\n      this.itemEl.focus();\n    }\n  }\n\n  private displayDefaultNavigationItem = (\n    href: string,\n    hreflang: string,\n    target: string,\n    rel: string,\n    referrerpolicy: ReferrerPolicy,\n    download: string | boolean,\n    label: string\n  ): HTMLElement => {\n    const variant =\n      this.isTopNavChild || this.inTopNavSideMenu ? \"body\" : \"label\";\n    const ChevronIconComponent = this.expandable && (\n      <div class={{ svg: true }} innerHTML={chevronIcon}></div>\n    );\n    const IconComponent = this.el.querySelector('[slot=\"icon\"]') && (\n      <div class=\"icon\">\n        {\" \"}\n        <slot name=\"icon\"></slot>{\" \"}\n      </div>\n    );\n\n    if (href !== \"\") {\n      return (\n        <a\n          href={href}\n          target={target}\n          rel={rel}\n          hreflang={hreflang}\n          referrerPolicy={referrerpolicy}\n          download={download !== false ? download : null}\n          class=\"link\"\n          ref={(el) => (this.itemEl = el)}\n          part=\"link\"\n        >\n          {IconComponent}\n\n          <ic-typography variant={variant}>{label}</ic-typography>\n          {ChevronIconComponent}\n          {target === \"_blank\" && (\n            <span class=\"open-in-new-icon\" innerHTML={OpenInNew} />\n          )}\n        </a>\n      );\n    }\n\n    return (\n      <div tabindex=\"0\" class=\"link\" ref={(el) => (this.itemEl = el)}>\n        {IconComponent}\n        <ic-typography variant={variant}>{label}</ic-typography>\n        {ChevronIconComponent}\n      </div>\n    );\n  };\n\n  private topNavResizedHandler = (ev: CustomEvent): void => {\n    const newSize = ev.detail.size;\n    if (newSize !== this.deviceSize) {\n      this.deviceSize = newSize;\n      this.inTopNavSideMenu = newSize <= DEVICE_SIZES.L;\n    }\n  };\n\n  private sideNavExpandHandler = (ev: CustomEvent): void => {\n    const { sideNavExpanded, sideNavMobile } = ev.detail;\n    this.sideNavExpanded = sideNavExpanded;\n    this.isSideNavMobile = sideNavMobile;\n  };\n\n  private handleBlur = (ev: FocusEvent) => {\n    if (ev.relatedTarget !== null) {\n      const target = ev.relatedTarget as HTMLElement;\n      if (target.tagName === \"IC-NAVIGATION-ITEM\") {\n        return;\n      }\n    }\n    this.childBlur.emit();\n  };\n\n  private handleClick = () => {\n    this.navItemClicked.emit();\n  };\n\n  render() {\n    const {\n      href,\n      hreflang,\n      target,\n      rel,\n      referrerpolicy,\n      download,\n      label,\n      inTopNavSideMenu,\n      isTopNavChild,\n      selected,\n      navigationSlot,\n    } = this;\n\n    return (\n      <Host\n        class={{\n          [\"navigation-item\"]: true,\n          [\"navigation-item-top-nav\"]:\n            !inTopNavSideMenu && this.navigationType === \"top\",\n          [\"navigation-item-top-nav-child-selected\"]:\n            isTopNavChild && !inTopNavSideMenu && selected,\n          [this.focusStyle]:\n            (!inTopNavSideMenu && !isTopNavChild) ||\n            (this.navigationType === \"side\" && isTopNavChild),\n          [\"navigation-item-selected\"]: !isTopNavChild && selected,\n          [\"navigation-item-side-menu\"]: inTopNavSideMenu,\n          [\"navigation-item-side-menu-selected\"]: inTopNavSideMenu && selected,\n          [\"navigation-item-top-nav-child\"]: isTopNavChild && !inTopNavSideMenu,\n          [\"navigation-item-page-header\"]:\n            this.navigationType === \"page-header\",\n          [\"with-transition\"]: !this.isInitialRender,\n          [\"navigation-item-side-nav\"]: this.navigationType === \"side\",\n          [\"navigation-item-side-nav-collapsed\"]:\n            (!this.sideNavExpanded || this.displayNavigationTooltip) &&\n            this.navigationType === \"side\",\n          [\"navigation-item-side-nav-collapsed-with-label\"]:\n            !this.sideNavExpanded &&\n            this.navigationType === \"side\" &&\n            this.collapsedIconLabel &&\n            !this.isSideNavMobile,\n          [\"expandable\"]: this.expandable,\n        }}\n        onBlur={isTopNavChild && !inTopNavSideMenu ? this.handleBlur : null}\n        onClick={this.handleClick}\n        aria-current={selected ? \"page\" : null}\n        role=\"listitem\"\n      >\n        {/* Tooltip enabled by applying navigation-item-side-nav-collapsed class to host */}\n        <ic-tooltip\n          label={label || navigationSlot.textContent}\n          target=\"navigation-item\"\n          placement=\"right\"\n          class={{\n            [\"tooltip-navigation-item\"]: true,\n            [\"tooltip-navigation-item-side-nav-collapsed\"]:\n              (!this.sideNavExpanded || this.displayNavigationTooltip) &&\n              this.navigationType === \"side\",\n            [\"tooltip-long-label-navigation-item-side-nav-expanded\"]:\n              this.el.hasAttribute(\"[display-navigation-tooltip = 'true']\"),\n          }}\n        >\n          {navigationSlot ? (\n            <slot name=\"navigation-item\"></slot>\n          ) : (\n            this.displayDefaultNavigationItem(\n              href,\n              hreflang,\n              target,\n              rel,\n              referrerpolicy,\n              download,\n              label\n            )\n          )}\n        </ic-tooltip>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/core/p-3c50e682.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as i,h as t,H as a,g as o}from"./p-03935e89.js";import{r as c,d as r,a as n,e as s,f as l,h as d,i as h}from"./p-ba27b1e2.js";import"./p-613aa265.js";const p='/*! 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(.disabled){color:var(--ic-architectural-200);pointer-events:none}.container{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}:host(.small) .container{margin-bottom:var(--ic-space-xxxs)}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:transparent;border:var(--ic-space-1px) solid var(--ic-architectural-300);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}:host(.small) .checkbox,:host(.small) .container svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.large) .checkbox,:host(.large) .container svg{width:var(--ic-space-xl);height:var(--ic-space-xl)}.checkbox:checked{background-color:var(--ic-action-default);border:var(--ic-space-1px) solid var(--ic-action-default);transition:var(--ic-easing-transition-slow)}.checkbox:checked:disabled{background-color:var(--ic-architectural-200)}.checkbox:indeterminate,.checkbox.indeterminate:checked{background-color:transparent;border:0.125rem solid var(--ic-action-default)}.checkbox:checked:hover{background-color:var(--ic-action-default-hover)}.checkbox:indeterminate:hover,.checkbox.indeterminate:checked:hover{background-color:var(--ic-action-default-bg-hover);border:0.125rem solid var(--ic-action-default-hover)}.checkbox:checked:active{background-color:var(--ic-action-default-active)}.checkbox:indeterminate:active,.checkbox.indeterminate:checked:active{background-color:var(--ic-action-default-bg-active);border:0.125rem solid var(--ic-action-default-active)}.checkbox:hover{background-color:var(--ic-action-default-bg-hover);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-hover);border:var(--ic-space-1px) solid var(--ic-action-default-hover)}.checkbox:active{background-color:var(--ic-action-default-bg-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active);border:var(--ic-space-1px) solid var(--ic-action-default-active)}.checkbox:focus{box-shadow:var(--ic-border-focus)}.checkbox:disabled{border:var(--ic-space-1px) dashed var(--ic-architectural-200)}.checkbox-label{padding-left:var(--ic-space-sm)}.checkbox-label:hover{cursor:pointer}.checkmark{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:white;z-index:1;background-color:transparent;pointer-events:none;flex-shrink:0}:host(.small) .checkmark{margin-left:calc(-1 * var(--ic-space-md));right:calc(-1 * var(--ic-space-md))}:host(.large) .checkmark{margin-left:calc(-1 * var(--ic-space-xl));right:calc(-1 * var(--ic-space-xl))}.indeterminate-symbol{position:relative;width:0.875rem;height:var(--ic-space-xxxs);right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-action-default);pointer-events:none;flex-shrink:0}:host(.small) .indeterminate-symbol{width:0.6rem;right:-0.8rem;margin-left:-0.6rem}:host(.large) .indeterminate-symbol{width:1.25rem;right:-1.625rem;margin-left:-1.25rem}.container:hover .indeterminate-symbol{background-color:var(--ic-action-default-hover)}.container:active .indeterminate-symbol{background-color:var(--ic-action-default-active)}.additional-field-wrapper{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}.branch-corner{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-action-default);border-left:0.125rem solid var(--ic-action-default)}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-text{color:var(--ic-action-default);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){::slotted(ic-text-field){--input-width:100%}}@media (forced-colors: active){.checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}.checkbox:checked{transition:none}.checkbox:focus-visible{outline:0.125rem solid highlight}.checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.checkmark{fill:none}.indeterminate-symbol{display:none}}';const b=class{constructor(t){e(this,t);this.checkboxChecked=i(this,"checkboxChecked",7);this.icCheck=i(this,"icCheck",7);this.IC_TEXT_FIELD="ic-text-field";this.eventHandler=e=>{e.stopImmediatePropagation()};this.handleClick=()=>{this.checked=!this.checked;this.icCheck.emit();this.checkboxChecked.emit()};this.handleFormReset=()=>{this.checked=this.initiallyChecked};this.additionalFieldDisplay="static";this.checked=false;this.initiallyChecked=this.checked;this.disabled=false;this.dynamicText="This selection requires additional answers";this.groupLabel=undefined;this.indeterminate=false;this.label=undefined;this.name=undefined;this.size=undefined;this.small=false;this.value=undefined}componentWillLoad(){var e;c(this.disabled,this.host);r(this.host,this.handleFormReset);(e=this.host.querySelector(this.IC_TEXT_FIELD))===null||e===void 0?void 0:e.addEventListener("icChange",this.eventHandler)}componentDidLoad(){n([{prop:this.label,propName:"label"},{prop:this.value,propName:"value"}],"Checkbox")}componentDidRender(){if(this.additionalFieldDisplay==="static"){const e=this.host.querySelector(this.IC_TEXT_FIELD);if(!this.checked){e&&e.setAttribute("disabled","")}else{e&&e.removeAttribute("disabled")}}else{if(!this.checked){this.additionalFieldContainer.style.display="none"}else{this.additionalFieldContainer.style.display="flex"}}}disconnectedCallback(){var e;s(this.host,this.handleFormReset);(e=this.host.querySelector(this.IC_TEXT_FIELD))===null||e===void 0?void 0:e.removeEventListener("icChange",this.eventHandler)}async setFocus(){const e=this.host.shadowRoot.querySelector(".checkbox");if(e){e.focus()}}render(){let e=`ic-checkbox-${this.label!==undefined?this.label:this.value}-${this.groupLabel}`;e=e.replace(/ /g,"-");const i=this.host.parentElement.size;this.checked?l(true,this.host,this.name,this.checked&&this.value,this.disabled):d(this.host);return t(a,{class:{["disabled"]:this.disabled,["small"]:this.small,[`${this.size||i}`]:true}},t("div",{class:"container"},this.checked&&!this.indeterminate&&t("svg",{class:"checkmark",width:"1.5rem",height:"1.5rem",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","fill-rule":"evenodd","clip-rule":"evenodd"},t("title",null,"checkmark icon"),t("path",{d:"M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z"})),this.checked&&this.indeterminate&&t("div",{class:"indeterminate-symbol"}),t("input",{role:"checkbox",class:{["checkbox"]:true,["checked"]:this.checked,["indeterminate"]:this.indeterminate},type:"checkbox",name:this.name,id:e,value:this.value,disabled:this.disabled?true:null,checked:this.checked,indeterminate:this.indeterminate,onClick:this.handleClick}),t("ic-typography",{class:"checkbox-label",variant:"body"},t("label",{htmlFor:e},this.label))),h(this.host,"additional-field")&&t("div",{class:"dynamic-container",ref:e=>this.additionalFieldContainer=e},this.additionalFieldDisplay==="dynamic"&&t("div",{class:"branch-corner"}),t("div",null,this.additionalFieldDisplay==="dynamic"&&t("ic-typography",{variant:"caption"},t("p",{class:"dynamic-text","aria-live":"polite"},this.dynamicText)),t("div",{class:{"additional-field-wrapper":this.additionalFieldDisplay==="static"}},t("slot",{name:"additional-field"})))))}static get delegatesFocus(){return true}get host(){return o(this)}};b.style=p;export{b as ic_checkbox};
-//# sourceMappingURL=p-3c50e682.entry.js.map

package/dist/core/p-3c50e682.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icCheckboxCss","Checkbox","this","IC_TEXT_FIELD","eventHandler","event","stopImmediatePropagation","handleClick","checked","icCheck","emit","checkboxChecked","handleFormReset","initiallyChecked","componentWillLoad","removeDisabledFalse","disabled","host","addFormResetListener","_a","querySelector","addEventListener","componentDidLoad","onComponentRequiredPropUndefined","prop","label","propName","value","componentDidRender","additionalFieldDisplay","textfield","setAttribute","removeAttribute","additionalFieldContainer","style","display","disconnectedCallback","removeFormResetListener","removeEventListener","setFocus","checkboxEl","shadowRoot","focus","render","id","undefined","groupLabel","replace","parentElementSize","parentElement","size","renderHiddenInput","name","removeHiddenInput","h","Host","class","small","indeterminate","width","height","viewBox","xmlns","d","role","type","onClick","variant","htmlFor","isSlotUsed","ref","el","dynamicText"],"sources":["src/components/ic-checkbox/ic-checkbox.css?tag=ic-checkbox&encapsulation=shadow","src/components/ic-checkbox/ic-checkbox.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host(.disabled) {\n  color: var(--ic-architectural-200);\n  pointer-events: none;\n}\n\n.container {\n  display: flex;\n  width: fit-content;\n  padding: var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);\n  margin-bottom: var(--ic-space-xxs);\n  align-items: center;\n}\n\n:host(.small) .container {\n  margin-bottom: var(--ic-space-xxxs);\n}\n\n.checkbox {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: block;\n  position: relative;\n  top: 0;\n  left: 0;\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  background-color: transparent;\n  border: var(--ic-space-1px) solid var(--ic-architectural-300);\n  border-radius: var(--ic-border-radius);\n  outline: none;\n  cursor: pointer;\n  transition: var(--ic-easing-transition-fast);\n  flex-shrink: 0;\n}\n\n:host(.small) .checkbox,\n:host(.small) .container svg {\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n}\n\n:host(.large) .checkbox,\n:host(.large) .container svg {\n  width: var(--ic-space-xl);\n  height: var(--ic-space-xl);\n}\n\n.checkbox:checked {\n  background-color: var(--ic-action-default);\n  border: var(--ic-space-1px) solid var(--ic-action-default);\n  transition: var(--ic-easing-transition-slow);\n}\n\n.checkbox:checked:disabled {\n  background-color: var(--ic-architectural-200);\n}\n\n.checkbox:indeterminate,\n.checkbox.indeterminate:checked {\n  background-color: transparent;\n  border: 0.125rem solid var(--ic-action-default);\n}\n\n.checkbox:checked:hover {\n  background-color: var(--ic-action-default-hover);\n}\n\n.checkbox:indeterminate:hover,\n.checkbox.indeterminate:checked:hover {\n  background-color: var(--ic-action-default-bg-hover);\n  border: 0.125rem solid var(--ic-action-default-hover);\n}\n\n.checkbox:checked:active {\n  background-color: var(--ic-action-default-active);\n}\n\n.checkbox:indeterminate:active,\n.checkbox.indeterminate:checked:active {\n  background-color: var(--ic-action-default-bg-active);\n  border: 0.125rem solid var(--ic-action-default-active);\n}\n\n.checkbox:hover {\n  background-color: var(--ic-action-default-bg-hover);\n  box-shadow: 0 0 0 0.25rem var(--ic-action-default-bg-hover);\n  border: var(--ic-space-1px) solid var(--ic-action-default-hover);\n}\n\n.checkbox:active {\n  background-color: var(--ic-action-default-bg-active);\n  box-shadow: 0 0 0 0.25rem var(--ic-action-default-bg-active);\n  border: var(--ic-space-1px) solid var(--ic-action-default-active);\n}\n\n.checkbox:focus {\n  box-shadow: var(--ic-border-focus);\n}\n\n.checkbox:disabled {\n  border: var(--ic-space-1px) dashed var(--ic-architectural-200);\n}\n\n.checkbox-label {\n  padding-left: var(--ic-space-sm);\n}\n\n.checkbox-label:hover {\n  cursor: pointer;\n}\n\n.checkmark {\n  position: relative;\n  right: calc(-1 * var(--ic-space-lg));\n  margin-left: calc(-1 * var(--ic-space-lg));\n  fill: white;\n  z-index: 1;\n  background-color: transparent;\n  pointer-events: none;\n  flex-shrink: 0;\n}\n\n:host(.small) .checkmark {\n  margin-left: calc(-1 * var(--ic-space-md));\n  right: calc(-1 * var(--ic-space-md));\n}\n\n:host(.large) .checkmark {\n  margin-left: calc(-1 * var(--ic-space-xl));\n  right: calc(-1 * var(--ic-space-xl));\n}\n\n.indeterminate-symbol {\n  position: relative;\n  width: 0.875rem;\n  height: var(--ic-space-xxxs);\n  right: -1.188rem;\n  margin-left: -0.875rem;\n  z-index: 1;\n  background-color: var(--ic-action-default);\n  pointer-events: none;\n  flex-shrink: 0;\n}\n\n:host(.small) .indeterminate-symbol {\n  width: 0.6rem;\n  right: -0.8rem;\n  margin-left: -0.6rem;\n}\n\n:host(.large) .indeterminate-symbol {\n  width: 1.25rem;\n  right: -1.625rem;\n  margin-left: -1.25rem;\n}\n\n.container:hover .indeterminate-symbol {\n  background-color: var(--ic-action-default-hover);\n}\n\n.container:active .indeterminate-symbol {\n  background-color: var(--ic-action-default-active);\n}\n\n.additional-field-wrapper {\n  margin-left: calc(var(--ic-space-md) + var(--ic-space-lg));\n  margin-top: calc(var(--ic-space-sm) / 2);\n}\n\n.branch-corner {\n  color: var(--ic-action-default);\n  height: var(--ic-space-md);\n  width: var(--ic-space-xl);\n  border-radius: 0 0 0 0.188rem;\n  border-bottom: 0.125rem solid var(--ic-action-default);\n  border-left: 0.125rem solid var(--ic-action-default);\n}\n\n.dynamic-container {\n  display: flex;\n  position: relative;\n  margin: var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);\n  gap: var(--ic-space-xs);\n}\n\n.dynamic-text {\n  color: var(--ic-action-default);\n  margin-top: calc(var(--ic-space-sm) / 2);\n  margin-bottom: var(--ic-space-xs);\n  border-radius: 2%;\n}\n\n@media (max-width: 576px) {\n  ::slotted(ic-text-field) {\n    --input-width: 100%;\n  }\n}\n\n@media (forced-colors: active) {\n  /* Styles here only apply to Forced Colors Mode */\n  .checkbox {\n    appearance: revert;\n    transition: none;\n  }\n\n  .checkbox:checked {\n    transition: none;\n  }\n\n  .checkbox:focus-visible {\n    outline: 0.125rem solid highlight;\n  }\n\n  .checkbox:disabled:not(:checked) {\n    appearance: none;\n    border-color: GrayText;\n  }\n\n  .checkmark {\n    fill: none;\n  }\n\n  .indeterminate-symbol {\n    display: none;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Method,\n} from \"@stencil/core\";\nimport { IcAdditionalFieldTypes, IcSizes } from \"../../utils/types\";\nimport {\n  isSlotUsed,\n  onComponentRequiredPropUndefined,\n  renderHiddenInput,\n  removeHiddenInput,\n  addFormResetListener,\n  removeFormResetListener,\n  removeDisabledFalse,\n} from \"../../utils/helpers\";\n\n@Component({\n  tag: \"ic-checkbox\",\n  styleUrl: \"ic-checkbox.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class Checkbox {\n  private additionalFieldContainer: HTMLDivElement;\n  private IC_TEXT_FIELD: string = \"ic-text-field\";\n\n  @Element() host: HTMLIcCheckboxElement;\n\n  /**\n   * The style of additionalField that will be displayed if used.\n   */\n  @Prop({ reflect: true }) additionalFieldDisplay: IcAdditionalFieldTypes =\n    \"static\";\n\n  /**\n   * If `true`, the checkbox will be set to the checked state.\n   */\n  @Prop({ reflect: true, mutable: true }) checked?: boolean = false;\n  @State() initiallyChecked = this.checked;\n\n  /**\n   * If `true`, the checkbox will be set to the disabled state.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * The text to be displayed when dynamic.\n   */\n  @Prop() dynamicText: string = \"This selection requires additional answers\";\n\n  /**\n   * The group label for the checkbox.\n   */\n  @Prop() groupLabel: string;\n\n  /**\n   * If `true`, the indeterminate state will be displayed when checked.\n   */\n  @Prop() indeterminate: boolean = false;\n\n  /**\n   * The label for the checkbox.\n   */\n  @Prop() label!: string;\n\n  /**\n   * The name for the checkbox. If not set when used in a checkbox group, the name will be based on the group name.\n   */\n  @Prop() name: string;\n\n  /**\n   * The size of the checkbox to be displayed. This does not affect the font size of the label. If a checkbox is contained in a checkbox group, this will override the size set on checkbox group.\n   */\n  @Prop() size?: IcSizes;\n\n  /**\n   * @deprecated This prop should not be used anymore. Set prop `size` to \"small\" instead.\n   */\n  @Prop() small?: boolean = false;\n\n  /**\n   * The value for the checkbox.\n   */\n  @Prop() value!: string;\n\n  /**\n   * @deprecated This event should not be used anymore. Use icCheck instead.\n   */\n  @Event() checkboxChecked: EventEmitter<void>;\n\n  /**\n   * Emitted when a checkbox has been checked.\n   */\n  @Event() icCheck: EventEmitter<void>;\n\n  componentWillLoad(): void {\n    removeDisabledFalse(this.disabled, this.host);\n\n    addFormResetListener(this.host, this.handleFormReset);\n    this.host\n      .querySelector(this.IC_TEXT_FIELD)\n      ?.addEventListener(\"icChange\", this.eventHandler);\n  }\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [\n        { prop: this.label, propName: \"label\" },\n        { prop: this.value, propName: \"value\" },\n      ],\n      \"Checkbox\"\n    );\n  }\n\n  componentDidRender(): void {\n    if (this.additionalFieldDisplay === \"static\") {\n      const textfield = this.host.querySelector(this.IC_TEXT_FIELD);\n      if (!this.checked) {\n        textfield && textfield.setAttribute(\"disabled\", \"\");\n      } else {\n        textfield && textfield.removeAttribute(\"disabled\");\n      }\n    } else {\n      if (!this.checked) {\n        this.additionalFieldContainer.style.display = \"none\";\n      } else {\n        this.additionalFieldContainer.style.display = \"flex\";\n      }\n    }\n  }\n\n  disconnectedCallback(): void {\n    removeFormResetListener(this.host, this.handleFormReset);\n    this.host\n      .querySelector(this.IC_TEXT_FIELD)\n      ?.removeEventListener(\"icChange\", this.eventHandler);\n  }\n\n  /**\n   * Sets focus on the checkbox.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    const checkboxEl: HTMLElement =\n      this.host.shadowRoot.querySelector(\".checkbox\");\n    if (checkboxEl) {\n      checkboxEl.focus();\n    }\n  }\n\n  private eventHandler = (event: CustomEvent) => {\n    event.stopImmediatePropagation();\n  };\n\n  private handleClick = () => {\n    this.checked = !this.checked;\n    this.icCheck.emit();\n    this.checkboxChecked.emit();\n  };\n\n  private handleFormReset = (): void => {\n    this.checked = this.initiallyChecked;\n  };\n\n  render() {\n    let id = `ic-checkbox-${\n      this.label !== undefined ? this.label : this.value\n    }-${this.groupLabel}`;\n\n    id = id.replace(/ /g, \"-\");\n\n    const parentElementSize = (\n      this.host.parentElement as HTMLIcCheckboxGroupElement\n    ).size;\n\n    this.checked\n      ? renderHiddenInput(\n          true,\n          this.host,\n          this.name,\n          this.checked && this.value,\n          this.disabled\n        )\n      : removeHiddenInput(this.host);\n\n    return (\n      <Host\n        class={{\n          [\"disabled\"]: this.disabled,\n          [\"small\"]: this.small,\n          [`${this.size || parentElementSize}`]: true,\n        }}\n      >\n        <div class=\"container\">\n          {this.checked && !this.indeterminate && (\n            <svg\n              class=\"checkmark\"\n              width=\"1.5rem\"\n              height=\"1.5rem\"\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              fill-rule=\"evenodd\"\n              clip-rule=\"evenodd\"\n            >\n              <title>checkmark icon</title>\n              <path d=\"M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z\" />\n            </svg>\n          )}\n          {this.checked && this.indeterminate && (\n            <div class=\"indeterminate-symbol\" />\n          )}\n          <input\n            role=\"checkbox\"\n            class={{\n              [\"checkbox\"]: true,\n              [\"checked\"]: this.checked,\n              [\"indeterminate\"]: this.indeterminate,\n            }}\n            type=\"checkbox\"\n            name={this.name}\n            id={id}\n            value={this.value}\n            disabled={this.disabled ? true : null}\n            checked={this.checked}\n            indeterminate={this.indeterminate}\n            onClick={this.handleClick}\n          ></input>\n          <ic-typography class=\"checkbox-label\" variant=\"body\">\n            <label htmlFor={id}>{this.label}</label>\n          </ic-typography>\n        </div>\n        {isSlotUsed(this.host, \"additional-field\") && (\n          <div\n            class=\"dynamic-container\"\n            ref={(el) => (this.additionalFieldContainer = el)}\n          >\n            {this.additionalFieldDisplay === \"dynamic\" && (\n              <div class=\"branch-corner\"></div>\n            )}\n            <div>\n              {this.additionalFieldDisplay === \"dynamic\" && (\n                <ic-typography variant=\"caption\">\n                  <p class=\"dynamic-text\" aria-live=\"polite\">\n                    {this.dynamicText}\n                  </p>\n                </ic-typography>\n              )}\n              <div\n                class={{\n                  \"additional-field-wrapper\":\n                    this.additionalFieldDisplay === \"static\",\n                }}\n              >\n                <slot name=\"additional-field\"></slot>\n              </div>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/core/p-3c545222.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icPageHeaderCss","PageHeader","this","resizeObserver","resizeObserverCallback","reverseOrder","isSlotUsed","el","applyReverseOrder","runResizeObserver","ResizeObserver","observe","currSize","getCurrentDeviceSize","deviceSize","actionArea","shadowRoot","querySelector","actionHeights","i","actionContent","length","action","actionHeight","offsetHeight","undefined","push","max","Math","actionAreaHeight","appendActionContent","reverse","forEach","btn","append","areButtonsReversed","DEVICE_SIZES","S","XL","disconnectedCallback","disconnect","componentWillLoad","Array","from","querySelectorAll","componentDidLoad","checkResizeObserver","render","small","border","heading","subheading","aligned","sticky","stickyDesktopOnly","h","Host","class","fullHeight","name","variant"],"sources":["src/components/ic-page-header/ic-page-header.css?tag=ic-page-header&encapsulation=shadow","src/components/ic-page-header/ic-page-header.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n * @prop --ic-z-index-page-header: z-index of page-header\n */\n\n:host {\n  display: block;\n  z-index: var(--ic-z-index-page-header);\n}\n\n:host(.sticky) {\n  position: sticky;\n  top: 0;\n  box-shadow: var(--ic-elevation-overlay);\n  z-index: var(--ic-z-index-sticky-page-header);\n}\n\nheader {\n  background-color: var(--ic-architectural-40);\n}\n\nheader.border-bottom {\n  border-bottom: var(--ic-border-default);\n}\n\nheader.tabs {\n  padding-top: var(--ic-space-md);\n}\n\n.breadcrumb-area {\n  margin-bottom: var(--ic-space-md);\n}\n\n.main-content {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-template-areas:\n    \"title-area action-area\"\n    \"input-area action-area\";\n  column-gap: var(--ic-space-md);\n  justify-content: space-between;\n  width: 100%;\n}\n\n.title-area {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 19rem;\n  grid-area: title-area;\n}\n\n.header-content {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  flex-wrap: wrap;\n  row-gap: var(--ic-space-xs);\n  column-gap: var(--ic-space-md);\n}\n\n.heading {\n  display: inline-block;\n  overflow-wrap: break-word;\n  hyphens: auto;\n}\n\n.subheading.small {\n  margin-top: var(--ic-space-xs);\n}\n\n.action-area {\n  display: flex;\n  gap: var(--ic-space-md);\n  flex-flow: row wrap;\n  justify-self: end;\n  justify-content: flex-end;\n  height: fit-content;\n  grid-area: action-area;\n}\n\n.input-area,\n.navigation-area {\n  margin-top: var(--ic-space-md);\n  width: 100%;\n}\n\n.tabs-slot {\n  display: flex;\n  overflow-x: auto;\n  padding: 0.5rem;\n  margin: -0.5rem;\n}\n\n.tabs-slot::-webkit-scrollbar {\n  display: none;\n}\n\n.input-area {\n  grid-area: input-area;\n}\n\n@media screen and (max-width: 576px) {\n  ::slotted(ic-text-field) {\n    --input-width: 100%;\n\n    max-width: 20rem;\n  }\n\n  .main-content {\n    grid-template-areas:\n      \"title-area\"\n      \"action-area\"\n      \"input-area\";\n    justify-content: flex-start;\n  }\n\n  .title-area {\n    min-width: 0;\n  }\n\n  .action-area {\n    min-width: 100%;\n    margin-top: var(--ic-space-md);\n    justify-content: start;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  :host(.sticky-desktop) {\n    position: sticky;\n    top: 0;\n    box-shadow: var(--ic-elevation-overlay);\n    z-index: var(--ic-z-index-sticky-page-header);\n  }\n}\n","import { Component, Host, h, Prop, Element, State } from \"@stencil/core\";\n\nimport { IcAlignment } from \"../../utils/types\";\n\nimport {\n  isSlotUsed,\n  DEVICE_SIZES,\n  getCurrentDeviceSize,\n  checkResizeObserver,\n} from \"../../utils/helpers\";\n\n/**\n * @slot breadcrumbs - Content will be rendered in the breadcrumb area, above the title and action areas.\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 heading-adornment - Content will be rendered in the title area, adjacent to the heading.\n * @slot actions - Content will be rendered in the action area, adjacent to the title area.\n * @slot input - Content will be rendered in the input area, below the title area and adjacent to the action area.\n * @slot stepper - Content will be rendered in the navigation area, below the title and action areas. Note: stepper slot cannot be used when the tabs slot is being used.\n * @slot tabs - Content will be rendered in the navigation area, below the title and action areas. Note: the stepper slot cannot be used when the tabs slot is being used.\n */\n\n@Component({\n  tag: \"ic-page-header\",\n  styleUrl: \"ic-page-header.css\",\n  shadow: true,\n})\nexport class PageHeader {\n  private resizeObserver: ResizeObserver = null;\n\n  @Element() el: HTMLIcPageHeaderElement;\n\n  @State() actionContent: Node[];\n  @State() areButtonsReversed: boolean = false;\n  @State() deviceSize: number = DEVICE_SIZES.XL;\n\n  /**\n   * The alignment of the page header.\n   */\n  @Prop() aligned?: IcAlignment = \"left\";\n\n  /**\n   * If `true`, a border will be displayed along the bottom of the page header.\n   */\n  @Prop() border?: boolean = true;\n\n  /**\n   * The title to render on the page header.\n   */\n  @Prop() heading?: string;\n\n  /**\n   * If `true`, the reading pattern and tab order will change in the action area for viewport widths of above 576px and when actions have not wrapped.\n   */\n  @Prop() reverseOrder?: boolean = false;\n\n  /**\n   * If `true`, the small styling will be applied to the page header.\n   */\n  @Prop() small?: boolean = false;\n\n  /**\n   * If `true`, the page header will be sticky at all breakpoints.\n   */\n  @Prop() sticky?: boolean = false;\n\n  /**\n   *  If `true`, the page header will only be sticky for viewport widths of 992px and above.\n   */\n  @Prop() stickyDesktopOnly?: boolean = false;\n\n  /**\n   * The subtitle to render on the page header.\n   */\n  @Prop() subheading?: string;\n\n  disconnectedCallback(): void {\n    if (this.resizeObserver !== null) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  componentWillLoad(): void {\n    this.actionContent = Array.from(\n      this.el.querySelectorAll(`[slot=\"actions\"]`)\n    );\n  }\n\n  componentDidLoad(): void {\n    checkResizeObserver(this.runResizeObserver);\n  }\n\n  private resizeObserverCallback = () => {\n    if (this.reverseOrder && isSlotUsed(this.el, \"actions\")) {\n      this.applyReverseOrder();\n    }\n  };\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      this.resizeObserverCallback();\n    });\n    this.resizeObserver.observe(this.el);\n  };\n\n  private applyReverseOrder = (): void => {\n    const currSize = getCurrentDeviceSize();\n    if (currSize !== this.deviceSize) {\n      this.deviceSize = currSize;\n    }\n\n    const actionArea = this.el.shadowRoot.querySelector(\n      \"div.action-area\"\n    ) as HTMLElement;\n    const actionHeights: number[] = [];\n\n    /* For each button in the actions slot, check the height of the button and push this number into the actionHeights array and then find the greatest number in this array (i.e. find the height of the tallest button) */\n    for (let i = 0; i < this.actionContent.length; i++) {\n      const action = this.actionContent[i] as HTMLElement;\n      let actionHeight = action.offsetHeight;\n      if (actionHeight === undefined) {\n        actionHeight = 0;\n      }\n      actionHeights.push(actionHeight);\n    }\n\n    const max = Math.max(...actionHeights);\n\n    /* The smallest breakpoint displays buttons in the same order the user has slotted them in. When the device size is larger than the small breakpoiint then the order of the button reverses due to best practice for reading patterns. If the device size is larger than the small breakpoint and the buttons have started to wrap then they follow the order the user has slotted them in. This logic is programmed based on the height of the action-area div that wraps the actions slot. If the height of the action-area div is taller than the height of the tallest button, then it is assumed that the taller height is caused by the buttons wrapping */\n    let actionAreaHeight = actionArea.offsetHeight;\n\n    if (actionAreaHeight === undefined) {\n      actionAreaHeight = 0;\n    }\n\n    const appendActionContent = () => {\n      this.actionContent = this.actionContent.reverse();\n      this.actionContent.forEach((btn: string | Node) => {\n        this.el.append(btn);\n      });\n      this.areButtonsReversed = !this.areButtonsReversed;\n    };\n\n    if (\n      (this.deviceSize > DEVICE_SIZES.S &&\n        actionAreaHeight <= max &&\n        !this.areButtonsReversed) ||\n      (((this.deviceSize > DEVICE_SIZES.S && actionAreaHeight > max) ||\n        this.deviceSize <= DEVICE_SIZES.S) &&\n        this.areButtonsReversed)\n    ) {\n      appendActionContent();\n    }\n  };\n\n  render() {\n    const {\n      small,\n      border,\n      heading,\n      subheading,\n      aligned,\n      sticky,\n      stickyDesktopOnly,\n    } = this;\n\n    return (\n      <Host\n        class={{\n          [\"sticky\"]: sticky,\n          [\"sticky-desktop\"]: !sticky && stickyDesktopOnly,\n        }}\n      >\n        <header\n          class={{\n            [\"border-bottom\"]: border,\n            [\"tabs\"]: isSlotUsed(this.el, \"tabs\"),\n          }}\n        >\n          <ic-section-container\n            aligned={aligned}\n            fullHeight={isSlotUsed(this.el, \"tabs\")}\n          >\n            {isSlotUsed(this.el, \"breadcrumbs\") && (\n              <div class=\"breadcrumb-area\">\n                <slot name=\"breadcrumbs\" />\n              </div>\n            )}\n            <div class=\"main-content\">\n              <div class=\"title-area\">\n                <div class=\"header-content\">\n                  <slot name=\"heading\">\n                    <ic-typography\n                      variant={small ? \"h4\" : \"h2\"}\n                      class=\"heading\"\n                    >\n                      <h2>{heading}</h2>\n                    </ic-typography>\n                  </slot>\n                  <slot name=\"heading-adornment\" />\n                </div>\n                <div>\n                  <slot name=\"subheading\">\n                    {subheading && (\n                      <ic-typography\n                        variant=\"body\"\n                        class={{ [\"subheading\"]: true, [\"small\"]: small }}\n                      >\n                        {subheading}\n                      </ic-typography>\n                    )}\n                  </slot>\n                </div>\n              </div>\n              {isSlotUsed(this.el, \"actions\") && (\n                <div class=\"action-area\">\n                  <slot name=\"actions\" />\n                </div>\n              )}\n              {isSlotUsed(this.el, \"input\") && (\n                <div class=\"input-area\">\n                  <slot name=\"input\" />\n                </div>\n              )}\n            </div>\n\n            {(isSlotUsed(this.el, \"stepper\") ||\n              isSlotUsed(this.el, \"tabs\")) && (\n              <div class=\"navigation-area\">\n                {isSlotUsed(this.el, \"stepper\") &&\n                  !isSlotUsed(this.el, \"tabs\") && <slot name=\"stepper\" />}\n                {isSlotUsed(this.el, \"tabs\") && (\n                  <nav aria-label=\"navigation-landmark-page-header\">\n                    <ic-horizontal-scroll>\n                      <ul class=\"tabs-slot\">\n                        <slot name=\"tabs\" />\n                      </ul>\n                    </ic-horizontal-scroll>\n                  </nav>\n                )}\n              </div>\n            )}\n          </ic-section-container>\n        </header>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0IAAA,MAAMA,EAAkB,usI,MC2BXC,EAAU,M,yBACbC,KAAAC,eAAiC,KAgEjCD,KAAAE,uBAAyB,KAC/B,GAAIF,KAAKG,cAAgBC,EAAWJ,KAAKK,GAAI,WAAY,CACvDL,KAAKM,mB,GAIDN,KAAAO,kBAAoB,KAC1BP,KAAKC,eAAiB,IAAIO,gBAAe,KACvCR,KAAKE,wBAAwB,IAE/BF,KAAKC,eAAeQ,QAAQT,KAAKK,GAAG,EAG9BL,KAAAM,kBAAoB,KAC1B,MAAMI,EAAWC,IACjB,GAAID,IAAaV,KAAKY,WAAY,CAChCZ,KAAKY,WAAaF,C,CAGpB,MAAMG,EAAab,KAAKK,GAAGS,WAAWC,cACpC,mBAEF,MAAMC,EAA0B,GAGhC,IAAK,IAAIC,EAAI,EAAGA,EAAIjB,KAAKkB,cAAcC,OAAQF,IAAK,CAClD,MAAMG,EAASpB,KAAKkB,cAAcD,GAClC,IAAII,EAAeD,EAAOE,aAC1B,GAAID,IAAiBE,UAAW,CAC9BF,EAAe,C,CAEjBL,EAAcQ,KAAKH,E,CAGrB,MAAMI,EAAMC,KAAKD,OAAOT,GAGxB,IAAIW,EAAmBd,EAAWS,aAElC,GAAIK,IAAqBJ,UAAW,CAClCI,EAAmB,C,CAGrB,MAAMC,EAAsB,KAC1B5B,KAAKkB,cAAgBlB,KAAKkB,cAAcW,UACxC7B,KAAKkB,cAAcY,SAASC,IAC1B/B,KAAKK,GAAG2B,OAAOD,EAAI,IAErB/B,KAAKiC,oBAAsBjC,KAAKiC,kBAAkB,EAGpD,GACGjC,KAAKY,WAAasB,EAAaC,GAC9BR,GAAoBF,IACnBzB,KAAKiC,qBACLjC,KAAKY,WAAasB,EAAaC,GAAKR,EAAmBF,GACxDzB,KAAKY,YAAcsB,EAAaC,IAChCnC,KAAKiC,mBACP,CACAL,G,wDAtHmC,M,gBACTM,EAAaE,G,aAKX,O,YAKL,K,yCAUM,M,WAKP,M,YAKC,M,uBAKW,M,0BAOtC,oBAAAC,GACE,GAAIrC,KAAKC,iBAAmB,KAAM,CAChCD,KAAKC,eAAeqC,Y,EAIxB,iBAAAC,GACEvC,KAAKkB,cAAgBsB,MAAMC,KACzBzC,KAAKK,GAAGqC,iBAAiB,oB,CAI7B,gBAAAC,GACEC,EAAoB5C,KAAKO,kB,CAkE3B,MAAAsC,GACE,MAAMC,MACJA,EAAKC,OACLA,EAAMC,QACNA,EAAOC,WACPA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,kBACNA,GACEpD,KAEJ,OACEqD,EAACC,EAAI,CACHC,MAAO,CACL,CAAC,UAAWJ,EACZ,CAAC,mBAAoBA,GAAUC,IAGjCC,EAAA,UACEE,MAAO,CACL,CAAC,iBAAkBR,EACnB,CAAC,QAAS3C,EAAWJ,KAAKK,GAAI,UAGhCgD,EAAA,wBACEH,QAASA,EACTM,WAAYpD,EAAWJ,KAAKK,GAAI,SAE/BD,EAAWJ,KAAKK,GAAI,gBACnBgD,EAAA,OAAKE,MAAM,mBACTF,EAAA,QAAMI,KAAK,iBAGfJ,EAAA,OAAKE,MAAM,gBACTF,EAAA,OAAKE,MAAM,cACTF,EAAA,OAAKE,MAAM,kBACTF,EAAA,QAAMI,KAAK,WACTJ,EAAA,iBACEK,QAASZ,EAAQ,KAAO,KACxBS,MAAM,WAENF,EAAA,UAAKL,KAGTK,EAAA,QAAMI,KAAK,uBAEbJ,EAAA,WACEA,EAAA,QAAMI,KAAK,cACRR,GACCI,EAAA,iBACEK,QAAQ,OACRH,MAAO,CAAE,CAAC,cAAe,KAAM,CAAC,SAAUT,IAEzCG,MAMV7C,EAAWJ,KAAKK,GAAI,YACnBgD,EAAA,OAAKE,MAAM,eACTF,EAAA,QAAMI,KAAK,aAGdrD,EAAWJ,KAAKK,GAAI,UACnBgD,EAAA,OAAKE,MAAM,cACTF,EAAA,QAAMI,KAAK,aAKfrD,EAAWJ,KAAKK,GAAI,YACpBD,EAAWJ,KAAKK,GAAI,UACpBgD,EAAA,OAAKE,MAAM,mBACRnD,EAAWJ,KAAKK,GAAI,aAClBD,EAAWJ,KAAKK,GAAI,SAAWgD,EAAA,QAAMI,KAAK,YAC5CrD,EAAWJ,KAAKK,GAAI,SACnBgD,EAAA,oBAAgB,mCACdA,EAAA,4BACEA,EAAA,MAAIE,MAAM,aACRF,EAAA,QAAMI,KAAK,e"}

package/dist/core/p-3e3afba6.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as e,H as s,g as o}from"./p-03935e89.js";import{r as a,i as n,a as r,f as l,k as h}from"./p-ba27b1e2.js";import"./p-613aa265.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}ic-input-label.error{color:var(--ic-status-error)}ic-input-validation{margin-top:var(--ic-space-sm)}:host(.small) ic-input-validation{margin-top:calc(var(--ic-space-sm) / 2)}ic-input-label ic-typography{margin-bottom:var(--ic-space-sm)}:host(.small) ic-input-label ic-typography{margin-bottom:calc(var(--ic-space-sm) / 2)}.radio-buttons-container{display:flex;flex-direction:column;gap:var(--ic-space-xxs)}:host(.small) .radio-buttons-container{gap:var(--ic-space-xxxs)}:host([orientation="horizontal"]) .radio-buttons-container{display:flex;flex-direction:row;gap:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.small[orientation="horizontal"]) .radio-buttons-container{gap:var(--ic-space-xl)}';const c=class{constructor(e){t(this,e);this.icChange=i(this,"icChange",7);this.handleKeyDown=t=>{switch(t.key){case"ArrowDown":case"ArrowRight":this.radioOptions[this.getNextItemToSelect(this.selectedChild,true)].click();t.preventDefault();break;case"ArrowUp":case"ArrowLeft":this.radioOptions[this.getNextItemToSelect(this.selectedChild,false)].click();t.preventDefault()}};this.getNextItemToSelect=(t,i)=>{const e=this.radioOptions.length-1;if(t<1){t=0}let s=i?t+1:t-1;if(s<0){s=e}else if(s>e){s=0}if(this.radioOptions[s].disabled){s=this.getNextItemToSelect(s,i)}return s};this.checkedValue="";this.selectedChild=-1;this.disabled=false;this.helperText=undefined;this.hideLabel=false;this.label=undefined;this.name=undefined;this.orientation="vertical";this.required=false;this.small=false;this.validationStatus="";this.validationText=""}componentWillLoad(){a(this.disabled,this.host)}componentDidLoad(){this.radioOptions=Array.from(this.host.querySelectorAll("ic-radio-option"));this.radioOptions.forEach(((t,i)=>{if(!t.selected){t.selected=this.checkedValue===t.value}t.name=this.name;t.groupLabel=this.label;if(t.selected){this.selectedChild=i;this.checkedValue=t.value}}));this.radioOptions[0].shadowRoot.querySelector("input").tabIndex=this.selectedChild>0?-1:0;if(this.orientation==="horizontal"&&this.radioOptions!==undefined&&(this.radioOptions.length>2||this.radioOptions.length===2&&(n(this.radioOptions[0],"additional-field")||n(this.radioOptions[1],"additional-field")))){this.orientation="vertical"}r([{prop:this.label,propName:"label"},{prop:this.name,propName:"name"}],"Radio Group")}selectHandler(t){var i;this.checkedValue=t.detail.value;const e=t.target;this.icChange.emit({value:this.checkedValue,selectedOption:{radio:e,textFieldValue:(i=e===null||e===void 0?void 0:e.querySelector("ic-text-field"))===null||i===void 0?void 0:i.value}});if(this.radioOptions!==undefined){this.radioOptions.forEach(((t,i)=>{t.selected=this.checkedValue===t.value;if(t.selected){this.selectedChild=i}}));this.radioOptions[0].shadowRoot.querySelector("input").tabIndex=this.selectedChild>0?-1:0}}changeHandler(){const t=this.radioOptions.findIndex((t=>t.selected));if(t<0){this.radioOptions[0].shadowRoot.querySelector("input").tabIndex=0;this.selectedChild=t}}render(){l(true,this.host,this.name,this.checkedValue,this.disabled);return e(s,{onKeyDown:this.handleKeyDown,class:{small:this.small}},e("div",{role:"radiogroup","aria-label":`${this.label}${this.required?", required":""}`},!this.hideLabel&&e("ic-input-label",{class:{[`${this.validationStatus}`]:true},label:this.label,helperText:this.helperText,required:this.required,disabled:this.disabled}),e("div",{class:"radio-buttons-container"},e("slot",null))),h(this.validationStatus,this.disabled)&&e("ic-input-validation",{ariaLiveMode:"polite",status:this.validationStatus,message:this.validationText}))}get host(){return o(this)}};c.style=d;export{c as ic_radio_group};
-//# sourceMappingURL=p-3e3afba6.entry.js.map

package/dist/core/p-3e3afba6.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icRadioGroupCss","RadioGroup","this","handleKeyDown","event","key","radioOptions","getNextItemToSelect","selectedChild","click","preventDefault","currentItem","movingDown","numRadios","length","nextItem","disabled","componentWillLoad","removeDisabledFalse","host","componentDidLoad","Array","from","querySelectorAll","forEach","radioOption","index","selected","checkedValue","value","name","groupLabel","label","shadowRoot","querySelector","tabIndex","orientation","undefined","isSlotUsed","onComponentRequiredPropUndefined","prop","propName","selectHandler","detail","selectedOption","target","icChange","emit","radio","textFieldValue","_a","changeHandler","findIndex","render","renderHiddenInput","h","Host","onKeyDown","class","small","role","required","hideLabel","validationStatus","helperText","hasValidationStatus","ariaLiveMode","status","message","validationText"],"sources":["src/components/ic-radio-group/ic-radio-group.css?tag=ic-radio-group&encapsulation=shadow","src/components/ic-radio-group/ic-radio-group.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  display: block;\n}\n\nic-input-label.error {\n  color: var(--ic-status-error);\n}\n\nic-input-validation {\n  margin-top: var(--ic-space-sm);\n}\n\n:host(.small) ic-input-validation {\n  margin-top: calc(var(--ic-space-sm) / 2);\n}\n\nic-input-label ic-typography {\n  margin-bottom: var(--ic-space-sm);\n}\n\n:host(.small) ic-input-label ic-typography {\n  margin-bottom: calc(var(--ic-space-sm) / 2);\n}\n\n.radio-buttons-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ic-space-xxs);\n}\n\n:host(.small) .radio-buttons-container {\n  gap: var(--ic-space-xxxs);\n}\n\n:host([orientation=\"horizontal\"]) .radio-buttons-container {\n  display: flex;\n  flex-direction: row;\n  gap: calc(var(--ic-space-xl) + var(--ic-space-xs));\n}\n\n:host(.small[orientation=\"horizontal\"]) .radio-buttons-container {\n  gap: var(--ic-space-xl);\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Listen,\n  Element,\n  Event,\n  EventEmitter,\n} from \"@stencil/core\";\nimport {\n  hasValidationStatus,\n  isSlotUsed,\n  onComponentRequiredPropUndefined,\n  removeDisabledFalse,\n  renderHiddenInput,\n} from \"../../utils/helpers\";\nimport {\n  IcInformationStatusOrEmpty,\n  IcOrientation,\n  IcValueEventDetail,\n} from \"../../utils/types\";\nimport { IcChangeEventDetail } from \"./ic-radio-group.types\";\n\n@Component({\n  tag: \"ic-radio-group\",\n  styleUrl: \"ic-radio-group.css\",\n  shadow: true,\n})\nexport class RadioGroup {\n  private radioOptions: HTMLIcRadioOptionElement[];\n\n  @Element() host: HTMLIcRadioGroupElement;\n\n  @State() checkedValue: string = \"\";\n  @State() selectedChild: number = -1;\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled: boolean = false;\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 radio group to be displayed.\n   */\n  @Prop() label!: string;\n\n  /**\n   * The name for the radio group to differentiate from other groups.\n   */\n  @Prop() name!: string;\n\n  /**\n   * The orientation of the radio buttons in the radio group. If there are more than two radio buttons in a radio group or either of the radio buttons use the `additional-field` slot, then the orientation will always be vertical.\n   */\n  @Prop({ reflect: true, mutable: true }) orientation: IcOrientation =\n    \"vertical\";\n\n  /**\n   * If `true`, the radio group will require a value.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * If `true`, the small styling will be applied to the radio group.\n   */\n  @Prop() small: boolean = false;\n  /**\n   * The validation status - e.g. 'error' | 'warning' | 'success'.\n   */\n  @Prop() validationStatus: IcInformationStatusOrEmpty = \"\";\n  /**\n   * The validation text - e.g. 'error' | 'warning' | 'success'.\n   */\n  @Prop() validationText: string = \"\";\n\n  /**\n   * Emitted when a user selects a radio.\n   */\n  @Event() icChange: EventEmitter<IcChangeEventDetail>;\n\n  componentWillLoad(): void {\n    removeDisabledFalse(this.disabled, this.host);\n  }\n\n  componentDidLoad(): void {\n    this.radioOptions = Array.from(\n      this.host.querySelectorAll(\"ic-radio-option\")\n    );\n\n    this.radioOptions.forEach((radioOption, index) => {\n      if (!radioOption.selected) {\n        radioOption.selected = this.checkedValue === radioOption.value;\n      }\n      radioOption.name = this.name;\n      radioOption.groupLabel = this.label;\n      if (radioOption.selected) {\n        this.selectedChild = index;\n        this.checkedValue = radioOption.value;\n      }\n    });\n    this.radioOptions[0].shadowRoot.querySelector(\"input\").tabIndex =\n      this.selectedChild > 0 ? -1 : 0;\n\n    if (\n      this.orientation === \"horizontal\" &&\n      this.radioOptions !== undefined &&\n      (this.radioOptions.length > 2 ||\n        (this.radioOptions.length === 2 &&\n          (isSlotUsed(this.radioOptions[0], \"additional-field\") ||\n            isSlotUsed(this.radioOptions[1], \"additional-field\"))))\n    ) {\n      this.orientation = \"vertical\";\n    }\n\n    onComponentRequiredPropUndefined(\n      [\n        { prop: this.label, propName: \"label\" },\n        { prop: this.name, propName: \"name\" },\n      ],\n      \"Radio Group\"\n    );\n  }\n\n  @Listen(\"icCheck\")\n  selectHandler(event: CustomEvent<IcValueEventDetail>): void {\n    this.checkedValue = event.detail.value;\n    const selectedOption = event.target as HTMLIcRadioOptionElement;\n    this.icChange.emit({\n      value: this.checkedValue,\n      selectedOption: {\n        radio: selectedOption,\n        textFieldValue: selectedOption?.querySelector(\"ic-text-field\")?.value,\n      },\n    });\n\n    if (this.radioOptions !== undefined) {\n      this.radioOptions.forEach((radioOption, index) => {\n        radioOption.selected = this.checkedValue === radioOption.value;\n        if (radioOption.selected) {\n          this.selectedChild = index;\n        }\n      });\n      this.radioOptions[0].shadowRoot.querySelector(\"input\").tabIndex =\n        this.selectedChild > 0 ? -1 : 0;\n    }\n  }\n\n  @Listen(\"icSelectedChange\")\n  changeHandler(): void {\n    const selectedOption = this.radioOptions.findIndex(\n      (radioOption) => radioOption.selected\n    );\n    if (selectedOption < 0) {\n      this.radioOptions[0].shadowRoot.querySelector(\"input\").tabIndex = 0;\n      this.selectedChild = selectedOption;\n    }\n  }\n\n  private handleKeyDown = (event: KeyboardEvent): void => {\n    switch (event.key) {\n      case \"ArrowDown\":\n      case \"ArrowRight\":\n        this.radioOptions[\n          this.getNextItemToSelect(this.selectedChild, true)\n        ].click();\n        event.preventDefault();\n        break;\n      case \"ArrowUp\":\n      case \"ArrowLeft\":\n        this.radioOptions[\n          this.getNextItemToSelect(this.selectedChild, false)\n        ].click();\n        event.preventDefault();\n    }\n  };\n\n  private getNextItemToSelect = (\n    currentItem: number,\n    movingDown: boolean\n  ): number => {\n    const numRadios = this.radioOptions.length - 1;\n\n    if (currentItem < 1) {\n      currentItem = 0;\n    }\n\n    let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n\n    //check if wrap around necessary\n    if (nextItem < 0) {\n      nextItem = numRadios;\n    } else if (nextItem > numRadios) {\n      nextItem = 0;\n    }\n\n    //if next item is disabled then find next\n    if (this.radioOptions[nextItem].disabled) {\n      nextItem = this.getNextItemToSelect(nextItem, movingDown);\n    }\n\n    return nextItem;\n  };\n\n  render() {\n    renderHiddenInput(\n      true,\n      this.host,\n      this.name,\n      this.checkedValue,\n      this.disabled\n    );\n\n    return (\n      <Host onKeyDown={this.handleKeyDown} class={{ small: this.small }}>\n        <div\n          role=\"radiogroup\"\n          aria-label={`${this.label}${this.required ? \", required\" : \"\"}`}\n        >\n          {!this.hideLabel && (\n            <ic-input-label\n              class={{ [`${this.validationStatus}`]: true }}\n              label={this.label}\n              helperText={this.helperText}\n              required={this.required}\n              disabled={this.disabled}\n            ></ic-input-label>\n          )}\n          <div class=\"radio-buttons-container\">\n            <slot></slot>\n          </div>\n        </div>\n        {hasValidationStatus(this.validationStatus, this.disabled) && (\n          <ic-input-validation\n            ariaLiveMode=\"polite\"\n            status={this.validationStatus}\n            message={this.validationText}\n          ></ic-input-validation>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"wJAAA,MAAMA,EAAkB,mjG,MC8BXC,EAAU,M,4DA4IbC,KAAAC,cAAiBC,IACvB,OAAQA,EAAMC,KACZ,IAAK,YACL,IAAK,aACHH,KAAKI,aACHJ,KAAKK,oBAAoBL,KAAKM,cAAe,OAC7CC,QACFL,EAAMM,iBACN,MACF,IAAK,UACL,IAAK,YACHR,KAAKI,aACHJ,KAAKK,oBAAoBL,KAAKM,cAAe,QAC7CC,QACFL,EAAMM,iB,EAIJR,KAAAK,oBAAsB,CAC5BI,EACAC,KAEA,MAAMC,EAAYX,KAAKI,aAAaQ,OAAS,EAE7C,GAAIH,EAAc,EAAG,CACnBA,EAAc,C,CAGhB,IAAII,EAAWH,EAAaD,EAAc,EAAIA,EAAc,EAG5D,GAAII,EAAW,EAAG,CAChBA,EAAWF,C,MACN,GAAIE,EAAWF,EAAW,CAC/BE,EAAW,C,CAIb,GAAIb,KAAKI,aAAaS,GAAUC,SAAU,CACxCD,EAAWb,KAAKK,oBAAoBQ,EAAUH,E,CAGhD,OAAOG,CAAQ,E,kBAjLe,G,oBACE,E,cAKN,M,yCAUC,M,0DAgB3B,W,cAK0B,M,WAKH,M,sBAI8B,G,oBAItB,E,CAOjC,iBAAAE,GACEC,EAAoBhB,KAAKc,SAAUd,KAAKiB,K,CAG1C,gBAAAC,GACElB,KAAKI,aAAee,MAAMC,KACxBpB,KAAKiB,KAAKI,iBAAiB,oBAG7BrB,KAAKI,aAAakB,SAAQ,CAACC,EAAaC,KACtC,IAAKD,EAAYE,SAAU,CACzBF,EAAYE,SAAWzB,KAAK0B,eAAiBH,EAAYI,K,CAE3DJ,EAAYK,KAAO5B,KAAK4B,KACxBL,EAAYM,WAAa7B,KAAK8B,MAC9B,GAAIP,EAAYE,SAAU,CACxBzB,KAAKM,cAAgBkB,EACrBxB,KAAK0B,aAAeH,EAAYI,K,KAGpC3B,KAAKI,aAAa,GAAG2B,WAAWC,cAAc,SAASC,SACrDjC,KAAKM,cAAgB,GAAK,EAAI,EAEhC,GACEN,KAAKkC,cAAgB,cACrBlC,KAAKI,eAAiB+B,YACrBnC,KAAKI,aAAaQ,OAAS,GACzBZ,KAAKI,aAAaQ,SAAW,IAC3BwB,EAAWpC,KAAKI,aAAa,GAAI,qBAChCgC,EAAWpC,KAAKI,aAAa,GAAI,sBACvC,CACAJ,KAAKkC,YAAc,U,CAGrBG,EACE,CACE,CAAEC,KAAMtC,KAAK8B,MAAOS,SAAU,SAC9B,CAAED,KAAMtC,KAAK4B,KAAMW,SAAU,SAE/B,c,CAKJ,aAAAC,CAActC,G,MACZF,KAAK0B,aAAexB,EAAMuC,OAAOd,MACjC,MAAMe,EAAiBxC,EAAMyC,OAC7B3C,KAAK4C,SAASC,KAAK,CACjBlB,MAAO3B,KAAK0B,aACZgB,eAAgB,CACdI,MAAOJ,EACPK,gBAAgBC,EAAAN,IAAc,MAAdA,SAAc,SAAdA,EAAgBV,cAAc,oBAAgB,MAAAgB,SAAA,SAAAA,EAAErB,SAIpE,GAAI3B,KAAKI,eAAiB+B,UAAW,CACnCnC,KAAKI,aAAakB,SAAQ,CAACC,EAAaC,KACtCD,EAAYE,SAAWzB,KAAK0B,eAAiBH,EAAYI,MACzD,GAAIJ,EAAYE,SAAU,CACxBzB,KAAKM,cAAgBkB,C,KAGzBxB,KAAKI,aAAa,GAAG2B,WAAWC,cAAc,SAASC,SACrDjC,KAAKM,cAAgB,GAAK,EAAI,C,EAKpC,aAAA2C,GACE,MAAMP,EAAiB1C,KAAKI,aAAa8C,WACtC3B,GAAgBA,EAAYE,WAE/B,GAAIiB,EAAiB,EAAG,CACtB1C,KAAKI,aAAa,GAAG2B,WAAWC,cAAc,SAASC,SAAW,EAClEjC,KAAKM,cAAgBoC,C,EAiDzB,MAAAS,GACEC,EACE,KACApD,KAAKiB,KACLjB,KAAK4B,KACL5B,KAAK0B,aACL1B,KAAKc,UAGP,OACEuC,EAACC,EAAI,CAACC,UAAWvD,KAAKC,cAAeuD,MAAO,CAAEC,MAAOzD,KAAKyD,QACxDJ,EAAA,OACEK,KAAK,aAAY,aACL,GAAG1D,KAAK8B,QAAQ9B,KAAK2D,SAAW,aAAe,OAEzD3D,KAAK4D,WACLP,EAAA,kBACEG,MAAO,CAAE,CAAC,GAAGxD,KAAK6D,oBAAqB,MACvC/B,MAAO9B,KAAK8B,MACZgC,WAAY9D,KAAK8D,WACjBH,SAAU3D,KAAK2D,SACf7C,SAAUd,KAAKc,WAGnBuC,EAAA,OAAKG,MAAM,2BACTH,EAAA,eAGHU,EAAoB/D,KAAK6D,iBAAkB7D,KAAKc,WAC/CuC,EAAA,uBACEW,aAAa,SACbC,OAAQjE,KAAK6D,iBACbK,QAASlE,KAAKmE,iB"}

package/dist/core/p-4259972b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icDataEntityCss","DataEntity","render","heading","small","this","children","el","i","length","setAttribute","h","Host","class","id","name","variant"],"sources":["src/components/ic-data-entity/ic-data-entity.css?tag=ic-data-entity&encapsulation=shadow","src/components/ic-data-entity/ic-data-entity.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  display: block;\n}\n\n.rows {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ic-space-md);\n}\n\n:host(.small) .rows {\n  gap: var(--ic-space-xs);\n}\n\n.divider {\n  margin-top: var(--ic-space-lg);\n  margin-bottom: var(--ic-space-md);\n  height: var(--ic-space-1px);\n  background-color: var(--ic-architectural-300);\n}\n\n:host(.small) .divider {\n  margin-top: var(--ic-space-sm);\n  margin-bottom: var(--ic-space-xs);\n}\n\n@media (forced-colors: active) {\n  .divider {\n    background-color: canvastext;\n  }\n}\n","import { Component, Element, Host, h, Prop } from \"@stencil/core\";\n\n@Component({\n  tag: \"ic-data-entity\",\n  styleUrl: \"ic-data-entity.css\",\n  shadow: true,\n})\nexport class DataEntity {\n  @Element() el: HTMLIcDataEntityElement;\n\n  /**\n   * The title for the data entity.\n   */\n  @Prop() heading: string;\n\n  /**\n   * If `true`, the small styling will be applied to the data heading and all child data rows.\n   */\n  @Prop() small: boolean = false;\n\n  render() {\n    const { heading, small } = this;\n\n    const children = this.el.children;\n\n    if (small) {\n      for (let i = 0; i < children.length; i++) {\n        children[i].setAttribute(\"small\", \"true\");\n      }\n    }\n\n    return (\n      <Host class={{ [\"small\"]: small }}>\n        <div class=\"heading\" id=\"data-entity-heading\">\n          <slot name=\"heading\">\n            <ic-typography variant=\"h3\">{heading}</ic-typography>\n          </slot>\n        </div>\n        <div class=\"divider\" />\n        <ul aria-labelledby=\"data-entity-heading\" class=\"rows\">\n          <slot></slot>\n        </ul>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAkB,8wF,MCOXC,EAAU,M,2DAWI,K,CAEzB,MAAAC,GACE,MAAMC,QAAEA,EAAOC,MAAEA,GAAUC,KAE3B,MAAMC,EAAWD,KAAKE,GAAGD,SAEzB,GAAIF,EAAO,CACT,IAAK,IAAII,EAAI,EAAGA,EAAIF,EAASG,OAAQD,IAAK,CACxCF,EAASE,GAAGE,aAAa,QAAS,O,EAItC,OACEC,EAACC,EAAI,CAACC,MAAO,CAAE,CAAC,SAAUT,IACxBO,EAAA,OAAKE,MAAM,UAAUC,GAAG,uBACtBH,EAAA,QAAMI,KAAK,WACTJ,EAAA,iBAAeK,QAAQ,MAAMb,KAGjCQ,EAAA,OAAKE,MAAM,YACXF,EAAA,wBAAoB,sBAAsBE,MAAM,QAC9CF,EAAA,c"}