@esri/calcite-components 2.9.0 → 2.9.1-next.1

package/dist/calcite/p-487cd272.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","container","fill","stepLine","label","labelHidden","labelRange","labelValue","unitLabel","stepsVisible","valueVisible","success","warning","danger","meterCss","CalciteMeterStyle0","Meter","this","labelFlipMax","labelFlipProximity","maxPercent","minPercent","resizeObserver","createObserver","resizeHandler","formatLabel","value","labelType","percentFormatting","locale","getSupportedLocale","effectiveLocale","formatter","Intl","NumberFormat","useGrouping","groupSeparator","style","format","numberStringFormatter","numberFormatOptions","numberingSystem","localize","toString","handleRangeChange","calculateValues","updateLabels","handleLabelChange","componentWillLoad","setUpLoadableComponent","afterConnectDefaultValueSet","componentDidLoad","setComponentLoaded","connectedCallback","connectLocalized","connectForm","observe","el","disconnectedCallback","disconnectLocalized","disconnectForm","disconnect","valueLabelEl","determineValueLabelPosition","rangeLabels","determineVisibleLabels","min","max","low","high","lowPercent","highPercent","currentPercent","lowActive","highActive","getMeterKindCssClass","lowest","highest","aboveLowest","belowLowest","aboveHighest","belowHighest","intersects","el1","el2","getBoundingClientRect","minLabelEl","lowLabelEl","highLabelEl","maxLabelEl","highMaxOverlap","lowHighOverlap","lowMaxOverlap","minHighOverlap","minLowOverlap","minMaxOverlap","hiddenClass","classList","add","remove","meterContainerEl","valuePosition","valueLabelWidth","width","containerWidth","labelWidthPercent","insetInlineEnd","removeProperty","insetInlineStart","renderMeterFill","fillType","kindClass","h","class","renderRangeLine","position","renderValueLabel","valueLabelType","key","ref","renderMinLabel","rangeLabelType","labelMin","renderLowLabel","styleDefault","styleFlipped","renderHighLabel","renderMaxLabel","labelMax","render","appearance","valueLabel","textPercentLabelWithPercent","textUnitLabel","valueText","undefined","Host","role"],"sources":["src/components/meter/resources.ts","src/components/meter/meter.scss?tag=calcite-meter&encapsulation=shadow","src/components/meter/meter.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  fill: \"fill\",\n  stepLine: \"step-line\",\n  label: \"label\",\n  labelHidden: \"label-hidden\",\n  labelRange: \"label-range\",\n  labelValue: \"label-value\",\n  unitLabel: \"unit-label\",\n  stepsVisible: \"steps-visible\",\n  valueVisible: \"value-visible\",\n  success: \"fill-success\",\n  warning: \"fill-warning\",\n  danger: \"fill-danger\",\n};\n","@include base-component();\n@include disabled();\n\n:host {\n  @apply flex;\n  --calcite-meter-space-internal: theme(\"spacing[0.5]\");\n  --calcite-meter-height-internal: theme(\"spacing.4\");\n  --calcite-meter-font-size-internal: var(--calcite-font-size--1);\n}\n\n:host([scale=\"s\"]) {\n  --calcite-meter-height-internal: theme(\"spacing.3\");\n  --calcite-meter-font-size-internal: var(--calcite-font-size--2);\n}\n\n:host([scale=\"l\"]) {\n  --calcite-meter-height-internal: theme(\"spacing.6\");\n  --calcite-meter-font-size-internal: var(--calcite-font-size-0);\n}\n\n.container {\n  @apply flex relative items-center w-full m-0;\n  block-size: var(--calcite-meter-height-internal);\n  background-color: var(--calcite-color-foreground-2);\n  border: 1px solid var(--calcite-color-border-3);\n  border-radius: var(--calcite-meter-height-internal);\n}\n\n.solid {\n  border: 1px solid var(--calcite-color-foreground-3);\n  background-color: var(--calcite-color-foreground-3);\n}\n\n.outline {\n  @apply bg-transparent;\n}\n\n.value-visible {\n  margin-block-start: theme(\"spacing.6\");\n}\n\n.steps-visible {\n  margin-block-end: theme(\"spacing.6\");\n}\n\n.step-line {\n  @apply block absolute inset-y-0;\n  inline-size: var(--calcite-meter-space-internal);\n  background-color: var(--calcite-color-border-3);\n}\n\n.label {\n  @apply absolute;\n  font-size: var(--calcite-meter-font-size-internal);\n}\n\n.label-hidden {\n  @apply invisible opacity-0;\n}\n\n.label-value {\n  inset-block-end: calc(100% + 0.5em);\n  font-weight: var(--calcite-font-weight-bold);\n  color: var(--calcite-color-text-1);\n}\n\n.label-range {\n  @apply text-color-3;\n  inset-block-start: calc(100% + 0.5em);\n}\n\n.unit-label {\n  @apply text-color-3 font-medium;\n}\n\n.label-value .unit-label {\n  @apply text-color-2 font-bold;\n}\n\n.fill {\n  @apply block absolute duration-150 ease-in-out bg-brand z-default;\n  inset-inline-start: var(--calcite-meter-space-internal);\n  inset-block: var(--calcite-meter-space-internal);\n  border-radius: var(--calcite-meter-height-internal);\n  max-inline-size: calc(100% - (var(--calcite-meter-space-internal) * 2));\n  min-inline-size: calc(var(--calcite-meter-height-internal) - (var(--calcite-meter-space-internal) * 2));\n  transition-property: inline-size, background-color, box-shadow;\n}\n\n.fill-danger {\n  background-color: var(--calcite-color-status-danger);\n}\n\n.fill-success {\n  background-color: var(--calcite-color-status-success);\n}\n\n.fill-warning {\n  background-color: var(--calcite-color-status-warning);\n}\n\n.solid .fill {\n  inset-block: 0;\n  inset-inline-start: 0;\n  max-inline-size: 100%;\n  min-inline-size: calc(var(--calcite-meter-height-internal));\n  box-shadow: 0 0 0 1px var(--calcite-color-brand);\n}\n\n.solid .fill-danger {\n  box-shadow: 0 0 0 1px var(--calcite-color-status-danger);\n}\n\n.solid .fill-success {\n  box-shadow: 0 0 0 1px var(--calcite-color-status-success);\n}\n\n.solid .fill-warning {\n  box-shadow: 0 0 0 1px var(--calcite-color-status-warning);\n}\n","import { Component, Element, h, Host, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport { Appearance, Scale } from \"../interfaces\";\nimport {\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n} from \"../../utils/form\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  getSupportedLocale,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n  SupportedLocale,\n} from \"../../utils/locale\";\nimport { intersects } from \"../../utils/dom\";\nimport { createObserver } from \"../../utils/observers\";\nimport { CSS } from \"./resources\";\nimport { MeterLabelType } from \"./interfaces\";\n\n@Component({\n  tag: \"calcite-meter\",\n  styleUrl: \"meter.scss\",\n  shadow: true,\n})\nexport class Meter implements FormComponent, LoadableComponent, LocalizedComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the appearance style of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\"outline\" | \"outline-fill\" | \"solid\", Appearance> =\n    \"outline-fill\";\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Specifies the component's display, where `\"single\"` displays a single color and `\"range\"` displays a range of colors based on provided `low`, `high`, `min` or `max` values. */\n  @Prop({ reflect: true }) fillType: \"single\" | \"range\" = \"range\";\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /** When `true`, number values are displayed with a group separator corresponding to the language and country format. */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /** Specifies a high value.  When `fillType` is `\"range\"`, displays a different color when above the specified threshold.  */\n  @Prop({ reflect: true, mutable: true }) high: number;\n\n  /**  Accessible name for the component. */\n  @Prop() label!: string;\n\n  /** Specifies a low value.  When `fillType` is `\"range\"`, displays a different color when above the specified threshold.  */\n  @Prop({ reflect: true, mutable: true }) low: number;\n\n  /** Specifies the highest allowed value of the component. */\n  @Prop({ reflect: true }) max = 100;\n\n  /** Specifies the lowest allowed value of the component. */\n  @Prop({ reflect: true }) min = 0;\n\n  @Watch(\"min\")\n  @Watch(\"max\")\n  @Watch(\"low\")\n  @Watch(\"high\")\n  @Watch(\"value\")\n  handleRangeChange(): void {\n    this.calculateValues();\n    this.updateLabels();\n  }\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** Specifies the Unicode numeral system used by the component for localization. */\n  @Prop() numberingSystem: NumberingSystem;\n\n  /** When `true`, displays the values of `high`, `low`, `min`, and `max`. */\n  @Prop({ reflect: true }) rangeLabels = false;\n\n  /** When `rangeLabels` is `true`, specifies the format of displayed labels. */\n  @Prop({ reflect: true }) rangeLabelType: MeterLabelType = \"percent\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** When `rangeLabelType` is `\"units\"` and either `valueLabel` or `rangeLabels` are `true`, displays beside the `value` and/or  `min` values. */\n  @Prop() unitLabel = \"\";\n\n  /** Specifies the current value of the component. */\n  @Prop({ mutable: true }) value: number;\n\n  /** When `true`, displays the current value. */\n  @Prop({ reflect: true }) valueLabel = false;\n\n  /** When `valueLabel` is `true`, specifies the format of displayed label. */\n  @Prop({ reflect: true }) valueLabelType: MeterLabelType = \"percent\";\n\n  @Watch(\"rangeLabels\")\n  @Watch(\"rangeLabelType\")\n  @Watch(\"unitLabel\")\n  @Watch(\"valueLabel\")\n  @Watch(\"valueLabelType\")\n  handleLabelChange(): void {\n    this.updateLabels();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    this.calculateValues();\n    afterConnectDefaultValueSet(this, this.value);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    this.updateLabels();\n  }\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectForm(this);\n    this.resizeObserver?.observe(this.el);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectForm(this);\n    this.resizeObserver?.disconnect();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteMeterElement;\n\n  defaultValue: Meter[\"value\"];\n\n  formEl: HTMLFormElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  private highLabelEl: HTMLDivElement;\n\n  private labelFlipMax = 0.8;\n\n  private labelFlipProximity = 0.15;\n\n  private lowLabelEl: HTMLDivElement;\n\n  private maxLabelEl: HTMLDivElement;\n\n  private maxPercent = 100;\n\n  private meterContainerEl: HTMLDivElement;\n\n  private minLabelEl: HTMLDivElement;\n\n  private minPercent = 0;\n\n  private percentFormatting: {\n    formatter: Intl.NumberFormat;\n    locale: SupportedLocale;\n  };\n\n  private resizeObserver = createObserver(\"resize\", () => this.resizeHandler());\n\n  private valueLabelEl: HTMLDivElement;\n\n  @State() currentPercent: number;\n\n  @State() effectiveLocale: string;\n\n  @State() highActive: boolean;\n\n  @State() highPercent: number;\n\n  @State() lowActive: boolean;\n\n  @State() lowPercent: number;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private resizeHandler(): void {\n    this.updateLabels();\n  }\n\n  private updateLabels(): void {\n    if (this.valueLabelEl) {\n      this.determineValueLabelPosition();\n    }\n    if (this.rangeLabels) {\n      this.determineVisibleLabels();\n    }\n  }\n\n  private calculateValues(): void {\n    const { min, max, low, high, value } = this;\n    const lowPercent = (100 * (low - min)) / (max - min);\n    const highPercent = (100 * (high - min)) / (max - min);\n    const currentPercent = (100 * (value - min)) / (max - min);\n\n    if (!low || low < min || low > high || low > max) {\n      this.low = min;\n    }\n    if (!high || high > max || high < low || high < min) {\n      this.high = max;\n    }\n    if (!value) {\n      this.value = min;\n    }\n\n    this.lowPercent = lowPercent;\n    this.highPercent = highPercent;\n    this.currentPercent = value ? currentPercent : 0;\n    this.lowActive = !!low && low > min && (!value || low > value) && (!high || low < high);\n    this.highActive =\n      !!high && min <= high && high < max && (!value || high > value) && (!low || high > low);\n  }\n\n  private formatLabel = (value: number, labelType: MeterLabelType): string => {\n    if (labelType === \"percent\") {\n      if (!this.percentFormatting) {\n        const locale = getSupportedLocale(this.effectiveLocale);\n        const formatter = new Intl.NumberFormat(locale, {\n          useGrouping: this.groupSeparator,\n          style: \"percent\",\n        });\n        this.percentFormatting = { formatter, locale };\n      }\n      return this.percentFormatting.formatter.format(value);\n    } else {\n      numberStringFormatter.numberFormatOptions = {\n        locale: this.effectiveLocale,\n        numberingSystem: this.numberingSystem,\n        useGrouping: this.groupSeparator,\n      };\n      return numberStringFormatter.localize(value.toString());\n    }\n  };\n\n  private getMeterKindCssClass(): string {\n    const { low, high, min, max, value } = this;\n    const lowest = low ? low : min;\n    const highest = high ? high : max;\n    const aboveLowest = value >= lowest;\n    const belowLowest = value < lowest;\n    const aboveHighest = value >= highest;\n    const belowHighest = value < highest;\n\n    if (!value || (!low && belowHighest) || belowLowest) {\n      return CSS.success;\n    } else if (aboveLowest && belowHighest) {\n      return CSS.warning;\n    } else if (aboveHighest) {\n      return CSS.danger;\n    } else {\n      return CSS.success;\n    }\n  }\n\n  private intersects(el1: HTMLDivElement, el2: HTMLDivElement): boolean {\n    return el1 && el2 && intersects(el1.getBoundingClientRect(), el2.getBoundingClientRect());\n  }\n\n  private determineVisibleLabels(): void {\n    const { minLabelEl, lowLabelEl, highLabelEl, maxLabelEl } = this;\n    const highMaxOverlap = this.intersects(highLabelEl, maxLabelEl);\n    const lowHighOverlap = this.intersects(lowLabelEl, highLabelEl);\n    const lowMaxOverlap = this.intersects(lowLabelEl, maxLabelEl);\n    const minHighOverlap = this.intersects(minLabelEl, highLabelEl);\n    const minLowOverlap = this.intersects(minLabelEl, lowLabelEl);\n    const minMaxOverlap = this.intersects(minLabelEl, maxLabelEl);\n    const hiddenClass = CSS.labelHidden;\n\n    if (lowLabelEl) {\n      if (minLowOverlap || lowMaxOverlap || lowHighOverlap) {\n        lowLabelEl.classList.add(hiddenClass);\n      } else {\n        lowLabelEl.classList.remove(hiddenClass);\n      }\n    }\n\n    if (highLabelEl) {\n      if (minHighOverlap || lowMaxOverlap || highMaxOverlap) {\n        highLabelEl.classList.add(hiddenClass);\n      } else {\n        highLabelEl.classList.remove(hiddenClass);\n      }\n    }\n\n    if (minLabelEl && maxLabelEl) {\n      if (minMaxOverlap) {\n        maxLabelEl.classList.add(hiddenClass);\n      } else {\n        maxLabelEl.classList.remove(hiddenClass);\n      }\n    }\n  }\n\n  private determineValueLabelPosition(): void {\n    const { valueLabelEl, meterContainerEl, currentPercent } = this;\n    const valuePosition = currentPercent > 100 ? 100 : currentPercent > 0 ? currentPercent : 0;\n    const valueLabelWidth = valueLabelEl.getBoundingClientRect().width;\n    const containerWidth = meterContainerEl.getBoundingClientRect().width;\n    const labelWidthPercent = (100 * (valueLabelWidth - 0)) / (containerWidth - 0);\n\n    if (valuePosition + labelWidthPercent >= 100) {\n      valueLabelEl.style.insetInlineEnd = \"0%\";\n      valueLabelEl.style.removeProperty(\"inset-inline-start\");\n    } else {\n      valueLabelEl.style.insetInlineStart = `${valuePosition}% `;\n      valueLabelEl.style.removeProperty(\"inset-inline-end\");\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderMeterFill(): VNode {\n    const { currentPercent, fillType } = this;\n    const kindClass = this.getMeterKindCssClass();\n    return (\n      <div\n        class={{ [CSS.fill]: true, [kindClass]: fillType !== \"single\" }}\n        style={{ width: `${currentPercent}%` }}\n      />\n    );\n  }\n\n  renderRangeLine(position: number): VNode {\n    const style = { insetInlineStart: `${position}%` };\n    return <div class={CSS.stepLine} style={style} />;\n  }\n\n  renderValueLabel(): VNode {\n    const { currentPercent, valueLabelType, unitLabel, value } = this;\n    const label = this.formatLabel(\n      valueLabelType === \"percent\" ? currentPercent / 100 : value || 0,\n      valueLabelType,\n    );\n    return (\n      <div\n        class={{ [CSS.label]: true, [CSS.labelValue]: true }}\n        key=\"low-label-line\"\n        ref={(el) => (this.valueLabelEl = el)}\n      >\n        {label}\n        {unitLabel && valueLabelType !== \"percent\" && (\n          <span class={CSS.unitLabel}>&nbsp;{unitLabel}</span>\n        )}\n      </div>\n    );\n  }\n\n  renderMinLabel(): VNode {\n    const { rangeLabelType, min, minPercent, unitLabel } = this;\n    const style = { insetInlineStart: `${minPercent}%` };\n    const labelMin = this.formatLabel(\n      rangeLabelType === \"percent\" ? minPercent : min,\n      rangeLabelType,\n    );\n    return (\n      <div\n        class={{ [CSS.label]: true, [CSS.labelRange]: true }}\n        key=\"min-label-line\"\n        ref={(el) => (this.minLabelEl = el)}\n        style={style}\n      >\n        {labelMin}\n        {unitLabel && rangeLabelType !== \"percent\" && (\n          <span class={CSS.unitLabel}>&nbsp;{unitLabel}</span>\n        )}\n      </div>\n    );\n  }\n\n  renderLowLabel(): VNode {\n    const { rangeLabelType, low, lowPercent, highPercent, labelFlipProximity } = this;\n    const label = low\n      ? this.formatLabel(rangeLabelType === \"percent\" ? lowPercent / 100 : low, rangeLabelType)\n      : \"\";\n    const styleDefault = { insetInlineStart: `${lowPercent}%` };\n    const styleFlipped = { insetInlineEnd: `${100 - lowPercent}%` };\n    const style =\n      (highPercent - lowPercent) / 100 < labelFlipProximity ? styleFlipped : styleDefault;\n    return (\n      <div\n        class={{ [CSS.label]: true, [CSS.labelRange]: true }}\n        key=\"low-label-line\"\n        ref={(el) => (this.lowLabelEl = el)}\n        style={style}\n      >\n        {label}\n      </div>\n    );\n  }\n\n  renderHighLabel(): VNode {\n    const { rangeLabelType, high, highPercent, labelFlipMax } = this;\n    const label = high\n      ? this.formatLabel(rangeLabelType === \"percent\" ? highPercent / 100 : high, rangeLabelType)\n      : \"\";\n    const styleDefault = { insetInlineStart: `${highPercent}%` };\n    const styleFlipped = { insetInlineEnd: `${100 - highPercent}%` };\n    const style = highPercent / 100 >= labelFlipMax ? styleFlipped : styleDefault;\n    return (\n      <div\n        class={{ [CSS.label]: true, [CSS.labelRange]: true }}\n        key=\"high-label-line\"\n        ref={(el) => (this.highLabelEl = el as HTMLDivElement)}\n        style={style}\n      >\n        {label}\n      </div>\n    );\n  }\n\n  renderMaxLabel(): VNode {\n    const { rangeLabelType, max, maxPercent } = this;\n    const style = { insetInlineEnd: `${100 - maxPercent}%` };\n    const labelMax = this.formatLabel(\n      rangeLabelType === \"percent\" ? maxPercent / 100 : max,\n      rangeLabelType,\n    );\n    return (\n      <div\n        class={{ [CSS.label]: true, [CSS.labelRange]: true }}\n        key=\"max-label-line\"\n        ref={(el) => (this.maxLabelEl = el as HTMLDivElement)}\n        style={style}\n      >\n        {labelMax}\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const {\n      appearance,\n      currentPercent,\n      highActive,\n      highPercent,\n      label,\n      lowActive,\n      lowPercent,\n      max,\n      maxPercent,\n      min,\n      minPercent,\n      rangeLabels,\n      rangeLabelType,\n      unitLabel,\n      value,\n      valueLabel,\n      valueLabelType,\n    } = this;\n    const textPercentLabelWithPercent = this.formatLabel(currentPercent / 100, \"percent\");\n    const textUnitLabel = `${value} ${unitLabel}`;\n    const valueText =\n      valueLabelType === \"percent\"\n        ? textPercentLabelWithPercent\n        : unitLabel\n          ? textUnitLabel\n          : undefined;\n    return (\n      <Host>\n        <div\n          aria-label={label}\n          aria-valuemax={rangeLabelType === \"percent\" ? maxPercent : max}\n          aria-valuemin={rangeLabelType === \"percent\" ? minPercent : min}\n          aria-valuenow={valueLabelType === \"percent\" ? currentPercent : value}\n          aria-valuetext={valueText}\n          class={{\n            [CSS.container]: true,\n            [CSS.stepsVisible]: rangeLabels,\n            [CSS.valueVisible]: valueLabel,\n            [appearance]: appearance !== \"outline-fill\",\n          }}\n          ref={(el) => (this.meterContainerEl = el as HTMLDivElement)}\n          role=\"meter\"\n        >\n          {this.renderMeterFill()}\n          {valueLabel && this.renderValueLabel()}\n          {lowActive && this.renderRangeLine(lowPercent)}\n          {highActive && this.renderRangeLine(highPercent)}\n          {rangeLabels && this.renderMinLabel()}\n          {rangeLabels && lowActive && this.renderLowLabel()}\n          {rangeLabels && highActive && this.renderHighLabel()}\n          {rangeLabels && this.renderMaxLabel()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-4a8c814c.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.9.1-next.1
+ */
+import{r as t,c as e,h as s,g as i}from"./p-0bbe3b36.js";import{s as a,a as n,c as o}from"./p-9ce0d310.js";import{n as l,c as r,d as c}from"./p-2988aea6.js";import{u as h,c as d,s as p,d as m}from"./p-8e771cd5.js";import{c as u}from"./p-bb1ecc62.js";import{g}from"./p-ec386b22.js";import"./p-3ba78079.js";import"./p-8deeb4a2.js";import"./p-4e2bc4be.js";import"./p-67d7e16e.js";const f={min:"0",max:"320px"};const b={min:"321px",max:"476px"};const v={min:"477px",max:"768px"};const x={min:"769px",max:"1152px"};const k={min:"1153px",max:"1440px"};const y={width:{large:z(k.max),medium:z(x.max),small:z(v.max),xsmall:z(b.max),xxsmall:z(f.max)}};function z(t){return parseInt(t)}const I={list:"list",listItem:"list-item",page:"page",selected:"selected",chevron:"chevron",disabled:"disabled",ellipsis:"ellipsis"};const C={next:"chevron-right",previous:"chevron-left",first:"chevron-start",last:"chevron-end"};const S=":host{display:flex;writing-mode:horizontal-tb}.list{margin:0px;display:flex;list-style-type:none;padding:0px}.list-item{margin:0px;display:flex;padding:0px}: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 w=S;const L=2;const j=2;const P={large:11,medium:9,small:7,xsmall:5,xxsmall:1};const X=class{constructor(s){t(this,s);this.calcitePaginationChange=e(this,"calcitePaginationChange",6);this.resizeObserver=u("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=P.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(){h(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===P.xxsmall}connectedCallback(){r(this);d(this);this.resizeObserver?.observe(this.el)}async componentWillLoad(){await p(this);a(this);this.handleTotalPages();this.handleLastStartItemChange();this.handleIsXXSmall()}componentDidLoad(){n(this);this.setMaxItemsToBreakpoint(this.el.clientWidth)}disconnectedCallback(){c(this);m(this);this.resizeObserver?.disconnect()}async setFocus(){await o(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)}async goTo(t){switch(t){case"start":this.startItem=1;break;case"end":this.startItem=this.lastStartItem;break;default:{if(t>=Math.ceil(this.totalPages)){this.startItem=this.lastStartItem}else if(t<=0){this.startItem=1}else{this.startItem=(t-1)*this.pageSize+1}}}}setMaxItemsToBreakpoint(t){if(!y||!t){return}if(t>=y.width.medium){this.maxItems=P.large;return}if(t>=y.width.small){this.maxItems=P.medium;return}if(t>=y.width.xsmall){this.maxItems=P.small;return}if(t>=y.width.xxsmall){this.maxItems=P.xsmall;return}this.maxItems=P.xxsmall}showStartEllipsis(){return this.totalPages>this.maxItems&&Math.floor(this.startItem/this.pageSize)>this.maxItems-L-j}showEndEllipsis(){return this.totalPages>this.maxItems&&(this.totalItems-this.startItem)/this.pageSize>this.maxItems-L-(j-1)}emitUpdate(){this.calcitePaginationChange.emit()}renderEllipsis(t){return s("span",{class:I.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 l=[];if(o){l.push(this.renderPage(s));return l}const r=t>e;const c=this.showStartEllipsis();const h=this.showEndEllipsis();if(r){l.push(this.renderPage(1))}if(c){l.push(this.renderEllipsis("start"))}const d=i-L-(h?1:0)-(c?1:0);let p;let m;if(a-1<=d){m=1+e;p=n-e}else{if(s/e<d){m=1+e;p=1+d*e}else{if(s+d*e>=t){m=n-d*e;p=n-e}else{m=s-e*((d-1)/2);p=s+e*((d-1)/2)}}}for(let t=0;t<d&&m<=p;t++){l.push(this.renderPage(m));m=m+e}if(h){l.push(this.renderEllipsis("end"))}l.push(this.renderPage(n));return l}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("li",{class:I.listItem},s("button",{"aria-current":n?"page":"false",class:{[I.page]:true,[I.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:{[I.chevron]:true,[I.disabled]:a},"data-test-chevron":"previous",disabled:a,key:"previous",onClick:this.previousClicked},s("calcite-icon",{flipRtl:true,icon:C.previous,scale:g(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:{[I.chevron]:true,[I.disabled]:n},"data-test-chevron":"next",disabled:n,key:"next-button",onClick:this.nextClicked},s("calcite-icon",{flipRtl:true,icon:C.next,scale:g(this.scale)}))}renderFirstChevron(){const{messages:t,startItem:e,isXXSmall:i}=this;const a=e===1;return i?s("button",{"aria-label":t.first,class:{[I.chevron]:true,[I.disabled]:a},disabled:a,key:"first-button",onClick:this.firstClicked},s("calcite-icon",{flipRtl:true,icon:C.first,scale:g(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:{[I.chevron]:true,[I.disabled]:n},disabled:n,key:"last-button",onClick:this.lastClicked},s("calcite-icon",{flipRtl:true,icon:C.last,scale:g(this.scale)})):null}render(){return s("ul",{key:"ea9cdae21084bfee230ae2035303f190774e931e",class:I.list},s("li",{key:"906e3242ca6af42c2feac56529e3408eed1b19eb",class:I.listItem},this.renderFirstChevron()),s("li",{key:"c28b170a42222fa7cbdaa70169240bbe41dc79b2",class:I.listItem},this.renderPreviousChevron()),this.renderItems(),s("li",{key:"c42d2b381065309621da1d6dc814456531a075ee",class:I.listItem},this.renderNextChevron()),s("li",{key:"97b1c92b7d9a762966e5cb2073303820bf4bcc12",class:I.listItem},this.renderLastChevron()))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],totalItems:["handleTotalPages","handleLastStartItemChange"],pageSize:["handleTotalPages","handleLastStartItemChange"],effectiveLocale:["effectiveLocaleChange","effectiveLocaleWatcher"],totalPages:["handleLastStartItemChange"],maxItems:["handleIsXXSmall"]}}};X.style=w;export{X as calcite_pagination};
+//# sourceMappingURL=p-4a8c814c.entry.js.map

package/dist/calcite/p-4a8c814c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["calciteContainerSizeWidthXxs","min","max","calciteContainerSizeWidthXs","calciteContainerSizeWidthSm","calciteContainerSizeWidthMd","calciteContainerSizeWidthLg","breakpoints","width","large","cssLengthToNumber","medium","small","xsmall","xxsmall","length","parseInt","CSS","list","listItem","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","goTo","ceil","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"],"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, 04 Jun 2024 05:33:24 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\",\"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\",\"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\",\"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\",\"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  list: \"list\",\n  listItem: \"list-item\",\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.list {\n  @apply flex list-none m-0 p-0;\n}\n\n.list-item {\n  @apply flex m-0 p-0;\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  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   * Set a specified page as active.\n   *\n   * @param page\n   */\n  @Method()\n  async goTo(page: number | \"start\" | \"end\"): Promise<void> {\n    switch (page) {\n      case \"start\":\n        this.startItem = 1;\n        break;\n      case \"end\":\n        this.startItem = this.lastStartItem;\n        break;\n      default: {\n        if (page >= Math.ceil(this.totalPages)) {\n          this.startItem = this.lastStartItem;\n        } else if (page <= 0) {\n          this.startItem = 1;\n        } else {\n          this.startItem = (page - 1) * this.pageSize + 1;\n        }\n      }\n    }\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      <li class={CSS.listItem}>\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      </li>\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      <ul class={CSS.list}>\n        <li class={CSS.listItem}>{this.renderFirstChevron()}</li>\n        <li class={CSS.listItem}>{this.renderPreviousChevron()}</li>\n        {this.renderItems()}\n        <li class={CSS.listItem}>{this.renderNextChevron()}</li>\n        <li class={CSS.listItem}>{this.renderLastChevron()}</li>\n      </ul>\n    );\n  }\n}\n"],"mappings":";;;;;yXAwDO,MAAMA,EAA+B,CAACC,IAAM,IAAIC,IAAM,SACtD,MAAMC,EAA8B,CAACF,IAAM,QAAQC,IAAM,SACzD,MAAME,EAA8B,CAACH,IAAM,QAAQC,IAAM,SACzD,MAAMG,EAA8B,CAACJ,IAAM,QAAQC,IAAM,UACzD,MAAMI,EAA8B,CAACL,IAAM,SAASC,IAAM,UCvC1D,MAAMK,EAA2B,CACtCC,MAAO,CACLC,MAAOC,EAAkBJ,EAA4BJ,KACrDS,OAAQD,EAAkBL,EAA4BH,KACtDU,MAAOF,EAAkBN,EAA4BF,KACrDW,OAAQH,EAAkBP,EAA4BD,KACtDY,QAASJ,EAAkBV,EAA6BE,OAI5D,SAASQ,EAAkBK,GACzB,OAAOC,SAASD,EAClB,CCjCO,MAAME,EAAM,CACjBC,KAAM,OACNC,SAAU,YACVC,KAAM,OACNC,SAAU,WACVC,QAAS,UACTC,SAAU,WACVC,SAAU,YAGL,MAAMC,EAAQ,CACnBC,KAAM,gBACNC,SAAU,eACVC,MAAO,gBACPC,KAAM,eCdR,MAAMC,EAAgB,88EACtB,MAAAC,EAAeD,EC4Cf,MAAME,EAAwB,EAC9B,MAAMC,EAAgB,EAEtB,MAAMC,EAAqB,CACzBzB,MAAO,GACPE,OAAQ,EACRC,MAAO,EACPC,OAAQ,EACRC,QAAS,G,MAWEqB,EAAU,M,0FA4GbC,KAAAC,eAAiBC,EAAe,UAAWC,GACjDA,EAAQC,QAAQJ,KAAKK,iBAkIfL,KAAAK,cAAgB,EAAGC,aAAelC,YACxC4B,KAAKO,wBAAwBnC,GAEvB4B,KAAAQ,aAAe,KACrBR,KAAKS,UAAY,EACjBT,KAAKU,YAAY,EAGXV,KAAAW,YAAc,KACpBX,KAAKS,UAAYT,KAAKY,cACtBZ,KAAKU,YAAY,EAGXV,KAAAa,gBAAkBC,gBAClBd,KAAKe,eACXf,KAAKU,YAAY,EAGXV,KAAAgB,YAAcF,gBACdd,KAAKiB,WACXjB,KAAKU,YAAY,EAuBXV,KAAAkB,gBAAmBC,IACzB,MAAMC,EAASD,EAAMC,OACrBpB,KAAKS,UAAY7B,SAASwC,EAAOC,MAAO,IACxCrB,KAAKU,YAAY,E,oBAjRuB,M,qGA2BS,G,WAGX,I,eAGY,E,gBAGd,E,oDAqBX,G,cAgBPZ,EAAmBpB,Q,gFAxDvC,gBAAA4C,G,CAuBA,gBAAAC,GACE,GAAIvB,KAAKwB,SAAW,EAAG,CACrBxB,KAAKwB,SAAW,C,CAElBxB,KAAKyB,WAAazB,KAAK0B,WAAa1B,KAAKwB,Q,CAgB3C,qBAAAG,GACEC,EAAe5B,KAAMA,KAAK6B,gB,CAI5B,sBAAAC,GACEC,EAAsBC,oBAAsB,CAC1CC,OAAQjC,KAAK6B,gBACbK,gBAAiBlC,KAAKkC,gBACtBC,YAAanC,KAAKoC,e,CAatB,yBAAAC,GACE,MAAMX,WAAEA,EAAUF,SAAEA,EAAQC,WAAEA,GAAezB,KAE7CA,KAAKY,eACFc,EAAaF,IAAa,EAAIE,EAAaF,EAAWc,KAAKC,MAAMd,GAAcD,GAAY,C,CAMhG,eAAAgB,GACExC,KAAKyC,UAAYzC,KAAK0C,WAAa5C,EAAmBpB,O,CAwBxD,iBAAAiE,GACEC,EAAiB5C,MACjB6C,EAAgB7C,MAChBA,KAAKC,gBAAgB6C,QAAQ9C,KAAK+C,G,CAGpC,uBAAMC,SACEC,EAAcjD,MACpBkD,EAAuBlD,MACvBA,KAAKuB,mBACLvB,KAAKqC,4BACLrC,KAAKwC,iB,CAGP,gBAAAW,GACEC,EAAmBpD,MACnBA,KAAKO,wBAAwBP,KAAK+C,GAAGM,Y,CAGvC,oBAAAC,GACEC,EAAoBvD,MACpBwD,EAAmBxD,MACnBA,KAAKC,gBAAgBwD,Y,CAWvB,cAAMC,SACEC,EAAmB3D,MACzBA,KAAK+C,GAAGa,O,CAKV,cAAM3C,GACJjB,KAAKS,UAAY6B,KAAKzE,IAAImC,KAAKY,cAAeZ,KAAKS,UAAYT,KAAKwB,S,CAKtE,kBAAMT,GACJf,KAAKS,UAAY6B,KAAKxE,IAAI,EAAGkC,KAAKS,UAAYT,KAAKwB,S,CASrD,UAAMqC,CAAK7E,GACT,OAAQA,GACN,IAAK,QACHgB,KAAKS,UAAY,EACjB,MACF,IAAK,MACHT,KAAKS,UAAYT,KAAKY,cACtB,MACF,QAAS,CACP,GAAI5B,GAAQsD,KAAKwB,KAAK9D,KAAKyB,YAAa,CACtCzB,KAAKS,UAAYT,KAAKY,a,MACjB,GAAI5B,GAAQ,EAAG,CACpBgB,KAAKS,UAAY,C,KACZ,CACLT,KAAKS,WAAazB,EAAO,GAAKgB,KAAKwB,SAAW,C,IAY9C,uBAAAjB,CAAwBnC,GAC9B,IAAKD,IAAgBC,EAAO,CAC1B,M,CAGF,GAAIA,GAASD,EAAYC,MAAMG,OAAQ,CACrCyB,KAAK0C,SAAW5C,EAAmBzB,MACnC,M,CAGF,GAAID,GAASD,EAAYC,MAAMI,MAAO,CACpCwB,KAAK0C,SAAW5C,EAAmBvB,OACnC,M,CAGF,GAAIH,GAASD,EAAYC,MAAMK,OAAQ,CACrCuB,KAAK0C,SAAW5C,EAAmBtB,MACnC,M,CAGF,GAAIJ,GAASD,EAAYC,MAAMM,QAAS,CACtCsB,KAAK0C,SAAW5C,EAAmBrB,OACnC,M,CAGFuB,KAAK0C,SAAW5C,EAAmBpB,O,CA0B7B,iBAAAqF,GACN,OACE/D,KAAKyB,WAAazB,KAAK0C,UACvBJ,KAAKC,MAAMvC,KAAKS,UAAYT,KAAKwB,UAC/BxB,KAAK0C,SAAW9C,EAAwBC,C,CAItC,eAAAmE,GACN,OACEhE,KAAKyB,WAAazB,KAAK0C,WACtB1C,KAAK0B,WAAa1B,KAAKS,WAAaT,KAAKwB,SACxCxB,KAAK0C,SAAW9C,GAAyBC,EAAgB,E,CAIvD,UAAAa,GACNV,KAAKiE,wBAAwBC,M,CAe/B,cAAAC,CAAeC,GACb,OACEC,EAAA,QAAMC,MAAOzF,EAAIO,SAAQ,qBAAsBgF,EAAMG,IAAKH,GAAI,I,CAMlE,WAAAI,GACE,MAAM9C,WAAEA,EAAUF,SAAEA,EAAQf,UAAEA,EAASiC,SAAEA,EAAQjB,WAAEA,EAAUb,cAAEA,EAAa6B,UAAEA,GAC5EzC,KAEF,MAAMyE,EAAiB,GAEvB,GAAIhC,EAAW,CACbgC,EAAMC,KAAK1E,KAAK2E,WAAWlE,IAC3B,OAAOgE,C,CAGT,MAAMG,EAAkBlD,EAAaF,EACrC,MAAMqD,EAAsB7E,KAAK+D,oBACjC,MAAMe,EAAoB9E,KAAKgE,kBAE/B,GAAIY,EAAiB,CACnBH,EAAMC,KAAK1E,KAAK2E,WAAW,G,CAG7B,GAAIE,EAAqB,CACvBJ,EAAMC,KAAK1E,KAAKmE,eAAe,S,CAGjC,MAAMY,EACJrC,EACA9C,GACCkF,EAAoB,EAAI,IACxBD,EAAsB,EAAI,GAE7B,IAAIG,EACJ,IAAIC,EAGJ,GAAIxD,EAAa,GAAKsD,EAAgB,CACpCE,EAAY,EAAIzD,EAChBwD,EAAMpE,EAAgBY,C,KACjB,CAEL,GAAIf,EAAYe,EAAWuD,EAAgB,CACzCE,EAAY,EAAIzD,EAChBwD,EAAM,EAAID,EAAiBvD,C,KACtB,CAEL,GAAIf,EAAYsE,EAAiBvD,GAAYE,EAAY,CACvDuD,EAAYrE,EAAgBmE,EAAiBvD,EAC7CwD,EAAMpE,EAAgBY,C,KACjB,CAELyD,EAAYxE,EAAYe,IAAauD,EAAiB,GAAK,GAC3DC,EAAMvE,EAAYe,IAAauD,EAAiB,GAAK,E,GAK3D,IAAK,IAAIG,EAAI,EAAGA,EAAIH,GAAkBE,GAAaD,EAAKE,IAAK,CAC3DT,EAAMC,KAAK1E,KAAK2E,WAAWM,IAC3BA,EAAYA,EAAYzD,C,CAG1B,GAAIsD,EAAmB,CACrBL,EAAMC,KAAK1E,KAAKmE,eAAe,O,CAGjCM,EAAMC,KAAK1E,KAAK2E,WAAW/D,IAE3B,OAAO6D,C,CAGT,UAAAE,CAAWQ,GACT,MAAM3D,SAAEA,GAAaxB,KACrB,MAAMhB,EAAOsD,KAAKC,MAAM4C,EAAQ3D,IAAaA,IAAa,EAAI,EAAI,GAElEO,EAAsBC,oBAAsB,CAC1CC,OAAQjC,KAAK6B,gBACbK,gBAAiBlC,KAAKkC,gBACtBC,YAAanC,KAAKoC,gBAGpB,MAAMgD,EAAgBrD,EAAsBsD,SAASrG,EAAKsG,YAC1D,MAAMrG,EAAWkG,IAAUnF,KAAKS,UAEhC,OACE4D,EAAA,MAAIC,MAAOzF,EAAIE,UACbsF,EAAA,yBACgBpF,EAAW,OAAS,QAClCqF,MAAO,CACL,CAACzF,EAAIG,MAAO,KACZ,CAACH,EAAII,UAAWA,GAElBsG,QAASvF,KAAKkB,gBACdG,MAAO8D,GAENC,G,CAMT,qBAAAI,GACE,MAAMhE,SAAEA,EAAQf,UAAEA,EAASgF,SAAEA,GAAazF,KAE1C,MAAMb,EAAWqC,IAAa,EAAIf,GAAae,EAAWf,EAAYe,EAEtE,OACE6C,EAAA,uBACcoB,EAASlG,SACrB+E,MAAO,CACL,CAACzF,EAAIK,SAAU,KACf,CAACL,EAAIM,UAAWA,GACjB,oBACiB,WAClBA,SAAUA,EACVoF,IAAI,WACJgB,QAASvF,KAAKa,iBAEdwD,EAAA,gBAAcqB,QAAO,KAACC,KAAMtG,EAAME,SAAUqG,MAAOC,EAAa7F,KAAK4F,S,CAK3E,iBAAAE,GACE,MAAMpE,WAAEA,EAAUF,SAAEA,EAAQf,UAAEA,EAASgF,SAAEA,GAAazF,KAEtD,MAAMb,EACJqC,IAAa,EAAIf,EAAYe,EAAWE,EAAajB,EAAYe,EAAWE,EAE9E,OACE2C,EAAA,uBACcoB,EAASnG,KACrBgF,MAAO,CACL,CAACzF,EAAIK,SAAU,KACf,CAACL,EAAIM,UAAWA,GACjB,oBACiB,OAClBA,SAAUA,EACVoF,IAAI,cACJgB,QAASvF,KAAKgB,aAEdqD,EAAA,gBAAcqB,QAAO,KAACC,KAAMtG,EAAMC,KAAMsG,MAAOC,EAAa7F,KAAK4F,S,CAKvE,kBAAAG,GACE,MAAMN,SAAEA,EAAQhF,UAAEA,EAASgC,UAAEA,GAAczC,KAE3C,MAAMb,EAAWsB,IAAc,EAE/B,OAAOgC,EACL4B,EAAA,uBACcoB,EAASjG,MACrB8E,MAAO,CACL,CAACzF,EAAIK,SAAU,KACf,CAACL,EAAIM,UAAWA,GAElBA,SAAUA,EACVoF,IAAI,eACJgB,QAASvF,KAAKQ,cAEd6D,EAAA,gBAAcqB,QAAO,KAACC,KAAMtG,EAAMG,MAAOoG,MAAOC,EAAa7F,KAAK4F,UAElE,I,CAGN,iBAAAI,GACE,MAAMP,SAAEA,EAAQhF,UAAEA,EAASgC,UAAEA,EAAS7B,cAAEA,GAAkBZ,KAE1D,MAAMb,EAAWsB,IAAcG,EAE/B,OAAO6B,EACL4B,EAAA,uBACcoB,EAAShG,KACrB6E,MAAO,CACL,CAACzF,EAAIK,SAAU,KACf,CAACL,EAAIM,UAAWA,GAElBA,SAAUA,EACVoF,IAAI,cACJgB,QAASvF,KAAKW,aAEd0D,EAAA,gBAAcqB,QAAO,KAACC,KAAMtG,EAAMI,KAAMmG,MAAOC,EAAa7F,KAAK4F,UAEjE,I,CAGN,MAAAK,GACE,OACE5B,EAAA,MAAAE,IAAA,2CAAID,MAAOzF,EAAIC,MACbuF,EAAA,MAAAE,IAAA,2CAAID,MAAOzF,EAAIE,UAAWiB,KAAK+F,sBAC/B1B,EAAA,MAAAE,IAAA,2CAAID,MAAOzF,EAAIE,UAAWiB,KAAKwF,yBAC9BxF,KAAKwE,cACNH,EAAA,MAAAE,IAAA,2CAAID,MAAOzF,EAAIE,UAAWiB,KAAK8F,qBAC/BzB,EAAA,MAAAE,IAAA,2CAAID,MAAOzF,EAAIE,UAAWiB,KAAKgG,qB","ignoreList":[]}

package/dist/calcite/p-4e156ae9.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.9.1-next.1
+ */
+import{d as e}from"./p-3321e84b.js";import"./p-0bbe3b36.js";import"./p-22d5dc3c.js";import"./p-3ba78079.js";import"./p-8deeb4a2.js";import"./p-4e2bc4be.js";import"./p-23081ea2.js";import"./p-7599ac37.js";import"./p-67d7e16e.js";import"./p-3c66cb95.js";import"./p-ec386b22.js";import"./p-9ce0d310.js";import"./p-2988aea6.js";import"./p-bb1ecc62.js";import"./p-73c764c0.js";import"./p-8a82019f.js";import"./p-8e771cd5.js";import"./p-ce71c1b9.js";import"./p-a3090437.js";var r={s:"ein paar Sekunden",m:["eine Minute","einer Minute"],mm:"%d Minuten",h:["eine Stunde","einer Stunde"],hh:"%d Stunden",d:["ein Tag","einem Tag"],dd:["%d Tage","%d Tagen"],M:["ein Monat","einem Monat"],MM:["%d Monate","%d Monaten"],y:["ein Jahr","einem Jahr"],yy:["%d Jahre","%d Jahren"]};function t(e,t,i){var a=r[i];if(Array.isArray(a)){a=a[t?0:1]}return a.replace("%d",e)}var i={name:"de-ch",weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),months:"Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,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"},relativeTime:{future:"in %s",past:"vor %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};e.locale(i,null,true);export{i as default};
+//# sourceMappingURL=p-4e156ae9.js.map

package/dist/calcite/p-4e156ae9.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["texts","s","m","mm","h","hh","d","dd","M","MM","y","yy","relativeTimeFormatter","number","withoutSuffix","key","l","Array","isArray","replace","locale","name","weekdays","split","weekdaysShort","weekdaysMin","months","monthsShort","ordinal","n","weekStart","formats","LT","LTS","L","LL","LLL","LLLL","relativeTime","future","past","dayjs"],"sources":["../../node_modules/dayjs/esm/locale/de-ch.js"],"sourcesContent":["// German (Switzerland) [de-ch]\nimport dayjs from '../index';\nvar texts = {\n  s: 'ein paar Sekunden',\n  m: ['eine Minute', 'einer Minute'],\n  mm: '%d Minuten',\n  h: ['eine Stunde', 'einer Stunde'],\n  hh: '%d Stunden',\n  d: ['ein Tag', 'einem Tag'],\n  dd: ['%d Tage', '%d Tagen'],\n  M: ['ein Monat', 'einem Monat'],\n  MM: ['%d Monate', '%d Monaten'],\n  y: ['ein Jahr', 'einem Jahr'],\n  yy: ['%d Jahre', '%d Jahren']\n};\n\nfunction relativeTimeFormatter(number, withoutSuffix, key) {\n  var l = texts[key];\n\n  if (Array.isArray(l)) {\n    l = l[withoutSuffix ? 0 : 1];\n  }\n\n  return l.replace('%d', number);\n}\n\nvar locale = {\n  name: 'de-ch',\n  weekdays: 'Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag'.split('_'),\n  weekdaysShort: 'So_Mo_Di_Mi_Do_Fr_Sa'.split('_'),\n  weekdaysMin: 'So_Mo_Di_Mi_Do_Fr_Sa'.split('_'),\n  months: 'Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember'.split('_'),\n  monthsShort: 'Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.'.split('_'),\n  ordinal: function ordinal(n) {\n    return n + \".\";\n  },\n  weekStart: 1,\n  formats: {\n    LT: 'HH:mm',\n    LTS: 'HH:mm:ss',\n    L: 'DD.MM.YYYY',\n    LL: 'D. MMMM YYYY',\n    LLL: 'D. MMMM YYYY HH:mm',\n    LLLL: 'dddd, D. MMMM YYYY HH:mm'\n  },\n  relativeTime: {\n    future: 'in %s',\n    past: 'vor %s',\n    s: relativeTimeFormatter,\n    m: relativeTimeFormatter,\n    mm: relativeTimeFormatter,\n    h: relativeTimeFormatter,\n    hh: relativeTimeFormatter,\n    d: relativeTimeFormatter,\n    dd: relativeTimeFormatter,\n    M: relativeTimeFormatter,\n    MM: relativeTimeFormatter,\n    y: relativeTimeFormatter,\n    yy: relativeTimeFormatter\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"mappings":";;;;;odAEA,IAAIA,EAAQ,CACVC,EAAG,oBACHC,EAAG,CAAC,cAAe,gBACnBC,GAAI,aACJC,EAAG,CAAC,cAAe,gBACnBC,GAAI,aACJC,EAAG,CAAC,UAAW,aACfC,GAAI,CAAC,UAAW,YAChBC,EAAG,CAAC,YAAa,eACjBC,GAAI,CAAC,YAAa,cAClBC,EAAG,CAAC,WAAY,cAChBC,GAAI,CAAC,WAAY,cAGnB,SAASC,EAAsBC,EAAQC,EAAeC,GACpD,IAAIC,EAAIhB,EAAMe,GAEd,GAAIE,MAAMC,QAAQF,GAAI,CACpBA,EAAIA,EAAEF,EAAgB,EAAI,EAC9B,CAEE,OAAOE,EAAEG,QAAQ,KAAMN,EACzB,CAEG,IAACO,EAAS,CACXC,KAAM,QACNC,SAAU,8DAA8DC,MAAM,KAC9EC,cAAe,uBAAuBD,MAAM,KAC5CE,YAAa,uBAAuBF,MAAM,KAC1CG,OAAQ,qFAAqFH,MAAM,KACnGI,YAAa,6DAA6DJ,MAAM,KAChFK,QAAS,SAASA,EAAQC,GACxB,OAAOA,EAAI,GACf,EACEC,UAAW,EACXC,QAAS,CACPC,GAAI,QACJC,IAAK,WACLC,EAAG,aACHC,GAAI,eACJC,IAAK,qBACLC,KAAM,4BAERC,aAAc,CACZC,OAAQ,QACRC,KAAM,SACNvC,EAAGW,EACHV,EAAGU,EACHT,GAAIS,EACJR,EAAGQ,EACHP,GAAIO,EACJN,EAAGM,EACHL,GAAIK,EACJJ,EAAGI,EACHH,GAAIG,EACJF,EAAGE,EACHD,GAAIC,IAGR6B,EAAMrB,OAAOA,EAAQ,KAAM,a","ignoreList":[]}

package/dist/calcite/p-4e2bc4be.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.9.1-next.1
+ */
+const a="calcite-mode-auto";const t="calcite-mode-dark";const e="calcite-mode-light";const c={autoMode:a,darkMode:t,lightMode:e,rtl:"calcite--rtl",calciteAnimate:"calcite-animate",calciteAnimateIn:"calcite-animate__in",calciteAnimateInUp:"calcite-animate__in-up",calciteAnimateInDown:"calcite-animate__in-down",calciteAnimateInRight:"calcite-animate__in-right",calciteAnimateInLeft:"calcite-animate__in-left",calciteAnimateInScale:"calcite-animate__in-scale"};export{c as C,a,t as d};
+//# sourceMappingURL=p-4e2bc4be.js.map

package/dist/calcite/p-4e2bc4be.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["autoMode","darkMode","lightMode","CSS_UTILITY","rtl","calciteAnimate","calciteAnimateIn","calciteAnimateInUp","calciteAnimateInDown","calciteAnimateInRight","calciteAnimateInLeft","calciteAnimateInScale"],"sources":["src/utils/resources.ts"],"sourcesContent":["import { ModeClass, ModeName } from \"../components/interfaces\";\n\nexport const autoMode = \"calcite-mode-auto\";\nexport const darkMode = \"calcite-mode-dark\";\nconst lightMode = \"calcite-mode-light\";\n\ninterface Mode {\n  name: ModeName;\n  className: ModeClass;\n}\n\nexport const MODES: Mode[] = [\n  {\n    name: \"light\",\n    className: lightMode,\n  },\n  {\n    name: \"dark\",\n    className: darkMode,\n  },\n  {\n    name: \"auto\",\n    className: autoMode,\n  },\n];\n\nexport const CSS_UTILITY = {\n  autoMode,\n  darkMode,\n  lightMode,\n  rtl: \"calcite--rtl\",\n  calciteAnimate: \"calcite-animate\",\n  calciteAnimateIn: \"calcite-animate__in\",\n  calciteAnimateInUp: \"calcite-animate__in-up\",\n  calciteAnimateInDown: \"calcite-animate__in-down\",\n  calciteAnimateInRight: \"calcite-animate__in-right\",\n  calciteAnimateInLeft: \"calcite-animate__in-left\",\n  calciteAnimateInScale: \"calcite-animate__in-scale\",\n};\n\nexport const TEXT = {\n  loading: \"Loading\",\n};\n"],"mappings":";;;;;MAEaA,EAAW,oB,MACXC,EAAW,oBACxB,MAAMC,EAAY,qB,MAsBLC,EAAc,CACzBH,WACAC,WACAC,YACAE,IAAK,eACLC,eAAgB,kBAChBC,iBAAkB,sBAClBC,mBAAoB,yBACpBC,qBAAsB,2BACtBC,sBAAuB,4BACvBC,qBAAsB,2BACtBC,sBAAuB,oC","ignoreList":[]}

package/dist/calcite/p-4ecf4a9d.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.9.1-next.1
+ */
+import{d as t}from"./p-3321e84b.js";import"./p-0bbe3b36.js";import"./p-22d5dc3c.js";import"./p-3ba78079.js";import"./p-8deeb4a2.js";import"./p-4e2bc4be.js";import"./p-23081ea2.js";import"./p-7599ac37.js";import"./p-67d7e16e.js";import"./p-3c66cb95.js";import"./p-ec386b22.js";import"./p-9ce0d310.js";import"./p-2988aea6.js";import"./p-bb1ecc62.js";import"./p-73c764c0.js";import"./p-8a82019f.js";import"./p-8e771cd5.js";import"./p-ce71c1b9.js";import"./p-a3090437.js";var m={name:"vi",weekdays:"chủ nhật_thứ hai_thứ ba_thứ tư_thứ năm_thứ sáu_thứ bảy".split("_"),months:"tháng 1_tháng 2_tháng 3_tháng 4_tháng 5_tháng 6_tháng 7_tháng 8_tháng 9_tháng 10_tháng 11_tháng 12".split("_"),weekStart:1,weekdaysShort:"CN_T2_T3_T4_T5_T6_T7".split("_"),monthsShort:"Th01_Th02_Th03_Th04_Th05_Th06_Th07_Th08_Th09_Th10_Th11_Th12".split("_"),weekdaysMin:"CN_T2_T3_T4_T5_T6_T7".split("_"),ordinal:function t(m){return m},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [năm] YYYY",LLL:"D MMMM [năm] YYYY HH:mm",LLLL:"dddd, D MMMM [năm] YYYY HH:mm",l:"DD/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"},relativeTime:{future:"%s tới",past:"%s trước",s:"vài giây",m:"một phút",mm:"%d phút",h:"một giờ",hh:"%d giờ",d:"một ngày",dd:"%d ngày",M:"một tháng",MM:"%d tháng",y:"một năm",yy:"%d năm"}};t.locale(m,null,true);export{m as default};
+//# sourceMappingURL=p-4ecf4a9d.js.map

package/dist/calcite/p-4ecf4a9d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["locale","name","weekdays","split","months","weekStart","weekdaysShort","monthsShort","weekdaysMin","ordinal","n","formats","LT","LTS","L","LL","LLL","LLLL","l","ll","lll","llll","relativeTime","future","past","s","m","mm","h","hh","d","dd","M","MM","y","yy","dayjs"],"sources":["../../node_modules/dayjs/esm/locale/vi.js"],"sourcesContent":["// Vietnamese [vi]\nimport dayjs from '../index';\nvar locale = {\n  name: 'vi',\n  weekdays: 'chủ nhật_thứ hai_thứ ba_thứ tư_thứ năm_thứ sáu_thứ bảy'.split('_'),\n  months: 'tháng 1_tháng 2_tháng 3_tháng 4_tháng 5_tháng 6_tháng 7_tháng 8_tháng 9_tháng 10_tháng 11_tháng 12'.split('_'),\n  weekStart: 1,\n  weekdaysShort: 'CN_T2_T3_T4_T5_T6_T7'.split('_'),\n  monthsShort: 'Th01_Th02_Th03_Th04_Th05_Th06_Th07_Th08_Th09_Th10_Th11_Th12'.split('_'),\n  weekdaysMin: 'CN_T2_T3_T4_T5_T6_T7'.split('_'),\n  ordinal: function ordinal(n) {\n    return n;\n  },\n  formats: {\n    LT: 'HH:mm',\n    LTS: 'HH:mm:ss',\n    L: 'DD/MM/YYYY',\n    LL: 'D MMMM [năm] YYYY',\n    LLL: 'D MMMM [năm] YYYY HH:mm',\n    LLLL: 'dddd, D MMMM [năm] YYYY HH:mm',\n    l: 'DD/M/YYYY',\n    ll: 'D MMM YYYY',\n    lll: 'D MMM YYYY HH:mm',\n    llll: 'ddd, D MMM YYYY HH:mm'\n  },\n  relativeTime: {\n    future: '%s tới',\n    past: '%s trước',\n    s: 'vài giây',\n    m: 'một phút',\n    mm: '%d phút',\n    h: 'một giờ',\n    hh: '%d giờ',\n    d: 'một ngày',\n    dd: '%d ngày',\n    M: 'một tháng',\n    MM: '%d tháng',\n    y: 'một năm',\n    yy: '%d năm'\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"mappings":";;;;;odAEG,IAACA,EAAS,CACXC,KAAM,KACNC,SAAU,yDAAyDC,MAAM,KACzEC,OAAQ,qGAAqGD,MAAM,KACnHE,UAAW,EACXC,cAAe,uBAAuBH,MAAM,KAC5CI,YAAa,8DAA8DJ,MAAM,KACjFK,YAAa,uBAAuBL,MAAM,KAC1CM,QAAS,SAASA,EAAQC,GACxB,OAAOA,CACX,EACEC,QAAS,CACPC,GAAI,QACJC,IAAK,WACLC,EAAG,aACHC,GAAI,oBACJC,IAAK,0BACLC,KAAM,gCACNC,EAAG,YACHC,GAAI,aACJC,IAAK,mBACLC,KAAM,yBAERC,aAAc,CACZC,OAAQ,SACRC,KAAM,WACNC,EAAG,WACHC,EAAG,WACHC,GAAI,UACJC,EAAG,UACHC,GAAI,SACJC,EAAG,WACHC,GAAI,UACJC,EAAG,YACHC,GAAI,WACJC,EAAG,UACHC,GAAI,WAGRC,EAAMpC,OAAOA,EAAQ,KAAM,a","ignoreList":[]}

package/dist/calcite/p-4f6b263b.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.9.1-next.1
+ */
+import{r as e,f as t,h as i,H as n,g as o,c as s,F as r}from"./p-0bbe3b36.js";import{s as a,k as c,d as l,g as d}from"./p-3ba78079.js";import{s as h,a as u,c as f}from"./p-9ce0d310.js";import{c as p,d as m}from"./p-2988aea6.js";import{u as b,c as v,s as g,d as y}from"./p-8e771cd5.js";import{C as x}from"./p-4e2bc4be.js";import"./p-8deeb4a2.js";import"./p-ec386b22.js";import"./p-67d7e16e.js";import"./p-bb1ecc62.js";const w=":host{display:flex}ul{margin:0px;display:inline-flex;block-size:100%;align-items:center;padding:0px}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}";const k=w;const z=class{constructor(t){e(this,t);this.menuItems=[];this.handleMenuSlotChange=e=>{this.menuItems=a(e);this.setMenuItemLayout(this.menuItems,this.layout)};this.label=undefined;this.layout="horizontal";this.messageOverrides=undefined;this.messages=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}handleGlobalAttributesChanged(){t(this);this.setMenuItemLayout(this.menuItems,this.layout)}handleLayoutChange(e){this.setMenuItemLayout(this.menuItems,e)}onMessagesChange(){}effectiveLocaleChange(){b(this,this.effectiveLocale)}connectedCallback(){p(this);v(this)}async componentWillLoad(){h(this);await g(this)}componentDidLoad(){u(this)}disconnectedCallback(){m(this);y(this)}async setFocus(){await f(this);this.el.focus()}calciteInternalNavMenuItemKeyEvent(e){const t=e.target;const i=e.detail.children;const n=e.detail.event.key;e.stopPropagation();if(n==="ArrowDown"){if(t.layout==="vertical"){c(this.menuItems,t,"next",false)}else{if(e.detail.isSubmenuOpen){i[0].setFocus()}}}else if(n==="ArrowUp"){if(this.layout==="vertical"){c(this.menuItems,t,"previous",false)}else{if(e.detail.isSubmenuOpen){i[i.length-1].setFocus()}}}else if(n==="ArrowRight"){if(this.layout==="horizontal"){c(this.menuItems,t,"next",false)}else{if(e.detail.isSubmenuOpen){i[0].setFocus()}}}else if(n==="ArrowLeft"){if(this.layout==="horizontal"){c(this.menuItems,t,"previous",false)}else{if(e.detail.isSubmenuOpen){this.focusParentElement(e.target)}}}else if(n==="Escape"){this.focusParentElement(e.target)}e.preventDefault()}focusParentElement(e){const t=e.parentElement;if(t){l(t);t.open=false}}setMenuItemLayout(e,t){e.forEach((e=>{e.layout=t;if(this.getEffectiveRole()==="menubar"){e.isTopLevelItem=true;e.topLevelMenuLayout=this.layout}}))}getEffectiveRole(){return this.el.getAttribute("role")||"menubar"}render(){return i(n,{key:"369a18142b5b22f203aa20f45638a7818b66d69a"},i("ul",{key:"5de9fb48f9eeb427b1ef220f34326749947b25b5","aria-label":this.label,role:this.getEffectiveRole()},i("slot",{key:"96f2b70399a79589a53564bdeb01a50fa753ad7d",onSlotchange:this.handleMenuSlotChange})))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{role:["handleGlobalAttributesChanged"],layout:["handleLayoutChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};z.style=k;const C={container:"container",content:"content",dropdownVertical:"dropdown--vertical",dropdownMenuItems:"dropdown-menu-items",dropdownAction:"dropdown-action",layoutVertical:"layout--vertical",hoverHrefIcon:"hover-href-icon",icon:"icon",iconBreadcrumb:"icon--breadcrumb",iconDropdown:"icon--dropdown",iconEnd:"icon--end",iconStart:"icon--start",isParentVertical:"parent--vertical",itemContent:"item-content",open:"open",nested:"nested",textContainer:"text-container"};const I=':host{position:relative;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:3rem}:host([layout=vertical]){inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);padding-inline:1rem;font-size:var(--calcite-font-size-0);color:var(--calcite-color-text-2);outline:2px solid transparent;outline-offset:2px;text-decoration:none;border-block-end:0.125rem solid transparent;padding-block-start:0.125rem}.content:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2)}.content:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2);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          )}.content:active{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:1rem;border-block-end:0;border-inline-end:0.25rem solid transparent}:host([active]) .content{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand)}:host([active]) .content .icon{--calcite-ui-icon-color:var(--calcite-color-brand)}:host([layout=vertical]) .content{padding-inline:0.75rem}.icon--start{margin-inline-end:0.75rem}.icon--end{margin-inline-start:0.75rem}:host([layout=vertical]) .icon--end{margin-inline-start:auto;padding-inline-start:0.75rem}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:0.75rem}:host([layout=vertical]) .hover-href-icon{padding-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--end{margin-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--breadcrumb{margin-inline-start:0.75rem}.icon--breadcrumb{margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--breadcrumb{margin-inline-start:auto}:host([layout=vertical]) .icon--breadcrumb~.icon--dropdown{margin-inline-start:0.5rem}:host([layout=vertical]) .icon--end~.icon--breadcrumb{margin-inline-start:0.5rem}:host([breadcrumb]) .content{padding-inline-end:0.75rem}calcite-action{position:relative;block-size:auto;border-inline-start:1px solid var(--calcite-color-foreground-1)}calcite-action:after{position:absolute;inset-inline-start:-1px;display:block;inline-size:1px;content:"";inset-block:0.75rem;background-color:var(--calcite-color-border-3)}calcite-action:hover:after{block-size:100%;inset-block:0}.content:focus~calcite-action,.content:hover~calcite-action{color:var(--calcite-color-text-1);border-inline-start:1px solid var(--calcite-color-border-3)}.container:hover .dropdown-action{background-color:var(--calcite-color-foreground-2)}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;border:1px solid var(--calcite-color-border-3);background:var(--calcite-color-foreground-1);inset-block-start:100%;z-index:var(--calcite-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translateX(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;border-radius:0px;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([layout=vertical]:last-of-type) .dropdown-menu-items{border-block-end:0}:host([slot=submenu-item]) .parent--vertical{padding-inline-start:1.5rem}.dropdown-menu-items.nested.calcite--rtl{transform:translateX(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:0.25rem;margin-inline-start:auto;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}.content:focus .hover-href-icon,.content:hover .hover-href-icon{inset-inline-end:-0.25rem;opacity:1}:host([hidden]){display:none}[hidden]{display:none}';const L=I;const j=class{constructor(t){e(this,t);this.calciteInternalMenuItemKeyEvent=s(this,"calciteInternalMenuItemKeyEvent",7);this.calciteMenuItemSelect=s(this,"calciteMenuItemSelect",7);this.clickHandler=e=>{if(this.href&&e.target===this.dropdownActionEl||!this.href&&this.hasSubmenu){this.open=!this.open}this.selectMenuItem(e)};this.handleMenuItemSlotChange=e=>{this.submenuItems=a(e);this.submenuItems.forEach((e=>{if(!e.topLevelMenuLayout){e.topLevelMenuLayout=this.topLevelMenuLayout}}));this.hasSubmenu=this.submenuItems.length>0};this.keyDownHandler=async e=>{const{hasSubmenu:t,href:i,layout:n,open:o,submenuItems:s}=this;const r=e.key;const a=e.target===this.dropdownActionEl;if(e.defaultPrevented){return}if(r===" "||r==="Enter"){if(t&&(!i||i&&a)){this.open=!o}if(!(i&&a)&&r!=="Enter"){this.selectMenuItem(e)}if(r===" "||i&&a){e.preventDefault()}}else if(r==="Escape"){if(o){this.open=false;return}this.calciteInternalMenuItemKeyEvent.emit({event:e});e.preventDefault()}else if(r==="ArrowDown"||r==="ArrowUp"){e.preventDefault();if((a||!i)&&t&&!o&&n==="horizontal"){this.open=true;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:o&&t})}else if(r==="ArrowLeft"){e.preventDefault();this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:true})}else if(r==="ArrowRight"){e.preventDefault();if((a||!i)&&t&&!o&&n==="vertical"){this.open=true;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:o&&t})}};this.active=undefined;this.breadcrumb=undefined;this.href=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.isTopLevelItem=false;this.label=undefined;this.layout=undefined;this.messageOverrides=undefined;this.messages=undefined;this.open=false;this.rel=undefined;this.target=undefined;this.text=undefined;this.topLevelMenuLayout=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasSubmenu=false;this.submenuItems=undefined}onMessagesChange(){}effectiveLocaleChange(){b(this,this.effectiveLocale)}async setFocus(){await f(this);this.anchorEl.focus()}handleClickOut(e){if(this.topLevelMenuLayout!=="vertical"&&this.hasSubmenu&&this.open&&!e.composedPath().includes(this.el)){this.open=false}}handleFocusOut(e){if(this.topLevelMenuLayout!=="vertical"&&!this.el.contains(e.relatedTarget)){this.open=false}}connectedCallback(){p(this);v(this)}async componentWillLoad(){h(this);await g(this)}componentDidLoad(){u(this)}disconnectedCallback(){m(this);y(this)}blurHandler(){this.isFocused=false}focusHandler(e){const t=e.target;this.isFocused=true;if(t.open&&!this.open){t.open=false}}selectMenuItem(e){if(e.target!==this.dropdownActionEl){this.calciteMenuItemSelect.emit()}}renderIconStart(){return i("calcite-icon",{class:`${C.icon} ${C.iconStart}`,flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,key:C.iconStart,scale:"s"})}renderIconEnd(){return i("calcite-icon",{class:`${C.icon} ${C.iconEnd}`,flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,key:C.iconEnd,scale:"s"})}renderBreadcrumbIcon(e){return i("calcite-icon",{class:`${C.icon} ${C.iconBreadcrumb}`,icon:e==="rtl"?"chevron-left":"chevron-right",key:C.iconBreadcrumb,scale:"s"})}renderDropdownIcon(e){const t=e==="rtl"?"chevron-left":"chevron-right";return i("calcite-icon",{class:`${C.icon} ${C.iconDropdown}`,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":t,key:C.iconDropdown,scale:"s"})}renderDropdownAction(e){const t=e==="rtl"?"chevron-left":"chevron-right";return i("calcite-action",{class:C.dropdownAction,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":t,key:C.dropdownAction,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,ref:e=>this.dropdownActionEl=e,text:this.messages.open})}renderSubmenuItems(e){return i("calcite-menu",{class:{[C.dropdownMenuItems]:true,[C.open]:this.open,[C.nested]:!this.isTopLevelItem,[x.rtl]:e==="rtl",[C.dropdownVertical]:this.topLevelMenuLayout==="vertical"},label:this.messages.submenu,layout:"vertical",role:"menu"},i("slot",{name:"submenu-item",onSlotchange:this.handleMenuItemSlotChange}))}renderHrefIcon(e){return i("calcite-icon",{class:C.hoverHrefIcon,icon:e==="rtl"?"arrow-left":"arrow-right",key:C.hoverHrefIcon,scale:"s"})}renderItemContent(e){const t=this.href&&(this.topLevelMenuLayout==="vertical"||!this.isTopLevelItem);return i(r,null,this.iconStart&&this.renderIconStart(),i("div",{class:C.textContainer},i("span",null,this.text)),t&&this.renderHrefIcon(e),this.iconEnd&&this.renderIconEnd(),this.breadcrumb?this.renderBreadcrumbIcon(e):null,!this.href&&this.hasSubmenu?this.renderDropdownIcon(e):null)}render(){const e=d(this.el);return i(n,{key:"276f8b05401a877de2602866602d47d4adfeeda6",onBlur:this.blurHandler,onFocus:this.focusHandler},i("li",{key:"d1615b223153ba107c1bf63f1084f5590113f3d1",class:{[C.container]:true,[C.isParentVertical]:this.topLevelMenuLayout==="vertical"},role:"none"},i("div",{key:"e4a1fea5711442e0923898612be8f9c48c36c0e4",class:C.itemContent},i("a",{key:"131f14ecfd17558d6a4b1722aa307fb68e0643a3","aria-current":this.isFocused?"page":false,"aria-expanded":this.open,"aria-haspopup":this.hasSubmenu,"aria-label":this.label,class:{[C.layoutVertical]:this.layout==="vertical",[C.content]:true},href:this.href,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,ref:e=>this.anchorEl=e,rel:this.rel,role:"menuitem",tabIndex:this.isTopLevelItem?0:-1,target:this.target},this.renderItemContent(e)),this.href&&this.hasSubmenu?this.renderDropdownAction(e):null),this.renderSubmenuItems(e)))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=L;export{z as calcite_menu,j as calcite_menu_item};
+//# sourceMappingURL=p-4f6b263b.entry.js.map

package/dist/calcite/p-4f6b263b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["menuCss","CalciteMenuStyle0","CalciteMenu","this","menuItems","handleMenuSlotChange","event","slotChangeGetAssignedElements","setMenuItemLayout","layout","handleGlobalAttributesChanged","forceUpdate","handleLayoutChange","value","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectLocalized","connectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectLocalized","disconnectMessages","setFocus","componentFocusable","el","focus","calciteInternalNavMenuItemKeyEvent","target","submenuItems","detail","children","key","stopPropagation","focusElementInGroup","isSubmenuOpen","length","focusParentElement","preventDefault","parentEl","parentElement","focusElement","open","items","forEach","item","getEffectiveRole","isTopLevelItem","topLevelMenuLayout","getAttribute","render","h","Host","label","role","onSlotchange","CSS","container","content","dropdownVertical","dropdownMenuItems","dropdownAction","layoutVertical","hoverHrefIcon","icon","iconBreadcrumb","iconDropdown","iconEnd","iconStart","isParentVertical","itemContent","nested","textContainer","menuItemCss","CalciteMenuItemStyle0","CalciteMenuItem","clickHandler","href","dropdownActionEl","hasSubmenu","selectMenuItem","handleMenuItemSlotChange","keyDownHandler","async","targetIsDropdown","defaultPrevented","calciteInternalMenuItemKeyEvent","emit","anchorEl","handleClickOut","composedPath","includes","handleFocusOut","contains","relatedTarget","blurHandler","isFocused","focusHandler","calciteMenuItemSelect","renderIconStart","class","flipRtl","iconFlipRtl","scale","renderIconEnd","renderBreadcrumbIcon","dir","renderDropdownIcon","dirChevron","renderDropdownAction","onClick","onKeyDown","ref","text","messages","renderSubmenuItems","CSS_UTILITY","rtl","submenu","name","renderHrefIcon","renderItemContent","hasHref","Fragment","breadcrumb","getElementDir","onBlur","onFocus","rel","tabIndex"],"sources":["src/components/menu/menu.scss?tag=calcite-menu&encapsulation=shadow","src/components/menu/menu.tsx","src/components/menu-item/resources.ts","src/components/menu-item/menu-item.scss?tag=calcite-menu-item&encapsulation=shadow","src/components/menu-item/menu-item.tsx"],"sourcesContent":[":host {\n  @apply flex;\n}\n\nul {\n  @apply inline-flex items-center h-full m-0 p-0;\n}\n\n:host([layout=\"vertical\"]) ul {\n  @apply flex flex-col w-full;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n  Method,\n  VNode,\n  forceUpdate,\n} from \"@stencil/core\";\nimport { focusElement, focusElementInGroup, slotChangeGetAssignedElements } from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { MenuMessages } from \"./assets/menu/t9n\";\n\ntype Layout = \"horizontal\" | \"vertical\";\n\n@Component({\n  tag: \"calcite-menu\",\n  styleUrl: \"menu.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n  assetsDirs: [\"assets\"],\n})\nexport class CalciteMenu implements LocalizedComponent, T9nComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Global attributes\n  //\n  //--------------------------------------------------------------------------\n\n  @Watch(\"role\")\n  handleGlobalAttributesChanged(): void {\n    forceUpdate(this);\n    this.setMenuItemLayout(this.menuItems, this.layout);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop() label!: string;\n\n  /**\n   * Specifies the layout of the component.\n   */\n  @Prop({ reflect: true }) layout: Layout = \"horizontal\";\n\n  @Watch(\"layout\")\n  handleLayoutChange(value: Layout): void {\n    this.setMenuItemLayout(this.menuItems, value);\n  }\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<MenuMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\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: MenuMessages;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteMenuElement;\n\n  @State() defaultMessages: MenuMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  menuItems: HTMLCalciteMenuItemElement[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\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  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalMenuItemKeyEvent\")\n  calciteInternalNavMenuItemKeyEvent(event: CustomEvent): void {\n    const target = event.target as HTMLCalciteMenuItemElement;\n    const submenuItems = event.detail.children;\n    const key = event.detail.event.key;\n    event.stopPropagation();\n\n    if (key === \"ArrowDown\") {\n      if (target.layout === \"vertical\") {\n        focusElementInGroup(this.menuItems, target, \"next\", false);\n      } else {\n        if (event.detail.isSubmenuOpen) {\n          submenuItems[0].setFocus();\n        }\n      }\n    } else if (key === \"ArrowUp\") {\n      if (this.layout === \"vertical\") {\n        focusElementInGroup(this.menuItems, target, \"previous\", false);\n      } else {\n        if (event.detail.isSubmenuOpen) {\n          submenuItems[submenuItems.length - 1].setFocus();\n        }\n      }\n    } else if (key === \"ArrowRight\") {\n      if (this.layout === \"horizontal\") {\n        focusElementInGroup(this.menuItems, target, \"next\", false);\n      } else {\n        if (event.detail.isSubmenuOpen) {\n          submenuItems[0].setFocus();\n        }\n      }\n    } else if (key === \"ArrowLeft\") {\n      if (this.layout === \"horizontal\") {\n        focusElementInGroup(this.menuItems, target, \"previous\", false);\n      } else {\n        if (event.detail.isSubmenuOpen) {\n          this.focusParentElement(event.target as HTMLCalciteMenuItemElement);\n        }\n      }\n    } else if (key === \"Escape\") {\n      this.focusParentElement(event.target as HTMLCalciteMenuItemElement);\n    }\n    event.preventDefault();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  handleMenuSlotChange = (event: Event): void => {\n    this.menuItems = slotChangeGetAssignedElements(event) as HTMLCalciteMenuItemElement[];\n    this.setMenuItemLayout(this.menuItems, this.layout);\n  };\n\n  focusParentElement(el: HTMLCalciteMenuItemElement): void {\n    const parentEl = el.parentElement as HTMLCalciteMenuItemElement;\n    if (parentEl) {\n      focusElement(parentEl);\n      parentEl.open = false;\n    }\n  }\n\n  setMenuItemLayout(items: HTMLCalciteMenuItemElement[], layout: Layout): void {\n    items.forEach((item) => {\n      item.layout = layout;\n      if (this.getEffectiveRole() === \"menubar\") {\n        item.isTopLevelItem = true;\n        item.topLevelMenuLayout = this.layout;\n      }\n    });\n  }\n\n  private getEffectiveRole(): string {\n    return this.el.getAttribute(\"role\") || \"menubar\";\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    return (\n      <Host>\n        <ul aria-label={this.label} role={this.getEffectiveRole()}>\n          <slot onSlotchange={this.handleMenuSlotChange} />\n        </ul>\n      </Host>\n    );\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  content: \"content\",\n  dropdownVertical: \"dropdown--vertical\",\n  dropdownMenuItems: \"dropdown-menu-items\",\n  dropdownAction: \"dropdown-action\",\n  layoutVertical: \"layout--vertical\",\n  hoverHrefIcon: \"hover-href-icon\",\n  icon: \"icon\",\n  iconBreadcrumb: \"icon--breadcrumb\",\n  iconDropdown: \"icon--dropdown\",\n  iconEnd: \"icon--end\",\n  iconStart: \"icon--start\",\n  isParentVertical: \"parent--vertical\",\n  itemContent: \"item-content\",\n  open: \"open\",\n  nested: \"nested\",\n  textContainer: \"text-container\",\n};\n",":host {\n  @apply flex\n  items-center\n  relative\n  box-border;\n  flex-shrink: 0;\n  & .container,\n  & .item-content,\n  & .content {\n    min-block-size: theme(\"spacing.12\");\n  }\n}\n\n:host([layout=\"vertical\"]) {\n  @apply w-full;\n}\n\n:host(:not([layout=\"vertical\"])) {\n  @apply h-full;\n}\n\n.container,\n.item-content {\n  @apply flex flex-row w-full h-full items-stretch;\n}\n\n.content {\n  @apply flex\n  items-center\n  relative\n  justify-center\n  cursor-pointer\n  outline-none\n  text-0\n  text-color-2\n  box-border\n  bg-foreground-1\n  px-4\n  h-full\n  w-full;\n  text-decoration: none;\n  border-block-end: theme(\"spacing[0.5]\") solid transparent;\n  padding-block-start: theme(\"spacing[0.5]\");\n  &:hover {\n    @apply bg-foreground-2 text-color-2;\n  }\n  &:focus {\n    @apply bg-foreground-2 text-color-2 focus-inset;\n  }\n  &:active {\n    @apply bg-foreground-3 text-color-1;\n  }\n  & span {\n    display: inline-flex;\n  }\n  &.layout--vertical {\n    @apply flex w-full justify-start;\n    padding-block: 1rem;\n    border-block-end: 0;\n    border-inline-end: theme(\"spacing.1\") solid transparent;\n  }\n}\n\n:host([active]) .content {\n  @apply text-color-1;\n  border-color: var(--calcite-color-brand);\n  .icon {\n    --calcite-ui-icon-color: var(--calcite-color-brand);\n  }\n}\n:host([layout=\"vertical\"]) .content {\n  @apply px-3;\n}\n\n.icon--start {\n  @apply me-3;\n}\n\n.icon--end {\n  @apply ms-3;\n}\n\n:host([layout=\"vertical\"]) .icon--end {\n  @apply ms-auto ps-3;\n}\n\n.icon--dropdown {\n  @apply ms-auto me-0 ps-2 relative;\n  --calcite-ui-icon-color: var(--calcite-color-text-3);\n}\n\n:host([layout=\"vertical\"]) .icon--end ~ .icon--dropdown {\n  @apply ms-3;\n}\n\n:host([layout=\"vertical\"]) .hover-href-icon {\n  @apply ps-2;\n}\n:host([layout=\"vertical\"]) .hover-href-icon ~ .icon--end {\n  @apply ms-2;\n}\n\n:host([layout=\"vertical\"]) .hover-href-icon ~ .icon--breadcrumb {\n  @apply ms-3;\n}\n\n.icon--breadcrumb {\n  @apply ps-2 me-0;\n  --calcite-ui-icon-color: var(--calcite-color-text-3);\n}\n\n:host([layout=\"vertical\"]) .icon--breadcrumb {\n  @apply ms-auto;\n}\n\n:host([layout=\"vertical\"]) .icon--breadcrumb ~ .icon--dropdown {\n  @apply ms-2;\n}\n\n:host([layout=\"vertical\"]) .icon--end ~ .icon--breadcrumb {\n  @apply ms-2;\n}\n\n:host([breadcrumb]) .content {\n  @apply pe-3;\n}\n\ncalcite-action {\n  @apply relative h-auto;\n  border-inline-start: 1px solid var(--calcite-color-foreground-1);\n  &:after {\n    @apply block w-px  absolute -start-px;\n    content: \"\";\n    inset-block: theme(\"spacing.3\");\n    background-color: var(--calcite-color-border-3);\n  }\n  &:hover:after {\n    @apply h-full;\n    inset-block: 0;\n  }\n}\n\n.content:focus ~ calcite-action,\n.content:hover ~ calcite-action {\n  @apply text-color-1;\n  border-inline-start: 1px solid var(--calcite-color-border-3);\n}\n\n.container:hover .dropdown-action {\n  @apply bg-foreground-2;\n}\n\n.dropdown-menu-items {\n  @apply absolute h-auto flex-col hidden overflow-visible min-w-full;\n  border: 1px solid var(--calcite-color-border-3);\n  background: var(--calcite-color-foreground-1);\n  inset-block-start: 100%;\n  z-index: theme(\"zIndex.dropdown\");\n  &.open {\n    @apply block;\n  }\n  &.nested {\n    @apply absolute;\n    inset-block-start: -1px;\n    transform: translateX(calc(100% - 2px));\n  }\n}\n\n.parent--vertical {\n  @apply flex-col;\n}\n\n.dropdown--vertical.dropdown-menu-items {\n  @apply relative rounded-none;\n  box-shadow: none;\n  inset-block-start: 0;\n  transform: none;\n  &:last-of-type {\n    border-inline: 0;\n  }\n}\n\n:host([layout=\"vertical\"]:last-of-type) .dropdown-menu-items {\n  border-block-end: 0;\n}\n\n:host([slot=\"submenu-item\"]) .parent--vertical {\n  @apply ps-6;\n}\n\n.dropdown-menu-items.nested.calcite--rtl {\n  transform: translateX(calc(-100% + 2px));\n}\n\n.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl {\n  transform: none;\n}\n\n.hover-href-icon {\n  @apply ms-auto relative end-1 opacity-0;\n  transition: all var(--calcite-internal-animation-timing-medium) ease-in-out;\n}\n\n.content:focus .hover-href-icon,\n.content:hover .hover-href-icon {\n  @apply opacity-100 -end-1;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { FlipContext } from \"../interfaces\";\nimport { Direction, getElementDir, slotChangeGetAssignedElements } from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { LocalizedComponent, connectLocalized, disconnectLocalized } from \"../../utils/locale\";\nimport { CSS } from \"./resources\";\nimport { MenuItemCustomEvent } from \"./interfaces\";\nimport { MenuItemMessages } from \"./assets/menu-item/t9n\";\n\ntype Layout = \"horizontal\" | \"vertical\";\n\n/**\n * @slot submenu-item - A slot for adding `calcite-menu-item`s in a submenu.\n */\n@Component({\n  tag: \"calcite-menu-item\",\n  styleUrl: \"menu-item.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class CalciteMenuItem implements LoadableComponent, T9nComponent, LocalizedComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is highlighted. */\n  @Prop({ reflect: true }) active: boolean;\n\n  /** When `true`, the component displays a breadcrumb trail for use as a navigational aid. */\n  @Prop({ reflect: true }) breadcrumb: boolean;\n\n  /** Specifies the URL destination of the component, which can be set as an absolute or relative path.*/\n  @Prop() href: string;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /**\n   * @internal\n   */\n  @Prop() isTopLevelItem = false;\n\n  /** Accessible name for the component.*/\n  @Prop() label!: string;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true }) layout: Layout;\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<MenuItemMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\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: MenuItemMessages;\n\n  /** When `true`, the component will display any slotted `calcite-menu-item` in an open overflow menu.*/\n  @Prop({ mutable: true, reflect: true }) open = false;\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  /**\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 the text to display.*/\n  @Prop() text: string;\n\n  /**\n   * @internal\n   */\n  @Prop() topLevelMenuLayout: Layout;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteMenuItemElement;\n\n  @State() defaultMessages: MenuItemMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() hasSubmenu = false;\n\n  @State() submenuItems: HTMLCalciteMenuItemElement[];\n\n  anchorEl: HTMLAnchorElement;\n\n  dropdownActionEl: HTMLCalciteActionElement;\n\n  isFocused: boolean;\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.anchorEl.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n  /** @internal */\n  @Event({ cancelable: true }) calciteInternalMenuItemKeyEvent: EventEmitter<MenuItemCustomEvent>;\n\n  /** Emits when the component is selected.*/\n  @Event() calciteMenuItemSelect: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n  @Listen(\"click\", { target: \"window\" })\n  handleClickOut(event: Event): void {\n    if (\n      this.topLevelMenuLayout !== \"vertical\" &&\n      this.hasSubmenu &&\n      this.open &&\n      !event.composedPath().includes(this.el)\n    ) {\n      this.open = false;\n    }\n  }\n\n  @Listen(\"focusout\")\n  handleFocusOut(event: FocusEvent): void {\n    if (\n      this.topLevelMenuLayout !== \"vertical\" &&\n      !this.el.contains(event.relatedTarget as Element)\n    ) {\n      this.open = false;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private blurHandler(): void {\n    this.isFocused = false;\n  }\n\n  private clickHandler = (event: MouseEvent): void => {\n    if ((this.href && event.target === this.dropdownActionEl) || (!this.href && this.hasSubmenu)) {\n      this.open = !this.open;\n    }\n    this.selectMenuItem(event);\n  };\n\n  private focusHandler(event: FocusEvent): void {\n    const target = event.target as HTMLCalciteMenuItemElement;\n    this.isFocused = true;\n    if (target.open && !this.open) {\n      target.open = false;\n    }\n  }\n\n  private handleMenuItemSlotChange = (event: Event): void => {\n    this.submenuItems = slotChangeGetAssignedElements(event) as HTMLCalciteMenuItemElement[];\n    this.submenuItems.forEach((item) => {\n      if (!item.topLevelMenuLayout) {\n        item.topLevelMenuLayout = this.topLevelMenuLayout;\n      }\n    });\n    this.hasSubmenu = this.submenuItems.length > 0;\n  };\n\n  private keyDownHandler = async (event: KeyboardEvent): Promise<void> => {\n    const { hasSubmenu, href, layout, open, submenuItems } = this;\n    const key = event.key;\n    const targetIsDropdown = event.target === this.dropdownActionEl;\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (key === \" \" || key === \"Enter\") {\n      if (hasSubmenu && (!href || (href && targetIsDropdown))) {\n        this.open = !open;\n      }\n      if (!(href && targetIsDropdown) && key !== \"Enter\") {\n        this.selectMenuItem(event);\n      }\n      if (key === \" \" || (href && targetIsDropdown)) {\n        event.preventDefault();\n      }\n    } else if (key === \"Escape\") {\n      if (open) {\n        this.open = false;\n        return;\n      }\n      this.calciteInternalMenuItemKeyEvent.emit({ event });\n      event.preventDefault();\n    } else if (key === \"ArrowDown\" || key === \"ArrowUp\") {\n      event.preventDefault();\n      if ((targetIsDropdown || !href) && hasSubmenu && !open && layout === \"horizontal\") {\n        this.open = true;\n        return;\n      }\n      this.calciteInternalMenuItemKeyEvent.emit({\n        event,\n        children: submenuItems,\n        isSubmenuOpen: open && hasSubmenu,\n      });\n    } else if (key === \"ArrowLeft\") {\n      event.preventDefault();\n      this.calciteInternalMenuItemKeyEvent.emit({\n        event,\n        children: submenuItems,\n        isSubmenuOpen: true,\n      });\n    } else if (key === \"ArrowRight\") {\n      event.preventDefault();\n      if ((targetIsDropdown || !href) && hasSubmenu && !open && layout === \"vertical\") {\n        this.open = true;\n        return;\n      }\n      this.calciteInternalMenuItemKeyEvent.emit({\n        event,\n        children: submenuItems,\n        isSubmenuOpen: open && hasSubmenu,\n      });\n    }\n  };\n\n  private selectMenuItem(event: MouseEvent | KeyboardEvent): void {\n    if (event.target !== this.dropdownActionEl) {\n      this.calciteMenuItemSelect.emit();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderIconStart(): VNode {\n    return (\n      <calcite-icon\n        class={`${CSS.icon} ${CSS.iconStart}`}\n        flipRtl={this.iconFlipRtl === \"start\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        key={CSS.iconStart}\n        scale=\"s\"\n      />\n    );\n  }\n\n  renderIconEnd(): VNode {\n    return (\n      <calcite-icon\n        class={`${CSS.icon} ${CSS.iconEnd}`}\n        flipRtl={this.iconFlipRtl === \"end\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconEnd}\n        key={CSS.iconEnd}\n        scale=\"s\"\n      />\n    );\n  }\n\n  renderBreadcrumbIcon(dir: Direction): VNode {\n    return (\n      <calcite-icon\n        class={`${CSS.icon} ${CSS.iconBreadcrumb}`}\n        icon={dir === \"rtl\" ? \"chevron-left\" : \"chevron-right\"}\n        key={CSS.iconBreadcrumb}\n        scale=\"s\"\n      />\n    );\n  }\n\n  renderDropdownIcon(dir: Direction): VNode {\n    const dirChevron = dir === \"rtl\" ? \"chevron-left\" : \"chevron-right\";\n    return (\n      <calcite-icon\n        class={`${CSS.icon} ${CSS.iconDropdown}`}\n        icon={\n          this.topLevelMenuLayout === \"vertical\" || this.isTopLevelItem\n            ? this.open\n              ? \"chevron-up\"\n              : \"chevron-down\"\n            : dirChevron\n        }\n        key={CSS.iconDropdown}\n        scale=\"s\"\n      />\n    );\n  }\n\n  renderDropdownAction(dir: Direction): VNode {\n    const dirChevron = dir === \"rtl\" ? \"chevron-left\" : \"chevron-right\";\n    return (\n      <calcite-action\n        class={CSS.dropdownAction}\n        icon={\n          this.topLevelMenuLayout === \"vertical\" || this.isTopLevelItem\n            ? this.open\n              ? \"chevron-up\"\n              : \"chevron-down\"\n            : dirChevron\n        }\n        key={CSS.dropdownAction}\n        onClick={this.clickHandler}\n        onKeyDown={this.keyDownHandler}\n        ref={(el) => (this.dropdownActionEl = el)}\n        text={this.messages.open}\n      />\n    );\n  }\n\n  renderSubmenuItems(dir: Direction): VNode {\n    return (\n      <calcite-menu\n        class={{\n          [CSS.dropdownMenuItems]: true,\n          [CSS.open]: this.open,\n          [CSS.nested]: !this.isTopLevelItem,\n          [CSS_UTILITY.rtl]: dir === \"rtl\",\n          [CSS.dropdownVertical]: this.topLevelMenuLayout === \"vertical\",\n        }}\n        label={this.messages.submenu}\n        layout=\"vertical\"\n        role=\"menu\"\n      >\n        <slot name=\"submenu-item\" onSlotchange={this.handleMenuItemSlotChange} />\n      </calcite-menu>\n    );\n  }\n\n  renderHrefIcon(dir: Direction): VNode {\n    return (\n      <calcite-icon\n        class={CSS.hoverHrefIcon}\n        icon={dir === \"rtl\" ? \"arrow-left\" : \"arrow-right\"}\n        key={CSS.hoverHrefIcon}\n        scale=\"s\"\n      />\n    );\n  }\n\n  renderItemContent(dir: Direction): VNode {\n    const hasHref = this.href && (this.topLevelMenuLayout === \"vertical\" || !this.isTopLevelItem);\n    return (\n      <Fragment>\n        {this.iconStart && this.renderIconStart()}\n        <div class={CSS.textContainer}>\n          <span>{this.text}</span>\n        </div>\n        {hasHref && this.renderHrefIcon(dir)}\n        {this.iconEnd && this.renderIconEnd()}\n        {this.breadcrumb ? this.renderBreadcrumbIcon(dir) : null}\n        {!this.href && this.hasSubmenu ? this.renderDropdownIcon(dir) : null}\n      </Fragment>\n    );\n  }\n\n  render() {\n    const dir = getElementDir(this.el);\n    return (\n      <Host onBlur={this.blurHandler} onFocus={this.focusHandler}>\n        <li\n          class={{\n            [CSS.container]: true,\n            [CSS.isParentVertical]: this.topLevelMenuLayout === \"vertical\",\n          }}\n          role=\"none\"\n        >\n          <div class={CSS.itemContent}>\n            <a\n              aria-current={this.isFocused ? \"page\" : false}\n              aria-expanded={this.open}\n              aria-haspopup={this.hasSubmenu}\n              aria-label={this.label}\n              class={{ [CSS.layoutVertical]: this.layout === \"vertical\", [CSS.content]: true }}\n              href={this.href}\n              onClick={this.clickHandler}\n              onKeyDown={this.keyDownHandler}\n              ref={(el) => (this.anchorEl = el)}\n              rel={this.rel}\n              role=\"menuitem\"\n              tabIndex={this.isTopLevelItem ? 0 : -1}\n              target={this.target}\n            >\n              {this.renderItemContent(dir)}\n            </a>\n            {this.href && this.hasSubmenu ? this.renderDropdownAction(dir) : null}\n          </div>\n          {this.renderSubmenuItems(dir)}\n        </li>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+/*!
+ * 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.9.1-next.1
+ */
+import{r as i,c as e,h as t,H as n,g as a}from"./p-0bbe3b36.js";import{w as s,g as o,f as c}from"./p-3ba78079.js";import{d as l,a as r,c as h,u as d}from"./p-73c764c0.js";import{s as p,a as m,c as b}from"./p-9ce0d310.js";import{c as x}from"./p-bb1ecc62.js";import{o as v}from"./p-ce71c1b9.js";import{C as f}from"./p-4e2bc4be.js";import"./p-8deeb4a2.js";import"./p-ec386b22.js";const g={scrim:"scrim",container:"container",containerOpen:"container--open",content:"content",containerSlottedInShell:"container--slotted-in-shell"};const u=":host{position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;visibility:hidden !important;--calcite-sheet-scrim-background-internal:rgba(0, 0, 0, 0.85);--calcite-scrim-shadow-block-start-internal:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-block-end-internal:0 -4px 8px -1px rgba(0, 0, 0, 0.08), 0 -2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-start-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-end-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04)}.calcite--rtl{--calcite-scrim-shadow-inline-start-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-end-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04)}.container{visibility:hidden;position:fixed;z-index:var(--calcite-z-index-overlay);display:flex;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;transition:visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([position=inline-start]) .container{justify-content:flex-start;inset-block:0;inset-inline:0 auto;--calcite-sheet-hidden-position-internal:translate3d(-1rem, 0, 0)}:host([position=inline-end]) .container{justify-content:flex-end;inset-block:0;inset-inline:auto 0;--calcite-sheet-hidden-position-internal:translate3d(1rem, 0, 0)}:host([position=block-start]) .container{align-items:flex-start;inset-block:0 auto;inset-inline:0;--calcite-sheet-hidden-position-internal:translate3d(0, -1rem, 0)}:host([position=block-end]) .container{align-items:flex-end;inset-block:auto 0;inset-inline:0;--calcite-sheet-hidden-position-internal:translate3d(0, 1rem, 0)}:host([display-mode=float]) .content{--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -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)}:host([display-mode=overlay][position=inline-start]) .container{box-shadow:var(--calcite-scrim-shadow-inline-start-internal)}:host([display-mode=overlay][position=inline-end]) .container{box-shadow:var(--calcite-scrim-shadow-inline-end-internal)}:host([display-mode=overlay][position=block-start]) .container{box-shadow:var(--calcite-scrim-shadow-block-start-internal)}:host([display-mode=overlay][position=block-end]) .container{box-shadow:var(--calcite-scrim-shadow-block-end-internal)}:host([position^=inline]) .container,:host([position^=inline]) .content{inline-size:var(--calcite-sheet-width-internal);max-inline-size:var(--calcite-sheet-max-width-internal);min-inline-size:var(--calcite-sheet-min-width-internal)}:host([position^=block]) .container,:host([position^=block]) .content{block-size:var(--calcite-sheet-height-internal);max-block-size:var(--calcite-sheet-max-height-internal);min-block-size:var(--calcite-sheet-min-height-internal)}:host([display-mode=float][position^=inline]) .container{block-size:calc(100% - 1.5rem);max-block-size:calc(100% - 1.5rem);min-block-size:calc(100% - 1.5rem)}:host([display-mode=float][position^=block]) .container{inline-size:calc(100% - 1.5rem);max-inline-size:calc(100% - 1.5rem);min-inline-size:calc(100% - 1.5rem)}:host([position^=inline][width-scale=s]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 15vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 360px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 260px)}:host([position^=inline][width-scale=m]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 25vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 420px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 300px)}:host([position^=inline][width-scale=l]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 45vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 680px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 340px)}:host([position^=block][height-scale=s]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 160px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 30vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 30vh)}:host([position^=block][height-scale=m]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 200px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 45vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 50vh)}:host([position^=block][height-scale=l]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 240px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 60vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 70vh)}.scrim{--calcite-scrim-background:var(--calcite-sheet-scrim-background, var(--calcite-sheet-scrim-background-internal));position:fixed;inset:0px;display:flex;overflow-y:hidden}:host([opened]){visibility:visible !important}.content{position:relative;z-index:var(--calcite-z-index-modal);box-sizing:border-box;display:block;max-block-size:100%;max-inline-size:100%;overflow-y:hidden;padding:0px;background-color:var(--calcite-color-foreground-1);max-block-size:100%;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);transform:var(--calcite-sheet-hidden-position-internal)}.container--open .content{transform:translate3d(0, 0, 0)}:host([display-mode=float]) .content,:host([display-mode=float]) .container{border-radius:0.25rem}:host([display-mode=float]) .container{padding:0.75rem}.container--open{visibility:visible;opacity:1;transition-delay:0ms}.container--open .content{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}:host([position=inline-start]) .content,:host([position=inline-end]) .content{block-size:100%}:host([position=block-start]) .content,:host([position=block-end]) .content{inline-size:100%}:host([position]) .container--slotted-in-shell{pointer-events:auto;position:absolute;inline-size:100%;max-inline-size:100%;min-inline-size:100%;block-size:100%;max-block-size:100%;min-block-size:100%}:host([position]) .container--slotted-in-shell calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";const w=u;const y=class{constructor(t){i(this,t);this.calciteSheetBeforeClose=e(this,"calciteSheetBeforeClose",6);this.calciteSheetClose=e(this,"calciteSheetClose",6);this.calciteSheetBeforeOpen=e(this,"calciteSheetBeforeOpen",6);this.calciteSheetOpen=e(this,"calciteSheetOpen",6);this.openTransitionProp="opacity";this.ignoreOpenChange=false;this.mutationObserver=x("mutation",(()=>this.handleMutationObserver()));this.setTransitionEl=i=>{this.transitionEl=i;this.contentId=s(i)};this.openEnd=()=>{this.setFocus();this.el.removeEventListener("calciteSheetOpen",this.openEnd)};this.handleOutsideClose=()=>{if(this.outsideCloseDisabled){return}this.open=false};this.closeSheet=async()=>{if(this.beforeClose){try{await this.beforeClose(this.el)}catch(i){requestAnimationFrame((()=>{this.ignoreOpenChange=true;this.open=true;this.ignoreOpenChange=false}));return}}this.opened=false;this.removeOverflowHiddenClass()};this.beforeClose=undefined;this.displayMode="overlay";this.escapeDisabled=false;this.heightScale="m";this.focusTrapDisabled=false;this.label=undefined;this.open=false;this.opened=false;this.outsideCloseDisabled=false;this.position="inline-start";this.slottedInShell=undefined;this.widthScale="m"}handleFocusTrapDisabled(i){if(!this.open){return}i?l(this):r(this)}toggleSheet(i){if(this.ignoreOpenChange){return}if(i){this.openSheet()}else{this.closeSheet()}}handleOpenedChange(){v(this)}async componentWillLoad(){p(this);if(this.open){requestAnimationFrame((()=>this.openSheet()))}}componentDidLoad(){m(this)}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true});h(this)}disconnectedCallback(){this.removeOverflowHiddenClass();this.mutationObserver?.disconnect();l(this);this.slottedInShell=false}render(){const i=o(this.el);return t(n,{key:"5665dce6c65f76318e670dd3dd4d968d45d25064","aria-describedby":this.contentId,"aria-label":this.label,"aria-modal":"true",role:"dialog"},t("div",{key:"52667009902480e0851d7a7cb16504c3e8b157ee",class:{[g.container]:true,[g.containerOpen]:this.opened,[g.containerSlottedInShell]:this.slottedInShell,[f.rtl]:i==="rtl"}},t("calcite-scrim",{key:"37f1b11d93cd563c69c80b53dd2b2b8173a3c736",class:g.scrim,onClick:this.handleOutsideClose}),t("div",{key:"c966dc8e25b7172ff742a9db888b9a7f4d15a372",class:{[g.content]:true},ref:this.setTransitionEl},t("slot",{key:"27650ec8ae468923a04203f06a87e6e1ee1822eb"}))))}handleEscape(i){if(this.open&&!this.escapeDisabled&&i.key==="Escape"&&!i.defaultPrevented){this.open=false;i.preventDefault()}}async setFocus(){await b(this);c(this.el)}async updateFocusTrapElements(){d(this)}onBeforeOpen(){this.calciteSheetBeforeOpen.emit()}onOpen(){this.calciteSheetOpen.emit();r(this)}onBeforeClose(){this.calciteSheetBeforeClose.emit()}onClose(){this.calciteSheetClose.emit();l(this)}openSheet(){this.el.addEventListener("calciteSheetOpen",this.openEnd);this.opened=true;if(!this.slottedInShell){this.initialOverflowCSS=document.documentElement.style.overflow;document.documentElement.style.setProperty("overflow","hidden")}}removeOverflowHiddenClass(){document.documentElement.style.setProperty("overflow",this.initialOverflowCSS)}handleMutationObserver(){this.updateFocusTrapElements()}get el(){return a(this)}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],open:["toggleSheet"],opened:["handleOpenedChange"]}}};y.style=w;export{y as calcite_sheet};
+//# sourceMappingURL=p-51421128.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","scrim","container","containerOpen","content","containerSlottedInShell","sheetCss","CalciteSheetStyle0","Sheet","this","openTransitionProp","ignoreOpenChange","mutationObserver","createObserver","handleMutationObserver","setTransitionEl","el","transitionEl","contentId","ensureId","openEnd","setFocus","removeEventListener","handleOutsideClose","outsideCloseDisabled","open","closeSheet","async","beforeClose","_error","requestAnimationFrame","opened","removeOverflowHiddenClass","handleFocusTrapDisabled","focusTrapDisabled","deactivateFocusTrap","activateFocusTrap","toggleSheet","value","openSheet","handleOpenedChange","onToggleOpenCloseComponent","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","connectedCallback","observe","childList","subtree","connectFocusTrap","disconnectedCallback","disconnect","slottedInShell","render","dir","getElementDir","h","Host","key","label","role","class","CSS_UTILITY","rtl","onClick","ref","handleEscape","event","escapeDisabled","defaultPrevented","preventDefault","componentFocusable","focusFirstTabbable","updateFocusTrapElements","onBeforeOpen","calciteSheetBeforeOpen","emit","onOpen","calciteSheetOpen","onBeforeClose","calciteSheetBeforeClose","onClose","calciteSheetClose","addEventListener","initialOverflowCSS","document","documentElement","style","overflow","setProperty"],"sources":["src/components/sheet/resources.ts","src/components/sheet/sheet.scss?tag=calcite-sheet&encapsulation=shadow","src/components/sheet/sheet.tsx"],"sourcesContent":["export const CSS = {\n  scrim: \"scrim\",\n  container: \"container\",\n  containerOpen: \"container--open\",\n  content: \"content\",\n  containerSlottedInShell: \"container--slotted-in-shell\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-sheet-scrim-background: Specifies the background color of the sheet scrim.\n * @prop --calcite-sheet-width: When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the width of the component.\n * @prop --calcite-sheet-max-width: When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the maximum width of the component.\n * @prop --calcite-sheet-min-width: When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the minimum width of the component.\n * @prop --calcite-sheet-height:  When `position` is `\"block-start\"` or `\"block-end\"`, specifies the height of the component.\n * @prop --calcite-sheet-max-height:  When `position` is `\"block-start\"` or `\"block-end\"`, specifies the maximum height of the component.\n * @prop --calcite-sheet-min-height:  When `position` is `\"block-start\"` or `\"block-end\"`, specifies the minimum height of the component.\n *\n */\n\n:host {\n  @apply flex absolute z-overlay inset-0;\n  visibility: hidden !important;\n  // the sheet should always use a dark scrim, regardless of light / dark mode - matches value in global.scss\n  --calcite-sheet-scrim-background-internal: #{rgba($blk-240, 0.85)};\n  --calcite-scrim-shadow-block-start-internal: 0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-scrim-shadow-block-end-internal: 0 -4px 8px -1px rgba(0, 0, 0, 0.08), 0 -2px 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-scrim-shadow-inline-start-internal: 4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-scrim-shadow-inline-end-internal: -4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04);\n}\n\n.calcite--rtl {\n  --calcite-scrim-shadow-inline-start-internal: -4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-scrim-shadow-inline-end-internal: 4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04);\n}\n\n.container {\n  @apply text-color-2\n    fixed\n    flex\n    overflow-y-hidden\n    opacity-0\n    z-overlay\n    invisible;\n  transition:\n    visibility 0ms linear var(--calcite-internal-animation-timing-medium),\n    opacity var(--calcite-internal-animation-timing-medium) $easing-function;\n}\n\n:host([position=\"inline-start\"]) .container {\n  @apply justify-start;\n  inset-block: 0;\n  inset-inline: 0 auto;\n  --calcite-sheet-hidden-position-internal: translate3d(-1rem, 0, 0);\n}\n\n:host([position=\"inline-end\"]) .container {\n  @apply justify-end;\n  inset-block: 0;\n  inset-inline: auto 0;\n  --calcite-sheet-hidden-position-internal: translate3d(1rem, 0, 0);\n}\n\n:host([position=\"block-start\"]) .container {\n  @apply items-start;\n  inset-block: 0 auto;\n  inset-inline: 0;\n  --calcite-sheet-hidden-position-internal: translate3d(0, -1rem, 0);\n}\n\n:host([position=\"block-end\"]) .container {\n  @apply items-end;\n  inset-block: auto 0;\n  inset-inline: 0;\n  --calcite-sheet-hidden-position-internal: translate3d(0, 1rem, 0);\n}\n\n:host([display-mode=\"float\"]) .content {\n  @apply shadow-2-sm;\n}\n\n:host([display-mode=\"overlay\"][position=\"inline-start\"]) .container {\n  box-shadow: var(--calcite-scrim-shadow-inline-start-internal);\n}\n\n:host([display-mode=\"overlay\"][position=\"inline-end\"]) .container {\n  box-shadow: var(--calcite-scrim-shadow-inline-end-internal);\n}\n\n:host([display-mode=\"overlay\"][position=\"block-start\"]) .container {\n  box-shadow: var(--calcite-scrim-shadow-block-start-internal);\n}\n\n:host([display-mode=\"overlay\"][position=\"block-end\"]) .container {\n  box-shadow: var(--calcite-scrim-shadow-block-end-internal);\n}\n\n:host([position^=\"inline\"]) .container,\n:host([position^=\"inline\"]) .content {\n  inline-size: var(--calcite-sheet-width-internal);\n  max-inline-size: var(--calcite-sheet-max-width-internal);\n  min-inline-size: var(--calcite-sheet-min-width-internal);\n}\n\n:host([position^=\"block\"]) .container,\n:host([position^=\"block\"]) .content {\n  block-size: var(--calcite-sheet-height-internal);\n  max-block-size: var(--calcite-sheet-max-height-internal);\n  min-block-size: var(--calcite-sheet-min-height-internal);\n}\n\n:host([display-mode=\"float\"][position^=\"inline\"]) .container {\n  block-size: calc(100% - 1.5rem);\n  max-block-size: calc(100% - 1.5rem);\n  min-block-size: calc(100% - 1.5rem);\n}\n:host([display-mode=\"float\"][position^=\"block\"]) .container {\n  inline-size: calc(100% - 1.5rem);\n  max-inline-size: calc(100% - 1.5rem);\n  min-inline-size: calc(100% - 1.5rem);\n}\n\n:host([position^=\"inline\"][width-scale=\"s\"]) {\n  --calcite-sheet-width-internal: var(--calcite-sheet-width, 15vw);\n  --calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 360px);\n  --calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 260px);\n}\n\n:host([position^=\"inline\"][width-scale=\"m\"]) {\n  --calcite-sheet-width-internal: var(--calcite-sheet-width, 25vw);\n  --calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 420px);\n  --calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 300px);\n}\n\n:host([position^=\"inline\"][width-scale=\"l\"]) {\n  --calcite-sheet-width-internal: var(--calcite-sheet-width, 45vw);\n  --calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 680px);\n  --calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 340px);\n}\n\n:host([position^=\"block\"][height-scale=\"s\"]) {\n  --calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 160px);\n  --calcite-sheet-height-internal: var(--calcite-sheet-height, 30vh);\n  --calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 30vh);\n}\n\n:host([position^=\"block\"][height-scale=\"m\"]) {\n  --calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 200px);\n  --calcite-sheet-height-internal: var(--calcite-sheet-height, 45vh);\n  --calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 50vh);\n}\n\n:host([position^=\"block\"][height-scale=\"l\"]) {\n  --calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 240px);\n  --calcite-sheet-height-internal: var(--calcite-sheet-height, 60vh);\n  --calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 70vh);\n}\n\n.scrim {\n  --calcite-scrim-background: var(--calcite-sheet-scrim-background, var(--calcite-sheet-scrim-background-internal));\n  @apply fixed inset-0 flex overflow-y-hidden;\n}\n\n:host([opened]) {\n  visibility: visible !important;\n}\n\n.content {\n  @apply relative box-border block p-0 z-modal max-h-full max-w-full overflow-y-hidden;\n  background-color: theme(\"colors.background.foreground.1\");\n  max-block-size: 100%;\n  visibility: hidden;\n  transition:\n    transform var(--calcite-internal-animation-timing-medium) $easing-function,\n    visibility 0ms linear var(--calcite-internal-animation-timing-medium),\n    opacity var(--calcite-internal-animation-timing-medium) $easing-function;\n  transform: var(--calcite-sheet-hidden-position-internal);\n}\n\n.container--open .content {\n  transform: translate3d(0, 0, 0);\n}\n\n:host([display-mode=\"float\"]) .content,\n:host([display-mode=\"float\"]) .container {\n  @apply rounded;\n}\n\n:host([display-mode=\"float\"]) .container {\n  @apply p-3;\n}\n\n.container--open {\n  @apply opacity-100 visible;\n  transition-delay: 0ms;\n  .content {\n    @apply pointer-events-auto visible opacity-100;\n    transition:\n      transform var(--calcite-internal-animation-timing-medium) $easing-function,\n      visibility 0ms linear,\n      opacity var(--calcite-internal-animation-timing-medium) $easing-function,\n      max-inline-size var(--calcite-internal-animation-timing-medium) $easing-function,\n      max-block-size var(--calcite-internal-animation-timing-medium) $easing-function;\n    transition-delay: 0ms;\n  }\n}\n\n:host([position=\"inline-start\"]) .content,\n:host([position=\"inline-end\"]) .content {\n  @apply h-full;\n}\n\n:host([position=\"block-start\"]) .content,\n:host([position=\"block-end\"]) .content {\n  @apply w-full;\n}\n\n/**\n * Conditional styles for when Sheet is slotted in Shell\n */\n:host([position]) .container--slotted-in-shell {\n  @apply absolute pointer-events-auto;\n  inline-size: 100%;\n  max-inline-size: 100%;\n  min-inline-size: 100%;\n  block-size: 100%;\n  max-block-size: 100%;\n  min-block-size: 100%;\n  calcite-scrim {\n    @apply absolute;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { ensureId, focusFirstTabbable, getElementDir } from \"../../utils/dom\";\nimport {\n  activateFocusTrap,\n  connectFocusTrap,\n  deactivateFocusTrap,\n  FocusTrap,\n  FocusTrapComponent,\n  updateFocusTrapElements,\n} from \"../../utils/focusTrapComponent\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { LogicalFlowPosition, Scale } from \"../interfaces\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { CSS } from \"./resources\";\nimport { DisplayMode } from \"./interfaces\";\n\n@Component({\n  tag: \"calcite-sheet\",\n  styleUrl: \"sheet.scss\",\n  shadow: true,\n})\nexport class Sheet implements OpenCloseComponent, FocusTrapComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   *  Passes a function to run before the component closes.\n   *\n   * @returns {Promise<void>}\n   */\n  @Prop() beforeClose: (el: HTMLCalciteSheetElement) => Promise<void>;\n\n  /**\n   * Specifies the display mode - `\"float\"` (content is separated detached),\n   * or `\"overlay\"` (displays on top of center content).\n   */\n  @Prop({ reflect: true }) displayMode: DisplayMode = \"overlay\";\n\n  /** When `true`, disables the default close on escape behavior. */\n  @Prop({ reflect: true }) escapeDisabled = false;\n\n  /**\n   * When `position` is `\"block-start\"` or `\"block-end\"`, specifies the height of the component.\n   */\n  @Prop({ reflect: true }) heightScale: Scale = \"m\";\n\n  /**\n   * When `true`, prevents focus trapping.\n   */\n  @Prop({ reflect: true }) focusTrapDisabled = false;\n\n  @Watch(\"focusTrapDisabled\")\n  handleFocusTrapDisabled(focusTrapDisabled: boolean): void {\n    if (!this.open) {\n      return;\n    }\n\n    focusTrapDisabled ? deactivateFocusTrap(this) : activateFocusTrap(this);\n  }\n\n  /**\n   * Specifies the label of the component.\n   */\n  @Prop() label!: string;\n\n  /** When `true`, displays and positions the component.  */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  @Watch(\"open\")\n  toggleSheet(value: boolean): void {\n    if (this.ignoreOpenChange) {\n      return;\n    }\n\n    if (value) {\n      this.openSheet();\n    } else {\n      this.closeSheet();\n    }\n  }\n\n  @Watch(\"opened\")\n  handleOpenedChange(): void {\n    onToggleOpenCloseComponent(this);\n  }\n\n  /**\n   * We use an internal property to handle styles for when a modal is actually opened, not just when the open attribute is applied. This is a property because we need to apply styles to the host element and to keep the styles present while beforeClose is .\n   *\n   * @internal.\n   */\n  @Prop({ mutable: true, reflect: true }) opened = false;\n\n  /** When `true`, disables the closing of the component when clicked outside. */\n  @Prop({ reflect: true }) outsideCloseDisabled = false;\n\n  /** Determines where the component will be positioned. */\n  @Prop({ reflect: true }) position: LogicalFlowPosition = \"inline-start\";\n\n  /**\n   * This internal property, managed by a containing calcite-shell, is used\n   * to inform the component if special configuration or styles are needed\n   *\n   * @internal\n   */\n  @Prop() slottedInShell: boolean;\n\n  /**\n   * When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the width of the component.\n   */\n  @Prop({ reflect: true }) widthScale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    // when sheet initially renders, if active was set we need to open as watcher doesn't fire\n    if (this.open) {\n      requestAnimationFrame(() => this.openSheet());\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n    connectFocusTrap(this);\n  }\n\n  disconnectedCallback(): void {\n    this.removeOverflowHiddenClass();\n    this.mutationObserver?.disconnect();\n    deactivateFocusTrap(this);\n    this.slottedInShell = false;\n  }\n\n  render(): VNode {\n    const dir = getElementDir(this.el);\n    return (\n      <Host\n        aria-describedby={this.contentId}\n        aria-label={this.label}\n        aria-modal=\"true\"\n        role=\"dialog\"\n      >\n        <div\n          class={{\n            [CSS.container]: true,\n            [CSS.containerOpen]: this.opened,\n            [CSS.containerSlottedInShell]: this.slottedInShell,\n            [CSS_UTILITY.rtl]: dir === \"rtl\",\n          }}\n        >\n          <calcite-scrim class={CSS.scrim} onClick={this.handleOutsideClose} />\n          <div\n            class={{\n              [CSS.content]: true,\n            }}\n            ref={this.setTransitionEl}\n          >\n            <slot />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties/ State\n  //\n  //--------------------------------------------------------------------------\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  focusTrap: FocusTrap;\n\n  @Element() el: HTMLCalciteSheetElement;\n\n  private contentId: string;\n\n  private initialOverflowCSS: string;\n\n  private ignoreOpenChange = false;\n\n  private mutationObserver: MutationObserver = createObserver(\"mutation\", () =>\n    this.handleMutationObserver(),\n  );\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"keydown\", { target: \"window\" })\n  handleEscape(event: KeyboardEvent): void {\n    if (this.open && !this.escapeDisabled && event.key === \"Escape\" && !event.defaultPrevented) {\n      this.open = false;\n      event.preventDefault();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteSheetBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteSheetClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteSheetBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteSheetOpen: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's \"close\" button - the first focusable item.\n   *\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.el);\n  }\n\n  /**\n   * Updates the element(s) that are used within the focus-trap of the component.\n   */\n  @Method()\n  async updateFocusTrapElements(): Promise<void> {\n    updateFocusTrapElements(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onBeforeOpen(): void {\n    this.calciteSheetBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calciteSheetOpen.emit();\n    activateFocusTrap(this);\n  }\n\n  onBeforeClose(): void {\n    this.calciteSheetBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteSheetClose.emit();\n    deactivateFocusTrap(this);\n  }\n\n  private setTransitionEl = (el: HTMLDivElement): void => {\n    this.transitionEl = el;\n    this.contentId = ensureId(el);\n  };\n\n  private openEnd = (): void => {\n    this.setFocus();\n    this.el.removeEventListener(\"calciteSheetOpen\", this.openEnd);\n  };\n\n  private openSheet(): void {\n    this.el.addEventListener(\"calciteSheetOpen\", this.openEnd);\n    this.opened = true;\n    if (!this.slottedInShell) {\n      this.initialOverflowCSS = document.documentElement.style.overflow;\n      // use an inline style instead of a utility class to avoid global class declarations.\n      document.documentElement.style.setProperty(\"overflow\", \"hidden\");\n    }\n  }\n\n  private handleOutsideClose = (): void => {\n    if (this.outsideCloseDisabled) {\n      return;\n    }\n\n    this.open = false;\n  };\n\n  private closeSheet = async (): Promise<void> => {\n    if (this.beforeClose) {\n      try {\n        await this.beforeClose(this.el);\n      } catch (_error) {\n        // close prevented\n        requestAnimationFrame(() => {\n          this.ignoreOpenChange = true;\n          this.open = true;\n          this.ignoreOpenChange = false;\n        });\n        return;\n      }\n    }\n\n    this.opened = false;\n    this.removeOverflowHiddenClass();\n  };\n\n  private removeOverflowHiddenClass(): void {\n    document.documentElement.style.setProperty(\"overflow\", this.initialOverflowCSS);\n  }\n\n  private handleMutationObserver(): void {\n    this.updateFocusTrapElements();\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-51a98d8a.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.9.1-next.1
+ */
+import{d as Y}from"./p-3321e84b.js";import"./p-0bbe3b36.js";import"./p-22d5dc3c.js";import"./p-3ba78079.js";import"./p-8deeb4a2.js";import"./p-4e2bc4be.js";import"./p-23081ea2.js";import"./p-7599ac37.js";import"./p-67d7e16e.js";import"./p-3c66cb95.js";import"./p-ec386b22.js";import"./p-9ce0d310.js";import"./p-2988aea6.js";import"./p-bb1ecc62.js";import"./p-73c764c0.js";import"./p-8a82019f.js";import"./p-8e771cd5.js";import"./p-ce71c1b9.js";import"./p-a3090437.js";var M={s:"מספר שניות",ss:"%d שניות",m:"דקה",mm:"%d דקות",h:"שעה",hh:"%d שעות",hh2:"שעתיים",d:"יום",dd:"%d ימים",dd2:"יומיים",M:"חודש",MM:"%d חודשים",MM2:"חודשיים",y:"שנה",yy:"%d שנים",yy2:"שנתיים"};function m(Y,m,_){var d=M[_+(Y===2?"2":"")]||M[_];return d.replace("%d",Y)}var _={name:"he",weekdays:"ראשון_שני_שלישי_רביעי_חמישי_שישי_שבת".split("_"),weekdaysShort:"א׳_ב׳_ג׳_ד׳_ה׳_ו׳_ש׳".split("_"),weekdaysMin:"א׳_ב׳_ג׳_ד׳_ה׳_ו_ש׳".split("_"),months:"ינואר_פברואר_מרץ_אפריל_מאי_יוני_יולי_אוגוסט_ספטמבר_אוקטובר_נובמבר_דצמבר".split("_"),monthsShort:"ינו_פבר_מרץ_אפר_מאי_יונ_יול_אוג_ספט_אוק_נוב_דצמ".split("_"),relativeTime:{future:"בעוד %s",past:"לפני %s",s:m,m,mm:m,h:m,hh:m,d:m,dd:m,M:m,MM:m,y:m,yy:m},ordinal:function Y(M){return M},format:{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",l:"D/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"},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",l:"D/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"}};Y.locale(_,null,true);export{_ as default};
+//# sourceMappingURL=p-51a98d8a.js.map

package/dist/calcite/p-51a98d8a.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["texts","s","ss","m","mm","h","hh","hh2","d","dd","dd2","M","MM","MM2","y","yy","yy2","relativeTimeFormatter","number","withoutSuffix","key","text","replace","locale","name","weekdays","split","weekdaysShort","weekdaysMin","months","monthsShort","relativeTime","future","past","ordinal","n","format","LT","LTS","L","LL","LLL","LLLL","l","ll","lll","llll","formats","dayjs"],"sources":["../../node_modules/dayjs/esm/locale/he.js"],"sourcesContent":["// Hebrew [he]\nimport dayjs from '../index';\nvar texts = {\n  s: 'מספר שניות',\n  ss: '%d שניות',\n  m: 'דקה',\n  mm: '%d דקות',\n  h: 'שעה',\n  hh: '%d שעות',\n  hh2: 'שעתיים',\n  d: 'יום',\n  dd: '%d ימים',\n  dd2: 'יומיים',\n  M: 'חודש',\n  MM: '%d חודשים',\n  MM2: 'חודשיים',\n  y: 'שנה',\n  yy: '%d שנים',\n  yy2: 'שנתיים'\n};\n\nfunction relativeTimeFormatter(number, withoutSuffix, key) {\n  var text = texts[key + (number === 2 ? '2' : '')] || texts[key];\n  return text.replace('%d', number);\n}\n\nvar locale = {\n  name: 'he',\n  weekdays: 'ראשון_שני_שלישי_רביעי_חמישי_שישי_שבת'.split('_'),\n  weekdaysShort: 'א׳_ב׳_ג׳_ד׳_ה׳_ו׳_ש׳'.split('_'),\n  weekdaysMin: 'א׳_ב׳_ג׳_ד׳_ה׳_ו_ש׳'.split('_'),\n  months: 'ינואר_פברואר_מרץ_אפריל_מאי_יוני_יולי_אוגוסט_ספטמבר_אוקטובר_נובמבר_דצמבר'.split('_'),\n  monthsShort: 'ינו_פבר_מרץ_אפר_מאי_יונ_יול_אוג_ספט_אוק_נוב_דצמ'.split('_'),\n  relativeTime: {\n    future: 'בעוד %s',\n    past: 'לפני %s',\n    s: relativeTimeFormatter,\n    m: relativeTimeFormatter,\n    mm: relativeTimeFormatter,\n    h: relativeTimeFormatter,\n    hh: relativeTimeFormatter,\n    d: relativeTimeFormatter,\n    dd: relativeTimeFormatter,\n    M: relativeTimeFormatter,\n    MM: relativeTimeFormatter,\n    y: relativeTimeFormatter,\n    yy: relativeTimeFormatter\n  },\n  ordinal: function ordinal(n) {\n    return n;\n  },\n  format: {\n    LT: 'HH:mm',\n    LTS: 'HH:mm:ss',\n    L: 'DD/MM/YYYY',\n    LL: 'D [ב]MMMM YYYY',\n    LLL: 'D [ב]MMMM YYYY HH:mm',\n    LLLL: 'dddd, D [ב]MMMM YYYY HH:mm',\n    l: 'D/M/YYYY',\n    ll: 'D MMM YYYY',\n    lll: 'D MMM YYYY HH:mm',\n    llll: 'ddd, D MMM YYYY HH:mm'\n  },\n  formats: {\n    LT: 'HH:mm',\n    LTS: 'HH:mm:ss',\n    L: 'DD/MM/YYYY',\n    LL: 'D [ב]MMMM YYYY',\n    LLL: 'D [ב]MMMM YYYY HH:mm',\n    LLLL: 'dddd, D [ב]MMMM YYYY HH:mm',\n    l: 'D/M/YYYY',\n    ll: 'D MMM YYYY',\n    lll: 'D MMM YYYY HH:mm',\n    llll: 'ddd, D MMM YYYY HH:mm'\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"mappings":";;;;;odAEA,IAAIA,EAAQ,CACVC,EAAG,aACHC,GAAI,WACJC,EAAG,MACHC,GAAI,UACJC,EAAG,MACHC,GAAI,UACJC,IAAK,SACLC,EAAG,MACHC,GAAI,UACJC,IAAK,SACLC,EAAG,OACHC,GAAI,YACJC,IAAK,UACLC,EAAG,MACHC,GAAI,UACJC,IAAK,UAGP,SAASC,EAAsBC,EAAQC,EAAeC,GACpD,IAAIC,EAAOrB,EAAMoB,GAAOF,IAAW,EAAI,IAAM,MAAQlB,EAAMoB,GAC3D,OAAOC,EAAKC,QAAQ,KAAMJ,EAC5B,CAEG,IAACK,EAAS,CACXC,KAAM,KACNC,SAAU,uCAAuCC,MAAM,KACvDC,cAAe,uBAAuBD,MAAM,KAC5CE,YAAa,sBAAsBF,MAAM,KACzCG,OAAQ,0EAA0EH,MAAM,KACxFI,YAAa,kDAAkDJ,MAAM,KACrEK,aAAc,CACZC,OAAQ,UACRC,KAAM,UACNhC,EAAGgB,EACHd,EACAC,GAAIa,EACJZ,EAAGY,EACHX,GAAIW,EACJT,EAAGS,EACHR,GAAIQ,EACJN,EAAGM,EACHL,GAAIK,EACJH,EAAGG,EACHF,GAAIE,GAENiB,QAAS,SAASA,EAAQC,GACxB,OAAOA,CACX,EACEC,OAAQ,CACNC,GAAI,QACJC,IAAK,WACLC,EAAG,aACHC,GAAI,iBACJC,IAAK,uBACLC,KAAM,6BACNC,EAAG,WACHC,GAAI,aACJC,IAAK,mBACLC,KAAM,yBAERC,QAAS,CACPV,GAAI,QACJC,IAAK,WACLC,EAAG,aACHC,GAAI,iBACJC,IAAK,uBACLC,KAAM,6BACNC,EAAG,WACHC,GAAI,aACJC,IAAK,mBACLC,KAAM,0BAGVE,EAAMzB,OAAOA,EAAQ,KAAM,a","ignoreList":[]}

package/dist/calcite/p-51c0d28c.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.9.1-next.1
+ */
+import{r as t,c as e,h as i,g as s}from"./p-0bbe3b36.js";import{c as a,d as n,u as o,I as r}from"./p-23081ea2.js";import{c}from"./p-bb1ecc62.js";import{d,a as l,c as h}from"./p-80100c46.js";import{d as b}from"./p-3ba78079.js";import"./p-7599ac37.js";import"./p-8deeb4a2.js";import"./p-4e2bc4be.js";const f={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((()=>b(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:"37d5e8280a83eb7b624bb2c83ef94261818dd145",disabled:t},i("div",{key:"711d0bcdc363799cc8161dbdac91fa28aa989721",class:{[f.container]:true,[f.containerVertical]:!s,[f.containerHorizontal]:s}},i("slot",{key:"0f6ec8a9947e959db970624a0eecac27ad790a96"})))}get el(){return s(this)}};m.style=p;export{m as calcite_sortable_list};
+//# sourceMappingURL=p-51c0d28c.entry.js.map