@esri/calcite-components 2.2.0-next.10 → 2.2.0-next.11

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

@@ -0,0 +1 @@
+{"version":3,"names":["slope","p0","p1","p2","dx","dx1","dy","dy1","m","m1","p","Math","sign","min","abs","slopeSingle","bezier","m0","t","x0","y0","x1","y1","h1","join","h2","translate","width","height","max","rangeX","rangeY","point","x","y","range","data","startX","startY","reduce","area","length","minX","minY","maxX","commands","acc","i","undefined","command","last","end","graphCss","Graph","this","graphId","guid","resizeObserver","createObserver","forceUpdate","connectedCallback","observe","el","disconnectedCallback","disconnect","render","colorStops","highlightMax","highlightMin","id","clientHeight","clientWidth","h","class","preserveAspectRatio","viewBox","rangeMin","rangeMax","currentMin","currentMax","hMinX","hMaxX","areaPath","fill","x2","y2","map","offset","color","opacity","d","mask","CSS","handleLabel","handleLabelMinValue","handleLabelValue","tickMin","tickMax","maxTickElementThreshold","sliderCss","isRange","value","Array","isArray","Slider","activeProp","dragUpdate","event","disabled","preventDefault","dragProp","clientX","pageX","minValueDragRange","maxValueDragRange","minMaxValueRange","newMinValue","newMaxValue","setValue","minValue","clamp","maxValue","pointerUpDragEnd","isPrimaryPointerButton","dragEnd","removeDragListeners","focusActiveHandle","lastDragPropValue","emitChange","storeTrackRef","node","trackEl","determineGroupSeparator","numberStringFormatter","numberFormatOptions","locale","effectiveLocale","numberingSystem","useGrouping","groupSeparator","localize","toString","histogramWatcher","newHistogram","hasHistogram","ticksWatcher","tickValues","generateTickValues","valueHandler","setMinMaxFromValue","minMaxValueHandler","setValueFromMinMax","connectInteractive","connectLocalized","connectLabel","connectForm","disconnectInteractive","disconnectLabel","disconnectForm","disconnectLocalized","componentWillLoad","setUpLoadableComponent","snap","getClosestStep","histogram","afterConnectDefaultValueSet","componentDidLoad","setComponentLoaded","componentDidRender","labelHandles","adjustHostObscuredHandleLabel","precise","hyphenateCollidingRangeHandleLabels","hideObscuredBoundingTickLabels","updateHostInteraction","maxProp","displayedValue","displayedMinValue","useMinValue","shouldUseMinValue","minInterval","getUnitInterval","maxInterval","mirror","shouldMirror","leftThumbOffset","rightThumbOffset","valueIsRange","handleLabelMinValueClasses","handleLabelValueClasses","handle","maxLabel","minLabel","thumb","lastDragProp","onBlur","onFocus","onPointerDown","pointerDownDragStart","role","style","right","tabIndex","ref","maxHandle","labeledHandle","histogramLabeledHandle","preciseHandle","histogramPreciseHandle","labeledPreciseHandle","histogramLabeledPreciseHandle","minHandle","left","minLabeledHandle","minHistogramLabeledHandle","minPreciseHandle","minLabeledPreciseHandle","Host","onTouchStart","handleTouchStart","InteractiveContainer","getLabelText","scale","renderGraph","tick","tickOffset","activeTicks","renderTickLabel","HiddenFormInputSlot","component","histogramStops","isMinTickLabel","isMaxTickLabel","displayedTickValue","tickLabel","tick__label","labelTicks","keyDownHandler","pageStep","step","key","isActivationKey","adjustment","directionFactor","isNaN","fixedDecimalAdjustment","Number","toFixed","decimalPlaces","pointerDownHandler","position","prop","inRange","closerToMax","dragStart","isThumbActive","shadowRoot","querySelector","setFocus","componentFocusable","focus","onLabelClick","mirrored","getTickDensity","density","ticks","tickInterval","current","push","includes","window","addEventListener","valueX","getClosestHandle","emitInput","calciteSliderInput","emit","calciteSliderChange","removeEventListener","values","valueChanged","Object","keys","forEach","propName","newValue","oldValue","dragging","getBoundingClientRect","percent","clampedValue","num","round","getDistanceX","getFontSizeForElement","element","getComputedStyle","getPropertyValue","match","name","label","labelStatic","labelTransformed","labelStaticBounds","labelStaticOffset","getHostOffset","transform","leftModifier","rightModifier","leftValueLabel","leftValueLabelStatic","leftValueLabelTransformed","leftValueLabelStaticHostOffset","rightValueLabel","rightValueLabelStatic","rightValueLabelTransformed","rightValueLabelStaticHostOffset","labelFontSize","labelTransformedOverlap","getRangeLabelOverlap","hyphenLabel","labelOffset","classList","add","leftValueLabelTranslate","leftValueLabelTransformedHostOffset","rightValueLabelTranslate","rightValueLabelTransformedHostOffset","remove","minTickLabel","maxTickLabel","isMinTickLabelObscured","isMaxTickLabelObscured","leftBounds","rightBounds","hostBounds","buffer","leftLabel","rightLabel","leftLabelBounds","rightLabelBounds","leftLabelFontSize","rangeLabelOverlap","minLabelBounds","handleBounds","intersects","maxLabelBounds"],"sources":["src/components/graph/util.ts","src/components/graph/graph.scss?tag=calcite-graph&encapsulation=shadow","src/components/graph/graph.tsx","src/components/slider/resources.ts","src/components/slider/slider.scss?tag=calcite-slider&encapsulation=shadow","src/components/slider/slider.tsx"],"sourcesContent":["import { DataSeries, Extent, Graph, Point, TranslateOptions, Translator } from \"../graph/interfaces\";\n\n/**\n * Calculate slope of the tangents\n * uses Steffen interpolation as it's monotonic\n * http://jrwalsh1.github.io/posts/interpolations/\n *\n * @param p0\n * @param p1\n * @param p2\n */\nfunction slope(p0: Point, p1: Point, p2: Point): number {\n  const dx = p1[0] - p0[0];\n  const dx1 = p2[0] - p1[0];\n  const dy = p1[1] - p0[1];\n  const dy1 = p2[1] - p1[1];\n  const m = dy / (dx || (dx1 < 0 && 0));\n  const m1 = dy1 / (dx1 || (dx < 0 && 0));\n  const p = (m * dx1 + m1 * dx) / (dx + dx1);\n  return (Math.sign(m) + Math.sign(m1)) * Math.min(Math.abs(m), Math.abs(m1), 0.5 * Math.abs(p)) || 0;\n}\n\n/**\n * Calculate slope for just one tangent (single-sided)\n *\n * @param p0\n * @param p1\n * @param m\n */\nfunction slopeSingle(p0: Point, p1: Point, m: number): number {\n  const dx = p1[0] - p0[0];\n  const dy = p1[1] - p0[1];\n  return dx ? ((3 * dy) / dx - m) / 2 : m;\n}\n\n/**\n * Given two points and their tangent slopes,\n * calculate the bezier handle coordinates and return draw command.\n *\n * Translates Hermite Spline to Bézier curve:\n * https://stackoverflow.com/questions/42574940/\n *\n * @param p0\n * @param p1\n * @param m0\n * @param m1\n * @param t\n */\nfunction bezier(p0: Point, p1: Point, m0: number, m1: number, t: Translator): string {\n  const [x0, y0] = p0;\n  const [x1, y1] = p1;\n  const dx = (x1 - x0) / 3;\n  const h1 = t([x0 + dx, y0 + dx * m0]).join(\",\");\n  const h2 = t([x1 - dx, y1 - dx * m1]).join(\",\");\n  const p = t([x1, y1]).join(\",\");\n  return `C ${h1} ${h2} ${p}`;\n}\n\n/**\n * Generate a function which will translate a point\n * from the data coordinate space to svg viewbox oriented pixels\n *\n * @param root0\n * @param root0.width\n * @param root0.height\n * @param root0.min\n * @param root0.max\n */\nexport function translate({ width, height, min, max }: TranslateOptions): Translator {\n  const rangeX = max[0] - min[0];\n  const rangeY = max[1] - min[1];\n  return (point) => {\n    const x = ((point[0] - min[0]) / rangeX) * width;\n    const y = height - (point[1] / rangeY) * height;\n    return [x, y];\n  };\n}\n\n/**\n * Get the min and max values from the dataset\n *\n * @param data\n */\nexport function range(data: DataSeries): Extent {\n  const [startX, startY] = data[0];\n  const min: Point = [startX, startY];\n  const max: Point = [startX, startY];\n  return data.reduce(\n    ({ min, max }, [x, y]) => ({\n      min: [Math.min(min[0], x), Math.min(min[1], y)],\n      max: [Math.max(max[0], x), Math.max(max[1], y)],\n    }),\n    { min, max },\n  );\n}\n\n/**\n * Generate drawing commands for an area graph\n * returns a string can can be passed directly to a path element's `d` attribute\n *\n * @param root0\n * @param root0.data\n * @param root0.min\n * @param root0.max\n * @param root0.t\n */\nexport function area({ data, min, max, t }: Graph): string {\n  if (data.length === 0) {\n    return \"\";\n  }\n\n  // important points for beginning and ending the path\n  const [startX, startY] = t(data[0]);\n  const [minX, minY] = t(min);\n  const [maxX] = t(max);\n\n  // keep track of previous slope/points\n  let m: number;\n  let p0: Point;\n  let p1: Point;\n\n  // iterate over data points, calculating command for each\n  const commands = data.reduce((acc, point, i) => {\n    p0 = data[i - 2];\n    p1 = data[i - 1];\n    if (i > 1) {\n      const m1 = slope(p0, p1, point);\n      const m0 = m === undefined ? slopeSingle(p0, p1, m1) : m;\n      const command = bezier(p0, p1, m0, m1, t);\n      m = m1;\n      return `${acc} ${command}`;\n    }\n    return acc;\n  }, `M ${minX},${minY} L ${minX},${startY} L ${startX},${startY}`);\n\n  // close the path\n  const last = data[data.length - 1];\n  const end = bezier(p1, last, m, slopeSingle(p1, last, m), t);\n  return `${commands} ${end} L ${maxX},${minY} Z`;\n}\n",":host {\n  @apply block;\n  block-size: 100%;\n}\n\n.svg {\n  fill: currentColor;\n  stroke: transparent;\n  @apply m-0 block h-full w-full p-0;\n\n  .graph-path--highlight {\n    fill: var(--calcite-color-brand);\n    @apply opacity-50;\n  }\n}\n\n@include base-component();\n","import { Component, Element, forceUpdate, h, Prop, VNode } from \"@stencil/core\";\nimport { guid } from \"../../utils/guid\";\nimport { createObserver } from \"../../utils/observers\";\nimport { ColorStop, DataSeries, Point } from \"./interfaces\";\nimport { area, range, translate } from \"./util\";\n\n@Component({\n  tag: \"calcite-graph\",\n  styleUrl: \"graph.scss\",\n  shadow: true,\n})\nexport class Graph {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Array of tuples describing a single data point ([x, y])\n   * These data points should be sorted by x-axis value.\n   */\n  @Prop() data: DataSeries = [];\n\n  /**\n   * Array of values describing a single color stop ([offset, color, opacity])\n   * These color stops should be sorted by offset value.\n   */\n  @Prop() colorStops: ColorStop[];\n\n  /** Start of highlight color if highlighting range. */\n  @Prop() highlightMin: number;\n\n  /** End of highlight color if highlighting range. */\n  @Prop() highlightMax: number;\n\n  /** Lowest point of the range. */\n  @Prop({ reflect: true }) min!: number;\n\n  /** Highest point of the range. */\n  @Prop({ reflect: true }) max!: number;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.resizeObserver?.observe(this.el);\n  }\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n  }\n\n  render(): VNode {\n    const { data, colorStops, el, highlightMax, highlightMin, min, max } = this;\n    const id = this.graphId;\n    const { clientHeight: height, clientWidth: width } = el;\n\n    // if we have no data, return empty svg\n    if (!data || data.length === 0) {\n      return (\n        <svg\n          aria-hidden=\"true\"\n          class=\"svg\"\n          height={height}\n          preserveAspectRatio=\"none\"\n          viewBox={`0 0 ${width} ${height}`}\n          width={width}\n        />\n      );\n    }\n\n    const { min: rangeMin, max: rangeMax } = range(data);\n\n    let currentMin: Point = rangeMin;\n    let currentMax: Point = rangeMax;\n\n    if (min < rangeMin[0] || min > rangeMin[0]) {\n      currentMin = [min, 0];\n    }\n\n    if (max > rangeMax[0] || max < rangeMax[0]) {\n      currentMax = [max, rangeMax[1]];\n    }\n\n    const t = translate({ min: currentMin, max: currentMax, width, height });\n    const [hMinX] = t([highlightMin, currentMax[1]]);\n    const [hMaxX] = t([highlightMax, currentMax[1]]);\n    const areaPath = area({ data, min: rangeMin, max: rangeMax, t });\n    const fill = colorStops ? `url(#linear-gradient-${id})` : undefined;\n    return (\n      <svg\n        aria-hidden=\"true\"\n        class=\"svg\"\n        height={height}\n        preserveAspectRatio=\"none\"\n        viewBox={`0 0 ${width} ${height}`}\n        width={width}\n      >\n        {colorStops ? (\n          <defs>\n            <linearGradient id={`linear-gradient-${id}`} x1=\"0\" x2=\"1\" y1=\"0\" y2=\"0\">\n              {colorStops.map(({ offset, color, opacity }) => (\n                <stop offset={`${offset * 100}%`} stop-color={color} stop-opacity={opacity} />\n              ))}\n            </linearGradient>\n          </defs>\n        ) : null}\n\n        {highlightMin !== undefined ? (\n          [\n            <mask height=\"100%\" id={`${id}1`} width=\"100%\" x=\"0%\" y=\"0%\">\n              <path\n                d={`\n            M 0,0\n            L ${hMinX - 1},0\n            L ${hMinX - 1},${height}\n            L 0,${height}\n            Z\n          `}\n                fill=\"white\"\n              />\n            </mask>,\n\n            <mask height=\"100%\" id={`${id}2`} width=\"100%\" x=\"0%\" y=\"0%\">\n              <path\n                d={`\n            M ${hMinX + 1},0\n            L ${hMaxX - 1},0\n            L ${hMaxX - 1},${height}\n            L ${hMinX + 1}, ${height}\n            Z\n          `}\n                fill=\"white\"\n              />\n            </mask>,\n\n            <mask height=\"100%\" id={`${id}3`} width=\"100%\" x=\"0%\" y=\"0%\">\n              <path\n                d={`\n                M ${hMaxX + 1},0\n                L ${width},0\n                L ${width},${height}\n                L ${hMaxX + 1}, ${height}\n                Z\n              `}\n                fill=\"white\"\n              />\n            </mask>,\n\n            <path class=\"graph-path\" d={areaPath} fill={fill} mask={`url(#${id}1)`} />,\n            <path class=\"graph-path--highlight\" d={areaPath} fill={fill} mask={`url(#${id}2)`} />,\n            <path class=\"graph-path\" d={areaPath} fill={fill} mask={`url(#${id}3)`} />,\n          ]\n        ) : (\n          <path class=\"graph-path\" d={areaPath} fill={fill} />\n        )}\n      </svg>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteGraphElement;\n\n  private graphId = `calcite-graph-${guid()}`;\n\n  private resizeObserver = createObserver(\"resize\", () => forceUpdate(this));\n}\n","export const CSS = {\n  handleLabel: \"handle__label\",\n  handleLabelMinValue: \"handle__label--minValue\",\n  handleLabelValue: \"handle__label--value\",\n  tickMin: \"tick__label--min\",\n  tickMax: \"tick__label--max\",\n};\n\nexport const maxTickElementThreshold = 250;\n",".scale--s {\n  --calcite-slider-handle-size: theme(\"spacing[2.5]\");\n  --calcite-slider-handle-extension-height: 0.4rem;\n  --calcite-slider-container-font-size: var(--calcite-font-size--3);\n  .handle__label,\n  .tick__label {\n    @apply leading-3;\n  }\n}\n\n.scale--m {\n  --calcite-slider-handle-size: theme(\"spacing[3.5]\");\n  --calcite-slider-handle-extension-height: 0.5rem;\n  --calcite-slider-container-font-size: var(--calcite-font-size--2);\n  .handle__label,\n  .tick__label {\n    @apply leading-4;\n  }\n}\n\n.scale--l {\n  --calcite-slider-handle-size: 1rem;\n  --calcite-slider-handle-extension-height: 0.65rem;\n  --calcite-slider-container-font-size: var(--calcite-font-size--1);\n  .handle__label,\n  .tick__label {\n    @apply leading-4;\n  }\n}\n\n.handle__label,\n.tick__label {\n  @apply text-color-2 font-medium;\n  font-size: var(--calcite-slider-container-font-size);\n}\n\n:host {\n  @apply block;\n}\n\n.container {\n  @apply relative block break-normal;\n  padding-inline: calc(var(--calcite-slider-handle-size) * 0.5);\n  padding-block: calc(var(--calcite-slider-handle-size) * 0.5);\n  margin-block: calc(var(--calcite-slider-handle-size) * 0.5);\n  margin-inline: 0;\n  --calcite-slider-full-handle-height: calc(\n    var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height)\n  );\n  touch-action: none;\n  // disable browser swipe navigation to prevent interference with the slide thumb following a touch gesture\n}\n\n@include disabled() {\n  .track__range,\n  .tick--active {\n    background-color: var(--calcite-color-text-3);\n  }\n}\n\n.scale--s {\n  .thumb:not(.thumb--precise) {\n    --calcite-slider-thumb-y-offset: -0.375rem;\n  }\n}\n.scale--m {\n  .thumb:not(.thumb--precise) {\n    --calcite-slider-thumb-y-offset: -0.5rem;\n  }\n}\n.scale--l {\n  .thumb:not(.thumb--precise) {\n    --calcite-slider-thumb-y-offset: -0.55rem;\n  }\n}\n\n:host([precise]:not([has-histogram])) {\n  .container .thumb--value {\n    --calcite-slider-thumb-y-offset: calc(var(--calcite-slider-full-handle-height) * -1);\n  }\n}\n\n.thumb-container {\n  @apply relative max-w-full;\n}\n\n.thumb {\n  --calcite-slider-thumb-x-offset: calc(var(--calcite-slider-handle-size) * 0.5);\n  @apply font-inherit\n    absolute\n    m-0\n    flex\n    cursor-pointer\n    flex-col\n    items-center\n    border-none\n    bg-transparent\n    p-0\n    outline-none;\n  transform: translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset));\n\n  .handle__label {\n    &.static,\n    &.transformed {\n      @apply absolute\n        top-0\n        bottom-0\n        opacity-0;\n    }\n    &.hyphen::after {\n      content: \"\\2014\";\n      display: inline-block;\n      inline-size: 1em;\n    }\n    &.hyphen--wrap {\n      display: flex;\n    }\n  }\n\n  .handle {\n    @apply focus-base\n      bg-foreground-1\n      box-border\n      rounded-full;\n    block-size: var(--calcite-slider-handle-size);\n    inline-size: var(--calcite-slider-handle-size);\n    box-shadow: 0 0 0 2px var(--calcite-color-text-3) inset;\n    transition:\n      border var(--calcite-internal-animation-timing-medium) ease,\n      background-color var(--calcite-internal-animation-timing-medium) ease,\n      box-shadow var(--calcite-animation-timing) ease;\n  }\n\n  .handle-extension {\n    @apply w-0.5;\n    block-size: var(--calcite-slider-handle-extension-height);\n    background-color: var(--calcite-color-text-3);\n  }\n\n  &:hover {\n    .handle {\n      box-shadow: 0 0 0 3px var(--calcite-color-brand) inset;\n    }\n    .handle-extension {\n      @apply bg-brand;\n    }\n  }\n\n  &:focus {\n    .handle {\n      @apply focus-outset;\n    }\n    .handle-extension {\n      @apply bg-brand;\n    }\n  }\n\n  &.thumb--minValue {\n    transform: translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset));\n  }\n\n  &.thumb--precise {\n    --calcite-slider-thumb-y-offset: -0.125rem;\n  }\n}\n\n:host([label-handles]) {\n  .thumb {\n    --calcite-slider-thumb-x-offset: 50%;\n  }\n  &:host(:not([has-histogram])) {\n    .scale--s {\n      .thumb:not(.thumb--precise) {\n        --calcite-slider-thumb-y-offset: -1.4375rem;\n      }\n    }\n    .scale--m {\n      .thumb:not(.thumb--precise) {\n        --calcite-slider-thumb-y-offset: -1.875rem;\n      }\n    }\n    .scale--l {\n      .thumb:not(.thumb--precise) {\n        --calcite-slider-thumb-y-offset: -2rem;\n      }\n    }\n  }\n}\n\n:host([has-histogram][label-handles]),\n:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise {\n  .handle__label {\n    margin-block-start: 0.5em;\n  }\n}\n:host(:not([has-histogram]):not([precise])),\n:host([label-handles]:not([has-histogram])) .thumb--value {\n  .handle__label {\n    margin-block-end: 0.5em;\n  }\n}\n\n:host([label-handles][precise]) {\n  &:host(:not([has-histogram])) .scale--s .thumb--value {\n    --calcite-slider-thumb-y-offset: -2.075rem;\n  }\n  &:host(:not([has-histogram])) .scale--m .thumb--value {\n    --calcite-slider-thumb-y-offset: -2.75rem;\n  }\n  &:host(:not([has-histogram])) .scale--l .thumb--value {\n    --calcite-slider-thumb-y-offset: -3.0625rem;\n  }\n}\n\n.thumb:focus,\n.thumb--active {\n  .handle {\n    @apply bg-brand;\n    box-shadow: 0 0 8px 0 rgb(0 0 0 / 16%); // shadow 1 press\n  }\n}\n\n.thumb:hover.thumb--precise:after,\n.thumb:focus.thumb--precise:after,\n.thumb--active.thumb--precise:after {\n  @apply bg-brand;\n}\n\n.track {\n  @apply relative h-0.5 rounded-none;\n  background-color: var(--calcite-color-border-2);\n  transition: all var(--calcite-internal-animation-timing-medium) ease-in;\n}\n\n.track__range {\n  @apply bg-brand\n  absolute\n  top-0\n  h-0.5;\n}\n.container--range {\n  .track__range {\n    &:hover {\n      cursor: ew-resize;\n    }\n    &:after {\n      @apply absolute w-full;\n      content: \"\";\n      inset-block-start: calc(calc(var(--calcite-slider-full-handle-height) * 0.5) * -1);\n      block-size: calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height));\n    }\n  }\n}\n\n@media (forced-colors: active) {\n  .thumb {\n    outline-width: 0;\n    outline-offset: 0;\n  }\n  .handle {\n    @apply outline-none;\n  }\n  .thumb:focus .handle,\n  .thumb .handle-extension,\n  .thumb:hover .handle-extension,\n  .thumb:focus .handle-extension,\n  .thumb:active .handle-extension {\n    background-color: canvasText;\n  }\n  .track {\n    background-color: canvasText;\n  }\n  .track__range {\n    background-color: highlight;\n  }\n}\n\n.tick {\n  @apply absolute\n    h-1\n    w-0.5\n    border\n    border-solid;\n  background-color: var(--calcite-color-border-input);\n  border-color: var(--calcite-color-foreground-1);\n  inset-block-start: -2px;\n  pointer-events: none;\n  margin-inline-start: calc(-1 * theme(\"margin[0.5]\"));\n}\n\n.tick--active {\n  @apply bg-brand;\n}\n\n.tick__label {\n  @apply pointer-events-none\n    mt-3.5\n    flex\n    justify-center;\n}\n\n.tick__label--min {\n  transition: opacity var(--calcite-animation-timing);\n}\n\n.tick__label--max {\n  transition: opacity var(--calcite-internal-animation-timing-fast);\n}\n\n:host([has-histogram][label-handles]),\n:host([has-histogram][precise]) {\n  .tick__label--min,\n  .tick__label--max {\n    @apply text-color-3 font-normal;\n  }\n}\n\n.graph {\n  color: var(--calcite-color-foreground-3);\n  block-size: 48px;\n}\n\n// Ensure we have enough space on variants with text elements to prevent overlap\n:host([label-ticks][ticks]) {\n  .container {\n    // match tick__label top margin + font-size\n    padding-block-end: calc(theme(\"margin[3.5]\") + var(--calcite-slider-container-font-size));\n  }\n}\n:host([has-histogram]) {\n  &:host([precise][label-handles]) {\n    .container {\n      padding-block-end: calc(var(--calcite-slider-full-handle-height) + 1em);\n    }\n  }\n  &:host([label-handles]:not([precise])) {\n    .container {\n      padding-block-end: calc(calc(var(--calcite-slider-handle-size) * 0.5) + 1em);\n    }\n  }\n  &:host([precise]:not([label-handles])) {\n    .container {\n      padding-block-end: var(--calcite-slider-full-handle-height);\n    }\n  }\n}\n:host(:not([has-histogram])) {\n  &:host([precise]:not([label-handles])) {\n    .container {\n      padding-block-start: var(--calcite-slider-full-handle-height);\n    }\n    .container--range {\n      padding-block-end: var(--calcite-slider-full-handle-height);\n    }\n  }\n  &:host([label-handles]:not([precise])) {\n    .container {\n      padding-block-start: calc(var(--calcite-slider-full-handle-height) + 4px);\n    }\n  }\n  &:host([label-handles][precise]) {\n    .container {\n      padding-block-start: calc(\n        var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px\n      );\n    }\n    .container--range {\n      padding-block-end: calc(\n        var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px\n      );\n    }\n  }\n}\n\n@include hidden-form-input();\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  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { guid } from \"../../utils/guid\";\n\nimport { intersects, isPrimaryPointerButton } from \"../../utils/dom\";\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\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 { clamp, decimalPlaces } from \"../../utils/math\";\nimport { ColorStop, DataSeries } from \"../graph/interfaces\";\nimport { Scale } from \"../interfaces\";\nimport { CSS, maxTickElementThreshold } from \"./resources\";\n\ntype ActiveSliderProperty = \"minValue\" | \"maxValue\" | \"value\" | \"minMaxValue\";\ntype SetValueProperty = Exclude<ActiveSliderProperty, \"minMaxValue\">;\n\nfunction isRange(value: number | number[]): value is number[] {\n  return Array.isArray(value);\n}\n\n@Component({\n  tag: \"calcite-slider\",\n  styleUrl: \"slider.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class Slider\n  implements\n    LabelableComponent,\n    FormComponent,\n    InteractiveComponent,\n    LocalizedComponent,\n    LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * 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 })\n  form: string;\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  /** When `true`, indicates a histogram is present. */\n  @Prop({ reflect: true, mutable: true }) hasHistogram = false;\n\n  /**\n   * A list of the histogram's x,y coordinates within the component's `min` and `max`. Displays above the component's track.\n   *\n   * @see [DataSeries](https://github.com/Esri/calcite-design-system/blob/main/src/components/graph/interfaces.ts#L5)\n   */\n  @Prop() histogram: DataSeries;\n\n  @Watch(\"histogram\")\n  histogramWatcher(newHistogram: DataSeries): void {\n    this.hasHistogram = !!newHistogram;\n  }\n\n  /**\n   * A set of single color stops for a histogram, sorted by offset ascending.\n   */\n  @Prop() histogramStops: ColorStop[];\n\n  /** When `true`, displays label handles with their numeric value. */\n  @Prop({ reflect: true }) labelHandles = false;\n\n  /** When `true` and `ticks` is specified, displays label tick marks with their numeric value. */\n  @Prop({ reflect: true }) labelTicks = false;\n\n  /** The component's maximum selectable value. */\n  @Prop({ reflect: true }) max = 100;\n\n  /** For multiple selections, the accessible name for the second handle, such as `\"Temperature, upper bound\"`. */\n  @Prop() maxLabel: string;\n\n  /** For multiple selections, the component's upper value. */\n  @Prop({ mutable: true }) maxValue: number;\n\n  /** The component's minimum selectable value. */\n  @Prop({ reflect: true }) min = 0;\n\n  /** Accessible name for first (or only) handle, such as `\"Temperature, lower bound\"`. */\n  @Prop() minLabel: string;\n\n  /** For multiple selections, the component's lower value. */\n  @Prop({ mutable: true }) minValue: number;\n\n  /**\n   * When `true`, the slider will display values from high to low.\n   *\n   * Note that this value will be ignored if the slider has an associated histogram.\n   */\n  @Prop({ reflect: true }) mirrored = false;\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  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop() numberingSystem: NumberingSystem;\n\n  /** Specifies the interval to move with the page up, or page down keys. */\n  @Prop({ reflect: true }) pageStep: number;\n\n  /** When `true`, sets a finer point for handles. */\n  @Prop({ reflect: true }) precise = false;\n\n  /**\n   * When `true`, the component must have a value in order for the form to submit.\n   */\n  @Prop({ reflect: true }) required = false;\n\n  /** When `true`, enables snap selection in coordination with `step` via a mouse. */\n  @Prop({ reflect: true }) snap = false;\n\n  /** Specifies the interval to move with the up, or down keys. */\n  @Prop({ reflect: true }) step = 1;\n\n  /** Displays tick marks on the number line at a specified interval. */\n  @Prop({ reflect: true }) ticks: number;\n\n  @Watch(\"ticks\")\n  ticksWatcher(): void {\n    this.tickValues = this.generateTickValues();\n  }\n\n  /** The component's value. */\n  @Prop({ reflect: true, mutable: true }) value: null | number | number[] = 0;\n\n  @Watch(\"value\")\n  valueHandler(): void {\n    this.setMinMaxFromValue();\n  }\n\n  @Watch(\"minValue\")\n  @Watch(\"maxValue\")\n  minMaxValueHandler(): void {\n    this.setValueFromMinMax();\n  }\n\n  /**\n   *  Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    this.setMinMaxFromValue();\n    this.setValueFromMinMax();\n    connectLabel(this);\n    connectForm(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    disconnectLocalized(this);\n    this.removeDragListeners();\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n    if (!isRange(this.value)) {\n      this.value = this.snap ? this.getClosestStep(this.value) : this.clamp(this.value);\n    }\n    this.ticksWatcher();\n    this.histogramWatcher(this.histogram);\n    afterConnectDefaultValueSet(this, this.value);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    if (this.labelHandles) {\n      this.adjustHostObscuredHandleLabel(\"value\");\n      if (isRange(this.value)) {\n        this.adjustHostObscuredHandleLabel(\"minValue\");\n        if (!(this.precise && !this.hasHistogram)) {\n          this.hyphenateCollidingRangeHandleLabels();\n        }\n      }\n    }\n    this.hideObscuredBoundingTickLabels();\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    const id = this.el.id || this.guid;\n    const maxProp = isRange(this.value) ? \"maxValue\" : \"value\";\n    const value = isRange(this.value) ? this.maxValue : this.value;\n    const displayedValue = this.determineGroupSeparator(value);\n    const displayedMinValue = this.determineGroupSeparator(this.minValue);\n    const min = this.minValue || this.min;\n    const useMinValue = this.shouldUseMinValue();\n    const minInterval = this.getUnitInterval(useMinValue ? this.minValue : min) * 100;\n    const maxInterval = this.getUnitInterval(value) * 100;\n    const mirror = this.shouldMirror();\n    const leftThumbOffset = `${mirror ? 100 - minInterval : minInterval}%`;\n    const rightThumbOffset = `${mirror ? maxInterval : 100 - maxInterval}%`;\n    const valueIsRange = isRange(this.value);\n    const handleLabelMinValueClasses = `${CSS.handleLabel} ${CSS.handleLabelMinValue}`;\n    const handleLabelValueClasses = `${CSS.handleLabel} ${CSS.handleLabelValue}`;\n\n    const handle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={valueIsRange ? this.maxLabel : this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={value}\n        class={{\n          thumb: true,\n          \"thumb--value\": true,\n          \"thumb--active\": this.lastDragProp !== \"minMaxValue\" && this.dragProp === maxProp,\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = maxProp)}\n        onPointerDown={(event) => this.pointerDownDragStart(event, maxProp)}\n        role=\"slider\"\n        style={{ right: rightThumbOffset }}\n        tabIndex={0}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.maxHandle = el as HTMLDivElement)}\n      >\n        <div class=\"handle\" />\n      </div>\n    );\n\n    const labeledHandle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={valueIsRange ? this.maxLabel : this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={value}\n        class={{\n          thumb: true,\n          \"thumb--value\": true,\n          \"thumb--active\": this.lastDragProp !== \"minMaxValue\" && this.dragProp === maxProp,\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = maxProp)}\n        onPointerDown={(event) => this.pointerDownDragStart(event, maxProp)}\n        role=\"slider\"\n        style={{ right: rightThumbOffset }}\n        tabIndex={0}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.maxHandle = el as HTMLDivElement)}\n      >\n        <span aria-hidden=\"true\" class={handleLabelValueClasses}>\n          {displayedValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelValueClasses} static`}>\n          {displayedValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelValueClasses} transformed`}>\n          {displayedValue}\n        </span>\n        <div class=\"handle\" />\n      </div>\n    );\n\n    const histogramLabeledHandle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={valueIsRange ? this.maxLabel : this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={value}\n        class={{\n          thumb: true,\n          \"thumb--value\": true,\n          \"thumb--active\": this.lastDragProp !== \"minMaxValue\" && this.dragProp === maxProp,\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = maxProp)}\n        onPointerDown={(event) => this.pointerDownDragStart(event, maxProp)}\n        role=\"slider\"\n        style={{ right: rightThumbOffset }}\n        tabIndex={0}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.maxHandle = el as HTMLDivElement)}\n      >\n        <div class=\"handle\" />\n        <span aria-hidden=\"true\" class={handleLabelValueClasses}>\n          {displayedValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelValueClasses} static`}>\n          {displayedValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelValueClasses} transformed`}>\n          {displayedValue}\n        </span>\n      </div>\n    );\n\n    const preciseHandle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={valueIsRange ? this.maxLabel : this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={value}\n        class={{\n          thumb: true,\n          \"thumb--value\": true,\n          \"thumb--active\": this.lastDragProp !== \"minMaxValue\" && this.dragProp === maxProp,\n          \"thumb--precise\": true,\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = maxProp)}\n        onPointerDown={(event) => this.pointerDownDragStart(event, maxProp)}\n        role=\"slider\"\n        style={{ right: rightThumbOffset }}\n        tabIndex={0}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.maxHandle = el as HTMLDivElement)}\n      >\n        <div class=\"handle\" />\n        <div class=\"handle-extension\" />\n      </div>\n    );\n\n    const histogramPreciseHandle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={valueIsRange ? this.maxLabel : this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={value}\n        class={{\n          thumb: true,\n          \"thumb--value\": true,\n          \"thumb--active\": this.lastDragProp !== \"minMaxValue\" && this.dragProp === maxProp,\n          \"thumb--precise\": true,\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = maxProp)}\n        onPointerDown={(event) => this.pointerDownDragStart(event, maxProp)}\n        role=\"slider\"\n        style={{ right: rightThumbOffset }}\n        tabIndex={0}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.maxHandle = el as HTMLDivElement)}\n      >\n        <div class=\"handle-extension\" />\n        <div class=\"handle\" />\n      </div>\n    );\n\n    const labeledPreciseHandle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={valueIsRange ? this.maxLabel : this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={value}\n        class={{\n          thumb: true,\n          \"thumb--value\": true,\n          \"thumb--active\": this.lastDragProp !== \"minMaxValue\" && this.dragProp === maxProp,\n          \"thumb--precise\": true,\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = maxProp)}\n        onPointerDown={(event) => this.pointerDownDragStart(event, maxProp)}\n        role=\"slider\"\n        style={{ right: rightThumbOffset }}\n        tabIndex={0}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.maxHandle = el as HTMLDivElement)}\n      >\n        <span aria-hidden=\"true\" class={handleLabelValueClasses}>\n          {displayedValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelValueClasses} static`}>\n          {displayedValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelValueClasses} transformed`}>\n          {displayedValue}\n        </span>\n        <div class=\"handle\" />\n        <div class=\"handle-extension\" />\n      </div>\n    );\n\n    const histogramLabeledPreciseHandle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={valueIsRange ? this.maxLabel : this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={value}\n        class={{\n          thumb: true,\n          \"thumb--value\": true,\n          \"thumb--active\": this.lastDragProp !== \"minMaxValue\" && this.dragProp === maxProp,\n          \"thumb--precise\": true,\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = maxProp)}\n        onPointerDown={(event) => this.pointerDownDragStart(event, maxProp)}\n        role=\"slider\"\n        style={{ right: rightThumbOffset }}\n        tabIndex={0}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.maxHandle = el as HTMLDivElement)}\n      >\n        <div class=\"handle-extension\" />\n        <div class=\"handle\" />\n        <span aria-hidden=\"true\" class={handleLabelValueClasses}>\n          {displayedValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelValueClasses} static`}>\n          {displayedValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelValueClasses} transformed`}>\n          {displayedValue}\n        </span>\n      </div>\n    );\n\n    const minHandle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={this.minValue}\n        class={{\n          thumb: true,\n          \"thumb--minValue\": true,\n          \"thumb--active\": this.dragProp === \"minValue\",\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = \"minValue\")}\n        onPointerDown={(event) => this.pointerDownDragStart(event, \"minValue\")}\n        role=\"slider\"\n        style={{ left: leftThumbOffset }}\n        tabIndex={0}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.minHandle = el as HTMLDivElement)}\n      >\n        <div class=\"handle\" />\n      </div>\n    );\n\n    const minLabeledHandle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={this.minValue}\n        class={{\n          thumb: true,\n          \"thumb--minValue\": true,\n          \"thumb--active\": this.dragProp === \"minValue\",\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = \"minValue\")}\n        onPointerDown={(event) => this.pointerDownDragStart(event, \"minValue\")}\n        role=\"slider\"\n        style={{ left: leftThumbOffset }}\n        tabIndex={0}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.minHandle = el as HTMLDivElement)}\n      >\n        <span aria-hidden=\"true\" class={handleLabelMinValueClasses}>\n          {displayedMinValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelMinValueClasses} static`}>\n          {displayedMinValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelMinValueClasses} transformed`}>\n          {displayedMinValue}\n        </span>\n        <div class=\"handle\" />\n      </div>\n    );\n\n    const minHistogramLabeledHandle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={this.minValue}\n        class={{\n          thumb: true,\n          \"thumb--minValue\": true,\n          \"thumb--active\": this.dragProp === \"minValue\",\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = \"minValue\")}\n        onPointerDown={(event) => this.pointerDownDragStart(event, \"minValue\")}\n        role=\"slider\"\n        style={{ left: leftThumbOffset }}\n        tabIndex={0}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.minHandle = el as HTMLDivElement)}\n      >\n        <div class=\"handle\" />\n        <span aria-hidden=\"true\" class={handleLabelMinValueClasses}>\n          {displayedMinValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelMinValueClasses} static`}>\n          {displayedMinValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelMinValueClasses} transformed`}>\n          {displayedMinValue}\n        </span>\n      </div>\n    );\n\n    const minPreciseHandle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={this.minValue}\n        class={{\n          thumb: true,\n          \"thumb--minValue\": true,\n          \"thumb--active\": this.dragProp === \"minValue\",\n          \"thumb--precise\": true,\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = \"minValue\")}\n        onPointerDown={(event) => this.pointerDownDragStart(event, \"minValue\")}\n        role=\"slider\"\n        style={{ left: leftThumbOffset }}\n        tabIndex={0}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.minHandle = el as HTMLDivElement)}\n      >\n        <div class=\"handle-extension\" />\n        <div class=\"handle\" />\n      </div>\n    );\n\n    const minLabeledPreciseHandle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={this.minValue}\n        class={{\n          thumb: true,\n          \"thumb--minValue\": true,\n          \"thumb--active\": this.dragProp === \"minValue\",\n          \"thumb--precise\": true,\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = \"minValue\")}\n        onPointerDown={(event) => this.pointerDownDragStart(event, \"minValue\")}\n        role=\"slider\"\n        style={{ left: leftThumbOffset }}\n        tabIndex={0}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.minHandle = el as HTMLDivElement)}\n      >\n        <div class=\"handle-extension\" />\n        <div class=\"handle\" />\n        <span aria-hidden=\"true\" class={handleLabelMinValueClasses}>\n          {displayedMinValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelMinValueClasses} static`}>\n          {displayedMinValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelMinValueClasses} transformed`}>\n          {displayedMinValue}\n        </span>\n      </div>\n    );\n\n    return (\n      <Host id={id} onTouchStart={this.handleTouchStart}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-label={getLabelText(this)}\n            class={{\n              [\"container\"]: true,\n              [\"container--range\"]: valueIsRange,\n              [`scale--${this.scale}`]: true,\n            }}\n          >\n            {this.renderGraph()}\n            <div\n              class=\"track\"\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={this.storeTrackRef}\n            >\n              <div\n                class=\"track__range\"\n                onPointerDown={(event) => this.pointerDownDragStart(event, \"minMaxValue\")}\n                style={{\n                  left: `${mirror ? 100 - maxInterval : minInterval}%`,\n                  right: `${mirror ? minInterval : 100 - maxInterval}%`,\n                }}\n              />\n              <div class=\"ticks\">\n                {this.tickValues.map((tick) => {\n                  const tickOffset = `${this.getUnitInterval(tick) * 100}%`;\n                  let activeTicks = tick >= min && tick <= value;\n                  if (useMinValue) {\n                    activeTicks = tick >= this.minValue && tick <= this.maxValue;\n                  }\n\n                  return (\n                    <span\n                      class={{\n                        tick: true,\n                        \"tick--active\": activeTicks,\n                      }}\n                      style={{\n                        left: mirror ? \"\" : tickOffset,\n                        right: mirror ? tickOffset : \"\",\n                      }}\n                    >\n                      {this.renderTickLabel(tick)}\n                    </span>\n                  );\n                })}\n              </div>\n            </div>\n            <div class=\"thumb-container\">\n              {!this.precise && !this.labelHandles && valueIsRange && minHandle}\n              {!this.hasHistogram &&\n                !this.precise &&\n                this.labelHandles &&\n                valueIsRange &&\n                minLabeledHandle}\n              {this.precise && !this.labelHandles && valueIsRange && minPreciseHandle}\n              {this.precise && this.labelHandles && valueIsRange && minLabeledPreciseHandle}\n              {this.hasHistogram &&\n                !this.precise &&\n                this.labelHandles &&\n                valueIsRange &&\n                minHistogramLabeledHandle}\n\n              {!this.precise && !this.labelHandles && handle}\n              {!this.hasHistogram && !this.precise && this.labelHandles && labeledHandle}\n              {!this.hasHistogram && this.precise && !this.labelHandles && preciseHandle}\n              {this.hasHistogram && this.precise && !this.labelHandles && histogramPreciseHandle}\n              {!this.hasHistogram && this.precise && this.labelHandles && labeledPreciseHandle}\n              {this.hasHistogram && !this.precise && this.labelHandles && histogramLabeledHandle}\n              {this.hasHistogram &&\n                this.precise &&\n                this.labelHandles &&\n                histogramLabeledPreciseHandle}\n              <HiddenFormInputSlot component={this} />\n            </div>\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  private renderGraph(): VNode {\n    return this.histogram ? (\n      <calcite-graph\n        class=\"graph\"\n        colorStops={this.histogramStops}\n        data={this.histogram}\n        highlightMax={isRange(this.value) ? this.maxValue : this.value}\n        highlightMin={isRange(this.value) ? this.minValue : this.min}\n        max={this.max}\n        min={this.min}\n      />\n    ) : null;\n  }\n\n  private renderTickLabel(tick: number): VNode {\n    const valueIsRange = isRange(this.value);\n    const isMinTickLabel = tick === this.min;\n    const isMaxTickLabel = tick === this.max;\n    const displayedTickValue = this.determineGroupSeparator(tick);\n    const tickLabel = (\n      <span\n        class={{\n          tick__label: true,\n          [CSS.tickMin]: isMinTickLabel,\n          [CSS.tickMax]: isMaxTickLabel,\n        }}\n      >\n        {displayedTickValue}\n      </span>\n    );\n    if (this.labelTicks && !this.hasHistogram && !valueIsRange) {\n      return tickLabel;\n    }\n    if (\n      this.labelTicks &&\n      !this.hasHistogram &&\n      valueIsRange &&\n      !this.precise &&\n      !this.labelHandles\n    ) {\n      return tickLabel;\n    }\n    if (\n      this.labelTicks &&\n      !this.hasHistogram &&\n      valueIsRange &&\n      !this.precise &&\n      this.labelHandles\n    ) {\n      return tickLabel;\n    }\n    if (\n      this.labelTicks &&\n      !this.hasHistogram &&\n      valueIsRange &&\n      this.precise &&\n      (isMinTickLabel || isMaxTickLabel)\n    ) {\n      return tickLabel;\n    }\n    if (this.labelTicks && this.hasHistogram && !this.precise && !this.labelHandles) {\n      return tickLabel;\n    }\n    if (\n      this.labelTicks &&\n      this.hasHistogram &&\n      this.precise &&\n      !this.labelHandles &&\n      (isMinTickLabel || isMaxTickLabel)\n    ) {\n      return tickLabel;\n    }\n    if (\n      this.labelTicks &&\n      this.hasHistogram &&\n      !this.precise &&\n      this.labelHandles &&\n      (isMinTickLabel || isMaxTickLabel)\n    ) {\n      return tickLabel;\n    }\n    if (\n      this.labelTicks &&\n      this.hasHistogram &&\n      this.precise &&\n      this.labelHandles &&\n      (isMinTickLabel || isMaxTickLabel)\n    ) {\n      return tickLabel;\n    }\n    return null;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    const mirror = this.shouldMirror();\n    const { activeProp, max, min, pageStep, step } = this;\n    const value = this[activeProp];\n    const { key } = event;\n\n    if (isActivationKey(key)) {\n      event.preventDefault();\n      return;\n    }\n\n    let adjustment: number;\n\n    if (key === \"ArrowUp\" || key === \"ArrowRight\") {\n      const directionFactor = mirror && key === \"ArrowRight\" ? -1 : 1;\n      adjustment = value + step * directionFactor;\n    } else if (key === \"ArrowDown\" || key === \"ArrowLeft\") {\n      const directionFactor = mirror && key === \"ArrowLeft\" ? -1 : 1;\n      adjustment = value - step * directionFactor;\n    } else if (key === \"PageUp\") {\n      if (pageStep) {\n        adjustment = value + pageStep;\n      }\n    } else if (key === \"PageDown\") {\n      if (pageStep) {\n        adjustment = value - pageStep;\n      }\n    } else if (key === \"Home\") {\n      adjustment = min;\n    } else if (key === \"End\") {\n      adjustment = max;\n    }\n    if (isNaN(adjustment)) {\n      return;\n    }\n    event.preventDefault();\n    const fixedDecimalAdjustment = Number(adjustment.toFixed(decimalPlaces(step)));\n    this.setValue({\n      [activeProp as SetValueProperty]: this.clamp(fixedDecimalAdjustment, activeProp),\n    });\n  }\n\n  @Listen(\"pointerdown\")\n  pointerDownHandler(event: PointerEvent): void {\n    if (this.disabled || !isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    const x = event.clientX || event.pageX;\n    const position = this.translate(x);\n    let prop: ActiveSliderProperty = \"value\";\n    if (isRange(this.value)) {\n      const inRange = position >= this.minValue && position <= this.maxValue;\n      if (inRange && this.lastDragProp === \"minMaxValue\") {\n        prop = \"minMaxValue\";\n      } else {\n        const closerToMax = Math.abs(this.maxValue - position) < Math.abs(this.minValue - position);\n        prop = closerToMax || position > this.maxValue ? \"maxValue\" : \"minValue\";\n      }\n    }\n    this.lastDragPropValue = this[prop];\n    this.dragStart(prop);\n    const isThumbActive = this.el.shadowRoot.querySelector(\".thumb:active\");\n    if (!isThumbActive) {\n      this.setValue({ [prop as SetValueProperty]: this.clamp(position, prop) });\n    }\n    this.focusActiveHandle(x);\n  }\n\n  handleTouchStart(event: TouchEvent): void {\n    // needed to prevent extra click at the end of a handle drag\n    event.preventDefault();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Fires on all updates to the component.\n   *\n   * **Note:** Will be fired frequently during drag. If you are performing any\n   * expensive operations consider using a debounce or throttle to avoid\n   * locking up the main thread.\n   */\n  @Event({ cancelable: false }) calciteSliderInput: EventEmitter<void>;\n\n  /**\n   * Fires when the thumb is released on the component.\n   *\n   * **Note:** If you need to constantly listen to the drag event,\n   * use `calciteSliderInput` instead.\n   */\n  @Event({ cancelable: false }) calciteSliderChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    const handle = this.minHandle ? this.minHandle : this.maxHandle;\n    handle?.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSliderElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Slider[\"value\"];\n\n  private activeProp: ActiveSliderProperty = \"value\";\n\n  private guid = `calcite-slider-${guid()}`;\n\n  private dragProp: ActiveSliderProperty;\n\n  private lastDragProp: ActiveSliderProperty;\n\n  private lastDragPropValue: number;\n\n  private minHandle: HTMLDivElement;\n\n  private maxHandle: HTMLDivElement;\n\n  private trackEl: HTMLDivElement;\n\n  @State() effectiveLocale = \"\";\n\n  @State() private minMaxValueRange: number = null;\n\n  @State() private minValueDragRange: number = null;\n\n  @State() private maxValueDragRange: number = null;\n\n  @State() private tickValues: number[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  setValueFromMinMax(): void {\n    const { minValue, maxValue } = this;\n\n    if (typeof minValue === \"number\" && typeof maxValue === \"number\") {\n      this.value = [minValue, maxValue];\n    }\n  }\n\n  setMinMaxFromValue(): void {\n    const { value } = this;\n\n    if (isRange(value)) {\n      this.minValue = value[0];\n      this.maxValue = value[1];\n    }\n  }\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private shouldMirror(): boolean {\n    return this.mirrored && !this.hasHistogram;\n  }\n\n  private shouldUseMinValue(): boolean {\n    if (!isRange(this.value)) {\n      return false;\n    }\n    return (\n      (this.hasHistogram && this.maxValue === 0) || (!this.hasHistogram && this.minValue === 0)\n    );\n  }\n\n  private getTickDensity(): number {\n    const density = (this.max - this.min) / this.ticks / maxTickElementThreshold;\n\n    return density < 1 ? 1 : density;\n  }\n\n  private generateTickValues(): number[] {\n    const tickInterval = this.ticks ?? 0;\n\n    if (tickInterval <= 0) {\n      return [];\n    }\n\n    const ticks: number[] = [this.min];\n    const density = this.getTickDensity();\n    const tickOffset = tickInterval * density;\n    let current = this.min;\n\n    while (current < this.max) {\n      current += tickOffset;\n      ticks.push(Math.min(current, this.max));\n    }\n\n    if (!ticks.includes(this.max)) {\n      ticks.push(this.max);\n    }\n\n    return ticks;\n  }\n\n  private pointerDownDragStart(event: PointerEvent, prop: ActiveSliderProperty): void {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    this.dragStart(prop);\n  }\n\n  private dragStart(prop: ActiveSliderProperty): void {\n    this.dragProp = prop;\n    this.lastDragProp = this.dragProp;\n    this.activeProp = prop;\n    window.addEventListener(\"pointermove\", this.dragUpdate);\n    window.addEventListener(\"pointerup\", this.pointerUpDragEnd);\n    window.addEventListener(\"pointercancel\", this.dragEnd);\n  }\n\n  private focusActiveHandle(valueX: number): void {\n    switch (this.dragProp) {\n      case \"minValue\":\n        this.minHandle.focus();\n        break;\n      case \"maxValue\":\n      case \"value\":\n        this.maxHandle.focus();\n        break;\n      case \"minMaxValue\":\n        this.getClosestHandle(valueX).focus();\n        break;\n      default:\n        break;\n    }\n  }\n\n  private dragUpdate = (event: PointerEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    event.preventDefault();\n    if (this.dragProp) {\n      const value = this.translate(event.clientX || event.pageX);\n      if (isRange(this.value) && this.dragProp === \"minMaxValue\") {\n        if (this.minValueDragRange && this.maxValueDragRange && this.minMaxValueRange) {\n          const newMinValue = value - this.minValueDragRange;\n          const newMaxValue = value + this.maxValueDragRange;\n          if (\n            newMaxValue <= this.max &&\n            newMinValue >= this.min &&\n            newMaxValue - newMinValue === this.minMaxValueRange\n          ) {\n            this.setValue({\n              minValue: this.clamp(newMinValue, \"minValue\"),\n              maxValue: this.clamp(newMaxValue, \"maxValue\"),\n            });\n          }\n        } else {\n          this.minValueDragRange = value - this.minValue;\n          this.maxValueDragRange = this.maxValue - value;\n          this.minMaxValueRange = this.maxValue - this.minValue;\n        }\n      } else {\n        this.setValue({ [this.dragProp as SetValueProperty]: this.clamp(value, this.dragProp) });\n      }\n    }\n  };\n\n  private emitInput(): void {\n    this.calciteSliderInput.emit();\n  }\n\n  private emitChange(): void {\n    this.calciteSliderChange.emit();\n  }\n\n  private pointerUpDragEnd = (event: PointerEvent): void => {\n    if (this.disabled || !isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    this.dragEnd(event);\n  };\n\n  private dragEnd = (event: PointerEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.removeDragListeners();\n    this.focusActiveHandle(event.clientX);\n    if (this.lastDragPropValue != this[this.dragProp]) {\n      this.emitChange();\n    }\n    this.dragProp = null;\n    this.lastDragPropValue = null;\n    this.minValueDragRange = null;\n    this.maxValueDragRange = null;\n    this.minMaxValueRange = null;\n  };\n\n  private removeDragListeners() {\n    window.removeEventListener(\"pointermove\", this.dragUpdate);\n    window.removeEventListener(\"pointerup\", this.pointerUpDragEnd);\n    window.removeEventListener(\"pointercancel\", this.dragEnd);\n  }\n\n  /**\n   * Set prop value(s) if changed at the component level\n   *\n   * @param {object} values - a set of key/value pairs delineating what properties in the component to update\n   */\n  private setValue(\n    values: Partial<{\n      [Property in keyof Pick<Slider, \"maxValue\" | \"minValue\" | \"value\">]: number;\n    }>,\n  ): void {\n    let valueChanged: boolean;\n\n    Object.keys(values).forEach((propName) => {\n      const newValue = values[propName];\n\n      if (!valueChanged) {\n        const oldValue = this[propName];\n        valueChanged = oldValue !== newValue;\n      }\n\n      this[propName] = newValue;\n    });\n\n    if (!valueChanged) {\n      return;\n    }\n\n    const dragging = this.dragProp;\n    if (!dragging) {\n      this.emitChange();\n    }\n    this.emitInput();\n  }\n\n  /**\n   * Set the reference of the track Element\n   *\n   * @internal\n   * @param node\n   */\n  private storeTrackRef = (node: HTMLDivElement): void => {\n    this.trackEl = node;\n  };\n\n  /**\n   * If number is outside range, constrain to min or max\n   *\n   * @param value\n   * @param prop\n   * @internal\n   */\n  private clamp(value: number, prop?: ActiveSliderProperty): number {\n    value = clamp(value, this.min, this.max);\n\n    // ensure that maxValue and minValue don't swap positions\n    if (prop === \"maxValue\") {\n      value = Math.max(value, this.minValue);\n    }\n    if (prop === \"minValue\") {\n      value = Math.min(value, this.maxValue);\n    }\n    return value;\n  }\n\n  /**\n   * Translate a pixel position to value along the range\n   *\n   * @param x\n   * @internal\n   */\n  private translate(x: number): number {\n    const range = this.max - this.min;\n    const { left, width } = this.trackEl.getBoundingClientRect();\n    const percent = (x - left) / width;\n    const mirror = this.shouldMirror();\n    const clampedValue = this.clamp(this.min + range * (mirror ? 1 - percent : percent));\n    let value = Number(clampedValue.toFixed(decimalPlaces(this.step)));\n    if (this.snap && this.step) {\n      value = this.getClosestStep(value);\n    }\n    return value;\n  }\n\n  /**\n   * Get closest allowed value along stepped values\n   *\n   * @param num\n   * @internal\n   */\n  private getClosestStep(num: number): number {\n    num = Number(this.clamp(num).toFixed(decimalPlaces(this.step)));\n    if (this.step) {\n      const step = Math.round(num / this.step) * this.step;\n      num = Number(this.clamp(step).toFixed(decimalPlaces(this.step)));\n    }\n    return num;\n  }\n\n  private getClosestHandle(valueX: number): HTMLDivElement {\n    return this.getDistanceX(this.maxHandle, valueX) > this.getDistanceX(this.minHandle, valueX)\n      ? this.minHandle\n      : this.maxHandle;\n  }\n\n  private getDistanceX(el: HTMLDivElement, valueX: number): number {\n    return Math.abs(el.getBoundingClientRect().left - valueX);\n  }\n\n  private getFontSizeForElement(element: HTMLElement): number {\n    return Number(window.getComputedStyle(element).getPropertyValue(\"font-size\").match(/\\d+/)[0]);\n  }\n\n  /**\n   * Get position of value along range as fractional value\n   *\n   * @param num\n   * @return {number} number in the unit interval [0,1]\n   * @internal\n   */\n  private getUnitInterval(num: number): number {\n    num = this.clamp(num);\n    const range = this.max - this.min;\n    return (num - this.min) / range;\n  }\n\n  private adjustHostObscuredHandleLabel(name: \"value\" | \"minValue\"): void {\n    const label: HTMLSpanElement = this.el.shadowRoot.querySelector(`.handle__label--${name}`);\n    const labelStatic: HTMLSpanElement = this.el.shadowRoot.querySelector(\n      `.handle__label--${name}.static`,\n    );\n    const labelTransformed: HTMLSpanElement = this.el.shadowRoot.querySelector(\n      `.handle__label--${name}.transformed`,\n    );\n    const labelStaticBounds = labelStatic.getBoundingClientRect();\n    const labelStaticOffset = this.getHostOffset(labelStaticBounds.left, labelStaticBounds.right);\n    label.style.transform = `translateX(${labelStaticOffset}px)`;\n    labelTransformed.style.transform = `translateX(${labelStaticOffset}px)`;\n  }\n\n  private hyphenateCollidingRangeHandleLabels(): void {\n    const { shadowRoot } = this.el;\n\n    const mirror = this.shouldMirror();\n    const leftModifier = mirror ? \"value\" : \"minValue\";\n    const rightModifier = mirror ? \"minValue\" : \"value\";\n\n    const leftValueLabel: HTMLSpanElement = shadowRoot.querySelector(\n      `.handle__label--${leftModifier}`,\n    );\n    const leftValueLabelStatic: HTMLSpanElement = shadowRoot.querySelector(\n      `.handle__label--${leftModifier}.static`,\n    );\n    const leftValueLabelTransformed: HTMLSpanElement = shadowRoot.querySelector(\n      `.handle__label--${leftModifier}.transformed`,\n    );\n    const leftValueLabelStaticHostOffset = this.getHostOffset(\n      leftValueLabelStatic.getBoundingClientRect().left,\n      leftValueLabelStatic.getBoundingClientRect().right,\n    );\n\n    const rightValueLabel: HTMLSpanElement = shadowRoot.querySelector(\n      `.handle__label--${rightModifier}`,\n    );\n    const rightValueLabelStatic: HTMLSpanElement = shadowRoot.querySelector(\n      `.handle__label--${rightModifier}.static`,\n    );\n    const rightValueLabelTransformed: HTMLSpanElement = shadowRoot.querySelector(\n      `.handle__label--${rightModifier}.transformed`,\n    );\n    const rightValueLabelStaticHostOffset = this.getHostOffset(\n      rightValueLabelStatic.getBoundingClientRect().left,\n      rightValueLabelStatic.getBoundingClientRect().right,\n    );\n\n    const labelFontSize = this.getFontSizeForElement(leftValueLabel);\n    const labelTransformedOverlap = this.getRangeLabelOverlap(\n      leftValueLabelTransformed,\n      rightValueLabelTransformed,\n    );\n\n    const hyphenLabel = leftValueLabel;\n    const labelOffset = labelFontSize / 2;\n\n    if (labelTransformedOverlap > 0) {\n      hyphenLabel.classList.add(\"hyphen\", \"hyphen--wrap\");\n      if (rightValueLabelStaticHostOffset === 0 && leftValueLabelStaticHostOffset === 0) {\n        // Neither handle overlaps the host boundary\n        let leftValueLabelTranslate = labelTransformedOverlap / 2 - labelOffset;\n        leftValueLabelTranslate =\n          Math.sign(leftValueLabelTranslate) === -1\n            ? Math.abs(leftValueLabelTranslate)\n            : -leftValueLabelTranslate;\n\n        const leftValueLabelTransformedHostOffset = this.getHostOffset(\n          leftValueLabelTransformed.getBoundingClientRect().left +\n            leftValueLabelTranslate -\n            labelOffset,\n          leftValueLabelTransformed.getBoundingClientRect().right +\n            leftValueLabelTranslate -\n            labelOffset,\n        );\n\n        let rightValueLabelTranslate = labelTransformedOverlap / 2;\n        const rightValueLabelTransformedHostOffset = this.getHostOffset(\n          rightValueLabelTransformed.getBoundingClientRect().left + rightValueLabelTranslate,\n          rightValueLabelTransformed.getBoundingClientRect().right + rightValueLabelTranslate,\n        );\n\n        if (leftValueLabelTransformedHostOffset !== 0) {\n          leftValueLabelTranslate += leftValueLabelTransformedHostOffset;\n          rightValueLabelTranslate += leftValueLabelTransformedHostOffset;\n        }\n\n        if (rightValueLabelTransformedHostOffset !== 0) {\n          leftValueLabelTranslate += rightValueLabelTransformedHostOffset;\n          rightValueLabelTranslate += rightValueLabelTransformedHostOffset;\n        }\n\n        leftValueLabel.style.transform = `translateX(${leftValueLabelTranslate}px)`;\n        leftValueLabelTransformed.style.transform = `translateX(${\n          leftValueLabelTranslate - labelOffset\n        }px)`;\n        rightValueLabel.style.transform = `translateX(${rightValueLabelTranslate}px)`;\n        rightValueLabelTransformed.style.transform = `translateX(${rightValueLabelTranslate}px)`;\n      } else if (leftValueLabelStaticHostOffset > 0 || rightValueLabelStaticHostOffset > 0) {\n        // labels overlap host boundary on the left side\n        leftValueLabel.style.transform = `translateX(${\n          leftValueLabelStaticHostOffset + labelOffset\n        }px)`;\n        rightValueLabel.style.transform = `translateX(${\n          labelTransformedOverlap + rightValueLabelStaticHostOffset\n        }px)`;\n        rightValueLabelTransformed.style.transform = `translateX(${\n          labelTransformedOverlap + rightValueLabelStaticHostOffset\n        }px)`;\n      } else if (leftValueLabelStaticHostOffset < 0 || rightValueLabelStaticHostOffset < 0) {\n        // labels overlap host boundary on the right side\n        let leftValueLabelTranslate =\n          Math.abs(leftValueLabelStaticHostOffset) + labelTransformedOverlap - labelOffset;\n        leftValueLabelTranslate =\n          Math.sign(leftValueLabelTranslate) === -1\n            ? Math.abs(leftValueLabelTranslate)\n            : -leftValueLabelTranslate;\n        leftValueLabel.style.transform = `translateX(${leftValueLabelTranslate}px)`;\n        leftValueLabelTransformed.style.transform = `translateX(${\n          leftValueLabelTranslate - labelOffset\n        }px)`;\n      }\n    } else {\n      hyphenLabel.classList.remove(\"hyphen\", \"hyphen--wrap\");\n      leftValueLabel.style.transform = `translateX(${leftValueLabelStaticHostOffset}px)`;\n      leftValueLabelTransformed.style.transform = `translateX(${leftValueLabelStaticHostOffset}px)`;\n      rightValueLabel.style.transform = `translateX(${rightValueLabelStaticHostOffset}px)`;\n      rightValueLabelTransformed.style.transform = `translateX(${rightValueLabelStaticHostOffset}px)`;\n    }\n  }\n\n  /**\n   * Hides bounding tick labels that are obscured by either handle.\n   */\n  private hideObscuredBoundingTickLabels(): void {\n    const valueIsRange = isRange(this.value);\n    if (!this.hasHistogram && !valueIsRange && !this.labelHandles && !this.precise) {\n      return;\n    }\n    if (!this.hasHistogram && !valueIsRange && this.labelHandles && !this.precise) {\n      return;\n    }\n    if (!this.hasHistogram && !valueIsRange && !this.labelHandles && this.precise) {\n      return;\n    }\n    if (!this.hasHistogram && !valueIsRange && this.labelHandles && this.precise) {\n      return;\n    }\n    if (!this.hasHistogram && valueIsRange && !this.precise) {\n      return;\n    }\n    if (this.hasHistogram && !this.precise && !this.labelHandles) {\n      return;\n    }\n\n    const minHandle: HTMLDivElement | null = this.el.shadowRoot.querySelector(\".thumb--minValue\");\n    const maxHandle: HTMLDivElement | null = this.el.shadowRoot.querySelector(\".thumb--value\");\n\n    const minTickLabel: HTMLSpanElement | null =\n      this.el.shadowRoot.querySelector(\".tick__label--min\");\n    const maxTickLabel: HTMLSpanElement | null =\n      this.el.shadowRoot.querySelector(\".tick__label--max\");\n\n    if (!minHandle && maxHandle && minTickLabel && maxTickLabel) {\n      minTickLabel.style.opacity = this.isMinTickLabelObscured(minTickLabel, maxHandle) ? \"0\" : \"1\";\n      maxTickLabel.style.opacity = this.isMaxTickLabelObscured(maxTickLabel, maxHandle) ? \"0\" : \"1\";\n    }\n\n    if (minHandle && maxHandle && minTickLabel && maxTickLabel) {\n      minTickLabel.style.opacity =\n        this.isMinTickLabelObscured(minTickLabel, minHandle) ||\n        this.isMinTickLabelObscured(minTickLabel, maxHandle)\n          ? \"0\"\n          : \"1\";\n      maxTickLabel.style.opacity =\n        this.isMaxTickLabelObscured(maxTickLabel, minHandle) ||\n        (this.isMaxTickLabelObscured(maxTickLabel, maxHandle) && this.hasHistogram)\n          ? \"0\"\n          : \"1\";\n    }\n  }\n\n  /**\n   * Returns an integer representing the number of pixels to offset on the left or right side based on desired position behavior.\n   *\n   * @param leftBounds\n   * @param rightBounds\n   * @internal\n   */\n  private getHostOffset(leftBounds: number, rightBounds: number): number {\n    const hostBounds = this.el.getBoundingClientRect();\n    const buffer = 7;\n\n    if (leftBounds + buffer < hostBounds.left) {\n      return hostBounds.left - leftBounds - buffer;\n    }\n\n    if (rightBounds - buffer > hostBounds.right) {\n      return -(rightBounds - hostBounds.right) + buffer;\n    }\n\n    return 0;\n  }\n\n  /**\n   * Returns an integer representing the number of pixels that the two given span elements are overlapping, taking into account\n   * a space in between the two spans equal to the font-size set on them to account for the space needed to render a hyphen.\n   *\n   * @param leftLabel\n   * @param rightLabel\n   */\n  private getRangeLabelOverlap(leftLabel: HTMLSpanElement, rightLabel: HTMLSpanElement): number {\n    const leftLabelBounds = leftLabel.getBoundingClientRect();\n    const rightLabelBounds = rightLabel.getBoundingClientRect();\n    const leftLabelFontSize = this.getFontSizeForElement(leftLabel);\n    const rangeLabelOverlap = leftLabelBounds.right + leftLabelFontSize - rightLabelBounds.left;\n\n    return Math.max(rangeLabelOverlap, 0);\n  }\n\n  /**\n   * Returns a boolean value representing if the minLabel span element is obscured (being overlapped) by the given handle div element.\n   *\n   * @param minLabel\n   * @param handle\n   */\n  private isMinTickLabelObscured(minLabel: HTMLSpanElement, handle: HTMLDivElement): boolean {\n    const minLabelBounds = minLabel.getBoundingClientRect();\n    const handleBounds = handle.getBoundingClientRect();\n    return intersects(minLabelBounds, handleBounds);\n  }\n\n  /**\n   * Returns a boolean value representing if the maxLabel span element is obscured (being overlapped) by the given handle div element.\n   *\n   * @param maxLabel\n   * @param handle\n   */\n  private isMaxTickLabelObscured(maxLabel: HTMLSpanElement, handle: HTMLDivElement): boolean {\n    const maxLabelBounds = maxLabel.getBoundingClientRect();\n    const handleBounds = handle.getBoundingClientRect();\n    return intersects(maxLabelBounds, handleBounds);\n  }\n\n  /**\n   * Returns a string representing the localized label value based if the groupSeparator prop is parsed.\n   *\n   * @param value\n   */\n  private determineGroupSeparator = (value: number): string => {\n    if (typeof value === \"number\") {\n      numberStringFormatter.numberFormatOptions = {\n        locale: this.effectiveLocale,\n        numberingSystem: this.numberingSystem,\n        useGrouping: this.groupSeparator,\n      };\n\n      return numberStringFormatter.localize(value.toString());\n    }\n  };\n}\n"],"mappings":"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"}

