@esri/calcite-components 2.13.0 → 2.14.0-next.1

package/dist/calcite/p-34d612fb.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["colorPickerCss","CalciteColorPickerStyle0","throttleFor60FpsInMs","ColorPicker","this","internalColorUpdateContext","isActiveChannelInputEmpty","mode","CSSColorMode","HEX","shiftKeyChannelAdjustment","upOrDownArrowKeyTracker","handleTabActivate","event","channelMode","currentTarget","getAttribute","updateChannelsFromColor","color","handleColorFieldScopeKeyDown","key","arrowKeyToXYOffset","ArrowUp","x","y","ArrowRight","ArrowDown","ArrowLeft","preventDefault","scopeOrientation","captureColorFieldColor","colorFieldScopeLeft","colorFieldScopeTop","handleHueScopeKeyDown","modifier","shiftKey","arrowKeyToXOffset","delta","hue","baseColorFieldColor","internalColorSet","handleHexInputChange","stopPropagation","isClearable","input","target","hex","value","normalizedHex","normalizeHex","hexify","alphaCompatible","Color","handleSavedColorSelect","swatch","handleChannelInput","channelIndex","Number","isAlphaChannel","limit","OPACITY_LIMITS","max","RGB_LIMITS","Object","keys","HSV_LIMITS","inputValue","adjustedValue","clamped","clamp","toString","handleChannelChange","handleChannelBlur","channels","restoreValueDueToEmptyInput","handleChannelFocus","selectText","shouldClearChannels","getChannelInputLimit","opacityToAlpha","updateColorFromChannels","handleSavedColorKeyDown","isActivationKey","handleColorFieldPointerDown","handleCanvasControlPointerDown","colorFieldRenderingContext","colorFieldScopeNode","handleHueSliderPointerDown","hueSliderRenderingContext","captureHueSliderColor","hueScopeNode","handleOpacitySliderPointerDown","opacitySliderRenderingContext","captureOpacitySliderValue","opacityScopeNode","globalPointerUpHandler","isPrimaryPointerButton","previouslyDragging","activeCanvasInfo","drawColorControls","calciteColorPickerChange","emit","globalPointerMoveHandler","el","isConnected","context","bounds","samplingX","samplingY","clientX","clientY","canvas","matches","width","height","storeColorFieldScope","node","storeHueScope","renderChannelsTabTitle","activeChannelMode","messages","selected","label","rgb","hsv","h","class","CSS","colorMode","onCalciteTabsActivate","renderChannelsTab","alphaChannel","isRgb","channelAriaLabels","red","green","blue","saturation","direction","getElementDir","channelsToRender","slice","control","dir","map","channelValue","index","alphaToOpacity","renderChannel","ariaLabel","suffix","channel","lang","effectiveLocale","numberButtonType","numberingSystem","onCalciteInputNumberChange","onCalciteInputNumberInput","onCalciteInternalInputNumberBlur","onCalciteInternalInputNumberFocus","onKeyDown","handleKeyDown","scale","style","marginLeft","suffixText","deleteColor","colorToDelete","inStorage","savedColors","indexOf","filter","storageKey","DEFAULT_STORAGE_KEY_PREFIX","storageId","localStorage","setItem","JSON","stringify","saveColor","colorToSave","alreadySaved","throttle","type","drawColorField","drawHueSlider","drawOpacitySlider","skipEqual","dimensions","colorField","Math","round","s","v","saturationv","initColorField","getContext","updateCanvasSize","initHueSlider","initOpacitySlider","storeOpacityScope","handleOpacityScopeKeyDown","alpha","DEFAULT_COLOR","toChannels","DIMENSIONS","m","handleAllowEmptyOrClearableChange","clearable","allowEmpty","handleAlphaChannelChange","format","console","warn","handleAlphaChannelDimensionsChange","effectiveSliderWidth","getSliderWidth","handleColorChange","oldColor","previousColor","handleFormatOrAlphaChannelChange","setMode","handleScaleChange","updateDimensions","onMessagesChange","handleValueChange","oldValue","checkMode","modeChanged","nextMode","parseMode","showIncompatibleColorWarning","dragging","calciteColorPickerInput","normalizeColor","colorChanged","colorEqual","endsWith","effectiveLocaleChange","updateMessages","handleChannelKeyUpOrDown","composedPath","some","classList","contains","complementaryBump","focusScope","focusEl","requestAnimationFrame","focus","renderingContext","captureValue","scopeNode","window","addEventListener","once","getBoundingClientRect","call","offsetX","offsetY","setFocus","componentFocusable","focusFirstTabbable","componentWillLoad","setUpLoadableComponent","willSetNoColor","parsedMode","valueIsCompatible","initialColor","getItem","parse","setUpMessages","connectedCallback","connectLocalized","connectMessages","componentDidLoad","setComponentLoaded","disconnectedCallback","removeEventListener","disconnectLocalized","disconnectMessages","componentDidRender","updateHostInteraction","render","channelsDisabled","thumb","radius","thumbRadius","hexDisabled","hideChannels","hideHex","hideSaved","hueScopeLeft","opacityScopeLeft","savedDisabled","sliderWidth","selectedColorInHex","hueTop","hueLeft","opacityTop","opacityLeft","noColor","vertical","noHex","noChannels","noSaved","adjustedColorFieldScopeLeft","adjustedColorFieldScopeTop","getAdjustedScopePosition","adjustedHueScopeLeft","adjustedHueScopeTop","adjustedOpacityScopeLeft","adjustedOpacityScopeTop","InteractiveContainer","disabled","container","controlAndScope","onPointerDown","ref","scope","colorFieldScope","role","top","left","tabindex","previewAndSliders","preview","sliders","slider","hueSlider","hueScope","opacitySlider","opacity","min","opacityScope","controlSection","section","hexAndChannelsGroup","hexOptions","onCalciteColorPickerHexInputChange","colorModeContainer","splitSection","slot","savedColorsSection","header","saved","savedColorsButtons","appearance","iconStart","kind","onClick","length","savedColor","tabIndex","ensureCompatibleMode","isAlphaCompatible","alphaMode","toAlphaMode","nonAlphaMode","toNonAlphaMode","HUE_LIMIT_CONSTRAINED","toValue","hexMode","includes","hasAlpha","HEXA","replace","string","needToInjectAlpha","model","values","colorObject","object","normalizeAlpha","getSliderCapSpacing","fillStyle","fillRect","whiteGradient","createLinearGradient","addColorStop","blackGradient","drawActiveColorFieldColor","setCanvasContextSize","devicePixelRatio","adjustedSliderDimensions","hsvColor","drawThumb","applyAlpha","startAngle","endAngle","PI","outlineWidth","beginPath","arc","fill","strokeStyle","lineWidth","stroke","pattern","createPattern","getCheckeredBackgroundPattern","globalCompositeOperation","drawActiveHueSliderColor","sliderBoundX","getSliderBoundX","gradient","hueSliderColorStopKeywords","offset","currentOffset","forEach","keyword","clearRect","drawSliderPath","startColor","midColor","endColor","drawActiveOpacitySliderColor","moveTo","lineTo","quadraticCurveTo","closePath","checkerPattern","document","createElement","patternContext","closeToEdge","closeToRangeEdge","remap","array","isAlpha","floor","push","SCOPE_SIZE","hexInput","opacityInput","colorPickerHexInputCss","CalciteColorPickerHexInputStyle0","ColorPickerHexInput","onHexInputBlur","hexInputNode","internalColor","willClearValue","isLonghand","isLonghandHex","isShorthandHex","onHexInputChange","isValidHex","formatHexForInternalInput","rgbToHex","onOpacityInputBlur","opacityInputNode","formatOpacityForInternalInput","onOpacityInputInput","onOpacityInputChange","nodeValue","normalized","preserveExistingAlpha","alphaHex","hexa","internalSetValue","onInputFocus","onHexInputInput","hexInputValue","onInputKeyDown","altKey","ctrlKey","metaKey","isNudgeKey","previousNonNullValue","bump","nudgeRGBChannels","withModifiers","singleChar","validHexChar","hexChar","test","onHexInputPaste","clipboardData","getData","storeHexInputRef","storeOpacityInputRef","undefined","hexLabel","opacityInputValue","inputScale","maxLength","onCalciteInputTextChange","onCalciteInputTextInput","onCalciteInternalInputTextBlur","onCalciteInternalInputTextFocus","onPaste","prefixText","focusElement","currentColor","nextColor","normalizedLonghand","changed","calciteColorPickerHexInputChange","amount","nudgedChannels","rgbChannels","nudgedRGBChannels","nudgedAlpha","noColorSwatch","checker","COLORS","borderLight","borderDark","checkerSquareSize","CHECKER_DIMENSIONS","squareSize","size","colorPickerSwatchCss","CalciteColorPickerSwatchStyle0","ColorPickerSwatch","isEmpty","classes","xmlns","renderSwatch","active","borderRadius","theme","getModeName","borderColor","commonSwatchProps","rx","strokeWidth","Fragment","id","renderSwatchRect","clipPath","x1","x2","y1","y2","patternUnits"],"sources":["src/components/color-picker/color-picker.scss?tag=calcite-color-picker&encapsulation=shadow","src/components/color-picker/color-picker.tsx","src/components/color-picker-hex-input/resources.ts","src/components/color-picker-hex-input/color-picker-hex-input.scss?tag=calcite-color-picker-hex-input&encapsulation=shadow","src/components/color-picker-hex-input/color-picker-hex-input.tsx","src/components/color-picker-swatch/resources.ts","src/components/color-picker-swatch/color-picker-swatch.scss?tag=calcite-color-picker-swatch&encapsulation=shadow","src/components/color-picker-swatch/color-picker-swatch.tsx"],"sourcesContent":[":host {\n  @apply text-n2h inline-block font-normal;\n}\n\n@include disabled();\n\n:host([scale=\"s\"]) {\n  --calcite-color-picker-spacing: 8px;\n\n  .container {\n    inline-size: 160px;\n  }\n\n  .saved-colors {\n    @apply gap-1;\n    grid-template-columns: repeat(auto-fill, 20px);\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-color-picker-spacing: 12px;\n\n  .container {\n    inline-size: 272px;\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-color-picker-spacing: 16px;\n\n  @apply text-n1h;\n\n  .container {\n    inline-size: 464px;\n  }\n\n  .section {\n    &:first-of-type {\n      padding-block-start: var(--calcite-color-picker-spacing);\n    }\n  }\n\n  .saved-colors {\n    grid-template-columns: repeat(auto-fill, 32px);\n  }\n\n  .control-section {\n    @apply flex-nowrap items-baseline;\n  }\n\n  .control-section {\n    @apply flex-wrap;\n  }\n\n  .color-hex-options {\n    @apply flex\n      flex-shrink\n      flex-col\n      justify-around;\n  }\n\n  .color-mode-container {\n    flex-shrink: 3;\n  }\n}\n\n.container {\n  @apply bg-foreground-1;\n  display: inline-block;\n  border: 1px solid var(--calcite-color-border-1);\n}\n\n.control-and-scope {\n  @apply flex relative cursor-pointer touch-none;\n}\n\n.color-field,\n.control-and-scope {\n  user-select: none;\n}\n\n.scope {\n  @apply text-n1\n    focus-base\n    absolute\n    z-default\n    rounded-full\n    bg-transparent\n    w-px\n    h-px\n    pointer-events-none;\n  &:focus {\n    @apply focus-outset;\n    outline-offset: 6px;\n  }\n}\n\n.hex-and-channels-group {\n  @apply w-full;\n}\n\n.hex-and-channels-group,\n.control-section {\n  @apply flex flex-row flex-wrap;\n}\n\n.section {\n  padding-block: 0 var(--calcite-color-picker-spacing);\n  padding-inline: var(--calcite-color-picker-spacing);\n\n  &:first-of-type {\n    padding-block-start: var(--calcite-color-picker-spacing);\n  }\n}\n\n.sliders {\n  @apply flex flex-col justify-between;\n  margin-inline-start: var(--calcite-color-picker-spacing);\n  gap: var(--calcite-spacing-xxs);\n}\n\n.preview-and-sliders {\n  @apply flex items-center;\n  padding: var(--calcite-color-picker-spacing);\n}\n\n.color-hex-options,\n.section--split {\n  flex-grow: 1;\n}\n\n.header {\n  @apply text-color-1\n    flex\n    items-center\n    justify-between;\n}\n\n.color-mode-container {\n  padding-block-start: var(--calcite-color-picker-spacing);\n}\n\n.channels {\n  @apply flex gap-y-0.5;\n}\n\n.channel {\n  &[data-channel-index=\"3\"] {\n    inline-size: 159px;\n  }\n}\n\n:host([scale=\"s\"]) {\n  .channels {\n    @apply flex-wrap;\n  }\n\n  .channel {\n    flex-basis: 30%;\n    flex-grow: 1;\n\n    &[data-channel-index=\"3\"] {\n      inline-size: unset;\n      margin-inline-start: unset;\n    }\n  }\n}\n\n:host([scale=\"l\"]) {\n  .channel {\n    &[data-channel-index=\"3\"] {\n      inline-size: 131px;\n    }\n  }\n}\n\n.saved-colors {\n  @apply grid gap-2;\n  padding-block-start: var(--calcite-color-picker-spacing);\n  grid-template-columns: repeat(auto-fill, 24px);\n}\n\n.saved-colors-buttons {\n  display: flex;\n}\n\n.saved-color {\n  @include focus-style-base();\n\n  cursor: pointer;\n\n  &:focus {\n    @include focus-style-outset();\n  }\n\n  &:hover {\n    transition: outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;\n    outline: 2px solid var(--calcite-color-border-2);\n    outline-offset: 2px;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport Color from \"color\";\nimport { throttle } from \"lodash-es\";\nimport {\n  Direction,\n  focusFirstTabbable,\n  getElementDir,\n  isPrimaryPointerButton,\n} from \"../../utils/dom\";\nimport { Scale } from \"../interfaces\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { isActivationKey } from \"../../utils/key\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n} from \"../../utils/locale\";\nimport { clamp, closeToRangeEdge, remap } from \"../../utils/math\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  alphaCompatible,\n  alphaToOpacity,\n  colorEqual,\n  CSSColorMode,\n  Format,\n  getSliderWidth,\n  hexify,\n  normalizeAlpha,\n  normalizeColor,\n  normalizeHex,\n  opacityToAlpha,\n  parseMode,\n  SupportedMode,\n  toAlphaMode,\n  toNonAlphaMode,\n} from \"./utils\";\nimport {\n  CSS,\n  DEFAULT_COLOR,\n  DEFAULT_STORAGE_KEY_PREFIX,\n  DIMENSIONS,\n  HSV_LIMITS,\n  HUE_LIMIT_CONSTRAINED,\n  OPACITY_LIMITS,\n  RGB_LIMITS,\n  SCOPE_SIZE,\n} from \"./resources\";\nimport { Channels, ColorMode, ColorValue, HSLA, HSVA, InternalColor, RGBA } from \"./interfaces\";\nimport { ColorPickerMessages } from \"./assets/color-picker/t9n\";\n\nconst throttleFor60FpsInMs = 16;\n\n@Component({\n  tag: \"calcite-color-picker\",\n  styleUrl: \"color-picker.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class ColorPicker\n  implements InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, an empty color (`null`) will be allowed as a `value`.\n   *\n   * When `false`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`.\n   *\n   * @deprecated Use `clearable` instead\n   */\n  @Prop({ reflect: true }) allowEmpty = false;\n\n  @Watch(\"allowEmpty\")\n  @Watch(\"clearable\")\n  handleAllowEmptyOrClearableChange(): void {\n    this.isClearable = this.clearable || this.allowEmpty;\n  }\n\n  /**\n   * When `true`, the component will allow updates to the color's alpha value.\n   */\n  @Prop() alphaChannel = false;\n\n  @Watch(\"alphaChannel\")\n  handleAlphaChannelChange(alphaChannel: boolean): void {\n    const { format } = this;\n\n    if (alphaChannel && format !== \"auto\" && !alphaCompatible(format)) {\n      console.warn(\n        `ignoring alphaChannel as the current format (${format}) does not support alpha`,\n      );\n      this.alphaChannel = false;\n    }\n  }\n\n  @Watch(\"alphaChannel\")\n  @Watch(\"dimensions\")\n  handleAlphaChannelDimensionsChange(): void {\n    this.effectiveSliderWidth = getSliderWidth(this.dimensions, this.alphaChannel);\n    this.drawColorControls();\n  }\n\n  /** When `true`, hides the RGB/HSV channel inputs. */\n  @Prop() channelsDisabled = false;\n\n  /**\n   * When `true`, an empty color (`null`) will be allowed as a `value`.\n   *\n   * When `false`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`.\n   */\n  @Prop({ reflect: true }) clearable = false;\n\n  /**\n   * Internal prop for advanced use-cases.\n   *\n   * @internal\n   */\n  @Prop({ mutable: true }) color: InternalColor | null = DEFAULT_COLOR;\n\n  @Watch(\"color\")\n  handleColorChange(color: Color | null, oldColor: Color | null): void {\n    this.drawColorControls();\n    this.updateChannelsFromColor(color);\n    this.previousColor = oldColor;\n  }\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The format of `value`.\n   *\n   * When `\"auto\"`, the format will be inferred from `value` when set.\n   *\n   * @default \"auto\"\n   */\n  @Prop({ reflect: true }) format: Format = \"auto\";\n\n  @Watch(\"alphaChannel\")\n  @Watch(\"format\")\n  handleFormatOrAlphaChannelChange(): void {\n    this.setMode(this.format);\n    this.internalColorSet(this.color, false, \"internal\");\n  }\n\n  /**\n   * When `true`, hides the RGB/HSV channel inputs.\n   *\n   * @deprecated use `channelsDisabled` instead\n   */\n  @Prop({ reflect: true }) hideChannels = false;\n\n  /** When `true`, hides the hex input. */\n  @Prop() hexDisabled = false;\n\n  /**\n   * When `true`, hides the hex input.\n   *\n   * @deprecated use `hexDisabled` instead\n   */\n  @Prop({ reflect: true }) hideHex = false;\n\n  /**\n   * When `true`, hides the saved colors section.\n   *\n   * @deprecated use `savedDisabled` instead\n   */\n  @Prop({ reflect: true }) hideSaved = false;\n\n  /** When `true`, hides the saved colors section. */\n  @Prop({ reflect: true }) savedDisabled = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  @Watch(\"scale\")\n  handleScaleChange(scale: Scale = \"m\"): void {\n    this.updateDimensions(scale);\n    this.updateCanvasSize(\"all\");\n    this.drawColorControls();\n  }\n\n  /** Specifies the storage ID for colors. */\n  @Prop({ reflect: true }) storageId: string;\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<ColorPickerMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /** Specifies the Unicode numeral system used by the component for localization. */\n  @Prop({ reflect: true }) numberingSystem: NumberingSystem;\n\n  /**\n   * The component's value, where the value can be a CSS color string, or a RGB, HSL or HSV object.\n   *\n   * The type will be preserved as the color is updated.\n   *\n   * @default \"#007ac2\"\n   * @see [CSS Color](https://developer.mozilla.org/en-US/docs/Web/CSS/color)\n   * @see [ColorValue](https://github.com/Esri/calcite-design-system/blob/dev/src/components/color-picker/interfaces.ts#L10)\n   */\n  @Prop({ mutable: true }) value: ColorValue | null = normalizeHex(\n    hexify(DEFAULT_COLOR, this.alphaChannel),\n  );\n\n  @Watch(\"value\")\n  handleValueChange(value: ColorValue | null, oldValue: ColorValue | null): void {\n    const { isClearable, format } = this;\n    const checkMode = !isClearable || value;\n    let modeChanged = false;\n\n    if (checkMode) {\n      const nextMode = parseMode(value);\n\n      if (!nextMode || (format !== \"auto\" && nextMode !== format)) {\n        this.showIncompatibleColorWarning(value, format);\n        this.value = oldValue;\n        return;\n      }\n\n      modeChanged = this.mode !== nextMode;\n      this.setMode(nextMode, this.internalColorUpdateContext === null);\n    }\n\n    const dragging = this.activeCanvasInfo;\n\n    if (this.internalColorUpdateContext === \"initial\") {\n      return;\n    }\n\n    if (this.internalColorUpdateContext === \"user-interaction\") {\n      this.calciteColorPickerInput.emit();\n\n      if (!dragging) {\n        this.calciteColorPickerChange.emit();\n      }\n      return;\n    }\n\n    const color =\n      isClearable && !value\n        ? null\n        : Color(\n            value != null && typeof value === \"object\" && alphaCompatible(this.mode)\n              ? normalizeColor(value as RGBA | HSVA | HSLA)\n              : value,\n          );\n    const colorChanged = !colorEqual(color, this.color);\n\n    if (modeChanged || colorChanged) {\n      this.internalColorSet(\n        color,\n        this.alphaChannel && !(this.mode.endsWith(\"a\") || this.mode.endsWith(\"a-css\")),\n        \"internal\",\n      );\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Internal State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteColorPickerElement;\n\n  private activeCanvasInfo: {\n    context: CanvasRenderingContext2D;\n    bounds: DOMRect;\n  };\n\n  private get baseColorFieldColor(): Color {\n    return this.color || this.previousColor || DEFAULT_COLOR;\n  }\n\n  private checkerPattern: HTMLCanvasElement;\n\n  private colorFieldRenderingContext: CanvasRenderingContext2D;\n\n  private colorFieldScopeNode: HTMLDivElement;\n\n  private effectiveSliderWidth: number;\n\n  private hueSliderRenderingContext: CanvasRenderingContext2D;\n\n  private hueScopeNode: HTMLDivElement;\n\n  private internalColorUpdateContext: \"internal\" | \"initial\" | \"user-interaction\" | null = null;\n\n  private isActiveChannelInputEmpty: boolean = false;\n\n  private isClearable: boolean;\n\n  private mode: SupportedMode = CSSColorMode.HEX;\n\n  private opacityScopeNode: HTMLDivElement;\n\n  private opacitySliderRenderingContext: CanvasRenderingContext2D;\n\n  private previousColor: InternalColor | null;\n\n  private shiftKeyChannelAdjustment = 0;\n\n  private upOrDownArrowKeyTracker: \"down\" | \"up\" | null = null;\n\n  @State() channelMode: ColorMode = \"rgb\";\n\n  @State() channels: Channels = this.toChannels(DEFAULT_COLOR);\n\n  @State() defaultMessages: ColorPickerMessages;\n\n  @State() dimensions = DIMENSIONS.m;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ColorPickerMessages;\n\n  @State() savedColors: string[] = [];\n\n  @State() colorFieldScopeTop: number;\n\n  @State() colorFieldScopeLeft: number;\n\n  @State() hueScopeLeft: number;\n\n  @State() opacityScopeLeft: number;\n\n  @State() scopeOrientation: \"vertical\" | \"horizontal\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the color value has changed.\n   */\n  @Event({ cancelable: false }) calciteColorPickerChange: EventEmitter<void>;\n\n  /**\n   * Fires as the color value changes.\n   *\n   * Similar to the `calciteColorPickerChange` event with the exception of dragging. When dragging the color field or hue slider thumb, this event fires as the thumb is moved.\n   */\n  @Event({ cancelable: false }) calciteColorPickerInput: EventEmitter<void>;\n\n  private handleTabActivate = (event: Event): void => {\n    this.channelMode = (event.currentTarget as HTMLElement).getAttribute(\n      \"data-color-mode\",\n    ) as ColorMode;\n\n    this.updateChannelsFromColor(this.color);\n  };\n\n  private handleColorFieldScopeKeyDown = (event: KeyboardEvent): void => {\n    const { key } = event;\n    const arrowKeyToXYOffset = {\n      ArrowUp: { x: 0, y: -10 },\n      ArrowRight: { x: 10, y: 0 },\n      ArrowDown: { x: 0, y: 10 },\n      ArrowLeft: { x: -10, y: 0 },\n    };\n\n    if (arrowKeyToXYOffset[key]) {\n      event.preventDefault();\n      this.scopeOrientation = key === \"ArrowDown\" || key === \"ArrowUp\" ? \"vertical\" : \"horizontal\";\n      this.captureColorFieldColor(\n        this.colorFieldScopeLeft + arrowKeyToXYOffset[key].x || 0,\n        this.colorFieldScopeTop + arrowKeyToXYOffset[key].y || 0,\n        false,\n      );\n    }\n  };\n\n  private handleHueScopeKeyDown = (event: KeyboardEvent): void => {\n    const modifier = event.shiftKey ? 10 : 1;\n    const { key } = event;\n    const arrowKeyToXOffset = {\n      ArrowUp: 1,\n      ArrowRight: 1,\n      ArrowDown: -1,\n      ArrowLeft: -1,\n    };\n\n    if (arrowKeyToXOffset[key]) {\n      event.preventDefault();\n      const delta = arrowKeyToXOffset[key] * modifier;\n      const hue = this.baseColorFieldColor.hue();\n      const color = this.baseColorFieldColor.hue(hue + delta);\n      this.internalColorSet(color, false);\n    }\n  };\n\n  private handleHexInputChange = (event: Event): void => {\n    event.stopPropagation();\n    const { isClearable, color } = this;\n    const input = event.target as HTMLCalciteColorPickerHexInputElement;\n    const hex = input.value;\n\n    if (isClearable && !hex) {\n      this.internalColorSet(null);\n      return;\n    }\n\n    const normalizedHex = color && normalizeHex(hexify(color, alphaCompatible(this.mode)));\n\n    if (hex !== normalizedHex) {\n      this.internalColorSet(Color(hex));\n    }\n  };\n\n  private handleSavedColorSelect = (event: Event): void => {\n    const swatch = event.currentTarget as HTMLCalciteColorPickerSwatchElement;\n    this.internalColorSet(Color(swatch.color));\n  };\n\n  private handleChannelInput = (event: CustomEvent): void => {\n    const input = event.currentTarget as HTMLCalciteInputNumberElement;\n    const channelIndex = Number(input.getAttribute(\"data-channel-index\"));\n    const isAlphaChannel = channelIndex === 3;\n\n    const limit = isAlphaChannel\n      ? OPACITY_LIMITS.max\n      : this.channelMode === \"rgb\"\n        ? RGB_LIMITS[Object.keys(RGB_LIMITS)[channelIndex]]\n        : HSV_LIMITS[Object.keys(HSV_LIMITS)[channelIndex]];\n\n    let inputValue: string;\n\n    if (!input.value) {\n      inputValue = \"\";\n      this.isActiveChannelInputEmpty = true;\n      // reset this to allow typing in new value, when channel input is cleared after ArrowUp or ArrowDown have been pressed\n      this.upOrDownArrowKeyTracker = null;\n    } else {\n      const value = Number(input.value);\n      const adjustedValue = value + this.shiftKeyChannelAdjustment;\n      const clamped = clamp(adjustedValue, 0, limit);\n\n      inputValue = clamped.toString();\n    }\n\n    input.value = inputValue;\n\n    if (inputValue !== \"\" && this.shiftKeyChannelAdjustment !== 0) {\n      // we treat nudging as a change event since the input won't emit when modifying the value directly\n      this.handleChannelChange(event);\n    } else if (inputValue !== \"\") {\n      this.handleChannelChange(event);\n    }\n  };\n\n  private handleChannelBlur = (event: CustomEvent): void => {\n    const input = event.currentTarget as HTMLCalciteInputNumberElement;\n    const channelIndex = Number(input.getAttribute(\"data-channel-index\"));\n    const channels = [...this.channels] as this[\"channels\"];\n    const restoreValueDueToEmptyInput = !input.value && !this.isClearable;\n\n    if (restoreValueDueToEmptyInput) {\n      input.value = channels[channelIndex]?.toString();\n    }\n  };\n\n  handleChannelFocus = (event: Event): void => {\n    const input = event.currentTarget as HTMLCalciteInputNumberElement;\n    input.selectText();\n  };\n\n  // using @Listen as a workaround for VDOM listener not firing\n  @Listen(\"keydown\", { capture: true })\n  @Listen(\"keyup\", { capture: true })\n  protected handleChannelKeyUpOrDown(event: KeyboardEvent): void {\n    this.shiftKeyChannelAdjustment = 0;\n    const { key } = event;\n\n    if (\n      (key !== \"ArrowUp\" && key !== \"ArrowDown\") ||\n      !event.composedPath().some((node: HTMLElement) => node.classList?.contains(CSS.channel))\n    ) {\n      return;\n    }\n\n    const { shiftKey } = event;\n    event.preventDefault();\n\n    if (!this.color) {\n      this.internalColorSet(this.previousColor);\n      event.stopPropagation();\n      return;\n    }\n\n    // this gets applied to the input's up/down arrow increment/decrement\n    const complementaryBump = 9;\n\n    this.shiftKeyChannelAdjustment =\n      key === \"ArrowUp\" && shiftKey\n        ? complementaryBump\n        : key === \"ArrowDown\" && shiftKey\n          ? -complementaryBump\n          : 0;\n\n    if (key === \"ArrowUp\") {\n      this.upOrDownArrowKeyTracker = \"up\";\n    }\n    if (key === \"ArrowDown\") {\n      this.upOrDownArrowKeyTracker = \"down\";\n    }\n  }\n\n  private getChannelInputLimit(channelIndex: number): number {\n    return this.channelMode === \"rgb\"\n      ? RGB_LIMITS[Object.keys(RGB_LIMITS)[channelIndex]]\n      : HSV_LIMITS[Object.keys(HSV_LIMITS)[channelIndex]];\n  }\n\n  private handleChannelChange = (event: CustomEvent): void => {\n    const input = event.currentTarget as HTMLCalciteInputNumberElement;\n    const channelIndex = Number(input.getAttribute(\"data-channel-index\"));\n    const channels = [...this.channels] as this[\"channels\"];\n\n    const shouldClearChannels = this.isClearable && !input.value;\n\n    if (shouldClearChannels) {\n      this.channels = [null, null, null, null];\n      this.internalColorSet(null);\n      return;\n    }\n\n    const isAlphaChannel = channelIndex === 3;\n\n    if (this.isActiveChannelInputEmpty && this.upOrDownArrowKeyTracker) {\n      input.value =\n        this.upOrDownArrowKeyTracker === \"up\"\n          ? (channels[channelIndex] + 1 <= this.getChannelInputLimit(channelIndex)\n              ? channels[channelIndex] + 1\n              : this.getChannelInputLimit(channelIndex)\n            ).toString()\n          : (channels[channelIndex] - 1 >= 0 ? channels[channelIndex] - 1 : 0).toString();\n      this.isActiveChannelInputEmpty = false;\n      this.upOrDownArrowKeyTracker = null;\n    }\n    const value = input.value ? Number(input.value) : channels[channelIndex];\n\n    channels[channelIndex] = isAlphaChannel ? opacityToAlpha(value) : value;\n    this.updateColorFromChannels(channels);\n  };\n\n  private handleSavedColorKeyDown = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      event.preventDefault();\n      this.handleSavedColorSelect(event);\n    }\n  };\n\n  private handleColorFieldPointerDown = (event: PointerEvent): void => {\n    this.handleCanvasControlPointerDown(\n      event,\n      this.colorFieldRenderingContext,\n      this.captureColorFieldColor,\n      this.colorFieldScopeNode,\n    );\n  };\n\n  private focusScope(focusEl: HTMLElement): void {\n    requestAnimationFrame(() => {\n      focusEl.focus();\n    });\n  }\n\n  private handleHueSliderPointerDown = (event: PointerEvent): void => {\n    this.handleCanvasControlPointerDown(\n      event,\n      this.hueSliderRenderingContext,\n      this.captureHueSliderColor,\n      this.hueScopeNode,\n    );\n  };\n\n  private handleOpacitySliderPointerDown = (event: PointerEvent): void => {\n    this.handleCanvasControlPointerDown(\n      event,\n      this.opacitySliderRenderingContext,\n      this.captureOpacitySliderValue,\n      this.opacityScopeNode,\n    );\n  };\n\n  private handleCanvasControlPointerDown(\n    event: PointerEvent,\n    renderingContext: CanvasRenderingContext2D,\n    captureValue: (offsetX: number, offsetY?: number) => void,\n    scopeNode: HTMLElement,\n  ): void {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    window.addEventListener(\"pointermove\", this.globalPointerMoveHandler);\n    window.addEventListener(\"pointerup\", this.globalPointerUpHandler, { once: true });\n\n    this.activeCanvasInfo = {\n      context: renderingContext,\n      bounds: renderingContext.canvas.getBoundingClientRect(),\n    };\n\n    captureValue.call(this, event.offsetX, event.offsetY);\n    this.focusScope(scopeNode);\n  }\n\n  private globalPointerUpHandler = (event: PointerEvent): void => {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    const previouslyDragging = this.activeCanvasInfo;\n    this.activeCanvasInfo = null;\n    this.drawColorControls();\n\n    if (previouslyDragging) {\n      this.calciteColorPickerChange.emit();\n    }\n  };\n\n  private globalPointerMoveHandler = (event: PointerEvent): void => {\n    const { activeCanvasInfo, el } = this;\n\n    if (!el.isConnected || !activeCanvasInfo) {\n      return;\n    }\n\n    const { context, bounds } = activeCanvasInfo;\n\n    let samplingX: number;\n    let samplingY: number;\n\n    const { clientX, clientY } = event;\n\n    if (context.canvas.matches(\":hover\")) {\n      samplingX = clientX - bounds.x;\n      samplingY = clientY - bounds.y;\n    } else {\n      // snap x and y to the closest edge\n\n      if (clientX < bounds.x + bounds.width && clientX > bounds.x) {\n        samplingX = clientX - bounds.x;\n      } else if (clientX < bounds.x) {\n        samplingX = 0;\n      } else {\n        samplingX = bounds.width;\n      }\n\n      if (clientY < bounds.y + bounds.height && clientY > bounds.y) {\n        samplingY = clientY - bounds.y;\n      } else if (clientY < bounds.y) {\n        samplingY = 0;\n      } else {\n        samplingY = bounds.height;\n      }\n    }\n\n    if (context === this.colorFieldRenderingContext) {\n      this.captureColorFieldColor(samplingX, samplingY, false);\n    } else if (context === this.hueSliderRenderingContext) {\n      this.captureHueSliderColor(samplingX);\n    } else if (context === this.opacitySliderRenderingContext) {\n      this.captureOpacitySliderValue(samplingX);\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    focusFirstTabbable(this.el);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n\n    this.handleAllowEmptyOrClearableChange();\n    this.handleAlphaChannelDimensionsChange();\n\n    const { isClearable, color, format, value } = this;\n    const willSetNoColor = isClearable && !value;\n    const parsedMode = parseMode(value);\n    const valueIsCompatible =\n      willSetNoColor || (format === \"auto\" && parsedMode) || format === parsedMode;\n    const initialColor = willSetNoColor ? null : valueIsCompatible ? Color(value) : color;\n\n    if (!valueIsCompatible) {\n      this.showIncompatibleColorWarning(value, format);\n    }\n    this.setMode(format, false);\n    this.internalColorSet(initialColor, false, \"initial\");\n\n    this.updateDimensions(this.scale);\n\n    const storageKey = `${DEFAULT_STORAGE_KEY_PREFIX}${this.storageId}`;\n\n    if (this.storageId && localStorage.getItem(storageKey)) {\n      this.savedColors = JSON.parse(localStorage.getItem(storageKey));\n    }\n\n    await setUpMessages(this);\n  }\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    window.removeEventListener(\"pointermove\", this.globalPointerMoveHandler);\n    window.removeEventListener(\"pointerup\", this.globalPointerUpHandler);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const {\n      channelsDisabled,\n      color,\n      colorFieldScopeLeft,\n      colorFieldScopeTop,\n      dimensions: {\n        thumb: { radius: thumbRadius },\n      },\n      hexDisabled,\n      hideChannels,\n      hideHex,\n      hideSaved,\n      hueScopeLeft,\n      messages,\n      alphaChannel,\n      opacityScopeLeft,\n      savedColors,\n      savedDisabled,\n      scale,\n      scopeOrientation,\n    } = this;\n\n    const sliderWidth = this.effectiveSliderWidth;\n    const selectedColorInHex = color ? hexify(color, alphaChannel) : null;\n    const hueTop = thumbRadius;\n    const hueLeft = hueScopeLeft ?? (sliderWidth * DEFAULT_COLOR.hue()) / HSV_LIMITS.h;\n    const opacityTop = thumbRadius;\n    const opacityLeft =\n      opacityScopeLeft ??\n      (sliderWidth * alphaToOpacity(DEFAULT_COLOR.alpha())) / OPACITY_LIMITS.max;\n    const noColor = color === null;\n    const vertical = scopeOrientation === \"vertical\";\n    const noHex = hexDisabled || hideHex;\n    const noChannels = channelsDisabled || hideChannels;\n    const noSaved = savedDisabled || hideSaved;\n    const [adjustedColorFieldScopeLeft, adjustedColorFieldScopeTop] = this.getAdjustedScopePosition(\n      colorFieldScopeLeft,\n      colorFieldScopeTop,\n    );\n    const [adjustedHueScopeLeft, adjustedHueScopeTop] = this.getAdjustedScopePosition(\n      hueLeft,\n      hueTop,\n    );\n    const [adjustedOpacityScopeLeft, adjustedOpacityScopeTop] = this.getAdjustedScopePosition(\n      opacityLeft,\n      opacityTop,\n    );\n\n    return (\n      <InteractiveContainer disabled={this.disabled}>\n        <div class={CSS.container}>\n          <div class={CSS.controlAndScope}>\n            <canvas\n              class={CSS.colorField}\n              onPointerDown={this.handleColorFieldPointerDown}\n              ref={this.initColorField}\n            />\n            <div\n              aria-label={vertical ? messages.value : messages.saturation}\n              aria-valuemax={vertical ? HSV_LIMITS.v : HSV_LIMITS.s}\n              aria-valuemin=\"0\"\n              aria-valuenow={(vertical ? color?.saturationv() : color?.value()) || \"0\"}\n              class={{ [CSS.scope]: true, [CSS.colorFieldScope]: true }}\n              onKeyDown={this.handleColorFieldScopeKeyDown}\n              ref={this.storeColorFieldScope}\n              role=\"slider\"\n              style={{\n                top: `${adjustedColorFieldScopeTop || 0}px`,\n                left: `${adjustedColorFieldScopeLeft || 0}px`,\n              }}\n              tabindex=\"0\"\n            />\n          </div>\n          <div class={CSS.previewAndSliders}>\n            <calcite-color-picker-swatch\n              class={CSS.preview}\n              color={selectedColorInHex}\n              scale={this.alphaChannel ? \"l\" : this.scale}\n            />\n            <div class={CSS.sliders}>\n              <div class={CSS.controlAndScope}>\n                <canvas\n                  class={{ [CSS.slider]: true, [CSS.hueSlider]: true }}\n                  onPointerDown={this.handleHueSliderPointerDown}\n                  ref={this.initHueSlider}\n                />\n                <div\n                  aria-label={messages.hue}\n                  aria-valuemax={HSV_LIMITS.h}\n                  aria-valuemin=\"0\"\n                  aria-valuenow={color?.round().hue() || DEFAULT_COLOR.round().hue()}\n                  class={{ [CSS.scope]: true, [CSS.hueScope]: true }}\n                  onKeyDown={this.handleHueScopeKeyDown}\n                  ref={this.storeHueScope}\n                  role=\"slider\"\n                  style={{\n                    top: `${adjustedHueScopeTop}px`,\n                    left: `${adjustedHueScopeLeft}px`,\n                  }}\n                  tabindex=\"0\"\n                />\n              </div>\n              {alphaChannel ? (\n                <div class={CSS.controlAndScope}>\n                  <canvas\n                    class={{ [CSS.slider]: true, [CSS.opacitySlider]: true }}\n                    onPointerDown={this.handleOpacitySliderPointerDown}\n                    ref={this.initOpacitySlider}\n                  />\n                  <div\n                    aria-label={messages.opacity}\n                    aria-valuemax={OPACITY_LIMITS.max}\n                    aria-valuemin={OPACITY_LIMITS.min}\n                    aria-valuenow={(color || DEFAULT_COLOR).round().alpha()}\n                    class={{ [CSS.scope]: true, [CSS.opacityScope]: true }}\n                    onKeyDown={this.handleOpacityScopeKeyDown}\n                    ref={this.storeOpacityScope}\n                    role=\"slider\"\n                    style={{\n                      top: `${adjustedOpacityScopeTop}px`,\n                      left: `${adjustedOpacityScopeLeft}px`,\n                    }}\n                    tabindex=\"0\"\n                  />\n                </div>\n              ) : null}\n            </div>\n          </div>\n          {noHex && noChannels ? null : (\n            <div\n              class={{\n                [CSS.controlSection]: true,\n                [CSS.section]: true,\n              }}\n            >\n              <div class={CSS.hexAndChannelsGroup}>\n                {noHex ? null : (\n                  <div class={CSS.hexOptions}>\n                    <calcite-color-picker-hex-input\n                      allowEmpty={this.isClearable}\n                      alphaChannel={alphaChannel}\n                      class={CSS.control}\n                      messages={messages}\n                      numberingSystem={this.numberingSystem}\n                      onCalciteColorPickerHexInputChange={this.handleHexInputChange}\n                      scale={scale}\n                      value={selectedColorInHex}\n                    />\n                  </div>\n                )}\n                {noChannels ? null : (\n                  <calcite-tabs\n                    class={{\n                      [CSS.colorModeContainer]: true,\n                      [CSS.splitSection]: true,\n                    }}\n                    scale={scale === \"l\" ? \"m\" : \"s\"}\n                  >\n                    <calcite-tab-nav slot=\"title-group\">\n                      {this.renderChannelsTabTitle(\"rgb\")}\n                      {this.renderChannelsTabTitle(\"hsv\")}\n                    </calcite-tab-nav>\n                    {this.renderChannelsTab(\"rgb\")}\n                    {this.renderChannelsTab(\"hsv\")}\n                  </calcite-tabs>\n                )}\n              </div>\n            </div>\n          )}\n          {noSaved ? null : (\n            <div class={{ [CSS.savedColorsSection]: true, [CSS.section]: true }}>\n              <div class={CSS.header}>\n                <label>{messages.saved}</label>\n                <div class={CSS.savedColorsButtons}>\n                  <calcite-button\n                    appearance=\"transparent\"\n                    class={CSS.deleteColor}\n                    disabled={noColor}\n                    iconStart=\"minus\"\n                    kind=\"neutral\"\n                    label={messages.deleteColor}\n                    onClick={this.deleteColor}\n                    scale={scale}\n                    type=\"button\"\n                  />\n                  <calcite-button\n                    appearance=\"transparent\"\n                    class={CSS.saveColor}\n                    disabled={noColor}\n                    iconStart=\"plus\"\n                    kind=\"neutral\"\n                    label={messages.saveColor}\n                    onClick={this.saveColor}\n                    scale={scale}\n                    type=\"button\"\n                  />\n                </div>\n              </div>\n              {savedColors.length > 0 ? (\n                <div class={CSS.savedColors}>\n                  {savedColors.map((color) => (\n                    <calcite-color-picker-swatch\n                      class={CSS.savedColor}\n                      color={color}\n                      key={color}\n                      onClick={this.handleSavedColorSelect}\n                      onKeyDown={this.handleSavedColorKeyDown}\n                      scale={scale}\n                      tabIndex={0}\n                    />\n                  ))}\n                </div>\n              ) : null}\n            </div>\n          )}\n        </div>\n      </InteractiveContainer>\n    );\n  }\n\n  private storeColorFieldScope = (node: HTMLDivElement): void => {\n    this.colorFieldScopeNode = node;\n  };\n\n  private storeHueScope = (node: HTMLDivElement): void => {\n    this.hueScopeNode = node;\n  };\n\n  private renderChannelsTabTitle = (channelMode: this[\"channelMode\"]): VNode => {\n    const { channelMode: activeChannelMode, messages } = this;\n    const selected = channelMode === activeChannelMode;\n    const label = channelMode === \"rgb\" ? messages.rgb : messages.hsv;\n\n    return (\n      <calcite-tab-title\n        class={CSS.colorMode}\n        data-color-mode={channelMode}\n        key={channelMode}\n        onCalciteTabsActivate={this.handleTabActivate}\n        selected={selected}\n      >\n        {label}\n      </calcite-tab-title>\n    );\n  };\n\n  private renderChannelsTab = (channelMode: this[\"channelMode\"]): VNode => {\n    const { isClearable, channelMode: activeChannelMode, channels, messages, alphaChannel } = this;\n    const selected = channelMode === activeChannelMode;\n    const isRgb = channelMode === \"rgb\";\n    const channelAriaLabels = isRgb\n      ? [messages.red, messages.green, messages.blue]\n      : [messages.hue, messages.saturation, messages.value];\n    const direction = getElementDir(this.el);\n    const channelsToRender = alphaChannel ? channels : channels.slice(0, 3);\n\n    return (\n      <calcite-tab class={CSS.control} key={channelMode} selected={selected}>\n        {/* channel order should not be mirrored */}\n        <div class={CSS.channels} dir=\"ltr\">\n          {channelsToRender.map((channelValue, index) => {\n            const isAlphaChannel = index === 3;\n\n            if (isAlphaChannel) {\n              channelValue =\n                isClearable && !channelValue ? channelValue : alphaToOpacity(channelValue);\n            }\n\n            /* the channel container is ltr, so we apply the host's direction */\n            return this.renderChannel(\n              channelValue,\n              index,\n              channelAriaLabels[index],\n              direction,\n              isAlphaChannel ? \"%\" : \"\",\n            );\n          })}\n        </div>\n      </calcite-tab>\n    );\n  };\n\n  private renderChannel = (\n    value: number | null,\n    index: number,\n    ariaLabel: string,\n    direction: Direction,\n    suffix?: string,\n  ): VNode => {\n    return (\n      <calcite-input-number\n        class={CSS.channel}\n        data-channel-index={index}\n        dir={direction}\n        key={index}\n        label={ariaLabel}\n        lang={this.effectiveLocale}\n        numberButtonType=\"none\"\n        numberingSystem={this.numberingSystem}\n        onCalciteInputNumberChange={this.handleChannelChange}\n        onCalciteInputNumberInput={this.handleChannelInput}\n        onCalciteInternalInputNumberBlur={this.handleChannelBlur}\n        onCalciteInternalInputNumberFocus={this.handleChannelFocus}\n        onKeyDown={this.handleKeyDown}\n        scale={this.scale === \"l\" ? \"m\" : \"s\"}\n        // workaround to ensure input borders overlap as desired\n        // this is because the build transforms margin-left to its\n        // logical-prop, which is undesired as channels are always ltr\n        style={{\n          marginLeft:\n            index > 0 && !(this.scale === \"s\" && this.alphaChannel && index === 3) ? \"-1px\" : \"\",\n        }}\n        suffixText={suffix}\n        value={value?.toString()}\n      />\n    );\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  handleKeyDown(event: KeyboardEvent): void {\n    if (event.key === \"Enter\") {\n      event.preventDefault();\n    }\n  }\n\n  private showIncompatibleColorWarning(value: ColorValue, format: Format): void {\n    console.warn(\n      `ignoring color value (${value}) as it is not compatible with the current format (${format})`,\n    );\n  }\n\n  private setMode(format: ColorPicker[\"format\"], warn = true): void {\n    const mode = format === \"auto\" ? this.mode : format;\n    this.mode = this.ensureCompatibleMode(mode, warn);\n  }\n\n  private ensureCompatibleMode(mode: SupportedMode, warn): SupportedMode {\n    const { alphaChannel } = this;\n    const isAlphaCompatible = alphaCompatible(mode);\n\n    if (alphaChannel && !isAlphaCompatible) {\n      const alphaMode = toAlphaMode(mode);\n\n      if (warn) {\n        console.warn(\n          `setting format to (${alphaMode}) as the provided one (${mode}) does not support alpha`,\n        );\n      }\n\n      return alphaMode;\n    }\n\n    if (!alphaChannel && isAlphaCompatible) {\n      const nonAlphaMode = toNonAlphaMode(mode);\n\n      if (warn) {\n        console.warn(\n          `setting format to (${nonAlphaMode}) as the provided one (${mode}) does not support alpha`,\n        );\n      }\n\n      return nonAlphaMode;\n    }\n\n    return mode;\n  }\n\n  private captureHueSliderColor(x: number): void {\n    const hue = (HUE_LIMIT_CONSTRAINED / this.effectiveSliderWidth) * x;\n\n    this.internalColorSet(this.baseColorFieldColor.hue(hue), false);\n  }\n\n  private captureOpacitySliderValue(x: number): void {\n    const alpha = opacityToAlpha((OPACITY_LIMITS.max / this.effectiveSliderWidth) * x);\n\n    this.internalColorSet(this.baseColorFieldColor.alpha(alpha), false);\n  }\n\n  private internalColorSet(\n    color: Color | null,\n    skipEqual = true,\n    context: ColorPicker[\"internalColorUpdateContext\"] = \"user-interaction\",\n  ): void {\n    if (skipEqual && colorEqual(color, this.color)) {\n      return;\n    }\n\n    this.internalColorUpdateContext = context;\n    this.color = color;\n    this.value = this.toValue(color);\n    this.internalColorUpdateContext = null;\n  }\n\n  private toValue(color: Color | null, format: SupportedMode = this.mode): ColorValue | null {\n    if (!color) {\n      return null;\n    }\n\n    const hexMode = \"hex\";\n\n    if (format.includes(hexMode)) {\n      const hasAlpha = format === CSSColorMode.HEXA;\n      return normalizeHex(hexify(color.round(), hasAlpha), hasAlpha);\n    }\n\n    if (format.includes(\"-css\")) {\n      const value = color[format.replace(\"-css\", \"\").replace(\"a\", \"\")]().round().string();\n\n      // Color omits alpha values when alpha is 1\n      const needToInjectAlpha =\n        (format.endsWith(\"a\") || format.endsWith(\"a-css\")) && color.alpha() === 1;\n      if (needToInjectAlpha) {\n        const model = value.slice(0, 3);\n        const values = value.slice(4, -1);\n        return `${model}a(${values}, ${color.alpha()})`;\n      }\n\n      return value;\n    }\n\n    const colorObject =\n      /* Color() does not support hsva, hsla nor rgba, so we use the non-alpha mode */\n      color[toNonAlphaMode(format)]().round().object();\n\n    if (format.endsWith(\"a\")) {\n      return normalizeAlpha(colorObject);\n    }\n\n    return colorObject;\n  }\n\n  private getSliderCapSpacing(): number {\n    const {\n      dimensions: {\n        slider: { height },\n        thumb: { radius },\n      },\n    } = this;\n\n    return radius * 2 - height;\n  }\n\n  private updateDimensions(scale: Scale = \"m\"): void {\n    this.dimensions = DIMENSIONS[scale];\n  }\n\n  private deleteColor = (): void => {\n    const colorToDelete = hexify(this.color, this.alphaChannel);\n    const inStorage = this.savedColors.indexOf(colorToDelete) > -1;\n\n    if (!inStorage) {\n      return;\n    }\n\n    const savedColors = this.savedColors.filter((color) => color !== colorToDelete);\n\n    this.savedColors = savedColors;\n\n    const storageKey = `${DEFAULT_STORAGE_KEY_PREFIX}${this.storageId}`;\n\n    if (this.storageId) {\n      localStorage.setItem(storageKey, JSON.stringify(savedColors));\n    }\n  };\n\n  private saveColor = (): void => {\n    const colorToSave = hexify(this.color, this.alphaChannel);\n    const alreadySaved = this.savedColors.indexOf(colorToSave) > -1;\n\n    if (alreadySaved) {\n      return;\n    }\n\n    const savedColors = [...this.savedColors, colorToSave];\n\n    this.savedColors = savedColors;\n\n    const storageKey = `${DEFAULT_STORAGE_KEY_PREFIX}${this.storageId}`;\n\n    if (this.storageId) {\n      localStorage.setItem(storageKey, JSON.stringify(savedColors));\n    }\n  };\n\n  private drawColorControls = throttle(\n    (type: \"all\" | \"color-field\" | \"hue-slider\" | \"opacity-slider\" = \"all\"): void => {\n      if ((type === \"all\" || type === \"color-field\") && this.colorFieldRenderingContext) {\n        this.drawColorField();\n      }\n\n      if ((type === \"all\" || type === \"hue-slider\") && this.hueSliderRenderingContext) {\n        this.drawHueSlider();\n      }\n\n      if (\n        this.alphaChannel &&\n        (type === \"all\" || type === \"opacity-slider\") &&\n        this.opacitySliderRenderingContext\n      ) {\n        this.drawOpacitySlider();\n      }\n    },\n    throttleFor60FpsInMs,\n  );\n\n  private drawColorField(): void {\n    const context = this.colorFieldRenderingContext;\n    const {\n      dimensions: {\n        colorField: { height, width },\n      },\n    } = this;\n\n    context.fillStyle = this.baseColorFieldColor\n      .hsv()\n      .saturationv(100)\n      .value(100)\n      .alpha(1)\n      .string();\n    context.fillRect(0, 0, width, height);\n\n    const whiteGradient = context.createLinearGradient(0, 0, width, 0);\n    whiteGradient.addColorStop(0, \"rgba(255,255,255,1)\");\n    whiteGradient.addColorStop(1, \"rgba(255,255,255,0)\");\n    context.fillStyle = whiteGradient;\n    context.fillRect(0, 0, width, height);\n\n    const blackGradient = context.createLinearGradient(0, 0, 0, height);\n    blackGradient.addColorStop(0, \"rgba(0,0,0,0)\");\n    blackGradient.addColorStop(1, \"rgba(0,0,0,1)\");\n    context.fillStyle = blackGradient;\n    context.fillRect(0, 0, width, height);\n\n    this.drawActiveColorFieldColor();\n  }\n\n  private setCanvasContextSize(\n    canvas: HTMLCanvasElement,\n    { height, width }: { height: number; width: number },\n  ): void {\n    if (!canvas) {\n      return;\n    }\n\n    const devicePixelRatio = window.devicePixelRatio || 1;\n\n    canvas.width = width * devicePixelRatio;\n    canvas.height = height * devicePixelRatio;\n    canvas.style.height = `${height}px`;\n    canvas.style.width = `${width}px`;\n\n    const context = canvas.getContext(\"2d\");\n    context.scale(devicePixelRatio, devicePixelRatio);\n  }\n\n  private captureColorFieldColor = (x: number, y: number, skipEqual = true): void => {\n    const {\n      dimensions: {\n        colorField: { height, width },\n      },\n    } = this;\n    const saturation = Math.round((HSV_LIMITS.s / width) * x);\n    const value = Math.round((HSV_LIMITS.v / height) * (height - y));\n\n    this.internalColorSet(\n      this.baseColorFieldColor.hsv().saturationv(saturation).value(value),\n      skipEqual,\n    );\n  };\n\n  private initColorField = (canvas?: HTMLCanvasElement): void => {\n    if (!canvas) {\n      return;\n    }\n    this.colorFieldRenderingContext = canvas.getContext(\"2d\");\n    this.updateCanvasSize(\"color-field\");\n    this.drawColorControls();\n  };\n\n  private initHueSlider = (canvas?: HTMLCanvasElement): void => {\n    if (!canvas) {\n      return;\n    }\n    this.hueSliderRenderingContext = canvas.getContext(\"2d\");\n    this.updateCanvasSize(\"hue-slider\");\n    this.drawHueSlider();\n  };\n\n  private initOpacitySlider = (canvas: HTMLCanvasElement): void => {\n    if (!canvas) {\n      return;\n    }\n\n    this.opacitySliderRenderingContext = canvas.getContext(\"2d\");\n    this.updateCanvasSize(\"opacity-slider\");\n    this.drawOpacitySlider();\n  };\n\n  private updateCanvasSize(\n    context: \"all\" | \"color-field\" | \"hue-slider\" | \"opacity-slider\" = \"all\",\n  ): void {\n    const { dimensions } = this;\n\n    if (context === \"all\" || context === \"color-field\") {\n      this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas, dimensions.colorField);\n    }\n\n    const adjustedSliderDimensions = {\n      width: this.effectiveSliderWidth,\n      height:\n        dimensions.slider.height + (dimensions.thumb.radius - dimensions.slider.height / 2) * 2,\n    };\n\n    if (context === \"all\" || context === \"hue-slider\") {\n      this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas, adjustedSliderDimensions);\n    }\n\n    if (context === \"all\" || context === \"opacity-slider\") {\n      this.setCanvasContextSize(\n        this.opacitySliderRenderingContext?.canvas,\n        adjustedSliderDimensions,\n      );\n    }\n  }\n\n  private drawActiveColorFieldColor(): void {\n    const { color } = this;\n\n    if (!color) {\n      return;\n    }\n\n    const hsvColor = color.hsv();\n\n    const {\n      dimensions: {\n        colorField: { height, width },\n        thumb: { radius },\n      },\n    } = this;\n\n    const x = hsvColor.saturationv() / (HSV_LIMITS.s / width);\n    const y = height - hsvColor.value() / (HSV_LIMITS.v / height);\n\n    requestAnimationFrame(() => {\n      this.colorFieldScopeLeft = x;\n      this.colorFieldScopeTop = y;\n    });\n\n    this.drawThumb(this.colorFieldRenderingContext, radius, x, y, hsvColor, false);\n  }\n\n  private drawThumb(\n    context: CanvasRenderingContext2D,\n    radius: number,\n    x: number,\n    y: number,\n    color: Color,\n    applyAlpha: boolean,\n  ): void {\n    const startAngle = 0;\n    const endAngle = 2 * Math.PI;\n    const outlineWidth = 1;\n\n    context.beginPath();\n    context.arc(x, y, radius, startAngle, endAngle);\n    context.fillStyle = \"#fff\";\n    context.fill();\n\n    context.strokeStyle = \"rgba(0,0,0,0.3)\";\n    context.lineWidth = outlineWidth;\n    context.stroke();\n\n    if (applyAlpha && color.alpha() < 1) {\n      const pattern = context.createPattern(this.getCheckeredBackgroundPattern(), \"repeat\");\n      context.beginPath();\n      context.arc(x, y, radius - 3, startAngle, endAngle);\n      context.fillStyle = pattern;\n      context.fill();\n    }\n\n    context.globalCompositeOperation = \"source-atop\";\n\n    context.beginPath();\n    context.arc(x, y, radius - 3, startAngle, endAngle);\n    const alpha = applyAlpha ? color.alpha() : 1;\n    context.fillStyle = color.rgb().alpha(alpha).string();\n    context.fill();\n\n    context.globalCompositeOperation = \"source-over\";\n  }\n\n  private drawActiveHueSliderColor(): void {\n    const { color } = this;\n\n    if (!color) {\n      return;\n    }\n\n    const hsvColor = color.hsv().saturationv(100).value(100);\n\n    const {\n      dimensions: {\n        thumb: { radius },\n      },\n    } = this;\n\n    const width = this.effectiveSliderWidth;\n    const x = hsvColor.hue() / (HUE_LIMIT_CONSTRAINED / width);\n    const y = radius;\n    const sliderBoundX = this.getSliderBoundX(x, width, radius);\n\n    requestAnimationFrame(() => {\n      this.hueScopeLeft = sliderBoundX;\n    });\n\n    this.drawThumb(this.hueSliderRenderingContext, radius, sliderBoundX, y, hsvColor, false);\n  }\n\n  private drawHueSlider(): void {\n    const context = this.hueSliderRenderingContext;\n    const {\n      dimensions: {\n        slider: { height },\n        thumb: { radius: thumbRadius },\n      },\n    } = this;\n\n    const x = 0;\n    const y = thumbRadius - height / 2;\n    const width = this.effectiveSliderWidth;\n\n    const gradient = context.createLinearGradient(0, 0, width, 0);\n\n    const hueSliderColorStopKeywords = [\n      \"red\",\n      \"yellow\",\n      \"lime\",\n      \"cyan\",\n      \"blue\",\n      \"magenta\",\n      \"#ff0004\" /* 1 unit less than #ff0 to avoid duplicate values within range */,\n    ];\n\n    const offset = 1 / (hueSliderColorStopKeywords.length - 1);\n    let currentOffset = 0;\n\n    hueSliderColorStopKeywords.forEach((keyword) => {\n      gradient.addColorStop(currentOffset, Color(keyword).string());\n      currentOffset += offset;\n    });\n\n    context.clearRect(0, 0, width, height + this.getSliderCapSpacing() * 2);\n\n    this.drawSliderPath(context, height, width, x, y);\n\n    context.fillStyle = gradient;\n    context.fill();\n\n    context.strokeStyle = \"rgba(0,0,0,0.3)\";\n    context.lineWidth = 1;\n    context.stroke();\n\n    this.drawActiveHueSliderColor();\n  }\n\n  private drawOpacitySlider(): void {\n    const context = this.opacitySliderRenderingContext;\n    const {\n      baseColorFieldColor: previousColor,\n      dimensions: {\n        slider: { height },\n        thumb: { radius: thumbRadius },\n      },\n    } = this;\n\n    const x = 0;\n    const y = thumbRadius - height / 2;\n    const width = this.effectiveSliderWidth;\n\n    context.clearRect(0, 0, width, height + this.getSliderCapSpacing() * 2);\n\n    const gradient = context.createLinearGradient(0, y, width, 0);\n    const startColor = previousColor.rgb().alpha(0);\n    const midColor = previousColor.rgb().alpha(0.5);\n    const endColor = previousColor.rgb().alpha(1);\n\n    gradient.addColorStop(0, startColor.string());\n    gradient.addColorStop(0.5, midColor.string());\n    gradient.addColorStop(1, endColor.string());\n\n    this.drawSliderPath(context, height, width, x, y);\n\n    const pattern = context.createPattern(this.getCheckeredBackgroundPattern(), \"repeat\");\n    context.fillStyle = pattern;\n    context.fill();\n\n    context.fillStyle = gradient;\n    context.fill();\n\n    context.strokeStyle = \"rgba(0,0,0,0.3)\";\n    context.lineWidth = 1;\n    context.stroke();\n\n    this.drawActiveOpacitySliderColor();\n  }\n\n  private drawSliderPath(\n    context: CanvasRenderingContext2D,\n    height: number,\n    width: number,\n    x: number,\n    y: number,\n  ): void {\n    const radius = height / 2 + 1;\n    context.beginPath();\n    context.moveTo(x + radius, y);\n    context.lineTo(x + width - radius, y);\n    context.quadraticCurveTo(x + width, y, x + width, y + radius);\n    context.lineTo(x + width, y + height - radius);\n    context.quadraticCurveTo(x + width, y + height, x + width - radius, y + height);\n    context.lineTo(x + radius, y + height);\n    context.quadraticCurveTo(x, y + height, x, y + height - radius);\n    context.lineTo(x, y + radius);\n    context.quadraticCurveTo(x, y, x + radius, y);\n    context.closePath();\n  }\n\n  private getCheckeredBackgroundPattern(): HTMLCanvasElement {\n    if (this.checkerPattern) {\n      return this.checkerPattern;\n    }\n\n    const pattern = document.createElement(\"canvas\");\n    pattern.width = 10;\n    pattern.height = 10;\n    const patternContext = pattern.getContext(\"2d\");\n\n    patternContext.fillStyle = \"#ccc\";\n    patternContext.fillRect(0, 0, 10, 10);\n    patternContext.fillStyle = \"#fff\";\n    patternContext.fillRect(0, 0, 5, 5);\n    patternContext.fillRect(5, 5, 5, 5);\n\n    this.checkerPattern = pattern;\n\n    return pattern;\n  }\n\n  private drawActiveOpacitySliderColor(): void {\n    const { color } = this;\n\n    if (!color) {\n      return;\n    }\n\n    const hsvColor = color;\n\n    const {\n      dimensions: {\n        thumb: { radius },\n      },\n    } = this;\n\n    const width = this.effectiveSliderWidth;\n    const x = alphaToOpacity(hsvColor.alpha()) / (OPACITY_LIMITS.max / width);\n    const y = radius;\n    const sliderBoundX = this.getSliderBoundX(x, width, radius);\n\n    requestAnimationFrame(() => {\n      this.opacityScopeLeft = sliderBoundX;\n    });\n\n    this.drawThumb(this.opacitySliderRenderingContext, radius, sliderBoundX, y, hsvColor, true);\n  }\n\n  private getSliderBoundX(x: number, width: number, radius: number): number {\n    const closeToEdge = closeToRangeEdge(x, width, radius);\n\n    return closeToEdge === 0\n      ? x\n      : closeToEdge === -1\n        ? remap(x, 0, width, radius, radius * 2)\n        : remap(x, 0, width, width - radius * 2, width - radius);\n  }\n\n  private storeOpacityScope = (node: HTMLDivElement): void => {\n    this.opacityScopeNode = node;\n  };\n\n  private handleOpacityScopeKeyDown = (event: KeyboardEvent): void => {\n    const modifier = event.shiftKey ? 10 : 1;\n    const { key } = event;\n    const arrowKeyToXOffset = {\n      ArrowUp: 0.01,\n      ArrowRight: 0.01,\n      ArrowDown: -0.01,\n      ArrowLeft: -0.01,\n    };\n\n    if (arrowKeyToXOffset[key]) {\n      event.preventDefault();\n      const delta = arrowKeyToXOffset[key] * modifier;\n      const alpha = this.baseColorFieldColor.alpha();\n      const color = this.baseColorFieldColor.alpha(alpha + delta);\n      this.internalColorSet(color, false);\n    }\n  };\n\n  private updateColorFromChannels(channels: this[\"channels\"]): void {\n    this.internalColorSet(Color(channels, this.channelMode));\n  }\n\n  private updateChannelsFromColor(color: Color | null): void {\n    this.channels = color ? this.toChannels(color) : [null, null, null, null];\n  }\n\n  private toChannels(color: Color): Channels {\n    const { channelMode } = this;\n\n    const channels = color[channelMode]()\n      .array()\n      .map((value, index) => {\n        const isAlpha = index === 3;\n        return isAlpha ? value : Math.floor(value);\n      });\n\n    if (channels.length === 3) {\n      channels.push(1); // Color omits alpha when 1\n    }\n\n    return channels as Channels;\n  }\n\n  private getAdjustedScopePosition(left: number, top: number): [number, number] {\n    return [left - SCOPE_SIZE / 2, top - SCOPE_SIZE / 2];\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  hexInput: \"hex-input\",\n  opacityInput: \"opacity-input\",\n};\n",":host {\n  @apply block;\n}\n\n.container {\n  @apply flex w-full items-center flex-nowrap;\n}\n\n.hex-input {\n  @apply grow uppercase;\n}\n\n.opacity-input {\n  inline-size: 68px;\n  margin-inline-start: -1px;\n}\n\n:host([scale=\"s\"]) {\n  .container {\n    @apply flex-wrap gap-y-0.5;\n  }\n\n  .opacity-input {\n    inline-size: unset;\n    margin-inline-start: unset;\n  }\n}\n\n:host([scale=\"l\"]) {\n  .opacity-input {\n    inline-size: 88px;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport Color from \"color\";\nimport { Scale } from \"../interfaces\";\nimport { Channels, RGB } from \"../color-picker/interfaces\";\nimport {\n  alphaToOpacity,\n  hexChar,\n  hexify,\n  isLonghandHex,\n  isShorthandHex,\n  isValidHex,\n  normalizeHex,\n  opacityToAlpha,\n  rgbToHex,\n} from \"../color-picker/utils\";\nimport { focusElement } from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { NumberingSystem } from \"../../utils/locale\";\nimport { OPACITY_LIMITS } from \"../color-picker/resources\";\nimport { ColorPickerMessages } from \"../color-picker/assets/color-picker/t9n\";\nimport { CSS } from \"./resources\";\n\nconst DEFAULT_COLOR = Color();\n\n@Component({\n  tag: \"calcite-color-picker-hex-input\",\n  styleUrl: \"color-picker-hex-input.scss\",\n  shadow: true,\n})\nexport class ColorPickerHexInput implements LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    const { allowEmpty, alphaChannel, value } = this;\n\n    if (value) {\n      const normalized = normalizeHex(value, alphaChannel);\n\n      if (isValidHex(normalized, alphaChannel)) {\n        this.internalSetValue(normalized, normalized, false);\n      }\n\n      return;\n    }\n\n    if (allowEmpty) {\n      this.internalSetValue(undefined, undefined, false);\n    }\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, an empty color (`undefined`) will be allowed as a `value`.\n   *\n   * When `false`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`.\n   */\n  @Prop() allowEmpty = false;\n\n  /**\n   * When `true`, the component will allow updates to the color's alpha value.\n   */\n  @Prop() alphaChannel = false;\n\n  /**\n   * Specifies accessible label for the input field.\n   *\n   * @deprecated use `messages` instead\n   */\n  @Prop() hexLabel = \"Hex\";\n\n  /**\n   * Messages are passed by parent component for accessible labels.\n   *\n   * @internal\n   */\n  @Prop() messages: ColorPickerMessages;\n\n  /** Specifies the Unicode numeral system used by the component for localization. */\n  @Prop() numberingSystem?: NumberingSystem;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * The hex value.\n   */\n  @Prop({ mutable: true, reflect: true }) value: string = normalizeHex(\n    hexify(DEFAULT_COLOR, this.alphaChannel),\n    this.alphaChannel,\n    true,\n  );\n\n  @Watch(\"value\")\n  handleValueChange(value: string, oldValue: string): void {\n    this.internalSetValue(value, oldValue, false);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emitted when the hex value changes.\n   */\n  @Event({ cancelable: false }) calciteColorPickerHexInputChange: EventEmitter<void>;\n\n  private onHexInputBlur = (): void => {\n    const node = this.hexInputNode;\n    const inputValue = node.value;\n    const hex = `#${inputValue}`;\n    const { allowEmpty, internalColor } = this;\n    const willClearValue = allowEmpty && !inputValue;\n    const isLonghand = isLonghandHex(hex);\n\n    if (isShorthandHex(hex, this.alphaChannel)) {\n      // ensure modified pasted hex values are committed since we prevent default to remove the # char.\n      this.onHexInputChange();\n    }\n\n    if (willClearValue || (isValidHex(hex) && isLonghand)) {\n      return;\n    }\n\n    // manipulating DOM directly since rerender doesn't update input value\n    node.value =\n      allowEmpty && !internalColor\n        ? \"\"\n        : this.formatHexForInternalInput(\n            rgbToHex(\n              // always display hex input in RRGGBB format\n              internalColor.object() as any as RGB,\n            ),\n          );\n  };\n\n  private onOpacityInputBlur = (): void => {\n    const node = this.opacityInputNode;\n    const inputValue = node.value;\n    const { allowEmpty, internalColor } = this;\n    const willClearValue = allowEmpty && !inputValue;\n\n    if (willClearValue) {\n      return;\n    }\n\n    // manipulating DOM directly since rerender doesn't update input value\n    node.value =\n      allowEmpty && !internalColor ? \"\" : this.formatOpacityForInternalInput(internalColor);\n  };\n\n  private onOpacityInputInput = (): void => {\n    this.onOpacityInputChange();\n  };\n\n  private onHexInputChange = (): void => {\n    const nodeValue = this.hexInputNode.value;\n    let value = nodeValue;\n\n    if (value) {\n      const normalized = normalizeHex(value, false);\n      const preserveExistingAlpha = isValidHex(normalized) && this.alphaChannel;\n      if (preserveExistingAlpha && this.internalColor) {\n        const alphaHex = normalizeHex(this.internalColor.hexa(), true).slice(-2);\n        value = `${normalized + alphaHex}`;\n      }\n    }\n\n    this.internalSetValue(value, this.value);\n  };\n\n  private onOpacityInputChange = (): void => {\n    const node = this.opacityInputNode;\n    let value: number | string;\n\n    if (!node.value) {\n      value = node.value;\n    } else {\n      const alpha = opacityToAlpha(Number(node.value));\n      value = this.internalColor?.alpha(alpha).hexa();\n    }\n\n    this.internalSetValue(value, this.value);\n  };\n\n  private onInputFocus = (event: Event): void => {\n    event.type === \"calciteInternalInputTextFocus\"\n      ? this.hexInputNode.selectText()\n      : this.opacityInputNode.selectText();\n  };\n\n  private onHexInputInput = (): void => {\n    const hexInputValue = `#${this.hexInputNode.value}`;\n    const oldValue = this.value;\n\n    if (\n      isValidHex(hexInputValue, this.alphaChannel) &&\n      isLonghandHex(hexInputValue, this.alphaChannel)\n    ) {\n      this.internalSetValue(hexInputValue, oldValue);\n    }\n  };\n\n  protected onInputKeyDown = (event: KeyboardEvent): void => {\n    const { altKey, ctrlKey, metaKey, shiftKey } = event;\n    const { alphaChannel, hexInputNode, internalColor, value } = this;\n    const { key } = event;\n    const composedPath = event.composedPath();\n\n    if ((key === \"Tab\" && isShorthandHex(value, this.alphaChannel)) || key === \"Enter\") {\n      if (composedPath.includes(hexInputNode)) {\n        this.onHexInputChange();\n      } else {\n        this.onOpacityInputChange();\n      }\n\n      if (key === \"Enter\") {\n        event.preventDefault();\n      }\n\n      return;\n    }\n\n    const isNudgeKey = key === \"ArrowDown\" || key === \"ArrowUp\";\n    const oldValue = this.value;\n\n    if (isNudgeKey) {\n      if (!value) {\n        this.internalSetValue(this.previousNonNullValue, oldValue);\n        event.preventDefault();\n        return;\n      }\n\n      const direction = key === \"ArrowUp\" ? 1 : -1;\n      const bump = shiftKey ? 10 : 1;\n\n      this.internalSetValue(\n        hexify(\n          this.nudgeRGBChannels(\n            internalColor,\n            bump * direction,\n            composedPath.includes(hexInputNode) ? \"rgb\" : \"a\",\n          ),\n          alphaChannel,\n        ),\n        oldValue,\n      );\n\n      event.preventDefault();\n      return;\n    }\n\n    const withModifiers = altKey || ctrlKey || metaKey;\n    const singleChar = key.length === 1;\n    const validHexChar = hexChar.test(key);\n\n    if (singleChar && !withModifiers && !validHexChar) {\n      event.preventDefault();\n    }\n  };\n\n  private onHexInputPaste = (event: ClipboardEvent): void => {\n    const hex = event.clipboardData.getData(\"text\");\n\n    if (isValidHex(hex, this.alphaChannel) && isLonghandHex(hex, this.alphaChannel)) {\n      event.preventDefault();\n      this.hexInputNode.value = hex.slice(1);\n      this.internalSetValue(hex, this.value);\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteColorPickerHexInputElement;\n\n  private hexInputNode: HTMLCalciteInputTextElement;\n\n  /**\n   * The last valid/selected color. Used as a fallback if an invalid hex code is entered.\n   */\n  @State() internalColor: Color | undefined = DEFAULT_COLOR;\n\n  private opacityInputNode: HTMLCalciteInputNumberElement;\n\n  private previousNonNullValue: string = this.value;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const { alphaChannel, hexLabel, internalColor, messages, scale, value } = this;\n    const hexInputValue = this.formatHexForInternalInput(value);\n    const opacityInputValue = this.formatOpacityForInternalInput(internalColor);\n    const inputScale = scale === \"l\" ? \"m\" : \"s\";\n\n    return (\n      <div class={CSS.container}>\n        <calcite-input-text\n          class={CSS.hexInput}\n          label={messages?.hex || hexLabel}\n          maxLength={this.alphaChannel ? 8 : 6}\n          onCalciteInputTextChange={this.onHexInputChange}\n          onCalciteInputTextInput={this.onHexInputInput}\n          onCalciteInternalInputTextBlur={this.onHexInputBlur}\n          onCalciteInternalInputTextFocus={this.onInputFocus}\n          onKeyDown={this.onInputKeyDown}\n          onPaste={this.onHexInputPaste}\n          prefixText=\"#\"\n          ref={this.storeHexInputRef}\n          scale={inputScale}\n          value={hexInputValue}\n        />\n        {alphaChannel ? (\n          <calcite-input-number\n            class={CSS.opacityInput}\n            key=\"opacity-input\"\n            label={messages?.opacity}\n            max={OPACITY_LIMITS.max}\n            maxLength={3}\n            min={OPACITY_LIMITS.min}\n            numberButtonType=\"none\"\n            numberingSystem={this.numberingSystem}\n            onCalciteInputNumberInput={this.onOpacityInputInput}\n            onCalciteInternalInputNumberBlur={this.onOpacityInputBlur}\n            onCalciteInternalInputNumberFocus={this.onInputFocus}\n            onKeyDown={this.onInputKeyDown}\n            ref={this.storeOpacityInputRef}\n            scale={inputScale}\n            suffixText=\"%\"\n            value={opacityInputValue}\n          />\n        ) : null}\n      </div>\n    );\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\n    return focusElement(this.hexInputNode);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private internalSetValue(\n    value: string | undefined,\n    oldValue: string | undefined,\n    emit = true,\n  ): void {\n    if (value) {\n      const { alphaChannel } = this;\n      const normalized = normalizeHex(value, alphaChannel, alphaChannel);\n\n      if (isValidHex(normalized, alphaChannel)) {\n        const { internalColor: currentColor } = this;\n        const nextColor = Color(normalized);\n        const normalizedLonghand = normalizeHex(hexify(nextColor, alphaChannel), alphaChannel);\n\n        const changed =\n          !currentColor ||\n          normalizedLonghand !== normalizeHex(hexify(currentColor, alphaChannel), alphaChannel);\n\n        this.internalColor = nextColor;\n        this.previousNonNullValue = normalizedLonghand;\n        this.value = normalizedLonghand;\n\n        if (changed && emit) {\n          this.calciteColorPickerHexInputChange.emit();\n        }\n\n        return;\n      }\n    } else if (this.allowEmpty) {\n      this.internalColor = undefined;\n      this.value = undefined;\n\n      if (emit) {\n        this.calciteColorPickerHexInputChange.emit();\n      }\n\n      return;\n    }\n\n    this.value = oldValue;\n  }\n\n  private storeHexInputRef = (node: HTMLCalciteInputTextElement): void => {\n    this.hexInputNode = node;\n  };\n\n  private storeOpacityInputRef = (node: HTMLCalciteInputNumberElement): void => {\n    this.opacityInputNode = node;\n  };\n\n  private formatHexForInternalInput(hex: string): string {\n    return hex ? hex.replace(\"#\", \"\").slice(0, 6) : \"\";\n  }\n\n  private formatOpacityForInternalInput(color: Color): string {\n    return color ? `${alphaToOpacity(color.alpha())}` : \"\";\n  }\n\n  private nudgeRGBChannels(color: Color, amount: number, context: \"rgb\" | \"a\"): Color {\n    let nudgedChannels: Channels;\n    const channels = color.array();\n    const rgbChannels = channels.slice(0, 3);\n\n    if (context === \"rgb\") {\n      const nudgedRGBChannels = rgbChannels.map((channel) => channel + amount);\n      nudgedChannels = [\n        ...nudgedRGBChannels,\n        this.alphaChannel ? channels[3] : undefined,\n      ] as Channels;\n    } else {\n      const nudgedAlpha = opacityToAlpha(alphaToOpacity(color.alpha()) + amount);\n      nudgedChannels = [...rgbChannels, nudgedAlpha] as Channels;\n    }\n\n    return Color(nudgedChannels);\n  }\n}\n","export const CSS = {\n  swatch: \"swatch\",\n  noColorSwatch: \"swatch--no-color\",\n  checker: \"checker\",\n};\n\nexport const COLORS = {\n  borderLight: \"rgba(0, 0, 0, 0.3)\",\n  borderDark: \"rgba(255, 255, 255, 0.15)\",\n};\n\nconst checkerSquareSize = 4;\n\nexport const CHECKER_DIMENSIONS = {\n  squareSize: checkerSquareSize,\n  size: checkerSquareSize * 2,\n};\n","$size-s: 20px;\n$size-m: 24px;\n$size-l: 28px;\n\n:host {\n  @apply relative inline-flex;\n}\n\n:host([scale=\"s\"]) {\n  @apply h-5 w-5;\n}\n\n:host([scale=\"m\"]) {\n  @apply h-6 w-6;\n}\n\n:host([scale=\"l\"]) {\n  @apply h-8 w-8;\n}\n\n.swatch {\n  @apply overflow-hidden;\n  block-size: inherit;\n  inline-size: inherit;\n\n  rect {\n    @apply transition-all duration-150 ease-in-out;\n  }\n}\n\n.swatch--no-color {\n  rect {\n    fill: var(--calcite-color-foreground-1);\n  }\n\n  line {\n    stroke: var(--calcite-color-status-danger);\n  }\n}\n\n.checker {\n  fill: #cacaca;\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Prop, VNode, Watch } from \"@stencil/core\";\nimport Color from \"color\";\nimport { getModeName } from \"../../utils/dom\";\nimport { Scale } from \"../interfaces\";\nimport { hexify } from \"../color-picker/utils\";\nimport { CHECKER_DIMENSIONS, COLORS, CSS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-color-picker-swatch\",\n  styleUrl: \"color-picker-swatch.scss\",\n  shadow: true,\n})\nexport class ColorPickerSwatch {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is active.\n   */\n  @Prop({\n    reflect: true,\n  })\n  active = false;\n\n  /**\n   * The color value.\n   *\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value\n   */\n  @Prop()\n  color: string | null;\n\n  @Watch(\"color\")\n  handleColorChange(color: string | null): void {\n    this.internalColor = color ? Color(color) : null;\n  }\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({\n    reflect: true,\n  })\n  scale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteColorPickerSwatchElement;\n\n  private internalColor: Color;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    this.handleColorChange(this.color);\n  }\n\n  render(): VNode {\n    const isEmpty = !this.internalColor;\n    const classes = {\n      [CSS.swatch]: true,\n      [CSS.noColorSwatch]: isEmpty,\n    };\n\n    return (\n      <svg class={classes} xmlns=\"http://www.w3.org/2000/svg\">\n        {this.renderSwatch()}\n      </svg>\n    );\n  }\n\n  renderSwatch(): VNode {\n    const { active, el, internalColor } = this;\n    const borderRadius = active ? \"100%\" : \"0\";\n    const theme = getModeName(el);\n    const borderColor = theme === \"light\" ? COLORS.borderLight : COLORS.borderDark;\n    const isEmpty = !internalColor;\n    const commonSwatchProps = {\n      height: \"100%\",\n      rx: borderRadius,\n      stroke: borderColor,\n      strokeWidth: \"2\",\n      width: \"100%\",\n    };\n\n    if (isEmpty) {\n      return (\n        <Fragment>\n          <clipPath id=\"shape\">\n            <rect height=\"100%\" rx={borderRadius} width=\"100%\" />\n          </clipPath>\n          {this.renderSwatchRect({\n            clipPath: `inset(0 round ${borderRadius})`,\n            ...commonSwatchProps,\n          })}\n          <line clip-path=\"url(#shape)\" stroke-width=\"3\" x1=\"100%\" x2=\"0\" y1=\"0\" y2=\"100%\" />\n        </Fragment>\n      );\n    }\n\n    const alpha = internalColor.alpha();\n    const hex = hexify(internalColor);\n    const hexa = hexify(internalColor, alpha < 1);\n\n    return (\n      <Fragment>\n        <title>{hexa}</title>\n        <defs>\n          <pattern\n            height={CHECKER_DIMENSIONS.size}\n            id=\"checker\"\n            patternUnits=\"userSpaceOnUse\"\n            width={CHECKER_DIMENSIONS.size}\n            x=\"0\"\n            y=\"0\"\n          >\n            <rect\n              class={CSS.checker}\n              height={CHECKER_DIMENSIONS.squareSize}\n              width={CHECKER_DIMENSIONS.squareSize}\n              x=\"0\"\n              y=\"0\"\n            />\n            <rect\n              class={CSS.checker}\n              height={CHECKER_DIMENSIONS.squareSize}\n              width={CHECKER_DIMENSIONS.squareSize}\n              x={CHECKER_DIMENSIONS.squareSize}\n              y={CHECKER_DIMENSIONS.squareSize}\n            />\n          </pattern>\n        </defs>\n        {this.renderSwatchRect({\n          fill: \"url(#checker)\",\n          rx: commonSwatchProps.rx,\n          height: commonSwatchProps.height,\n          width: commonSwatchProps.width,\n        })}\n        {this.renderSwatchRect({\n          clipPath: alpha < 1 ? \"polygon(100% 0, 0 0, 0 100%)\" : `inset(0 round ${borderRadius})`,\n          fill: hex,\n          ...commonSwatchProps,\n        })}\n        {alpha < 1\n          ? this.renderSwatchRect({\n              clipPath: \"polygon(100% 0, 100% 100%, 0 100%)\",\n              fill: hexa,\n              key: \"opacity-fill\",\n              ...commonSwatchProps,\n            })\n          : null}\n      </Fragment>\n    );\n  }\n\n  renderSwatchRect({\n    clipPath,\n    fill,\n    height,\n    key,\n    rx,\n    stroke,\n    strokeWidth,\n    width,\n  }: {\n    clipPath?: string;\n    fill?: string;\n    height: string;\n    key?: string;\n    rx: string;\n\n    // note: stroke-width and clip-path are needed to hide overflowing portion of stroke\n    // see https://stackoverflow.com/a/7273346/194216\n    stroke?: string;\n    strokeWidth?: string;\n\n    width: string;\n  }): VNode {\n    return (\n      <rect\n        clip-path={clipPath}\n        fill={fill}\n        height={height}\n        key={key}\n        rx={rx}\n        stroke={stroke}\n        stroke-width={strokeWidth}\n        width={width}\n      />\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-354e5c70.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/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{r as e,c as t,h as i,H as n,g as a}from"./p-2c99ffe4.js";import{b as o,f as c,t as s}from"./p-ed71fa1d.js";import{u as r,I as l}from"./p-d87cffea.js";import{c as d,d as h}from"./p-756ee05a.js";import{u as g,c as f,d as p,s as u}from"./p-cbffb6ca.js";import{H as m}from"./p-1bf243bc.js";import{c as b,s as v,a as x}from"./p-953f312e.js";import{o as y}from"./p-9eaba705.js";import{b as k}from"./p-7a59c339.js";import{i as w}from"./p-cd0e92b4.js";import"./p-db4d93fd.js";import"./p-5c700653.js";import"./p-99ecc8bc.js";import"./p-f9b0742d.js";import"./p-87d29c63.js";const C={content:"content",toggle:"toggle",header:"header"};const z={actionsEnd:"actions-end",button:"button",container:"container",content:"content",contentStart:"content-start",controlContainer:"control-container",description:"description",header:"header",headerContainer:"header-container",headerHasText:"header--has-text",heading:"heading",icon:"icon",iconStart:"icon--start",iconEnd:"icon--end",iconEndContainer:"icon-end-container",invalid:"invalid",statusIcon:"status-icon",summary:"summary",title:"title",toggle:"toggle",toggleIcon:"toggle-icon",valid:"valid"};const j={actionsEnd:"actions-end",contentStart:"content-start",control:"control",headerMenuActions:"header-menu-actions",icon:"icon"};const S={opened:"chevron-up",closed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle"};const _=':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{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding:0px;transition-property:margin;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);flex-basis:auto;transition-duration:var(--calcite-animation-timing)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{justify-content:flex-start}.header--has-text{padding:var(--calcite-spacing-md)}.header,.toggle{grid-area:header}.header-container{display:grid;align-items:stretch;grid-template:auto/auto 1fr auto auto;grid-template-areas:"handle header control menu actions-end";grid-column:header-start/actions-end;grid-row:1/2}.content-start,.icon,.icon--start,.icon--end{margin-inline-end:var(--calcite-spacing-md)}.icon calcite-loader{margin-inline-end:var(--calcite-spacing-xxxs)}.icon--start,.icon--end{color:var(--calcite-color-text-3)}.actions-end{grid-area:actions-end}.toggle{margin:0px;display:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;padding:0px;font-family:var(--calcite-font-family);outline-color:transparent;text-align:initial;background-color:transparent}.toggle:hover{background-color:var(--calcite-color-foreground-2)}.toggle: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          )}calcite-loader[inline]{grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0px}.header .title .heading{padding:0px;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-color-text-2);transition-property:color;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}.description{margin-block-start:0.125rem;padding:0px;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-color-text-3);word-wrap:break-word;word-break:break-word}.icon{display:flex}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}@keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}.icon-end-container{display:flex;align-items:center;margin-inline-start:auto}.toggle-icon{align-self:center;justify-self:end;color:var(--calcite-color-text-3);transition-property:color;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-spacing-md)}.toggle:hover .toggle-icon{color:var(--calcite-color-text-1)}.container{position:relative;display:flex;block-size:100%;flex-direction:column}.content{position:relative;min-block-size:0px;flex:1 1 0%}@keyframes in{0%{opacity:0}100%{opacity:1}}.content{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;padding-block:var(--calcite-block-padding, var(--calcite-spacing-sm));padding-inline:var(--calcite-block-padding, var(--calcite-spacing-md))}.content-start{display:flex;align-items:center;color:var(--calcite-color-text-3)}.control-container{margin:0px;display:flex;grid-area:control}calcite-action-menu{grid-area:menu}.actions-end{display:flex;align-items:stretch}:host([open]){margin-block:0.5rem}:host([open]) .header .title .heading{color:var(--calcite-color-text-1)}:host([hidden]){display:none}[hidden]{display:none}';const L=_;const B=class{constructor(i){e(this,i);this.calciteBlockBeforeClose=t(this,"calciteBlockBeforeClose",6);this.calciteBlockBeforeOpen=t(this,"calciteBlockBeforeOpen",6);this.calciteBlockClose=t(this,"calciteBlockClose",6);this.calciteBlockOpen=t(this,"calciteBlockOpen",6);this.calciteBlockToggle=t(this,"calciteBlockToggle",6);this.openTransitionProp="margin-top";this.onHeaderClick=()=>{this.open=!this.open;this.calciteBlockToggle.emit()};this.controlSlotChangeHandler=e=>{this.hasControl=o(e)};this.menuActionsSlotChangeHandler=e=>{this.hasMenuActions=o(e)};this.iconSlotChangeHandler=e=>{this.hasIcon=o(e)};this.actionsEndSlotChangeHandler=e=>{this.hasEndActions=o(e)};this.handleContentStartSlotChange=e=>{this.hasContentStart=o(e)};this.collapsible=false;this.disabled=false;this.dragHandle=false;this.heading=undefined;this.headingLevel=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.loading=false;this.menuFlipPlacements=undefined;this.menuPlacement=k;this.open=false;this.status=undefined;this.description=undefined;this.messages=undefined;this.messageOverrides=undefined;this.overlayPositioning="absolute";this.defaultMessages=undefined;this.effectiveLocale=undefined;this.hasIcon=false;this.hasControl=false;this.hasMenuActions=false;this.hasContentStart=false;this.hasEndActions=false}openHandler(){y(this)}onMessagesChange(){}async setFocus(){await b(this);c(this.el)}onBeforeOpen(){this.calciteBlockBeforeOpen.emit()}onOpen(){this.calciteBlockOpen.emit()}onBeforeClose(){this.calciteBlockBeforeClose.emit()}onClose(){this.calciteBlockClose.emit()}effectiveLocaleChange(){g(this,this.effectiveLocale)}connectedCallback(){d(this);f(this);this.transitionEl=this.el}disconnectedCallback(){h(this);p(this)}async componentWillLoad(){await u(this);v(this);if(this.open){y(this)}}componentDidLoad(){x(this)}componentDidRender(){r(this)}renderScrim(){const{loading:e}=this;const t=i("slot",null);return[e?i("calcite-scrim",{loading:e}):null,t]}renderLoaderStatusIcon(){const{loading:e,messages:t,status:n}=this;return e?i("div",{class:z.icon,key:"loader"},i("calcite-loader",{inline:true,label:t.loading})):n?i("div",{class:z.icon,key:"status-icon"},i("calcite-icon",{class:{[z.statusIcon]:true,[z.valid]:n=="valid",[z.invalid]:n=="invalid"},icon:S[n],scale:"s"})):i("div",{class:z.icon,hidden:!this.hasIcon,key:"icon-slot"},i("slot",{key:"icon-slot",name:j.icon,onSlotchange:this.iconSlotChangeHandler}))}renderActionsEnd(){return i("div",{class:z.actionsEnd,hidden:!this.hasEndActions},i("slot",{name:j.actionsEnd,onSlotchange:this.actionsEndSlotChangeHandler}))}renderContentStart(){return i("div",{class:z.contentStart,hidden:!this.hasContentStart},i("slot",{name:j.contentStart,onSlotchange:this.handleContentStartSlotChange}))}renderTitle(){const{heading:e,headingLevel:t,description:n}=this;return e||n?i("div",{class:z.title},i(m,{class:z.heading,level:t},e),n?i("div",{class:z.description},n):null):null}renderIcon(e){const{iconFlipRtl:t}=this;const n=t==="both"||e==="start"?t==="start":t==="end";const a=e==="start"?this.iconStart:this.iconEnd;const o=e==="start"?z.iconStart:z.iconEnd;if(!a){return undefined}return i("calcite-icon",{class:o,flipRtl:n,icon:a,key:a,scale:"s"})}render(){const{collapsible:e,loading:t,open:a,heading:o,messages:c,description:r,menuFlipPlacements:d,menuPlacement:h}=this;const g=a?c.collapse:c.expand;const f=i("header",{key:"4eabacf9aa5d61dc3bb60bb5799ccc02c87b23b9",class:{[z.header]:true,[z.headerHasText]:!!(o||r)},id:C.header},this.renderIcon("start"),this.renderContentStart(),this.renderLoaderStatusIcon(),this.renderTitle());const p=a?S.opened:S.closed;const u=i("div",{key:"05de3861eb68e7da25018ba0dca52f4c7ad936d2",class:z.headerContainer},this.dragHandle?i("calcite-handle",{label:o}):null,e?i("button",{"aria-controls":C.content,"aria-describedby":C.header,"aria-expanded":e?s(a):null,class:z.toggle,id:C.toggle,onClick:this.onHeaderClick,title:g},f,i("div",{class:z.iconEndContainer},this.renderIcon("end"),i("calcite-icon",{class:z.toggleIcon,icon:p,scale:"s"}))):this.iconEnd?i("div",null,f,i("div",{class:z.iconEndContainer},this.renderIcon("end"))):f,i("div",{key:"ce8350186518e47b00209a06a600a352428cc685","aria-labelledby":C.header,class:z.controlContainer,hidden:!this.hasControl},i("slot",{key:"d1fbc42d45e0a8998f60c088928f0d65ae0026ba",name:j.control,onSlotchange:this.controlSlotChangeHandler})),i("calcite-action-menu",{key:"3dd0257c88cc28b5efc10b7ce21985fd0bc9dcfa",flipPlacements:d??["top","bottom"],hidden:!this.hasMenuActions,label:c.options,overlayPositioning:this.overlayPositioning,placement:h},i("slot",{key:"a88511e33d680a4486e6477a7b094a7e4aa17907",name:j.headerMenuActions,onSlotchange:this.menuActionsSlotChangeHandler})),this.renderActionsEnd());return i(n,{key:"11b3b6a71de4af3fe9d9d983dc213a53f710274d"},i(l,{key:"569189e3d649ee0fa1397a52e7c19b80712cc4ca",disabled:this.disabled},i("article",{key:"85af719be08fc5acdf560816a9e2b69fa5f30213","aria-busy":s(t),class:{[z.container]:true}},u,i("section",{key:"59e010c08ac422914c21ad15c23c95db302fb2df","aria-labelledby":C.toggle,class:z.content,hidden:!a,id:C.content},this.renderScrim()))))}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};B.style=L;const I={content:"content",toggle:"toggle"};const D={chevronIcon:"chevron-icon",content:"content",iconStart:"icon--start",iconEnd:"icon--end",invalid:"invalid",sectionHeader:"section-header",sectionHeaderText:"section-header__text",statusIcon:"status-icon",switch:"switch",toggle:"toggle",toggleSwitch:"toggle--switch",toggleContainer:"toggle-container",toggleSwitchContent:"toggle--switch__content",toggleSwitchText:"toggle--switch__text",valid:"valid"};const H={menuOpen:"chevron-up",menuClosed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle"};const O=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}:host([open]){border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-color-border-3)}:host([open]) .toggle{color:var(--calcite-color-text-1)}:host([open]) .toggle:hover{color:var(--calcite-color-text-1)}:host([open]) .chevron-icon{color:var(--calcite-color-text-3)}:host([open]) .chevron-icon:hover{color:var(--calcite-color-text-1)}:host(:last-child){border-block-end-width:0px}.toggle{inline-size:100%;border-width:0px;background-color:transparent;font-family:var(--calcite-font-family);gap:var(--calcite-spacing-md);color:var(--calcite-color-text-2);font-weight:var(--calcite-font-weight-normal)}.toggle:hover{color:var(--calcite-color-text-1)}.toggle--switch,.section-header{margin-inline:0px;margin-block:0.25rem;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding-inline:0px;padding-block:0.5rem;font-size:var(--calcite-font-size--1);outline-color:transparent}.toggle--switch:focus,.section-header: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          )}.toggle--switch:hover,.section-header:hover{color:var(--calcite-color-text-1)}.section-header__text{margin-block:0px;flex:1 1 auto;text-align:initial;word-wrap:anywhere}.toggle-container{position:relative;display:flex;align-items:center;background-color:transparent;word-break:break-word}.toggle-container .toggle--switch__content{display:flex;flex:1 1 auto;align-items:center}.toggle-container .icon--end,.toggle-container .icon--start,.toggle-container .chevron-icon{display:flex;align-items:center;color:var(--calcite-color-text-3)}.toggle-container .icon--end:hover,.toggle-container .icon--start:hover,.toggle-container .chevron-icon:hover{color:var(--calcite-color-text-1)}.status-icon{display:flex;align-items:center}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}:host([hidden]){display:none}[hidden]{display:none}";const E=O;const T=class{constructor(i){e(this,i);this.calciteBlockSectionToggle=t(this,"calciteBlockSectionToggle",6);this.handleHeaderKeyDown=e=>{if(w(e.key)){this.toggleSection();e.preventDefault();e.stopPropagation()}};this.toggleSection=()=>{this.open=!this.open;this.calciteBlockSectionToggle.emit()};this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.open=false;this.status=undefined;this.text=undefined;this.toggleDisplay="button";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}onMessagesChange(){}async setFocus(){await b(this);c(this.el)}effectiveLocaleChange(){g(this,this.effectiveLocale)}connectedCallback(){d(this);f(this)}async componentWillLoad(){await u(this);v(this)}componentDidLoad(){x(this)}disconnectedCallback(){h(this);p(this)}renderStatusIcon(){const{status:e}=this;const t=H[e]??false;const n={[D.statusIcon]:true,[D.valid]:e=="valid",[D.invalid]:e=="invalid"};return t?i("calcite-icon",{class:n,icon:t,scale:"s"}):null}renderIcon(e){const{iconFlipRtl:t}=this;if(e===undefined){return null}const n=t==="both"||t==="start";const a=t==="both"||t==="end";const o=e===this.iconStart;return i("calcite-icon",{class:o?D.iconStart:D.iconEnd,flipRtl:o?n:a,icon:o?this.iconStart:this.iconEnd,key:o?this.iconStart:this.iconEnd,scale:"s"})}render(){const{messages:e,open:t,text:a,toggleDisplay:o}=this;const c=t?H.menuOpen:H.menuClosed;const r=t?e.collapse:e.expand;const l=o==="switch"?i("div",{class:{[D.toggleContainer]:true}},i("div",{"aria-controls":I.content,"aria-expanded":s(t),class:{[D.toggle]:true,[D.toggleSwitch]:true},id:I.toggle,onClick:this.toggleSection,onKeyDown:this.handleHeaderKeyDown,role:"button",tabIndex:0,title:r},this.renderIcon(this.iconStart),i("div",{class:D.toggleSwitchContent},i("span",{class:D.toggleSwitchText},a)),this.renderIcon(this.iconEnd),this.renderStatusIcon(),i("calcite-switch",{checked:t,class:D.switch,inert:true,label:r,scale:"s"}))):i("div",{class:{[D.toggleContainer]:true}},i("button",{"aria-controls":I.content,"aria-expanded":s(t),class:{[D.sectionHeader]:true,[D.toggle]:true},id:I.toggle,onClick:this.toggleSection},this.renderIcon(this.iconStart),i("span",{class:D.sectionHeaderText},a),this.renderIcon(this.iconEnd),this.renderStatusIcon(),i("calcite-icon",{class:D.chevronIcon,icon:c,scale:"s"})));return i(n,{key:"e20a14cdb6bfd1dc27fe2a502281fd79771dfe84"},l,i("section",{key:"171568d7c66a4f8d232eb7470d997d121a83a753","aria-labelledby":I.toggle,class:D.content,hidden:!t,id:I.content},i("slot",{key:"0034fc33d51de1fe67e42e66670bb2a402586b0d"})))}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};T.style=E;export{B as calcite_block,T as calcite_block_section};
+//# sourceMappingURL=p-354e5c70.entry.js.map

package/dist/calcite/p-354e5c70.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["IDS","content","toggle","header","CSS","actionsEnd","button","container","contentStart","controlContainer","description","headerContainer","headerHasText","heading","icon","iconStart","iconEnd","iconEndContainer","invalid","statusIcon","summary","title","toggleIcon","valid","SLOTS","control","headerMenuActions","ICONS","opened","closed","blockCss","CalciteBlockStyle0","Block","this","openTransitionProp","onHeaderClick","open","calciteBlockToggle","emit","controlSlotChangeHandler","event","hasControl","slotChangeHasAssignedElement","menuActionsSlotChangeHandler","hasMenuActions","iconSlotChangeHandler","hasIcon","actionsEndSlotChangeHandler","hasEndActions","handleContentStartSlotChange","hasContentStart","defaultEndMenuPlacement","openHandler","onToggleOpenCloseComponent","onMessagesChange","setFocus","componentFocusable","focusFirstTabbable","el","onBeforeOpen","calciteBlockBeforeOpen","onOpen","calciteBlockOpen","onBeforeClose","calciteBlockBeforeClose","onClose","calciteBlockClose","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectLocalized","connectMessages","transitionEl","disconnectedCallback","disconnectLocalized","disconnectMessages","componentWillLoad","setUpMessages","setUpLoadableComponent","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","renderScrim","loading","defaultSlot","h","renderLoaderStatusIcon","messages","status","class","key","inline","label","scale","hidden","name","onSlotchange","renderActionsEnd","renderContentStart","renderTitle","headingLevel","Heading","level","renderIcon","position","iconFlipRtl","flipRtl","iconValue","iconClass","undefined","render","collapsible","menuFlipPlacements","menuPlacement","toggleLabel","collapse","expand","headerContent","id","collapseIcon","headerNode","dragHandle","toAriaBoolean","onClick","flipPlacements","options","overlayPositioning","placement","Host","InteractiveContainer","disabled","chevronIcon","sectionHeader","sectionHeaderText","switch","toggleSwitch","toggleContainer","toggleSwitchContent","toggleSwitchText","menuOpen","menuClosed","blockSectionCss","CalciteBlockSectionStyle0","BlockSection","handleHeaderKeyDown","isActivationKey","toggleSection","preventDefault","stopPropagation","calciteBlockSectionToggle","renderStatusIcon","statusIconClasses","flipRtlStart","flipRtlEnd","isIconStart","text","toggleDisplay","arrowIcon","onKeyDown","role","tabIndex","checked","inert"],"sources":["src/components/block/resources.ts","src/components/block/block.scss?tag=calcite-block&encapsulation=shadow","src/components/block/block.tsx","src/components/block-section/resources.ts","src/components/block-section/block-section.scss?tag=calcite-block-section&encapsulation=shadow","src/components/block-section/block-section.tsx"],"sourcesContent":["export const IDS = {\n  content: \"content\",\n  toggle: \"toggle\",\n  header: \"header\",\n};\n\nexport const CSS = {\n  actionsEnd: \"actions-end\",\n  button: \"button\",\n  container: \"container\",\n  content: \"content\",\n  contentStart: \"content-start\",\n  controlContainer: \"control-container\",\n  description: \"description\",\n  header: \"header\",\n  headerContainer: \"header-container\",\n  headerHasText: \"header--has-text\",\n  heading: \"heading\",\n  icon: \"icon\",\n  iconStart: \"icon--start\",\n  iconEnd: \"icon--end\",\n  iconEndContainer: \"icon-end-container\",\n  invalid: \"invalid\",\n  statusIcon: \"status-icon\",\n  summary: \"summary\",\n  title: \"title\",\n  toggle: \"toggle\",\n  toggleIcon: \"toggle-icon\",\n  valid: \"valid\",\n};\n\nexport const SLOTS = {\n  actionsEnd: \"actions-end\",\n  contentStart: \"content-start\",\n  control: \"control\",\n  headerMenuActions: \"header-menu-actions\",\n  icon: \"icon\",\n};\n\nexport const ICONS = {\n  opened: \"chevron-up\",\n  closed: \"chevron-down\",\n  valid: \"check-circle\",\n  invalid: \"exclamation-mark-triangle\",\n} as const;\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-block-padding: Specifies the padding of the block `default` slot.\n */\n\n:host {\n  @extend %component-host;\n  @extend %component-spacing;\n  @apply transition-margin ease-cubic border-color-3 flex flex-shrink-0 flex-grow-0\n    flex-col border-0 border-b border-solid p-0;\n  flex-basis: auto;\n  transition-duration: var(--calcite-animation-timing);\n}\n\n@include disabled();\n\n@import \"../../assets/styles/animation\";\n@import \"../../assets/styles/header\";\n\n.header {\n  @apply justify-start;\n}\n\n.header--has-text {\n  padding: var(--calcite-spacing-md);\n}\n\n.header,\n.toggle {\n  grid-area: header;\n}\n\n.header-container {\n  @apply grid items-stretch;\n  grid-template: auto / auto 1fr auto auto;\n  grid-template-areas: \"handle header control menu actions-end\";\n  grid-column: header-start / actions-end;\n  grid-row: 1 / 2;\n}\n\n.content-start,\n.icon,\n.icon--start,\n.icon--end {\n  margin-inline-end: var(--calcite-spacing-md);\n}\n\n.icon {\n  & calcite-loader {\n    margin-inline-end: var(--calcite-spacing-xxxs);\n  }\n}\n\n.icon--start,\n.icon--end {\n  @apply text-color-3;\n}\n\n.actions-end {\n  grid-area: actions-end;\n}\n\n.toggle {\n  @apply font-sans\n    focus-base\n    m-0\n    flex\n    cursor-pointer\n    flex-nowrap\n    items-center\n    justify-between\n    border-none\n    p-0;\n\n  text-align: initial;\n  background-color: transparent;\n\n  &:hover {\n    @apply bg-foreground-2;\n  }\n  &:focus {\n    @apply focus-inset;\n  }\n}\n\ncalcite-loader[inline] {\n  grid-area: control;\n  @apply self-center;\n}\n\ncalcite-handle {\n  grid-area: handle;\n}\n\n.title {\n  @apply m-0;\n}\n\n.header .title .heading {\n  @apply text-n1\n    text-color-2\n    word-break\n    transition-color\n    p-0\n    font-medium\n    leading-tight\n    duration-150\n    ease-in-out;\n}\n\n.description {\n  @apply text-n2-wrap\n    text-color-3\n    word-break\n    mt-0.5\n    p-0;\n}\n\n.icon {\n  @apply flex;\n}\n\n.status-icon.valid {\n  color: theme(\"colors.success\");\n}\n\n.status-icon.invalid {\n  color: theme(\"colors.danger\");\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  50% {\n    transform: rotate(180deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.icon-end-container {\n  @apply flex items-center;\n\n  margin-inline-start: auto;\n}\n\n.toggle-icon {\n  @apply text-color-3\n  transition-color\n  self-center\n  justify-self-end\n  duration-150\n  ease-in-out;\n\n  margin-inline-end: var(--calcite-spacing-md);\n}\n\n.toggle:hover .toggle-icon {\n  @apply text-color-1;\n}\n\n.container {\n  @apply flex flex-col h-full relative;\n}\n\n.content {\n  @apply animate-in flex-1 relative min-h-0;\n  padding-block: var(--calcite-block-padding, var(--calcite-spacing-sm));\n  padding-inline: var(--calcite-block-padding, var(--calcite-spacing-md));\n}\n\n.content-start {\n  @apply text-color-3 flex items-center;\n}\n\n.control-container {\n  @apply m-0 flex;\n  grid-area: control;\n}\n\ncalcite-action-menu {\n  grid-area: menu;\n}\n\n.actions-end {\n  @apply flex items-stretch;\n}\n\n:host([open]) {\n  @apply my-2;\n\n  .header .title .heading {\n    @apply text-color-1;\n  }\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 { focusFirstTabbable, toAriaBoolean, slotChangeHasAssignedElement } from \"../../utils/dom\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { Status, Position } from \"../interfaces\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport {\n  defaultEndMenuPlacement,\n  FlipPlacement,\n  LogicalPlacement,\n  OverlayPositioning,\n} from \"../../utils/floating-ui\";\nimport { FlipContext } from \"../interfaces\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { CSS, ICONS, IDS, SLOTS } from \"./resources\";\nimport { BlockMessages } from \"./assets/block/t9n\";\n\n/**\n * @slot - A slot for adding custom content.\n * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the component. It is recommended to use two or fewer actions.\n * @slot icon - [Deprecated] A slot for adding a leading header icon with `calcite-icon`. Use `icon-start` instead.\n * @slot content-start - A slot for adding non-actionable elements before content of the component.\n * @slot control - [Deprecated] A slot for adding a single HTML input element in a header. Use `actions-end` instead.\n * @slot header-menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a dropdown menu.\n */\n@Component({\n  tag: \"calcite-block\",\n  styleUrl: \"block.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Block\n  implements\n    InteractiveComponent,\n    LocalizedComponent,\n    T9nComponent,\n    LoadableComponent,\n    OpenCloseComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is collapsible.\n   */\n  @Prop({ reflect: true }) collapsible = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When `true`, displays a drag handle in the header.\n   */\n  @Prop({ reflect: true }) dragHandle = false;\n\n  /**\n   * The component header text.\n   */\n  @Prop() heading!: string;\n\n  /**\n   * Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: IconNameOrString;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: IconNameOrString;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Specifies the component's fallback menu `placement` when it's initial or specified `placement` has insufficient space available.\n   */\n  @Prop() menuFlipPlacements: FlipPlacement[];\n\n  /**\n   * Determines where the action menu will be positioned.\n   */\n  @Prop({ reflect: true }) menuPlacement: LogicalPlacement = defaultEndMenuPlacement;\n\n  /**\n   * When `true`, expands the component and its contents.\n   */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n  }\n\n  /**\n   * Displays a status-related indicator icon.\n   *\n   * @deprecated Use `icon-start` instead.\n   */\n  @Prop({ reflect: true }) status: Status;\n\n  /**\n   * A description for the component, which displays below the heading.\n   */\n  @Prop() description: string;\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: BlockMessages;\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<BlockMessages>;\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  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first tabbable element.\n   *\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.el);\n  }\n\n  onBeforeOpen(): void {\n    this.calciteBlockBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calciteBlockOpen.emit();\n  }\n\n  onBeforeClose(): void {\n    this.calciteBlockBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteBlockClose.emit();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteBlockElement;\n\n  @State() defaultMessages: BlockMessages;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() hasIcon = false;\n\n  @State() hasControl = false;\n\n  @State() hasMenuActions = false;\n\n  @State() hasContentStart = false;\n\n  @State() hasEndActions = false;\n\n  openTransitionProp = \"margin-top\";\n\n  transitionEl: HTMLElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n\n    this.transitionEl = this.el;\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n\n    if (this.open) {\n      onToggleOpenCloseComponent(this);\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteBlockBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteBlockBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteBlockClose: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteBlockOpen: EventEmitter<void>;\n\n  /**\n   * Fires when the component's header is clicked.\n   *\n   * @deprecated Use `openClose` events such as `calciteBlockOpen`, `calciteBlockClose`, `calciteBlockBeforeOpen`, and `calciteBlockBeforeClose` instead.\n   */\n  @Event({ cancelable: false }) calciteBlockToggle: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  onHeaderClick = (): void => {\n    this.open = !this.open;\n    this.calciteBlockToggle.emit();\n  };\n\n  private controlSlotChangeHandler = (event: Event): void => {\n    this.hasControl = slotChangeHasAssignedElement(event);\n  };\n\n  private menuActionsSlotChangeHandler = (event: Event): void => {\n    this.hasMenuActions = slotChangeHasAssignedElement(event);\n  };\n\n  private iconSlotChangeHandler = (event: Event): void => {\n    this.hasIcon = slotChangeHasAssignedElement(event);\n  };\n\n  private actionsEndSlotChangeHandler = (event: Event): void => {\n    this.hasEndActions = slotChangeHasAssignedElement(event);\n  };\n\n  private handleContentStartSlotChange = (event: Event): void => {\n    this.hasContentStart = slotChangeHasAssignedElement(event);\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderScrim(): VNode[] {\n    const { loading } = this;\n    const defaultSlot = <slot />;\n\n    return [loading ? <calcite-scrim loading={loading} /> : null, defaultSlot];\n  }\n\n  private renderLoaderStatusIcon(): VNode[] {\n    const { loading, messages, status } = this;\n\n    return loading ? (\n      <div class={CSS.icon} key=\"loader\">\n        <calcite-loader inline label={messages.loading} />\n      </div>\n    ) : status ? (\n      <div class={CSS.icon} key=\"status-icon\">\n        <calcite-icon\n          class={{\n            [CSS.statusIcon]: true,\n            [CSS.valid]: status == \"valid\",\n            [CSS.invalid]: status == \"invalid\",\n          }}\n          icon={ICONS[status]}\n          scale=\"s\"\n        />\n      </div>\n    ) : (\n      <div class={CSS.icon} hidden={!this.hasIcon} key=\"icon-slot\">\n        <slot key=\"icon-slot\" name={SLOTS.icon} onSlotchange={this.iconSlotChangeHandler} />\n      </div>\n    );\n  }\n\n  private renderActionsEnd(): VNode {\n    return (\n      <div class={CSS.actionsEnd} hidden={!this.hasEndActions}>\n        <slot name={SLOTS.actionsEnd} onSlotchange={this.actionsEndSlotChangeHandler} />\n      </div>\n    );\n  }\n\n  private renderContentStart(): VNode {\n    return (\n      <div class={CSS.contentStart} hidden={!this.hasContentStart}>\n        <slot name={SLOTS.contentStart} onSlotchange={this.handleContentStartSlotChange} />\n      </div>\n    );\n  }\n\n  renderTitle(): VNode {\n    const { heading, headingLevel, description } = this;\n    return heading || description ? (\n      <div class={CSS.title}>\n        <Heading class={CSS.heading} level={headingLevel}>\n          {heading}\n        </Heading>\n        {description ? <div class={CSS.description}>{description}</div> : null}\n      </div>\n    ) : null;\n  }\n\n  private renderIcon(position: Extract<\"start\" | \"end\", Position>): VNode {\n    const { iconFlipRtl } = this;\n\n    const flipRtl =\n      iconFlipRtl === \"both\" || position === \"start\"\n        ? iconFlipRtl === \"start\"\n        : iconFlipRtl === \"end\";\n\n    const iconValue = position === \"start\" ? this.iconStart : this.iconEnd;\n    const iconClass = position === \"start\" ? CSS.iconStart : CSS.iconEnd;\n\n    if (!iconValue) {\n      return undefined;\n    }\n\n    /** Icon scale is not variable as the component does not have a scale property */\n    return (\n      <calcite-icon\n        class={iconClass}\n        flipRtl={flipRtl}\n        icon={iconValue}\n        key={iconValue}\n        scale=\"s\"\n      />\n    );\n  }\n\n  render(): VNode {\n    const {\n      collapsible,\n      loading,\n      open,\n      heading,\n      messages,\n      description,\n      menuFlipPlacements,\n      menuPlacement,\n    } = this;\n\n    const toggleLabel = open ? messages.collapse : messages.expand;\n\n    const headerContent = (\n      <header\n        class={{ [CSS.header]: true, [CSS.headerHasText]: !!(heading || description) }}\n        id={IDS.header}\n      >\n        {this.renderIcon(\"start\")}\n        {this.renderContentStart()}\n        {this.renderLoaderStatusIcon()}\n        {this.renderTitle()}\n      </header>\n    );\n\n    const collapseIcon = open ? ICONS.opened : ICONS.closed;\n\n    const headerNode = (\n      <div class={CSS.headerContainer}>\n        {this.dragHandle ? <calcite-handle label={heading} /> : null}\n        {collapsible ? (\n          <button\n            aria-controls={IDS.content}\n            aria-describedby={IDS.header}\n            aria-expanded={collapsible ? toAriaBoolean(open) : null}\n            class={CSS.toggle}\n            id={IDS.toggle}\n            onClick={this.onHeaderClick}\n            title={toggleLabel}\n          >\n            {headerContent}\n            <div class={CSS.iconEndContainer}>\n              {this.renderIcon(\"end\")}\n              <calcite-icon class={CSS.toggleIcon} icon={collapseIcon} scale=\"s\" />\n            </div>\n          </button>\n        ) : this.iconEnd ? (\n          <div>\n            {headerContent}\n            <div class={CSS.iconEndContainer}>{this.renderIcon(\"end\")}</div>\n          </div>\n        ) : (\n          headerContent\n        )}\n        <div aria-labelledby={IDS.header} class={CSS.controlContainer} hidden={!this.hasControl}>\n          <slot name={SLOTS.control} onSlotchange={this.controlSlotChangeHandler} />\n        </div>\n        <calcite-action-menu\n          flipPlacements={menuFlipPlacements ?? [\"top\", \"bottom\"]}\n          hidden={!this.hasMenuActions}\n          label={messages.options}\n          overlayPositioning={this.overlayPositioning}\n          placement={menuPlacement}\n        >\n          <slot name={SLOTS.headerMenuActions} onSlotchange={this.menuActionsSlotChangeHandler} />\n        </calcite-action-menu>\n        {this.renderActionsEnd()}\n      </div>\n    );\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <article\n            aria-busy={toAriaBoolean(loading)}\n            class={{\n              [CSS.container]: true,\n            }}\n          >\n            {headerNode}\n            <section\n              aria-labelledby={IDS.toggle}\n              class={CSS.content}\n              hidden={!open}\n              id={IDS.content}\n            >\n              {this.renderScrim()}\n            </section>\n          </article>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n","export const IDS = {\n  content: \"content\",\n  toggle: \"toggle\",\n};\n\nexport const CSS = {\n  chevronIcon: \"chevron-icon\",\n  content: \"content\",\n  iconStart: \"icon--start\",\n  iconEnd: \"icon--end\",\n  invalid: \"invalid\",\n  sectionHeader: \"section-header\",\n  sectionHeaderText: \"section-header__text\",\n  statusIcon: \"status-icon\",\n  switch: \"switch\",\n  toggle: \"toggle\",\n  toggleSwitch: \"toggle--switch\",\n  toggleContainer: \"toggle-container\",\n  toggleSwitchContent: \"toggle--switch__content\",\n  toggleSwitchText: \"toggle--switch__text\",\n  valid: \"valid\",\n};\n\nexport const ICONS = {\n  menuOpen: \"chevron-up\",\n  menuClosed: \"chevron-down\",\n  valid: \"check-circle\",\n  invalid: \"exclamation-mark-triangle\",\n} as const;\n",":host {\n  @apply bg-foreground-1 text-n1 box-border block;\n\n  color: var(--calcite-color-text-2);\n}\n\n:host([open]) {\n  @apply border-b-color-3\n    border-0\n    border-b\n    border-solid;\n\n  .toggle {\n    color: var(--calcite-color-text-1);\n\n    &:hover {\n      color: var(--calcite-color-text-1);\n    }\n  }\n\n  .chevron-icon {\n    color: var(--calcite-color-text-3);\n\n    &:hover {\n      color: var(--calcite-color-text-1);\n    }\n  }\n}\n\n:host(:last-child) {\n  @apply border-b-0;\n}\n\n.toggle {\n  @apply font-sans w-full border-0 bg-transparent;\n\n  gap: var(--calcite-spacing-md);\n  color: var(--calcite-color-text-2);\n  font-weight: var(--calcite-font-weight-normal);\n\n  &:hover {\n    color: var(--calcite-color-text-1);\n  }\n}\n\n.toggle--switch,\n.section-header {\n  @apply text-n1\n    focus-base\n    mx-0\n    my-1\n    flex\n    cursor-pointer\n    select-none\n    items-center\n    px-0\n    py-2;\n\n  &:focus {\n    @apply focus-outset;\n  }\n  &:hover {\n    color: var(--calcite-color-text-1);\n  }\n}\n\n.section-header__text {\n  @apply my-0\n    flex-auto;\n\n  text-align: initial;\n  word-wrap: anywhere;\n}\n\n.toggle-container {\n  @apply flex items-center relative bg-transparent;\n  word-break: break-word;\n\n  .toggle--switch__content {\n    @apply flex flex-auto items-center;\n  }\n\n  .icon--end,\n  .icon--start,\n  .chevron-icon {\n    @apply flex items-center;\n\n    color: var(--calcite-color-text-3);\n\n    &:hover {\n      color: var(--calcite-color-text-1);\n    }\n  }\n}\n\n.status-icon {\n  @apply flex items-center;\n}\n\n.status-icon.valid {\n  color: theme(\"colors.success\");\n}\n\n.status-icon.invalid {\n  color: theme(\"colors.danger\");\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 { focusFirstTabbable, toAriaBoolean } from \"../../utils/dom\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { FlipContext, Status } from \"../interfaces\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { BlockSectionMessages } from \"./assets/block-section/t9n\";\nimport { BlockSectionToggleDisplay } from \"./interfaces\";\nimport { CSS, ICONS, IDS } from \"./resources\";\n\n/**\n * @slot - A slot for adding custom content.\n */\n@Component({\n  tag: \"calcite-block-section\",\n  styleUrl: \"block-section.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class BlockSection implements LocalizedComponent, T9nComponent, LoadableComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: IconNameOrString;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: IconNameOrString;\n\n  /**\n   * When `true`, expands the component and its contents.\n   */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  /**\n   * Displays a status-related indicator icon.\n   *\n   * @deprecated Use `icon-start` instead.\n   */\n  @Prop({ reflect: true }) status: Status;\n\n  /**\n   * The component header text.\n   */\n  @Prop() text: string;\n\n  /**\n   * Specifies how the component's toggle is displayed, where:\n   *\n   * `\"button\"` sets the toggle to a selectable header, and\n   *\n   * `\"switch\"` sets the toggle to a switch.\n   */\n  @Prop({ reflect: true }) toggleDisplay: BlockSectionToggleDisplay = \"button\";\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: BlockSectionMessages;\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<BlockSectionMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first tabbable element.\n   *\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.el);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteBlockSectionElement;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: BlockSectionMessages;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the header has been clicked.\n   */\n  @Event({ cancelable: false }) calciteBlockSectionToggle: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handleHeaderKeyDown = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      this.toggleSection();\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  toggleSection = (): void => {\n    this.open = !this.open;\n    this.calciteBlockSectionToggle.emit();\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  renderStatusIcon(): VNode[] {\n    const { status } = this;\n    const statusIcon = ICONS[status] ?? false;\n    const statusIconClasses = {\n      [CSS.statusIcon]: true,\n      [CSS.valid]: status == \"valid\",\n      [CSS.invalid]: status == \"invalid\",\n    };\n\n    return statusIcon ? (\n      <calcite-icon class={statusIconClasses} icon={statusIcon} scale=\"s\" />\n    ) : null;\n  }\n\n  renderIcon(icon: string): VNode {\n    const { iconFlipRtl } = this;\n\n    if (icon === undefined) {\n      return null;\n    }\n\n    const flipRtlStart = iconFlipRtl === \"both\" || iconFlipRtl === \"start\";\n    const flipRtlEnd = iconFlipRtl === \"both\" || iconFlipRtl === \"end\";\n\n    const isIconStart = icon === this.iconStart;\n\n    /** Icon scale is not variable as the component does not have a scale property */\n    return (\n      <calcite-icon\n        class={isIconStart ? CSS.iconStart : CSS.iconEnd}\n        flipRtl={isIconStart ? flipRtlStart : flipRtlEnd}\n        icon={isIconStart ? this.iconStart : this.iconEnd}\n        key={isIconStart ? this.iconStart : this.iconEnd}\n        scale=\"s\"\n      />\n    );\n  }\n\n  render(): VNode {\n    const { messages, open, text, toggleDisplay } = this;\n    const arrowIcon = open ? ICONS.menuOpen : ICONS.menuClosed;\n\n    const toggleLabel = open ? messages.collapse : messages.expand;\n\n    const headerNode =\n      toggleDisplay === \"switch\" ? (\n        <div\n          class={{\n            [CSS.toggleContainer]: true,\n          }}\n        >\n          <div\n            aria-controls={IDS.content}\n            aria-expanded={toAriaBoolean(open)}\n            class={{\n              [CSS.toggle]: true,\n              [CSS.toggleSwitch]: true,\n            }}\n            id={IDS.toggle}\n            onClick={this.toggleSection}\n            onKeyDown={this.handleHeaderKeyDown}\n            role=\"button\"\n            tabIndex={0}\n            title={toggleLabel}\n          >\n            {this.renderIcon(this.iconStart)}\n            <div class={CSS.toggleSwitchContent}>\n              <span class={CSS.toggleSwitchText}>{text}</span>\n            </div>\n\n            {this.renderIcon(this.iconEnd)}\n            {this.renderStatusIcon()}\n            <calcite-switch checked={open} class={CSS.switch} inert label={toggleLabel} scale=\"s\" />\n          </div>\n        </div>\n      ) : (\n        <div\n          class={{\n            [CSS.toggleContainer]: true,\n          }}\n        >\n          <button\n            aria-controls={IDS.content}\n            aria-expanded={toAriaBoolean(open)}\n            class={{\n              [CSS.sectionHeader]: true,\n              [CSS.toggle]: true,\n            }}\n            id={IDS.toggle}\n            onClick={this.toggleSection}\n          >\n            {this.renderIcon(this.iconStart)}\n            <span class={CSS.sectionHeaderText}>{text}</span>\n            {this.renderIcon(this.iconEnd)}\n            {this.renderStatusIcon()}\n            <calcite-icon class={CSS.chevronIcon} icon={arrowIcon} scale=\"s\" />\n          </button>\n        </div>\n      );\n\n    return (\n      <Host>\n        {headerNode}\n        <section aria-labelledby={IDS.toggle} class={CSS.content} hidden={!open} id={IDS.content}>\n          <slot />\n        </section>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-37c7de64.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{d as e}from"./p-81a8f4c0.js";import"./p-2c99ffe4.js";import"./p-8f002581.js";import"./p-ed71fa1d.js";import"./p-db4d93fd.js";import"./p-5c700653.js";import"./p-d87cffea.js";import"./p-cd0e92b4.js";import"./p-141626e7.js";import"./p-561afd32.js";import"./p-953f312e.js";import"./p-f9b0742d.js";import"./p-756ee05a.js";import"./p-99ecc8bc.js";import"./p-97927874.js";import"./p-998886ff.js";import"./p-fd3e1697.js";import"./p-cbffb6ca.js";import"./p-3c53ef49.js";import"./p-0481b80a.js";function i(e){return e%10<5&&e%10>1&&~~(e/10)%10!==1}function r(e,r,t){var a=e+" ";switch(t){case"m":return r?"minuta":"minutę";case"mm":return a+(i(e)?"minuty":"minut");case"h":return r?"godzina":"godzinę";case"hh":return a+(i(e)?"godziny":"godzin");case"MM":return a+(i(e)?"miesiące":"miesięcy");case"yy":return a+(i(e)?"lata":"lat")}}var t="stycznia_lutego_marca_kwietnia_maja_czerwca_lipca_sierpnia_września_października_listopada_grudnia".split("_");var a="styczeń_luty_marzec_kwiecień_maj_czerwiec_lipiec_sierpień_wrzesień_październik_listopad_grudzień".split("_");var p=/D MMMM/;var s=function e(i,r){if(p.test(r)){return t[i.month()]}return a[i.month()]};s.s=a;s.f=t;var _={name:"pl",weekdays:"niedziela_poniedziałek_wtorek_środa_czwartek_piątek_sobota".split("_"),weekdaysShort:"ndz_pon_wt_śr_czw_pt_sob".split("_"),weekdaysMin:"Nd_Pn_Wt_Śr_Cz_Pt_So".split("_"),months:s,monthsShort:"sty_lut_mar_kwi_maj_cze_lip_sie_wrz_paź_lis_gru".split("_"),ordinal:function e(i){return i+"."},weekStart:1,yearStart:4,relativeTime:{future:"za %s",past:"%s temu",s:"kilka sekund",m:r,mm:r,h:r,hh:r,d:"1 dzień",dd:"%d dni",M:"miesiąc",MM:r,y:"rok",yy:r},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"}};e.locale(_,null,true);export{_ as default};
+//# sourceMappingURL=p-37c7de64.js.map

