@esri/calcite-components 2.8.0-next.3 → 2.8.0-next.4

package/dist/calcite/p-bb87e694.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","checked","description","descriptionOnly","disabled","heading","headingOnly","icon","iconOnly","inputAlignmentEnd","inputAlignmentStart","inputEnabled","largeVisual","tile","tileContentContainer","tileContent","tileDescription","tileHeading","tileLargeVisual","widthAuto","widthFull","tileSelectCss","CalciteTileSelectStyle0","TileSelect","this","guid","checkedChanged","newChecked","input","nameChanged","newName","name","setFocus","componentFocusable","checkboxChangeHandler","event","checkbox","target","stopPropagation","calciteTileSelectChange","emit","checkboxFocusBlurHandler","focused","detail","radioButtonChangeHandler","radioButton","radioButtonCheckedChangeHandler","radioButtonFocusBlurHandler","clickHandler","targets","includes","localName","click","pointerEnterHandler","hovered","pointerLeaveHandler","connectedCallback","renderInput","connectInteractive","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","disconnectedCallback","parentNode","removeChild","disconnectInteractive","componentDidRender","updateHostInteraction","type","document","createElement","hidden","el","id","label","value","toString","insertAdjacentElement","render","inputAlignment","width","iconFlipRtl","isLargeVisual","renderIcon","Boolean","h","InteractiveContainer","key","class","container","flipRtl","scale","tileSelectGroupCss","CalciteTileSelectGroupStyle0","TileSelectGroup"],"sources":["src/components/tile-select/resources.ts","src/components/tile-select/tile-select.scss?tag=calcite-tile-select&encapsulation=shadow","src/components/tile-select/tile-select.tsx","src/components/tile-select-group/tile-select-group.scss?tag=calcite-tile-select-group&encapsulation=shadow","src/components/tile-select-group/tile-select-group.tsx"],"sourcesContent":["export const CSS = {\n  checked: \"checked\",\n  description: \"description\",\n  descriptionOnly: \"description-only\",\n  disabled: \"disabled\",\n  heading: \"heading\",\n  headingOnly: \"heading-only\",\n  icon: \"icon\",\n  iconOnly: \"icon-only\",\n  inputAlignmentEnd: \"input-alignment-end\",\n  inputAlignmentStart: \"input-alignment-start\",\n  inputEnabled: \"input-enabled\",\n  largeVisual: \"large-visual\",\n  tile: \"tile\",\n  tileContentContainer: \"tile-content-container\",\n  tileContent: \"tile-content\",\n  tileDescription: \"tile-description\",\n  tileHeading: \"tile-heading\",\n  tileLargeVisual: \"tile--large-visual\",\n  widthAuto: \"width-auto\",\n  widthFull: \"width-full\",\n};\n","$spacing: $baseline * 0.5;\n\n:host {\n  @apply block;\n\n  .container {\n    background-color: var(--calcite-color-foreground-1);\n    box-shadow: 0 0 0 1px var(--calcite-color-border-2);\n    box-sizing: border-box;\n    cursor: pointer;\n    display: inline-block;\n    block-size: 100%;\n    max-inline-size: 300px;\n    padding: $spacing;\n    position: relative;\n    vertical-align: top;\n    @apply transition-default;\n\n    &.checked {\n      @apply z-default;\n      box-shadow: 0 0 0 1px var(--calcite-color-brand);\n    }\n\n    &.heading-only {\n      align-items: center;\n    }\n\n    &:not(.input-enabled) {\n      ::slotted(calcite-checkbox),\n      ::slotted(calcite-radio-button) {\n        @apply sr-only;\n      }\n    }\n\n    &.focused {\n      @apply focus-base;\n      &:not(.disabled) {\n        &:not(.input-enabled) {\n          @apply focus-inset;\n          outline-offset: -4px;\n          box-shadow:\n            0 0 0 1px var(--calcite-color-brand),\n            inset 0 0 0 2px var(--calcite-color-foreground-1);\n        }\n      }\n    }\n\n    &.input-enabled {\n      &.input-alignment-start {\n        &.width-auto {\n          &.heading-only,\n          &.icon-only,\n          &.description-only,\n          &.heading.description,\n          &.icon.description,\n          &.heading.icon.description {\n            display: inline-grid;\n            grid-template-columns: max-content 1fr;\n          }\n        }\n        &.heading-only,\n        &.icon-only,\n        &.description-only,\n        &.heading.description,\n        &.icon.description,\n        &.heading.icon.description {\n          gap: $spacing;\n        }\n        .tile {\n          @apply order-1;\n        }\n        &.large-visual {\n          ::slotted(calcite-checkbox),\n          ::slotted(calcite-radio-button) {\n            position: absolute;\n            inset-block-start: $spacing;\n            inset-inline-start: $spacing;\n          }\n        }\n      }\n      &.input-alignment-end {\n        &.width-auto {\n          &.heading-only,\n          &.icon-only {\n            display: inline-grid;\n            grid-gap: $spacing;\n            grid-template-columns: max-content 1fr;\n          }\n        }\n        &.heading-only,\n        &.icon-only {\n          gap: $spacing;\n        }\n        &.description-only,\n        &.heading.description,\n        &.icon.description,\n        &.heading.icon.description {\n          ::slotted(calcite-checkbox),\n          ::slotted(calcite-radio-button) {\n            position: absolute;\n            inset-block-start: $spacing;\n            inset-inline-end: $spacing;\n          }\n        }\n        &.large-visual {\n          ::slotted(calcite-checkbox),\n          ::slotted(calcite-radio-button) {\n            position: absolute;\n            inset-block-start: $spacing;\n            inset-inline-end: $spacing;\n          }\n        }\n      }\n    }\n\n    &.width-full {\n      @apply flex max-w-none;\n      .tile {\n        @apply flex-auto;\n      }\n    }\n  }\n}\n\n.tile {\n  @apply bg-foreground-1\n    box-border\n    duration-150\n    ease-in-out\n    flex\n    flex-col\n    gap-2\n    pointer-events-none\n    select-none\n    text-color-3;\n}\n\n.tile-content-container {\n  @apply flex\n    focus-base\n    items-stretch\n    p-0\n    text-color-2\n    w-full;\n}\n\n.tile-content {\n  @apply flex\n    flex-auto\n    flex-col\n    gap-2;\n  // set width handles slotted content and heading word wrap\n  inline-size: 10%;\n}\n\n.tile-heading {\n  @apply break-words\n    duration-150\n    ease-in-out\n    font-medium\n    pointer-events-none\n    text-color-2\n    text-n1-wrap;\n}\n\n.tile-description {\n  @apply break-words\n    duration-150\n    ease-in-out\n    pointer-events-none\n    text-color-3\n    text-n2-wrap;\n}\n\n.tile--large-visual {\n  @apply grid justify-center\n    text-center;\n  min-block-size: theme(\"spacing.48\");\n  .icon {\n    @apply self-end;\n  }\n  calcite-icon {\n    block-size: 64px;\n    inline-size: 64px;\n  }\n  .tile-content-container {\n    @apply self-center;\n  }\n}\n\n:host(:hover) {\n  .container {\n    &:not(.input-enabled) {\n      box-shadow: 0 0 0 1px var(--calcite-color-brand);\n    }\n  }\n}\n\n:host(:hover),\n.checked {\n  .tile-heading {\n    @apply text-color-1;\n  }\n  .tile-description {\n    @apply text-color-2;\n  }\n}\n\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Alignment, Width } from \"../interfaces\";\nimport { TileSelectType } from \"./interfaces\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding custom content.\n */\n@Component({\n  tag: \"calcite-tile-select\",\n  styleUrl: \"tile-select.scss\",\n  shadow: true,\n})\nexport class TileSelect implements InteractiveComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is checked. */\n  @Prop({ reflect: true, mutable: true }) checked = false;\n\n  @Watch(\"checked\")\n  checkedChanged(newChecked: boolean): void {\n    this.input.checked = newChecked;\n  }\n\n  /** A description for the component, which displays below the heading. */\n  @Prop({ reflect: true }) description: string;\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** The component header text, which displays between the icon and description. */\n  @Prop({ reflect: true }) heading: string;\n\n  /** Specifies an icon to display. */\n  @Prop({ reflect: true }) icon: string;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /** Specifies the name of the component on form submission. */\n  @Prop({ reflect: true }) name;\n\n  @Watch(\"name\")\n  nameChanged(newName: string): void {\n    this.input.name = newName;\n  }\n\n  /** When `true`, displays an interactive input based on the `type` property. */\n  @Prop({ reflect: true }) inputEnabled = false;\n\n  /** When `inputEnabled` is `true`, specifies the placement of the interactive input on the component. */\n  @Prop({ reflect: true }) inputAlignment: Extract<\"end\" | \"start\", Alignment> = \"start\";\n\n  /**\n   * Specifies the selection mode of the component, where:\n   *\n   * `\"radio\"` is for single selection, and\n   *\n   * `\"checkbox\"` is for multiple selections.\n   */\n  @Prop({ reflect: true }) type: TileSelectType = \"radio\";\n\n  /** The component's value. */\n  @Prop() value: any;\n\n  /** Specifies the width of the component. */\n  @Prop({ reflect: true }) width: Extract<\"auto\" | \"full\", Width> = \"auto\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTileSelectElement;\n\n  private input: HTMLCalciteCheckboxElement | HTMLCalciteRadioButtonElement;\n\n  guid = `calcite-tile-select-${guid()}`;\n\n  //--------------------------------------------------------------------------\n  //\n  //  State\n  //\n  //--------------------------------------------------------------------------\n\n  /** The focused state of the tile-select. */\n  @State() focused = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emits a custom change event.\n   *\n   * For checkboxes it emits when checked or unchecked.\n   *\n   * For radios it only emits when checked.\n   */\n  @Event({ cancelable: false }) calciteTileSelectChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    return this.input?.setFocus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteCheckboxChange\")\n  checkboxChangeHandler(event: CustomEvent): void {\n    const checkbox = event.target as HTMLCalciteCheckboxElement;\n    if (checkbox === this.input) {\n      this.checked = checkbox.checked;\n    }\n    event.stopPropagation();\n    this.calciteTileSelectChange.emit();\n  }\n\n  @Listen(\"calciteInternalCheckboxFocus\")\n  @Listen(\"calciteInternalCheckboxBlur\")\n  checkboxFocusBlurHandler(event: CustomEvent): void {\n    const checkbox = event.target as HTMLCalciteCheckboxElement;\n    if (checkbox === this.input) {\n      this.focused = event.detail;\n    }\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteRadioButtonChange\")\n  radioButtonChangeHandler(event: CustomEvent): void {\n    const radioButton = event.target as HTMLCalciteRadioButtonElement;\n    if (radioButton === this.input) {\n      this.checked = radioButton.checked;\n    }\n    event.stopPropagation();\n    this.calciteTileSelectChange.emit();\n  }\n\n  @Listen(\"calciteInternalRadioButtonCheckedChange\")\n  radioButtonCheckedChangeHandler(event: CustomEvent): void {\n    const radioButton = event.target as HTMLCalciteRadioButtonElement;\n    if (radioButton === this.input) {\n      this.checked = radioButton.checked;\n    }\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalRadioButtonFocus\")\n  @Listen(\"calciteInternalRadioButtonBlur\")\n  radioButtonFocusBlurHandler(event: CustomEvent): void {\n    const radioButton = event.target as HTMLCalciteRadioButtonElement;\n    if (radioButton === this.input) {\n      this.focused = radioButton.focused;\n    }\n    event.stopPropagation();\n  }\n\n  @Listen(\"click\")\n  clickHandler(event: MouseEvent): void {\n    if (this.disabled) {\n      return;\n    }\n\n    const target = event.target as HTMLElement;\n    const targets = [\"calcite-tile\", \"calcite-tile-select\"];\n    if (targets.includes(target.localName)) {\n      this.input.click();\n    }\n  }\n\n  @Listen(\"pointerenter\")\n  pointerEnterHandler(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    const { localName } = this.input;\n\n    if (localName === \"calcite-radio-button\" || localName === \"calcite-checkbox\") {\n      (this.input as HTMLCalciteRadioButtonElement | HTMLCalciteCheckboxElement).hovered = true;\n    }\n  }\n\n  @Listen(\"pointerleave\")\n  pointerLeaveHandler(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    const { localName } = this.input;\n\n    if (localName === \"calcite-radio-button\" || localName === \"calcite-checkbox\") {\n      (this.input as HTMLCalciteRadioButtonElement | HTMLCalciteCheckboxElement).hovered = false;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.renderInput();\n    connectInteractive(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    this.input.parentNode.removeChild(this.input);\n    disconnectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private renderInput(): void {\n    this.input =\n      this.type === \"radio\"\n        ? /* we need to call createElement(x) separately to ensure supporting components are properly bundled */\n          document.createElement(\"calcite-radio-button\")\n        : document.createElement(\"calcite-checkbox\");\n    this.input.checked = this.checked;\n    this.input.disabled = this.disabled;\n    this.input.hidden = this.el.hidden;\n    this.input.id = this.guid;\n    this.input.label = this.heading || this.name || \"\";\n\n    if (this.name) {\n      this.input.name = this.name;\n    }\n\n    if (this.value) {\n      this.input.value = this.value != null ? this.value.toString() : \"\";\n    }\n\n    this.el.insertAdjacentElement(\"beforeend\", this.input);\n  }\n\n  render(): VNode {\n    const {\n      checked,\n      description,\n      disabled,\n      focused,\n      heading,\n      icon,\n      inputAlignment,\n      inputEnabled,\n      width,\n      iconFlipRtl,\n    } = this;\n    const isLargeVisual = heading && icon && !description;\n    const renderIcon = Boolean(icon);\n    return (\n      <InteractiveContainer disabled={disabled}>\n        <div\n          class={{\n            checked,\n            container: true,\n            [CSS.description]: Boolean(description),\n            [CSS.descriptionOnly]: Boolean(!heading && !icon && description),\n            disabled,\n            focused,\n            [CSS.heading]: Boolean(heading),\n            [CSS.headingOnly]: heading && !icon && !description,\n            [CSS.icon]: renderIcon,\n            [CSS.iconOnly]: !heading && icon && !description,\n            [CSS.inputAlignmentEnd]: inputAlignment === \"end\",\n            [CSS.inputAlignmentStart]: inputAlignment === \"start\",\n            [CSS.inputEnabled]: inputEnabled,\n            [CSS.largeVisual]: isLargeVisual,\n            [CSS.widthAuto]: width === \"auto\",\n            [CSS.widthFull]: width === \"full\",\n          }}\n        >\n          <div class={{ [CSS.tile]: true, [CSS.tileLargeVisual]: isLargeVisual }}>\n            {icon && (\n              <div class={{ [CSS.icon]: renderIcon }}>\n                <calcite-icon flipRtl={iconFlipRtl} icon={icon} scale=\"l\" />\n              </div>\n            )}\n            <div class={CSS.tileContentContainer}>\n              <div class={CSS.tileContent}>\n                {heading && <div class={CSS.tileHeading}>{heading}</div>}\n                {description && <div class={CSS.tileDescription}>{description}</div>}\n              </div>\n            </div>\n          </div>\n          <slot />\n        </div>\n      </InteractiveContainer>\n    );\n  }\n}\n",":host {\n  @apply flex flex-wrap;\n  ::slotted(calcite-tile-select) {\n    @apply mb-px;\n    margin-inline-end: theme(\"spacing.px\");\n  }\n}\n\n:host([layout=\"vertical\"]) {\n  @apply flex-col;\n}\n\n@include disabled();\n@include base-component();\n","import { Component, Element, h, Prop, VNode } from \"@stencil/core\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { TileSelectGroupLayout } from \"./interfaces\";\n\n/**\n * @slot - A slot for adding `calcite-tile-select` elements.\n */\n@Component({\n  tag: \"calcite-tile-select-group\",\n  styleUrl: \"tile-select-group.scss\",\n  shadow: true,\n})\nexport class TileSelectGroup implements InteractiveComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * Defines the layout of the component.\n   *\n   * Use `\"horizontal\"` for rows, and `\"vertical\"` for a single column.\n   */\n  @Prop({ reflect: true }) layout: TileSelectGroupLayout = \"horizontal\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTileSelectGroupElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  render(): VNode {\n    return (\n      <InteractiveContainer disabled={this.disabled}>\n        <slot />\n      </InteractiveContainer>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-bca1da6c.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.3
- */
-import{r as t,c as e,h as s,F as i,g as a}from"./p-01b6e50c.js";import{s as n,a as o,c as r}from"./p-7829204e.js";import{n as l,c,d as h}from"./p-2f40ec57.js";import{u as d,c as m,s as p,d as u}from"./p-51ba2bbe.js";import{c as g}from"./p-88d250c2.js";import{g as f}from"./p-a9927b1b.js";import"./p-5b4be5f7.js";import"./p-d448c1cc.js";import"./p-558b5029.js";import"./p-f93d3c97.js";const b={min:"0",max:"320px"};const v={min:"321px",max:"476px"};const x={min:"477px",max:"768px"};const k={min:"769px",max:"1152px"};const y={min:"1153px",max:"1440px"};const z={width:{large:I(y.max),medium:I(k.max),small:I(x.max),xsmall:I(v.max),xxsmall:I(b.max)}};function I(t){return parseInt(t)}const C={page:"page",selected:"selected",chevron:"chevron",disabled:"disabled",ellipsis:"ellipsis"};const S={next:"chevron-right",previous:"chevron-left",first:"chevron-start",last:"chevron-end"};const w=":host{display:flex;writing-mode:horizontal-tb}:host([scale=s]) .chevron,:host([scale=s]) .page,:host([scale=s]) .ellipsis{block-size:1.5rem;padding-inline:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;min-inline-size:1.5rem}:host([scale=m]) .chevron,:host([scale=m]) .page,:host([scale=m]) .ellipsis{block-size:2rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;min-inline-size:2rem}:host([scale=l]) .chevron,:host([scale=l]) .page,:host([scale=l]) .ellipsis{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-inline-size:2.75rem}:host([scale=l]) .chevron{padding-inline:0.625rem}:host([scale=l]) .page,:host([scale=l]) .ellipsis{padding-inline:0.75rem}:host button{outline-color:transparent}:host button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.chevron,.page,.ellipsis{margin:0px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-style:none;--tw-border-opacity:0;background-color:transparent;padding:0px;vertical-align:baseline;font-family:inherit;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-3)}.chevron,.page{cursor:pointer;border-block:2px solid transparent}.chevron:hover,.page:hover{color:var(--calcite-color-text-1);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.page:hover{border-block-end-color:var(--calcite-color-border-2)}.page.selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);border-block-end-color:var(--calcite-color-brand)}.chevron:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-brand)}.chevron:active{background-color:var(--calcite-color-foreground-3)}.chevron.disabled{pointer-events:none;background-color:transparent}.chevron.disabled>calcite-icon{opacity:var(--calcite-opacity-disabled)}:host([hidden]){display:none}[hidden]{display:none}";const L=w;const j=2;const P=2;const X={large:11,medium:9,small:7,xsmall:5,xxsmall:1};const M=class{constructor(s){t(this,s);this.calcitePaginationChange=e(this,"calcitePaginationChange",6);this.resizeObserver=g("resize",(t=>t.forEach(this.resizeHandler)));this.resizeHandler=({contentRect:{width:t}})=>this.setMaxItemsToBreakpoint(t);this.firstClicked=()=>{this.startItem=1;this.emitUpdate()};this.lastClicked=()=>{this.startItem=this.lastStartItem;this.emitUpdate()};this.previousClicked=async()=>{await this.previousPage();this.emitUpdate()};this.nextClicked=async()=>{await this.nextPage();this.emitUpdate()};this.handlePageClick=t=>{const e=t.target;this.startItem=parseInt(e.value,10);this.emitUpdate()};this.groupSeparator=false;this.messages=undefined;this.messageOverrides=undefined;this.numberingSystem=undefined;this.pageSize=20;this.scale="m";this.startItem=1;this.totalItems=0;this.defaultMessages=undefined;this.effectiveLocale="";this.maxItems=X.xxsmall;this.totalPages=undefined;this.lastStartItem=undefined;this.isXXSmall=undefined}onMessagesChange(){}handleTotalPages(){if(this.pageSize<1){this.pageSize=1}this.totalPages=this.totalItems/this.pageSize}effectiveLocaleChange(){d(this,this.effectiveLocale)}effectiveLocaleWatcher(){l.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator}}handleLastStartItemChange(){const{totalItems:t,pageSize:e,totalPages:s}=this;this.lastStartItem=(t%e===0?t-e:Math.floor(s)*e)+1}handleIsXXSmall(){this.isXXSmall=this.maxItems===X.xxsmall}connectedCallback(){c(this);m(this);this.resizeObserver?.observe(this.el)}async componentWillLoad(){await p(this);n(this);this.handleTotalPages();this.handleLastStartItemChange();this.handleIsXXSmall()}componentDidLoad(){o(this);this.setMaxItemsToBreakpoint(this.el.clientWidth)}disconnectedCallback(){h(this);u(this);this.resizeObserver?.disconnect()}async setFocus(){await r(this);this.el.focus()}async nextPage(){this.startItem=Math.min(this.lastStartItem,this.startItem+this.pageSize)}async previousPage(){this.startItem=Math.max(1,this.startItem-this.pageSize)}setMaxItemsToBreakpoint(t){if(!z||!t){return}if(t>=z.width.medium){this.maxItems=X.large;return}if(t>=z.width.small){this.maxItems=X.medium;return}if(t>=z.width.xsmall){this.maxItems=X.small;return}if(t>=z.width.xxsmall){this.maxItems=X.xsmall;return}this.maxItems=X.xxsmall}showStartEllipsis(){return this.totalPages>this.maxItems&&Math.floor(this.startItem/this.pageSize)>this.maxItems-j-P}showEndEllipsis(){return this.totalPages>this.maxItems&&(this.totalItems-this.startItem)/this.pageSize>this.maxItems-j-(P-1)}emitUpdate(){this.calcitePaginationChange.emit()}renderEllipsis(t){return s("span",{class:C.ellipsis,"data-test-ellipsis":t,key:t},"…")}renderItems(){const{totalItems:t,pageSize:e,startItem:s,maxItems:i,totalPages:a,lastStartItem:n,isXXSmall:o}=this;const r=[];if(o){r.push(this.renderPage(s));return r}const l=t>e;const c=this.showStartEllipsis();const h=this.showEndEllipsis();if(l){r.push(this.renderPage(1))}if(c){r.push(this.renderEllipsis("start"))}const d=i-j-(h?1:0)-(c?1:0);let m;let p;if(a-1<=d){p=1+e;m=n-e}else{if(s/e<d){p=1+e;m=1+d*e}else{if(s+d*e>=t){p=n-d*e;m=n-e}else{p=s-e*((d-1)/2);m=s+e*((d-1)/2)}}}for(let t=0;t<d&&p<=m;t++){r.push(this.renderPage(p));p=p+e}if(h){r.push(this.renderEllipsis("end"))}r.push(this.renderPage(n));return r}renderPage(t){const{pageSize:e}=this;const i=Math.floor(t/e)+(e===1?0:1);l.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const a=l.localize(i.toString());const n=t===this.startItem;return s("button",{"aria-current":n?"page":"false",class:{[C.page]:true,[C.selected]:n},onClick:this.handlePageClick,value:t},a)}renderPreviousChevron(){const{pageSize:t,startItem:e,messages:i}=this;const a=t===1?e<=t:e<t;return s("button",{"aria-label":i.previous,class:{[C.chevron]:true,[C.disabled]:a},"data-test-chevron":"previous",disabled:a,key:"previous",onClick:this.previousClicked},s("calcite-icon",{flipRtl:true,icon:S.previous,scale:f(this.scale)}))}renderNextChevron(){const{totalItems:t,pageSize:e,startItem:i,messages:a}=this;const n=e===1?i+e>t:i+e>t;return s("button",{"aria-label":a.next,class:{[C.chevron]:true,[C.disabled]:n},"data-test-chevron":"next",disabled:n,key:"next-button",onClick:this.nextClicked},s("calcite-icon",{flipRtl:true,icon:S.next,scale:f(this.scale)}))}renderFirstChevron(){const{messages:t,startItem:e,isXXSmall:i}=this;const a=e===1;return i?s("button",{"aria-label":t.first,class:{[C.chevron]:true,[C.disabled]:a},disabled:a,key:"first-button",onClick:this.firstClicked},s("calcite-icon",{flipRtl:true,icon:S.first,scale:f(this.scale)})):null}renderLastChevron(){const{messages:t,startItem:e,isXXSmall:i,lastStartItem:a}=this;const n=e===a;return i?s("button",{"aria-label":t.last,class:{[C.chevron]:true,[C.disabled]:n},disabled:n,key:"last-button",onClick:this.lastClicked},s("calcite-icon",{flipRtl:true,icon:S.last,scale:f(this.scale)})):null}render(){return s(i,{key:"33e48a317f4a70274309498cf5094a946552ea83"},this.renderFirstChevron(),this.renderPreviousChevron(),this.renderItems(),this.renderNextChevron(),this.renderLastChevron())}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],totalItems:["handleTotalPages","handleLastStartItemChange"],pageSize:["handleTotalPages","handleLastStartItemChange"],effectiveLocale:["effectiveLocaleChange","effectiveLocaleWatcher"],totalPages:["handleLastStartItemChange"],maxItems:["handleIsXXSmall"]}}};M.style=L;export{M as calcite_pagination};
-//# sourceMappingURL=p-bca1da6c.entry.js.map