package/dist/calcite/p-e04bf743.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.2.0-next.11
+ */
+import{r as e,h as t,g as i}from"./p-3401e225.js";import{c as n,d as o}from"./p-9d1c5523.js";import{e as s}from"./p-d3627cbd.js";import{c,d as a,u as r,I as l}from"./p-ad553e66.js";import"./p-5078829f.js";import"./p-da68df06.js";import"./p-7183efb5.js";import"./p-902b3ccb.js";const d={contentStart:"content-start",contentEnd:"content-end"};const h=":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{box-sizing:border-box;display:inline-block;-webkit-user-select:none;user-select:none;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .container{pointer-events:none;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:0.5rem}:host .content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;gap:0.5rem;inline-size:10%}:host .content-container{display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;padding:0px;color:var(--calcite-color-text-2);outline-color:transparent}:host .content-slot-container{display:flex;align-items:center;background-color:var(--calcite-color-foreground-1)}:host .content-slot-container:first-child{padding-inline:0 0.75rem}:host .content-slot-container:last-child{padding-inline:0.75rem 0}:host .heading{pointer-events:none;overflow-wrap:break-word;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .large-visual{align-items:center;text-align:center;min-block-size:12rem}:host .large-visual .icon{display:flex;justify-content:center;align-self:flex-end}:host .large-visual .content-container{align-self:center}:host .description{pointer-events:none;overflow-wrap:break-word;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host([href]) .heading,:host([href]:hover) .heading{text-decoration-line:underline;color:var(--calcite-color-text-link)}:host(:not([embed])){padding:0.75rem;box-shadow:0 0 0 1px var(--calcite-color-border-2)}:host(:not([embed])[href]:hover){cursor:pointer;box-shadow:0 0 0 2px var(--calcite-color-brand)}:host(:not([embed])[href]:active){box-shadow:0 0 0 3px var(--calcite-color-brand)}:host([icon][heading]:not([description]):not([embed])){padding:0px}:host([icon][heading]:not([description])) .icon{display:flex;justify-content:center}:host([icon][heading]:not([description])) .large-visual{text-align:center}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host(:hover) .heading,:host([active]) .heading{color:var(--calcite-color-text-1)}:host(:hover) .description,:host([active]) .description{color:var(--calcite-color-text-2)}:host([hidden]){display:none}[hidden]{display:none}";const p=class{constructor(t){e(this,t);this.active=false;this.description=undefined;this.disabled=false;this.embed=false;this.focused=false;this.heading=undefined;this.hidden=false;this.href=undefined;this.icon=undefined;this.iconFlipRtl=false}connectedCallback(){n(this);c(this)}disconnectedCallback(){o(this);a(this)}componentDidRender(){r(this)}renderTile(){const{icon:e,el:i,heading:n,description:o,iconFlipRtl:c}=this;const a=n&&e&&!o;const r=a?{height:"64px",width:"64px"}:undefined;return t("div",{class:{container:true,"large-visual":a}},e&&t("div",{class:"icon"},t("calcite-icon",{flipRtl:c,icon:e,scale:"l",style:r})),t("div",{class:"content-container"},s(i,d.contentStart)?t("div",{class:"content-slot-container"},t("slot",{name:d.contentStart})):null,t("div",{class:"content"},n&&t("div",{class:"heading"},n),o&&t("div",{class:"description"},o)),s(i,d.contentEnd)?t("div",{class:"content-slot-container"},t("slot",{name:d.contentEnd})):null))}render(){const{disabled:e}=this;return t(l,{disabled:e},this.href?t("calcite-link",{disabled:e,href:this.href},this.renderTile()):this.renderTile())}get el(){return i(this)}};p.style=h;export{p as calcite_tile};
+//# sourceMappingURL=p-e04bf743.entry.js.map

