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

package/dist/calcite/p-c0181266.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","CalciteGraphStyle0","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","container","containerRange","graph","handle","handleExtension","handleLabel","handleLabelMinValue","handleLabelValue","hyphen","hyphenWrap","static","thumb","thumbActive","thumbContainer","thumbMinValue","thumbPrecise","thumbValue","tick","tickActive","tickLabel","tickMax","tickMin","ticks","track","trackRange","transformed","maxTickElementThreshold","sliderCss","CalciteSliderStyle0","isRange","value","Array","isArray","Slider","handleKeyDown","event","mirror","shouldMirror","activeProp","pageStep","step","key","isActivationKey","preventDefault","adjustment","directionFactor","isNaN","fixedDecimalAdjustment","Number","toFixed","decimalPlaces","setValue","clamp","onThumbBlur","onThumbFocus","currentTarget","getAttribute","onThumbPointerDown","pointerDownDragStart","onTrackPointerDown","dragUpdate","disabled","dragProp","clientX","pageX","minValueDragRange","maxValueDragRange","minMaxValueRange","newMinValue","newMaxValue","minValue","maxValue","pointerUpDragEnd","isPrimaryPointerButton","dragEnd","removeDragListeners","focusActiveHandle","lastDragPropValue","emitChange","storeTrackRef","node","trackEl","storeThumbRef","valueProp","minHandle","maxHandle","formatValue","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","useMinValue","shouldUseMinValue","minInterval","getUnitInterval","maxInterval","valueIsRange","thumbTypes","buildThumbType","renderThumb","type","thumbPlacement","includes","minThumbTypes","minThumb","fillPlacement","trackRangePlacementStyles","left","right","Host","onKeyDown","onTouchStart","handleTouchStart","InteractiveContainer","getLabelText","scale","renderGraph","ref","onPointerDown","style","tickOffset","activeTicks","rangeStart","rangeEnd","renderTickLabel","HiddenFormInputSlot","component","isLabeled","isPrecise","isMinThumb","ariaLabel","minLabel","maxLabel","ariaValuenow","displayedValue","internalLabelFormatter","thumbStyle","thumbLabelClasses","labels","thumbContent","reverse","lastDragProp","onBlur","onFocus","role","tabIndex","histogramStops","labelTicks","isMinTickLabel","isMaxTickLabel","isAtEdge","shouldDisplayLabel","pointerDownHandler","position","prop","inRange","closerToMax","dragStart","isThumbActive","shadowRoot","querySelector","setFocus","componentFocusable","focus","thumbTypeParts","push","onLabelClick","mirrored","getTickDensity","density","tickInterval","current","window","addEventListener","valueX","getClosestHandle","emitInput","calciteSliderInput","emit","calciteSliderChange","removeEventListener","values","valueChanged","Object","keys","forEach","propName","newValue","oldValue","dragging","getBoundingClientRect","percent","clampedValue","snappedValue","floor","getDistanceX","getFontSizeForElement","element","getComputedStyle","getPropertyValue","match","num","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","customFormatter","labelFormatter","formattedValue"],"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  container: \"container\",\n  containerRange: \"container--range\",\n  graph: \"graph\",\n  handle: \"handle\",\n  handleExtension: \"handle-extension\",\n  handleLabel: \"handle__label\",\n  handleLabelMinValue: \"handle__label--minValue\",\n  handleLabelValue: \"handle__label--value\",\n  hyphen: \"hyphen\",\n  hyphenWrap: \"hyphen--wrap\",\n  static: \"static\",\n  thumb: \"thumb\",\n  thumbActive: \"thumb--active\",\n  thumbContainer: \"thumb-container\",\n  thumbMinValue: \"thumb--minValue\",\n  thumbPrecise: \"thumb--precise\",\n  thumbValue: \"thumb--value\",\n  tick: \"tick\",\n  tickActive: \"tick--active\",\n  tickLabel: \"tick__label\",\n  tickMax: \"tick__label--max\",\n  tickMin: \"tick__label--min\",\n  ticks: \"ticks\",\n  track: \"track\",\n  trackRange: \"track__range\",\n  transformed: \"transformed\",\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\";\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\";\nimport { ActiveSliderProperty, SetValueProperty, SideOffset, ThumbType } from \"./interfaces\";\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   * Used to configure where the fill is placed along the slider track in relation to the value handle.\n   *\n   * Range mode will always display the fill between the min and max handles.\n   */\n  @Prop({ reflect: true }) fillPlacement: \"start\" | \"none\" | \"end\" = \"start\";\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /**\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  /**\n   * When specified, allows users to customize handle labels.\n   */\n  @Prop() labelFormatter: (\n    value: number,\n    type: \"value\" | \"min\" | \"max\" | \"tick\",\n    defaultFormatter: (value: number) => string,\n  ) => string | undefined;\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 value = isRange(this.value) ? this.maxValue : this.value;\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 valueIsRange = isRange(this.value);\n\n    const thumbTypes = this.buildThumbType(\"max\");\n    const thumb = this.renderThumb({\n      type: thumbTypes,\n      thumbPlacement: thumbTypes.includes(\"histogram\") ? \"below\" : \"above\",\n      maxInterval,\n      minInterval,\n      mirror,\n    });\n\n    const minThumbTypes = this.buildThumbType(\"min\");\n    const minThumb =\n      valueIsRange &&\n      this.renderThumb({\n        type: minThumbTypes,\n        thumbPlacement:\n          minThumbTypes.includes(\"histogram\") || minThumbTypes.includes(\"precise\")\n            ? \"below\"\n            : \"above\",\n        maxInterval,\n        minInterval,\n        mirror,\n      });\n\n    const fillPlacement = valueIsRange ? \"start\" : this.fillPlacement;\n    const trackRangePlacementStyles =\n      fillPlacement === \"none\"\n        ? {\n            left: `unset`,\n            right: `unset`,\n          }\n        : fillPlacement === \"end\"\n          ? {\n              left: `${mirror ? minInterval : maxInterval}%`,\n              right: `${mirror ? maxInterval : minInterval}%`,\n            }\n          : /* default */\n            {\n              left: `${mirror ? 100 - maxInterval : minInterval}%`,\n              right: `${mirror ? minInterval : 100 - maxInterval}%`,\n            };\n\n    return (\n      <Host id={id} onKeyDown={this.handleKeyDown} onTouchStart={this.handleTouchStart}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-label={getLabelText(this)}\n            class={{\n              [CSS.container]: true,\n              [CSS.containerRange]: valueIsRange,\n              [`scale--${this.scale}`]: true,\n            }}\n          >\n            {this.renderGraph()}\n            <div class={CSS.track} ref={this.storeTrackRef}>\n              <div\n                class={CSS.trackRange}\n                onPointerDown={this.onTrackPointerDown}\n                style={trackRangePlacementStyles}\n              />\n              <div class={CSS.ticks}>\n                {this.tickValues.map((tick) => {\n                  const tickOffset = `${this.getUnitInterval(tick) * 100}%`;\n\n                  let activeTicks: boolean = false;\n\n                  if (fillPlacement === \"start\" || fillPlacement === \"end\") {\n                    if (useMinValue) {\n                      activeTicks = tick >= this.minValue && tick <= this.maxValue;\n                    } else {\n                      const rangeStart = fillPlacement === \"start\" ? min : value;\n                      const rangeEnd = fillPlacement === \"start\" ? value : this.max;\n                      activeTicks = tick >= rangeStart && tick <= rangeEnd;\n                    }\n                  }\n\n                  return (\n                    <span\n                      class={{\n                        [CSS.tick]: true,\n                        [CSS.tickActive]: 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={CSS.thumbContainer}>\n              {minThumb}\n              {thumb}\n              <HiddenFormInputSlot component={this} />\n            </div>\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  private renderThumb({\n    type,\n    mirror,\n    thumbPlacement,\n    minInterval,\n    maxInterval,\n  }: {\n    maxInterval: number;\n    minInterval: number;\n    mirror: boolean;\n    thumbPlacement: \"above\" | \"below\";\n    type: string;\n  }) {\n    const isLabeled = type.includes(\"labeled\");\n    const isPrecise = type.includes(\"precise\");\n    const isMinThumb = type.includes(\"min\");\n\n    const valueIsRange = isRange(this.value);\n    const value = isMinThumb\n      ? this.minValue\n      : valueIsRange\n        ? this.maxValue\n        : (this.value as number);\n    const valueProp = isMinThumb ? \"minValue\" : valueIsRange ? \"maxValue\" : \"value\";\n    const ariaLabel = isMinThumb ? this.minLabel : valueIsRange ? this.maxLabel : this.minLabel;\n    const ariaValuenow = isMinThumb ? this.minValue : value;\n    const displayedValue =\n      valueProp === \"minValue\"\n        ? this.internalLabelFormatter(this.minValue, \"min\")\n        : valueProp === \"maxValue\"\n          ? this.internalLabelFormatter(this.maxValue, \"max\")\n          : this.internalLabelFormatter(value, \"value\");\n    const thumbStyle: SideOffset = isMinThumb\n      ? { left: `${mirror ? 100 - minInterval : minInterval}%` }\n      : { right: `${mirror ? maxInterval : 100 - maxInterval}%` };\n    const thumbLabelClasses = `${CSS.handleLabel} ${\n      isMinThumb ? CSS.handleLabelMinValue : CSS.handleLabelValue\n    }`;\n\n    const labels = isLabeled\n      ? [\n          <span aria-hidden=\"true\" class={thumbLabelClasses}>\n            {displayedValue}\n          </span>,\n          <span aria-hidden=\"true\" class={`${thumbLabelClasses} ${CSS.static}`}>\n            {displayedValue}\n          </span>,\n          <span aria-hidden=\"true\" class={`${thumbLabelClasses} ${CSS.transformed}`}>\n            {displayedValue}\n          </span>,\n        ]\n      : [];\n\n    const thumbContent: VNode[] = [\n      ...labels,\n      <div class={CSS.handle} />,\n      isPrecise && <div class={CSS.handleExtension} />,\n    ];\n\n    if (thumbPlacement === \"below\") {\n      thumbContent.reverse();\n    }\n\n    return (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={ariaLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={ariaValuenow}\n        class={{\n          [CSS.thumb]: true,\n          [CSS.thumbValue]: !isMinThumb,\n          [CSS.thumbActive]: this.lastDragProp !== \"minMaxValue\" && this.dragProp === valueProp,\n          [CSS.thumbPrecise]: isPrecise,\n          [CSS.thumbMinValue]: isMinThumb,\n        }}\n        data-value-prop={valueProp}\n        key={type}\n        onBlur={this.onThumbBlur}\n        onFocus={this.onThumbFocus}\n        onPointerDown={this.onThumbPointerDown}\n        ref={this.storeThumbRef}\n        role=\"slider\"\n        style={thumbStyle}\n        tabIndex={0}\n      >\n        {thumbContent}\n      </div>\n    );\n  }\n\n  private renderGraph(): VNode {\n    return this.histogram ? (\n      <calcite-graph\n        class={CSS.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 { hasHistogram, labelHandles, labelTicks, max, min, precise, value } = this;\n    const valueIsRange = isRange(value);\n    const isMinTickLabel = tick === min;\n    const isMaxTickLabel = tick === max;\n    const isAtEdge = isMinTickLabel || isMaxTickLabel;\n\n    const shouldDisplayLabel =\n      labelTicks &&\n      ((!hasHistogram && (isAtEdge || !precise || !valueIsRange)) ||\n        (hasHistogram && (isAtEdge || (!precise && !labelHandles))));\n\n    return shouldDisplayLabel ? (\n      <span\n        class={{\n          [CSS.tickLabel]: true,\n          [CSS.tickMin]: isMinTickLabel,\n          [CSS.tickMax]: isMaxTickLabel,\n        }}\n      >\n        {this.internalLabelFormatter(tick, \"tick\")}\n      </span>\n    ) : null;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  private handleKeyDown = (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\n    if (isNaN(adjustment)) {\n      return;\n    }\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(`.${CSS.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: Fires frequently during drag. To perform\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: 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  private buildThumbType(type: \"min\" | \"max\"): ThumbType {\n    const thumbTypeParts: string[] = [type];\n\n    if (this.labelHandles) {\n      thumbTypeParts.push(\"labeled\");\n    }\n\n    if (this.precise) {\n      thumbTypeParts.push(\"precise\");\n    }\n\n    if (this.hasHistogram) {\n      thumbTypeParts.push(\"histogram\");\n    }\n\n    return thumbTypeParts.join(\"-\") as ThumbType;\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 onThumbBlur = () => {\n    this.activeProp = null;\n  };\n\n  private onThumbFocus = (event: FocusEvent) => {\n    const thumb = event.currentTarget as HTMLElement;\n    this.activeProp = thumb.getAttribute(\"data-value-prop\") as ActiveSliderProperty;\n  };\n\n  private onThumbPointerDown = (event: PointerEvent) => {\n    const thumb = event.currentTarget as HTMLElement;\n    this.pointerDownDragStart(event, thumb.getAttribute(\"data-value-prop\") as ActiveSliderProperty);\n  };\n\n  private onTrackPointerDown = (event: PointerEvent) => {\n    this.pointerDownDragStart(event, \"minMaxValue\");\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    if (this.dragProp === \"minValue\") {\n      this.minHandle.focus();\n    } else if (this.dragProp === \"maxValue\" || this.dragProp === \"value\") {\n      this.maxHandle.focus();\n    } else if (this.dragProp === \"minMaxValue\") {\n      this.getClosestHandle(valueX).focus();\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  private storeTrackRef = (node: HTMLDivElement): void => {\n    this.trackEl = node;\n  };\n\n  private storeThumbRef = (el: HTMLDivElement): void => {\n    if (!el) {\n      return;\n    }\n\n    const valueProp = el.getAttribute(\"data-value-prop\") as ActiveSliderProperty;\n    valueProp === \"minValue\" ? (this.minHandle = el) : (this.maxHandle = el);\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\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    const value = Number(clampedValue.toFixed(decimalPlaces(this.step)));\n\n    return !(this.snap && this.step) ? value : this.getClosestStep(value);\n  }\n\n  /**\n   * Get closest allowed value along stepped values\n   *\n   * @param value\n   * @internal\n   */\n  private getClosestStep(value: number): number {\n    const { max, min, step } = this;\n    let snappedValue = Math.floor((value - min) / step) * step + min;\n    snappedValue = Math.min(Math.max(snappedValue, min), max);\n\n    if (snappedValue > max) {\n      snappedValue -= step;\n    }\n\n    return snappedValue;\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(CSS.hyphen, CSS.hyphenWrap);\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(CSS.hyphen, CSS.hyphenWrap);\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(\n      `.${CSS.thumbMinValue}`,\n    );\n    const maxHandle: HTMLDivElement | null = this.el.shadowRoot.querySelector(`.${CSS.thumbValue}`);\n\n    const minTickLabel: HTMLSpanElement | null = this.el.shadowRoot.querySelector(\n      `.${CSS.tickMin}`,\n    );\n    const maxTickLabel: HTMLSpanElement | null = this.el.shadowRoot.querySelector(\n      `.${CSS.tickMax}`,\n    );\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 formatValue = (value: number): string => {\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  private internalLabelFormatter(value: number, type: \"max\" | \"min\" | \"value\" | \"tick\"): string {\n    const customFormatter = this.labelFormatter;\n\n    if (!customFormatter) {\n      return this.formatValue(value);\n    }\n\n    const formattedValue = customFormatter(value, type, this.formatValue);\n\n    if (formattedValue == null) {\n      return this.formatValue(value);\n    }\n\n    return formattedValue;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.1-next.1
+ */
+import{r as e,h as t,H as i,g as l}from"./p-0bbe3b36.js";import{s as c,a as s,c as n}from"./p-9ce0d310.js";import{u as a,s as o,c as r,d}from"./p-8e771cd5.js";import{c as h,u as f,d as b,I as u}from"./p-23081ea2.js";import{c as p,d as g}from"./p-2988aea6.js";import{g as v}from"./p-3ba78079.js";import{C as m}from"./p-4e2bc4be.js";import{g as x}from"./p-ec386b22.js";import"./p-7599ac37.js";import"./p-67d7e16e.js";import"./p-bb1ecc62.js";import"./p-8deeb4a2.js";const k={contentCell:"content-cell",numberCell:"number-cell",footerCell:"footer-cell",selectionCell:"selection-cell",selectedCell:"selected-cell",assistiveText:"assistive-text",lastCell:"last-cell",staticCell:"static-cell"};const w=":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{--calcite-internal-table-cell-background:var(--calcite-table-cell-background, transparent);display:contents}:host([alignment=center]) td:not(.selection-cell):not(.number-cell){text-align:center}:host([alignment=end]) td:not(.selection-cell):not(.number-cell){text-align:end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}td{white-space:normal;text-align:start;vertical-align:middle;color:var(--calcite-color-text-1);background:var(--calcite-internal-table-cell-background);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-color-border-3);padding:var(--calcite-internal-table-cell-padding)}td:not(.static-cell){outline-color:transparent}td:not(.static-cell):focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}td.start.content-cell{vertical-align:top}td.end.content-cell{vertical-align:bottom}td.last-cell{border-inline-end:0}.number-cell{background-color:var(--calcite-color-foreground-2)}.footer-cell{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);border-block-start:1px solid var(--calcite-color-border-3)}.number-cell,.selection-cell{text-align:center;border-inline-end:1px solid var(--calcite-color-border-3);inline-size:2rem;min-inline-size:2rem}.selection-cell{color:var(--calcite-color-text-3);inset-inline-start:2rem}.selection-cell:not(.footer-cell){cursor:pointer}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-cell-background:var(--calcite-color-foreground-current)}.selection-cell.selected-cell{box-shadow:inset 0.25rem 0 0 0 var(--calcite-color-brand);color:var(--calcite-color-brand)}.selection-cell.selected-cell calcite-icon{color:var(--calcite-color-brand)}.calcite--rtl.selection-cell.selected-cell{box-shadow:inset -0.25rem 0 0 0 var(--calcite-color-brand)}.selection-cell{vertical-align:middle}.selection-cell ::slotted(calcite-icon){pointer-events:none;margin-block-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}";const C=w;const y=class{constructor(t){e(this,t);this.updateScreenReaderContentsText=()=>{this.contentsText=this.el.textContent};this.onContainerBlur=()=>{this.focused=false};this.onContainerFocus=()=>{this.focused=true};this.alignment="start";this.colSpan=undefined;this.rowSpan=undefined;this.disabled=undefined;this.interactionMode="interactive";this.lastCell=undefined;this.numberCell=undefined;this.parentRowIsSelected=undefined;this.parentRowAlignment="start";this.parentRowPositionLocalized=undefined;this.parentRowType=undefined;this.positionInRow=undefined;this.readCellContentsToAT=undefined;this.scale="m";this.selectionCell=undefined;this.messages=undefined;this.messageOverrides=undefined;this.contentsText="";this.defaultMessages=undefined;this.focused=false;this.selectionText="";this.effectiveLocale=""}onSelectedChange(){this.updateScreenReaderSelectionText()}onMessagesChange(){}effectiveLocaleChange(){a(this,this.effectiveLocale)}async componentWillLoad(){c(this);await o(this);this.updateScreenReaderContentsText();this.updateScreenReaderSelectionText()}componentDidLoad(){s(this)}connectedCallback(){p(this);r(this);h(this)}componentDidRender(){f(this)}disconnectedCallback(){g(this);d(this);b(this)}async setFocus(){await n(this);this.containerEl.focus()}updateScreenReaderSelectionText(){const e=`${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.selected} ${this.messages?.keyboardDeselect}`;const t=`${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.unselected} ${this.messages?.keyboardSelect}`;this.selectionText=this.parentRowIsSelected?e:t}render(){const e=v(this.el);const l=this.disabled||this.interactionMode==="static"&&(!this.selectionCell||this.selectionCell&&this.parentRowType==="foot");return t(i,{key:"f77ff8a22dba0f6ea341ce0f5007162fd5bf44bb"},t(u,{key:"69a4637fa17d47915d28f191a9ee7629a5d623f6",disabled:this.disabled},t("td",{key:"52fb4ef92e35d3ca64ad42a5bd36228d315225cc","aria-disabled":this.disabled,class:{[k.footerCell]:this.parentRowType==="foot",[k.contentCell]:!this.numberCell&&!this.selectionCell,[k.numberCell]:this.numberCell,[k.selectionCell]:this.selectionCell,[k.selectedCell]:this.parentRowIsSelected,[k.lastCell]:this.lastCell&&(!this.rowSpan||this.colSpan&&!!this.rowSpan),[m.rtl]:e==="rtl",[k.staticCell]:l,[this.parentRowAlignment]:this.parentRowAlignment==="start"||this.parentRowAlignment==="end"},colSpan:this.colSpan,onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,ref:e=>this.containerEl=e,role:this.interactionMode==="interactive"?"gridcell":"cell",rowSpan:this.rowSpan,tabIndex:l?-1:0},(this.selectionCell||this.readCellContentsToAT)&&t("span",{key:"fdd222156c096ee77a0c6a54943e1f7f03877d5f","aria-hidden":true,"aria-live":this.focused?"polite":"off",class:k.assistiveText},this.selectionCell&&this.selectionText,this.readCellContentsToAT&&!this.selectionCell&&this.contentsText),t("slot",{key:"cb5f0ee726b14bf402680e8b6c3e2d051df59f0f",onSlotchange:this.updateScreenReaderContentsText}))))}static get assetsDirs(){return["assets"]}get el(){return l(this)}static get watchers(){return{parentRowIsSelected:["onSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};y.style=C;const $={contentCell:"content-cell",numberCell:"number-cell",selectionCell:"selection-cell",bodyRow:"body-row",footerRow:"footer-row",heading:"heading",description:"description",multipleSelectionCell:"cell--multiple-selection",assistiveText:"assistive-text",active:"active",selectedCell:"selected-cell",lastCell:"last-cell",staticCell:"static-cell"};const z=":host{--calcite-internal-table-header-background:var(--calcite-table-header-background, var(--calcite-color-foreground-2));--calcite-internal-table-header-border-color:var(--calcite-table-border-color, var(--calcite-color-border-3));display:contents}:host([alignment=center]) th{text-align:center}:host([alignment=end]) th{text-align:end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}th{white-space:normal;text-align:start;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-internal-table-header-border-color);border-block-end:1px solid var(--calcite-internal-table-header-border-color);padding-block:calc(var(--calcite-internal-table-cell-padding) * 1.5);padding-inline:var(--calcite-internal-table-cell-padding);background-color:var(--calcite-internal-table-header-background)}th:not(.static-cell){outline-color:transparent}th:not(.static-cell):not(.static-cell):focus-within{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}th:not(.center):not(.end).content-cell{vertical-align:top}th.center{vertical-align:middle}th.end.content-cell{vertical-align:bottom}th.body-row,th.footer-row{padding-block:var(--calcite-internal-table-cell-padding);border-block-end:0}th.footer-row{border-block-start:1px solid var(--calcite-internal-table-header-border-color)}th.last-cell{border-inline-end:0}.cell--multiple-selection{cursor:pointer;vertical-align:middle;color:var(--calcite-color-text-3)}.cell--multiple-selection:not(.end){vertical-align:middle}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-header-background:var(--calcite-color-foreground-current)}.number-cell,.selection-cell{color:var(--calcite-color-text-2);inline-size:2rem;min-inline-size:2rem}.selection-cell calcite-icon.active{color:var(--calcite-color-brand)}.number-cell calcite-icon,.selection-cell calcite-icon{margin-inline-start:auto;margin-inline-end:auto;vertical-align:middle}.heading{color:var(--calcite-color-text-1)}.description{color:var(--calcite-color-text-3);font-size:var(--calcite-internal-table-cell-font-size-secondary)}";const S=z;const j=class{constructor(t){e(this,t);this.onContainerBlur=()=>{this.focused=false};this.onContainerFocus=()=>{this.focused=true};this.alignment="start";this.colSpan=undefined;this.description=undefined;this.heading=undefined;this.rowSpan=undefined;this.interactionMode="interactive";this.lastCell=undefined;this.numberCell=false;this.parentRowAlignment="start";this.parentRowIsSelected=undefined;this.parentRowType=undefined;this.positionInRow=undefined;this.scale=undefined;this.selectedRowCount=undefined;this.selectedRowCountLocalized=undefined;this.selectionCell=false;this.selectionMode=undefined;this.bodyRowCount=undefined;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.focused=false;this.screenReaderText="";this.effectiveLocale=""}onSelectedChange(){this.updateScreenReaderText()}onMessagesChange(){}async componentWillLoad(){c(this);await o(this);this.updateScreenReaderText()}componentDidLoad(){s(this)}connectedCallback(){p(this);r(this)}disconnectedCallback(){g(this);d(this)}effectiveLocaleChange(){a(this,this.effectiveLocale)}async setFocus(){await n(this);this.containerEl.focus()}updateScreenReaderText(){let e="";const t=`${this.selectedRowCountLocalized} ${this.messages?.selected}`;if(this.numberCell){e=this.messages?.rowNumber}else if(this.selectionMode==="single"){e=`${this.messages?.selectionColumn}. ${t}`}else if(this.bodyRowCount===this.selectedRowCount){e=`${this.messages?.selectionColumn}. ${this.messages?.all} ${t} ${this.messages?.keyboardDeselectAll}`}else{e=`${this.messages?.selectionColumn}. ${t} ${this.messages?.keyboardSelectAll}`}this.screenReaderText=e}render(){const e=this.rowSpan?"rowgroup":this.colSpan?"colgroup":this.parentRowType==="body"?"row":"col";const l=this.selectedRowCount===this.bodyRowCount;const c=l?"check-square-f":"check-square";const s=this.interactionMode==="static"&&!this.selectionCell;return t(i,{key:"a6a9fd4854b5210d5e81e98e5e335ed047cac9c2"},t("th",{key:"70920ddb8f6e78dd299b6ec7ecdf06919a2d7279","aria-colindex":this.parentRowType==="head"?this.positionInRow:undefined,class:{[$.bodyRow]:this.parentRowType==="body",[$.footerRow]:this.parentRowType==="foot",[$.contentCell]:!this.numberCell&&!this.selectionCell,[$.numberCell]:this.numberCell,[$.selectionCell]:this.selectionCell,[$.selectedCell]:this.parentRowIsSelected,[$.multipleSelectionCell]:this.selectionMode==="multiple",[$.staticCell]:s,[$.lastCell]:this.lastCell&&(!this.rowSpan||this.colSpan&&!!this.rowSpan),[this.parentRowAlignment]:this.parentRowAlignment==="center"||this.parentRowAlignment==="end"},colSpan:this.colSpan,onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,ref:e=>this.containerEl=e,role:this.parentRowType==="head"?"columnheader":"rowheader",rowSpan:this.rowSpan,scope:e,tabIndex:this.selectionCell?0:s?-1:0},this.heading&&t("div",{key:"39cb47320285a305fd5f24d55f1b0bcf66453ed9",class:$.heading},this.heading),this.description&&t("div",{key:"28663f2891e2ff990fb483543f766abc138494c1",class:$.description},this.description),this.selectionCell&&this.selectionMode==="multiple"&&t("calcite-icon",{key:"b76857801e8aec5e890e85419fa75f00c8570036",class:{[$.active]:l},icon:c,scale:x(this.scale)}),(this.selectionCell||this.numberCell)&&t("span",{key:"549747434f061c0507e26f0520bc8cb8c092715e","aria-hidden":true,"aria-live":this.focused?"polite":"off",class:$.assistiveText},this.screenReaderText)))}static get assetsDirs(){return["assets"]}get el(){return l(this)}static get watchers(){return{selectedRowCount:["onSelectedChange"],selectedRowCountLocalized:["onSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=S;export{y as calcite_table_cell,j as calcite_table_header};
+//# sourceMappingURL=p-c93caf3b.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","contentCell","numberCell","footerCell","selectionCell","selectedCell","assistiveText","lastCell","staticCell","tableCellCss","CalciteTableCellStyle0","TableCell","this","updateScreenReaderContentsText","contentsText","el","textContent","onContainerBlur","focused","onContainerFocus","onSelectedChange","updateScreenReaderSelectionText","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","connectedCallback","connectLocalized","connectMessages","connectInteractive","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectLocalized","disconnectMessages","disconnectInteractive","setFocus","componentFocusable","containerEl","focus","selectedText","messages","row","parentRowPositionLocalized","selected","keyboardDeselect","unselectedText","unselected","keyboardSelect","selectionText","parentRowIsSelected","render","dir","getElementDir","disabled","interactionMode","parentRowType","h","Host","key","InteractiveContainer","class","rowSpan","colSpan","CSS_UTILITY","rtl","parentRowAlignment","onBlur","onFocus","ref","role","tabIndex","readCellContentsToAT","onSlotchange","bodyRow","footerRow","heading","description","multipleSelectionCell","active","tableHeaderCss","CalciteTableHeaderStyle0","TableHeader","updateScreenReaderText","text","sharedText","selectedRowCountLocalized","rowNumber","selectionMode","selectionColumn","bodyRowCount","selectedRowCount","all","keyboardDeselectAll","keyboardSelectAll","screenReaderText","scope","allSelected","selectionIcon","positionInRow","undefined","icon","scale","getIconScale"],"sources":["src/components/table-cell/resources.ts","src/components/table-cell/table-cell.scss?tag=calcite-table-cell&encapsulation=shadow","src/components/table-cell/table-cell.tsx","src/components/table-header/resources.ts","src/components/table-header/table-header.scss?tag=calcite-table-header&encapsulation=shadow","src/components/table-header/table-header.tsx"],"sourcesContent":["export const CSS = {\n  contentCell: \"content-cell\",\n  numberCell: \"number-cell\",\n  footerCell: \"footer-cell\",\n  selectionCell: \"selection-cell\",\n  selectedCell: \"selected-cell\",\n  assistiveText: \"assistive-text\",\n  lastCell: \"last-cell\",\n  staticCell: \"static-cell\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-table-cell-background: Specifies the background color of the component.\n */\n\n:host {\n  --calcite-internal-table-cell-background: var(--calcite-table-cell-background, transparent);\n  @apply contents;\n}\n\n:host([alignment=\"center\"]) td:not(.selection-cell):not(.number-cell) {\n  @apply text-center;\n}\n\n:host([alignment=\"end\"]) td:not(.selection-cell):not(.number-cell) {\n  @apply text-end;\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\ntd {\n  @apply text-start align-middle text-color-1 whitespace-normal;\n  background: var(--calcite-internal-table-cell-background);\n  font-size: var(--calcite-internal-table-cell-font-size);\n  border-inline-end: 1px solid var(--calcite-color-border-3);\n  padding: var(--calcite-internal-table-cell-padding);\n\n  &:not(.static-cell) {\n    @apply focus-base;\n    &:focus {\n      @apply focus-inset;\n    }\n  }\n}\n\ntd.start.content-cell {\n  @apply align-top;\n}\n\ntd.end.content-cell {\n  @apply align-bottom;\n}\n\ntd.last-cell {\n  border-inline-end: 0;\n}\n\n.number-cell {\n  @apply bg-foreground-2;\n}\n\n.footer-cell {\n  @apply bg-background font-medium text-color-1;\n  border-block-start: 1px solid var(--calcite-color-border-3);\n}\n\n.number-cell,\n.selection-cell {\n  @apply text-center;\n  border-inline-end: 1px solid var(--calcite-color-border-3);\n  inline-size: 2rem;\n  min-inline-size: 2rem;\n}\n\n.selection-cell {\n  @apply text-color-3;\n  inset-inline-start: 2rem;\n  &:not(.footer-cell) {\n    @apply cursor-pointer;\n  }\n}\n\n.selected-cell:not(.number-cell):not(.footer-cell) {\n  --calcite-internal-table-cell-background: var(--calcite-color-foreground-current);\n}\n\n.selection-cell.selected-cell {\n  box-shadow: inset 0.25rem 0 0 0 var(--calcite-color-brand);\n  color: var(--calcite-color-brand);\n  & calcite-icon {\n    color: var(--calcite-color-brand);\n  }\n}\n\n.calcite--rtl.selection-cell.selected-cell {\n  box-shadow: inset -0.25rem 0 0 0 var(--calcite-color-brand);\n}\n\n.selection-cell {\n  @apply align-middle;\n  & ::slotted(calcite-icon) {\n    @apply pointer-events-none mt-1;\n  }\n}\n\n@include disabled();\n","import { Component, Element, h, Host, Method, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport { Alignment, Scale } from \"../interfaces\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { RowType, TableInteractionMode } from \"../table/interfaces\";\nimport { getElementDir } from \"../../utils/dom\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { CSS } from \"./resources\";\nimport { TableCellMessages } from \"./assets/table-cell/t9n\";\n\n/**\n * @slot - A slot for adding content, usually text content.\n */\n@Component({\n  tag: \"calcite-table-cell\",\n  styleUrl: \"table-cell.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TableCell\n  implements InteractiveComponent, LocalizedComponent, LoadableComponent, T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the alignment of the component. */\n  @Prop({ reflect: true }) alignment: Alignment = \"start\";\n\n  /** Specifies the number of columns the component should span. */\n  @Prop({ reflect: true }) colSpan: number;\n\n  /** Specifies the number of rows the component should span. */\n  @Prop({ reflect: true }) rowSpan: number;\n\n  /** @internal */\n  @Prop() disabled: boolean;\n\n  /** @internal */\n  @Prop() interactionMode: TableInteractionMode = \"interactive\";\n\n  /** @internal */\n  @Prop() lastCell: boolean;\n\n  /** @internal */\n  @Prop() numberCell: boolean;\n\n  /** @internal */\n  @Prop() parentRowIsSelected: boolean;\n\n  @Watch(\"parentRowIsSelected\")\n  onSelectedChange(): void {\n    this.updateScreenReaderSelectionText();\n  }\n\n  /** @internal */\n  @Prop() parentRowAlignment: Alignment = \"start\";\n\n  /** @internal */\n  @Prop() parentRowPositionLocalized: string;\n\n  /** @internal */\n  @Prop() parentRowType: RowType;\n\n  /** @internal */\n  @Prop() positionInRow: number;\n\n  /** @internal */\n  @Prop() readCellContentsToAT: boolean;\n\n  /** @internal */\n  @Prop() scale: Scale = \"m\";\n\n  /** @internal */\n  @Prop() selectionCell: boolean;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: TableCellMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<TableCellMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTableCellElement;\n\n  @State() contentsText = \"\";\n\n  @State() defaultMessages: TableCellMessages;\n\n  @State() focused = false;\n\n  @State() selectionText = \"\";\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  private containerEl: HTMLTableCellElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    this.updateScreenReaderContentsText();\n    this.updateScreenReaderSelectionText();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n    connectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectInteractive(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.containerEl.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private updateScreenReaderSelectionText(): void {\n    const selectedText = `${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.selected} ${this.messages?.keyboardDeselect}`;\n    const unselectedText = `${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.unselected} ${this.messages?.keyboardSelect}`;\n    this.selectionText = this.parentRowIsSelected ? selectedText : unselectedText;\n  }\n\n  private updateScreenReaderContentsText = (): void => {\n    this.contentsText = this.el.textContent;\n  };\n\n  private onContainerBlur = (): void => {\n    this.focused = false;\n  };\n\n  private onContainerFocus = (): void => {\n    this.focused = true;\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const dir = getElementDir(this.el);\n    const staticCell =\n      this.disabled ||\n      (this.interactionMode === \"static\" &&\n        (!this.selectionCell || (this.selectionCell && this.parentRowType === \"foot\")));\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <td\n            aria-disabled={this.disabled}\n            class={{\n              [CSS.footerCell]: this.parentRowType === \"foot\",\n              [CSS.contentCell]: !this.numberCell && !this.selectionCell,\n              [CSS.numberCell]: this.numberCell,\n              [CSS.selectionCell]: this.selectionCell,\n              [CSS.selectedCell]: this.parentRowIsSelected,\n              [CSS.lastCell]: this.lastCell && (!this.rowSpan || (this.colSpan && !!this.rowSpan)),\n              [CSS_UTILITY.rtl]: dir === \"rtl\",\n              [CSS.staticCell]: staticCell,\n              [this.parentRowAlignment]:\n                this.parentRowAlignment === \"start\" || this.parentRowAlignment === \"end\",\n            }}\n            colSpan={this.colSpan}\n            onBlur={this.onContainerBlur}\n            onFocus={this.onContainerFocus}\n            ref={(el) => (this.containerEl = el)}\n            role={this.interactionMode === \"interactive\" ? \"gridcell\" : \"cell\"}\n            rowSpan={this.rowSpan}\n            tabIndex={staticCell ? -1 : 0}\n          >\n            {(this.selectionCell || this.readCellContentsToAT) && (\n              <span\n                aria-hidden={true}\n                aria-live={this.focused ? \"polite\" : \"off\"}\n                class={CSS.assistiveText}\n              >\n                {this.selectionCell && this.selectionText}\n                {this.readCellContentsToAT && !this.selectionCell && this.contentsText}\n              </span>\n            )}\n            <slot onSlotchange={this.updateScreenReaderContentsText} />\n          </td>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n","export const CSS = {\n  contentCell: \"content-cell\",\n  numberCell: \"number-cell\",\n  selectionCell: \"selection-cell\",\n  bodyRow: \"body-row\",\n  footerRow: \"footer-row\",\n  heading: \"heading\",\n  description: \"description\",\n  multipleSelectionCell: \"cell--multiple-selection\",\n  assistiveText: \"assistive-text\",\n  active: \"active\",\n  selectedCell: \"selected-cell\",\n  lastCell: \"last-cell\",\n  staticCell: \"static-cell\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-table-header-background: Specifies the background color of the component.\n * @prop --calcite-table-header-border-color: Specifies the border color of the component.\n */\n\n:host {\n  --calcite-internal-table-header-background: var(--calcite-table-header-background, var(--calcite-color-foreground-2));\n  --calcite-internal-table-header-border-color: var(--calcite-table-border-color, var(--calcite-color-border-3));\n  @apply contents;\n}\n\n:host([alignment=\"center\"]) th {\n  @apply text-center;\n}\n\n:host([alignment=\"end\"]) th {\n  @apply text-end;\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\nth {\n  @apply text-color-1 text-start font-medium whitespace-normal;\n  font-size: var(--calcite-internal-table-cell-font-size);\n  border-inline-end: 1px solid var(--calcite-internal-table-header-border-color);\n  border-block-end: 1px solid var(--calcite-internal-table-header-border-color);\n  padding-block: calc(var(--calcite-internal-table-cell-padding) * 1.5);\n  padding-inline: var(--calcite-internal-table-cell-padding);\n  background-color: var(--calcite-internal-table-header-background);\n\n  &:not(.static-cell) {\n    @apply focus-base;\n    &:not(.static-cell):focus-within {\n      @apply focus-inset;\n    }\n  }\n}\n\nth:not(.center):not(.end).content-cell {\n  @apply align-top;\n}\n\nth.center {\n  @apply align-middle;\n}\n\nth.end.content-cell {\n  @apply align-bottom;\n}\n\nth.body-row,\nth.footer-row {\n  padding-block: var(--calcite-internal-table-cell-padding);\n  border-block-end: 0;\n}\n\nth.footer-row {\n  border-block-start: 1px solid var(--calcite-internal-table-header-border-color);\n}\n\nth.last-cell {\n  border-inline-end: 0;\n}\n\n.cell--multiple-selection {\n  @apply cursor-pointer align-middle text-color-3;\n  &:not(.end) {\n    @apply align-middle;\n  }\n}\n\n.selected-cell:not(.number-cell):not(.footer-cell) {\n  --calcite-internal-table-header-background: var(--calcite-color-foreground-current);\n}\n\n.number-cell,\n.selection-cell {\n  @apply text-color-2;\n  inline-size: 2rem;\n  min-inline-size: 2rem;\n}\n\n.selection-cell calcite-icon.active {\n  color: var(--calcite-color-brand);\n}\n.number-cell calcite-icon,\n.selection-cell calcite-icon {\n  @apply ms-auto me-auto align-middle;\n}\n\n.heading {\n  @apply text-color-1;\n}\n\n.description {\n  @apply text-color-3;\n  font-size: var(--calcite-internal-table-cell-font-size-secondary);\n}\n","import { Component, Element, h, Host, Method, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { Alignment, Scale, SelectionMode } from \"../interfaces\";\nimport { RowType, TableInteractionMode } from \"../table/interfaces\";\nimport { getIconScale } from \"../../utils/component\";\nimport { TableHeaderMessages } from \"./assets/table-header/t9n\";\nimport { CSS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-table-header\",\n  styleUrl: \"table-header.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TableHeader implements LocalizedComponent, LoadableComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the alignment of the component. */\n  @Prop({ reflect: true }) alignment: Alignment = \"start\";\n\n  /** Specifies the number of columns the component should span. */\n  @Prop({ reflect: true }) colSpan: number;\n\n  /** A description to display beneath heading content. */\n  @Prop({ reflect: true }) description: string;\n\n  /** A heading to display above description content. */\n  @Prop({ reflect: true }) heading: string;\n\n  /** Specifies the number of rows the component should span. */\n  @Prop({ reflect: true }) rowSpan: number;\n\n  /** @internal */\n  @Prop() interactionMode: TableInteractionMode = \"interactive\";\n\n  /** @internal */\n  @Prop() lastCell: boolean;\n\n  /** @internal */\n  @Prop() numberCell = false;\n\n  /** @internal */\n  @Prop() parentRowAlignment: Alignment = \"start\";\n\n  /** @internal */\n  @Prop() parentRowIsSelected: boolean;\n\n  /** @internal */\n  @Prop() parentRowType: RowType;\n\n  /** @internal */\n  @Prop() positionInRow: number;\n\n  /** @internal */\n  @Prop() scale: Scale;\n\n  /** @internal */\n  @Prop() selectedRowCount: number;\n\n  /** @internal */\n  @Prop() selectedRowCountLocalized: string;\n\n  @Watch(\"selectedRowCount\")\n  @Watch(\"selectedRowCountLocalized\")\n  onSelectedChange(): void {\n    this.updateScreenReaderText();\n  }\n\n  /** @internal */\n  @Prop() selectionCell = false;\n\n  /** @internal */\n  @Prop() selectionMode: SelectionMode;\n\n  /** @internal */\n  @Prop() bodyRowCount: number;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: TableHeaderMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<TableHeaderMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    this.updateScreenReaderText();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n  @Element() el: HTMLCalciteTableHeaderElement;\n\n  @State() defaultMessages: TableHeaderMessages;\n\n  @State() focused = false;\n\n  @State() screenReaderText = \"\";\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  private containerEl: HTMLTableCellElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.containerEl.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private updateScreenReaderText(): void {\n    let text = \"\";\n    const sharedText = `${this.selectedRowCountLocalized} ${this.messages?.selected}`;\n    if (this.numberCell) {\n      text = this.messages?.rowNumber;\n    } else if (this.selectionMode === \"single\") {\n      text = `${this.messages?.selectionColumn}. ${sharedText}`;\n    } else if (this.bodyRowCount === this.selectedRowCount) {\n      text = `${this.messages?.selectionColumn}. ${this.messages?.all} ${sharedText} ${this.messages?.keyboardDeselectAll}`;\n    } else {\n      text = `${this.messages?.selectionColumn}. ${sharedText} ${this.messages?.keyboardSelectAll}`;\n    }\n    this.screenReaderText = text;\n  }\n\n  private onContainerBlur = (): void => {\n    this.focused = false;\n  };\n\n  private onContainerFocus = (): void => {\n    this.focused = true;\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const scope = this.rowSpan\n      ? \"rowgroup\"\n      : this.colSpan\n        ? \"colgroup\"\n        : this.parentRowType === \"body\"\n          ? \"row\"\n          : \"col\";\n\n    const allSelected = this.selectedRowCount === this.bodyRowCount;\n    const selectionIcon = allSelected ? \"check-square-f\" : \"check-square\";\n    const staticCell = this.interactionMode === \"static\" && !this.selectionCell;\n    return (\n      <Host>\n        <th\n          aria-colindex={this.parentRowType === \"head\" ? this.positionInRow : undefined}\n          class={{\n            [CSS.bodyRow]: this.parentRowType === \"body\",\n            [CSS.footerRow]: this.parentRowType === \"foot\",\n            [CSS.contentCell]: !this.numberCell && !this.selectionCell,\n            [CSS.numberCell]: this.numberCell,\n            [CSS.selectionCell]: this.selectionCell,\n            [CSS.selectedCell]: this.parentRowIsSelected,\n            [CSS.multipleSelectionCell]: this.selectionMode === \"multiple\",\n            [CSS.staticCell]: staticCell,\n            [CSS.lastCell]: this.lastCell && (!this.rowSpan || (this.colSpan && !!this.rowSpan)),\n            [this.parentRowAlignment]:\n              this.parentRowAlignment === \"center\" || this.parentRowAlignment === \"end\",\n          }}\n          colSpan={this.colSpan}\n          onBlur={this.onContainerBlur}\n          onFocus={this.onContainerFocus}\n          ref={(el) => (this.containerEl = el)}\n          role={this.parentRowType === \"head\" ? \"columnheader\" : \"rowheader\"}\n          rowSpan={this.rowSpan}\n          scope={scope}\n          tabIndex={this.selectionCell ? 0 : staticCell ? -1 : 0}\n        >\n          {this.heading && <div class={CSS.heading}>{this.heading}</div>}\n          {this.description && <div class={CSS.description}>{this.description}</div>}\n          {this.selectionCell && this.selectionMode === \"multiple\" && (\n            <calcite-icon\n              class={{ [CSS.active]: allSelected }}\n              icon={selectionIcon}\n              scale={getIconScale(this.scale)}\n            />\n          )}\n          {(this.selectionCell || this.numberCell) && (\n            <span\n              aria-hidden={true}\n              aria-live={this.focused ? \"polite\" : \"off\"}\n              class={CSS.assistiveText}\n            >\n              {this.screenReaderText}\n            </span>\n          )}\n        </th>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-ce71c1b9.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.1-next.1
+ */
+import{e as t}from"./p-0bbe3b36.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,r=false){t((()=>{if(!o.transitionEl){return}const{transitionDuration:t,transitionProperty:s}=getComputedStyle(o.transitionEl);const e=t.split(",");const a=s.split(",");const c=a.indexOf(o.openTransitionProp);const f=e[c]??e[0];if(f==="0s"){i(o,r);return}const u=setTimeout((()=>{o.transitionEl.removeEventListener("transitionstart",l);o.transitionEl.removeEventListener("transitionend",p);o.transitionEl.removeEventListener("transitioncancel",p);i(o,r)}),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);(r?o[o.transitionProp]:n(o))?o.onBeforeOpen():o.onBeforeClose()}}function p(t){if(t.propertyName===o.openTransitionProp&&t.target===o.transitionEl){(r?o[o.transitionProp]:n(o))?o.onOpen():o.onClose();o.transitionEl.removeEventListener("transitionend",p);o.transitionEl.removeEventListener("transitioncancel",p)}}}))}export{o};
+//# sourceMappingURL=p-ce71c1b9.js.map

package/dist/calcite/p-ce71c1b9.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isOpen","component","opened","open","emitImmediately","nonOpenCloseComponent","transitionProp","onBeforeOpen","onBeforeClose","onOpen","onClose","onToggleOpenCloseComponent","readTask","transitionEl","transitionDuration","allDurations","transitionProperty","allProps","getComputedStyle","allTransitionDurationsArray","split","allTransitionPropsArray","openTransitionPropIndex","indexOf","openTransitionProp","fallbackTimeoutId","setTimeout","removeEventListener","onStart","onEndOrCancel","parseFloat","addEventListener","event","propertyName","target","clearTimeout"],"sources":["src/utils/openCloseComponent.ts"],"sourcesContent":["import { readTask } from \"@stencil/core\";\n/**\n * Defines interface for components with open/close public emitter.\n * All implementations of this interface must handle the following events: `beforeOpen`, `open`, `beforeClose`, `close`.\n */\nexport interface OpenCloseComponent {\n  /**\n   * The host element.\n   */\n  readonly el: HTMLElement;\n\n  /**\n   * When true, the component opens.\n   */\n  open?: boolean;\n\n  /**\n   * When true, the component is open.\n   */\n  opened?: boolean;\n\n  /**\n   *  Specifies the name of transitionProp.\n   */\n  transitionProp?: string;\n\n  /**\n   * Specifies property on which active transition is watched for.\n   */\n  openTransitionProp: string;\n\n  /**\n   * Specifies element that the transition is allowed to emit on.\n   */\n  transitionEl: HTMLElement;\n\n  /**\n   * Defines method for `beforeOpen` event handler.\n   */\n  onBeforeOpen: () => void;\n\n  /**\n   * Defines method for `open` event handler:\n   */\n  onOpen: () => void;\n\n  /**\n   * Defines method for `beforeClose` event handler:\n   */\n  onBeforeClose: () => void;\n\n  /**\n   * Defines method for `close` event handler:\n   */\n  onClose: () => void;\n}\n\nfunction isOpen(component: OpenCloseComponent): boolean {\n  return \"opened\" in component ? component.opened : component.open;\n}\n\nfunction emitImmediately(component: OpenCloseComponent, nonOpenCloseComponent = false): void {\n  (nonOpenCloseComponent ? component[component.transitionProp] : isOpen(component))\n    ? component.onBeforeOpen()\n    : component.onBeforeClose();\n  (nonOpenCloseComponent ? component[component.transitionProp] : isOpen(component))\n    ? component.onOpen()\n    : component.onClose();\n}\n\n/**\n * Helper to determine globally set transition duration on the given openTransitionProp, which is imported and set in the @Watch(\"open\").\n * Used to emit (before)open/close events both for when the opacity transition is present and when there is none (transition-duration is set to 0).\n *\n * @example\n * import { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\n *\n * async componentWillLoad() {\n * // When component initially renders, if `open` was set we need to trigger on load as watcher doesn't fire.\n * if (this.open) {\n *    onToggleOpenCloseComponent(this);\n * }\n * @Watch(\"open\")\n * async toggleModal(value: boolean): Promise<void> {\n *    onToggleOpenCloseComponent(this);\n * }\n *\n * @param component - OpenCloseComponent uses `open` prop to emit (before)open/close.\n * @param nonOpenCloseComponent - OpenCloseComponent uses `expanded` prop to emit (before)open/close.\n */\nexport function onToggleOpenCloseComponent(component: OpenCloseComponent, nonOpenCloseComponent = false): void {\n  readTask((): void => {\n    if (!component.transitionEl) {\n      return;\n    }\n\n    const { transitionDuration: allDurations, transitionProperty: allProps } = getComputedStyle(component.transitionEl);\n    const allTransitionDurationsArray = allDurations.split(\",\");\n    const allTransitionPropsArray = allProps.split(\",\");\n    const openTransitionPropIndex = allTransitionPropsArray.indexOf(component.openTransitionProp);\n    const transitionDuration =\n      allTransitionDurationsArray[openTransitionPropIndex] ??\n      /* Safari will have a single transition value if multiple props share it,\n            so we fall back to it if there's no matching prop duration */\n      allTransitionDurationsArray[0];\n    if (transitionDuration === \"0s\") {\n      emitImmediately(component, nonOpenCloseComponent);\n      return;\n    }\n    const fallbackTimeoutId = setTimeout(\n      (): void => {\n        component.transitionEl.removeEventListener(\"transitionstart\", onStart);\n        component.transitionEl.removeEventListener(\"transitionend\", onEndOrCancel);\n        component.transitionEl.removeEventListener(\"transitioncancel\", onEndOrCancel);\n        emitImmediately(component, nonOpenCloseComponent);\n      },\n      parseFloat(transitionDuration) * 1000,\n    );\n    component.transitionEl.addEventListener(\"transitionstart\", onStart);\n    component.transitionEl.addEventListener(\"transitionend\", onEndOrCancel);\n    component.transitionEl.addEventListener(\"transitioncancel\", onEndOrCancel);\n\n    function onStart(event: TransitionEvent): void {\n      if (event.propertyName === component.openTransitionProp && event.target === component.transitionEl) {\n        clearTimeout(fallbackTimeoutId);\n        component.transitionEl.removeEventListener(\"transitionstart\", onStart);\n        (nonOpenCloseComponent ? component[component.transitionProp] : isOpen(component))\n          ? component.onBeforeOpen()\n          : component.onBeforeClose();\n      }\n    }\n\n    function onEndOrCancel(event: TransitionEvent): void {\n      if (event.propertyName === component.openTransitionProp && event.target === component.transitionEl) {\n        (nonOpenCloseComponent ? component[component.transitionProp] : isOpen(component))\n          ? component.onOpen()\n          : component.onClose();\n\n        component.transitionEl.removeEventListener(\"transitionend\", onEndOrCancel);\n        component.transitionEl.removeEventListener(\"transitioncancel\", onEndOrCancel);\n      }\n    }\n  });\n}\n"],"mappings":";;;;;oCAyDA,SAASA,EAAOC,GACd,MAAO,WAAYA,EAAYA,EAAUC,OAASD,EAAUE,IAC9D,CAEA,SAASC,EAAgBH,EAA+BI,EAAwB,QAC7EA,EAAwBJ,EAAUA,EAAUK,gBAAkBN,EAAOC,IAClEA,EAAUM,eACVN,EAAUO,iBACbH,EAAwBJ,EAAUA,EAAUK,gBAAkBN,EAAOC,IAClEA,EAAUQ,SACVR,EAAUS,SAChB,C,SAsBgBC,EAA2BV,EAA+BI,EAAwB,OAChGO,GAAS,KACP,IAAKX,EAAUY,aAAc,CAC3B,M,CAGF,MAAQC,mBAAoBC,EAAcC,mBAAoBC,GAAaC,iBAAiBjB,EAAUY,cACtG,MAAMM,EAA8BJ,EAAaK,MAAM,KACvD,MAAMC,EAA0BJ,EAASG,MAAM,KAC/C,MAAME,EAA0BD,EAAwBE,QAAQtB,EAAUuB,oBAC1E,MAAMV,EACJK,EAA4BG,IAG5BH,EAA4B,GAC9B,GAAIL,IAAuB,KAAM,CAC/BV,EAAgBH,EAAWI,GAC3B,M,CAEF,MAAMoB,EAAoBC,YACxB,KACEzB,EAAUY,aAAac,oBAAoB,kBAAmBC,GAC9D3B,EAAUY,aAAac,oBAAoB,gBAAiBE,GAC5D5B,EAAUY,aAAac,oBAAoB,mBAAoBE,GAC/DzB,EAAgBH,EAAWI,EAAsB,GAEnDyB,WAAWhB,GAAsB,KAEnCb,EAAUY,aAAakB,iBAAiB,kBAAmBH,GAC3D3B,EAAUY,aAAakB,iBAAiB,gBAAiBF,GACzD5B,EAAUY,aAAakB,iBAAiB,mBAAoBF,GAE5D,SAASD,EAAQI,GACf,GAAIA,EAAMC,eAAiBhC,EAAUuB,oBAAsBQ,EAAME,SAAWjC,EAAUY,aAAc,CAClGsB,aAAaV,GACbxB,EAAUY,aAAac,oBAAoB,kBAAmBC,IAC7DvB,EAAwBJ,EAAUA,EAAUK,gBAAkBN,EAAOC,IAClEA,EAAUM,eACVN,EAAUO,e,EAIlB,SAASqB,EAAcG,GACrB,GAAIA,EAAMC,eAAiBhC,EAAUuB,oBAAsBQ,EAAME,SAAWjC,EAAUY,aAAc,EACjGR,EAAwBJ,EAAUA,EAAUK,gBAAkBN,EAAOC,IAClEA,EAAUQ,SACVR,EAAUS,UAEdT,EAAUY,aAAac,oBAAoB,gBAAiBE,GAC5D5B,EAAUY,aAAac,oBAAoB,mBAAoBE,E,KAIvE,Q","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.1-next.1
+ */
+import{r as t,c as e,h as i,H as o,g as s}from"./p-0bbe3b36.js";import{c as a,d as n}from"./p-95666014.js";import{s as c,b as l,f as d}from"./p-3ba78079.js";import{a as r,s as h,c as p}from"./p-9ce0d310.js";import{c as u,d as b}from"./p-2988aea6.js";import{c as f}from"./p-bb1ecc62.js";import{u as g,c as x,s as m,d as y}from"./p-8e771cd5.js";import{t as v,o as w,q as j,g as z,a as H,E as A,b as C}from"./p-081b23d1.js";import{d as k}from"./p-20e841e7.js";import"./p-8deeb4a2.js";import"./p-4e2bc4be.js";import"./p-ec386b22.js";import"./p-67d7e16e.js";import"./p-f19888bc.js";import"./p-319d7111.js";const D={actionGroupEnd:"action-group--end"};const L={actionsEnd:"actions-end",bottomActions:"bottom-actions",expandTooltip:"expand-tooltip"};const G=":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{pointer-events:auto;display:inline-flex;align-self:stretch;--calcite-action-bar-expanded-max-width:auto}:host([layout=vertical]){flex-direction:column}:host([layout=vertical]) .action-group--end{margin-block-start:auto}:host([layout=horizontal]){flex-direction:row}:host([layout=horizontal]) .action-group--end{margin-inline-start:auto}:host([layout=vertical][overflow-actions-disabled]){overflow-y:auto}:host([layout=horizontal][overflow-actions-disabled]){overflow-x:auto}:host([layout=vertical][expanded]){max-inline-size:var(--calcite-action-bar-expanded-max-width)}::slotted(calcite-action-group){border-block-end:1px solid var(--calcite-color-border-3)}:host([layout=horizontal]) ::slotted(calcite-action-group){border-block-end:0;border-inline-end:1px solid var(--calcite-color-border-3)}:host([layout=horizontal][expand-disabled]) ::slotted(calcite-action-group:last-of-type){border-inline-end:0}::slotted(calcite-action-group:last-child){border-block-end:0;border-inline-end:0}.action-group--end{justify-content:flex-end}:host([hidden]){display:none}[hidden]{display:none}";const E=G;const S=class{constructor(i){t(this,i);this.calciteActionBarToggle=e(this,"calciteActionBarToggle",6);this.mutationObserver=f("mutation",(()=>{const{el:t,expanded:e}=this;v({el:t,expanded:e});this.overflowActions()}));this.resizeObserver=f("resize",(t=>this.resizeHandlerEntries(t)));this.actionMenuOpenHandler=t=>{if(t.target.menuOpen){const e=t.composedPath();Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((t=>{if(!e.includes(t)){t.menuOpen=false}}))}};this.resizeHandlerEntries=t=>{t.forEach(this.resizeHandler)};this.resizeHandler=t=>{const{width:e,height:i}=t.contentRect;this.resize({width:e,height:i})};this.resize=k((({width:t,height:e})=>{const{el:i,expanded:o,expandDisabled:s,layout:a,overflowActionsDisabled:n}=this;if(n||a==="vertical"&&!e||a==="horizontal"&&!t){return}const c=j(i);const l=s?c.length:c.length+1;const d=Array.from(i.querySelectorAll("calcite-action-group"));this.setGroupLayout(d);const r=this.hasActionsEnd||this.hasBottomActions||!s?d.length+1:d.length;const{actionHeight:h,actionWidth:p}=z(c);const u=C({layout:a,actionCount:l,actionHeight:h,actionWidth:p,height:e,width:t,groupCount:r});H({actionGroups:d,expanded:o,overflowCount:u})}),w);this.toggleExpand=()=>{this.expanded=!this.expanded;this.calciteActionBarToggle.emit()};this.setExpandToggleRef=t=>{this.expandToggleEl=t};this.handleDefaultSlotChange=t=>{const e=c(t).filter((t=>t.matches("calcite-action-group")));this.setGroupLayout(e)};this.handleActionsEndSlotChange=t=>{this.hasActionsEnd=l(t)};this.handleBottomActionsSlotChange=t=>{this.hasBottomActions=l(t)};this.handleTooltipSlotChange=t=>{const e=c(t).filter((t=>t?.matches("calcite-tooltip")));this.expandTooltip=e[0]};this.actionsEndGroupLabel=undefined;this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.overflowActionsDisabled=false;this.overlayPositioning="absolute";this.position=undefined;this.scale=undefined;this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.hasActionsEnd=false;this.hasBottomActions=false;this.expandTooltip=undefined;this.defaultMessages=undefined}expandHandler(){this.overflowActions()}expandedHandler(){const{el:t,expanded:e}=this;v({el:t,expanded:e});this.overflowActions()}layoutHandler(){this.updateGroups()}overflowDisabledHandler(t){if(t){this.resizeObserver?.disconnect();return}this.resizeObserver?.observe(this.el);this.overflowActions()}onMessagesChange(){}effectiveLocaleChange(){g(this,this.effectiveLocale)}componentDidLoad(){const{el:t,expanded:e}=this;r(this);v({el:t,expanded:e});this.overflowActions()}connectedCallback(){const{el:t,expanded:e}=this;u(this);x(this);v({el:t,expanded:e});this.mutationObserver?.observe(t,{childList:true,subtree:true});if(!this.overflowActionsDisabled){this.resizeObserver?.observe(t)}this.overflowActions();a(this)}async componentWillLoad(){h(this);await m(this)}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();n(this);b(this);y(this)}async overflowActions(){this.resize({width:this.el.clientWidth,height:this.el.clientHeight})}async setFocus(){await p(this);d(this.el)}updateGroups(){this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")))}setGroupLayout(t){t.forEach((t=>t.layout=this.layout))}renderBottomActionGroup(){const{expanded:t,expandDisabled:e,el:o,position:s,toggleExpand:a,scale:n,layout:c,messages:l,actionsEndGroupLabel:d,overlayPositioning:r}=this;const h=!e?i(A,{collapseText:l.collapse,el:o,expandText:l.expand,expanded:t,position:s,ref:this.setExpandToggleRef,scale:n,toggle:a,tooltip:this.expandTooltip}):null;return i("calcite-action-group",{class:D.actionGroupEnd,hidden:this.expandDisabled&&!(this.hasActionsEnd||this.hasBottomActions),label:d,layout:c,overlayPositioning:r,scale:n},i("slot",{name:L.actionsEnd,onSlotchange:this.handleActionsEndSlotChange}),i("slot",{name:L.bottomActions,onSlotchange:this.handleBottomActionsSlotChange}),i("slot",{name:L.expandTooltip,onSlotchange:this.handleTooltipSlotChange}),h)}render(){return i(o,{key:"dceae74686052a5456cd292a29172e76eab7cfb2",onCalciteActionMenuOpen:this.actionMenuOpenHandler},i("slot",{key:"4fba033b9742564034eb58e3cbcf63b9cd68e6ea",onSlotchange:this.handleDefaultSlotChange}),this.renderBottomActionGroup())}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"],layout:["layoutHandler"],overflowActionsDisabled:["overflowDisabledHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};S.style=E;export{S as calcite_action_bar};
+//# sourceMappingURL=p-d3745896.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","actionGroupEnd","SLOTS","actionsEnd","bottomActions","expandTooltip","actionBarCss","CalciteActionBarStyle0","ActionBar","this","mutationObserver","createObserver","el","expanded","toggleChildActionText","overflowActions","resizeObserver","entries","resizeHandlerEntries","actionMenuOpenHandler","event","target","menuOpen","composedPath","Array","from","querySelectorAll","forEach","group","includes","resizeHandler","entry","width","height","contentRect","resize","debounce","expandDisabled","layout","overflowActionsDisabled","actions","queryActions","actionCount","length","actionGroups","setGroupLayout","groupCount","hasActionsEnd","hasBottomActions","actionHeight","actionWidth","geActionDimensions","overflowCount","getOverflowCount","overflowActionsDebounceInMs","toggleExpand","calciteActionBarToggle","emit","setExpandToggleRef","expandToggleEl","handleDefaultSlotChange","groups","slotChangeGetAssignedElements","filter","matches","handleActionsEndSlotChange","slotChangeHasAssignedElement","handleBottomActionsSlotChange","handleTooltipSlotChange","tooltips","expandHandler","expandedHandler","layoutHandler","updateGroups","overflowDisabledHandler","disconnect","observe","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","componentDidLoad","setComponentLoaded","connectedCallback","connectLocalized","connectMessages","childList","subtree","connectConditionalSlotComponent","componentWillLoad","setUpLoadableComponent","setUpMessages","disconnectedCallback","disconnectConditionalSlotComponent","disconnectLocalized","disconnectMessages","clientWidth","clientHeight","setFocus","componentFocusable","focusFirstTabbable","renderBottomActionGroup","position","scale","messages","actionsEndGroupLabel","overlayPositioning","expandToggleNode","h","ExpandToggle","collapseText","collapse","expandText","expand","ref","toggle","tooltip","class","hidden","label","name","onSlotchange","render","Host","key","onCalciteActionMenuOpen"],"sources":["src/components/action-bar/resources.ts","src/components/action-bar/action-bar.scss?tag=calcite-action-bar&encapsulation=shadow","src/components/action-bar/action-bar.tsx"],"sourcesContent":["export const CSS = {\n  actionGroupEnd: \"action-group--end\",\n};\n\nexport const SLOTS = {\n  actionsEnd: \"actions-end\",\n  bottomActions: \"bottom-actions\",\n  expandTooltip: \"expand-tooltip\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-action-bar-expanded-max-width: When `layout` is `\"vertical\"`, specifies the expanded max width of the component.\n */\n\n:host {\n  @extend %component-host;\n  @apply pointer-events-auto\n    inline-flex\n    self-stretch;\n  --calcite-action-bar-expanded-max-width: auto;\n}\n\n:host([layout=\"vertical\"]) {\n  @apply flex-col;\n  .action-group--end {\n    margin-block-start: auto;\n  }\n}\n\n:host([layout=\"horizontal\"]) {\n  @apply flex-row;\n  .action-group--end {\n    @apply ms-auto;\n  }\n}\n\n:host([layout=\"vertical\"][overflow-actions-disabled]) {\n  overflow-y: auto;\n}\n\n:host([layout=\"horizontal\"][overflow-actions-disabled]) {\n  overflow-x: auto;\n}\n\n:host([layout=\"vertical\"][expanded]) {\n  max-inline-size: var(--calcite-action-bar-expanded-max-width);\n}\n\n::slotted(calcite-action-group) {\n  border-block-end: 1px solid var(--calcite-color-border-3);\n}\n\n:host([layout=\"horizontal\"]) ::slotted(calcite-action-group) {\n  border-block-end: 0;\n  border-inline-end: 1px solid var(--calcite-color-border-3);\n}\n\n:host([layout=\"horizontal\"][expand-disabled]) ::slotted(calcite-action-group:last-of-type) {\n  border-inline-end: 0;\n}\n\n::slotted(calcite-action-group:last-child) {\n  border-block-end: 0;\n  border-inline-end: 0;\n}\n\n.action-group--end {\n  @apply justify-end;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { debounce } from \"lodash-es\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport {\n  focusFirstTabbable,\n  slotChangeGetAssignedElements,\n  slotChangeHasAssignedElement,\n} from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ExpandToggle, toggleChildActionText } from \"../functional/ExpandToggle\";\nimport { Layout, Position, Scale } from \"../interfaces\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\nimport { ActionBarMessages } from \"./assets/action-bar/t9n\";\nimport { CSS, SLOTS } from \"./resources\";\nimport {\n  geActionDimensions,\n  getOverflowCount,\n  overflowActions,\n  overflowActionsDebounceInMs,\n  queryActions,\n} from \"./utils\";\n\n/**\n * @slot - A slot for adding `calcite-action`s that will appear at the top of the component.\n * @slot bottom-actions - [Deprecated] Use the `\"actions-end\"` slot instead. A slot for adding `calcite-action`s that will appear at the bottom of the component, above the collapse/expand button.\n * @slot actions-end - A slot for adding `calcite-action`s that will appear at the end of the component, prior to the collapse/expand button.\n * @slot expand-tooltip - A slot to set the `calcite-tooltip` for the expand toggle.\n */\n@Component({\n  tag: \"calcite-action-bar\",\n  styleUrl: \"action-bar.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class ActionBar\n  implements ConditionalSlotComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Specifies the accessible label for the last `calcite-action-group`.\n   */\n  @Prop() actionsEndGroupLabel: string;\n\n  /**\n   * When `true`, the expand-toggling behavior is disabled.\n   */\n  @Prop({ reflect: true }) expandDisabled = false;\n\n  @Watch(\"expandDisabled\")\n  expandHandler(): void {\n    this.overflowActions();\n  }\n\n  /**\n   * When `true`, the component is expanded.\n   */\n  @Prop({ reflect: true, mutable: true }) expanded = false;\n\n  @Watch(\"expanded\")\n  expandedHandler(): void {\n    const { el, expanded } = this;\n    toggleChildActionText({ el, expanded });\n    this.overflowActions();\n  }\n\n  /**\n   *  Specifies the layout direction of the actions.\n   */\n  @Prop({ reflect: true }) layout: Extract<\"horizontal\" | \"vertical\", Layout> = \"vertical\";\n\n  @Watch(\"layout\")\n  layoutHandler(): void {\n    this.updateGroups();\n  }\n\n  /**\n   * Disables automatically overflowing `calcite-action`s that won't fit into menus.\n   */\n  @Prop({ reflect: true }) overflowActionsDisabled = false;\n\n  @Watch(\"overflowActionsDisabled\")\n  overflowDisabledHandler(overflowActionsDisabled: boolean): void {\n    if (overflowActionsDisabled) {\n      this.resizeObserver?.disconnect();\n      return;\n    }\n\n    this.resizeObserver?.observe(this.el);\n    this.overflowActions();\n  }\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  /**\n   * Arranges the component depending on the element's `dir` property.\n   */\n  @Prop({ reflect: true }) position: Position;\n\n  /**\n   * Specifies the size of the expand `calcite-action`.\n   */\n  @Prop({ reflect: true }) scale: Scale;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ActionBarMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<ActionBarMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the `expanded` property is toggled.\n   */\n  @Event({ cancelable: false }) calciteActionBarToggle: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteActionBarElement;\n\n  mutationObserver = createObserver(\"mutation\", () => {\n    const { el, expanded } = this;\n    toggleChildActionText({ el, expanded });\n    this.overflowActions();\n  });\n\n  resizeObserver = createObserver(\"resize\", (entries) => this.resizeHandlerEntries(entries));\n\n  expandToggleEl: HTMLCalciteActionElement;\n\n  @State() effectiveLocale: string;\n\n  @State() hasActionsEnd = false;\n\n  @State() hasBottomActions = false;\n\n  @State() expandTooltip: HTMLCalciteTooltipElement;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ActionBarMessages;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  componentDidLoad(): void {\n    const { el, expanded } = this;\n\n    setComponentLoaded(this);\n    toggleChildActionText({ el, expanded });\n    this.overflowActions();\n  }\n\n  connectedCallback(): void {\n    const { el, expanded } = this;\n\n    connectLocalized(this);\n    connectMessages(this);\n    toggleChildActionText({ el, expanded });\n\n    this.mutationObserver?.observe(el, { childList: true, subtree: true });\n\n    if (!this.overflowActionsDisabled) {\n      this.resizeObserver?.observe(el);\n    }\n\n    this.overflowActions();\n    connectConditionalSlotComponent(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    this.resizeObserver?.disconnect();\n    disconnectConditionalSlotComponent(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Overflows actions that won't fit into menus.\n   *\n   * @internal\n   */\n  @Method()\n  async overflowActions(): Promise<void> {\n    this.resize({ width: this.el.clientWidth, height: this.el.clientHeight });\n  }\n\n  /**\n   * Sets focus on the component's first focusable element.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    focusFirstTabbable(this.el);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  actionMenuOpenHandler = (event: CustomEvent<void>): void => {\n    if ((event.target as HTMLCalciteActionGroupElement).menuOpen) {\n      const composedPath = event.composedPath();\n      Array.from(this.el.querySelectorAll(\"calcite-action-group\")).forEach((group) => {\n        if (!composedPath.includes(group)) {\n          group.menuOpen = false;\n        }\n      });\n    }\n  };\n\n  resizeHandlerEntries = (entries: ResizeObserverEntry[]): void => {\n    entries.forEach(this.resizeHandler);\n  };\n\n  resizeHandler = (entry: ResizeObserverEntry): void => {\n    const { width, height } = entry.contentRect;\n    this.resize({ width, height });\n  };\n\n  private resize = debounce(({ width, height }: { width: number; height: number }): void => {\n    const { el, expanded, expandDisabled, layout, overflowActionsDisabled } = this;\n\n    if (\n      overflowActionsDisabled ||\n      (layout === \"vertical\" && !height) ||\n      (layout === \"horizontal\" && !width)\n    ) {\n      return;\n    }\n\n    const actions = queryActions(el);\n    const actionCount = expandDisabled ? actions.length : actions.length + 1;\n    const actionGroups = Array.from(el.querySelectorAll(\"calcite-action-group\"));\n\n    this.setGroupLayout(actionGroups);\n\n    const groupCount =\n      this.hasActionsEnd || this.hasBottomActions || !expandDisabled\n        ? actionGroups.length + 1\n        : actionGroups.length;\n\n    const { actionHeight, actionWidth } = geActionDimensions(actions);\n\n    const overflowCount = getOverflowCount({\n      layout,\n      actionCount,\n      actionHeight,\n      actionWidth,\n      height,\n      width,\n      groupCount,\n    });\n\n    overflowActions({\n      actionGroups,\n      expanded,\n      overflowCount,\n    });\n  }, overflowActionsDebounceInMs);\n\n  toggleExpand = (): void => {\n    this.expanded = !this.expanded;\n    this.calciteActionBarToggle.emit();\n  };\n\n  setExpandToggleRef = (el: HTMLCalciteActionElement): void => {\n    this.expandToggleEl = el;\n  };\n\n  updateGroups(): void {\n    this.setGroupLayout(Array.from(this.el.querySelectorAll(\"calcite-action-group\")));\n  }\n\n  setGroupLayout(groups: HTMLCalciteActionGroupElement[]): void {\n    groups.forEach((group) => (group.layout = this.layout));\n  }\n\n  handleDefaultSlotChange = (event: Event): void => {\n    const groups = slotChangeGetAssignedElements(event).filter((el) =>\n      el.matches(\"calcite-action-group\"),\n    ) as HTMLCalciteActionGroupElement[];\n\n    this.setGroupLayout(groups);\n  };\n\n  handleActionsEndSlotChange = (event: Event): void => {\n    this.hasActionsEnd = slotChangeHasAssignedElement(event);\n  };\n\n  handleBottomActionsSlotChange = (event: Event): void => {\n    this.hasBottomActions = slotChangeHasAssignedElement(event);\n  };\n\n  handleTooltipSlotChange = (event: Event): void => {\n    const tooltips = slotChangeGetAssignedElements(event).filter((el) =>\n      el?.matches(\"calcite-tooltip\"),\n    ) as HTMLCalciteTooltipElement[];\n\n    this.expandTooltip = tooltips[0];\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderBottomActionGroup(): VNode {\n    const {\n      expanded,\n      expandDisabled,\n      el,\n      position,\n      toggleExpand,\n      scale,\n      layout,\n      messages,\n      actionsEndGroupLabel,\n      overlayPositioning,\n    } = this;\n\n    const expandToggleNode = !expandDisabled ? (\n      <ExpandToggle\n        collapseText={messages.collapse}\n        el={el}\n        expandText={messages.expand}\n        expanded={expanded}\n        position={position}\n        ref={this.setExpandToggleRef}\n        scale={scale}\n        toggle={toggleExpand}\n        tooltip={this.expandTooltip}\n      />\n    ) : null;\n\n    return (\n      <calcite-action-group\n        class={CSS.actionGroupEnd}\n        hidden={this.expandDisabled && !(this.hasActionsEnd || this.hasBottomActions)}\n        label={actionsEndGroupLabel}\n        layout={layout}\n        overlayPositioning={overlayPositioning}\n        scale={scale}\n      >\n        <slot name={SLOTS.actionsEnd} onSlotchange={this.handleActionsEndSlotChange} />\n        <slot name={SLOTS.bottomActions} onSlotchange={this.handleBottomActionsSlotChange} />\n        <slot name={SLOTS.expandTooltip} onSlotchange={this.handleTooltipSlotChange} />\n        {expandToggleNode}\n      </calcite-action-group>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Host onCalciteActionMenuOpen={this.actionMenuOpenHandler}>\n        <slot onSlotchange={this.handleDefaultSlotChange} />\n        {this.renderBottomActionGroup()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.1-next.1
+ */
+import{r as e,c as o,h as t,H as i,g as s}from"./p-0bbe3b36.js";import{d as a,t as c}from"./p-3ba78079.js";import{c as r,d as n,H as l}from"./p-22d5dc3c.js";import{c as d,d as h,u as b,I as p}from"./p-23081ea2.js";import{i as m}from"./p-67d7e16e.js";import{c as u,d as k,g as f}from"./p-3c66cb95.js";import{c as v,s as y,a as x}from"./p-9ce0d310.js";import"./p-8deeb4a2.js";import"./p-4e2bc4be.js";import"./p-7599ac37.js";import"./p-ec386b22.js";const g={container:"container",track:"track",handle:"handle"};const z=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]) .container{block-size:0.75rem}:host([scale=s]) .track{block-size:0.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:0.5rem;inline-size:0.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:0.75rem;inline-size:0.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{outline-width:0px}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-2);vertical-align:top;outline-color:transparent}:host(:focus) .track{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-block-start:-1px;inset-inline:-1px auto}.container:hover .handle,:host(:focus) .handle{border-color:var(--calcite-color-brand);box-shadow:inset 0 0 0 1px var(--calcite-color-brand)}:host([checked]) .track{border-color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-brand)}:host([checked]) .handle{border-color:var(--calcite-color-brand);inset-inline:auto -1px}:host([checked]) .container:hover .handle{border-color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}::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 w=z;const j=class{constructor(t){e(this,t);this.calciteSwitchChange=o(this,"calciteSwitchChange",6);this.keyDownHandler=e=>{if(!this.disabled&&m(e.key)){this.toggle();e.preventDefault()}};this.clickHandler=()=>{if(this.disabled){return}this.toggle()};this.setSwitchEl=e=>{this.switchEl=e};this.disabled=false;this.form=undefined;this.label=undefined;this.name=undefined;this.scale="m";this.checked=false;this.value=undefined}async setFocus(){await v(this);a(this.switchEl)}syncHiddenFormInput(e){e.type="checkbox"}onLabelClick(){if(!this.disabled){this.toggle();this.setFocus()}}toggle(){this.checked=!this.checked;this.calciteSwitchChange.emit()}connectedCallback(){d(this);u(this);r(this)}componentWillLoad(){y(this)}componentDidLoad(){x(this)}disconnectedCallback(){h(this);k(this);n(this)}componentDidRender(){b(this)}render(){return t(i,{key:"b7be1f52bb96420cc502c7cdc50379d5822e5ddf",onClick:this.clickHandler,onKeyDown:this.keyDownHandler},t(p,{key:"be445c0011316e9ca61979671aaea6d015d34d30",disabled:this.disabled},t("div",{key:"0d65e0ca793645027dceb8b66e66d935be106c9a","aria-checked":c(this.checked),"aria-label":f(this),class:g.container,ref:this.setSwitchEl,role:"switch",tabIndex:0},t("div",{key:"88c1caa312aef73addce335cca0303b4de9c6465",class:g.track},t("div",{key:"888dee6c3899e1b5bff82169269615f07b039038",class:g.handle})),t(l,{key:"c29825e342c1e956fee0c5e2d4ccf9ee7b993a42",component:this}))))}get el(){return s(this)}};j.style=w;export{j as calcite_switch};
+//# sourceMappingURL=p-d6decbdf.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","container","track","handle","switchCss","CalciteSwitchStyle0","Switch","this","keyDownHandler","event","disabled","isActivationKey","key","toggle","preventDefault","clickHandler","setSwitchEl","el","switchEl","setFocus","componentFocusable","focusElement","syncHiddenFormInput","input","type","onLabelClick","checked","calciteSwitchChange","emit","connectedCallback","connectInteractive","connectLabel","connectForm","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectForm","componentDidRender","updateHostInteraction","render","h","Host","onClick","onKeyDown","InteractiveContainer","toAriaBoolean","getLabelText","class","ref","role","tabIndex","HiddenFormInputSlot","component"],"sources":["src/components/switch/resources.ts","src/components/switch/switch.scss?tag=calcite-switch&encapsulation=shadow","src/components/switch/switch.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  track: \"track\",\n  handle: \"handle\",\n};\n","// sizes\n:host([scale=\"s\"]) {\n  .container {\n    @apply h-3;\n  }\n  .track {\n    @apply h-3 w-6;\n  }\n  .handle {\n    @apply h-2 w-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  .container {\n    @apply h-4;\n  }\n  .track {\n    @apply h-4 w-8;\n  }\n  .handle {\n    @apply h-3 w-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  .container {\n    @apply h-6;\n  }\n  .track {\n    @apply h-6 w-12;\n  }\n  .handle {\n    @apply h-5 w-5;\n  }\n}\n\n:host {\n  @apply relative\n    inline-block\n    w-auto\n    cursor-pointer\n    select-none\n    align-middle;\n  tap-highlight-color: transparent;\n}\n\n@include disabled();\n\n.container {\n  @apply outline-0;\n}\n\n.track {\n  @apply bg-foreground-2\n    border-color-2\n    pointer-events-none\n    relative\n    box-border\n    inline-block\n    rounded-full\n    border\n    border-solid\n    align-top\n    focus-base;\n}\n\n:host(:focus) .track {\n  @apply focus-outset;\n}\n\n.handle {\n  @apply bg-foreground-1\n    border-color-input\n    pointer-events-none\n    absolute\n    block\n    rounded-full\n    border-2\n    border-solid\n    transition-all\n    duration-150\n    ease-in-out;\n  inset-block-start: -1px;\n  inset-inline: -1px theme(\"inset.auto\");\n}\n\n.container:hover,\n:host(:focus) {\n  .handle {\n    @apply border-color-brand;\n    box-shadow: inset 0 0 0 1px var(--calcite-color-brand);\n  }\n}\n\n:host([checked]) {\n  .track {\n    @apply bg-brand border-color-brand-hover;\n  }\n  .handle {\n    @apply border-color-brand;\n    inset-inline: theme(\"inset.auto\") -1px;\n  }\n\n  .container:hover {\n    .handle {\n      @apply border-color-brand-hover;\n      box-shadow: inset 0 0 0 1px var(--calcite-color-brand-hover);\n    }\n  }\n}\n\n@media (forced-colors: active) {\n  :host([checked]) {\n    .track {\n      background-color: canvasText;\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  Method,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport { focusElement, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  CheckableFormComponent,\n  connectForm,\n  disconnectForm,\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 { Scale } from \"../interfaces\";\nimport { CSS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-switch\",\n  styleUrl: \"switch.scss\",\n  shadow: true,\n})\nexport class Switch\n  implements LabelableComponent, CheckableFormComponent, InteractiveComponent, 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  /** Accessible name for the component. */\n  @Prop() label: string;\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** When `true`, the component is checked. */\n  @Prop({ reflect: true, mutable: true }) checked = false;\n\n  /** The component's value. */\n  @Prop() value: any;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSwitchElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  switchEl: HTMLDivElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Switch[\"checked\"];\n\n  defaultChecked: boolean;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    focusElement(this.switchEl);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    input.type = \"checkbox\";\n  }\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (!this.disabled && isActivationKey(event.key)) {\n      this.toggle();\n      event.preventDefault();\n    }\n  };\n\n  onLabelClick(): void {\n    if (!this.disabled) {\n      this.toggle();\n      this.setFocus();\n    }\n  }\n\n  private toggle(): void {\n    this.checked = !this.checked;\n    this.calciteSwitchChange.emit();\n  }\n\n  private clickHandler = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.toggle();\n  };\n\n  private setSwitchEl = (el: HTMLDivElement): void => {\n    this.switchEl = el;\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the `checked` value has changed.\n   */\n  @Event({ cancelable: false }) calciteSwitchChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    return (\n      <Host onClick={this.clickHandler} onKeyDown={this.keyDownHandler}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-checked={toAriaBoolean(this.checked)}\n            aria-label={getLabelText(this)}\n            class={CSS.container}\n            ref={this.setSwitchEl}\n            role=\"switch\"\n            tabIndex={0}\n          >\n            <div class={CSS.track}>\n              <div class={CSS.handle} />\n            </div>\n            <HiddenFormInputSlot component={this} />\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;8bAAO,MAAMA,EAAM,CACjBC,UAAW,YACXC,MAAO,QACPC,OAAQ,UCHV,MAAMC,EAAY,42FAClB,MAAAC,EAAeD,E,MCwCFE,EAAM,M,kFAiFjBC,KAAAC,eAAkBC,IAChB,IAAKF,KAAKG,UAAYC,EAAgBF,EAAMG,KAAM,CAChDL,KAAKM,SACLJ,EAAMK,gB,GAgBFP,KAAAQ,aAAe,KACrB,GAAIR,KAAKG,SAAU,CACjB,M,CAGFH,KAAKM,QAAQ,EAGPN,KAAAS,YAAeC,IACrBV,KAAKW,SAAWD,CAAE,E,cAnGgB,M,wEAqBI,I,aAGU,M,qBA+BlD,cAAME,SACEC,EAAmBb,MAEzBc,EAAad,KAAKW,S,CASpB,mBAAAI,CAAoBC,GAClBA,EAAMC,KAAO,U,CAUf,YAAAC,GACE,IAAKlB,KAAKG,SAAU,CAClBH,KAAKM,SACLN,KAAKY,U,EAID,MAAAN,GACNN,KAAKmB,SAAWnB,KAAKmB,QACrBnB,KAAKoB,oBAAoBC,M,CAgC3B,iBAAAC,GACEC,EAAmBvB,MACnBwB,EAAaxB,MACbyB,EAAYzB,K,CAGd,iBAAA0B,GACEC,EAAuB3B,K,CAGzB,gBAAA4B,GACEC,EAAmB7B,K,CAGrB,oBAAA8B,GACEC,EAAsB/B,MACtBgC,EAAgBhC,MAChBiC,EAAejC,K,CAGjB,kBAAAkC,GACEC,EAAsBnC,K,CASxB,MAAAoC,GACE,OACEC,EAACC,EAAI,CAAAjC,IAAA,2CAACkC,QAASvC,KAAKQ,aAAcgC,UAAWxC,KAAKC,gBAChDoC,EAACI,EAAoB,CAAApC,IAAA,2CAACF,SAAUH,KAAKG,UACnCkC,EAAA,OAAAhC,IAAA,0DACgBqC,EAAc1C,KAAKmB,SAAQ,aAC7BwB,EAAa3C,MACzB4C,MAAOnD,EAAIC,UACXmD,IAAK7C,KAAKS,YACVqC,KAAK,SACLC,SAAU,GAEVV,EAAA,OAAAhC,IAAA,2CAAKuC,MAAOnD,EAAIE,OACd0C,EAAA,OAAAhC,IAAA,2CAAKuC,MAAOnD,EAAIG,UAElByC,EAACW,EAAmB,CAAA3C,IAAA,2CAAC4C,UAAWjD,S","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.1-next.1
+ */
+import{r as t,c as o,h as e,H as a,g as i}from"./p-0bbe3b36.js";import{c as s,d as n}from"./p-95666014.js";import{s as r}from"./p-3ba78079.js";import{s as c,a as d,c as l}from"./p-9ce0d310.js";import{c as p,d as h}from"./p-2988aea6.js";import{u,c as b,d as x,s as g}from"./p-8e771cd5.js";import{t as f,E as m}from"./p-081b23d1.js";import{c as y}from"./p-bb1ecc62.js";import"./p-8deeb4a2.js";import"./p-4e2bc4be.js";import"./p-ec386b22.js";import"./p-67d7e16e.js";import"./p-f19888bc.js";import"./p-319d7111.js";const w={actionGroupEnd:"action-group--end",container:"container"};const v={expandTooltip:"expand-tooltip"};const j=":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:block}@keyframes in{0%{opacity:0}100%{opacity:1}}:host{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.125rem;--calcite-action-pad-expanded-max-width:auto;background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width)}::slotted(calcite-action-group){border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px}.container{display:inline-flex;flex-direction:column;overflow-y:auto;border-radius:0.25rem;background-color:var(--calcite-color-background);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.action-group--bottom{flex-grow:1;justify-content:flex-end;padding-block-end:0px}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0px}:host([layout=horizontal]) .container ::slotted(calcite-action-group){border-width:0px;padding:0px;border-inline-end-width:1px}::slotted(calcite-action-group:last-child){border-block-end-width:0px}:host([hidden]){display:none}[hidden]{display:none}";const k=j;const z=class{constructor(e){t(this,e);this.calciteActionPadToggle=o(this,"calciteActionPadToggle",6);this.mutationObserver=y("mutation",(()=>this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")))));this.actionMenuOpenHandler=t=>{if(t.target.menuOpen){const o=t.composedPath();Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((t=>{if(!o.includes(t)){t.menuOpen=false}}))}};this.toggleExpand=()=>{this.expanded=!this.expanded;this.calciteActionPadToggle.emit()};this.setExpandToggleRef=t=>{this.expandToggleEl=t};this.handleDefaultSlotChange=t=>{const o=r(t).filter((t=>t?.matches("calcite-action-group")));this.setGroupLayout(o)};this.handleTooltipSlotChange=t=>{const o=r(t).filter((t=>t?.matches("calcite-tooltip")));this.expandTooltip=o[0]};this.actionsEndGroupLabel=undefined;this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.position=undefined;this.scale=undefined;this.messages=undefined;this.messageOverrides=undefined;this.overlayPositioning="absolute";this.expandTooltip=undefined;this.effectiveLocale="";this.defaultMessages=undefined}expandedHandler(t){f({el:this.el,expanded:t})}layoutHandler(){this.updateGroups()}onMessagesChange(){}effectiveLocaleChange(){u(this,this.effectiveLocale)}connectedCallback(){s(this);p(this);b(this)}disconnectedCallback(){h(this);x(this);n(this)}async componentWillLoad(){c(this);const{el:t,expanded:o}=this;f({el:t,expanded:o});await g(this)}componentDidLoad(){d(this)}async setFocus(){await l(this);this.el?.focus()}updateGroups(){this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")))}setGroupLayout(t){t.forEach((t=>t.layout=this.layout))}renderBottomActionGroup(){const{expanded:t,expandDisabled:o,messages:a,el:i,position:s,toggleExpand:n,scale:r,layout:c,actionsEndGroupLabel:d,overlayPositioning:l}=this;const p=!o?e(m,{collapseText:a.collapse,el:i,expandText:a.expand,expanded:t,position:s,ref:this.setExpandToggleRef,scale:r,toggle:n,tooltip:this.expandTooltip}):null;return p?e("calcite-action-group",{class:w.actionGroupEnd,label:d,layout:c,overlayPositioning:l,scale:r},e("slot",{name:v.expandTooltip,onSlotchange:this.handleTooltipSlotChange}),p):null}render(){return e(a,{key:"d5ac59815e47872f3e04d9147872fade94a82c22",onCalciteActionMenuOpen:this.actionMenuOpenHandler},e("div",{key:"06adf208d6986d6f6414c9526aa9bcd2f4fe7bd9",class:w.container},e("slot",{key:"1f9e4601ef72cd5a19bbfd2b5d4337b6390597f5",onSlotchange:this.handleDefaultSlotChange}),this.renderBottomActionGroup()))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{expanded:["expandedHandler"],layout:["layoutHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};z.style=k;export{z as calcite_action_pad};
+//# sourceMappingURL=p-d7cc1b3a.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","actionGroupEnd","container","SLOTS","expandTooltip","actionPadCss","CalciteActionPadStyle0","ActionPad","this","mutationObserver","createObserver","setGroupLayout","Array","from","el","querySelectorAll","actionMenuOpenHandler","event","target","menuOpen","composedPath","forEach","group","includes","toggleExpand","expanded","calciteActionPadToggle","emit","setExpandToggleRef","expandToggleEl","handleDefaultSlotChange","groups","slotChangeGetAssignedElements","filter","matches","handleTooltipSlotChange","tooltips","expandedHandler","toggleChildActionText","layoutHandler","updateGroups","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectConditionalSlotComponent","connectLocalized","connectMessages","disconnectedCallback","disconnectLocalized","disconnectMessages","disconnectConditionalSlotComponent","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","setFocus","componentFocusable","focus","layout","renderBottomActionGroup","expandDisabled","messages","position","scale","actionsEndGroupLabel","overlayPositioning","expandToggleNode","h","ExpandToggle","collapseText","collapse","expandText","expand","ref","toggle","tooltip","class","label","name","onSlotchange","render","Host","key","onCalciteActionMenuOpen"],"sources":["src/components/action-pad/resources.ts","src/components/action-pad/action-pad.scss?tag=calcite-action-pad&encapsulation=shadow","src/components/action-pad/action-pad.tsx"],"sourcesContent":["export const CSS = {\n  actionGroupEnd: \"action-group--end\",\n  container: \"container\",\n};\n\nexport const SLOTS = {\n  expandTooltip: \"expand-tooltip\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-action-pad-expanded-max-width: When `layout` is `\"vertical\"`, specifies the expanded max width of the component.\n */\n\n:host {\n  @extend %component-host;\n  @apply animate-in block rounded-sm;\n  --calcite-action-pad-expanded-max-width: auto;\n  background: transparent;\n}\n\n:host([expanded][layout=\"vertical\"]) .container {\n  max-inline-size: var(--calcite-action-pad-expanded-max-width);\n}\n\n::slotted(calcite-action-group) {\n  @apply border-color-3\n  border-0\n  border-b\n  border-solid\n  pb-0 pt-0;\n}\n\n.container {\n  @apply bg-background\n  shadow-2\n  inline-flex\n  flex-col\n  overflow-y-auto\n  rounded;\n}\n\n.action-group--bottom {\n  @apply flex-grow justify-end pb-0;\n}\n\n:host([layout=\"horizontal\"]) {\n  .container {\n    @apply flex-row;\n    .action-group--bottom {\n      @apply p-0;\n    }\n    ::slotted(calcite-action-group) {\n      @apply border-0\n      p-0;\n      border-inline-end-width: theme(\"borderWidth.DEFAULT\");\n    }\n  }\n}\n\n::slotted(calcite-action-group:last-child) {\n  @apply border-b-0;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { slotChangeGetAssignedElements } from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ExpandToggle, toggleChildActionText } from \"../functional/ExpandToggle\";\nimport { Layout, Position, Scale } from \"../interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\nimport { ActionPadMessages } from \"./assets/action-pad/t9n\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-action`s to the component.\n * @slot expand-tooltip - A slot to set the `calcite-tooltip` for the expand toggle.\n */\n@Component({\n  tag: \"calcite-action-pad\",\n  styleUrl: \"action-pad.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n  assetsDirs: [\"assets\"],\n})\nexport class ActionPad\n  implements ConditionalSlotComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Specifies the accessible label for the last `calcite-action-group`.\n   */\n  @Prop() actionsEndGroupLabel: string;\n\n  /**\n   * When `true`, the expand-toggling behavior is disabled.\n   */\n  @Prop({ reflect: true }) expandDisabled = false;\n\n  /**\n   * When `true`, the component is expanded.\n   */\n  @Prop({ reflect: true, mutable: true }) expanded = false;\n\n  @Watch(\"expanded\")\n  expandedHandler(expanded: boolean): void {\n    toggleChildActionText({ el: this.el, expanded });\n  }\n\n  /**\n   * Indicates the layout of the component.\n   */\n  @Prop({ reflect: true }) layout: Layout = \"vertical\";\n\n  @Watch(\"layout\")\n  layoutHandler(): void {\n    this.updateGroups();\n  }\n\n  /**\n   * Arranges the component depending on the element's `dir` property.\n   */\n  @Prop({ reflect: true }) position: Position;\n\n  /**\n   * Specifies the size of the expand `calcite-action`.\n   */\n  @Prop({ reflect: true }) scale: Scale;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ActionPadMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<ActionPadMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the `expanded` property is toggled.\n   */\n  @Event({ cancelable: false }) calciteActionPadToggle: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteActionPadElement;\n\n  @State() expandTooltip: HTMLCalciteTooltipElement;\n\n  mutationObserver = createObserver(\"mutation\", () =>\n    this.setGroupLayout(Array.from(this.el.querySelectorAll(\"calcite-action-group\"))),\n  );\n\n  expandToggleEl: HTMLCalciteActionElement;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ActionPadMessages;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectConditionalSlotComponent(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    const { el, expanded } = this;\n    toggleChildActionText({ el, expanded });\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first focusable element.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.el?.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  actionMenuOpenHandler = (event: CustomEvent<void>): void => {\n    if ((event.target as HTMLCalciteActionGroupElement).menuOpen) {\n      const composedPath = event.composedPath();\n      Array.from(this.el.querySelectorAll(\"calcite-action-group\")).forEach((group) => {\n        if (!composedPath.includes(group)) {\n          group.menuOpen = false;\n        }\n      });\n    }\n  };\n\n  toggleExpand = (): void => {\n    this.expanded = !this.expanded;\n    this.calciteActionPadToggle.emit();\n  };\n\n  setExpandToggleRef = (el: HTMLCalciteActionElement): void => {\n    this.expandToggleEl = el;\n  };\n\n  updateGroups(): void {\n    this.setGroupLayout(Array.from(this.el.querySelectorAll(\"calcite-action-group\")));\n  }\n\n  setGroupLayout(groups: HTMLCalciteActionGroupElement[]): void {\n    groups.forEach((group) => (group.layout = this.layout));\n  }\n\n  handleDefaultSlotChange = (event: Event): void => {\n    const groups = slotChangeGetAssignedElements(event).filter((el) =>\n      el?.matches(\"calcite-action-group\"),\n    ) as HTMLCalciteActionGroupElement[];\n\n    this.setGroupLayout(groups);\n  };\n\n  handleTooltipSlotChange = (event: Event): void => {\n    const tooltips = slotChangeGetAssignedElements(event).filter((el) =>\n      el?.matches(\"calcite-tooltip\"),\n    ) as HTMLCalciteTooltipElement[];\n\n    this.expandTooltip = tooltips[0];\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Component Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderBottomActionGroup(): VNode {\n    const {\n      expanded,\n      expandDisabled,\n      messages,\n      el,\n      position,\n      toggleExpand,\n      scale,\n      layout,\n      actionsEndGroupLabel,\n      overlayPositioning,\n    } = this;\n\n    const expandToggleNode = !expandDisabled ? (\n      <ExpandToggle\n        collapseText={messages.collapse}\n        el={el}\n        expandText={messages.expand}\n        expanded={expanded}\n        position={position}\n        ref={this.setExpandToggleRef}\n        scale={scale}\n        toggle={toggleExpand}\n        tooltip={this.expandTooltip}\n      />\n    ) : null;\n\n    return expandToggleNode ? (\n      <calcite-action-group\n        class={CSS.actionGroupEnd}\n        label={actionsEndGroupLabel}\n        layout={layout}\n        overlayPositioning={overlayPositioning}\n        scale={scale}\n      >\n        <slot name={SLOTS.expandTooltip} onSlotchange={this.handleTooltipSlotChange} />\n        {expandToggleNode}\n      </calcite-action-group>\n    ) : null;\n  }\n\n  render(): VNode {\n    return (\n      <Host onCalciteActionMenuOpen={this.actionMenuOpenHandler}>\n        <div class={CSS.container}>\n          <slot onSlotchange={this.handleDefaultSlotChange} />\n          {this.renderBottomActionGroup()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.1-next.1
+ */
+import{r as t,h as e,g as a}from"./p-0bbe3b36.js";import{c as i}from"./p-bb1ecc62.js";import{c as s,s as n,a as o}from"./p-9ce0d310.js";import"./p-ec386b22.js";const r={frame:"frame",frameAdvancing:"frame--advancing",frameRetreating:"frame--retreating"};const c=":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{position:relative;display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0px}:host ::slotted(calcite-flow-item),:host ::slotted(calcite-panel){block-size:100%}:host ::slotted(.calcite-match-height:last-child){display:flex;flex:1 1 auto;overflow:hidden}:host .frame--advancing{animation:calcite-frame-advance var(--calcite-animation-timing)}:host .frame--retreating{animation:calcite-frame-retreat var(--calcite-animation-timing)}@keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;transform:translate3d(0, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}";const l=c;const d=class{constructor(e){t(this,e);this.itemMutationObserver=i("mutation",(()=>this.updateFlowProps()));this.getFlowDirection=(t,e)=>{const a=t>1;const i=t&&e>1;if(!i&&!a){return null}return e<t?"retreating":"advancing"};this.updateFlowProps=()=>{const{customItemSelectors:t,el:e,items:a}=this;const i=Array.from(e.querySelectorAll(`calcite-flow-item${t?`,${t}`:""}`)).filter((t=>t.closest("calcite-flow")===e));const s=a.length;const n=i.length;const o=i[n-1];const r=i[n-2];if(n&&o){i.forEach((t=>{t.showBackButton=t===o&&n>1;t.hidden=t!==o}))}if(r){r.menuOpen=false}this.items=i;if(s!==n){const t=this.getFlowDirection(s,n);this.itemCount=n;this.flowDirection=t}};this.customItemSelectors=undefined;this.flowDirection=null;this.itemCount=0;this.items=[]}async back(){const{items:t}=this;const e=t[t.length-1];if(!e){return}const a=e.beforeBack?e.beforeBack:()=>Promise.resolve();try{await a.call(e)}catch(t){return}e.remove();return e}async setFocus(){await s(this);const{items:t}=this;const e=t[t.length-1];return e?.setFocus()}connectedCallback(){this.itemMutationObserver?.observe(this.el,{childList:true,subtree:true});this.updateFlowProps()}async componentWillLoad(){n(this)}componentDidLoad(){o(this)}disconnectedCallback(){this.itemMutationObserver?.disconnect()}async handleItemBackClick(t){if(t.defaultPrevented){return}await this.back();return this.setFocus()}render(){const{flowDirection:t}=this;const a={[r.frame]:true,[r.frameAdvancing]:t==="advancing",[r.frameRetreating]:t==="retreating"};return e("div",{key:"9d405841d7a1ee2d7a5da28c02ef8d5bf08dd9f5",class:a},e("slot",{key:"a02231a5002f8b19542e03529aad12771787b26f"}))}get el(){return a(this)}};d.style=l;export{d as calcite_flow};
+//# sourceMappingURL=p-d834bae4.entry.js.map