package/dist/calcite/p-bca1da6c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["calciteContainerSizeWidthXxs","min","max","calciteContainerSizeWidthXs","calciteContainerSizeWidthSm","calciteContainerSizeWidthMd","calciteContainerSizeWidthLg","breakpoints","width","large","cssLengthToNumber","medium","small","xsmall","xxsmall","length","parseInt","CSS","page","selected","chevron","disabled","ellipsis","ICONS","next","previous","first","last","paginationCss","CalcitePaginationStyle0","firstAndLastPageCount","ellipsisCount","maxItemBreakpoints","Pagination","this","resizeObserver","createObserver","entries","forEach","resizeHandler","contentRect","setMaxItemsToBreakpoint","firstClicked","startItem","emitUpdate","lastClicked","lastStartItem","previousClicked","async","previousPage","nextClicked","nextPage","handlePageClick","event","target","value","onMessagesChange","handleTotalPages","pageSize","totalPages","totalItems","effectiveLocaleChange","updateMessages","effectiveLocale","effectiveLocaleWatcher","numberStringFormatter","numberFormatOptions","locale","numberingSystem","useGrouping","groupSeparator","handleLastStartItemChange","Math","floor","handleIsXXSmall","isXXSmall","maxItems","connectedCallback","connectLocalized","connectMessages","observe","el","componentWillLoad","setUpMessages","setUpLoadableComponent","componentDidLoad","setComponentLoaded","clientWidth","disconnectedCallback","disconnectLocalized","disconnectMessages","disconnect","setFocus","componentFocusable","focus","showStartEllipsis","showEndEllipsis","calcitePaginationChange","emit","renderEllipsis","type","h","class","key","renderItems","items","push","renderPage","renderFirstPage","renderStartEllipsis","renderEndEllipsis","remainingItems","end","nextStart","i","start","displayedPage","localize","toString","onClick","renderPreviousChevron","messages","flipRtl","icon","scale","getIconScale","renderNextChevron","renderFirstChevron","renderLastChevron","render","Fragment"],"sources":["../calcite-design-tokens/dist/es6/global.js","src/utils/responsive.ts","src/components/pagination/resources.ts","src/components/pagination/pagination.scss?tag=calcite-pagination&encapsulation=shadow","src/components/pagination/pagination.tsx"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Tue, 16 Apr 2024 18:22:18 GMT\n */\n\nexport const calciteBorderWidthNone = \"0\";\nexport const calciteBorderWidthSm = \"1px\";\nexport const calciteBorderWidthMd = \"2px\";\nexport const calciteBorderWidthLg = \"4px\";\nexport const calciteColorBackground = {\"light\":\"#f8f8f8\",\"dark\":\"#353535\"};\nexport const calciteColorBackgroundNone = \"rgba(255, 255, 255, 0)\";\nexport const calciteColorForeground1 = {\"light\":\"#ffffff\",\"dark\":\"#2b2b2b\"};\nexport const calciteColorForeground2 = {\"light\":\"#f3f3f3\",\"dark\":\"#202020\"};\nexport const calciteColorForeground3 = {\"light\":\"#eaeaea\",\"dark\":\"#151515\"};\nexport const calciteColorForegroundCurrent = {\"light\":\"#c7eaff\",\"dark\":\"#214155\"};\nexport const calciteColorTransparent = {\"light\":\"rgba(0, 0, 0, 0)\",\"dark\":\"rgba(255, 255, 255, 0)\"};\nexport const calciteColorTransparentHover = {\"light\":\"rgba(0, 0, 0, 0.04)\",\"dark\":\"rgba(255, 255, 255, 0.04)\"};\nexport const calciteColorTransparentPress = {\"light\":\"rgba(0, 0, 0, 0.08)\",\"dark\":\"rgba(255, 255, 255, 0.08)\"};\nexport const calciteColorTransparentScrim = {\"light\":\"rgba(255, 255, 255, 0.85)\",\"dark\":\"rgba(0, 0, 0, 0.85)\"};\nexport const calciteColorTransparentTint = {\"light\":\"rgba(255, 255, 255, 0.8)\",\"dark\":\"rgba(43, 43, 43, 0.8)\"};\nexport const calciteColorBrand = {\"light\":\"#007ac2\",\"dark\":\"#009af2\"};\nexport const calciteColorBrandHover = {\"light\":\"#00619b\",\"dark\":\"#007ac2\"};\nexport const calciteColorBrandPress = {\"light\":\"#004874\",\"dark\":\"#00619b\"};\nexport const calciteColorBrandUnderline = {\"light\":\"rgba(0, 97, 155, 0.4)\",\"dark\":\"rgba(0, 160, 255, 0.4)\"};\nexport const calciteColorStatusInfo = {\"light\":\"#00619b\",\"dark\":\"#00a0ff\"};\nexport const calciteColorStatusInfoHover = {\"light\":\"#004874\",\"dark\":\"#3db8ff\"};\nexport const calciteColorStatusInfoPress = {\"light\":\"#00304d\",\"dark\":\"#009af2\"};\nexport const calciteColorStatusSuccess = {\"light\":\"#35ac46\",\"dark\":\"#36da43\"};\nexport const calciteColorStatusSuccessHover = {\"light\":\"#288835\",\"dark\":\"#3bed52\"};\nexport const calciteColorStatusSuccessPress = {\"light\":\"#1a6324\",\"dark\":\"#00b81b\"};\nexport const calciteColorStatusWarning = {\"light\":\"#edd317\",\"dark\":\"#ffc900\"};\nexport const calciteColorStatusWarningHover = {\"light\":\"#d9bc00\",\"dark\":\"#ffee33\"};\nexport const calciteColorStatusWarningPress = {\"light\":\"#bfa200\",\"dark\":\"#f5d000\"};\nexport const calciteColorStatusDanger = {\"light\":\"#d83020\",\"dark\":\"#fe583e\"};\nexport const calciteColorStatusDangerHover = {\"light\":\"#a82b1e\",\"dark\":\"#ff0015\"};\nexport const calciteColorStatusDangerPress = {\"light\":\"#7c1d13\",\"dark\":\"#d90012\"};\nexport const calciteColorInverse = {\"light\":\"#353535\",\"dark\":\"#f8f8f8\"};\nexport const calciteColorInverseHover = {\"light\":\"#2b2b2b\",\"dark\":\"#ffffff\"};\nexport const calciteColorInversePress = {\"light\":\"#202020\",\"dark\":\"#f3f3f3\"};\nexport const calciteColorText1 = {\"light\":\"#151515\",\"dark\":\"#ffffff\"};\nexport const calciteColorText2 = {\"light\":\"#4a4a4a\",\"dark\":\"#bfbfbf\"};\nexport const calciteColorText3 = {\"light\":\"#6a6a6a\",\"dark\":\"#9f9f9f\"};\nexport const calciteColorTextInverse = {\"light\":\"#ffffff\",\"dark\":\"#151515\"};\nexport const calciteColorTextLink = {\"light\":\"#00619b\",\"dark\":\"#00a0ff\"};\nexport const calciteColorBorder1 = {\"light\":\"#cacaca\",\"dark\":\"#555555\"};\nexport const calciteColorBorder2 = {\"light\":\"#d4d4d4\",\"dark\":\"#4a4a4a\"};\nexport const calciteColorBorder3 = {\"light\":\"#dfdfdf\",\"dark\":\"#404040\"};\nexport const calciteColorBorderInput = {\"light\":\"#949494\",\"dark\":\"#757575\"};\nexport const calciteColorBorderGhost = {\"light\":\"rgba(0, 0, 0, 0.3)\",\"dark\":\"rgba(117, 117, 117, 0.3)\"};\nexport const calciteColorBorderWhite = {\"light\":\"#ffffff\",\"dark\":\"#f8f8f8\"};\nexport const calciteContainerSizeHeightXxs = {\"min\":\"0\",\"max\":\"154px\"}; // Small handheld devices and mini-windows\nexport const calciteContainerSizeHeightXs = {\"min\":\"155px\",\"max\":\"328px\"}; // Handheld devices\nexport const calciteContainerSizeHeightSm = {\"min\":\"329px\",\"max\":\"504px\"}; // Small tablets\nexport const calciteContainerSizeHeightMd = {\"min\":\"505px\",\"max\":\"678px\"}; // Small laptops\nexport const calciteContainerSizeHeightLg = {\"min\":\"679px\",\"max\":\"854px\"}; // Large laptops and desktop computers\nexport const calciteContainerSizeHeightXl = {\"min\":\"855px\"}; // Projectors and televisions\nexport const calciteContainerSizeWidthXxs = {\"min\":\"0\",\"max\":\"320px\"}; // Small handheld devices and mini-windows\nexport const calciteContainerSizeWidthXs = {\"min\":\"321px\",\"max\":\"476px\"}; // Handheld devices\nexport const calciteContainerSizeWidthSm = {\"min\":\"477px\",\"max\":\"768px\"}; // Small tablets\nexport const calciteContainerSizeWidthMd = {\"min\":\"769px\",\"max\":\"1152px\"}; // Small laptops\nexport const calciteContainerSizeWidthLg = {\"min\":\"1153px\",\"max\":\"1440px\"}; // Large laptops and desktop computers\nexport const calciteContainerSizeWidthXl = {\"min\":\"1441px\"}; // Projectors and televisions\nexport const calciteContainerSizeMargin = \"24px\";\nexport const calciteContainerSizeGutter = \"16px\";\nexport const calciteContainerSizeContentFluid = \"100%\"; // for fluid grid widths\nexport const calciteContainerSizeContentFixed = \"1440px\"; // only for lg breakpoint fixed grid width\nexport const calciteCornerRadius = \"0\";\nexport const calciteCornerRadiusSharp = \"0\";\nexport const calciteCornerRadiusRound = \"4px\";\nexport const calciteCornerRadiusPill = \"100%\";\nexport const calciteFontFamily = [\"Avenir Next World\",\"Avenir Next LT Pro\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"]; // Primary font with fallbacks\nexport const calciteFontFamilyCode = [\"Monaco\",\"Consolas\",\"Andale Mono\",\"Lucida Console\",\"monospace\"]; // Font family for code with fallbacks\nexport const calciteFontWeightLight = \"300\"; // For Avenir Next World (secondary font family)\nexport const calciteFontWeightNormal = \"400\"; // For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word \"regular\"\nexport const calciteFontWeightRegular = \"400\";\nexport const calciteFontWeightMedium = \"500\";\nexport const calciteFontWeightSemibold = \"600\";\nexport const calciteFontWeightBold = \"700\";\nexport const calciteFontSizeXs = \"10px\";\nexport const calciteFontSizeSm = \"12px\";\nexport const calciteFontSize = \"14px\";\nexport const calciteFontSizeMd = \"16px\";\nexport const calciteFontSizeLg = \"18px\";\nexport const calciteFontSizeXl = \"20px\";\nexport const calciteFontSizeXxl = \"24px\";\nexport const calciteFontStyleEmphasis = \"italic\"; // used in ratings\nexport const calciteFontLineHeightFixedSm = \"12px\";\nexport const calciteFontLineHeightFixedBase = \"16px\";\nexport const calciteFontLineHeightFixedLg = \"20px\";\nexport const calciteFontLineHeightFixedXl = \"24px\";\nexport const calciteFontLineHeightRelative = \"auto\"; // 1\nexport const calciteFontLineHeightRelativeTight = \"125%\"; // 1.25\nexport const calciteFontLineHeightRelativeSnug = \"137.5%\"; // 1.375\nexport const calciteFontLineHeightRelativeNormal = \"150%\"; // 1.5\nexport const calciteFontLineHeightRelativeRelaxed = \"162.5%\"; // 1.625\nexport const calciteFontLineHeightRelativeLoose = \"200%\"; // 2\nexport const calciteFontLetterSpacingTight = \"-0.4\";\nexport const calciteFontLetterSpacingNormal = \"0\";\nexport const calciteFontLetterSpacingWide = \"0.4\";\nexport const calciteFontParagraphSpacingNormal = \"4px\";\nexport const calciteFontTextDecorationNone = \"none\";\nexport const calciteFontTextDecorationUnderline = \"underline\";\nexport const calciteFontTextCaseNone = \"none\";\nexport const calciteFontTextCaseUppercase = \"uppercase\";\nexport const calciteFontTextCaseLowercase = \"lowercase\";\nexport const calciteFontTextCaseCapitalize = \"capitalize\";\nexport const calciteOpacityLight = \"0.4\";\nexport const calciteOpacityHalf = \"0.5\";\nexport const calciteOpacityDark = \"0.85\";\nexport const calciteOpacityFull = \"1\";\nexport const calciteOpacityDisabled = \"0.5\";\nexport const calciteShadowNone = {\"x\":\"0\",\"y\":\"0\",\"blur\":\"0\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0)\"};\nexport const calciteShadowSm = [{\"x\":\"0\",\"y\":\"2\",\"blur\":\"8\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.04)\"},{\"x\":\"0\",\"y\":\"4\",\"blur\":\"16\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.08)\"}];\nexport const calciteShadowMd = [{\"x\":\"0\",\"y\":\"4\",\"blur\":\"20\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.08)\"},{\"x\":\"0\",\"y\":\"12\",\"blur\":\"32\",\"spread\":\"-2\",\"color\":\"rgba(#000000, 0.1)\"}];\nexport const calciteSizePx = \"1px\";\nexport const calciteSizeXxxs = \"2px\";\nexport const calciteSizeXxs = \"4px\";\nexport const calciteSizeXs = \"6px\";\nexport const calciteSizeSm = \"8px\";\nexport const calciteSizeSmPlus = \"10px\";\nexport const calciteSizeMd = \"12px\";\nexport const calciteSizeMdPlus = \"14px\";\nexport const calciteSizeLg = \"16px\";\nexport const calciteSizeXl = \"20px\";\nexport const calciteSizeXxl = \"24px\";\nexport const calciteSizeXxxl = \"32px\";\nexport const calciteSpacingPx = \"1px\";\nexport const calciteSpacingBase = \"2px\";\nexport const calciteSpacingXxs = \"4px\";\nexport const calciteSpacingXs = \"6px\";\nexport const calciteSpacingSm = \"8px\";\nexport const calciteSpacingMd = \"12px\";\nexport const calciteSpacingLg = \"14px\";\nexport const calciteSpacingXl = \"16px\";\nexport const calciteSpacingXxl = \"20px\";\nexport const calciteSpacingXxxl = \"32px\";\nexport const calciteTypography = {\"fontFamily\":[\"Avenir Next World\",\"Avenir Next LT Pro\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"],\"fontSize\":\"14px\",\"fontWeight\":\"400\",\"letterSpacing\":\"0\",\"lineHeight\":\"16px\",\"paragraphSpacing\":\"4px\",\"textCase\":\"none\",\"textDecoration\":\"none\"};\nexport const calciteTypographyLightMinus3h = {\"fontSize\":\"10px\",\"fontWeight\":\"300\",\"lineHeight\":\"12px\"};\nexport const calciteTypographyLightMinus2h = {\"fontSize\":\"12px\",\"fontWeight\":\"300\"};\nexport const calciteTypographyLightMinus1h = {\"fontWeight\":\"300\"};\nexport const calciteTypographyLight0h = {\"fontSize\":\"16px\",\"fontWeight\":\"300\",\"lineHeight\":\"20px\"};\nexport const calciteTypographyLight1h = {\"fontSize\":\"18px\",\"fontWeight\":\"300\",\"lineHeight\":\"24px\"};\nexport const calciteTypographyRegularMinus3h = {\"lineHeight\":\"12px\",\"fontSize\":\"10px\"};\nexport const calciteTypographyRegularMinus2h = {\"fontSize\":\"12px\"};\nexport const calciteTypographyRegularMinus1h = {\"fontFamily\":[\"Avenir Next World\",\"Avenir Next LT Pro\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"],\"fontSize\":\"14px\",\"fontWeight\":\"400\",\"letterSpacing\":\"0\",\"lineHeight\":\"16px\",\"paragraphSpacing\":\"4px\",\"textCase\":\"none\",\"textDecoration\":\"none\"};\nexport const calciteTypographyRegular0h = {\"lineHeight\":\"20px\",\"fontSize\":\"16px\"};\nexport const calciteTypographyRegular1h = {\"lineHeight\":\"24px\",\"fontSize\":\"18px\"};\nexport const calciteTypographyMediumMinus3h = {\"fontWeight\":\"500\",\"lineHeight\":\"12px\",\"fontSize\":\"10px\"};\nexport const calciteTypographyMediumMinus2h = {\"fontWeight\":\"500\",\"fontSize\":\"12px\"};\nexport const calciteTypographyMediumMinus1h = {\"fontWeight\":\"500\"};\nexport const calciteTypographyMedium0h = {\"fontWeight\":\"500\",\"lineHeight\":\"20px\",\"fontSize\":\"16px\"};\nexport const calciteTypographyMedium1h = {\"fontWeight\":\"500\",\"lineHeight\":\"24px\",\"fontSize\":\"18px\"};\nexport const calciteTypographyBoldMinus3h = {\"fontWeight\":\"600\",\"lineHeight\":\"12px\",\"fontSize\":\"10px\"};\nexport const calciteTypographyBoldMinus2h = {\"fontWeight\":\"600\",\"fontSize\":\"12px\"};\nexport const calciteTypographyBoldMinus1h = {\"fontWeight\":\"600\"};\nexport const calciteTypographyBold0h = {\"fontWeight\":\"600\",\"lineHeight\":\"20px\",\"fontSize\":\"16px\"};\nexport const calciteTypographyBold1h = {\"fontWeight\":\"600\",\"lineHeight\":\"24px\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapLight0 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapLight1 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapLight2 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapLight3 = {\"fontWeight\":\"300\",\"lineHeight\":\"125%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapLightMinus2 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapLightMinus1 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyWrapRegular0 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapRegular1 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapRegular2 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapRegular3 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapRegularMinus2 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapRegularMinus1 = {\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyWrapMedium0 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapMedium1 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapMedium2 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapMedium3 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapMediumMinus2 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapMediumMinus1 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyWrapBold0 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapBold1 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapBold2 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapBold3 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapBoldMinus2 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapBoldMinus1 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyHierarchyDisplay1 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyHierarchyDisplay2 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyHierarchyHeading1 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyHierarchyHeading2 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyHierarchyHeading3 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyHierarchyHeading4 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyHierarchyHeading5 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyHierarchyBodySnug = {\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyHierarchyBody = {\"fontFamily\":[\"Avenir Next World\",\"Avenir Next LT Pro\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"],\"fontSize\":\"14px\",\"fontWeight\":\"400\",\"letterSpacing\":\"0\",\"lineHeight\":\"16px\",\"paragraphSpacing\":\"4px\",\"textCase\":\"none\",\"textDecoration\":\"none\"};\nexport const calciteTypographyHierarchyOverline = {\"lineHeight\":\"12px\",\"textCase\":\"uppercase\",\"fontWeight\":\"700\"};\nexport const calciteTypographyHierarchyCaption = {\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteZIndexDeep = \"-999999\";\nexport const calciteZIndex = \"1\";\nexport const calciteZIndexSticky = \"300\";\nexport const calciteZIndexHeader = \"400\";\nexport const calciteZIndexToast = \"500\";\nexport const calciteZIndexDropdown = \"600\";\nexport const calciteZIndexOverlay = \"700\";\nexport const calciteZIndexModal = \"800\";\nexport const calciteZIndexPopup = \"900\";\nexport const calciteZIndexTooltip = \"901\";\n","import {\n  calciteContainerSizeWidthLg,\n  calciteContainerSizeWidthMd,\n  calciteContainerSizeWidthSm,\n  calciteContainerSizeWidthXs,\n  calciteContainerSizeWidthXxs,\n} from \"@esri/calcite-design-tokens/dist/es6/global\";\n\nexport interface Breakpoints {\n  width: {\n    large: number;\n    medium: number;\n    small: number;\n    xsmall: number;\n    xxsmall: number;\n  };\n}\n\n/**\n * A breakpoints lookup object.\n */\nexport const breakpoints: Breakpoints = {\n  width: {\n    large: cssLengthToNumber(calciteContainerSizeWidthLg.max),\n    medium: cssLengthToNumber(calciteContainerSizeWidthMd.max),\n    small: cssLengthToNumber(calciteContainerSizeWidthSm.max),\n    xsmall: cssLengthToNumber(calciteContainerSizeWidthXs.max),\n    xxsmall: cssLengthToNumber(calciteContainerSizeWidthXxs.max),\n  },\n};\n\nfunction cssLengthToNumber(length: string): number {\n  return parseInt(length);\n}\n","export const CSS = {\n  page: \"page\",\n  selected: \"selected\",\n  chevron: \"chevron\",\n  disabled: \"disabled\",\n  ellipsis: \"ellipsis\",\n};\n\nexport const ICONS = {\n  next: \"chevron-right\",\n  previous: \"chevron-left\",\n  first: \"chevron-start\",\n  last: \"chevron-end\",\n};\n",":host {\n  @apply flex;\n  writing-mode: horizontal-tb;\n}\n\n:host([scale=\"s\"]) {\n  & .chevron,\n  & .page,\n  & .ellipsis {\n    @apply text-n2h h-6 px-1;\n    min-inline-size: theme(\"width.6\");\n  }\n}\n\n:host([scale=\"m\"]) {\n  & .chevron,\n  & .page,\n  & .ellipsis {\n    @apply text-n1h h-8 px-2;\n    min-inline-size: theme(\"width.8\");\n  }\n}\n\n:host([scale=\"l\"]) {\n  & .chevron,\n  & .page,\n  & .ellipsis {\n    @apply text-0h h-11;\n    min-inline-size: theme(\"width.11\");\n  }\n\n  & .chevron {\n    @apply px-2.5;\n  }\n\n  & .page,\n  & .ellipsis {\n    @apply px-3;\n  }\n}\n\n// focus styles\n:host button {\n  @apply focus-base;\n  &:focus {\n    @apply focus-inset;\n  }\n}\n\n.chevron,\n.page,\n.ellipsis {\n  @apply p-0\n    m-0\n    text-0h\n    text-color-3\n    font-inherit\n    box-border\n    flex\n    items-center\n    border-none\n    border-opacity-0\n    justify-center\n    align-baseline\n    bg-transparent;\n}\n\n.chevron,\n.page {\n  @apply cursor-pointer;\n  border-block: 2px solid transparent;\n\n  &:hover {\n    @apply text-color-1 transition-default;\n  }\n}\n\n.page {\n  &:hover {\n    @apply border-b-color-2;\n  }\n  &.selected {\n    @apply text-color-1 border-b-color-brand font-medium;\n  }\n}\n\n.chevron {\n  &:hover {\n    @apply bg-foreground-2;\n    color: theme(\"backgroundColor.brand\");\n  }\n  &:active {\n    @apply bg-foreground-3;\n  }\n  &.disabled {\n    @apply pointer-events-none bg-transparent;\n    & > calcite-icon {\n      @apply opacity-disabled;\n    }\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Scale } from \"../interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { breakpoints } from \"../../utils/responsive\";\nimport { getIconScale } from \"../../utils/component\";\nimport { CSS, ICONS } from \"./resources\";\nimport { PaginationMessages } from \"./assets/pagination/t9n\";\n\nexport interface PaginationDetail {\n  start: number;\n  totalItems: number;\n  startItem: number;\n}\n\nconst firstAndLastPageCount = 2;\nconst ellipsisCount = 2;\n\nconst maxItemBreakpoints = {\n  large: 11,\n  medium: 9,\n  small: 7,\n  xsmall: 5,\n  xxsmall: 1,\n};\n\n@Component({\n  tag: \"calcite-pagination\",\n  styleUrl: \"pagination.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n  assetsDirs: [\"assets\"],\n})\nexport class Pagination\n  implements LocalizedComponent, LocalizedComponent, LoadableComponent, T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, number values are displayed with a group separator corresponding to the language and country format.\n   */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: PaginationMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<PaginationMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop() numberingSystem: NumberingSystem;\n\n  /** Specifies the number of items per page. */\n  @Prop({ mutable: true, reflect: true }) pageSize = 20;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the starting item number. */\n  @Prop({ mutable: true, reflect: true }) startItem = 1;\n\n  /** Specifies the total number of items. */\n  @Prop({ reflect: true }) totalItems = 0;\n\n  @Watch(\"totalItems\")\n  @Watch(\"pageSize\")\n  handleTotalPages(): void {\n    if (this.pageSize < 1) {\n      this.pageSize = 1;\n    }\n    this.totalPages = this.totalItems / this.pageSize;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePaginationElement;\n\n  @State() defaultMessages: PaginationMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleWatcher(): void {\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n  }\n\n  @State() maxItems = maxItemBreakpoints.xxsmall;\n\n  @State() totalPages: number;\n\n  @State() lastStartItem: number;\n\n  @Watch(\"totalItems\")\n  @Watch(\"pageSize\")\n  @Watch(\"totalPages\")\n  handleLastStartItemChange(): void {\n    const { totalItems, pageSize, totalPages } = this;\n\n    this.lastStartItem =\n      (totalItems % pageSize === 0 ? totalItems - pageSize : Math.floor(totalPages) * pageSize) + 1;\n  }\n\n  @State() isXXSmall: boolean;\n\n  @Watch(\"maxItems\")\n  handleIsXXSmall(): void {\n    this.isXXSmall = this.maxItems === maxItemBreakpoints.xxsmall;\n  }\n\n  private resizeObserver = createObserver(\"resize\", (entries) =>\n    entries.forEach(this.resizeHandler),\n  );\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emits when the selected page changes.\n   */\n  @Event({ cancelable: false }) calcitePaginationChange: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n    this.resizeObserver?.observe(this.el);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n    this.handleTotalPages();\n    this.handleLastStartItemChange();\n    this.handleIsXXSmall();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    this.setMaxItemsToBreakpoint(this.el.clientWidth);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.resizeObserver?.disconnect();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n\n  /** Go to the next page of results. */\n  @Method()\n  async nextPage(): Promise<void> {\n    this.startItem = Math.min(this.lastStartItem, this.startItem + this.pageSize);\n  }\n\n  /** Go to the previous page of results. */\n  @Method()\n  async previousPage(): Promise<void> {\n    this.startItem = Math.max(1, this.startItem - this.pageSize);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private setMaxItemsToBreakpoint(width: number): void {\n    if (!breakpoints || !width) {\n      return;\n    }\n\n    if (width >= breakpoints.width.medium) {\n      this.maxItems = maxItemBreakpoints.large;\n      return;\n    }\n\n    if (width >= breakpoints.width.small) {\n      this.maxItems = maxItemBreakpoints.medium;\n      return;\n    }\n\n    if (width >= breakpoints.width.xsmall) {\n      this.maxItems = maxItemBreakpoints.small;\n      return;\n    }\n\n    if (width >= breakpoints.width.xxsmall) {\n      this.maxItems = maxItemBreakpoints.xsmall;\n      return;\n    }\n\n    this.maxItems = maxItemBreakpoints.xxsmall;\n  }\n\n  private resizeHandler = ({ contentRect: { width } }: ResizeObserverEntry): void =>\n    this.setMaxItemsToBreakpoint(width);\n\n  private firstClicked = (): void => {\n    this.startItem = 1;\n    this.emitUpdate();\n  };\n\n  private lastClicked = (): void => {\n    this.startItem = this.lastStartItem;\n    this.emitUpdate();\n  };\n\n  private previousClicked = async (): Promise<void> => {\n    await this.previousPage();\n    this.emitUpdate();\n  };\n\n  private nextClicked = async (): Promise<void> => {\n    await this.nextPage();\n    this.emitUpdate();\n  };\n\n  private showStartEllipsis() {\n    return (\n      this.totalPages > this.maxItems &&\n      Math.floor(this.startItem / this.pageSize) >\n        this.maxItems - firstAndLastPageCount - ellipsisCount\n    );\n  }\n\n  private showEndEllipsis() {\n    return (\n      this.totalPages > this.maxItems &&\n      (this.totalItems - this.startItem) / this.pageSize >\n        this.maxItems - firstAndLastPageCount - (ellipsisCount - 1)\n    );\n  }\n\n  private emitUpdate() {\n    this.calcitePaginationChange.emit();\n  }\n\n  private handlePageClick = (event: Event) => {\n    const target = event.target as HTMLButtonElement;\n    this.startItem = parseInt(target.value, 10);\n    this.emitUpdate();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderEllipsis(type: \"start\" | \"end\"): VNode {\n    return (\n      <span class={CSS.ellipsis} data-test-ellipsis={type} key={type}>\n        &hellip;\n      </span>\n    );\n  }\n\n  renderItems(): VNode[] {\n    const { totalItems, pageSize, startItem, maxItems, totalPages, lastStartItem, isXXSmall } =\n      this;\n\n    const items: VNode[] = [];\n\n    if (isXXSmall) {\n      items.push(this.renderPage(startItem));\n      return items;\n    }\n\n    const renderFirstPage = totalItems > pageSize;\n    const renderStartEllipsis = this.showStartEllipsis();\n    const renderEndEllipsis = this.showEndEllipsis();\n\n    if (renderFirstPage) {\n      items.push(this.renderPage(1));\n    }\n\n    if (renderStartEllipsis) {\n      items.push(this.renderEllipsis(\"start\"));\n    }\n\n    const remainingItems =\n      maxItems -\n      firstAndLastPageCount -\n      (renderEndEllipsis ? 1 : 0) -\n      (renderStartEllipsis ? 1 : 0);\n\n    let end: number;\n    let nextStart: number;\n\n    // if we don't need ellipses render the whole set\n    if (totalPages - 1 <= remainingItems) {\n      nextStart = 1 + pageSize;\n      end = lastStartItem - pageSize;\n    } else {\n      // if we're within max pages of page 1\n      if (startItem / pageSize < remainingItems) {\n        nextStart = 1 + pageSize;\n        end = 1 + remainingItems * pageSize;\n      } else {\n        // if we're within max pages of last page\n        if (startItem + remainingItems * pageSize >= totalItems) {\n          nextStart = lastStartItem - remainingItems * pageSize;\n          end = lastStartItem - pageSize;\n        } else {\n          // if we're within the center pages\n          nextStart = startItem - pageSize * ((remainingItems - 1) / 2);\n          end = startItem + pageSize * ((remainingItems - 1) / 2);\n        }\n      }\n    }\n\n    for (let i = 0; i < remainingItems && nextStart <= end; i++) {\n      items.push(this.renderPage(nextStart));\n      nextStart = nextStart + pageSize;\n    }\n\n    if (renderEndEllipsis) {\n      items.push(this.renderEllipsis(\"end\"));\n    }\n\n    items.push(this.renderPage(lastStartItem));\n\n    return items;\n  }\n\n  renderPage(start: number): VNode {\n    const { pageSize } = this;\n    const page = Math.floor(start / pageSize) + (pageSize === 1 ? 0 : 1);\n\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n\n    const displayedPage = numberStringFormatter.localize(page.toString());\n    const selected = start === this.startItem;\n\n    return (\n      <button\n        aria-current={selected ? \"page\" : \"false\"}\n        class={{\n          [CSS.page]: true,\n          [CSS.selected]: selected,\n        }}\n        onClick={this.handlePageClick}\n        value={start}\n      >\n        {displayedPage}\n      </button>\n    );\n  }\n\n  renderPreviousChevron(): VNode {\n    const { pageSize, startItem, messages } = this;\n\n    const disabled = pageSize === 1 ? startItem <= pageSize : startItem < pageSize;\n\n    return (\n      <button\n        aria-label={messages.previous}\n        class={{\n          [CSS.chevron]: true,\n          [CSS.disabled]: disabled,\n        }}\n        data-test-chevron=\"previous\"\n        disabled={disabled}\n        key=\"previous\"\n        onClick={this.previousClicked}\n      >\n        <calcite-icon flipRtl icon={ICONS.previous} scale={getIconScale(this.scale)} />\n      </button>\n    );\n  }\n\n  renderNextChevron(): VNode {\n    const { totalItems, pageSize, startItem, messages } = this;\n\n    const disabled =\n      pageSize === 1 ? startItem + pageSize > totalItems : startItem + pageSize > totalItems;\n\n    return (\n      <button\n        aria-label={messages.next}\n        class={{\n          [CSS.chevron]: true,\n          [CSS.disabled]: disabled,\n        }}\n        data-test-chevron=\"next\"\n        disabled={disabled}\n        key=\"next-button\"\n        onClick={this.nextClicked}\n      >\n        <calcite-icon flipRtl icon={ICONS.next} scale={getIconScale(this.scale)} />\n      </button>\n    );\n  }\n\n  renderFirstChevron(): VNode {\n    const { messages, startItem, isXXSmall } = this;\n\n    const disabled = startItem === 1;\n\n    return isXXSmall ? (\n      <button\n        aria-label={messages.first}\n        class={{\n          [CSS.chevron]: true,\n          [CSS.disabled]: disabled,\n        }}\n        disabled={disabled}\n        key=\"first-button\"\n        onClick={this.firstClicked}\n      >\n        <calcite-icon flipRtl icon={ICONS.first} scale={getIconScale(this.scale)} />\n      </button>\n    ) : null;\n  }\n\n  renderLastChevron(): VNode {\n    const { messages, startItem, isXXSmall, lastStartItem } = this;\n\n    const disabled = startItem === lastStartItem;\n\n    return isXXSmall ? (\n      <button\n        aria-label={messages.last}\n        class={{\n          [CSS.chevron]: true,\n          [CSS.disabled]: disabled,\n        }}\n        disabled={disabled}\n        key=\"last-button\"\n        onClick={this.lastClicked}\n      >\n        <calcite-icon flipRtl icon={ICONS.last} scale={getIconScale(this.scale)} />\n      </button>\n    ) : null;\n  }\n\n  render(): VNode {\n    return (\n      <Fragment>\n        {this.renderFirstChevron()}\n        {this.renderPreviousChevron()}\n        {this.renderItems()}\n        {this.renderNextChevron()}\n        {this.renderLastChevron()}\n      </Fragment>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-bd37bc25.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.3
- */
-import{r as e,c as t,h as i,H as n,g as o}from"./p-01b6e50c.js";import{g as a,t as l}from"./p-5b4be5f7.js";import{a as s,c,d as r,H as d}from"./p-0cf42ddb.js";import{c as h,d as m,u as f,I as p}from"./p-f2e608ab.js";import{c as u,d as b}from"./p-c11d2b8b.js";import{s as g,a as k,c as v}from"./p-7829204e.js";import{c as y}from"./p-88d250c2.js";import{V as w}from"./p-7c7c5c54.js";import"./p-d448c1cc.js";import"./p-558b5029.js";import"./p-bf151ae4.js";import"./p-a9927b1b.js";const x={itemWrapper:"item-wrapper"};const z=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}.item-wrapper{display:flex;background-color:var(--calcite-color-foreground-1);inline-size:-moz-fit-content;inline-size:fit-content;outline:1px solid var(--calcite-color-border-input);outline-offset:-1px}:host([appearance=outline])>.item-wrapper{background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([layout=vertical])>.item-wrapper{flex-direction:column;align-items:flex-start;align-self:flex-start}:host([width=full])>.item-wrapper{inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content}:host([width=full])>.item-wrapper ::slotted(calcite-segmented-control-item){flex:1 1 auto}:host([width=full][layout=vertical])>.item-wrapper ::slotted(calcite-segmented-control-item){justify-content:flex-start}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";const C=z;const j=class{constructor(i){e(this,i);this.calciteSegmentedControlChange=t(this,"calciteSegmentedControlChange",6);this.handleClick=e=>{if(this.disabled){return}if(e.target.localName==="calcite-segmented-control-item"){this.selectItem(e.target,true)}};this.mutationObserver=y("mutation",(()=>this.setUpItems()));this.appearance="solid";this.disabled=false;this.form=undefined;this.required=false;this.name=undefined;this.layout="horizontal";this.scale="m";this.value=null;this.selectedItem=undefined;this.status="idle";this.validationMessage=undefined;this.validationIcon=undefined;this.width="auto"}handlePropsChange(){this.handleItemPropChange()}valueHandler(e){const t=this.getItems();t.forEach((t=>t.checked=t.value===e))}handleSelectedItemChange(e,t){this.value=e?.value;if(e===t){return}const i=this.getItems();const n=i.filter((t=>t===e)).pop();if(n){this.selectItem(n)}else if(i[0]){i[0].tabIndex=0}}componentWillLoad(){g(this);this.setUpItems()}componentDidLoad(){s(this,this.value);k(this)}connectedCallback(){h(this);u(this);c(this);this.mutationObserver?.observe(this.el,{childList:true});this.handleItemPropChange()}disconnectedCallback(){m(this);b(this);r(this);this.mutationObserver?.unobserve(this.el)}componentDidRender(){f(this)}render(){return i(n,{key:"0c01a1cf6bb9241ad8f839c50baff34fc22704bb",onClick:this.handleClick,role:"radiogroup"},i("div",{key:"8f157cf7deeb847edcd3873126cca455ceedd9ab",class:x.itemWrapper},i(p,{key:"54746752556e4ab175a890b54e09f07938188019",disabled:this.disabled},i("slot",{key:"15dcd0ec46d75d40d4f3d16caf5cfcf6490fe72e"}),i(d,{key:"497b955d52bced7139e9424e742e37666bf18055",component:this}))),this.validationMessage&&this.status==="invalid"?i(w,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null)}handleSelected(e){e.preventDefault();this.selectItem(e.target);e.stopPropagation()}handleKeyDown(e){const t=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "];const{key:i}=e;const{el:n,selectedItem:o}=this;if(t.indexOf(i)===-1){return}let l=i;if(a(n)==="rtl"){if(i==="ArrowRight"){l="ArrowLeft"}if(i==="ArrowLeft"){l="ArrowRight"}}const s=this.getItems();let c=-1;s.forEach(((e,t)=>{if(e===o){c=t}}));switch(l){case"ArrowLeft":case"ArrowUp":e.preventDefault();const t=c<1?s[s.length-1]:s[c-1];this.selectItem(t,true);return;case"ArrowRight":case"ArrowDown":e.preventDefault();const i=c===-1?s[1]:s[c+1]||s[0];this.selectItem(i,true);return;case" ":e.preventDefault();this.selectItem(e.target,true);return;default:return}}async setFocus(){await v(this);(this.selectedItem||this.getItems()[0])?.focus()}handleItemPropChange(){const e=this.getItems();e.forEach((e=>{e.appearance=this.appearance;e.layout=this.layout;e.scale=this.scale}))}onLabelClick(){this.setFocus()}getItems(){return Array.from(this.el.querySelectorAll("calcite-segmented-control-item"))}selectItem(e,t=false){if(e===this.selectedItem){return}const i=this.getItems();let n=null;i.forEach((i=>{const o=i===e;if(o&&!i.checked||!o&&i.checked){i.checked=o}i.tabIndex=o?0:-1;if(o){n=i;if(t){this.calciteSegmentedControlChange.emit()}}}));this.selectedItem=n;if(n){n.focus()}}setUpItems(){const e=this.getItems();const t=e.filter((e=>e.checked)).pop();if(t){this.selectItem(t)}else if(e[0]){e[0].tabIndex=0}}get el(){return o(this)}static get watchers(){return{appearance:["handlePropsChange"],layout:["handlePropsChange"],scale:["handlePropsChange"],value:["valueHandler"],selectedItem:["handleSelectedItemChange"]}}};j.style=C;const A={input:"input"};const I={segmentedControlItemIcon:"segmented-control-item-icon"};const L=":host{display:flex;cursor:pointer;align-self:stretch;font-weight:var(--calcite-font-weight-normal);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-animation-timing) ease-in-out}:host label{pointer-events:none;margin:0.125rem;box-sizing:border-box;display:flex;flex:1 1 0%;align-items:center;color:var(--calcite-color-text-3);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-internal-animation-timing-fast) ease-in-out, color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{justify-content:center}:host{outline-color:transparent}:host(:focus){outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          );outline-offset:-1px}.label--scale-s{padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-block:0.125rem}.label--scale-m{padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-block:0.375rem}.label--scale-l{padding-inline:1rem;padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host(:hover) label{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:active) label{background-color:var(--calcite-color-foreground-3)}:host([checked]) label{cursor:default;border-color:var(--calcite-color-brand);background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{border-color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1);box-shadow:inset 0 0 0 1px var(--calcite-color-brand);color:var(--calcite-color-brand)}:host([checked]) .label--outline{background-color:transparent}::slotted(input){display:none}@media (forced-colors: active){:host([checked]) label{background-color:highlight}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{outline:2px solid transparent;outline-offset:2px}:host([checked]) label:not([class~=label--outline]) .segmented-control-item-icon{color:highlightText}}.segmented-control-item-icon{position:relative;margin:0px;display:inline-flex;line-height:inherit}:host([icon-start]) .label--scale-s .segmented-control-item-icon{margin-inline-end:0.5rem}:host([icon-end]) .label--scale-s .segmented-control-item-icon{margin-inline-start:0.5rem}:host([icon-start]) .label--scale-m .segmented-control-item-icon{margin-inline-end:0.75rem}:host([icon-end]) .label--scale-m .segmented-control-item-icon{margin-inline-start:0.75rem}:host([icon-start]) .label--scale-l .segmented-control-item-icon{margin-inline-end:1rem}:host([icon-end]) .label--scale-l .segmented-control-item-icon{margin-inline-start:1rem}:host([hidden]){display:none}[hidden]{display:none}";const R=L;const D=class{constructor(i){e(this,i);this.calciteInternalSegmentedControlItemChange=t(this,"calciteInternalSegmentedControlItemChange",6);this.checked=false;this.iconFlipRtl=false;this.iconStart=undefined;this.iconEnd=undefined;this.value=undefined;this.appearance="solid";this.layout="horizontal";this.scale="m"}handleCheckedChange(){this.calciteInternalSegmentedControlItemChange.emit()}render(){const{appearance:e,checked:t,layout:o,scale:a,value:s}=this;const c=this.iconStart?i("calcite-icon",{class:I.segmentedControlItemIcon,flipRtl:this.iconFlipRtl,icon:this.iconStart,key:"icon-start",scale:"s"}):null;const r=this.iconEnd?i("calcite-icon",{class:I.segmentedControlItemIcon,flipRtl:this.iconFlipRtl,icon:this.iconEnd,key:"icon-end",scale:"s"}):null;return i(n,{key:"86d3b3d0293c6c07d91a1ac2b0ac2c48e0f0ac35","aria-checked":l(t),"aria-label":s,role:"radio"},i("label",{key:"15865d0dc4b9ade68593f856a502911fd309bd02",class:{"label--scale-s":a==="s","label--scale-m":a==="m","label--scale-l":a==="l","label--horizontal":o==="horizontal","label--outline":e==="outline","label--outline-fill":e==="outline-fill"}},this.iconStart?c:null,i("slot",{key:"0003d814dcd6e9330cbb60e432e44ef78e33d923"},s),i("slot",{key:"481d6e0308f1034bfaeb7b317751afe8e73e5b58",name:A.input}),this.iconEnd?r:null))}get el(){return o(this)}static get watchers(){return{checked:["handleCheckedChange"]}}};D.style=R;export{j as calcite_segmented_control,D as calcite_segmented_control_item};
-//# sourceMappingURL=p-bd37bc25.entry.js.map