package/dist/calcite/p-e3e91631.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.2.0-next.11
+ */
+import{d as e}from"./p-ced06054.js";import"./p-3401e225.js";import"./p-a9907b09.js";import"./p-d3627cbd.js";import"./p-da68df06.js";import"./p-7183efb5.js";import"./p-ad553e66.js";import"./p-902b3ccb.js";import"./p-72a3e0eb.js";import"./p-a5afbe13.js";import"./p-465e3b6d.js";import"./p-163b702a.js";import"./p-03514f40.js";import"./p-5078829f.js";import"./p-35de244d.js";import"./p-2b228bdb.js";import"./p-156ce16b.js";import"./p-ecbf8738.js";import"./p-8c2c7db0.js";var m={name:"fr-ch",weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),months:"janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"),weekStart:1,weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),monthsShort:"janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),ordinal:function e(m){return m},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:"dans %s",past:"il y a %s",s:"quelques secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"}};e.locale(m,null,true);export default m;
+//# sourceMappingURL=p-e3e91631.js.map

package/dist/calcite/p-e54d80ea.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.2.0-next.11
+ */
+const t={menu:"menu",defaultTrigger:"default-trigger"};const e={tooltip:"tooltip",trigger:"trigger"};const a={menu:"ellipsis"};const s="data-active";export{t as C,a as I,e as S,s as a};
+//# sourceMappingURL=p-e54d80ea.js.map