package/dist/calcite/p-38e21d78.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/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{r as e,c as t,h as a,H as i,g as n}from"./p-2c99ffe4.js";import{a as s,l as o,b as l}from"./p-141626e7.js";import"./p-ed71fa1d.js";import"./p-db4d93fd.js";import"./p-5c700653.js";import"./p-561afd32.js";const c={container:"container"};const r=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.5rem)}:host([scale=m]) .container{gap:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.75rem)}:host([scale=l]) .container{gap:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-color-text-1)}:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:0.5rem}:host([layout=inline][scale=l]) .container{gap:0.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const d=r;const h=class{constructor(a){e(this,a);this.calciteInternalLabelClick=t(this,"calciteInternalLabelClick",2);this.labelClickHandler=e=>{if(window.getSelection()?.type==="Range"){return}this.calciteInternalLabelClick.emit({sourceEvent:e})};this.alignment="start";this.for=undefined;this.scale="m";this.layout="default"}handleForChange(){s(this.el)}connectedCallback(){document.dispatchEvent(new CustomEvent(o))}disconnectedCallback(){document.dispatchEvent(new CustomEvent(l))}render(){return a(i,{key:"113a09d35a09353ceeacfa6e3f877de580280a0c",onClick:this.labelClickHandler},a("div",{key:"f8ef2d8dfa2a1b507dac5b30af7f3904642d8710",class:c.container},a("slot",{key:"b60f62f9806e99da22fb450c6f534b20fd054d8f"})))}get el(){return n(this)}static get watchers(){return{for:["handleForChange"]}}};h.style=d;export{h as calcite_label};
+//# sourceMappingURL=p-38e21d78.entry.js.map

package/dist/calcite/p-3bae1479.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/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{r as e,c as t,h as i,H as n,g as a}from"./p-2c99ffe4.js";import{s as o,t as l,g as s,z as r}from"./p-ed71fa1d.js";import{a as c,c as d,d as h,H as f}from"./p-8f002581.js";import{u as m,I as u}from"./p-d87cffea.js";import{c as p,d as g}from"./p-141626e7.js";import{s as b,a as v,c as k}from"./p-953f312e.js";import{V as w}from"./p-3c53ef49.js";import{i as y}from"./p-f9b0742d.js";import"./p-db4d93fd.js";import"./p-5c700653.js";import"./p-561afd32.js";const x={itemWrapper:"item-wrapper"};const z={validationMessage:"segmentedControlValidationMessage"};const C=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}.item-wrapper{display:flex;background-color:var(--calcite-color-foreground-1);inline-size:-moz-fit-content;inline-size:fit-content;outline:1px solid var(--calcite-color-border-input);outline-offset:-1px}:host([appearance=outline])>.item-wrapper{background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([layout=vertical])>.item-wrapper{flex-direction:column;align-items:flex-start;align-self:flex-start}:host([width=full])>.item-wrapper{inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content}:host([width=full])>.item-wrapper ::slotted(calcite-segmented-control-item){flex:1 1 auto}:host([width=full][layout=vertical])>.item-wrapper ::slotted(calcite-segmented-control-item){justify-content:flex-start}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";const S=C;const j=class{constructor(i){e(this,i);this.calciteSegmentedControlChange=t(this,"calciteSegmentedControlChange",6);this.handleClick=e=>{if(this.disabled){return}if(e.target.localName==="calcite-segmented-control-item"){this.selectItem(e.target,true)}};this.items=[];this.handleDefaultSlotChange=e=>{const t=o(e).filter((e=>e.matches("calcite-segmented-control-item")));this.items=t;this.handleSelectedItem();this.handleItemPropChange()};this.appearance="solid";this.disabled=false;this.form=undefined;this.required=false;this.name=undefined;this.layout="horizontal";this.scale="m";this.value=null;this.selectedItem=undefined;this.status="idle";this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.width="auto"}handlePropsChange(){this.handleItemPropChange()}valueHandler(e){const{items:t}=this;t.forEach((t=>t.checked=t.value===e))}handleSelectedItemChange(e,t){this.value=e?.value;if(e===t){return}const{items:i}=this;const n=i.filter((t=>t===e)).pop();if(n){this.selectItem(n)}else if(i[0]){i[0].tabIndex=0}}componentWillLoad(){b(this)}componentDidLoad(){c(this,this.value);v(this)}connectedCallback(){p(this);d(this)}disconnectedCallback(){g(this);h(this)}componentDidRender(){m(this)}render(){return i(n,{key:"6b5a239fe23afffc81b822f92573e12ed7dd7a42",onClick:this.handleClick,role:"radiogroup"},i("div",{key:"85cec0d2e13fa931d608a5de664d9eafbebe531f","aria-errormessage":z.validationMessage,"aria-invalid":l(this.status==="invalid"),class:x.itemWrapper},i(u,{key:"50a5207585b69afefff7a0604d22d6197808e088",disabled:this.disabled},i("slot",{key:"0359bd8934ab90bb78f3e9208e6d08170ea39a10",onSlotchange:this.handleDefaultSlotChange}),i(f,{key:"e4eba2ca6556b63c68fcf664258c04ac75fa3829",component:this}))),this.validationMessage&&this.status==="invalid"?i(w,{icon:this.validationIcon,id:z.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null)}handleSelected(e){e.preventDefault();const t=e.target;if(t.checked){this.selectItem(t)}e.stopPropagation()}handleKeyDown(e){const t=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "];const{key:i}=e;const{el:n,selectedItem:a}=this;if(t.indexOf(i)===-1){return}let o=i;if(s(n)==="rtl"){if(i==="ArrowRight"){o="ArrowLeft"}if(i==="ArrowLeft"){o="ArrowRight"}}const{items:l}=this;let r=-1;l.forEach(((e,t)=>{if(e===a){r=t}}));switch(o){case"ArrowLeft":case"ArrowUp":{e.preventDefault();const t=r<1?l[l.length-1]:l[r-1];this.selectItem(t,true);return}case"ArrowRight":case"ArrowDown":{e.preventDefault();const t=r===-1?l[1]:l[r+1]||l[0];this.selectItem(t,true);return}case" ":e.preventDefault();this.selectItem(e.target,true);return;default:return}}async setFocus(){await k(this);(this.selectedItem||this.items[0])?.focus()}handleItemPropChange(){const{items:e}=this;e.forEach((e=>{e.appearance=this.appearance;e.layout=this.layout;e.scale=this.scale}))}handleSelectedItem(){const{items:e}=this;const t=e.filter((e=>e.checked)).pop();if(t){this.selectItem(t)}else if(e[0]){e[0].tabIndex=0}}onLabelClick(){this.setFocus()}selectItem(e,t=false){if(e===this.selectedItem){return}const{items:i}=this;let n=null;i.forEach((i=>{const a=i===e;if(a&&!i.checked||!a&&i.checked){i.checked=a}i.tabIndex=a?0:-1;if(a){n=i;if(t){this.calciteSegmentedControlChange.emit()}}}));this.selectedItem=n;if(y()&&n){n.focus()}}get el(){return a(this)}static get watchers(){return{appearance:["handlePropsChange"],layout:["handlePropsChange"],scale:["handlePropsChange"],value:["valueHandler"],selectedItem:["handleSelectedItemChange"]}}};j.style=S;const A={input:"input"};const I={label:"label",labelScale:e=>`label--scale-${e}`,labelHorizontal:"label--horizontal",labelOutline:"label--outline",labelOutlineFill:"label--outline-fill",icon:"icon",iconSolo:"icon--solo"};const L=":host{display:flex;cursor:pointer;align-self:stretch;font-weight:var(--calcite-font-weight-normal);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-animation-timing) ease-in-out}:host label{pointer-events:none;margin:0.125rem;box-sizing:border-box;display:flex;flex:1 1 0%;align-items:center;color:var(--calcite-color-text-3);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-internal-animation-timing-fast) ease-in-out, color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{justify-content:center}:host{outline-color:transparent}:host(:focus){outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          );outline-offset:-1px}.label--scale-s{padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-block:0.125rem}.label--scale-m{padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-block:0.375rem}.label--scale-l{padding-inline:1rem;padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host(:hover) label{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:active) label{background-color:var(--calcite-color-foreground-3)}:host([checked]) label{cursor:default;border-color:var(--calcite-color-brand);background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{border-color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1);box-shadow:inset 0 0 0 1px var(--calcite-color-brand);color:var(--calcite-color-brand)}:host([checked]) .label--outline{background-color:transparent}::slotted(input){display:none}@media (forced-colors: active){:host([checked]) label{background-color:highlight}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{outline:2px solid transparent;outline-offset:2px}:host([checked]) label:not([class~=label--outline]) .icon{color:highlightText}}.icon{position:relative;margin:0px;display:inline-flex;line-height:inherit;margin-inline-start:var(--calcite-internal-segmented-control-icon-margin-start);margin-inline-end:var(--calcite-internal-segmented-control-icon-margin-end)}:host([icon-start]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-end:0.5rem}:host([icon-end]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-start:0.5rem}:host([icon-start]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-end:0.75rem}:host([icon-end]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-start:0.75rem}:host([icon-start]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-end:1rem}:host([icon-end]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-start:1rem}.label .icon--solo{--calcite-internal-segmented-control-icon-margin-start:0;--calcite-internal-segmented-control-icon-margin-end:0}:host([hidden]){display:none}[hidden]{display:none}";const M=L;const R=class{constructor(i){e(this,i);this.calciteInternalSegmentedControlItemChange=t(this,"calciteInternalSegmentedControlItemChange",6);this.handleSlotChange=e=>{this.hasSlottedContent=r(e)};this.checked=false;this.iconFlipRtl=false;this.iconStart=undefined;this.iconEnd=undefined;this.value=undefined;this.appearance="solid";this.layout="horizontal";this.scale="m";this.hasSlottedContent=false}handleCheckedChange(){this.calciteInternalSegmentedControlItemChange.emit()}renderIcon(e,t=false){return e?i("calcite-icon",{class:{[I.icon]:true,[I.iconSolo]:t},flipRtl:this.iconFlipRtl,icon:e,scale:"s"}):null}render(){const{appearance:e,checked:t,layout:a,scale:o,value:s}=this;return i(n,{key:"2af04b56315239f05527daea7c52c0f93e991d33","aria-checked":l(t),"aria-label":s,role:"radio"},i("label",{key:"84e7882a933484328ab81e88dbbd3087ed312c5e",class:{[I.label]:true,[I.labelScale(o)]:true,[I.labelHorizontal]:a==="horizontal",[I.labelOutline]:e==="outline",[I.labelOutlineFill]:e==="outline-fill"}},this.renderContent()))}renderContent(){const{hasSlottedContent:e,iconEnd:t,iconStart:n}=this;const a=n||t;const o=!e&&a;if(o){return[this.renderIcon(a,true),i("slot",{onSlotchange:this.handleSlotChange})]}return[this.renderIcon(n),i("slot",{onSlotchange:this.handleSlotChange}),i("slot",{name:A.input}),this.renderIcon(t)]}get el(){return a(this)}static get watchers(){return{checked:["handleCheckedChange"]}}};R.style=M;export{j as calcite_segmented_control,R as calcite_segmented_control_item};
+//# sourceMappingURL=p-3bae1479.entry.js.map