package/dist/calcite/p-bf151ae4.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.3
- */
-function n(){return navigator.userAgentData}function r(){const r=n();return r?.brands?r.brands.map((({brand:n,version:r})=>`${n}/${r}`)).join(" "):navigator.userAgent}export{r as g};
-//# sourceMappingURL=p-bf151ae4.js.map

package/dist/calcite/p-c0ee40a4.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.3
- */
-import{d as r}from"./p-5fedbb4c.js";import"./p-01b6e50c.js";import"./p-0cf42ddb.js";import"./p-5b4be5f7.js";import"./p-d448c1cc.js";import"./p-558b5029.js";import"./p-f2e608ab.js";import"./p-bf151ae4.js";import"./p-f93d3c97.js";import"./p-c11d2b8b.js";import"./p-a9927b1b.js";import"./p-7829204e.js";import"./p-2f40ec57.js";import"./p-88d250c2.js";import"./p-ddf907bc.js";import"./p-52fe322b.js";import"./p-51ba2bbe.js";import"./p-5b87db81.js";import"./p-7c7c5c54.js";var e={name:"en-gb",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekStart:1,yearStart:4,relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},ordinal:function r(e){var a=["th","st","nd","rd"];var t=e%100;return"["+e+(a[(t-20)%10]||a[t]||a[0])+"]"}};r.locale(e,null,true);export{e as default};
-//# sourceMappingURL=p-c0ee40a4.js.map