package/dist/calcite/p-e57c8997.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.2.0-next.11
+ */
+import{d as e}from"./p-ced06054.js";import"./p-3401e225.js";import"./p-a9907b09.js";import"./p-d3627cbd.js";import"./p-da68df06.js";import"./p-7183efb5.js";import"./p-ad553e66.js";import"./p-902b3ccb.js";import"./p-72a3e0eb.js";import"./p-a5afbe13.js";import"./p-465e3b6d.js";import"./p-163b702a.js";import"./p-03514f40.js";import"./p-5078829f.js";import"./p-35de244d.js";import"./p-2b228bdb.js";import"./p-156ce16b.js";import"./p-ecbf8738.js";import"./p-8c2c7db0.js";var o={name:"pt",weekdays:"domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado".split("_"),weekdaysShort:"dom_seg_ter_qua_qui_sex_sab".split("_"),weekdaysMin:"Do_2ª_3ª_4ª_5ª_6ª_Sa".split("_"),months:"janeiro_fevereiro_março_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro".split("_"),monthsShort:"jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez".split("_"),ordinal:function e(o){return o+"º"},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY [às] HH:mm",LLLL:"dddd, D [de] MMMM [de] YYYY [às] HH:mm"},relativeTime:{future:"em %s",past:"há %s",s:"alguns segundos",m:"um minuto",mm:"%d minutos",h:"uma hora",hh:"%d horas",d:"um dia",dd:"%d dias",M:"um mês",MM:"%d meses",y:"um ano",yy:"%d anos"}};e.locale(o,null,true);export default o;
+//# sourceMappingURL=p-e57c8997.js.map

package/dist/calcite/p-e7a19067.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.2.0-next.11
+ */
+import{d as e}from"./p-ced06054.js";import"./p-3401e225.js";import"./p-a9907b09.js";import"./p-d3627cbd.js";import"./p-da68df06.js";import"./p-7183efb5.js";import"./p-ad553e66.js";import"./p-902b3ccb.js";import"./p-72a3e0eb.js";import"./p-a5afbe13.js";import"./p-465e3b6d.js";import"./p-163b702a.js";import"./p-03514f40.js";import"./p-5078829f.js";import"./p-35de244d.js";import"./p-2b228bdb.js";import"./p-156ce16b.js";import"./p-ecbf8738.js";import"./p-8c2c7db0.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 n=r[i];if(Array.isArray(n)){n=n[t?0:1]}return n.replace("%d",e)}var i={name:"de-at",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:"Jänner_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jän._Feb._März_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,formats:{LTS:"HH:mm:ss",LT:"HH:mm",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 default i;
+//# sourceMappingURL=p-e7a19067.js.map

package/dist/calcite/p-e86d6fe4.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.2.0-next.11
+ */
+import{r as e,c as t,h as i,g as o}from"./p-3401e225.js";import{c as n,d as a}from"./p-9d1c5523.js";import{t as s,e as l}from"./p-d3627cbd.js";import{c as r,d as c}from"./p-03514f40.js";import{c as d,d as h,s as m,u as f}from"./p-156ce16b.js";import"./p-5078829f.js";import"./p-da68df06.js";import"./p-7183efb5.js";import"./p-72a3e0eb.js";const p={container:"container",header:"header",footer:"footer",title:"title",subtitle:"subtitle",checkboxWrapper:"checkbox-wrapper",thumbnailWrapper:"thumbnail-wrapper"};const b={thumbnail:"thumbnail",title:"title",subtitle:"subtitle",footerStart:"footer-start",footerEnd:"footer-end"};const u=":host{display:block;max-inline-size:100%}:host .calcite-card-container{position:relative;display:flex;block-size:100%;flex-direction:column;justify-content:space-between;overflow:hidden;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);border-radius:var(--calcite-border-radius-base)}.container{position:relative;display:flex;flex:1 1 auto;flex-direction:column}:host([loading]) .calcite-card-container *:not(calcite-loader):not(.calcite-card-loader-container){pointer-events:none;opacity:0}:host([loading]) .calcite-card-loader-container{position:absolute;inset:0px;display:flex;align-items:center}.header,.footer{display:flex;padding-inline:0.75rem;padding-block:0.75rem 0.25rem}.header{flex-direction:column}.footer{margin-block-start:auto;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:0.75rem;padding-block:0.25rem 0.75rem}.card-content{padding:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-color-text-3)}:host([selected]) .calcite-card-container{border-color:var(--calcite-color-brand)}slot[name=title]::slotted(*),*::slotted([slot=title]){margin:0px;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}:host([selectable]) .header{padding-inline-end:2rem}slot[name=subtitle]::slotted(*),*::slotted([slot=subtitle]){margin:0px;margin-block-start:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){min-inline-size:100%;max-inline-size:100%}slot[name=footer-start]::slotted(*),*::slotted([slot=footer-start]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375;margin-inline-end:auto}slot[name=footer-end]::slotted(*),*::slotted([slot=footer-end]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375}.checkbox-wrapper{position:absolute;margin:0px;padding:0px;inset-block-start:0.5rem;inset-inline-end:0.5rem}.thumbnail-wrapper{display:flex}.calcite-card-container.inline{flex-direction:row}.calcite-card-container.inline>.container{inline-size:60%}.calcite-card-container.inline>.thumbnail-wrapper{inline-size:40%;align-items:flex-start}.calcite-card-container.inline slot[name=thumbnail]::slotted(img),.calcite-card-container.inline img::slotted([slot=thumbnail]){inline-size:100%}slot[name=footer-start]::slotted(*),slot[name=footer-end]::slotted(*){display:flex;gap:0.25rem}:host([hidden]){display:none}[hidden]{display:none}";const g=class{constructor(i){e(this,i);this.calciteCardSelect=t(this,"calciteCardSelect",6);this.cardSelectClick=()=>{this.selectCard()};this.cardSelectKeyDown=e=>{switch(e.key){case" ":case"Enter":this.selectCard();e.preventDefault();break}};this.loading=false;this.selected=false;this.selectable=false;this.thumbnailPosition="block-start";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}onMessagesChange(){}connectedCallback(){n(this);r(this);d(this)}disconnectedCallback(){a(this);c(this);h(this)}async componentWillLoad(){await m(this)}render(){const e=this.thumbnailPosition.startsWith("inline");const t=this.thumbnailPosition.endsWith("start");return i("div",{class:{"calcite-card-container":true,inline:e}},this.loading?i("div",{"aria-live":"polite",class:"calcite-card-loader-container"},i("calcite-loader",{label:this.messages.loading})):null,t&&this.renderThumbnail(),i("section",{"aria-busy":s(this.loading),class:{[p.container]:true}},this.selectable?this.renderCheckbox():null,this.renderHeader(),i("div",{class:"card-content"},i("slot",null)),this.renderFooter()),!t&&this.renderThumbnail())}effectiveLocaleChange(){f(this,this.effectiveLocale)}selectCard(){this.selected=!this.selected;this.calciteCardSelect.emit()}renderThumbnail(){return l(this.el,b.thumbnail)?i("section",{class:p.thumbnailWrapper},i("slot",{name:b.thumbnail})):null}renderCheckbox(){return i("calcite-label",{class:p.checkboxWrapper,onClick:this.cardSelectClick,onKeyDown:this.cardSelectKeyDown},i("calcite-checkbox",{checked:this.selected,label:this.messages.select}))}renderHeader(){const{el:e}=this;const t=l(e,b.title);const o=l(e,b.subtitle);const n=t||o;return n?i("header",{class:p.header},i("slot",{name:b.title}),i("slot",{name:b.subtitle})):null}renderFooter(){const{el:e}=this;const t=l(e,b.footerStart);const o=l(e,b.footerEnd);const n=t||o;return n?i("footer",{class:p.footer},i("slot",{name:b.footerStart}),i("slot",{name:b.footerEnd})):null}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};g.style=u;export{g as calcite_card};
+//# sourceMappingURL=p-e86d6fe4.entry.js.map

package/dist/calcite/p-e941de73.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.2.0-next.11
+ */
+import{d as e}from"./p-ced06054.js";import"./p-3401e225.js";import"./p-a9907b09.js";import"./p-d3627cbd.js";import"./p-da68df06.js";import"./p-7183efb5.js";import"./p-ad553e66.js";import"./p-902b3ccb.js";import"./p-72a3e0eb.js";import"./p-a5afbe13.js";import"./p-465e3b6d.js";import"./p-163b702a.js";import"./p-03514f40.js";import"./p-5078829f.js";import"./p-35de244d.js";import"./p-2b228bdb.js";import"./p-156ce16b.js";import"./p-ecbf8738.js";import"./p-8c2c7db0.js";function t(e,t,a,s){var p={s:["mõne sekundi","mõni sekund","paar sekundit"],m:["ühe minuti","üks minut"],mm:["%d minuti","%d minutit"],h:["ühe tunni","tund aega","üks tund"],hh:["%d tunni","%d tundi"],d:["ühe päeva","üks päev"],M:["kuu aja","kuu aega","üks kuu"],MM:["%d kuu","%d kuud"],y:["ühe aasta","aasta","üks aasta"],yy:["%d aasta","%d aastat"]};if(t){return(p[a][2]?p[a][2]:p[a][1]).replace("%d",e)}return(s?p[a][0]:p[a][1]).replace("%d",e)}var a={name:"et",weekdays:"pühapäev_esmaspäev_teisipäev_kolmapäev_neljapäev_reede_laupäev".split("_"),weekdaysShort:"P_E_T_K_N_R_L".split("_"),weekdaysMin:"P_E_T_K_N_R_L".split("_"),months:"jaanuar_veebruar_märts_aprill_mai_juuni_juuli_august_september_oktoober_november_detsember".split("_"),monthsShort:"jaan_veebr_märts_apr_mai_juuni_juuli_aug_sept_okt_nov_dets".split("_"),ordinal:function e(t){return t+"."},weekStart:1,relativeTime:{future:"%s pärast",past:"%s tagasi",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:"%d päeva",M:t,MM:t,y:t,yy:t},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd, D. MMMM YYYY H:mm"}};e.locale(a,null,true);export default a;
+//# sourceMappingURL=p-e941de73.js.map

package/dist/calcite/p-ecbf8738.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.2.0-next.11
+ */
+import{e as t}from"./p-3401e225.js";function n(t){return"opened"in t?t.opened:t.open}function i(t,i=false){(i?t[t.transitionProp]:n(t))?t.onBeforeOpen():t.onBeforeClose();(i?t[t.transitionProp]:n(t))?t.onOpen():t.onClose()}function o(o,s=false){t((()=>{if(o.transitionEl){const{transitionDuration:t,transitionProperty:r}=getComputedStyle(o.transitionEl);const a=t.split(",");const e=r.split(",");const c=e.indexOf(o.openTransitionProp);const f=a[c]??a[0];if(f==="0s"){i(o,s);return}const u=setTimeout((()=>{o.transitionEl.removeEventListener("transitionstart",l);o.transitionEl.removeEventListener("transitionend",p);o.transitionEl.removeEventListener("transitioncancel",p);i(o,s)}),parseFloat(f)*1e3);o.transitionEl.addEventListener("transitionstart",l);o.transitionEl.addEventListener("transitionend",p);o.transitionEl.addEventListener("transitioncancel",p);function l(t){if(t.propertyName===o.openTransitionProp&&t.target===o.transitionEl){clearTimeout(u);o.transitionEl.removeEventListener("transitionstart",l);(s?o[o.transitionProp]:n(o))?o.onBeforeOpen():o.onBeforeClose()}}function p(t){if(t.propertyName===o.openTransitionProp&&t.target===o.transitionEl){(s?o[o.transitionProp]:n(o))?o.onOpen():o.onClose();o.transitionEl.removeEventListener("transitionend",p);o.transitionEl.removeEventListener("transitioncancel",p)}}}}))}export{o};
+//# sourceMappingURL=p-ecbf8738.js.map

package/dist/calcite/p-ecf5974f.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.2.0-next.11
+ */
+import{r as t,c as i,h as e,H as s,g as n}from"./p-3401e225.js";import{e as a,h as o,g as l}from"./p-d3627cbd.js";import{s as r,c,d as h,H as d}from"./p-a9907b09.js";import{c as p,d as u,u as f,I as m}from"./p-ad553e66.js";import{c as b,d as g,g as x}from"./p-a5afbe13.js";import{s as v,a as w,c as y}from"./p-163b702a.js";import{c as k,d as z}from"./p-03514f40.js";import{c as I}from"./p-5078829f.js";import{C as j}from"./p-7183efb5.js";import{u as C,c as L,d as W,s as E}from"./p-156ce16b.js";import{g as D}from"./p-465e3b6d.js";import{V as H}from"./p-8c2c7db0.js";import"./p-da68df06.js";import"./p-902b3ccb.js";import"./p-72a3e0eb.js";const F={loader:"loader",clearButton:"clear-button",editingEnabled:"editing-enabled",inlineChild:"inline-child",inputIcon:"icon",prefix:"prefix",suffix:"suffix",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",resizeIconWrapper:"resize-icon-wrapper"};const R={action:"action"};const T=":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:block}:host([scale=s]) input{padding-inline-start:0.5rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 0.5rem)}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .prefix,:host([scale=s]) .suffix{padding-inline:0.5rem}:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input{padding-inline-start:0.75rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 0.75rem)}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .prefix,:host([scale=m]) .suffix{padding-inline:0.75rem}:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input{padding-inline-start:1rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 1rem)}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .prefix,:host([scale=l]) .suffix{padding-inline:1rem}:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-radius:0px;background-color:var(--calcite-color-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}input:placeholder-shown{text-overflow:ellipsis}input{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);color:var(--calcite-color-text-1)}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1)}input[readonly]{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}input[readonly]:focus{color:var(--calcite-color-text-1)}calcite-icon{color:var(--calcite-color-text-3)}input{outline-color:transparent}input:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([status=invalid]) input{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);display:block;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}.clear-button{pointer-events:initial;order:4;margin:0px;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-color-foreground-2);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-color-text-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:active{background-color:var(--calcite-color-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-color-text-1)}.clear-button:focus{outline:2px solid 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          )}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-color-text-2)}.prefix{order:2;border-inline-end-width:0px}.suffix{order:5;border-inline-start-width:0px}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.validation-container{padding-block-start:0.5rem;display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";const V=class{constructor(e){t(this,e);this.calciteInternalInputTextFocus=i(this,"calciteInternalInputTextFocus",7);this.calciteInternalInputTextBlur=i(this,"calciteInternalInputTextBlur",7);this.calciteInputTextInput=i(this,"calciteInputTextInput",7);this.calciteInputTextChange=i(this,"calciteInputTextChange",7);this.previousValueOrigin="initial";this.mutationObserver=I("mutation",(()=>this.setDisabledAction()));this.userChangedValue=false;this.keyDownHandler=t=>{if(this.readOnly||this.disabled){return}if(this.isClearable&&t.key==="Escape"){this.clearInputTextValue(t);t.preventDefault()}if(t.key==="Enter"&&!t.defaultPrevented){if(r(this)){t.preventDefault()}}};this.clearInputTextValue=t=>{this.setValue({committing:true,nativeEvent:t,origin:"user",value:""})};this.emitChangeIfUserModified=()=>{if(this.previousValueOrigin==="user"&&this.value!==this.previousEmittedValue){this.calciteInputTextChange.emit();this.setPreviousEmittedValue(this.value)}};this.inputTextBlurHandler=()=>{this.calciteInternalInputTextBlur.emit({element:this.childEl,value:this.value});this.emitChangeIfUserModified()};this.clickHandler=t=>{if(this.disabled){return}const i=a(this.el,"action");if(t.target!==i){this.setFocus()}};this.inputTextFocusHandler=()=>{this.calciteInternalInputTextFocus.emit({element:this.childEl,value:this.value})};this.inputTextInputHandler=t=>{if(this.disabled||this.readOnly){return}this.setValue({nativeEvent:t,origin:"user",value:t.target.value})};this.inputTextKeyDownHandler=t=>{if(this.disabled||this.readOnly){return}if(t.key==="Enter"){this.emitChangeIfUserModified()}};this.hiddenInputChangeHandler=t=>{if(t.target.name===this.name){this.setValue({value:t.target.value,origin:"direct"})}t.stopPropagation()};this.setChildElRef=t=>{this.childEl=t};this.setInputValue=t=>{if(!this.childEl){return}this.childEl.value=t};this.setPreviousEmittedValue=t=>{this.previousEmittedValue=t};this.setPreviousValue=t=>{this.previousValue=t};this.setValue=({committing:t=false,nativeEvent:i,origin:e,previousValue:s,value:n})=>{this.setPreviousValue(s??this.value);this.previousValueOrigin=e;this.userChangedValue=e==="user"&&n!==this.value;this.value=n;if(e==="direct"){this.setInputValue(n);this.setPreviousEmittedValue(n)}if(i){const i=this.calciteInputTextInput.emit();if(i.defaultPrevented){this.value=this.previousValue}else if(t){this.emitChangeIfUserModified()}}};this.alignment="start";this.autofocus=false;this.clearable=false;this.disabled=false;this.form=undefined;this.hidden=false;this.icon=undefined;this.iconFlipRtl=false;this.label=undefined;this.loading=false;this.maxLength=undefined;this.minLength=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.name=undefined;this.placeholder=undefined;this.prefixText=undefined;this.readOnly=false;this.required=false;this.scale="m";this.status="idle";this.autocomplete=undefined;this.inputMode="text";this.enterKeyHint=undefined;this.pattern=undefined;this.suffixText=undefined;this.editingEnabled=false;this.value="";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined;this.slottedActionElDisabledInternally=false}disabledWatcher(){this.setDisabledAction()}onMessagesChange(){}valueWatcher(t,i){if(!this.userChangedValue){this.setValue({origin:"direct",previousValue:i,value:!t?"":t})}this.userChangedValue=false}updateRequestedIcon(){this.requestedIcon=o({},this.icon,"text")}get isClearable(){return this.clearable&&this.value.length>0}effectiveLocaleChange(){C(this,this.effectiveLocale)}connectedCallback(){p(this);k(this);L(this);this.inlineEditableEl=this.el.closest("calcite-inline-editable");if(this.inlineEditableEl){this.editingEnabled=this.inlineEditableEl.editingEnabled||false}this.setPreviousEmittedValue(this.value);this.setPreviousValue(this.value);b(this);c(this);this.mutationObserver?.observe(this.el,{childList:true});this.setDisabledAction();this.el.addEventListener("calciteInternalHiddenInputChange",this.hiddenInputChangeHandler)}disconnectedCallback(){u(this);g(this);h(this);z(this);W(this);this.mutationObserver?.disconnect();this.el.removeEventListener("calciteInternalHiddenInputChange",this.hiddenInputChangeHandler)}async componentWillLoad(){v(this);this.requestedIcon=o({},this.icon,"text");await E(this)}componentDidLoad(){w(this)}componentDidRender(){f(this)}async setFocus(){await y(this);this.childEl?.focus()}async selectText(){this.childEl?.select()}onLabelClick(){this.setFocus()}onFormReset(){this.setValue({origin:"reset",value:this.defaultValue})}syncHiddenFormInput(t){if(this.minLength!=null){t.minLength=this.minLength}if(this.maxLength!=null){t.maxLength=this.maxLength}}setDisabledAction(){const t=a(this.el,"action");if(!t){return}if(this.disabled){if(t.getAttribute("disabled")==null){this.slottedActionElDisabledInternally=true}t.setAttribute("disabled","")}else if(this.slottedActionElDisabledInternally){t.removeAttribute("disabled");this.slottedActionElDisabledInternally=false}}render(){const t=l(this.el);const i=e("div",{class:F.loader},e("calcite-progress",{label:this.messages.loading,type:"indeterminate"}));const n=e("button",{"aria-label":this.messages.clear,class:F.clearButton,disabled:this.disabled||this.readOnly,onClick:this.clearInputTextValue,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"x",scale:D(this.scale)}));const a=e("calcite-icon",{class:F.inputIcon,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:D(this.scale)});const o=e("div",{class:F.prefix},this.prefixText);const r=e("div",{class:F.suffix},this.suffixText);const c=e("input",{"aria-label":x(this),autocomplete:this.autocomplete,autofocus:this.autofocus?true:null,class:{[F.editingEnabled]:this.editingEnabled,[F.inlineChild]:!!this.inlineEditableEl},defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.enterKeyHint,inputMode:this.inputMode,maxLength:this.maxLength,minLength:this.minLength,name:this.name,onBlur:this.inputTextBlurHandler,onFocus:this.inputTextFocusHandler,onInput:this.inputTextInputHandler,onKeyDown:this.inputTextKeyDownHandler,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:this.readOnly,required:this.required?true:null,tabIndex:this.disabled||this.inlineEditableEl&&!this.editingEnabled?-1:null,type:"text",value:this.value,ref:this.setChildElRef});return e(s,{onClick:this.clickHandler,onKeyDown:this.keyDownHandler},e(m,{disabled:this.disabled},e("div",{class:{[F.inputWrapper]:true,[j.rtl]:t==="rtl"}},this.prefixText?o:null,e("div",{class:F.wrapper},c,this.isClearable?n:null,this.requestedIcon?a:null,this.loading?i:null),e("div",{class:F.actionWrapper},e("slot",{name:R.action})),this.suffixText?r:null,e(d,{component:this})),this.validationMessage?e(H,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{disabled:["disabledWatcher"],messageOverrides:["onMessagesChange"],value:["valueWatcher"],icon:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};V.style=T;export{V as calcite_input_text};
+//# sourceMappingURL=p-ecf5974f.entry.js.map

package/dist/calcite/p-ed0d2d66.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.2.0-next.11
+ */
+import{d as _}from"./p-ced06054.js";import"./p-3401e225.js";import"./p-a9907b09.js";import"./p-d3627cbd.js";import"./p-da68df06.js";import"./p-7183efb5.js";import"./p-ad553e66.js";import"./p-902b3ccb.js";import"./p-72a3e0eb.js";import"./p-a5afbe13.js";import"./p-465e3b6d.js";import"./p-163b702a.js";import"./p-03514f40.js";import"./p-5078829f.js";import"./p-35de244d.js";import"./p-2b228bdb.js";import"./p-156ce16b.js";import"./p-ecbf8738.js";import"./p-8c2c7db0.js";var r="січня_лютого_березня_квітня_травня_червня_липня_серпня_вересня_жовтня_листопада_грудня".split("_");var t="січень_лютий_березень_квітень_травень_червень_липень_серпень_вересень_жовтень_листопад_грудень".split("_");var p=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;function m(_,r){var t=_.split("_");return r%10===1&&r%100!==11?t[0]:r%10>=2&&r%10<=4&&(r%100<10||r%100>=20)?t[1]:t[2]}function e(_,r,t){var p={ss:r?"секунда_секунди_секунд":"секунду_секунди_секунд",mm:r?"хвилина_хвилини_хвилин":"хвилину_хвилини_хвилин",hh:r?"година_години_годин":"годину_години_годин",dd:"день_дні_днів",MM:"місяць_місяці_місяців",yy:"рік_роки_років"};if(t==="m"){return r?"хвилина":"хвилину"}else if(t==="h"){return r?"година":"годину"}return _+" "+m(p[t],+_)}var s=function _(m,e){if(p.test(e)){return r[m.month()]}return t[m.month()]};s.s=t;s.f=r;var o={name:"uk",weekdays:"неділя_понеділок_вівторок_середа_четвер_п’ятниця_субота".split("_"),weekdaysShort:"ндл_пнд_втр_срд_чтв_птн_сбт".split("_"),weekdaysMin:"нд_пн_вт_ср_чт_пт_сб".split("_"),months:s,monthsShort:"січ_лют_бер_квіт_трав_черв_лип_серп_вер_жовт_лист_груд".split("_"),weekStart:1,relativeTime:{future:"за %s",past:"%s тому",s:"декілька секунд",m:e,mm:e,h:e,hh:e,d:"день",dd:e,M:"місяць",MM:e,y:"рік",yy:e},ordinal:function _(r){return r},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"}};_.locale(o,null,true);export default o;
+//# sourceMappingURL=p-ed0d2d66.js.map

package/dist/calcite/p-eda07208.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.2.0-next.11
+ */
+import{d as e}from"./p-ced06054.js";import"./p-3401e225.js";import"./p-a9907b09.js";import"./p-d3627cbd.js";import"./p-da68df06.js";import"./p-7183efb5.js";import"./p-ad553e66.js";import"./p-902b3ccb.js";import"./p-72a3e0eb.js";import"./p-a5afbe13.js";import"./p-465e3b6d.js";import"./p-163b702a.js";import"./p-03514f40.js";import"./p-5078829f.js";import"./p-35de244d.js";import"./p-2b228bdb.js";import"./p-156ce16b.js";import"./p-ecbf8738.js";import"./p-8c2c7db0.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",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._Sept._Okt._Nov._Dez.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,yearStart:4,formats:{LTS:"HH:mm:ss",LT:"HH:mm",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 default i;
+//# sourceMappingURL=p-eda07208.js.map

package/dist/calcite/p-eea4b5c6.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.2.0-next.11
+ */
+import{r as e,c as t,h as s,H as i,g as a,F as r}from"./p-3401e225.js";import{j as n,c as o,e as h,g as c,h as d,f as l,s as f,k as p,i as u,l as g,n as v,p as y,m as b,o as m}from"./p-c21996d8.js";import{c as w,s as x,a as k}from"./p-163b702a.js";import{c as D,d as z,n as C,e as A}from"./p-03514f40.js";import{c as I,d as S,s as j,u as M}from"./p-156ce16b.js";import{c as P,t as H}from"./p-d3627cbd.js";import{I as R,c as L,u as O,d as W}from"./p-ad553e66.js";import{i as _}from"./p-72a3e0eb.js";import{H as Y}from"./p-3e5dfc05.js";import{g as E}from"./p-465e3b6d.js";import"./p-5078829f.js";import"./p-da68df06.js";import"./p-7183efb5.js";import"./p-902b3ccb.js";const N=2;const F={dateStyle:"full"};const K=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:inline-block;inline-size:auto;overflow:visible;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1);vertical-align:top}:host([scale=s]){inline-size:234px;min-inline-size:216px;max-inline-size:380px}:host([scale=m]){inline-size:304px;min-inline-size:272px;max-inline-size:480px}:host([scale=l]){inline-size:370px;min-inline-size:320px;max-inline-size:600px}:host([hidden]){display:none}[hidden]{display:none}";const T=class{constructor(s){e(this,s);this.calciteDatePickerChange=t(this,"calciteDatePickerChange",6);this.calciteDatePickerRangeChange=t(this,"calciteDatePickerRangeChange",6);this.keyDownHandler=e=>{if(e.key==="Escape"){this.resetActiveDates()}};this.monthHeaderSelectChange=e=>{const t=new Date(e.detail);if(!this.range){this.activeDate=t}else{if(this.activeRange==="end"){this.activeEndDate=t}else{this.activeStartDate=t}this.mostRecentRangeValue=t}};this.monthActiveDateChange=e=>{const t=new Date(e.detail);if(!this.range){this.activeDate=t}else{if(this.activeRange==="end"){this.activeEndDate=t}else{this.activeStartDate=t}this.mostRecentRangeValue=t}};this.monthHoverChange=e=>{if(!this.range){this.hoverRange=undefined;return}const{valueAsDate:t}=this;const s=Array.isArray(t)&&t[0];const i=Array.isArray(t)&&t[1];const a=new Date(e.detail);this.hoverRange={focused:this.activeRange||"start",start:s,end:i};if(!this.proximitySelectionDisabled){if(s&&i){const e=n(a,s);const t=n(a,i);if(t>0){this.hoverRange.end=a;this.hoverRange.focused="end"}else if(e<0){this.hoverRange.start=a;this.hoverRange.focused="start"}else if(e>t){this.hoverRange.start=a;this.hoverRange.focused="start"}else{this.hoverRange.end=a;this.hoverRange.focused="end"}}else{if(s){if(a<s){this.hoverRange={focused:"start",start:a,end:s}}else{this.hoverRange.end=a;this.hoverRange.focused="end"}}}}else{if(!i){if(a<s){this.hoverRange={focused:"start",start:a,end:s}}else{this.hoverRange.end=a;this.hoverRange.focused="end"}}else{this.hoverRange=undefined}}e.stopPropagation()};this.monthMouseOutChange=()=>{if(this.hoverRange){this.hoverRange=undefined}};this.resetActiveDates=()=>{const{valueAsDate:e}=this;if(!Array.isArray(e)&&e&&e!==this.activeDate){this.activeDate=new Date(e)}if(Array.isArray(e)){if(e[0]&&e[0]!==this.activeStartDate){this.activeStartDate=new Date(e[0])}if(e[1]&&e[1]!==this.activeEndDate){this.activeEndDate=new Date(e[1])}}};this.monthDateChange=e=>{const t=new Date(e.detail);const s=o(t);if(!this.range&&s===o(this.valueAsDate)){return}if(!this.range){this.value=s||"";this.valueAsDate=t||null;this.activeDate=t||null;this.calciteDatePickerChange.emit();return}const i=this.getStartDate();const a=this.getEndDate();if(!i||!a&&t<i){if(i){this.setEndDate(new Date(i))}if(this.activeRange=="end"){this.setEndDate(t)}else{this.setStartDate(t)}}else if(!a){this.setEndDate(t)}else{if(!this.proximitySelectionDisabled){if(this.activeRange){if(this.activeRange=="end"){this.setEndDate(t)}else{this.setStartDate(t)}}else{const e=n(t,i);const s=n(t,a);if(s===0||e<0){this.setStartDate(t)}else if(e===0||s<0){this.setEndDate(t)}else if(e<s){this.setStartDate(t)}else{this.setEndDate(t)}}}else{this.setStartDate(t)}}this.calciteDatePickerChange.emit()};this.activeDate=undefined;this.activeRange=undefined;this.value=undefined;this.headingLevel=undefined;this.valueAsDate=undefined;this.minAsDate=undefined;this.maxAsDate=undefined;this.min=undefined;this.max=undefined;this.numberingSystem=undefined;this.scale="m";this.range=false;this.proximitySelectionDisabled=false;this.messageOverrides=undefined;this.messages=undefined;this.activeEndDate=undefined;this.activeStartDate=undefined;this.dateTimeFormat=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.endAsDate=undefined;this.hoverRange=undefined;this.localeData=undefined;this.mostRecentRangeValue=undefined;this.startAsDate=undefined}activeDateWatcher(e){if(this.activeRange==="end"){this.activeEndDate=e}}valueAsDateWatcher(e){if(this.range&&Array.isArray(e)){const{activeStartDate:t,activeEndDate:s}=this;const i=e[0];const a=e[1];this.activeStartDate=t!==i&&i;this.activeEndDate=s!==a&&a}else if(e&&e!==this.activeDate){this.activeDate=e}}onMinChanged(e){if(e){this.minAsDate=h(e)}}onMaxChanged(e){if(e){this.maxAsDate=h(e)}}onMessagesChange(){}async setFocus(){await w(this);this.el.focus()}async reset(){this.resetActiveDates();this.mostRecentRangeValue=undefined}connectedCallback(){D(this);I(this);if(Array.isArray(this.value)){this.valueAsDate=c(this.value)}else if(this.value){this.valueAsDate=h(this.value)}if(this.min){this.minAsDate=h(this.min)}if(this.max){this.maxAsDate=h(this.max)}}disconnectedCallback(){z(this);S(this)}async componentWillLoad(){x(this);await this.loadLocaleData();this.onMinChanged(this.min);this.onMaxChanged(this.max);await j(this)}componentDidLoad(){k(this)}render(){const e=d(this.range&&Array.isArray(this.valueAsDate)?this.valueAsDate[0]:this.valueAsDate,this.minAsDate,this.maxAsDate);let t=this.getActiveDate(e,this.minAsDate,this.maxAsDate);const a=this.range&&Array.isArray(this.valueAsDate)?d(this.valueAsDate[1],this.minAsDate,this.maxAsDate):null;const r=this.getActiveEndDate(a,this.minAsDate,this.maxAsDate);if((this.activeRange==="end"||this.hoverRange?.focused==="end"&&(!this.proximitySelectionDisabled||a))&&r){t=r}if(this.range&&this.mostRecentRangeValue){t=this.mostRecentRangeValue}const n=this.range&&this.activeRange?this.activeRange==="start"?this.minAsDate:e||this.minAsDate:this.minAsDate;const o=this.range&&this.activeRange?this.activeRange==="start"?a||this.maxAsDate:this.maxAsDate:this.maxAsDate;return s(i,{onBlur:this.resetActiveDates,onKeyDown:this.keyDownHandler},this.renderCalendar(t,o,n,e,a))}effectiveLocaleChange(){M(this,this.effectiveLocale)}valueHandler(e){if(Array.isArray(e)){this.valueAsDate=c(e)}else if(e){this.valueAsDate=h(e)}}async loadLocaleData(){C.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:false};this.localeData=await l(this.effectiveLocale);this.dateTimeFormat=A(this.effectiveLocale,F)}renderCalendar(e,t,i,a,r){return this.localeData&&[s("calcite-date-picker-month-header",{activeDate:e,headingLevel:this.headingLevel||N,localeData:this.localeData,max:t,messages:this.messages,min:i,onCalciteInternalDatePickerSelect:this.monthHeaderSelectChange,scale:this.scale,selectedDate:this.activeRange==="end"?r:a||new Date}),s("calcite-date-picker-month",{activeDate:e,dateTimeFormat:this.dateTimeFormat,endDate:this.range?r:undefined,hoverRange:this.hoverRange,localeData:this.localeData,max:t,min:i,onCalciteInternalDatePickerActiveDateChange:this.monthActiveDateChange,onCalciteInternalDatePickerHover:this.monthHoverChange,onCalciteInternalDatePickerMouseOut:this.monthMouseOutChange,onCalciteInternalDatePickerSelect:this.monthDateChange,scale:this.scale,selectedDate:this.activeRange==="end"?r:a,startDate:this.range?a:undefined})]}getEndDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[1]||undefined}setEndDate(e){const t=this.getStartDate();const s=e?f(e):e;this.value=[o(t),o(e)];this.valueAsDate=[t,e];this.mostRecentRangeValue=s;this.calciteDatePickerRangeChange.emit();this.activeEndDate=e||null}getStartDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[0]}setStartDate(e){const t=this.getEndDate();this.value=[o(e),o(t)];this.valueAsDate=[e,t];this.mostRecentRangeValue=e;this.calciteDatePickerRangeChange.emit();this.activeStartDate=e||null}getActiveDate(e,t,s){return d(this.activeDate,t,s)||e||d(new Date,t,s)}getActiveEndDate(e,t,s){return d(this.activeEndDate,t,s)||e||d(new Date,t,s)}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{activeDate:["activeDateWatcher"],valueAsDate:["valueAsDateWatcher"],min:["onMinChanged"],max:["onMaxChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange","loadLocaleData"],value:["valueHandler"]}}};T.style=K;const $=':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{position:relative;display:flex;cursor:pointer;color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.day-v-wrapper{flex:1 1 auto}.day-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}:host([range]) .day-wrapper:before,:host([range]) .day-wrapper:after,:host([range-hover]) .day-wrapper:before,:host([range-hover]) .day-wrapper:after{pointer-events:none;position:absolute;inset-block:0;content:"";block-size:var(--calcite-internal-day-size);inline-size:var(--calcite-internal-day-size)}.day{z-index:var(--calcite-z-index);display:flex;align-items:center;justify-content:center;border-radius:9999px;font-size:var(--calcite-font-size--2);line-height:1rem;line-height:1;color:var(--calcite-color-text-3);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background:none;box-shadow:0 0 0 2px transparent;block-size:var(--calcite-internal-day-size);inline-size:var(--calcite-internal-day-size)}.text{margin-block:1px 0px;margin-inline-start:0px}:host([scale=s]){--calcite-internal-day-size:27px}:host([scale=s]) .day-v-wrapper{padding-block:0.125rem}:host([scale=s]) .day-wrapper{padding:0px}:host([scale=s]) .day{font-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-internal-day-size:33px}:host([scale=m]) .day-v-wrapper{padding-block:0.25rem}:host([scale=m]) .day-wrapper{padding:0px}:host([scale=m]) .day{font-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-internal-day-size:43px}:host([scale=l]) .day-v-wrapper{padding-block:0.25rem}:host([scale=l]) .day-wrapper{padding-inline:0.25rem}:host([scale=l]) .day{font-size:var(--calcite-font-size-0)}:host(:not([current-month])) .day{opacity:var(--calcite-opacity-disabled)}:host(:hover:not([disabled]):not([selected])) .day,:host([active]:not([range]):not([selected])) .day{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:focus),:host([active]){outline:2px solid transparent;outline-offset:2px}:host(:focus:not([disabled])) .day{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-color-brand);color:var(--calcite-color-foreground-1)}:host(:focus:not([disabled])) .day,:host([start-of-range]:not(:focus)) .day,:host([end-of-range]:not(:focus)) .day{box-shadow:0 0 0 2px var(--calcite-color-foreground-1)}:host([range-hover]:not([selected])) .day-wrapper:before,:host([highlighted]:not([selected])) .day-wrapper:before{inset-inline-end:50%;border-radius:0}:host([range-hover]:not([selected])) .day-wrapper:after,:host([highlighted]:not([selected])) .day-wrapper:after{inset-inline-start:50%;border-radius:0}:host([range-hover]:not([selected])) .day,:host([highlighted]:not([selected])) .day{color:var(--calcite-color-text-1)}:host([highlighted]) .day-wrapper:before,:host([highlighted]) .day-wrapper:after,:host([selected]:not(.hover--outside-range)) .day-wrapper:before,:host([selected]:not(.hover--outside-range)) .day-wrapper:after{background-color:var(--calcite-color-foreground-current)}:host([range-hover]:not([selected])) .day-wrapper:before,:host([range-hover]:not([selected])) .day-wrapper:after{background-color:var(--calcite-color-foreground-2)}:host(:hover[range-hover]:not([selected]).focused--end) .day-wrapper:before,:host([highlighted][end-of-range]) .day-wrapper:before,:host([highlighted][range-edge=end]) .day-wrapper:before,:host([range-hover][range-edge=end]) .day-wrapper:before,:host(:hover[range-hover].focused--end.hover--outside-range) .day-wrapper:before{inset-inline-end:50%}:host(:hover[range-hover]:not([selected]).focused--end) .day-wrapper:after,:host([highlighted][end-of-range]) .day-wrapper:after,:host([highlighted][range-edge=end]) .day-wrapper:after,:host([range-hover][range-edge=end]) .day-wrapper:after,:host(:hover[range-hover].focused--end.hover--outside-range) .day-wrapper:after{inset-inline-start:50%;border-start-end-radius:var(--calcite-internal-day-size);border-end-end-radius:var(--calcite-internal-day-size);inline-size:calc(var(--calcite-internal-day-size) / 2)}:host([highlighted][start-of-range]) .day-wrapper:before,:host([highlighted][range-edge=start]) .day-wrapper:before,:host([range-hover][range-edge=start]) .day-wrapper:before,:host(:hover[range-hover]:not([selected]).focused--start) .day-wrapper:before,:host([start-of-range].hover--inside-range) .day-wrapper:before,:host(:hover[range-hover].focused--start.hover--outside-range) .day-wrapper:before{inset-inline-end:50%;border-start-start-radius:var(--calcite-internal-day-size);border-end-start-radius:var(--calcite-internal-day-size);inline-size:calc(var(--calcite-internal-day-size) / 2)}:host([highlighted][start-of-range]) .day-wrapper:after,:host([highlighted][range-edge=start]) .day-wrapper:after,:host([range-hover][range-edge=start]) .day-wrapper:after,:host(:hover[range-hover]:not([selected]).focused--start) .day-wrapper:after,:host([start-of-range].hover--inside-range) .day-wrapper:after,:host(:hover[range-hover].focused--start.hover--outside-range) .day-wrapper:after{inset-inline-start:50%}:host([range-hover][start-of-range][range-edge=end]) .day-wrapper:after,:host([range-hover][start-of-range][range-edge=end]) .day-wrapper:before,:host([range-hover][end-of-range][range-edge=start]) .day-wrapper:after,:host([range-hover][end-of-range][range-edge=start]) .day-wrapper:before,:host([start-of-range][range-edge=end].hover--inside-range) .day-wrapper:after,:host([start-of-range][range-edge=end].hover--inside-range) .day-wrapper:before,:host([end-of-range]) .day-wrapper:after,:host([end-of-range]) .day-wrapper:before{content:unset}:host(:hover[range-hover]:not([selected]).focused--start) .day,:host(:hover[range-hover]:not([selected]).focused--end) .day,:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .day,:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .day{box-shadow:0 0 0 2px var(--calcite-color-foreground-1)}@media (forced-colors: active){.day{border-radius:0px}:host([selected]){outline:2px solid canvasText}:host(:hover:not([selected])) .day{border-radius:50%}:host([range][selected]) .day-wrapper:before,:host([range][selected]) .day-wrapper:after,:host([highlighted]) .day-wrapper:before,:host([highlighted]) .day-wrapper:after,:host([range-hover]:not([selected])) .day-wrapper:before,:host([range-hover]:not([selected])) .day-wrapper:after{background-color:highlight}:host([range-hover]) .day-wrapper:before,:host([range-hover]) .day-wrapper:after,:host([range][selected][start-of-range]) .day-wrapper:before,:host([range][selected][start-of-range]) .day-wrapper:after,:host([range][selected][end-of-range]) .day-wrapper:before,:host([range][selected][end-of-range]) .day-wrapper:after{background-color:canvas}}:host([hidden]){display:none}[hidden]{display:none}';const G=class{constructor(s){e(this,s);this.calciteDaySelect=t(this,"calciteDaySelect",6);this.calciteInternalDayHover=t(this,"calciteInternalDayHover",6);this.onClick=()=>{if(this.disabled){return}this.calciteDaySelect.emit()};this.keyDownHandler=e=>{if(_(e.key)){!this.disabled&&this.calciteDaySelect.emit();e.preventDefault()}};this.day=undefined;this.dateTimeFormat=undefined;this.disabled=false;this.currentMonth=false;this.selected=false;this.highlighted=false;this.range=false;this.rangeEdge=undefined;this.startOfRange=false;this.endOfRange=false;this.rangeHover=false;this.active=false;this.scale=undefined;this.value=undefined}pointerOverHandler(){if(this.disabled){return}this.calciteInternalDayHover.emit()}componentWillLoad(){this.parentDatePickerEl=P(this.el,"calcite-date-picker")}render(){const e=o(this.value).replaceAll("-","");if(this.parentDatePickerEl){const{numberingSystem:e,lang:t}=this.parentDatePickerEl;C.numberFormatOptions={useGrouping:false,...e&&{numberingSystem:e},...t&&{locale:t}}}const t=C.localize(String(this.day));const a=this.dateTimeFormat.format(this.value);return s(i,{"aria-disabled":H(this.disabled),"aria-label":a,"aria-selected":H(this.active),id:e,onClick:this.onClick,onKeyDown:this.keyDownHandler,role:"button",tabIndex:this.active&&!this.disabled?0:-1},s(R,{disabled:this.disabled},s("div",{"aria-hidden":"true",class:{"day-v-wrapper":true}},s("div",{class:"day-wrapper"},s("span",{class:"day"},s("span",{class:"text"},t))))))}connectedCallback(){L(this)}componentDidRender(){O(this)}disconnectedCallback(){W(this)}get el(){return a(this)}};G.style=$;const U=":host([hidden]){display:none}[hidden]{display:none}.calendar{margin-block-end:0.25rem}.week-headers{display:flex;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;padding-inline:0.25rem}.week-header{text-align:center;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-3);inline-size:14.2857142857%}.day{display:flex;min-inline-size:0px;justify-content:center;inline-size:14.2857142857%}.day calcite-date-picker-day{inline-size:100%}:host([scale=s]) .week-header{padding-inline:0px;padding-block:0.5rem 0.75rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) .week-header{padding-inline:0px;padding-block:0.75rem 1rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=l]) .week-header{padding-inline:0px;padding-block:1rem 1.25rem;font-size:var(--calcite-font-size--1);line-height:1rem}.week-days{display:flex;flex-direction:row;padding-block:0px;padding-inline:6px}.week-days:focus{outline:2px solid transparent;outline-offset:2px}";const B=7;const q=6;const J=class{constructor(s){e(this,s);this.calciteInternalDatePickerSelect=t(this,"calciteInternalDatePickerSelect",6);this.calciteInternalDatePickerHover=t(this,"calciteInternalDatePickerHover",6);this.calciteInternalDatePickerActiveDateChange=t(this,"calciteInternalDatePickerActiveDateChange",6);this.calciteInternalDatePickerMouseOut=t(this,"calciteInternalDatePickerMouseOut",6);this.keyDownHandler=e=>{if(e.defaultPrevented){return}const t=this.el.dir==="rtl";switch(e.key){case"ArrowUp":e.preventDefault();this.addDays(-7);break;case"ArrowRight":e.preventDefault();this.addDays(t?-1:1);break;case"ArrowDown":e.preventDefault();this.addDays(7);break;case"ArrowLeft":e.preventDefault();this.addDays(t?1:-1);break;case"PageUp":e.preventDefault();this.addMonths(-1);break;case"PageDown":e.preventDefault();this.addMonths(1);break;case"Home":e.preventDefault();this.activeDate.setDate(1);this.addDays();break;case"End":e.preventDefault();this.activeDate.setDate(new Date(this.activeDate.getFullYear(),this.activeDate.getMonth()+1,0).getDate());this.addDays();break;case"Enter":case" ":e.preventDefault();break;case"Tab":this.activeFocus=false}};this.disableActiveFocus=()=>{this.activeFocus=false};this.dayHover=e=>{const t=e.target;if(t.disabled){this.calciteInternalDatePickerMouseOut.emit()}else{this.calciteInternalDatePickerHover.emit(t.value)}e.stopPropagation()};this.daySelect=e=>{const t=e.target;this.calciteInternalDatePickerSelect.emit(t.value)};this.dateTimeFormat=undefined;this.selectedDate=undefined;this.activeDate=new Date;this.startDate=undefined;this.endDate=undefined;this.min=undefined;this.max=undefined;this.scale=undefined;this.localeData=undefined;this.hoverRange=undefined}pointerOutHandler(){this.calciteInternalDatePickerMouseOut.emit()}render(){const e=this.activeDate.getMonth();const t=this.activeDate.getFullYear();const a=this.localeData.weekStart%7;const{abbreviated:r,short:n,narrow:o}=this.localeData.days;const h=this.scale==="s"?o||n||r:n||r||o;const c=[...h.slice(a,7),...h.slice(0,a)];const d=this.getCurrentMonthDays(e,t);const l=this.getPreviousMonthDays(e,t,a);const f=this.getNextMonthDays(e,t,a);let u=0;const g=()=>u++%7;const v=[...l.map((s=>({active:false,day:s,dayInWeek:g(),date:new Date(t,e-1,s)}))),...d.map((s=>{const i=new Date(t,e,s);const a=p(i,this.activeDate);return{active:a,currentMonth:true,day:s,dayInWeek:g(),date:i,ref:true}})),...f.map((s=>({active:false,day:s,dayInWeek:g(),date:new Date(t,e+1,s)})))];const y=[];for(let e=0;e<v.length;e+=7){y.push(v.slice(e,e+7))}return s(i,{onFocusOut:this.disableActiveFocus,onKeyDown:this.keyDownHandler},s("div",{class:"calendar",role:"grid"},s("div",{class:"week-headers",role:"row"},c.map((e=>s("span",{class:"week-header",role:"columnheader"},e)))),y.map((e=>s("div",{class:"week-days",role:"row"},e.map((e=>this.renderDateDay(e))))))))}addMonths(e){const t=new Date(this.activeDate);t.setMonth(this.activeDate.getMonth()+e);this.calciteInternalDatePickerActiveDateChange.emit(d(t,this.min,this.max));this.activeFocus=true}addDays(e=0){const t=new Date(this.activeDate);t.setDate(this.activeDate.getDate()+e);this.calciteInternalDatePickerActiveDateChange.emit(d(t,this.min,this.max));this.activeFocus=true}getPreviousMonthDays(e,t,s){const i=new Date(t,e,0);const a=i.getDate();const r=i.getDay();const n=[];if(r===(s+q)%B){return n}if(r===s){return[a]}for(let e=(B+r-s)%B;e>=0;e--){n.push(a-e)}return n}getCurrentMonthDays(e,t){const s=new Date(t,e+1,0).getDate();const i=[];for(let e=0;e<s;e++){i.push(e+1)}return i}getNextMonthDays(e,t,s){const i=new Date(t,e+1,0).getDay();const a=[];if(i===(s+q)%B){return a}for(let e=0;e<(q-(i-s))%B;e++){a.push(e+1)}return a}betweenSelectedRange(e){return!!(this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate&&!this.isRangeHover(e))}isSelected(e){return!!(p(e,this.selectedDate)||this.startDate&&p(e,this.startDate)||this.endDate&&p(e,this.endDate))}isStartOfRange(e){return!!(this.startDate&&!p(this.startDate,this.endDate)&&p(this.startDate,e)&&!this.isEndOfRange(e))}isEndOfRange(e){return!!(this.endDate&&!p(this.startDate,this.endDate)&&p(this.endDate,e)||!this.endDate&&this.hoverRange&&p(this.startDate,this.hoverRange.end)&&p(e,this.hoverRange.end))}renderDateDay({active:e,currentMonth:t,date:i,day:a,dayInWeek:r,ref:n}){const o=this.isFocusedOnStart();const h=this.isHoverInRange()||!this.endDate&&this.hoverRange&&p(this.hoverRange?.end,this.startDate);return s("div",{class:"day",key:i.toDateString(),role:"gridcell"},s("calcite-date-picker-day",{active:e,class:{"hover--inside-range":this.startDate&&h,"hover--outside-range":this.startDate&&!h,"focused--start":o,"focused--end":!o},currentMonth:t,dateTimeFormat:this.dateTimeFormat,day:a,disabled:!u(i,this.min,this.max),endOfRange:this.isEndOfRange(i),highlighted:this.betweenSelectedRange(i),onCalciteDaySelect:this.daySelect,onCalciteInternalDayHover:this.dayHover,range:!!this.startDate&&!!this.endDate&&!p(this.startDate,this.endDate),rangeEdge:r===0?"start":r===6?"end":undefined,rangeHover:this.isRangeHover(i),scale:this.scale,selected:this.isSelected(i),startOfRange:this.isStartOfRange(i),value:i,ref:t=>{if(n&&e&&this.activeFocus){t?.focus()}}}))}isFocusedOnStart(){return this.hoverRange?.focused==="start"}isHoverInRange(){if(!this.hoverRange){return false}const{start:e,end:t}=this.hoverRange;return!!(!this.isFocusedOnStart()&&this.startDate&&(!this.endDate||t<this.endDate)||this.isFocusedOnStart()&&this.startDate&&e>this.startDate)}isRangeHover(e){if(!this.hoverRange){return false}const{start:t,end:s}=this.hoverRange;const i=this.isFocusedOnStart();const a=this.isHoverInRange();const r=a&&(!i&&e>this.startDate&&(e<s||p(e,s))||i&&e<this.endDate&&(e>t||p(e,t)));const n=!a&&(!i&&e>=this.endDate&&(e<s||p(e,s))||i&&(this.startDate&&e<this.startDate||this.endDate&&p(e,this.startDate))&&(t&&e>t||p(e,t)));return r||n}get el(){return a(this)}};J.style=U;const Q={header:"header",month:"month",chevron:"chevron",suffix:"suffix",yearSuffix:"year--suffix",yearWrap:"year-wrap",textReverse:"text--reverse"};const V={chevronLeft:"chevron-left",chevronRight:"chevron-right"};const X=":host{display:block}.header{display:flex;justify-content:space-between;padding-block:0px;padding-inline:0.25rem}:host([scale=s]) .text{margin-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=s]) .chevron{block-size:2.25rem}:host([scale=m]) .text{margin-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m]) .chevron{block-size:3rem}:host([scale=l]) .text{margin-block:1rem;font-size:var(--calcite-font-size-1);line-height:1.5rem}:host([scale=l]) .chevron{block-size:3.5rem}.chevron{margin-inline:-0.25rem;box-sizing:content-box;display:flex;flex-grow:0;cursor:pointer;align-items:center;justify-content:center;border-style:none;background-color:var(--calcite-color-foreground-1);padding-inline:0.25rem;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;inline-size:14.2857142857%}.chevron:focus{outline:2px solid 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:hover,.chevron:focus{background-color:var(--calcite-color-foreground-2);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1)}.chevron:active{background-color:var(--calcite-color-foreground-3)}.chevron[aria-disabled=true]{pointer-events:none;opacity:0}.text{margin-block:auto;display:flex;inline-size:100%;flex:1 1 auto;align-items:center;justify-content:center;text-align:center;line-height:1}.text--reverse{flex-direction:row-reverse}.month,.year,.suffix{margin-inline:0.25rem;margin-block:auto;display:inline-block;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-color-text-1);font-size:inherit}.year{position:relative;inline-size:2.5rem;border-style:none;background-color:transparent;text-align:center;font-family:inherit;outline-color:transparent}.year:hover{transition-duration:100ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:outline-color;outline:2px solid var(--calcite-color-border-2);outline-offset:2px}.year:focus{outline:2px solid 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          )}.year--suffix{text-align:start}.year-wrap{position:relative}.suffix{inset-block-start:0px;white-space:nowrap;text-align:start;inset-inline-start:0}:host([hidden]){display:none}[hidden]{display:none}";const Z=class{constructor(s){e(this,s);this.calciteInternalDatePickerSelect=t(this,"calciteInternalDatePickerSelect",6);this.onYearKey=e=>{const t=this.parseCalendarYear(e.target.value);switch(e.key){case"ArrowDown":e.preventDefault();this.setYear({localizedYear:t,offset:-1});break;case"ArrowUp":e.preventDefault();this.setYear({localizedYear:t,offset:1});break}};this.onYearChange=e=>{this.setYear({localizedYear:this.parseCalendarYear(e.target.value)})};this.onYearInput=e=>{this.setYear({localizedYear:this.parseCalendarYear(e.target.value),commit:false})};this.prevMonthClick=e=>{this.handleArrowClick(e,this.prevMonthDate)};this.prevMonthKeydown=e=>{if(_(e.key)){this.prevMonthClick(e)}};this.nextMonthClick=e=>{this.handleArrowClick(e,this.nextMonthDate)};this.nextMonthKeydown=e=>{if(_(e.key)){this.nextMonthClick(e)}};this.handleArrowClick=(e,t)=>{e.preventDefault();this.calciteInternalDatePickerSelect.emit(t)};this.selectedDate=undefined;this.activeDate=undefined;this.headingLevel=undefined;this.min=undefined;this.max=undefined;this.scale=undefined;this.localeData=undefined;this.messages=undefined;this.nextMonthDate=undefined;this.prevMonthDate=undefined}componentWillLoad(){this.parentDatePickerEl=P(this.el,"calcite-date-picker")}connectedCallback(){this.setNextPrevMonthDates()}render(){return s("div",{class:Q.header},this.renderContent())}renderContent(){const{messages:e,localeData:t,activeDate:i}=this;if(!i||!t){return null}if(this.parentDatePickerEl){const{numberingSystem:e,lang:t}=this.parentDatePickerEl;C.numberFormatOptions={useGrouping:false,...e&&{numberingSystem:e},...t&&{locale:t}}}const a=i.getMonth();const{months:n,unitOrder:o}=t;const h=(n.wide||n.narrow||n.abbreviated)[a];const c=this.formatCalendarYear(i.getFullYear());const d=g(o);const l=d.indexOf("y")<d.indexOf("m");const f=t.year?.suffix;return s(r,null,s("a",{"aria-disabled":`${this.prevMonthDate.getMonth()===a}`,"aria-label":e.prevMonth,class:Q.chevron,href:"#",onClick:this.prevMonthClick,onKeyDown:this.prevMonthKeydown,role:"button",tabindex:this.prevMonthDate.getMonth()===a?-1:0},s("calcite-icon",{"flip-rtl":true,icon:V.chevronLeft,scale:E(this.scale)})),s("div",{class:{text:true,[Q.textReverse]:l}},s(Y,{class:Q.month,level:this.headingLevel},h),s("span",{class:Q.yearWrap},s("input",{"aria-label":e.year,class:{year:true,[Q.yearSuffix]:!!f},inputmode:"numeric",maxlength:"4",minlength:"1",onChange:this.onYearChange,onInput:this.onYearInput,onKeyDown:this.onYearKey,pattern:"\\d*",type:"text",value:c,ref:e=>this.yearInput=e}),f&&s("span",{class:Q.suffix},f))),s("a",{"aria-disabled":`${this.nextMonthDate.getMonth()===a}`,"aria-label":e.nextMonth,class:Q.chevron,href:"#",onClick:this.nextMonthClick,onKeyDown:this.nextMonthKeydown,role:"button",tabindex:this.nextMonthDate.getMonth()===a?-1:0},s("calcite-icon",{"flip-rtl":true,icon:V.chevronRight,scale:E(this.scale)})))}setNextPrevMonthDates(){if(!this.activeDate){return}this.nextMonthDate=d(v(this.activeDate),this.min,this.max);this.prevMonthDate=d(y(this.activeDate),this.min,this.max)}formatCalendarYear(e){return C.localize(`${b(e,this.localeData)}`)}parseCalendarYear(e){return C.localize(`${m(Number(C.delocalize(e)),this.localeData)}`)}getInRangeDate({localizedYear:e,offset:t=0}){const{min:s,max:i,activeDate:a}=this;const r=Number(C.delocalize(e));const n=r.toString().length;const o=isNaN(r)?false:r+t;const h=o&&(!s||s.getFullYear()<=o)&&(!i||i.getFullYear()>=o);if(o&&h&&n===e.length){const e=new Date(a);e.setFullYear(o);return d(e,s,i)}}setYear({localizedYear:e,commit:t=true,offset:s=0}){const{yearInput:i,activeDate:a}=this;const r=this.getInRangeDate({localizedYear:e,offset:s});if(r){this.calciteInternalDatePickerSelect.emit(r)}if(t){i.value=this.formatCalendarYear((r||a).getFullYear())}}get el(){return a(this)}static get watchers(){return{min:["setNextPrevMonthDates"],max:["setNextPrevMonthDates"],activeDate:["setNextPrevMonthDates"]}}};Z.style=X;export{T as calcite_date_picker,G as calcite_date_picker_day,J as calcite_date_picker_month,Z as calcite_date_picker_month_header};
+//# sourceMappingURL=p-eea4b5c6.entry.js.map