package/dist/calcite/p-3c53ef49.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{h as a}from"./p-2c99ffe4.js";const i={validationContainer:"validation-container"};const s=({scale:s,status:t,id:e,icon:o,message:c})=>a("div",{class:i.validationContainer},a("calcite-input-message",{"aria-live":"polite",icon:o,id:e,scale:s,status:t},c));export{s as V};
+//# sourceMappingURL=p-3c53ef49.js.map

package/dist/calcite/p-3cbd1f5c.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/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{r as t,c as i,h as e,g as a}from"./p-2c99ffe4.js";import{u as n,I as o}from"./p-d87cffea.js";import{c as l,s as r,a as s}from"./p-953f312e.js";import"./p-f9b0742d.js";const c={container:"container",dividerContainer:"divider-container",divider:"divider",widthAuto:"width-auto",widthHalf:"width-half",widthFull:"width-full"};const d=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host([kind=brand]){--calcite-internal-split-button-background:var(--calcite-color-brand);--calcite-internal-split-button-divider:var(--calcite-color-foreground-1)}:host([kind=danger]){--calcite-internal-split-button-background:var(--calcite-color-status-danger);--calcite-internal-split-button-divider:var(--calcite-color-foreground-1)}:host([kind=neutral]){--calcite-internal-split-button-background:var(--calcite-color-foreground-3);--calcite-internal-split-button-divider:var(--calcite-color-text-1)}:host([kind=inverse]){--calcite-internal-split-button-background:var(--calcite-color-inverse);--calcite-internal-split-button-divider:var(--calcite-color-foreground-1)}:host([appearance=transparent]){--calcite-internal-split-button-background:transparent}:host([appearance=transparent]):host([kind=brand]){--calcite-internal-split-button-divider:var(--calcite-color-brand)}:host([appearance=transparent]):host([kind=danger]){--calcite-internal-split-button-divider:var(--calcite-color-status-danger)}:host([appearance=transparent]):host([kind=neutral]){--calcite-internal-split-button-divider:var(--calcite-color-text-1)}:host([appearance=transparent]):host([kind=inverse]){--calcite-internal-split-button-divider:var(--calcite-color-foreground-1)}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline]):host([kind=danger]),:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline]):host([kind=inverse]){--calcite-internal-split-button-background:transparent}:host([appearance=outline-fill]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-split-button-background:var(--calcite-color-background)}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-internal-split-button-divider:var(--calcite-color-brand)}:host([appearance=outline]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=danger]){--calcite-internal-split-button-divider:var(--calcite-color-status-danger)}:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=neutral]){--calcite-internal-split-button-divider:var(--calcite-color-border-1)}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-split-button-divider:var(--calcite-color-inverse)}.container{display:flex;align-items:stretch}.container>calcite-dropdown>calcite-button{block-size:100%;vertical-align:top}.divider-container{display:flex;inline-size:1px;align-items:stretch;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background-color:var(--calcite-internal-split-button-background)}.divider{margin-block:0.25rem;display:inline-block;inline-size:1px;background-color:var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]) .divider-container,:host([appearance=outline]) .divider-container{border-block:1px solid var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]):hover .divider-container,:host([appearance=outline]):hover .divider-container{background-color:var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]:hover) .divider-container,:host([appearance=outline]:hover) .divider-container{background-color:var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]:focus-within):host([kind=brand]),:host([appearance=outline]:focus-within):host([kind=brand]){--calcite-internal-split-button-divider:var(--calcite-color-brand-press)}:host([appearance=outline-fill]:focus-within):host([kind=danger]),:host([appearance=outline]:focus-within):host([kind=danger]){--calcite-internal-split-button-divider:var(--calcite-color-status-danger-press)}:host([appearance=outline-fill]:focus-within) .divider-container,:host([appearance=outline]:focus-within) .divider-container{background-color:var(--calcite-internal-split-button-divider)}:host([disabled]) calcite-dropdown>calcite-button{pointer-events:none}:host([disabled]):host([appearance=outline-fill]) .divider-container{background-color:var(--calcite-color-background)}:host([disabled]):host([appearance=outline]) .divider-container{background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const h=d;const p=class{constructor(e){t(this,e);this.calciteSplitButtonPrimaryClick=i(this,"calciteSplitButtonPrimaryClick",6);this.calciteSplitButtonSecondaryClick=i(this,"calciteSplitButtonSecondaryClick",6);this.calciteSplitButtonPrimaryClickHandler=()=>this.calciteSplitButtonPrimaryClick.emit();this.calciteSplitButtonSecondaryClickHandler=()=>this.calciteSplitButtonSecondaryClick.emit();this.appearance="solid";this.kind="brand";this.disabled=false;this.active=false;this.dropdownIconType="chevron";this.dropdownLabel=undefined;this.flipPlacements=undefined;this.loading=false;this.overlayPositioning="absolute";this.placement="bottom-end";this.primaryIconEnd=undefined;this.primaryIconFlipRtl=undefined;this.primaryIconStart=undefined;this.primaryLabel=undefined;this.primaryText=undefined;this.scale="m";this.width="auto"}handleDisabledChange(t){if(!t){this.active=false}}activeHandler(){if(this.disabled){this.active=false}}async setFocus(){await l(this);this.el.focus()}componentWillLoad(){r(this)}componentDidLoad(){s(this)}componentDidRender(){n(this)}render(){const t=this.width==="auto"?"auto":"full";return e(o,{key:"43854ccaa7cab57ea47c8db466a1cf768e710215",disabled:this.disabled},e("div",{key:"84567744a6da60b1737104f13dede958952f78e2",class:c.container},e("calcite-button",{key:"26e0987ee5c99a797855463c7fb024ef69b0265c",appearance:this.appearance,disabled:this.disabled,"icon-end":this.primaryIconEnd?this.primaryIconEnd:null,"icon-start":this.primaryIconStart?this.primaryIconStart:null,iconFlipRtl:this.primaryIconFlipRtl?this.primaryIconFlipRtl:null,kind:this.kind,label:this.primaryLabel,loading:this.loading,onClick:this.calciteSplitButtonPrimaryClickHandler,scale:this.scale,splitChild:"primary",type:"button",width:t},this.primaryText),e("div",{key:"70e6219c721658d8af05a860a21833860b6b878c",class:c.dividerContainer},e("div",{key:"4dfaa236bae7c027456179c842bd3430cdc1cf37",class:c.divider})),e("calcite-dropdown",{key:"98278f3f9c3dbc1ad0ee0d4fbf683667eb140089",disabled:this.disabled,flipPlacements:this.flipPlacements,onClick:this.calciteSplitButtonSecondaryClickHandler,open:this.active,overlayPositioning:this.overlayPositioning,placement:this.placement,scale:this.scale,"width-scale":this.scale},e("calcite-button",{key:"bcfd6251c8e646cb2fe38877252909886c97dcd7",appearance:this.appearance,disabled:this.disabled,"icon-start":this.dropdownIcon,kind:this.kind,label:this.dropdownLabel,scale:this.scale,slot:"trigger",splitChild:"secondary",type:"button"}),e("slot",{key:"dd42fff176978488a9f784acb555554cccb0382f"}))))}get dropdownIcon(){return this.dropdownIconType==="chevron"?"chevronDown":this.dropdownIconType==="caret"?"caretDown":this.dropdownIconType==="ellipsis"?"ellipsis":"handle-vertical"}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{disabled:["handleDisabledChange"],active:["activeHandler"]}}};p.style=h;export{p as calcite_split_button};
+//# sourceMappingURL=p-3cbd1f5c.entry.js.map