package/dist/calcite/p-c11d2b8b.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.3
- */
-import{j as n,q as t,a as e}from"./p-5b4be5f7.js";import{c}from"./p-a9927b1b.js";const o="calciteInternalLabelClick";const s="calciteInternalLabelConnected";const r="calciteInternalLabelDisconnected";const i="calcite-label";const a=new WeakMap;const u=new WeakMap;const f=new WeakMap;const l=new WeakMap;const m=new Set;const b=n=>{const{id:c}=n;const o=c&&t(n,{selector:`${i}[for="${c}"]`});if(o){return o}const s=e(n,i);if(!s||d(s,n)){return null}return s};function d(n,t){let e;const c="custom-element-ancestor-check";const o=c=>{c.stopImmediatePropagation();const o=c.composedPath();e=o.slice(o.indexOf(t),o.indexOf(n))};n.addEventListener(c,o,{once:true});t.dispatchEvent(new CustomEvent(c,{composed:true,bubbles:true}));n.removeEventListener(c,o);const s=e.filter((e=>e!==t&&e!==n)).filter((n=>n.tagName?.includes("-")));return s.length>0}function p(n){if(!n){return}const t=b(n.el);if(u.has(t)&&t===n.labelEl||!t&&m.has(n)){return}const e=j.bind(n);if(t){n.labelEl=t;const c=a.get(t)||[];c.push(n);a.set(t,c.sort(k));if(!u.has(n.labelEl)){u.set(n.labelEl,M);n.labelEl.addEventListener(o,M)}m.delete(n);document.removeEventListener(s,f.get(n));l.set(n,e);document.addEventListener(r,e)}else if(!m.has(n)){e();document.removeEventListener(r,l.get(n))}}function h(n){if(!n){return}m.delete(n);document.removeEventListener(s,f.get(n));document.removeEventListener(r,l.get(n));f.delete(n);l.delete(n);if(!n.labelEl){return}const t=a.get(n.labelEl);if(t.length===1){n.labelEl.removeEventListener(o,u.get(n.labelEl));u.delete(n.labelEl)}a.set(n.labelEl,t.filter((t=>t!==n)).sort(k));n.labelEl=null}function k(t,e){return n(t.el,e.el)?-1:1}function w(n){return n.label||n.labelEl?.textContent?.trim()||""}function M(n){const t=n.detail.sourceEvent.target;const e=a.get(this);const c=e.find((n=>n.el===t));const o=e.includes(c);if(o){return}const s=e[0];if(s.disabled){return}s.onLabelClick(n)}function W(){if(m.has(this)){p(this)}}function j(){m.add(this);const n=f.get(this)||W.bind(this);f.set(this,n);document.addEventListener(s,n)}async function C(n){await c(n);const t=a.has(n);if(t){return}const e=n.ownerDocument?.getElementById(n.for);if(!e){return}requestAnimationFrame((()=>{for(const n of m){if(n.el===e){p(n);break}}}))}export{C as a,r as b,p as c,h as d,w as g,s as l};
-//# sourceMappingURL=p-c11d2b8b.js.map

package/dist/calcite/p-c5c3e41a.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.3
- */
-import{d as r}from"./p-5fedbb4c.js";import"./p-01b6e50c.js";import"./p-0cf42ddb.js";import"./p-5b4be5f7.js";import"./p-d448c1cc.js";import"./p-558b5029.js";import"./p-f2e608ab.js";import"./p-bf151ae4.js";import"./p-f93d3c97.js";import"./p-c11d2b8b.js";import"./p-a9927b1b.js";import"./p-7829204e.js";import"./p-2f40ec57.js";import"./p-88d250c2.js";import"./p-ddf907bc.js";import"./p-52fe322b.js";import"./p-51ba2bbe.js";import"./p-5b87db81.js";import"./p-7c7c5c54.js";var e={name:"hu",weekdays:"vasárnap_hétfő_kedd_szerda_csütörtök_péntek_szombat".split("_"),weekdaysShort:"vas_hét_kedd_sze_csüt_pén_szo".split("_"),weekdaysMin:"v_h_k_sze_cs_p_szo".split("_"),months:"január_február_március_április_május_június_július_augusztus_szeptember_október_november_december".split("_"),monthsShort:"jan_feb_márc_ápr_máj_jún_júl_aug_szept_okt_nov_dec".split("_"),ordinal:function r(e){return e+"."},weekStart:1,relativeTime:{future:"%s múlva",past:"%s",s:function r(e,t,n,p){return"néhány másodperc"+(p||t?"":"e")},m:function r(e,t,n,p){return"egy perc"+(p||t?"":"e")},mm:function r(e,t,n,p){return e+" perc"+(p||t?"":"e")},h:function r(e,t,n,p){return"egy "+(p||t?"óra":"órája")},hh:function r(e,t,n,p){return e+" "+(p||t?"óra":"órája")},d:function r(e,t,n,p){return"egy "+(p||t?"nap":"napja")},dd:function r(e,t,n,p){return e+" "+(p||t?"nap":"napja")},M:function r(e,t,n,p){return"egy "+(p||t?"hónap":"hónapja")},MM:function r(e,t,n,p){return e+" "+(p||t?"hónap":"hónapja")},y:function r(e,t,n,p){return"egy "+(p||t?"év":"éve")},yy:function r(e,t,n,p){return e+" "+(p||t?"év":"éve")}},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"YYYY.MM.DD.",LL:"YYYY. MMMM D.",LLL:"YYYY. MMMM D. H:mm",LLLL:"YYYY. MMMM D., dddd H:mm"}};r.locale(e,null,true);export{e as default};
-//# sourceMappingURL=p-c5c3e41a.js.map

package/dist/calcite/p-c5ec2b5b.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.3
- */
-import{r as t,c as e,h as i,g as s}from"./p-01b6e50c.js";import{c as a,d as n,u as o,I as r}from"./p-f2e608ab.js";import{c}from"./p-88d250c2.js";import{d,a as l,c as h}from"./p-dbdc23d1.js";import{d as f}from"./p-5b4be5f7.js";import"./p-bf151ae4.js";import"./p-d448c1cc.js";import"./p-558b5029.js";const b={sortItem:"sort-item",container:"container",containerHorizontal:"container--horizontal",containerVertical:"container--vertical"};const u=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{display:flex;flex:1 1 auto}.container--vertical{flex-direction:column}.container--horizontal{flex-direction:row}:host([hidden]){display:none}[hidden]{display:none}";const p=u;const m=class{constructor(i){t(this,i);this.calciteListOrderChange=e(this,"calciteListOrderChange",6);this.items=[];this.mutationObserver=c("mutation",(()=>{this.setUpSorting()}));this.dragEnabled=true;this.canPull=undefined;this.canPut=undefined;this.dragSelector=undefined;this.group=undefined;this.handleSelector="calcite-handle";this.layout="vertical";this.disabled=false;this.loading=false}connectedCallback(){if(d(this)){return}this.setUpSorting();this.beginObserving();a(this)}disconnectedCallback(){if(d(this)){return}n(this);l(this);this.endObserving()}componentDidRender(){o(this)}calciteHandleNudgeNextHandler(t){this.handleNudgeEvent(t)}onGlobalDragStart(){this.endObserving()}onGlobalDragEnd(){this.beginObserving()}onDragEnd(){}onDragStart(){}onDragSort(){this.items=Array.from(this.el.children);this.calciteListOrderChange.emit()}handleNudgeEvent(t){const{direction:e}=t.detail;const i=t.composedPath().find((t=>t.matches(this.handleSelector)));const s=this.items.find((e=>e.contains(i)||t.composedPath().includes(e)));const a=this.items.length-1;const n=this.items.indexOf(s);let o=false;let r;if(e==="up"){if(n===0){o=true}else{r=n-1}}else{if(n===a){r=0}else if(n===a-1){o=true}else{r=n+2}}this.endObserving();if(o){s.parentElement.appendChild(s)}else{s.parentElement.insertBefore(s,this.items[r])}this.items=Array.from(this.el.children);this.beginObserving();requestAnimationFrame((()=>f(i)));if("selected"in i){i.selected=true}}setUpSorting(){this.items=Array.from(this.el.children);h(this)}beginObserving(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}endObserving(){this.mutationObserver?.disconnect()}render(){const{disabled:t,layout:e}=this;const s=e==="horizontal"||false;return i(r,{key:"55863db3f7758c2bdf7143e56ae431c952c2249f",disabled:t},i("div",{key:"e01d31cb0509f793b70c885f70575b331ac5729c",class:{[b.container]:true,[b.containerVertical]:!s,[b.containerHorizontal]:s}},i("slot",{key:"87ababe82f5e8659244040982348556efd061af9"})))}get el(){return s(this)}};m.style=p;export{m as calcite_sortable_list};
-//# sourceMappingURL=p-c5ec2b5b.entry.js.map

package/dist/calcite/p-c5f076b3.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.3
- */
-import{r as e,c as t,h as a,H as i,g as n}from"./p-01b6e50c.js";import{a as s,l as o,b as l}from"./p-c11d2b8b.js";import"./p-5b4be5f7.js";import"./p-d448c1cc.js";import"./p-558b5029.js";import"./p-a9927b1b.js";const c={container:"container"};const r=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.5rem)}:host([scale=m]) .container{gap:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.75rem)}:host([scale=l]) .container{gap:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-color-text-1)}:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:0.5rem}:host([layout=inline][scale=l]) .container{gap:0.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const d=r;const b=class{constructor(a){e(this,a);this.calciteInternalLabelClick=t(this,"calciteInternalLabelClick",2);this.labelClickHandler=e=>{this.calciteInternalLabelClick.emit({sourceEvent:e})};this.alignment="start";this.for=undefined;this.scale="m";this.layout="default"}handleForChange(){s(this.el)}connectedCallback(){document.dispatchEvent(new CustomEvent(o))}disconnectedCallback(){document.dispatchEvent(new CustomEvent(l))}render(){return a(i,{key:"597b3bd64b3ae8f663937895a4e80a013b99332d",onClick:this.labelClickHandler},a("div",{key:"effb146f2bb9a7f6d5b25c7848b595401f6f398f",class:c.container},a("slot",{key:"59facab849337e37bb3be7ffb4bc122d7f99f22a"})))}get el(){return n(this)}static get watchers(){return{for:["handleForChange"]}}};b.style=d;export{b as calcite_label};
-//# sourceMappingURL=p-c5f076b3.entry.js.map

package/dist/calcite/p-c8fcda1d.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.3
- */
-import{g as t}from"./p-5b4be5f7.js";import{d as n}from"./p-fc35de9f.js";const e=["top","right","bottom","left"];const o=["start","end"];const s=e.reduce(((t,n)=>t.concat(n,n+"-"+o[0],n+"-"+o[1])),[]);const i=Math.min;const r=Math.max;const c=Math.round;const l=Math.floor;const a=t=>({x:t,y:t});const f={left:"right",right:"left",bottom:"top",top:"bottom"};const u={start:"end",end:"start"};function d(t,n,e){return r(t,i(n,e))}function m(t,n){return typeof t==="function"?t(n):t}function p(t){return t.split("-")[0]}function y(t){return t.split("-")[1]}function h(t){return t==="x"?"y":"x"}function g(t){return t==="y"?"height":"width"}function w(t){return["top","bottom"].includes(p(t))?"y":"x"}function x(t){return h(w(t))}function v(t,n,e){if(e===void 0){e=false}const o=y(t);const s=x(t);const i=g(s);let r=s==="x"?o===(e?"end":"start")?"right":"left":o==="start"?"bottom":"top";if(n.reference[i]>n.floating[i]){r=D(r)}return[r,D(r)]}function b(t){const n=D(t);return[A(t),n,A(n)]}function A(t){return t.replace(/start|end/g,(t=>u[t]))}function k(t,n,e){const o=["left","right"];const s=["right","left"];const i=["top","bottom"];const r=["bottom","top"];switch(t){case"top":case"bottom":if(e)return n?s:o;return n?o:s;case"left":case"right":return n?i:r;default:return[]}}function S(t,n,e,o){const s=y(t);let i=k(p(t),e==="start",o);if(s){i=i.map((t=>t+"-"+s));if(n){i=i.concat(i.map(A))}}return i}function D(t){return t.replace(/left|right|bottom|top/g,(t=>f[t]))}function P(t){return{top:0,right:0,bottom:0,left:0,...t}}function R(t){return typeof t!=="number"?P(t):{top:t,right:t,bottom:t,left:t}}function O(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function E(t,n,e){let{reference:o,floating:s}=t;const i=w(n);const r=x(n);const c=g(r);const l=p(n);const a=i==="y";const f=o.x+o.width/2-s.width/2;const u=o.y+o.height/2-s.height/2;const d=o[c]/2-s[c]/2;let m;switch(l){case"top":m={x:f,y:o.y-s.height};break;case"bottom":m={x:f,y:o.y+o.height};break;case"right":m={x:o.x+o.width,y:u};break;case"left":m={x:o.x-s.width,y:u};break;default:m={x:o.x,y:o.y}}switch(y(n)){case"start":m[r]-=d*(e&&a?-1:1);break;case"end":m[r]+=d*(e&&a?-1:1);break}return m}const F=async(t,n,e)=>{const{placement:o="bottom",strategy:s="absolute",middleware:i=[],platform:r}=e;const c=i.filter(Boolean);const l=await(r.isRTL==null?void 0:r.isRTL(n));let a=await r.getElementRects({reference:t,floating:n,strategy:s});let{x:f,y:u}=E(a,o,l);let d=o;let m={};let p=0;for(let e=0;e<c.length;e++){const{name:i,fn:y}=c[e];const{x:h,y:g,data:w,reset:x}=await y({x:f,y:u,initialPlacement:o,placement:d,strategy:s,middlewareData:m,rects:a,platform:r,elements:{reference:t,floating:n}});f=h!=null?h:f;u=g!=null?g:u;m={...m,[i]:{...m[i],...w}};if(x&&p<=50){p++;if(typeof x==="object"){if(x.placement){d=x.placement}if(x.rects){a=x.rects===true?await r.getElementRects({reference:t,floating:n,strategy:s}):x.rects}({x:f,y:u}=E(a,d,l))}e=-1}}return{x:f,y:u,placement:d,strategy:s,middlewareData:m}};async function M(t,n){var e;if(n===void 0){n={}}const{x:o,y:s,platform:i,rects:r,elements:c,strategy:l}=t;const{boundary:a="clippingAncestors",rootBoundary:f="viewport",elementContext:u="floating",altBoundary:d=false,padding:p=0}=m(n,t);const y=R(p);const h=u==="floating"?"reference":"floating";const g=c[d?h:u];const w=O(await i.getClippingRect({element:((e=await(i.isElement==null?void 0:i.isElement(g)))!=null?e:true)?g:g.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(c.floating)),boundary:a,rootBoundary:f,strategy:l}));const x=u==="floating"?{...r.floating,x:o,y:s}:r.reference;const v=await(i.getOffsetParent==null?void 0:i.getOffsetParent(c.floating));const b=await(i.isElement==null?void 0:i.isElement(v))?await(i.getScale==null?void 0:i.getScale(v))||{x:1,y:1}:{x:1,y:1};const A=O(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:x,offsetParent:v,strategy:l}):x);return{top:(w.top-A.top+y.top)/b.y,bottom:(A.bottom-w.bottom+y.bottom)/b.y,left:(w.left-A.left+y.left)/b.x,right:(A.right-w.right+y.right)/b.x}}const C=t=>({name:"arrow",options:t,async fn(n){const{x:e,y:o,placement:s,rects:r,platform:c,elements:l,middlewareData:a}=n;const{element:f,padding:u=0}=m(t,n)||{};if(f==null){return{}}const p=R(u);const h={x:e,y:o};const w=x(s);const v=g(w);const b=await c.getDimensions(f);const A=w==="y";const k=A?"top":"left";const S=A?"bottom":"right";const D=A?"clientHeight":"clientWidth";const P=r.reference[v]+r.reference[w]-h[w]-r.floating[v];const O=h[w]-r.reference[w];const E=await(c.getOffsetParent==null?void 0:c.getOffsetParent(f));let F=E?E[D]:0;if(!F||!await(c.isElement==null?void 0:c.isElement(E))){F=l.floating[D]||r.floating[v]}const M=P/2-O/2;const C=F/2-b[v]/2-1;const T=i(p[k],C);const z=i(p[S],C);const B=T;const $=F-b[v]-z;const H=F/2-b[v]/2+M;const L=d(B,H,$);const j=!a.arrow&&y(s)!=null&&H!==L&&r.reference[v]/2-(H<B?T:z)-b[v]/2<0;const W=j?H<B?H-B:H-$:0;return{[w]:h[w]+W,data:{[w]:L,centerOffset:H-L-W,...j&&{alignmentOffset:W}},reset:j}}});function T(t,n,e){const o=t?[...e.filter((n=>y(n)===t)),...e.filter((n=>y(n)!==t))]:e.filter((t=>p(t)===t));return o.filter((e=>{if(t){return y(e)===t||(n?A(e)!==e:false)}return true}))}const z=function(t){if(t===void 0){t={}}return{name:"autoPlacement",options:t,async fn(n){var e,o,i;const{rects:r,middlewareData:c,placement:l,platform:a,elements:f}=n;const{crossAxis:u=false,alignment:d,allowedPlacements:h=s,autoAlignment:g=true,...w}=m(t,n);const x=d!==undefined||h===s?T(d||null,g,h):h;const b=await M(n,w);const A=((e=c.autoPlacement)==null?void 0:e.index)||0;const k=x[A];if(k==null){return{}}const S=v(k,r,await(a.isRTL==null?void 0:a.isRTL(f.floating)));if(l!==k){return{reset:{placement:x[0]}}}const D=[b[p(k)],b[S[0]],b[S[1]]];const P=[...((o=c.autoPlacement)==null?void 0:o.overflows)||[],{placement:k,overflows:D}];const R=x[A+1];if(R){return{data:{index:A+1,overflows:P},reset:{placement:R}}}const O=P.map((t=>{const n=y(t.placement);return[t.placement,n&&u?t.overflows.slice(0,2).reduce(((t,n)=>t+n),0):t.overflows[0],t.overflows]})).sort(((t,n)=>t[1]-n[1]));const E=O.filter((t=>t[2].slice(0,y(t[0])?2:3).every((t=>t<=0))));const F=((i=E[0])==null?void 0:i[0])||O[0][0];if(F!==l){return{data:{index:A+1,overflows:P},reset:{placement:F}}}return{}}}};const B=function(t){if(t===void 0){t={}}return{name:"flip",options:t,async fn(n){var e,o;const{placement:s,middlewareData:i,rects:r,initialPlacement:c,platform:l,elements:a}=n;const{mainAxis:f=true,crossAxis:u=true,fallbackPlacements:d,fallbackStrategy:y="bestFit",fallbackAxisSideDirection:h="none",flipAlignment:g=true,...w}=m(t,n);if((e=i.arrow)!=null&&e.alignmentOffset){return{}}const x=p(s);const A=p(c)===c;const k=await(l.isRTL==null?void 0:l.isRTL(a.floating));const P=d||(A||!g?[D(c)]:b(c));if(!d&&h!=="none"){P.push(...S(c,g,h,k))}const R=[c,...P];const O=await M(n,w);const E=[];let F=((o=i.flip)==null?void 0:o.overflows)||[];if(f){E.push(O[x])}if(u){const t=v(s,r,k);E.push(O[t[0]],O[t[1]])}F=[...F,{placement:s,overflows:E}];if(!E.every((t=>t<=0))){var C,T;const t=(((C=i.flip)==null?void 0:C.index)||0)+1;const n=R[t];if(n){return{data:{index:t,overflows:F},reset:{placement:n}}}let e=(T=F.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])==null?void 0:T.placement;if(!e){switch(y){case"bestFit":{var z;const t=(z=F.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])==null?void 0:z[0];if(t){e=t}break}case"initialPlacement":e=c;break}}if(s!==e){return{reset:{placement:e}}}}return{}}}};function $(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function H(t){return e.some((n=>t[n]>=0))}const L=function(t){if(t===void 0){t={}}return{name:"hide",options:t,async fn(n){const{rects:e}=n;const{strategy:o="referenceHidden",...s}=m(t,n);switch(o){case"referenceHidden":{const t=await M(n,{...s,elementContext:"reference"});const o=$(t,e.reference);return{data:{referenceHiddenOffsets:o,referenceHidden:H(o)}}}case"escaped":{const t=await M(n,{...s,altBoundary:true});const o=$(t,e.floating);return{data:{escapedOffsets:o,escaped:H(o)}}}default:{return{}}}}}};function j(t){const n=i(...t.map((t=>t.left)));const e=i(...t.map((t=>t.top)));const o=r(...t.map((t=>t.right)));const s=r(...t.map((t=>t.bottom)));return{x:n,y:e,width:o-n,height:s-e}}function W(t){const n=t.slice().sort(((t,n)=>t.y-n.y));const e=[];let o=null;for(let t=0;t<n.length;t++){const s=n[t];if(!o||s.y-o.y>o.height/2){e.push([s])}else{e[e.length-1].push(s)}o=s}return e.map((t=>O(j(t))))}const I=function(t){if(t===void 0){t={}}return{name:"inline",options:t,async fn(n){const{placement:e,elements:o,rects:s,platform:c,strategy:l}=n;const{padding:a=2,x:f,y:u}=m(t,n);const d=Array.from(await(c.getClientRects==null?void 0:c.getClientRects(o.reference))||[]);const y=W(d);const h=O(j(d));const g=R(a);function x(){if(y.length===2&&y[0].left>y[1].right&&f!=null&&u!=null){return y.find((t=>f>t.left-g.left&&f<t.right+g.right&&u>t.top-g.top&&u<t.bottom+g.bottom))||h}if(y.length>=2){if(w(e)==="y"){const t=y[0];const n=y[y.length-1];const o=p(e)==="top";const s=t.top;const i=n.bottom;const r=o?t.left:n.left;const c=o?t.right:n.right;const l=c-r;const a=i-s;return{top:s,bottom:i,left:r,right:c,width:l,height:a,x:r,y:s}}const t=p(e)==="left";const n=r(...y.map((t=>t.right)));const o=i(...y.map((t=>t.left)));const s=y.filter((e=>t?e.left===o:e.right===n));const c=s[0].top;const l=s[s.length-1].bottom;const a=o;const f=n;const u=f-a;const d=l-c;return{top:c,bottom:l,left:a,right:f,width:u,height:d,x:a,y:c}}return h}const v=await c.getElementRects({reference:{getBoundingClientRect:x},floating:o.floating,strategy:l});if(s.reference.x!==v.reference.x||s.reference.y!==v.reference.y||s.reference.width!==v.reference.width||s.reference.height!==v.reference.height){return{reset:{rects:v}}}return{}}}};async function N(t,n){const{placement:e,platform:o,elements:s}=t;const i=await(o.isRTL==null?void 0:o.isRTL(s.floating));const r=p(e);const c=y(e);const l=w(e)==="y";const a=["left","top"].includes(r)?-1:1;const f=i&&l?-1:1;const u=m(n,t);let{mainAxis:d,crossAxis:h,alignmentAxis:g}=typeof u==="number"?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...u};if(c&&typeof g==="number"){h=c==="end"?g*-1:g}return l?{x:h*f,y:d*a}:{x:d*a,y:h*f}}const q=function(t){if(t===void 0){t=0}return{name:"offset",options:t,async fn(n){var e,o;const{x:s,y:i,placement:r,middlewareData:c}=n;const l=await N(n,t);if(r===((e=c.offset)==null?void 0:e.placement)&&(o=c.arrow)!=null&&o.alignmentOffset){return{}}return{x:s+l.x,y:i+l.y,data:{...l,placement:r}}}}};const Y=function(t){if(t===void 0){t={}}return{name:"shift",options:t,async fn(n){const{x:e,y:o,placement:s}=n;const{mainAxis:i=true,crossAxis:r=false,limiter:c={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...l}=m(t,n);const a={x:e,y:o};const f=await M(n,l);const u=w(p(s));const y=h(u);let g=a[y];let x=a[u];if(i){const t=y==="y"?"top":"left";const n=y==="y"?"bottom":"right";const e=g+f[t];const o=g-f[n];g=d(e,g,o)}if(r){const t=u==="y"?"top":"left";const n=u==="y"?"bottom":"right";const e=x+f[t];const o=x-f[n];x=d(e,x,o)}const v=c.fn({...n,[y]:g,[u]:x});return{...v,data:{x:v.x-e,y:v.y-o}}}}};const V=function(t){if(t===void 0){t={}}return{options:t,fn(n){const{x:e,y:o,placement:s,rects:i,middlewareData:r}=n;const{offset:c=0,mainAxis:l=true,crossAxis:a=true}=m(t,n);const f={x:e,y:o};const u=w(s);const d=h(u);let y=f[d];let g=f[u];const x=m(c,n);const v=typeof x==="number"?{mainAxis:x,crossAxis:0}:{mainAxis:0,crossAxis:0,...x};if(l){const t=d==="y"?"height":"width";const n=i.reference[d]-i.floating[t]+v.mainAxis;const e=i.reference[d]+i.reference[t]-v.mainAxis;if(y<n){y=n}else if(y>e){y=e}}if(a){var b,A;const t=d==="y"?"width":"height";const n=["top","left"].includes(p(s));const e=i.reference[u]-i.floating[t]+(n?((b=r.offset)==null?void 0:b[u])||0:0)+(n?0:v.crossAxis);const o=i.reference[u]+i.reference[t]+(n?0:((A=r.offset)==null?void 0:A[u])||0)-(n?v.crossAxis:0);if(g<e){g=e}else if(g>o){g=o}}return{[d]:y,[u]:g}}}};const X=function(t){if(t===void 0){t={}}return{name:"size",options:t,async fn(n){const{placement:e,rects:o,platform:s,elements:c}=n;const{apply:l=(()=>{}),...a}=m(t,n);const f=await M(n,a);const u=p(e);const d=y(e);const h=w(e)==="y";const{width:g,height:x}=o.floating;let v;let b;if(u==="top"||u==="bottom"){v=u;b=d===(await(s.isRTL==null?void 0:s.isRTL(c.floating))?"start":"end")?"left":"right"}else{b=u;v=d==="end"?"top":"bottom"}const A=x-f[v];const k=g-f[b];const S=!n.middlewareData.shift;let D=A;let P=k;if(h){const t=g-f.left-f.right;P=d||S?i(k,t):t}else{const t=x-f.top-f.bottom;D=d||S?i(A,t):t}if(S&&!d){const t=r(f.left,0);const n=r(f.right,0);const e=r(f.top,0);const o=r(f.bottom,0);if(h){P=g-2*(t!==0||n!==0?t+n:r(f.left,f.right))}else{D=x-2*(e!==0||o!==0?e+o:r(f.top,f.bottom))}}await l({...n,availableWidth:P,availableHeight:D});const R=await s.getDimensions(c.floating);if(g!==R.width||x!==R.height){return{reset:{rects:true}}}return{}}}};function _(t){if(K(t)){return(t.nodeName||"").toLowerCase()}return"#document"}function G(t){var n;return(t==null||(n=t.ownerDocument)==null?void 0:n.defaultView)||window}function J(t){var n;return(n=(K(t)?t.ownerDocument:t.document)||window.document)==null?void 0:n.documentElement}function K(t){return t instanceof Node||t instanceof G(t).Node}function Q(t){return t instanceof Element||t instanceof G(t).Element}function U(t){return t instanceof HTMLElement||t instanceof G(t).HTMLElement}function Z(t){if(typeof ShadowRoot==="undefined"){return false}return t instanceof ShadowRoot||t instanceof G(t).ShadowRoot}function tt(t){const{overflow:n,overflowX:e,overflowY:o,display:s}=rt(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&!["inline","contents"].includes(s)}function nt(t){return["table","td","th"].includes(_(t))}function et(t){const n=st();const e=rt(t);return e.transform!=="none"||e.perspective!=="none"||(e.containerType?e.containerType!=="normal":false)||!n&&(e.backdropFilter?e.backdropFilter!=="none":false)||!n&&(e.filter?e.filter!=="none":false)||["transform","perspective","filter"].some((t=>(e.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(e.contain||"").includes(t)))}function ot(t){let n=lt(t);while(U(n)&&!it(n)){if(et(n)){return n}else{n=lt(n)}}return null}function st(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}function it(t){return["html","body","#document"].includes(_(t))}function rt(t){return G(t).getComputedStyle(t)}function ct(t){if(Q(t)){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function lt(t){if(_(t)==="html"){return t}const n=t.assignedSlot||t.parentNode||Z(t)&&t.host||J(t);return Z(n)?n.host:n}function at(t){const n=lt(t);if(it(n)){return t.ownerDocument?t.ownerDocument.body:t.body}if(U(n)&&tt(n)){return n}return at(n)}function ft(t,n,e){var o;if(n===void 0){n=[]}if(e===void 0){e=true}const s=at(t);const i=s===((o=t.ownerDocument)==null?void 0:o.body);const r=G(s);if(i){return n.concat(r,r.visualViewport||[],tt(s)?s:[],r.frameElement&&e?ft(r.frameElement):[])}return n.concat(s,ft(s,[],e))}function ut(t){const n=rt(t);let e=parseFloat(n.width)||0;let o=parseFloat(n.height)||0;const s=U(t);const i=s?t.offsetWidth:e;const r=s?t.offsetHeight:o;const l=c(e)!==i||c(o)!==r;if(l){e=i;o=r}return{width:e,height:o,$:l}}function dt(t){return!Q(t)?t.contextElement:t}function mt(t){const n=dt(t);if(!U(n)){return a(1)}const e=n.getBoundingClientRect();const{width:o,height:s,$:i}=ut(n);let r=(i?c(e.width):e.width)/o;let l=(i?c(e.height):e.height)/s;if(!r||!Number.isFinite(r)){r=1}if(!l||!Number.isFinite(l)){l=1}return{x:r,y:l}}const pt=a(0);function yt(t){const n=G(t);if(!st()||!n.visualViewport){return pt}return{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}}function ht(t,n,e){if(n===void 0){n=false}if(!e||n&&e!==G(t)){return false}return n}function gt(t,n,e,o){if(n===void 0){n=false}if(e===void 0){e=false}const s=t.getBoundingClientRect();const i=dt(t);let r=a(1);if(n){if(o){if(Q(o)){r=mt(o)}}else{r=mt(t)}}const c=ht(i,e,o)?yt(i):a(0);let l=(s.left+c.x)/r.x;let f=(s.top+c.y)/r.y;let u=s.width/r.x;let d=s.height/r.y;if(i){const t=G(i);const n=o&&Q(o)?G(o):o;let e=t;let s=e.frameElement;while(s&&o&&n!==e){const t=mt(s);const n=s.getBoundingClientRect();const o=rt(s);const i=n.left+(s.clientLeft+parseFloat(o.paddingLeft))*t.x;const r=n.top+(s.clientTop+parseFloat(o.paddingTop))*t.y;l*=t.x;f*=t.y;u*=t.x;d*=t.y;l+=i;f+=r;e=G(s);s=e.frameElement}}return O({width:u,height:d,x:l,y:f})}const wt=[":popover-open",":modal"];function xt(t){return wt.some((n=>{try{return t.matches(n)}catch(t){return false}}))}function vt(t){let{elements:n,rect:e,offsetParent:o,strategy:s}=t;const i=s==="fixed";const r=J(o);const c=n?xt(n.floating):false;if(o===r||c&&i){return e}let l={scrollLeft:0,scrollTop:0};let f=a(1);const u=a(0);const d=U(o);if(d||!d&&!i){if(_(o)!=="body"||tt(r)){l=ct(o)}if(U(o)){const t=gt(o);f=mt(o);u.x=t.x+o.clientLeft;u.y=t.y+o.clientTop}}return{width:e.width*f.x,height:e.height*f.y,x:e.x*f.x-l.scrollLeft*f.x+u.x,y:e.y*f.y-l.scrollTop*f.y+u.y}}function bt(t){return Array.from(t.getClientRects())}function At(t){return gt(J(t)).left+ct(t).scrollLeft}function kt(t){const n=J(t);const e=ct(t);const o=t.ownerDocument.body;const s=r(n.scrollWidth,n.clientWidth,o.scrollWidth,o.clientWidth);const i=r(n.scrollHeight,n.clientHeight,o.scrollHeight,o.clientHeight);let c=-e.scrollLeft+At(t);const l=-e.scrollTop;if(rt(o).direction==="rtl"){c+=r(n.clientWidth,o.clientWidth)-s}return{width:s,height:i,x:c,y:l}}function St(t,n){const e=G(t);const o=J(t);const s=e.visualViewport;let i=o.clientWidth;let r=o.clientHeight;let c=0;let l=0;if(s){i=s.width;r=s.height;const t=st();if(!t||t&&n==="fixed"){c=s.offsetLeft;l=s.offsetTop}}return{width:i,height:r,x:c,y:l}}function Dt(t,n){const e=gt(t,true,n==="fixed");const o=e.top+t.clientTop;const s=e.left+t.clientLeft;const i=U(t)?mt(t):a(1);const r=t.clientWidth*i.x;const c=t.clientHeight*i.y;const l=s*i.x;const f=o*i.y;return{width:r,height:c,x:l,y:f}}function Pt(t,n,e){let o;if(n==="viewport"){o=St(t,e)}else if(n==="document"){o=kt(J(t))}else if(Q(n)){o=Dt(n,e)}else{const e=yt(t);o={...n,x:n.x-e.x,y:n.y-e.y}}return O(o)}function Rt(t,n){const e=lt(t);if(e===n||!Q(e)||it(e)){return false}return rt(e).position==="fixed"||Rt(e,n)}function Ot(t,n){const e=n.get(t);if(e){return e}let o=ft(t,[],false).filter((t=>Q(t)&&_(t)!=="body"));let s=null;const i=rt(t).position==="fixed";let r=i?lt(t):t;while(Q(r)&&!it(r)){const n=rt(r);const e=et(r);if(!e&&n.position==="fixed"){s=null}const c=i?!e&&!s:!e&&n.position==="static"&&!!s&&["absolute","fixed"].includes(s.position)||tt(r)&&!e&&Rt(t,r);if(c){o=o.filter((t=>t!==r))}else{s=n}r=lt(r)}n.set(t,o);return o}function Et(t){let{element:n,boundary:e,rootBoundary:o,strategy:s}=t;const c=e==="clippingAncestors"?Ot(n,this._c):[].concat(e);const l=[...c,o];const a=l[0];const f=l.reduce(((t,e)=>{const o=Pt(n,e,s);t.top=r(o.top,t.top);t.right=i(o.right,t.right);t.bottom=i(o.bottom,t.bottom);t.left=r(o.left,t.left);return t}),Pt(n,a,s));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}}function Ft(t){const{width:n,height:e}=ut(t);return{width:n,height:e}}function Mt(t,n,e){const o=U(n);const s=J(n);const i=e==="fixed";const r=gt(t,true,i,n);let c={scrollLeft:0,scrollTop:0};const l=a(0);if(o||!o&&!i){if(_(n)!=="body"||tt(s)){c=ct(n)}if(o){const t=gt(n,true,i,n);l.x=t.x+n.clientLeft;l.y=t.y+n.clientTop}else if(s){l.x=At(s)}}const f=r.left+c.scrollLeft-l.x;const u=r.top+c.scrollTop-l.y;return{x:f,y:u,width:r.width,height:r.height}}function Ct(t,n){if(!U(t)||rt(t).position==="fixed"){return null}if(n){return n(t)}return t.offsetParent}function Tt(t,n){const e=G(t);if(!U(t)||xt(t)){return e}let o=Ct(t,n);while(o&&nt(o)&&rt(o).position==="static"){o=Ct(o,n)}if(o&&(_(o)==="html"||_(o)==="body"&&rt(o).position==="static"&&!et(o))){return e}return o||ot(t)||e}const zt=async function(t){const n=this.getOffsetParent||Tt;const e=this.getDimensions;return{reference:Mt(t.reference,await n(t.floating),t.strategy),floating:{x:0,y:0,...await e(t.floating)}}};function Bt(t){return rt(t).direction==="rtl"}const $t={convertOffsetParentRelativeRectToViewportRelativeRect:vt,getDocumentElement:J,getClippingRect:Et,getOffsetParent:Tt,getElementRects:zt,getClientRects:bt,getDimensions:Ft,getScale:mt,isElement:Q,isRTL:Bt};function Ht(t,n){let e=null;let o;const s=J(t);function c(){var t;clearTimeout(o);(t=e)==null||t.disconnect();e=null}function a(f,u){if(f===void 0){f=false}if(u===void 0){u=1}c();const{left:d,top:m,width:p,height:y}=t.getBoundingClientRect();if(!f){n()}if(!p||!y){return}const h=l(m);const g=l(s.clientWidth-(d+p));const w=l(s.clientHeight-(m+y));const x=l(d);const v=-h+"px "+-g+"px "+-w+"px "+-x+"px";const b={rootMargin:v,threshold:r(0,i(1,u))||1};let A=true;function k(t){const n=t[0].intersectionRatio;if(n!==u){if(!A){return a()}if(!n){o=setTimeout((()=>{a(false,1e-7)}),100)}else{a(false,n)}}A=false}try{e=new IntersectionObserver(k,{...b,root:s.ownerDocument})}catch(t){e=new IntersectionObserver(k,b)}e.observe(t)}a(true);return c}function Lt(t,n,e,o){if(o===void 0){o={}}const{ancestorScroll:s=true,ancestorResize:i=true,elementResize:r=typeof ResizeObserver==="function",layoutShift:c=typeof IntersectionObserver==="function",animationFrame:l=false}=o;const a=dt(t);const f=s||i?[...a?ft(a):[],...ft(n)]:[];f.forEach((t=>{s&&t.addEventListener("scroll",e,{passive:true});i&&t.addEventListener("resize",e)}));const u=a&&c?Ht(a,e):null;let d=-1;let m=null;if(r){m=new ResizeObserver((t=>{let[o]=t;if(o&&o.target===a&&m){m.unobserve(n);cancelAnimationFrame(d);d=requestAnimationFrame((()=>{var t;(t=m)==null||t.observe(n)}))}e()}));if(a&&!l){m.observe(a)}m.observe(n)}let p;let y=l?gt(t):null;if(l){h()}function h(){const n=gt(t);if(y&&(n.x!==y.x||n.y!==y.y||n.width!==y.width||n.height!==y.height)){e()}y=n;p=requestAnimationFrame(h)}e();return()=>{var t;f.forEach((t=>{s&&t.removeEventListener("scroll",e);i&&t.removeEventListener("resize",e)}));u==null||u();(t=m)==null||t.disconnect();m=null;if(l){cancelAnimationFrame(p)}}}const jt=z;const Wt=Y;const It=B;X;const Nt=L;const qt=C;I;V;const Yt=(t,n,e)=>{const o=new Map;const s={platform:$t,...e};const i={...s.platform,_c:o};return F(t,n,{...s,platform:i})};function Vt(t){return _t(t)}function Xt(t){if(t.assignedSlot){return t.assignedSlot}if(t.parentNode instanceof ShadowRoot){return t.parentNode.host}return t.parentNode}function _t(t){for(let n=t;n;n=Xt(n)){if(!(n instanceof Element)){continue}if(getComputedStyle(n).display==="none"){return null}}for(let n=Xt(t);n;n=Xt(n)){if(!(n instanceof Element)){continue}const t=getComputedStyle(n);if(t.display==="contents"){continue}if(t.position!=="static"||t.filter!=="none"){return n}if(n.tagName==="BODY"){return n}}return null}(function t(){{const t=$t.getOffsetParent;$t.getOffsetParent=n=>t(n,Vt)}})();function Gt(t){const n=window.devicePixelRatio||1;return Math.round(t*n)/n}const Jt=async(t,{referenceEl:n,floatingEl:e,overlayPositioning:o="absolute",placement:s,flipDisabled:i,flipPlacements:r,offsetDistance:c,offsetSkidding:l,arrowEl:a,type:f})=>{if(!n||!e){return null}const{x:u,y:d,placement:m,strategy:p,middlewareData:y}=await Yt(n,e,{strategy:o,placement:s==="auto"||s==="auto-start"||s==="auto-end"?undefined:on(e,s),middleware:nn({placement:s,flipDisabled:i,flipPlacements:r,offsetDistance:c,offsetSkidding:l,arrowEl:a,type:f})});if(a&&y.arrow){const{x:n,y:e}=y.arrow;const o=m.split("-")[0];const s=n!=null?"left":"top";const i=cn[o];const r={left:"",top:"",bottom:"",right:""};if("floatingLayout"in t){t.floatingLayout=o==="left"||o==="right"?"horizontal":"vertical"}Object.assign(a.style,{...r,[s]:`${s=="left"?n:e}px`,[o]:"100%",transform:i})}const h=y.hide?.referenceHidden;const g=h?"hidden":null;const w=g?"none":null;e.setAttribute(Kt,m);const{open:x}=t;Object.assign(e.style,{visibility:g,pointerEvents:w,position:p,transform:x?`translate(${Gt(u)}px,${Gt(d)}px)`:"",top:0,left:0})};const Kt="data-placement";const Qt=100;const Ut=["top","bottom","right","left","top-start","top-end","bottom-start","bottom-end","right-start","right-end","left-start","left-end"];const Zt="bottom-start";const tn={animation:"calcite-floating-ui-anim",animationActive:"calcite-floating-ui-anim--active"};function nn({placement:t,flipDisabled:n,flipPlacements:e,offsetDistance:o,offsetSkidding:s,arrowEl:i,type:r}){const c=[Wt(),Nt()];if(r==="menu"){return[...c,It({fallbackPlacements:e||["top-start","top","top-end","bottom-start","bottom","bottom-end"]})]}if(r==="popover"||r==="tooltip"){const r=[...c,q({mainAxis:typeof o==="number"?o:0,crossAxis:typeof s==="number"?s:0})];if(t==="auto"||t==="auto-start"||t==="auto-end"){r.push(jt({alignment:t==="auto-start"?"start":t==="auto-end"?"end":null}))}else if(!n){r.push(It(e?{fallbackPlacements:e}:{}))}if(i){r.push(qt({element:i}))}return r}return[]}function en(t,n){const e=t.filter((t=>Ut.includes(t)));if(e.length!==t.length){console.warn(`${n.tagName}: Invalid value found in: flipPlacements. Try any of these: ${Ut.map((t=>`"${t}"`)).join(", ").trim()}`,{el:n})}return e}function on(n,e){const o=["left","right"];if(t(n)==="rtl"){o.reverse()}return e.replace(/leading/gi,o[0]).replace(/trailing/gi,o[1])}async function sn(t,n,e=false){if(!t.open){return}const o=e?rn(t):Jt;return o(t,n)}function rn(t){let e=an.get(t);if(e){return e}e=n(Jt,Qt,{leading:true,maxWait:Qt});an.set(t,e);return e}const cn={top:"",left:"rotate(-90deg)",bottom:"rotate(180deg)",right:"rotate(90deg)"};const ln=new WeakMap;const an=new WeakMap;function fn(t,n,e){if(!e||!n){return}un(t,n,e);Object.assign(e.style,{visibility:"hidden",pointerEvents:"none",position:t.overlayPositioning});const o=Lt;ln.set(t,o(n,e,(()=>t.reposition())))}function un(t,n,e){if(!e||!n){return}ln.get(t)?.();ln.delete(t);an.get(t)?.cancel();an.delete(t)}const dn=4;const mn=Math.ceil(Math.hypot(dn,dn));export{tn as F,un as a,mn as b,fn as c,Zt as d,en as f,sn as r};
-//# sourceMappingURL=p-c8fcda1d.js.map

package/dist/calcite/p-c9eabd12.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.3
- */
-import{r as t,c as e,h as i,H as s,g as o}from"./p-01b6e50c.js";import{b as a,t as n,e as l,h as r}from"./p-5b4be5f7.js";import{g as c}from"./p-a9927b1b.js";import{s as d,a as h,c as u}from"./p-7829204e.js";import{N as m,c as p,d as f}from"./p-2f40ec57.js";import{o as g}from"./p-5b87db81.js";import{c as b,s as v,d as k,u as w}from"./p-51ba2bbe.js";import{K as x}from"./p-e607504c.js";import"./p-d448c1cc.js";import"./p-558b5029.js";import"./p-f93d3c97.js";import"./p-88d250c2.js";const y={slow:14e3,medium:1e4,fast:6e3};const z={actionsEnd:"actions-end",title:"title",message:"message",link:"link"};const C={actionsEnd:"actions-end",close:"close",container:"container",containerBottom:"container--bottom",containerBottomEnd:"container--bottom-end",containerBottomStart:"container--bottom-start",containerQueued:"container--queued",containerTop:"container--top",containerTopEnd:"container--top-end",containerTopStart:"container--top-start",content:"content",contentContainer:"content-container",dismissProgress:"dismiss-progress",footer:"footer",icon:"icon",containerSlottedInShell:"container--slotted-in-shell",queueCount:"queue-count",queueCountActive:"queue-count--active",textContainer:"text-container"};const q=':host{--calcite-alert-edge-distance:2rem;--calcite-alert-dismiss-progress-background:var(--calcite-color-transparent-tint);display:block}.container{pointer-events:none;position:fixed;z-index:var(--calcite-z-index-toast);margin-inline:auto;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:min-content;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);text-align:start;opacity:0;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius);border-block-start:0 solid transparent;border-inline:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3);inline-size:var(--calcite-alert-width);max-inline-size:calc(100% - var(--calcite-alert-edge-distance) * 2);transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}.container--bottom,.container--top{inset-inline-end:0;inset-inline-start:0}.container[class*=bottom]{transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}.container[class*=top]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}.container[class*=start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}.container[class*=end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}.icon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0px;margin-block:auto;margin-inline-end:auto;padding-inline-start:var(--calcite-alert-spacing-token-large)}.close{display:flex;cursor:pointer;align-items:center;justify-content:flex-end;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;-webkit-appearance:none;padding:var(--calcite-alert-spacing-token-large);outline-color:transparent}.close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.close:hover,.close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.close:active{background-color:var(--calcite-color-foreground-3)}.queue-count{visibility:hidden;display:flex;min-inline-size:min-content;cursor:default;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;background-color:var(--calcite-color-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline:0 solid transparent;border-start-end-radius:0}.queue-count--active{visibility:visible;opacity:1}.dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.dismiss-progress:after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:"";background-color:var(--calcite-alert-dismiss-progress-background);inset-inline-end:0}.actions-end{display:flex;align-self:stretch}.text-container{box-sizing:border-box;display:flex;min-inline-size:0px;flex:1 1 auto;flex-direction:column;overflow-wrap:break-word;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large) var(--calcite-alert-spacing-token-small)}.footer{position:relative;display:flex;inline-size:auto;justify-content:flex-end;align-self:stretch;padding-block-start:1px;block-size:inherit}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem;--calcite-alert-footer-height:2rem;--calcite-alert-footer-divider-gap:0.125rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .queue-count{margin-inline:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem;--calcite-alert-footer-height:3rem;--calcite-alert-footer-divider-gap:0.25rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .queue-count{margin-inline:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem;--calcite-alert-footer-height:4rem;--calcite-alert-footer-divider-gap:0.5rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){margin-block-end:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host([open]) .container:not(.container--queued){border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container:not(.container--queued)[class*=bottom]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([open]) .container:not(.container--queued)[class*=top]{transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}:host([auto-close])>.queue-count{border-inline-end:0 solid transparent}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:inline-flex;color:var(--calcite-color-text-link)}:host([kind=brand]) .container{border-block-start-color:var(--calcite-color-brand)}:host([kind=brand]) .container .icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-block-start-color:var(--calcite-color-status-info)}:host([kind=info]) .container .icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-block-start-color:var(--calcite-color-status-success)}:host([kind=success]) .container .icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-block-start-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .icon{color:var(--calcite-color-status-warning)}:host([auto-close-duration=fast]) .dismiss-progress:after{animation:dismissProgress 6000ms ease-out}:host(:hover[auto-close-duration=fast]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=medium]) .dismiss-progress:after{animation:dismissProgress 10000ms ease-out}:host(:hover[auto-close-duration=medium]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=slow]) .dismiss-progress:after{animation:dismissProgress 14000ms ease-out}:host(:hover[auto-close-duration=slow]) .dismiss-progress:after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}.container--slotted-in-shell{position:absolute}:host([hidden]){display:none}[hidden]{display:none}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}';const j=q;const S=class{constructor(i){t(this,i);this.calciteAlertBeforeClose=e(this,"calciteAlertBeforeClose",6);this.calciteAlertClose=e(this,"calciteAlertClose",6);this.calciteAlertBeforeOpen=e(this,"calciteAlertBeforeOpen",6);this.calciteAlertOpen=e(this,"calciteAlertOpen",6);this.calciteInternalAlertSync=e(this,"calciteInternalAlertSync",6);this.calciteInternalAlertRegister=e(this,"calciteInternalAlertRegister",6);this.autoCloseTimeoutId=null;this.totalOpenTime=0;this.totalHoverTime=0;this.openTransitionProp="opacity";this.setTransitionEl=t=>{this.transitionEl=t};this.closeAlert=()=>{this.autoCloseTimeoutId=null;this.queued=false;this.open=false;this.queue=this.queue.filter((t=>t!==this.el));this.determineActiveAlert();this.calciteInternalAlertSync.emit({queue:this.queue})};this.actionsEndSlotChangeHandler=t=>{this.hasEndActions=a(t)};this.handleMouseOver=()=>{window.clearTimeout(this.autoCloseTimeoutId);this.totalOpenTime=Date.now()-this.initialOpenTime;this.lastMouseOverBegin=Date.now()};this.handleMouseLeave=()=>{const t=Date.now()-this.lastMouseOverBegin;const e=y[this.autoCloseDuration]-this.totalOpenTime+this.totalHoverTime;this.totalHoverTime=this.totalHoverTime?t+this.totalHoverTime:t;this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),e)};this.open=false;this.autoClose=false;this.autoCloseDuration="medium";this.kind="brand";this.icon=undefined;this.iconFlipRtl=false;this.label=undefined;this.numberingSystem=undefined;this.placement="bottom";this.scale="m";this.messages=undefined;this.messageOverrides=undefined;this.slottedInShell=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.numberStringFormatter=new m;this.hasEndActions=false;this.queue=[];this.queueLength=0;this.queued=false}openHandler(){g(this);if(this.open&&!this.queued){this.calciteInternalAlertRegister.emit()}if(!this.open){this.queue=this.queue.filter((t=>t!==this.el));this.calciteInternalAlertSync.emit({queue:this.queue})}}onMessagesChange(){}updateDuration(){if(this.autoClose&&this.autoCloseTimeoutId){window.clearTimeout(this.autoCloseTimeoutId);this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),y[this.autoCloseDuration])}}connectedCallback(){p(this);b(this);const t=this.open;if(t&&!this.queued){this.calciteInternalAlertRegister.emit()}this.numberStringFormatter.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"}}async componentWillLoad(){d(this);await v(this);if(this.open){g(this)}}componentDidLoad(){h(this)}disconnectedCallback(){window.dispatchEvent(new CustomEvent("calciteInternalAlertUnregister",{detail:{alert:this.el}}));window.clearTimeout(this.autoCloseTimeoutId);window.clearTimeout(this.queueTimeout);f(this);k(this);this.slottedInShell=false}render(){const{open:t,autoClose:e,label:o,placement:a,queued:l}=this;const c=e?"alert":"alertdialog";const d=!t;const h=r(x,this.icon,this.kind);const u=this.queueLength>1;return i(s,{key:"ea81bb8c414a682356d9c2a839df57b73fd4de1e","aria-hidden":n(d),"aria-label":o,"calcite-hydrated-hidden":d,role:c},i("div",{key:"1be63a6bf505158a2df208e6815944713cf61283",class:{[C.container]:true,[C.containerQueued]:l,[`${C.container}--${a}`]:true,[C.containerSlottedInShell]:this.slottedInShell},onPointerEnter:this.autoClose&&this.autoCloseTimeoutId?this.handleMouseOver:null,onPointerLeave:this.autoClose&&this.autoCloseTimeoutId?this.handleMouseLeave:null,ref:this.setTransitionEl},h&&this.renderIcon(h),i("div",{key:"7ba8590dc6b9f30a321b777a9eb13d12fe24257c",class:C.textContainer},i("slot",{key:"d58da2c0c6348ccdfded0c374bd8d20fe9f137db",name:z.title}),i("slot",{key:"91638c47e6917271aa7c1171496bb409a6a944dd",name:z.message}),i("slot",{key:"15cc676155a80cc02534e47108478a8f5090a41c",name:z.link})),this.renderActionsEnd(),u?this.renderQueueCount():null,this.renderCloseButton(),t&&!l&&e?i("div",{class:C.dismissProgress}):null))}renderCloseButton(){return i("button",{"aria-label":this.messages.close,class:C.close,key:"close",onClick:this.closeAlert,type:"button",ref:t=>this.closeButton=t},i("calcite-icon",{icon:"x",scale:c(this.scale)}))}renderQueueCount(){const t=this.queueLength>2?this.queueLength-1:1;const e=this.numberStringFormatter.numberFormatter.format(t);return i("div",{class:{[C.queueCount]:true,[C.queueCountActive]:this.queueLength>1},key:"queue-count"},i("calcite-chip",{scale:this.scale,value:e},e))}renderActionsEnd(){return i("div",{class:C.actionsEnd},i("slot",{name:z.actionsEnd,onSlotchange:this.actionsEndSlotChangeHandler}))}renderIcon(t){return i("div",{class:C.icon},i("calcite-icon",{flipRtl:this.iconFlipRtl,icon:t,scale:c(this.scale)}))}alertSync(t){if(this.queue!==t.detail.queue){this.queue=t.detail.queue}this.queueLength=this.queue.length;this.determineActiveAlert();t.stopPropagation()}alertRegister(){if(this.open&&!this.queue.includes(this.el)){this.queued=true;this.queue.push(this.el)}this.calciteInternalAlertSync.emit({queue:this.queue});this.determineActiveAlert()}alertUnregister(t){const e=this.queue.filter((e=>e!==t.detail.alert));this.queue=e;window.dispatchEvent(new CustomEvent("calciteInternalAlertSync",{detail:{queue:e}}))}async setFocus(){await u(this);const t=l(this.el,{selector:"calcite-link"});if(!this.closeButton&&!t){return}else if(t){return t.setFocus()}else if(this.closeButton){this.closeButton.focus()}}effectiveLocaleChange(){w(this,this.effectiveLocale);this.numberStringFormatter.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"}}numberingSystemChange(){this.numberStringFormatter.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"}}determineActiveAlert(){if(this.queue?.[0]===this.el){this.openAlert();if(this.autoClose&&!this.autoCloseTimeoutId){this.initialOpenTime=Date.now();this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),y[this.autoCloseDuration])}}else{return}}onBeforeOpen(){this.calciteAlertBeforeOpen.emit()}onOpen(){this.calciteAlertOpen.emit()}onBeforeClose(){this.calciteAlertBeforeClose.emit()}onClose(){this.calciteAlertClose.emit()}openAlert(){window.clearTimeout(this.queueTimeout);this.queueTimeout=window.setTimeout((()=>this.queued=false),300)}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],autoCloseDuration:["updateDuration"],effectiveLocale:["effectiveLocaleChange"],numberingSystem:["numberingSystemChange"]}}};S.style=j;export{S as calcite_alert};
-//# sourceMappingURL=p-c9eabd12.entry.js.map

package/dist/calcite/p-ccd370d8.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.3
- */
-import{r as e,c as t,h as n,F as i,H as o,g as a}from"./p-01b6e50c.js";import{b as s}from"./p-5b4be5f7.js";import{c,s as r,a as l}from"./p-7829204e.js";import{H as d}from"./p-af1f2cf3.js";import"./p-d448c1cc.js";import"./p-558b5029.js";const h={container:"container",containerContent:"container-content",hasProgress:"progress-bar",hide:"hide",primary:"primary",secondary:"secondary",tertiary:"tertiary"};const f={logo:"logo",user:"user",progress:"progress",navigationAction:"navigation-action",contentStart:"content-start",contentEnd:"content-end",contentCenter:"content-center",navSecondary:"navigation-secondary",navTertiary:"navigation-tertiary"};const u={hamburger:"hamburger"};const m=":host([hidden]){display:none}[hidden]{display:none}.container{margin-inline:auto;display:flex;inline-size:100%;flex-direction:column;margin-block:0;margin-inline:auto;background-color:var(--calcite-navigation-background, var(--calcite-color-foreground-1))}.container.primary,.container.secondary,.container.tertiary{border-block-end:1px solid;border-block-end-color:var(--calcite-navigation-border-color, var(--calcite-color-border-3))}.user,.logo{display:flex}.hide{display:none}.primary{block-size:4rem}.secondary{block-size:3rem}.tertiary{block-size:3rem}.container-content{margin-inline:auto;display:flex;block-size:100%;inline-size:100%;margin-block:0;inline-size:var(--calcite-navigation-width, 100%);max-inline-size:100%}.container-content.progress-bar{margin-block-start:0.125rem}slot[name]{display:flex;flex-direction:row}slot[name=navigation-secondary]::slotted(calcite-navigation),slot[name=navigation-tertiary]::slotted(calcite-navigation){inline-size:100%}slot[name=content-start]::slotted(*),slot[name=content-center]::slotted(*),slot[name=content-end]::slotted(*){display:flex;flex-direction:row;align-items:center}slot[name=progress],slot[name=progress] calcite-progress{inset-block-start:0;inset-inline:0}slot[name=content-end]{margin-inline-start:auto}slot[name=content-start]{margin-inline-end:auto}slot[name=content-end],slot[name=logo]~slot[name=user],slot[name=user]:only-child{margin-inline-start:auto}slot[name=content-center]{margin-inline-start:auto;margin-inline-end:auto}slot[name=content-start]~slot[name=content-center]{margin-inline-start:0px}slot[name=content-start]~slot[name=content-end],slot[name=content-center]~slot[name=content-end],slot[name=content-center]~slot[name=user],slot[name=content-end]~slot[name=user]{margin:0px}";const b=m;const g=class{constructor(n){e(this,n);this.calciteNavigationActionSelect=t(this,"calciteNavigationActionSelect",6);this.actionClickHandler=()=>{this.calciteNavigationActionSelect.emit()};this.handleUserSlotChange=e=>{if(this.isPrimaryLevel()){this.userSlotHasElements=s(e)}};this.handleLogoSlotChange=e=>{if(this.isPrimaryLevel()){this.logoSlotHasElements=s(e)}};this.handleContentStartSlotChange=e=>{if(this.isPrimaryLevel()){this.primaryContentStartSlotHasElements=s(e)}};this.handleContentEndSlotChange=e=>{if(this.isPrimaryLevel()){this.primaryContentEndSlotHasElements=s(e)}};this.handleContentCenterSlotChange=e=>{if(this.isPrimaryLevel()){this.primaryContentCenterSlotHasElements=s(e)}};this.handleSecondarySlotChange=e=>{this.secondarySlotHasElements=s(e)};this.handleTertiarySlotChange=e=>{this.tertiarySlotHasElements=s(e)};this.handleMenuActionSlotChange=e=>{if(this.isPrimaryLevel()){this.navigationActionSlotHasElements=s(e);if(this.navigationActionSlotHasElements){this.navigationAction=false}}};this.handleProgressSlotChange=e=>{if(this.isPrimaryLevel()){this.progressSlotHasElement=s(e)}};this.label=undefined;this.navigationAction=false;this.logoSlotHasElements=undefined;this.navigationActionSlotHasElements=undefined;this.primaryContentCenterSlotHasElements=undefined;this.primaryContentEndSlotHasElements=undefined;this.primaryContentStartSlotHasElements=undefined;this.progressSlotHasElement=undefined;this.secondarySlotHasElements=undefined;this.tertiarySlotHasElements=undefined;this.userSlotHasElements=undefined}async setFocus(){await c(this);return this.navigationActionEl?.setFocus()}componentWillLoad(){r(this)}componentDidLoad(){l(this)}isPrimaryLevel(){return this.el.slot!==f.navSecondary&&this.el.slot!==f.navTertiary}renderMenuAction(){return n("slot",{name:f.navigationAction,onSlotchange:this.handleMenuActionSlotChange},this.navigationAction&&n("calcite-action",{icon:u.hamburger,onClick:this.actionClickHandler,text:this.label,ref:e=>this.navigationActionEl=e}))}render(){const e=this.logoSlotHasElements||this.userSlotHasElements||this.navigationActionSlotHasElements||this.primaryContentCenterSlotHasElements||this.primaryContentEndSlotHasElements||this.primaryContentStartSlotHasElements||this.navigationAction;const t=this.el.slot;return n(o,{key:"35e88455b011e2f757eda830a0d2032e34729213"},n("div",{key:"861139712a6c4e6c3549c5c8a360c61a187d3ebc",class:{[h.container]:true,[h.secondary]:t===f.navSecondary,[h.tertiary]:t===f.navTertiary,[h.primary]:e}},n("div",{key:"e417c72d98cbd52f24bf4c50724f551035c26c9d",class:{[h.hide]:!this.progressSlotHasElement,[f.progress]:true}},n("slot",{key:"d432add7135c497c6dedbef7b7212893e1f0fca3",name:f.progress,onSlotchange:this.handleProgressSlotChange})),n("div",{key:"7fd44821075a8c97fbdc2c2d767f8e78f0e2f3cb",class:{[h.containerContent]:true,[h.hasProgress]:this.progressSlotHasElement}},this.renderMenuAction(),n("div",{key:"9fc51ef9e71f6081189e29792bc72bb536336426",class:{[h.hide]:!this.logoSlotHasElements,[f.logo]:true}},n("slot",{key:"d4e3b4b6eec941ac7667e9258978821677cf612e",name:f.logo,onSlotchange:this.handleLogoSlotChange})),n("slot",{key:"99ae0a11ed65dd2c0fd3996c0ea9a6534f66bc06",name:f.contentStart,onSlotchange:this.handleContentStartSlotChange}),n("slot",{key:"f611bcc3a2eb5cb1c6bb50e09de902943fe1b185",name:f.contentCenter,onSlotchange:this.handleContentCenterSlotChange}),n("slot",{key:"f9fddb0acfbcfd3e4d5020235d8e249601aed891",name:f.contentEnd,onSlotchange:this.handleContentEndSlotChange}),n("div",{key:"35ee1a9291463522430c912ce6841f835ad7cb97",class:{[h.hide]:!this.userSlotHasElements,[f.user]:true}},n("slot",{key:"9af815356b624628c479278eb89250d46ec72734",name:f.user,onSlotchange:this.handleUserSlotChange})))),n(i,{key:"d84054212b1495942c3dea560f82423e3d913259"},n("slot",{key:"83d1efbf0b63b32e5246947719961437206d0477",name:f.navSecondary,onSlotchange:this.handleSecondarySlotChange}),n("slot",{key:"58fcf3c0a15cb56bcdebca16d068e689586e145c",name:f.navTertiary,onSlotchange:this.handleTertiarySlotChange})))}get el(){return a(this)}};g.style=b;const p={container:"container",heading:"heading",description:"description",anchor:"anchor",image:"image",standalone:"standalone",icon:"icon"};const v=":host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}.anchor{margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-size:var(--calcite-font-size-0);line-height:1.25rem;text-decoration-line:none;outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;color:inherit;border-block-end:2px solid transparent}.anchor:hover,.anchor:focus{background-color:var(--calcite-color-foreground-2)}.anchor:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.anchor:active{background-color:var(--calcite-color-foreground-3)}.image,.icon{margin:0px;display:flex;block-size:1.75rem;padding-inline:1rem}.image~.icon{padding-inline-start:0px}.image~.container,.icon~.container{padding-inline-start:0px}:host(:active) .anchor{color:var(--calcite-color-text-1)}:host([active]) .anchor{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand);--calcite-ui-icon-color:var(--calcite-color-brand)}.container{margin-block-start:0.125rem;display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:1rem;text-align:start}.heading{margin-inline-start:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.standalone{font-size:var(--calcite-font-size-1)}.description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}";const y=v;const x=class{constructor(t){e(this,t);this.active=undefined;this.href=undefined;this.icon=undefined;this.iconFlipRtl=false;this.label=undefined;this.rel=undefined;this.description=undefined;this.target=undefined;this.heading=undefined;this.thumbnail=undefined;this.headingLevel=undefined}async setFocus(){await c(this);if(this.href){this.el.focus()}}componentWillLoad(){r(this)}componentDidLoad(){l(this)}renderIcon(){return n("calcite-icon",{class:p.icon,flipRtl:this.iconFlipRtl,icon:this.icon,scale:"l"})}renderHeaderContent(){const{heading:e,headingLevel:t,description:i}=this;const o=e?n(d,{class:{[p.heading]:true,[p.standalone]:!this.description},key:p.heading,level:t},e):null;const a=i?n("span",{class:p.description,key:p.description},i):null;return o||a?n("div",{class:p.container,key:p.container},o,a):null}render(){const{thumbnail:e}=this;return n(o,{key:"9dbd98420d2a983002e5f52f2f6fa1bb27759965"},n("a",{key:"9d740509eb31f027fbc4957985b1838890365b1e",class:p.anchor,href:this.href,rel:this.rel,target:this.target},e&&n("img",{alt:this.label||"",class:p.image,src:e}),this.icon&&this.renderIcon(),this.renderHeaderContent()))}static get delegatesFocus(){return true}get el(){return a(this)}};x.style=y;const k={textContainer:"text-container",fullName:"full-name",username:"username",button:"button"};const z=":host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}:host .button{background-color:transparent;border:none;margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size-0);line-height:1.25rem;outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end:2px solid transparent}:host(:hover) .button,:host(:focus) .button{background-color:var(--calcite-color-foreground-2)}:host(:focus) .button{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:active) .button{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}calcite-avatar{padding-inline:1rem}calcite-avatar~.text-container{padding-inline-start:0px}:host([active]) .button{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1);--calcite-ui-icon-color:var(--calcite-color-brand)}.text-container{margin-block-start:0.125rem;display:flex;flex-direction:column;padding-inline:1rem;text-align:start}.full-name{margin-inline-start:0px;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.username{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}";const w=z;const S=class{constructor(t){e(this,t);this.active=undefined;this.fullName=undefined;this.label=undefined;this.textDisabled=false;this.thumbnail=undefined;this.userId=undefined;this.username=undefined}async setFocus(){await c(this);this.el.focus()}componentWillLoad(){r(this)}componentDidLoad(){l(this)}render(){return n(o,{key:"4c60211847259789148602188d613f1d64348521"},n("button",{key:"b9e6a4be29ae53a2176cd8a84f876d5fca1c054c","aria-label":this.label,class:k.button},n("calcite-avatar",{key:"ba81aacd47ae95738c7fb2dcddbf92068c147ab8","full-name":this.fullName,label:this.label,thumbnail:this.thumbnail,"user-id":this.userId,username:this.username}),(this.fullName||this.username)&&!this.textDisabled&&n("div",{class:k.textContainer},this.fullName&&n("span",{class:k.fullName,key:k.fullName},this.fullName),this.username&&n("span",{class:k.username,key:k.username},this.username))))}static get delegatesFocus(){return true}get el(){return a(this)}};S.style=w;export{g as calcite_navigation,x as calcite_navigation_logo,S as calcite_navigation_user};
-//# sourceMappingURL=p-ccd370d8.entry.js.map

package/dist/calcite/p-ccd370d8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","container","containerContent","hasProgress","hide","primary","secondary","tertiary","SLOTS","logo","user","progress","navigationAction","contentStart","contentEnd","contentCenter","navSecondary","navTertiary","ICONS","hamburger","navigationCss","CalciteNavigationStyle0","CalciteNavigation","this","actionClickHandler","calciteNavigationActionSelect","emit","handleUserSlotChange","event","isPrimaryLevel","userSlotHasElements","slotChangeHasAssignedElement","handleLogoSlotChange","logoSlotHasElements","handleContentStartSlotChange","primaryContentStartSlotHasElements","handleContentEndSlotChange","primaryContentEndSlotHasElements","handleContentCenterSlotChange","primaryContentCenterSlotHasElements","handleSecondarySlotChange","secondarySlotHasElements","handleTertiarySlotChange","tertiarySlotHasElements","handleMenuActionSlotChange","navigationActionSlotHasElements","handleProgressSlotChange","progressSlotHasElement","setFocus","componentFocusable","navigationActionEl","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","el","slot","renderMenuAction","h","name","onSlotchange","icon","onClick","text","label","ref","render","primaryLevelHasElements","slotName","Host","key","class","Fragment","heading","description","anchor","image","standalone","navigationLogoCss","CalciteNavigationLogoStyle0","CalciteNavigationLogo","href","focus","renderIcon","flipRtl","iconFlipRtl","scale","renderHeaderContent","headingLevel","headingNode","Heading","level","descriptionNode","thumbnail","rel","target","alt","src","textContainer","fullName","username","button","navigationUserCss","CalciteNavigationUserStyle0","CalciteNavigationUser","userId","textDisabled"],"sources":["src/components/navigation/resources.ts","src/components/navigation/navigation.scss?tag=calcite-navigation&encapsulation=shadow","src/components/navigation/navigation.tsx","src/components/navigation-logo/resources.ts","src/components/navigation-logo/navigation-logo.scss?tag=calcite-navigation-logo&encapsulation=shadow","src/components/navigation-logo/navigation-logo.tsx","src/components/navigation-user/resources.ts","src/components/navigation-user/navigation-user.scss?tag=calcite-navigation-user&encapsulation=shadow","src/components/navigation-user/navigation-user.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  containerContent: \"container-content\",\n  hasProgress: \"progress-bar\",\n  hide: \"hide\",\n  primary: \"primary\",\n  secondary: \"secondary\",\n  tertiary: \"tertiary\",\n};\n\nexport const SLOTS = {\n  logo: \"logo\",\n  user: \"user\",\n  progress: \"progress\",\n  navigationAction: \"navigation-action\",\n  contentStart: \"content-start\",\n  contentEnd: \"content-end\",\n  contentCenter: \"content-center\",\n  navSecondary: \"navigation-secondary\",\n  navTertiary: \"navigation-tertiary\",\n};\n\nexport const ICONS = {\n  hamburger: \"hamburger\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-navigation-width: Specifies the width of the component's content area.\n * @prop --calcite-navigation-background: Specifies the background color of the component.\n * @prop --calcite-navigation-border-color: Specifies the border color of the component.\n */\n\n@include base-component();\n\n.container {\n  @apply flex\n  flex-col\n  mx-auto\n  w-full;\n  margin-block: 0;\n  margin-inline: auto;\n  background-color: var(--calcite-navigation-background, var(--calcite-color-foreground-1));\n  &.primary,\n  &.secondary,\n  &.tertiary {\n    border-block-end: 1px solid;\n    border-block-end-color: var(--calcite-navigation-border-color, var(--calcite-color-border-3));\n  }\n}\n\n.user,\n.logo {\n  @apply flex;\n}\n\n.hide {\n  @apply hidden;\n}\n\n.primary {\n  @apply h-16;\n}\n\n.secondary {\n  @apply h-12;\n}\n\n.tertiary {\n  @apply h-12;\n}\n\n.container-content {\n  @apply flex\n  w-full\n  h-full\n  mx-auto;\n  margin-block: 0;\n  inline-size: var(--calcite-navigation-width, 100%);\n  max-inline-size: 100%;\n  &.progress-bar {\n    margin-block-start: 0.125rem;\n  }\n}\n\nslot[name] {\n  @apply flex flex-row;\n}\n\nslot[name=\"navigation-secondary\"]::slotted(calcite-navigation),\nslot[name=\"navigation-tertiary\"]::slotted(calcite-navigation) {\n  @apply w-full;\n}\n\nslot[name=\"content-start\"]::slotted(*),\nslot[name=\"content-center\"]::slotted(*),\nslot[name=\"content-end\"]::slotted(*) {\n  @apply flex flex-row items-center;\n}\n\nslot[name=\"progress\"],\nslot[name=\"progress\"] calcite-progress {\n  inset-block-start: 0;\n  inset-inline: 0;\n}\nslot[name=\"content-end\"] {\n  @apply ms-auto;\n}\n\nslot[name=\"content-start\"] {\n  @apply me-auto;\n}\n\nslot[name=\"content-end\"],\nslot[name=\"logo\"] ~ slot[name=\"user\"],\nslot[name=\"user\"]:only-child {\n  @apply ms-auto;\n}\n\nslot[name=\"content-center\"] {\n  @apply ms-auto me-auto;\n}\n\nslot[name=\"content-start\"] ~ slot[name=\"content-center\"] {\n  @apply ms-0;\n}\n\nslot[name=\"content-start\"] ~ slot[name=\"content-end\"],\nslot[name=\"content-center\"] ~ slot[name=\"content-end\"],\nslot[name=\"content-center\"] ~ slot[name=\"user\"],\nslot[name=\"content-end\"] ~ slot[name=\"user\"] {\n  @apply m-0;\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Host,\n  Prop,\n  State,\n  VNode,\n  Method,\n} from \"@stencil/core\";\nimport { slotChangeHasAssignedElement } from \"../../utils/dom\";\nimport {\n  LoadableComponent,\n  componentFocusable,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\n\n/**\n * @slot logo - A slot for adding a `calcite-logo` component to the primary navigation level.\n * @slot user - A slot for adding a `calcite-user` component to the primary navigation level.\n * @slot progress - A slot for adding a `calcite-progress` component to the primary navigation level.\n * @slot navigation-action - A slot for adding a `calcite-action` component to the primary navigation level.\n * @slot content-start - A slot for adding a `calcite-menu`, `calcite-action`, or other interactive elements in the start position of any navigation level.\n * @slot content-center - A slot for adding a `calcite-menu`, `calcite-action`, or other interactive elements in the center position of the primary navigation level.\n * @slot content-end - A slot for adding a `calcite-menu`, `calcite-action`, or other interactive elements in the end position of any navigation level.\n * @slot navigation-secondary - A slot for adding a `calcite-navigation` component in the secondary navigation level. Components rendered here will not display `calcite-navigation-logo` or `calcite-navigation-user` components.\n * @slot navigation-tertiary - A slot for adding a `calcite-navigation` component in the tertiary navigation level.  Components rendered here will not display `calcite-navigation-logo` or `calcite-navigation-user` components.\n */\n@Component({\n  tag: \"calcite-navigation\",\n  styleUrl: \"navigation.scss\",\n  shadow: true,\n})\nexport class CalciteNavigation implements LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `navigationAction` is `true`, specifies the label of the `calcite-action`.\n   */\n  @Prop() label: string;\n\n  /**\n   * When `true`, displays a `calcite-action` and emits a `calciteNavActionSelect` event on selection change.\n   */\n  @Prop({ reflect: true }) navigationAction = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties/ State\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteNavigationElement;\n\n  @State() logoSlotHasElements: boolean;\n\n  @State() navigationActionSlotHasElements: boolean;\n\n  @State() primaryContentCenterSlotHasElements: boolean;\n\n  @State() primaryContentEndSlotHasElements: boolean;\n\n  @State() primaryContentStartSlotHasElements: boolean;\n\n  @State() progressSlotHasElement: boolean;\n\n  @State() secondarySlotHasElements: boolean;\n\n  @State() tertiarySlotHasElements: boolean;\n\n  @State() userSlotHasElements: boolean;\n\n  navigationActionEl: HTMLCalciteActionElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /** When `navigationAction` is `true`, emits when the displayed action selection changes. */\n  @Event({ cancelable: false }) calciteNavigationActionSelect: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `navigationAction` is `true`, sets focus on the component's action element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    return this.navigationActionEl?.setFocus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private actionClickHandler = () => {\n    this.calciteNavigationActionSelect.emit();\n  };\n\n  private handleUserSlotChange = (event: Event): void => {\n    if (this.isPrimaryLevel()) {\n      this.userSlotHasElements = slotChangeHasAssignedElement(event);\n    }\n  };\n\n  private handleLogoSlotChange = (event: Event): void => {\n    if (this.isPrimaryLevel()) {\n      this.logoSlotHasElements = slotChangeHasAssignedElement(event);\n    }\n  };\n\n  private handleContentStartSlotChange = (event: Event): void => {\n    if (this.isPrimaryLevel()) {\n      this.primaryContentStartSlotHasElements = slotChangeHasAssignedElement(event);\n    }\n  };\n\n  private handleContentEndSlotChange = (event: Event): void => {\n    if (this.isPrimaryLevel()) {\n      this.primaryContentEndSlotHasElements = slotChangeHasAssignedElement(event);\n    }\n  };\n\n  private handleContentCenterSlotChange = (event: Event): void => {\n    if (this.isPrimaryLevel()) {\n      this.primaryContentCenterSlotHasElements = slotChangeHasAssignedElement(event);\n    }\n  };\n\n  private handleSecondarySlotChange = (event: Event): void => {\n    this.secondarySlotHasElements = slotChangeHasAssignedElement(event);\n  };\n\n  private handleTertiarySlotChange = (event: Event): void => {\n    this.tertiarySlotHasElements = slotChangeHasAssignedElement(event);\n  };\n\n  private handleMenuActionSlotChange = (event: Event): void => {\n    if (this.isPrimaryLevel()) {\n      this.navigationActionSlotHasElements = slotChangeHasAssignedElement(event);\n      if (this.navigationActionSlotHasElements) {\n        this.navigationAction = false;\n      }\n    }\n  };\n\n  private handleProgressSlotChange = (event: Event): void => {\n    if (this.isPrimaryLevel()) {\n      this.progressSlotHasElement = slotChangeHasAssignedElement(event);\n    }\n  };\n\n  private isPrimaryLevel(): boolean {\n    return this.el.slot !== SLOTS.navSecondary && this.el.slot !== SLOTS.navTertiary;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderMenuAction(): VNode {\n    return (\n      <slot name={SLOTS.navigationAction} onSlotchange={this.handleMenuActionSlotChange}>\n        {this.navigationAction && (\n          <calcite-action\n            icon={ICONS.hamburger}\n            onClick={this.actionClickHandler}\n            text={this.label}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={(el: HTMLCalciteActionElement) => (this.navigationActionEl = el)}\n          />\n        )}\n      </slot>\n    );\n  }\n\n  render(): VNode {\n    const primaryLevelHasElements =\n      this.logoSlotHasElements ||\n      this.userSlotHasElements ||\n      this.navigationActionSlotHasElements ||\n      this.primaryContentCenterSlotHasElements ||\n      this.primaryContentEndSlotHasElements ||\n      this.primaryContentStartSlotHasElements ||\n      this.navigationAction;\n    const slotName = this.el.slot;\n    return (\n      <Host>\n        <div\n          class={{\n            [CSS.container]: true,\n            [CSS.secondary]: slotName === SLOTS.navSecondary,\n            [CSS.tertiary]: slotName === SLOTS.navTertiary,\n            [CSS.primary]: primaryLevelHasElements,\n          }}\n        >\n          <div class={{ [CSS.hide]: !this.progressSlotHasElement, [SLOTS.progress]: true }}>\n            <slot name={SLOTS.progress} onSlotchange={this.handleProgressSlotChange} />\n          </div>\n          <div\n            class={{ [CSS.containerContent]: true, [CSS.hasProgress]: this.progressSlotHasElement }}\n          >\n            {this.renderMenuAction()}\n            <div class={{ [CSS.hide]: !this.logoSlotHasElements, [SLOTS.logo]: true }}>\n              <slot name={SLOTS.logo} onSlotchange={this.handleLogoSlotChange} />\n            </div>\n            <slot name={SLOTS.contentStart} onSlotchange={this.handleContentStartSlotChange} />\n            <slot name={SLOTS.contentCenter} onSlotchange={this.handleContentCenterSlotChange} />\n            <slot name={SLOTS.contentEnd} onSlotchange={this.handleContentEndSlotChange} />\n            <div class={{ [CSS.hide]: !this.userSlotHasElements, [SLOTS.user]: true }}>\n              <slot name={SLOTS.user} onSlotchange={this.handleUserSlotChange} />\n            </div>\n          </div>\n        </div>\n\n        <Fragment>\n          <slot name={SLOTS.navSecondary} onSlotchange={this.handleSecondarySlotChange} />\n          <slot name={SLOTS.navTertiary} onSlotchange={this.handleTertiarySlotChange} />\n        </Fragment>\n      </Host>\n    );\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  heading: \"heading\",\n  description: \"description\",\n  anchor: \"anchor\",\n  image: \"image\",\n  standalone: \"standalone\",\n  icon: \"icon\",\n};\n",":host {\n  @apply inline-flex outline-none;\n}\n\n.anchor {\n  @apply flex\n    m-0\n    items-center\n    justify-center\n    cursor-pointer\n    transition-default\n    focus-base\n    no-underline\n    text-0h;\n  color: inherit;\n  border-block-end: 2px solid transparent;\n}\n\n.anchor:hover,\n.anchor:focus {\n  @apply bg-foreground-2;\n}\n.anchor:focus {\n  @apply focus-inset;\n}\n\n.anchor:active {\n  @apply bg-foreground-3;\n}\n\n.image,\n.icon {\n  @apply flex h-7 m-0 px-4;\n}\n\n.image ~ .icon {\n  @apply ps-0;\n}\n\n.image ~ .container,\n.icon ~ .container {\n  @apply ps-0;\n}\n\n:host(:active) .anchor {\n  @apply text-color-1;\n}\n\n:host([active]) .anchor {\n  @apply text-color-1;\n  border-color: var(--calcite-color-brand);\n  --calcite-ui-icon-color: var(--calcite-color-brand);\n}\n\n.container {\n  @apply flex\n  flex-col\n  truncate\n  text-start\n  px-4\n  mt-0.5;\n}\n\n.heading {\n  @apply text-0\n  ms-0\n  truncate\n  text-color-1\n  font-medium;\n}\n\n.standalone {\n  @apply text-1;\n}\n\n.description {\n  @apply text-color-2 truncate;\n  font-size: var(--calcite-font-size--1);\n}\n\n@include base-component();\n","import { Component, Element, h, Host, Prop, VNode, Method } from \"@stencil/core\";\nimport {\n  LoadableComponent,\n  componentFocusable,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { CSS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-navigation-logo\",\n  styleUrl: \"navigation-logo.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class CalciteNavigationLogo implements LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is highlighted. */\n  @Prop({ reflect: true }) active: boolean;\n\n  /** Specifies the URL destination of the component, which can be set as an absolute or relative path.*/\n  @Prop({ reflect: true }) href: string;\n\n  /** Specifies an icon to display. */\n  @Prop({ reflect: true }) icon: string;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /** Describes the appearance or function of the `thumbnail`. If no label is provided, context will not be provided to assistive technologies. */\n  @Prop() label: string;\n\n  /**\n   * Defines the relationship between the `href` value and the current document.\n   *\n   * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)\n   */\n  @Prop({ reflect: true }) rel: string;\n\n  /** A description for the component, which displays below the `heading`.*/\n  @Prop() description: string;\n\n  /**\n   * Specifies where to open the linked document defined in the `href` property.\n   *\n   * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)\n   */\n  @Prop({ reflect: true }) target: string;\n\n  /** Specifies heading text for the component, such as a product or organization name.*/\n  @Prop() heading: string;\n\n  /** Specifies the `src` to an image. */\n  @Prop() thumbnail: string;\n\n  /**\n   * Specifies the heading level of the component's heading for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    if (this.href) {\n      this.el.focus();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteNavigationLogoElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private renderIcon(): VNode {\n    /** Icon scale is not variable as the component does not have a scale property */\n    return <calcite-icon class={CSS.icon} flipRtl={this.iconFlipRtl} icon={this.icon} scale=\"l\" />;\n  }\n\n  renderHeaderContent(): VNode {\n    const { heading, headingLevel, description } = this;\n    const headingNode = heading ? (\n      <Heading\n        class={{\n          [CSS.heading]: true,\n          [CSS.standalone]: !this.description,\n        }}\n        key={CSS.heading}\n        level={headingLevel}\n      >\n        {heading}\n      </Heading>\n    ) : null;\n\n    const descriptionNode = description ? (\n      <span class={CSS.description} key={CSS.description}>\n        {description}\n      </span>\n    ) : null;\n\n    return headingNode || descriptionNode ? (\n      <div class={CSS.container} key={CSS.container}>\n        {headingNode}\n        {descriptionNode}\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { thumbnail } = this;\n    return (\n      <Host>\n        <a class={CSS.anchor} href={this.href} rel={this.rel} target={this.target}>\n          {thumbnail && <img alt={this.label || \"\"} class={CSS.image} src={thumbnail} />}\n          {this.icon && this.renderIcon()}\n          {this.renderHeaderContent()}\n        </a>\n      </Host>\n    );\n  }\n}\n","export const CSS = {\n  textContainer: \"text-container\",\n  fullName: \"full-name\",\n  username: \"username\",\n  button: \"button\",\n};\n",":host {\n  @apply inline-flex outline-none;\n  & .button {\n    background-color: transparent;\n    border: none;\n    @apply flex\n      m-0\n      items-center\n      justify-center\n      cursor-pointer\n      transition-default\n      focus-base\n      font-sans\n      text-0h;\n    border-block-end: 2px solid transparent;\n  }\n}\n\n:host(:hover) .button,\n:host(:focus) .button {\n  @apply bg-foreground-2;\n}\n\n:host(:focus) .button {\n  @apply focus-inset;\n}\n\n:host(:active) .button {\n  @apply bg-foreground-3 text-color-1;\n}\n\ncalcite-avatar {\n  @apply px-4;\n}\n\ncalcite-avatar ~ .text-container {\n  @apply ps-0;\n}\n\n:host([active]) .button {\n  @apply text-color-1 border-color-brand;\n  --calcite-ui-icon-color: var(--calcite-color-brand);\n}\n\n.text-container {\n  @apply flex\n  flex-col\n  text-start\n  px-4\n  mt-0.5;\n}\n\n.full-name {\n  @apply text-0\n  ms-0\n  text-color-1\n  font-medium;\n}\n\n.username {\n  @apply text-color-2;\n  font-size: var(--calcite-font-size--1);\n}\n\n@include base-component();\n","import { Component, Element, h, Host, Prop, VNode, Method } from \"@stencil/core\";\nimport {\n  LoadableComponent,\n  componentFocusable,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { CSS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-navigation-user\",\n  styleUrl: \"navigation-user.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class CalciteNavigationUser implements LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is highlighted.*/\n  @Prop({ reflect: true }) active: boolean;\n\n  /** Specifies the full name of the user.*/\n  @Prop() fullName: string;\n\n  /** Describes the appearance of the avatar. If no label is provided, context will not be provided to assistive technologies.*/\n  @Prop() label: string;\n\n  /** When `true`, hides the `fullName` and `username` contents.*/\n  @Prop({ reflect: true }) textDisabled = false;\n\n  /** Specifies the `src` to an image (remember to add a token if the user is private).*/\n  @Prop() thumbnail: string;\n\n  /** Specifies the unique id of the user.*/\n  @Prop() userId: string;\n\n  /** Specifies the username of the user.*/\n  @Prop() username: string;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteNavigationUserElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    return (\n      <Host>\n        <button aria-label={this.label} class={CSS.button}>\n          <calcite-avatar\n            full-name={this.fullName}\n            label={this.label}\n            thumbnail={this.thumbnail}\n            user-id={this.userId}\n            username={this.username}\n          />\n          {(this.fullName || this.username) && !this.textDisabled && (\n            <div class={CSS.textContainer}>\n              {this.fullName && (\n                <span class={CSS.fullName} key={CSS.fullName}>\n                  {this.fullName}\n                </span>\n              )}\n              {this.username && (\n                <span class={CSS.username} key={CSS.username}>\n                  {this.username}\n                </span>\n              )}\n            </div>\n          )}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}