@esri/calcite-components 2.8.1-next.2 → 2.8.1-next.4

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

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","loader","clearButton","editingEnabled","inlineChild","inputIcon","prefix","suffix","wrapper","inputWrapper","actionWrapper","resizeIconWrapper","SLOTS","action","inputTextCss","CalciteInputTextStyle0","InputText","this","previousValueOrigin","mutationObserver","createObserver","setDisabledAction","userChangedValue","keyDownHandler","event","readOnly","disabled","defaultPrevented","isClearable","key","clearInputTextValue","preventDefault","submitForm","nativeEvent","setValue","committing","origin","value","emitChangeIfUserModified","previousEmittedValue","calciteInputTextChange","emit","setPreviousEmittedValue","inputTextBlurHandler","calciteInternalInputTextBlur","element","childEl","clickHandler","slottedActionEl","getSlotted","el","target","setFocus","inputTextFocusHandler","calciteInternalInputTextFocus","inputTextInputHandler","inputTextKeyDownHandler","onHiddenFormInputInput","name","stopPropagation","setChildElRef","setInputValue","newInputValue","setPreviousValue","previousValue","calciteInputTextInputEvent","calciteInputTextInput","valid","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing","handleGlobalAttributesChanged","forceUpdate","disabledWatcher","onMessagesChange","valueWatcher","newValue","updateRequestedIcon","requestedIcon","setRequestedIcon","icon","clearable","length","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectInteractive","connectLocalized","connectMessages","inlineEditableEl","closest","connectLabel","connectForm","observe","childList","addEventListener","internalHiddenInputInputEvent","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectForm","disconnectLocalized","disconnectMessages","disconnect","removeEventListener","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","componentFocusable","focus","selectText","select","onLabelClick","syncHiddenFormInput","input","getAttribute","slottedActionElDisabledInternally","setAttribute","removeAttribute","render","dir","getElementDir","h","class","label","messages","loading","type","inputClearButton","clear","onClick","tabIndex","scale","getIconScale","iconEl","flipRtl","iconFlipRtl","prefixText","suffixText","getLabelText","autocomplete","autofocus","defaultValue","enterKeyHint","inputMode","maxLength","minLength","onBlur","onFocus","onInput","onKeyDown","pattern","placeholder","required","ref","Host","InteractiveContainer","CSS_UTILITY","rtl","HiddenFormInputSlot","component","validationMessage","status","Validation","validationIcon","message"],"sources":["src/components/input-text/resources.ts","src/components/input-text/input-text.scss?tag=calcite-input-text&encapsulation=shadow","src/components/input-text/input-text.tsx"],"sourcesContent":["export const CSS = {\n  loader: \"loader\",\n  clearButton: \"clear-button\",\n  editingEnabled: \"editing-enabled\",\n  inlineChild: \"inline-child\",\n  inputIcon: \"icon\",\n  prefix: \"prefix\",\n  suffix: \"suffix\",\n  wrapper: \"element-wrapper\",\n  inputWrapper: \"wrapper\",\n  actionWrapper: \"action-wrapper\",\n  resizeIconWrapper: \"resize-icon-wrapper\",\n};\n\nexport const SLOTS = {\n  action: \"action\",\n};\n",":host {\n  @apply block;\n}\n\n// scales\n:host([scale=\"s\"]) {\n  & input {\n    padding-inline-start: theme(\"spacing.2\");\n    padding-inline-end: var(--calcite-internal-input-text-input-padding-inline-end, theme(\"spacing.2\"));\n  }\n\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-n2h h-6;\n  }\n\n  & .prefix,\n  & .suffix {\n    @apply px-2;\n  }\n\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-6;\n  }\n\n  & .clear-button {\n    min-block-size: theme(\"spacing.6\");\n    min-inline-size: theme(\"spacing.6\");\n  }\n}\n\n:host([scale=\"m\"]) {\n  & input {\n    padding-inline-start: theme(\"spacing.3\");\n    padding-inline-end: var(--calcite-internal-input-text-input-padding-inline-end, theme(\"spacing.3\"));\n  }\n\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-n1h h-8;\n  }\n\n  & .prefix,\n  & .suffix {\n    @apply px-3;\n  }\n\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-8;\n  }\n\n  & .clear-button {\n    min-block-size: theme(\"spacing.8\");\n    min-inline-size: theme(\"spacing.8\");\n  }\n}\n\n:host([scale=\"l\"]) {\n  & input {\n    padding-inline-start: theme(\"spacing.4\");\n    padding-inline-end: var(--calcite-internal-input-text-input-padding-inline-end, theme(\"spacing.4\"));\n  }\n\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-0h h-11;\n  }\n\n  & .prefix,\n  & .suffix {\n    @apply px-4;\n  }\n\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-11;\n  }\n\n  & .clear-button {\n    min-block-size: theme(\"spacing.11\");\n    min-inline-size: theme(\"spacing.11\");\n  }\n}\n\n@include disabled();\n\ninput {\n  transition:\n    var(--calcite-animation-timing),\n    block-size 0,\n    outline-offset 0s;\n  -webkit-appearance: none;\n  @apply bg-foreground-1\n    box-border\n    flex\n    flex-1\n    font-inherit\n    font-normal\n    m-0\n    max-h-full\n    max-w-full\n    relative\n    rounded-none\n    text-color-1\n    text-ellipsis\n    w-full;\n\n  &:placeholder-shown {\n    @apply text-ellipsis;\n  }\n}\n\n// states\ninput {\n  @apply text-color-1\n    border-color-input\n    border\n    border-solid;\n  &::placeholder,\n  &:-ms-input-placeholder,\n  &::-ms-input-placeholder {\n    @apply text-color-3 font-normal;\n  }\n}\ninput:focus {\n  @apply border-color-brand text-color-1;\n}\ninput[readonly] {\n  @apply bg-background font-medium;\n}\ninput[readonly]:focus {\n  @apply text-color-1;\n}\ncalcite-icon {\n  @apply text-color-3;\n}\n\n//focus\n\ninput {\n  @apply focus-base;\n}\ninput:focus {\n  @apply focus-inset;\n}\n\n:host([status=\"invalid\"]) {\n  & input {\n    @apply border-color-danger;\n  }\n  & input:focus {\n    @apply focus-inset-danger;\n  }\n}\n\n// ICONS\n\n// position icons\n\n:host([scale=\"s\"]) .icon {\n  inset-inline-start: theme(\"spacing.2\");\n}\n\n:host([scale=\"m\"]) .icon {\n  inset-inline-start: theme(\"spacing.3\");\n}\n\n:host([scale=\"l\"]) .icon {\n  inset-inline-start: theme(\"spacing.4\");\n}\n\n// position placeholder/value text in relation to icons\n\n:host([icon][scale=\"s\"]) input {\n  padding-inline-start: theme(\"padding.8\");\n}\n\n:host([icon][scale=\"m\"]) input {\n  padding-inline-start: theme(\"padding.10\");\n}\n\n:host([icon][scale=\"l\"]) input {\n  padding-inline-start: theme(\"padding.14\");\n}\n\n// positioning wrapper for icon and loader\n\n.element-wrapper {\n  @apply relative\n    order-3\n    inline-flex\n    flex-1\n    items-center;\n}\n\n.icon {\n  @apply transition-default\n    pointer-events-none\n    absolute\n    block\n\n    z-default; // needed for firefox to display the icon properly\n}\n\n// hide browser default clear\n\ninput[type=\"text\"]::-ms-clear,\ninput[type=\"text\"]::-ms-reveal {\n  @apply hidden\n    h-0\n    w-0;\n}\n\n.clear-button {\n  pointer-events: initial;\n  @apply focus-base\n    border-color-input\n    bg-foreground-1\n    order-4\n    m-0\n    box-border\n    flex\n    min-h-full\n    cursor-pointer\n    items-center\n    justify-center\n    self-stretch\n    border\n    border-solid;\n\n  border-inline-start-width: theme(\"borderWidth.0\");\n\n  &:hover {\n    @apply bg-foreground-2 transition-default;\n    calcite-icon {\n      @apply text-color-1 transition-default;\n    }\n  }\n  &:active {\n    @apply bg-foreground-3;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n  &:focus {\n    @apply focus-inset;\n  }\n  &:disabled {\n    @apply opacity-disabled;\n  }\n}\n\n// loading\n.loader {\n  inset-block-start: 1px;\n  inset-inline: 1px;\n  @apply pointer-events-none\n    absolute\n    block;\n}\n\n// slotted action\n.action-wrapper {\n  @apply order-7 flex;\n}\n\n// prefix and suffix\n.prefix,\n.suffix {\n  @apply border-color-input\n    bg-background\n    text-color-2\n    box-border\n    flex\n    h-auto\n    min-h-full\n    select-none\n    content-center\n    items-center\n    break-words\n    border\n    border-solid\n    font-medium\n    leading-none;\n}\n\n.prefix {\n  @apply order-2;\n  border-inline-end-width: theme(\"borderWidth.0\");\n}\n.suffix {\n  @apply order-5;\n  border-inline-start-width: theme(\"borderWidth.0\");\n}\n\n// alignment type\n:host([alignment=\"start\"]) {\n  & input {\n    text-align: start;\n  }\n}\n\n:host([alignment=\"end\"]) {\n  & input {\n    text-align: end;\n  }\n}\n\n.wrapper {\n  @apply relative\n    flex\n    flex-row\n    items-center;\n}\n\n:host(.no-bottom-border) input {\n  @apply border-b-0;\n}\n\n:host(.border-top-color-one) input {\n  @apply border-t-color-1;\n}\n\n// input needed for higher specificity of these overrides\ninput {\n  &.inline-child {\n    @apply transition-default bg-transparent;\n    .editing-enabled {\n      background-color: inherit;\n    }\n  }\n\n  &.inline-child:not(.editing-enabled) {\n    @apply border-color-transparent\n    flex\n    cursor-pointer text-ellipsis;\n    padding-inline-start: 0;\n  }\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getElementDir, getSlotted, setRequestedIcon } from \"../../utils/dom\";\nimport {\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  internalHiddenInputInputEvent,\n  MutableValidityState,\n  submitForm,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { SetValueOrigin } from \"../input/interfaces\";\nimport { Alignment, Scale, Status } from \"../interfaces\";\nimport { getIconScale } from \"../../utils/component\";\nimport { Validation } from \"../functional/Validation\";\nimport { syncHiddenFormInput, TextualInputComponent } from \"../input/common/input\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { InputTextMessages } from \"./assets/input-text/t9n\";\n\n/**\n * @slot action - A slot for positioning a button next to the component.\n */\n@Component({\n  tag: \"calcite-input-text\",\n  styleUrl: \"input-text.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class InputText\n  implements\n    LabelableComponent,\n    FormComponent,\n    InteractiveComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    TextualInputComponent,\n    T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Global attributes\n  //\n  //--------------------------------------------------------------------------\n\n  @Watch(\"autofocus\")\n  @Watch(\"enterkeyhint\")\n  @Watch(\"inputmode\")\n  handleGlobalAttributesChanged(): void {\n    forceUpdate(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the text alignment of the component's value. */\n  @Prop({ reflect: true }) alignment: Extract<\"start\" | \"end\", Alignment> = \"start\";\n\n  /**\n   * When `true`, a clear button is displayed when the component has a value.\n   */\n  @Prop({ reflect: true }) clearable = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   *\n   * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  disabledWatcher(): void {\n    this.setDisabledAction();\n  }\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true })\n  form: string;\n\n  /**\n   * Specifies an icon to display.\n   *\n   * @futureBreaking Remove boolean type as it is not supported.\n   */\n  @Prop({ reflect: true }) icon: string | boolean;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /** Accessible name for the component's button or hyperlink. */\n  @Prop() label: string;\n\n  /** When `true`, the component is in the loading state and `calcite-progress` is displayed. */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Specifies the maximum length of text for the component's value.\n   *\n   * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)\n   */\n  @Prop({ reflect: true }) maxLength: number;\n\n  /**\n   * Specifies the minimum length of text for the component's value.\n   *\n   * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)\n   */\n  @Prop({ reflect: true }) minLength: number;\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: string | boolean;\n\n  /**\n   * The current validation state of the component.\n   *\n   * @readonly\n   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated in form util when syncing hidden input\n  @Prop({ mutable: true }) validity: MutableValidityState = {\n    valid: false,\n    badInput: false,\n    customError: false,\n    patternMismatch: false,\n    rangeOverflow: false,\n    rangeUnderflow: false,\n    stepMismatch: false,\n    tooLong: false,\n    tooShort: false,\n    typeMismatch: false,\n    valueMissing: false,\n  };\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   *\n   * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /**\n   * Specifies placeholder text for the component.\n   *\n   * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)\n   */\n  @Prop() placeholder: string;\n\n  /** Adds text to the start of the component. */\n  @Prop() prefixText: string;\n\n  /**\n   * When `true`, the component's value can be read, but cannot be modified.\n   *\n   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n   */\n  @Prop({ reflect: true }) readOnly = false;\n\n  /** When `true`, the component must have a value in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /**\n   * Specifies the type of content to autocomplete, for use in forms.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\n   */\n  @Prop() autocomplete: string;\n\n  /**\n   * Specifies a regex pattern the component's `value` must match for validation.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)\n   */\n  @Prop() pattern: string;\n\n  /** Adds text to the end of the component.  */\n  @Prop() suffixText: string;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) editingEnabled = false;\n\n  /** The component's value. */\n  @Prop({ mutable: true }) value = \"\";\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: InputTextMessages;\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<InputTextMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  @Watch(\"value\")\n  valueWatcher(newValue: string, previousValue: string): void {\n    if (!this.userChangedValue) {\n      this.setValue({\n        origin: \"direct\",\n        previousValue,\n        value: !newValue ? \"\" : newValue,\n      });\n    }\n    this.userChangedValue = false;\n  }\n\n  @Watch(\"icon\")\n  updateRequestedIcon(): void {\n    this.requestedIcon = setRequestedIcon({}, this.icon, \"text\");\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInputTextElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: InputText[\"value\"];\n\n  inlineEditableEl: HTMLCalciteInlineEditableElement;\n\n  /** keep track of the rendered child */\n  private childEl?: HTMLInputElement;\n\n  get isClearable(): boolean {\n    return this.clearable && this.value.length > 0;\n  }\n\n  private previousEmittedValue: string;\n\n  private previousValue: string;\n\n  private previousValueOrigin: SetValueOrigin = \"initial\";\n\n  /** the computed icon to render */\n  private requestedIcon?: string;\n\n  mutationObserver = createObserver(\"mutation\", () => this.setDisabledAction());\n\n  private userChangedValue = false;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: InputTextMessages;\n\n  @State() slottedActionElDisabledInternally = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n\n    this.inlineEditableEl = this.el.closest(\"calcite-inline-editable\");\n    if (this.inlineEditableEl) {\n      this.editingEnabled = this.inlineEditableEl.editingEnabled || false;\n    }\n\n    connectLabel(this);\n    connectForm(this);\n    this.mutationObserver?.observe(this.el, { childList: true });\n    this.setDisabledAction();\n    this.el.addEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n\n    this.mutationObserver?.disconnect();\n    this.el.removeEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    this.requestedIcon = setRequestedIcon({}, this.icon, \"text\");\n    await setUpMessages(this);\n\n    this.setPreviousEmittedValue(this.value);\n    this.setPreviousValue(this.value);\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  /**\n   * @internal\n   */\n  @Event() calciteInternalInputTextFocus: EventEmitter<{\n    element: HTMLInputElement;\n    value: string;\n  }>;\n\n  /**\n   * @internal\n   */\n  @Event() calciteInternalInputTextBlur: EventEmitter<{ element: HTMLInputElement; value: string }>;\n\n  /**\n   * Fires each time a new value is typed.\n   */\n  @Event({ cancelable: true }) calciteInputTextInput: EventEmitter<void>;\n\n  /**\n   * Fires each time a new value is typed and committed.\n   */\n  @Event() calciteInputTextChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.childEl?.focus();\n  }\n\n  /** Selects the text of the component's `value`. */\n  @Method()\n  async selectText(): Promise<void> {\n    this.childEl?.select();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (this.readOnly || this.disabled || event.defaultPrevented) {\n      return;\n    }\n\n    if (this.isClearable && event.key === \"Escape\") {\n      this.clearInputTextValue(event);\n      event.preventDefault();\n    }\n    if (event.key === \"Enter\") {\n      if (submitForm(this)) {\n        event.preventDefault();\n      }\n    }\n  };\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private clearInputTextValue = (nativeEvent: KeyboardEvent | MouseEvent): void => {\n    this.setValue({\n      committing: true,\n      nativeEvent,\n      origin: \"user\",\n      value: \"\",\n    });\n  };\n\n  private emitChangeIfUserModified = (): void => {\n    if (this.previousValueOrigin === \"user\" && this.value !== this.previousEmittedValue) {\n      this.calciteInputTextChange.emit();\n      this.setPreviousEmittedValue(this.value);\n    }\n  };\n\n  private inputTextBlurHandler = () => {\n    this.calciteInternalInputTextBlur.emit({\n      element: this.childEl,\n      value: this.value,\n    });\n\n    this.emitChangeIfUserModified();\n  };\n\n  private clickHandler = (event: MouseEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    const slottedActionEl = getSlotted(this.el, \"action\");\n    if (event.target !== slottedActionEl) {\n      this.setFocus();\n    }\n  };\n\n  private inputTextFocusHandler = (): void => {\n    this.calciteInternalInputTextFocus.emit({\n      element: this.childEl,\n      value: this.value,\n    });\n  };\n\n  private inputTextInputHandler = (nativeEvent: InputEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n    this.setValue({\n      nativeEvent,\n      origin: \"user\",\n      value: (nativeEvent.target as HTMLInputElement).value,\n    });\n  };\n\n  private inputTextKeyDownHandler = (event: KeyboardEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n    if (event.key === \"Enter\") {\n      this.emitChangeIfUserModified();\n    }\n  };\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    syncHiddenFormInput(\"text\", this, input);\n  }\n\n  private onHiddenFormInputInput = (event: Event): void => {\n    if ((event.target as HTMLInputElement).name === this.name) {\n      this.setValue({\n        value: (event.target as HTMLInputElement).value,\n        origin: \"direct\",\n      });\n    }\n    this.setFocus();\n    event.stopPropagation();\n  };\n\n  private setChildElRef = (el) => {\n    this.childEl = el;\n  };\n\n  private setDisabledAction(): void {\n    const slottedActionEl = getSlotted(this.el, \"action\");\n\n    if (!slottedActionEl) {\n      return;\n    }\n\n    if (this.disabled) {\n      if (slottedActionEl.getAttribute(\"disabled\") == null) {\n        this.slottedActionElDisabledInternally = true;\n      }\n      slottedActionEl.setAttribute(\"disabled\", \"\");\n    } else if (this.slottedActionElDisabledInternally) {\n      slottedActionEl.removeAttribute(\"disabled\");\n      this.slottedActionElDisabledInternally = false;\n    }\n  }\n\n  private setInputValue = (newInputValue: string): void => {\n    if (!this.childEl) {\n      return;\n    }\n    this.childEl.value = newInputValue;\n  };\n\n  private setPreviousEmittedValue = (value: string): void => {\n    this.previousEmittedValue = value;\n  };\n\n  private setPreviousValue = (value: string): void => {\n    this.previousValue = value;\n  };\n\n  private setValue = ({\n    committing = false,\n    nativeEvent,\n    origin,\n    previousValue,\n    value,\n  }: {\n    committing?: boolean;\n    nativeEvent?: MouseEvent | KeyboardEvent | InputEvent;\n    origin: SetValueOrigin;\n    previousValue?: string;\n    value: string;\n  }): void => {\n    this.setPreviousValue(previousValue ?? this.value);\n    this.previousValueOrigin = origin;\n    this.userChangedValue = origin === \"user\" && value !== this.value;\n    this.value = value;\n\n    if (origin === \"direct\") {\n      this.setInputValue(value);\n      this.setPreviousEmittedValue(value);\n    }\n\n    if (nativeEvent) {\n      const calciteInputTextInputEvent = this.calciteInputTextInput.emit();\n\n      if (calciteInputTextInputEvent.defaultPrevented) {\n        this.value = this.previousValue;\n      } else if (committing) {\n        this.emitChangeIfUserModified();\n      }\n    }\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const dir = getElementDir(this.el);\n    const loader = (\n      <div class={CSS.loader}>\n        <calcite-progress label={this.messages.loading} type=\"indeterminate\" />\n      </div>\n    );\n\n    const inputClearButton = (\n      <button\n        aria-label={this.messages.clear}\n        class={CSS.clearButton}\n        disabled={this.disabled || this.readOnly}\n        onClick={this.clearInputTextValue}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"x\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n    const iconEl = (\n      <calcite-icon\n        class={CSS.inputIcon}\n        flipRtl={this.iconFlipRtl}\n        icon={this.requestedIcon}\n        scale={getIconScale(this.scale)}\n      />\n    );\n    const prefixText = <div class={CSS.prefix}>{this.prefixText}</div>;\n\n    const suffixText = <div class={CSS.suffix}>{this.suffixText}</div>;\n\n    const childEl = (\n      <input\n        aria-label={getLabelText(this)}\n        autocomplete={this.autocomplete}\n        autofocus={this.el.autofocus ? true : null}\n        class={{\n          [CSS.editingEnabled]: this.editingEnabled,\n          [CSS.inlineChild]: !!this.inlineEditableEl,\n        }}\n        defaultValue={this.defaultValue}\n        disabled={this.disabled ? true : null}\n        enterKeyHint={this.el.enterKeyHint}\n        inputMode={this.el.inputMode}\n        maxLength={this.maxLength}\n        minLength={this.minLength}\n        name={this.name}\n        onBlur={this.inputTextBlurHandler}\n        onFocus={this.inputTextFocusHandler}\n        onInput={this.inputTextInputHandler}\n        onKeyDown={this.inputTextKeyDownHandler}\n        pattern={this.pattern}\n        placeholder={this.placeholder || \"\"}\n        readOnly={this.readOnly}\n        required={this.required ? true : null}\n        tabIndex={this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null}\n        type=\"text\"\n        value={this.value}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={this.setChildElRef}\n      />\n    );\n\n    return (\n      <Host onClick={this.clickHandler} onKeyDown={this.keyDownHandler}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div class={{ [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === \"rtl\" }}>\n            {this.prefixText ? prefixText : null}\n            <div class={CSS.wrapper}>\n              {childEl}\n              {this.isClearable ? inputClearButton : null}\n              {this.requestedIcon ? iconEl : null}\n              {this.loading ? loader : null}\n            </div>\n            <div class={CSS.actionWrapper}>\n              <slot name={SLOTS.action} />\n            </div>\n            {this.suffixText ? suffixText : null}\n            <HiddenFormInputSlot component={this} />\n          </div>\n          {this.validationMessage && this.status === \"invalid\" ? (\n            <Validation\n              icon={this.validationIcon}\n              message={this.validationMessage}\n              scale={this.scale}\n              status={this.status}\n            />\n          ) : null}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","itemWrapper","segmentedControlCss","CalciteSegmentedControlStyle0","SegmentedControl","this","handleClick","event","disabled","target","localName","selectItem","mutationObserver","createObserver","setUpItems","valid","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing","handlePropsChange","handleItemPropChange","valueHandler","value","items","getItems","forEach","item","checked","handleSelectedItemChange","newItem","oldItem","match","filter","pop","tabIndex","componentWillLoad","setUpLoadableComponent","componentDidLoad","afterConnectDefaultValueSet","setComponentLoaded","connectedCallback","connectInteractive","connectLabel","connectForm","observe","el","childList","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectForm","unobserve","componentDidRender","updateHostInteraction","render","h","Host","key","onClick","role","class","InteractiveContainer","HiddenFormInputSlot","component","validationMessage","status","Validation","icon","validationIcon","message","scale","handleSelected","preventDefault","stopPropagation","handleKeyDown","keys","selectedItem","indexOf","adjustedKey","getElementDir","selectedIndex","index","previous","length","next","setFocus","componentFocusable","focus","appearance","layout","onLabelClick","Array","from","querySelectorAll","selected","emit","matches","calciteSegmentedControlChange","lastChecked","SLOTS","input","segmentedControlItemIcon","segmentedControlItemCss","CalciteSegmentedControlItemStyle0","SegmentedControlItem","handleCheckedChange","calciteInternalSegmentedControlItemChange","iconStartEl","iconStart","flipRtl","iconFlipRtl","iconEndEl","iconEnd","toAriaBoolean","name"],"sources":["src/components/segmented-control/resources.ts","src/components/segmented-control/segmented-control.scss?tag=calcite-segmented-control&encapsulation=shadow","src/components/segmented-control/segmented-control.tsx","src/components/segmented-control-item/resources.ts","src/components/segmented-control-item/segmented-control-item.scss?tag=calcite-segmented-control-item&encapsulation=shadow","src/components/segmented-control-item/segmented-control-item.tsx"],"sourcesContent":["export const CSS = {\n  itemWrapper: \"item-wrapper\",\n};\n",":host {\n  @apply flex flex-col;\n}\n\n.item-wrapper {\n  @apply bg-foreground-1 flex;\n  inline-size: fit-content;\n  outline: 1px solid var(--calcite-color-border-input);\n  outline-offset: -1px;\n}\n\n:host([appearance=\"outline\"]) > .item-wrapper {\n  @apply bg-transparent;\n}\n\n@include disabled();\n\n:host([layout=\"vertical\"]) > .item-wrapper {\n  @apply flex-col items-start self-start;\n}\n\n// segmented control width for full\n:host([width=\"full\"]) > .item-wrapper {\n  @apply w-full;\n  min-inline-size: fit-content;\n\n  ::slotted(calcite-segmented-control-item) {\n    @apply flex-auto;\n  }\n}\n\n:host([width=\"full\"][layout=\"vertical\"]) > .item-wrapper {\n  ::slotted(calcite-segmented-control-item) {\n    @apply justify-start;\n  }\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n@include base-component();\n","import {\n  Build,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getElementDir } from \"../../utils/dom\";\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  MutableValidityState,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Appearance, Layout, Scale, Status, Width } from \"../interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { Validation } from \"../functional/Validation\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-segmented-control-item`s.\n */\n@Component({\n  tag: \"calcite-segmented-control\",\n  styleUrl: \"segmented-control.scss\",\n  shadow: true,\n})\nexport class SegmentedControl\n  implements LabelableComponent, FormComponent, InteractiveComponent, LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the appearance style of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\"outline\" | \"outline-fill\" | \"solid\", Appearance> =\n    \"solid\";\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /** When `true`, the component must have a value in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** Defines the layout of the component. */\n  @Prop({ reflect: true }) layout: Extract<\"horizontal\" | \"vertical\", Layout> = \"horizontal\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  @Watch(\"appearance\")\n  @Watch(\"layout\")\n  @Watch(\"scale\")\n  handlePropsChange(): void {\n    this.handleItemPropChange();\n  }\n\n  /** The component's `selectedItem` value. */\n  @Prop({ mutable: true }) value: string = null;\n\n  @Watch(\"value\")\n  valueHandler(value: string): void {\n    const items = this.getItems();\n    items.forEach((item) => (item.checked = item.value === value));\n  }\n\n  /**\n   * The component's selected item `HTMLElement`.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItem: HTMLCalciteSegmentedControlItemElement;\n\n  @Watch(\"selectedItem\")\n  protected handleSelectedItemChange<T extends HTMLCalciteSegmentedControlItemElement>(\n    newItem: T,\n    oldItem: T,\n  ): void {\n    this.value = newItem?.value;\n    if (newItem === oldItem) {\n      return;\n    }\n    const items = this.getItems();\n    const match = items.filter((item) => item === newItem).pop();\n\n    if (match) {\n      this.selectItem(match);\n    } else if (items[0]) {\n      items[0].tabIndex = 0;\n    }\n  }\n\n  /** Specifies the status of the validation message. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: string | boolean;\n\n  /**\n   * The current validation state of the component.\n   *\n   * @readonly\n   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated in form util when syncing hidden input\n  @Prop({ mutable: true }) validity: MutableValidityState = {\n    valid: false,\n    badInput: false,\n    customError: false,\n    patternMismatch: false,\n    rangeOverflow: false,\n    rangeUnderflow: false,\n    stepMismatch: false,\n    tooLong: false,\n    tooShort: false,\n    typeMismatch: false,\n    valueMissing: false,\n  };\n\n  /** Specifies the width of the component. */\n  @Prop({ reflect: true }) width: Extract<\"auto\" | \"full\", Width> = \"auto\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n    this.setUpItems();\n  }\n\n  componentDidLoad(): void {\n    afterConnectDefaultValueSet(this, this.value);\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n    this.mutationObserver?.observe(this.el, { childList: true });\n\n    this.handleItemPropChange();\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    this.mutationObserver?.unobserve(this.el);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    return (\n      <Host onClick={this.handleClick} role=\"radiogroup\">\n        <div class={CSS.itemWrapper}>\n          <InteractiveContainer disabled={this.disabled}>\n            <slot />\n            <HiddenFormInputSlot component={this} />\n          </InteractiveContainer>\n        </div>\n        {this.validationMessage && this.status === \"invalid\" ? (\n          <Validation\n            icon={this.validationIcon}\n            message={this.validationMessage}\n            scale={this.scale}\n            status={this.status}\n          />\n        ) : null}\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  protected handleClick = (event: MouseEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    if ((event.target as HTMLElement).localName === \"calcite-segmented-control-item\") {\n      this.selectItem(event.target as HTMLCalciteSegmentedControlItemElement, true);\n    }\n  };\n\n  @Listen(\"calciteInternalSegmentedControlItemChange\")\n  protected handleSelected(event: Event): void {\n    event.preventDefault();\n    this.selectItem(event.target as HTMLCalciteSegmentedControlItemElement);\n    event.stopPropagation();\n  }\n\n  @Listen(\"keydown\")\n  protected handleKeyDown(event: KeyboardEvent): void {\n    const keys = [\"ArrowLeft\", \"ArrowUp\", \"ArrowRight\", \"ArrowDown\", \" \"];\n    const { key } = event;\n    const { el, selectedItem } = this;\n\n    if (keys.indexOf(key) === -1) {\n      return;\n    }\n\n    let adjustedKey = key;\n\n    if (getElementDir(el) === \"rtl\") {\n      if (key === \"ArrowRight\") {\n        adjustedKey = \"ArrowLeft\";\n      }\n      if (key === \"ArrowLeft\") {\n        adjustedKey = \"ArrowRight\";\n      }\n    }\n\n    const items = this.getItems();\n    let selectedIndex = -1;\n\n    items.forEach((item, index) => {\n      if (item === selectedItem) {\n        selectedIndex = index;\n      }\n    });\n\n    switch (adjustedKey) {\n      case \"ArrowLeft\":\n      case \"ArrowUp\":\n        event.preventDefault();\n        const previous = selectedIndex < 1 ? items[items.length - 1] : items[selectedIndex - 1];\n        this.selectItem(previous, true);\n        return;\n      case \"ArrowRight\":\n      case \"ArrowDown\":\n        event.preventDefault();\n        const next = selectedIndex === -1 ? items[1] : items[selectedIndex + 1] || items[0];\n        this.selectItem(next, true);\n        return;\n      case \" \":\n        event.preventDefault();\n        this.selectItem(event.target as HTMLCalciteSegmentedControlItemElement, true);\n        return;\n      default:\n        return;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the `calcite-segmented-control-item` selection changes. */\n  @Event({ cancelable: false }) calciteSegmentedControlChange: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    (this.selectedItem || this.getItems()[0])?.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSegmentedControlElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: SegmentedControl[\"value\"];\n\n  private mutationObserver = createObserver(\"mutation\", () => this.setUpItems());\n\n  private handleItemPropChange(): void {\n    const items = this.getItems();\n\n    items.forEach((item) => {\n      item.appearance = this.appearance;\n      item.layout = this.layout;\n      item.scale = this.scale;\n    });\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private getItems(): HTMLCalciteSegmentedControlItemElement[] {\n    return Array.from(this.el.querySelectorAll(\"calcite-segmented-control-item\"));\n  }\n\n  private selectItem(selected: HTMLCalciteSegmentedControlItemElement, emit = false): void {\n    if (selected === this.selectedItem) {\n      return;\n    }\n\n    const items = this.getItems();\n    let match: HTMLCalciteSegmentedControlItemElement = null;\n\n    items.forEach((item) => {\n      const matches = item === selected;\n\n      if ((matches && !item.checked) || (!matches && item.checked)) {\n        item.checked = matches;\n      }\n\n      item.tabIndex = matches ? 0 : -1;\n\n      if (matches) {\n        match = item;\n\n        if (emit) {\n          this.calciteSegmentedControlChange.emit();\n        }\n      }\n    });\n\n    this.selectedItem = match;\n    if (Build.isBrowser && match) {\n      match.focus();\n    }\n  }\n\n  private setUpItems(): void {\n    const items = this.getItems();\n    const lastChecked = items.filter((item) => item.checked).pop();\n\n    if (lastChecked) {\n      this.selectItem(lastChecked);\n    } else if (items[0]) {\n      items[0].tabIndex = 0;\n    }\n  }\n}\n","export const SLOTS = {\n  input: \"input\",\n};\n\nexport const CSS = {\n  segmentedControlItemIcon: \"segmented-control-item-icon\",\n};\n",":host {\n  @apply flex\n    cursor-pointer\n    self-stretch\n    font-normal;\n  transition:\n    background-color var(--calcite-internal-animation-timing-fast) ease-in-out,\n    border-color var(--calcite-animation-timing) ease-in-out;\n}\n\n:host label {\n  @apply text-color-3\n    pointer-events-none\n    m-0.5\n    box-border\n    flex\n    flex-1\n    items-center;\n  transition:\n    background-color var(--calcite-internal-animation-timing-fast) ease-in-out,\n    border-color var(--calcite-internal-animation-timing-fast) ease-in-out,\n    color var(--calcite-internal-animation-timing-fast) ease-in-out;\n}\n\n.label--horizontal {\n  @apply justify-center;\n}\n\n// focus styles\n:host {\n  @apply focus-base;\n}\n:host(:focus) {\n  @apply focus-inset;\n  outline-offset: -1px;\n}\n\n.label--scale-s {\n  @apply text-n2h px-2;\n  padding-block: 0.125rem;\n}\n\n.label--scale-m {\n  @apply text-n1h px-3;\n  padding-block: 0.375rem;\n}\n\n.label--scale-l {\n  @apply text-0h px-4 py-2.5;\n}\n\n:host(:hover) label {\n  @apply bg-foreground-2 text-color-1;\n}\n\n:host(:active) label {\n  @apply bg-foreground-3;\n}\n\n:host([checked]) label {\n  @apply bg-brand border-color-brand cursor-default text-color-inverse;\n}\n\n:host([checked]) .label--outline,\n:host([checked]) .label--outline-fill {\n  @apply bg-foreground-1 border-color-brand;\n  box-shadow: inset 0 0 0 1px theme(\"backgroundColor.brand\");\n  color: theme(\"backgroundColor.brand\");\n}\n\n:host([checked]) .label--outline {\n  @apply bg-transparent;\n}\n\n::slotted(input) {\n  @apply hidden;\n}\n\n@media (forced-colors: active) {\n  :host([checked]) label {\n    background-color: highlight;\n  }\n  :host([checked]) .label--outline,\n  :host([checked]) .label--outline-fill {\n    @apply outline-none;\n  }\n  :host([checked]) label:not([class~=\"label--outline\"]) .segmented-control-item-icon {\n    color: highlightText;\n  }\n}\n\n// icon\n.segmented-control-item-icon {\n  @apply relative\n    m-0\n    inline-flex;\n  line-height: inherit;\n}\n\n:host([icon-start]) .label--scale-s .segmented-control-item-icon {\n  margin-inline-end: theme(\"margin.2\");\n}\n\n:host([icon-end]) .label--scale-s .segmented-control-item-icon {\n  margin-inline-start: theme(\"margin.2\");\n}\n\n:host([icon-start]) .label--scale-m .segmented-control-item-icon {\n  margin-inline-end: theme(\"margin.3\");\n}\n\n:host([icon-end]) .label--scale-m .segmented-control-item-icon {\n  margin-inline-start: theme(\"margin.3\");\n}\n\n:host([icon-start]) .label--scale-l .segmented-control-item-icon {\n  margin-inline-end: theme(\"margin.4\");\n}\n:host([icon-end]) .label--scale-l .segmented-control-item-icon {\n  margin-inline-start: theme(\"margin.4\");\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport { Appearance, Layout, Scale } from \"../interfaces\";\nimport { CSS, SLOTS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-segmented-control-item\",\n  styleUrl: \"segmented-control-item.scss\",\n  shadow: true,\n})\nexport class SegmentedControlItem {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is checked. */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by form module\n  @Prop({ reflect: true, mutable: true }) checked = false;\n\n  @Watch(\"checked\")\n  protected handleCheckedChange(): void {\n    this.calciteInternalSegmentedControlItemChange.emit();\n  }\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /**\n   * The component's value.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by form module\n  @Prop({ mutable: true })\n  value: any | null;\n\n  /**\n   * Specifies the appearance style of the component inherited from parent `calcite-segmented-control`, defaults to `solid`.\n   *\n   * @internal\n   */\n  @Prop() appearance: Extract<\"outline\" | \"outline-fill\" | \"solid\", Appearance> = \"solid\";\n\n  /**\n   * Defines the layout of the component inherited from parent `calcite-segmented-control`, defaults to `horizontal`.\n   *\n   * @internal\n   */\n  @Prop() layout: Layout = \"horizontal\";\n\n  /**\n   * Specifies the size of the component inherited from the `calcite-segmented-control`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const { appearance, checked, layout, scale, value } = this;\n\n    const iconStartEl = this.iconStart ? (\n      <calcite-icon\n        class={CSS.segmentedControlItemIcon}\n        flipRtl={this.iconFlipRtl}\n        icon={this.iconStart}\n        key=\"icon-start\"\n        scale=\"s\"\n      />\n    ) : null;\n\n    const iconEndEl = this.iconEnd ? (\n      <calcite-icon\n        class={CSS.segmentedControlItemIcon}\n        flipRtl={this.iconFlipRtl}\n        icon={this.iconEnd}\n        key=\"icon-end\"\n        scale=\"s\"\n      />\n    ) : null;\n\n    return (\n      <Host aria-checked={toAriaBoolean(checked)} aria-label={value} role=\"radio\">\n        <label\n          class={{\n            \"label--scale-s\": scale === \"s\",\n            \"label--scale-m\": scale === \"m\",\n            \"label--scale-l\": scale === \"l\",\n            \"label--horizontal\": layout === \"horizontal\",\n            \"label--outline\": appearance === \"outline\",\n            \"label--outline-fill\": appearance === \"outline-fill\",\n          }}\n        >\n          {this.iconStart ? iconStartEl : null}\n          <slot>{value}</slot>\n          <slot name={SLOTS.input} />\n          {this.iconEnd ? iconEndEl : null}\n        </label>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSegmentedControlItemElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the item has been selected.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalSegmentedControlItemChange: EventEmitter<void>;\n}\n"],"mappings":"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"}

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.1-next.2
- */
-import{r as e,c as t,h as n,F as i,H as o,g as a}from"./p-ace76966.js";import{b as s}from"./p-51c28e99.js";import{c,s as r,a as l}from"./p-3bf71fe4.js";import{H as d}from"./p-92d22d6c.js";import"./p-50829e68.js";import"./p-1f530f7f.js";const h={container:"container",containerContent:"container-content",hasProgress:"progress-bar",hide:"hide",primary:"primary",secondary:"secondary",tertiary:"tertiary"};const f={logo:"logo",user:"user",progress:"progress",navigationAction:"navigation-action",contentStart:"content-start",contentEnd:"content-end",contentCenter:"content-center",navSecondary:"navigation-secondary",navTertiary:"navigation-tertiary"};const u={hamburger:"hamburger"};const b=":host([hidden]){display:none}[hidden]{display:none}.container{margin-inline:auto;display:flex;inline-size:100%;flex-direction:column;margin-block:0;margin-inline:auto;background-color:var(--calcite-navigation-background, var(--calcite-color-foreground-1))}.container.primary,.container.secondary,.container.tertiary{border-block-end:1px solid;border-block-end-color:var(--calcite-navigation-border-color, var(--calcite-color-border-3))}.user,.logo{display:flex}.hide{display:none}.primary{block-size:4rem}.secondary{block-size:3rem}.tertiary{block-size:3rem}.container-content{margin-inline:auto;display:flex;block-size:100%;inline-size:100%;margin-block:0;inline-size:var(--calcite-navigation-width, 100%);max-inline-size:100%}.container-content.progress-bar{margin-block-start:0.125rem}slot[name]{display:flex;flex-direction:row}slot[name=navigation-secondary]::slotted(calcite-navigation),slot[name=navigation-tertiary]::slotted(calcite-navigation){inline-size:100%}slot[name=content-start]::slotted(*),slot[name=content-center]::slotted(*),slot[name=content-end]::slotted(*){display:flex;flex-direction:row;align-items:center}slot[name=progress],slot[name=progress] calcite-progress{inset-block-start:0;inset-inline:0}slot[name=content-end]{margin-inline-start:auto}slot[name=content-start]{margin-inline-end:auto}slot[name=content-end],slot[name=logo]~slot[name=user],slot[name=user]:only-child{margin-inline-start:auto}slot[name=content-center]{margin-inline-start:auto;margin-inline-end:auto}slot[name=content-start]~slot[name=content-center]{margin-inline-start:0px}slot[name=content-start]~slot[name=content-end],slot[name=content-center]~slot[name=content-end],slot[name=content-center]~slot[name=user],slot[name=content-end]~slot[name=user]{margin:0px}";const m=b;const g=class{constructor(n){e(this,n);this.calciteNavigationActionSelect=t(this,"calciteNavigationActionSelect",6);this.actionClickHandler=()=>{this.calciteNavigationActionSelect.emit()};this.handleUserSlotChange=e=>{if(this.isPrimaryLevel()){this.userSlotHasElements=s(e)}};this.handleLogoSlotChange=e=>{if(this.isPrimaryLevel()){this.logoSlotHasElements=s(e)}};this.handleContentStartSlotChange=e=>{if(this.isPrimaryLevel()){this.primaryContentStartSlotHasElements=s(e)}};this.handleContentEndSlotChange=e=>{if(this.isPrimaryLevel()){this.primaryContentEndSlotHasElements=s(e)}};this.handleContentCenterSlotChange=e=>{if(this.isPrimaryLevel()){this.primaryContentCenterSlotHasElements=s(e)}};this.handleSecondarySlotChange=e=>{this.secondarySlotHasElements=s(e)};this.handleTertiarySlotChange=e=>{this.tertiarySlotHasElements=s(e)};this.handleMenuActionSlotChange=e=>{if(this.isPrimaryLevel()){this.navigationActionSlotHasElements=s(e);if(this.navigationActionSlotHasElements){this.navigationAction=false}}};this.handleProgressSlotChange=e=>{if(this.isPrimaryLevel()){this.progressSlotHasElement=s(e)}};this.label=undefined;this.navigationAction=false;this.logoSlotHasElements=undefined;this.navigationActionSlotHasElements=undefined;this.primaryContentCenterSlotHasElements=undefined;this.primaryContentEndSlotHasElements=undefined;this.primaryContentStartSlotHasElements=undefined;this.progressSlotHasElement=undefined;this.secondarySlotHasElements=undefined;this.tertiarySlotHasElements=undefined;this.userSlotHasElements=undefined}async setFocus(){await c(this);return this.navigationActionEl?.setFocus()}componentWillLoad(){r(this)}componentDidLoad(){l(this)}isPrimaryLevel(){return this.el.slot!==f.navSecondary&&this.el.slot!==f.navTertiary}renderMenuAction(){return n("slot",{name:f.navigationAction,onSlotchange:this.handleMenuActionSlotChange},this.navigationAction&&n("calcite-action",{icon:u.hamburger,onClick:this.actionClickHandler,text:this.label,ref:e=>this.navigationActionEl=e}))}render(){const e=this.logoSlotHasElements||this.userSlotHasElements||this.navigationActionSlotHasElements||this.primaryContentCenterSlotHasElements||this.primaryContentEndSlotHasElements||this.primaryContentStartSlotHasElements||this.navigationAction;const t=this.el.slot;return n(o,{key:"8bbdbb63ced5dbf54b0e2f7d21327780ec02c461"},n("div",{key:"30f9b294f2d7589b879ebf6444c7d50291544395",class:{[h.container]:true,[h.secondary]:t===f.navSecondary,[h.tertiary]:t===f.navTertiary,[h.primary]:e}},n("div",{key:"b5e645212bd0eb7fe7188fedf8a9a97022012698",class:{[h.hide]:!this.progressSlotHasElement,[f.progress]:true}},n("slot",{key:"138fe1bcec98a49c9d2a70ab13c057f2e5f14b7c",name:f.progress,onSlotchange:this.handleProgressSlotChange})),n("div",{key:"ef62d2575a2620b8530a4fc2e1df97adce0fabd7",class:{[h.containerContent]:true,[h.hasProgress]:this.progressSlotHasElement}},this.renderMenuAction(),n("div",{key:"c775762b072e199be013daa9821fcb9833ac08b8",class:{[h.hide]:!this.logoSlotHasElements,[f.logo]:true}},n("slot",{key:"6925a8a345685c3bb90d5e994454c24bac80611a",name:f.logo,onSlotchange:this.handleLogoSlotChange})),n("slot",{key:"0121dc1a80006070b325c19e73a80f0374301392",name:f.contentStart,onSlotchange:this.handleContentStartSlotChange}),n("slot",{key:"3257e07e02c5aa5ae517306069eed4ca8abf3b8f",name:f.contentCenter,onSlotchange:this.handleContentCenterSlotChange}),n("slot",{key:"23f105f826d3fe35f9270b552927bbf89aa7dbbd",name:f.contentEnd,onSlotchange:this.handleContentEndSlotChange}),n("div",{key:"469ad09b41f4cbdc09473065fa5fcf8638a82c1d",class:{[h.hide]:!this.userSlotHasElements,[f.user]:true}},n("slot",{key:"78bb1fe16546fa871887991ab1916fb32ebf8186",name:f.user,onSlotchange:this.handleUserSlotChange})))),n(i,{key:"28d6c126b06c4c4a52c425e90772c5f151468014"},n("slot",{key:"913e9cce3188cc23d87eb0471f5d91cbdb3788b8",name:f.navSecondary,onSlotchange:this.handleSecondarySlotChange}),n("slot",{key:"ff4d86c572567ca4993b6091185fc9d48ecb1ab0",name:f.navTertiary,onSlotchange:this.handleTertiarySlotChange})))}get el(){return a(this)}};g.style=m;const p={container:"container",heading:"heading",description:"description",anchor:"anchor",image:"image",standalone:"standalone",icon:"icon"};const v=":host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}.anchor{margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-size:var(--calcite-font-size-0);line-height:1.25rem;text-decoration-line:none;outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;color:inherit;border-block-end:2px solid transparent}.anchor:hover,.anchor:focus{background-color:var(--calcite-color-foreground-2)}.anchor:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.anchor:active{background-color:var(--calcite-color-foreground-3)}.image,.icon{margin:0px;display:flex;block-size:1.75rem;padding-inline:1rem}.image~.icon{padding-inline-start:0px}.image~.container,.icon~.container{padding-inline-start:0px}:host(:active) .anchor{color:var(--calcite-color-text-1)}:host([active]) .anchor{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand);--calcite-ui-icon-color:var(--calcite-color-brand)}.container{margin-block-start:0.125rem;display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:1rem;text-align:start}.heading{margin-inline-start:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.standalone{font-size:var(--calcite-font-size-1)}.description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}";const y=v;const x=class{constructor(t){e(this,t);this.active=undefined;this.href=undefined;this.icon=undefined;this.iconFlipRtl=false;this.label=undefined;this.rel=undefined;this.description=undefined;this.target=undefined;this.heading=undefined;this.thumbnail=undefined;this.headingLevel=undefined}async setFocus(){await c(this);if(this.href){this.el.focus()}}componentWillLoad(){r(this)}componentDidLoad(){l(this)}renderIcon(){return n("calcite-icon",{class:p.icon,flipRtl:this.iconFlipRtl,icon:this.icon,scale:"l"})}renderHeaderContent(){const{heading:e,headingLevel:t,description:i}=this;const o=e?n(d,{class:{[p.heading]:true,[p.standalone]:!this.description},key:p.heading,level:t},e):null;const a=i?n("span",{class:p.description,key:p.description},i):null;return o||a?n("div",{class:p.container,key:p.container},o,a):null}render(){const{thumbnail:e}=this;return n(o,{key:"cd8a1c95e9c72a494942c09285db6ce4e554e6a1"},n("a",{key:"bcb1a269e0d6cde0969de9d822f1f98e689f826a",class:p.anchor,href:this.href,rel:this.rel,target:this.target},e&&n("img",{key:"c028ae89a0e3ae62e90280e3646894e9ee70458b",alt:this.label||"",class:p.image,src:e}),this.icon&&this.renderIcon(),this.renderHeaderContent()))}static get delegatesFocus(){return true}get el(){return a(this)}};x.style=y;const k={textContainer:"text-container",fullName:"full-name",username:"username",button:"button"};const z=":host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}:host .button{background-color:transparent;border:none;margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-0);line-height:1.25rem;outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end:2px solid transparent}:host(:hover) .button,:host(:focus) .button{background-color:var(--calcite-color-foreground-2)}:host(:focus) .button{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:active) .button{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}:host([active]) .button{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1);--calcite-ui-icon-color:var(--calcite-color-brand)}.text-container{margin-block-start:0.125rem;display:flex;flex-direction:column;padding-inline:1rem;text-align:start}calcite-avatar{padding-inline:1rem}calcite-avatar~.text-container{padding-inline-start:0px}.full-name{margin-inline-start:0px;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.username{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}";const w=z;const S=class{constructor(t){e(this,t);this.active=undefined;this.fullName=undefined;this.label=undefined;this.textDisabled=false;this.thumbnail=undefined;this.userId=undefined;this.username=undefined}async setFocus(){await c(this);this.el.focus()}componentWillLoad(){r(this)}componentDidLoad(){l(this)}render(){return n(o,{key:"869bc0b518ff407bf3f110ebda48571f456229a8"},n("button",{key:"0cb5497ebcbf9fad2bfb6ffdd3bfad151594460d","aria-label":this.label,class:k.button},n("calcite-avatar",{key:"6de54637d077afa83f7520636037b6da33b24334","full-name":this.fullName,label:this.label,thumbnail:this.thumbnail,"user-id":this.userId,username:this.username}),(this.fullName||this.username)&&!this.textDisabled&&n("div",{key:"0d0be3d6ba276d6c3e24a67b7085dd75e56b3e5b",class:k.textContainer},this.fullName&&n("span",{class:k.fullName,key:k.fullName},this.fullName),this.username&&n("span",{class:k.username,key:k.username},this.username))))}static get delegatesFocus(){return true}get el(){return a(this)}};S.style=w;export{g as calcite_navigation,x as calcite_navigation_logo,S as calcite_navigation_user};
-//# sourceMappingURL=p-a3e78ed8.entry.js.map

package/dist/calcite/p-a5500f21.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.1-next.2
- */
-import{d as _}from"./p-894e3627.js";import"./p-ace76966.js";import"./p-06fc8736.js";import"./p-51c28e99.js";import"./p-50829e68.js";import"./p-1f530f7f.js";import"./p-4a3ad1b3.js";import"./p-97f4ac99.js";import"./p-2a6a8106.js";import"./p-354305a9.js";import"./p-cb947c1c.js";import"./p-3bf71fe4.js";import"./p-6c947e8c.js";import"./p-8cbfd83d.js";import"./p-5494c88d.js";import"./p-9d1a2067.js";import"./p-9106eb59.js";import"./p-24c58642.js";import"./p-8f357a4f.js";var m={name:"ja",weekdays:"日曜日_月曜日_火曜日_水曜日_木曜日_金曜日_土曜日".split("_"),weekdaysShort:"日_月_火_水_木_金_土".split("_"),weekdaysMin:"日_月_火_水_木_金_土".split("_"),months:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),ordinal:function _(m){return m+"日"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日 HH:mm",LLLL:"YYYY年M月D日 dddd HH:mm",l:"YYYY/MM/DD",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日(ddd) HH:mm"},meridiem:function _(m){return m<12?"午前":"午後"},relativeTime:{future:"%s後",past:"%s前",s:"数秒",m:"1分",mm:"%d分",h:"1時間",hh:"%d時間",d:"1日",dd:"%d日",M:"1ヶ月",MM:"%dヶ月",y:"1年",yy:"%d年"}};_.locale(m,null,true);export{m as default};
-//# sourceMappingURL=p-a5500f21.js.map

package/dist/calcite/p-a5e586d5.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.1-next.2
- */
-import{d as s}from"./p-894e3627.js";import"./p-ace76966.js";import"./p-06fc8736.js";import"./p-51c28e99.js";import"./p-50829e68.js";import"./p-1f530f7f.js";import"./p-4a3ad1b3.js";import"./p-97f4ac99.js";import"./p-2a6a8106.js";import"./p-354305a9.js";import"./p-cb947c1c.js";import"./p-3bf71fe4.js";import"./p-6c947e8c.js";import"./p-8cbfd83d.js";import"./p-5494c88d.js";import"./p-9d1a2067.js";import"./p-9106eb59.js";import"./p-24c58642.js";import"./p-8f357a4f.js";var m={name:"lv",weekdays:"svētdiena_pirmdiena_otrdiena_trešdiena_ceturtdiena_piektdiena_sestdiena".split("_"),months:"janvāris_februāris_marts_aprīlis_maijs_jūnijs_jūlijs_augusts_septembris_oktobris_novembris_decembris".split("_"),weekStart:1,weekdaysShort:"Sv_P_O_T_C_Pk_S".split("_"),monthsShort:"jan_feb_mar_apr_mai_jūn_jūl_aug_sep_okt_nov_dec".split("_"),weekdaysMin:"Sv_P_O_T_C_Pk_S".split("_"),ordinal:function s(m){return m},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY.",LL:"YYYY. [gada] D. MMMM",LLL:"YYYY. [gada] D. MMMM, HH:mm",LLLL:"YYYY. [gada] D. MMMM, dddd, HH:mm"},relativeTime:{future:"pēc %s",past:"pirms %s",s:"dažām sekundēm",m:"minūtes",mm:"%d minūtēm",h:"stundas",hh:"%d stundām",d:"dienas",dd:"%d dienām",M:"mēneša",MM:"%d mēnešiem",y:"gada",yy:"%d gadiem"}};s.locale(m,null,true);export{m as default};
-//# sourceMappingURL=p-a5e586d5.js.map

package/dist/calcite/p-a6223baa.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.1-next.2
- */
-import{d as _}from"./p-894e3627.js";import"./p-ace76966.js";import"./p-06fc8736.js";import"./p-51c28e99.js";import"./p-50829e68.js";import"./p-1f530f7f.js";import"./p-4a3ad1b3.js";import"./p-97f4ac99.js";import"./p-2a6a8106.js";import"./p-354305a9.js";import"./p-cb947c1c.js";import"./p-3bf71fe4.js";import"./p-6c947e8c.js";import"./p-8cbfd83d.js";import"./p-5494c88d.js";import"./p-9d1a2067.js";import"./p-9106eb59.js";import"./p-24c58642.js";import"./p-8f357a4f.js";var m={name:"ko",weekdays:"일요일_월요일_화요일_수요일_목요일_금요일_토요일".split("_"),weekdaysShort:"일_월_화_수_목_금_토".split("_"),weekdaysMin:"일_월_화_수_목_금_토".split("_"),months:"1월_2월_3월_4월_5월_6월_7월_8월_9월_10월_11월_12월".split("_"),monthsShort:"1월_2월_3월_4월_5월_6월_7월_8월_9월_10월_11월_12월".split("_"),ordinal:function _(m){return m+"일"},formats:{LT:"A h:mm",LTS:"A h:mm:ss",L:"YYYY.MM.DD.",LL:"YYYY년 MMMM D일",LLL:"YYYY년 MMMM D일 A h:mm",LLLL:"YYYY년 MMMM D일 dddd A h:mm",l:"YYYY.MM.DD.",ll:"YYYY년 MMMM D일",lll:"YYYY년 MMMM D일 A h:mm",llll:"YYYY년 MMMM D일 dddd A h:mm"},meridiem:function _(m){return m<12?"오전":"오후"},relativeTime:{future:"%s 후",past:"%s 전",s:"몇 초",m:"1분",mm:"%d분",h:"한 시간",hh:"%d시간",d:"하루",dd:"%d일",M:"한 달",MM:"%d달",y:"일 년",yy:"%d년"}};_.locale(m,null,true);export{m as default};
-//# sourceMappingURL=p-a6223baa.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.1-next.2
- */
-import{r as e,c as t,h as i,H as s,g as a}from"./p-ace76966.js";import{k as n}from"./p-51c28e99.js";import{i as l}from"./p-2a6a8106.js";import{c,u as o,d as r,I as h}from"./p-4a3ad1b3.js";import{g as d}from"./p-cb947c1c.js";import"./p-50829e68.js";import"./p-1f530f7f.js";import"./p-97f4ac99.js";const b={lastVisibleRow:"last-visible-row"};const f=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{--calcite-internal-table-row-background:var(--calcite-table-row-background, var(--calcite-color-foreground-1));--calcite-internal-table-row-border-color:var(--calcite-table-row-border-color, transparent);display:contents}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) tr{pointer-events:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}tr{border-block-end:1px solid var(--calcite-internal-table-row-border-color);background-color:var(--calcite-internal-table-row-background)}tr.last-visible-row{border-block-end:0}";const u=f;const p=class{constructor(i){e(this,i);this.calciteTableRowSelect=t(this,"calciteTableRowSelect",6);this.calciteInternalTableRowFocusRequest=t(this,"calciteInternalTableRowFocusRequest",6);this.rowCells=[];this.keyDownHandler=e=>{if(this.interactionMode!=="interactive"){return}const t=e.target;const i=e.key;const s=e.ctrlKey;const a=this.rowCells;if(t.matches("calcite-table-cell")||t.matches("calcite-table-header")){switch(i){case"ArrowUp":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"previous");e.preventDefault();break;case"ArrowDown":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"next");e.preventDefault();break;case"PageUp":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"first");e.preventDefault();break;case"PageDown":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"last");e.preventDefault();break;case"ArrowLeft":n(a,t,"previous",false);e.preventDefault();break;case"ArrowRight":n(a,t,"next",false);e.preventDefault();break;case"Home":if(s){this.emitTableRowFocusRequest(1,this.positionAll,"first");e.preventDefault()}else{n(a,t,"first",false);e.preventDefault()}break;case"End":if(s){this.emitTableRowFocusRequest(this.rowCells?.length,this.positionAll,"last",true);e.preventDefault()}else{n(a,t,"last",false);e.preventDefault()}break}}};this.emitTableRowFocusRequest=(e,t,i,s)=>{this.calciteInternalTableRowFocusRequest.emit({cellPosition:e,rowPosition:t,destination:i,lastCell:s})};this.updateCells=()=>{const e=this.alignment?this.alignment:this.rowType!=="head"?"center":"start";const t=this.tableRowSlotEl?.assignedElements({flatten:true})?.filter((e=>e.matches("calcite-table-cell")||e.matches("calcite-table-header")));const i=Array.from(this.tableRowEl?.querySelectorAll("calcite-table-header, calcite-table-cell"))?.filter((e=>e.numberCell||e.selectionCell));const s=i?i.concat(t):t;if(s.length>0){s?.forEach(((t,i)=>{t.interactionMode=this.interactionMode;t.lastCell=i===s.length-1;t.parentRowAlignment=e;t.parentRowIsSelected=this.selected;t.parentRowType=this.rowType;t.positionInRow=i+1;t.scale=this.scale;if(t.nodeName==="CALCITE-TABLE-CELL"){t.readCellContentsToAT=this.readCellContentsToAT;t.disabled=this.disabled}}))}this.rowCells=s||[];this.cellCount=s?.length};this.handleSelectionOfRow=()=>{this.calciteTableRowSelect.emit()};this.handleKeyboardSelection=e=>{if(l(e.key)){if(e.key===" "){e.preventDefault()}this.handleSelectionOfRow()}};this.alignment=undefined;this.disabled=false;this.selected=false;this.cellCount=undefined;this.interactionMode="interactive";this.lastVisibleRow=undefined;this.rowType=undefined;this.numbered=false;this.positionSection=undefined;this.positionSectionLocalized=undefined;this.positionAll=undefined;this.readCellContentsToAT=undefined;this.scale=undefined;this.selectionMode="none";this.selectedRowCount=undefined;this.selectedRowCountLocalized=undefined;this.bodyRowCount=undefined;this.effectiveLocale=""}handleCellChanges(){if(this.tableRowEl&&this.rowCells.length>0){this.updateCells()}}handleDelayedCellChanges(){if(this.tableRowEl&&this.rowCells.length>0){requestAnimationFrame((()=>this.updateCells()))}}componentDidLoad(){if(this.tableRowEl&&this.rowCells.length>0){this.updateCells()}}connectedCallback(){c(this)}componentDidRender(){o(this)}disconnectedCallback(){r(this)}calciteInternalTableRowFocusChangeHandler(e){if(e.target.contains(this.el)){const t=e.detail.cellPosition;const i=e.detail.rowPosition;const s=e.detail.destination;const a=e.detail.lastCell;if(i===this.positionAll){if(this.disabled){const e=s==="last"?"previous":s==="first"?"next":s;this.emitTableRowFocusRequest(t,this.positionAll,e);return}const e=a?this.rowCells[this.rowCells.length-1]:this.rowCells?.find(((e,i)=>i+1===t));if(e){e.setFocus()}}}}renderSelectionIcon(){const e=this.selectionMode==="multiple"&&this.selected?"check-square-f":this.selectionMode==="multiple"?"square":this.selected?"circle-f":"circle";return i("calcite-icon",{icon:e,scale:d(this.scale)})}renderSelectableCell(){return this.rowType==="head"?i("calcite-table-header",{alignment:"center",bodyRowCount:this.bodyRowCount,key:"selection-head",onClick:this.selectionMode==="multiple"&&this.handleSelectionOfRow,onKeyDown:this.selectionMode==="multiple"&&this.handleKeyboardSelection,parentRowAlignment:this.alignment,selectedRowCount:this.selectedRowCount,selectedRowCountLocalized:this.selectedRowCountLocalized,selectionCell:true,selectionMode:this.selectionMode}):this.rowType==="body"?i("calcite-table-cell",{alignment:"center",key:"selection-body",onClick:this.handleSelectionOfRow,onKeyDown:this.handleKeyboardSelection,parentRowAlignment:this.alignment,parentRowIsSelected:this.selected,parentRowPositionLocalized:this.positionSectionLocalized,selectionCell:true},this.renderSelectionIcon()):i("calcite-table-cell",{alignment:"center",key:"selection-foot",parentRowAlignment:this.alignment,selectionCell:true})}renderNumberedCell(){return this.rowType==="head"?i("calcite-table-header",{alignment:"center",key:"numbered-head",numberCell:true,parentRowAlignment:this.alignment}):this.rowType==="body"?i("calcite-table-cell",{alignment:"center",key:"numbered-body",numberCell:true,parentRowAlignment:this.alignment},this.positionSectionLocalized):i("calcite-table-cell",{alignment:"center",key:"numbered-foot",numberCell:true,parentRowAlignment:this.alignment})}render(){return i(s,{key:"1d51f5351ce604d34d7b5a8c6ff241d1f1bb7121"},i(h,{key:"67d835df1a6a91ebddd1742f76bdf45407bce5e5",disabled:this.disabled},i("tr",{key:"b490313209717e71bb18e277d6795895e7f60a25","aria-disabled":this.disabled,"aria-rowindex":this.positionAll+1,"aria-selected":this.selected,class:{[b.lastVisibleRow]:this.lastVisibleRow},onKeyDown:this.keyDownHandler,ref:e=>this.tableRowEl=e},this.numbered&&this.renderNumberedCell(),this.selectionMode!=="none"&&this.renderSelectableCell(),i("slot",{key:"ca447805a4b4a807ee113fd438fca4fe95a6b6c6",onSlotchange:this.updateCells,ref:e=>this.tableRowSlotEl=e}))))}get el(){return a(this)}static get watchers(){return{bodyRowCount:["handleCellChanges"],scale:["handleCellChanges"],selected:["handleCellChanges"],selectedRowCount:["handleCellChanges"],interactionMode:["handleCellChanges"],numbered:["handleDelayedCellChanges"],selectionMode:["handleDelayedCellChanges"]}}};p.style=u;export{p as calcite_table_row};
-//# sourceMappingURL=p-a8555fb9.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","lastVisibleRow","tableRowCss","CalciteTableRowStyle0","TableRow","this","rowCells","keyDownHandler","event","interactionMode","el","target","key","isControl","ctrlKey","cells","matches","emitTableRowFocusRequest","positionInRow","positionAll","preventDefault","focusElementInGroup","length","cellPosition","rowPosition","destination","lastCell","calciteInternalTableRowFocusRequest","emit","updateCells","alignment","rowType","slottedCells","tableRowSlotEl","assignedElements","flatten","filter","renderedCells","Array","from","tableRowEl","querySelectorAll","numberCell","selectionCell","concat","forEach","cell","index","parentRowAlignment","parentRowIsSelected","selected","parentRowType","scale","nodeName","readCellContentsToAT","disabled","cellCount","handleSelectionOfRow","calciteTableRowSelect","handleKeyboardSelection","isActivationKey","handleCellChanges","handleDelayedCellChanges","requestAnimationFrame","componentDidLoad","connectedCallback","connectInteractive","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectInteractive","calciteInternalTableRowFocusChangeHandler","contains","position","detail","deflectDirection","find","_","setFocus","renderSelectionIcon","icon","selectionMode","h","getIconScale","renderSelectableCell","bodyRowCount","onClick","onKeyDown","selectedRowCount","selectedRowCountLocalized","parentRowPositionLocalized","positionSectionLocalized","renderNumberedCell","render","Host","InteractiveContainer","class","ref","numbered","onSlotchange"],"sources":["src/components/table-row/resources.ts","src/components/table-row/table-row.scss?tag=calcite-table-row&encapsulation=shadow","src/components/table-row/table-row.tsx"],"sourcesContent":["export const CSS = {\n  lastVisibleRow: \"last-visible-row\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-table-row-background: Specifies the background color of the component.\n * @prop --calcite-table-row-border-color: Specifies the border color of the component.\n */\n\n:host {\n  --calcite-internal-table-row-background: var(--calcite-table-row-background, var(--calcite-color-foreground-1));\n  --calcite-internal-table-row-border-color: var(--calcite-table-row-border-color, transparent);\n  @apply contents;\n}\n\n@include base-component();\n\n@include disabled() {\n  tr {\n    @apply opacity-disabled pointer-events-none;\n  }\n}\n\ntr {\n  border-block-end: 1px solid var(--calcite-internal-table-row-border-color);\n  background-color: var(--calcite-internal-table-row-background);\n}\n\ntr.last-visible-row {\n  border-block-end: 0;\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { LocalizedComponent } from \"../../utils/locale\";\nimport { Alignment, Scale, SelectionMode } from \"../interfaces\";\nimport { focusElementInGroup, FocusElementInGroupDestination } from \"../../utils/dom\";\nimport { RowType, TableInteractionMode, TableRowFocusEvent } from \"../table/interfaces\";\nimport { isActivationKey } from \"../../utils/key\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { getIconScale } from \"../../utils/component\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-table-cell` or `calcite-table-header` elements.\n */\n\n@Component({\n  tag: \"calcite-table-row\",\n  styleUrl: \"table-row.scss\",\n  shadow: true,\n})\nexport class TableRow implements InteractiveComponent, LocalizedComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n  /** Specifies the alignment of the component. */\n  @Prop({ reflect: true }) alignment: Alignment;\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** When `true`, the component is selected. */\n  @Prop({ reflect: true }) selected = false;\n\n  /** @internal */\n  @Prop({ mutable: true }) cellCount: number;\n\n  /** @internal */\n  @Prop() interactionMode: TableInteractionMode = \"interactive\";\n\n  /** @internal */\n  @Prop() lastVisibleRow: boolean;\n\n  /** @internal */\n  @Prop() rowType: RowType;\n\n  /** @internal */\n  @Prop() numbered = false;\n\n  /** @internal */\n  @Prop() positionSection: number;\n\n  /** @internal */\n  @Prop() positionSectionLocalized: string;\n\n  /** @internal */\n  @Prop() positionAll: number;\n\n  /** @internal */\n  @Prop() readCellContentsToAT: boolean;\n\n  /** @internal */\n  @Prop() scale: Scale;\n\n  /** @internal */\n  @Prop() selectionMode: Extract<\"multiple\" | \"single\" | \"none\", SelectionMode> = \"none\";\n\n  /** @internal */\n  @Prop() selectedRowCount: number;\n\n  /** @internal */\n  @Prop() selectedRowCountLocalized: string;\n\n  /** @internal */\n  @Prop() bodyRowCount: number;\n\n  @Watch(\"bodyRowCount\")\n  @Watch(\"scale\")\n  @Watch(\"selected\")\n  @Watch(\"selectedRowCount\")\n  @Watch(\"interactionMode\")\n  handleCellChanges(): void {\n    if (this.tableRowEl && this.rowCells.length > 0) {\n      this.updateCells();\n    }\n  }\n\n  @Watch(\"numbered\")\n  @Watch(\"selectionMode\")\n  handleDelayedCellChanges(): void {\n    if (this.tableRowEl && this.rowCells.length > 0) {\n      requestAnimationFrame(() => this.updateCells());\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentDidLoad(): void {\n    if (this.tableRowEl && this.rowCells.length > 0) {\n      this.updateCells();\n    }\n  }\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTableRowElement;\n\n  private rowCells: (HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement)[] = [];\n\n  private tableRowEl: HTMLTableRowElement;\n\n  private tableRowSlotEl: HTMLSlotElement;\n\n  @State() effectiveLocale = \"\";\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the selected state of the component changes.\n   */\n  @Event({ cancelable: false }) calciteTableRowSelect: EventEmitter<void>;\n\n  /** @internal */\n  @Event({ cancelable: false })\n  calciteInternalTableRowFocusRequest: EventEmitter<TableRowFocusEvent>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalTableRowFocusChange\", { target: \"document\" })\n  calciteInternalTableRowFocusChangeHandler(event: CustomEvent): void {\n    if ((event.target as Element).contains(this.el)) {\n      const position = event.detail.cellPosition;\n      const rowPosition = event.detail.rowPosition;\n      const destination = event.detail.destination;\n      const lastCell = event.detail.lastCell;\n\n      if (rowPosition === this.positionAll) {\n        if (this.disabled) {\n          const deflectDirection =\n            destination === \"last\" ? \"previous\" : destination === \"first\" ? \"next\" : destination;\n          this.emitTableRowFocusRequest(position, this.positionAll, deflectDirection);\n          return;\n        }\n        const cellPosition = lastCell\n          ? this.rowCells[this.rowCells.length - 1]\n          : this.rowCells?.find((_, index) => index + 1 === position);\n\n        if (cellPosition) {\n          cellPosition.setFocus();\n        }\n      }\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private keyDownHandler = (event: KeyboardEvent): void => {\n    if (this.interactionMode !== \"interactive\") {\n      return;\n    }\n    const el = event.target as HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement;\n    const key = event.key;\n    const isControl = event.ctrlKey;\n    const cells = this.rowCells;\n    if (el.matches(\"calcite-table-cell\") || el.matches(\"calcite-table-header\")) {\n      switch (key) {\n        case \"ArrowUp\":\n          this.emitTableRowFocusRequest(el.positionInRow, this.positionAll, \"previous\");\n          event.preventDefault();\n          break;\n        case \"ArrowDown\":\n          this.emitTableRowFocusRequest(el.positionInRow, this.positionAll, \"next\");\n          event.preventDefault();\n          break;\n        case \"PageUp\":\n          this.emitTableRowFocusRequest(el.positionInRow, this.positionAll, \"first\");\n          event.preventDefault();\n          break;\n        case \"PageDown\":\n          this.emitTableRowFocusRequest(el.positionInRow, this.positionAll, \"last\");\n          event.preventDefault();\n          break;\n        case \"ArrowLeft\":\n          focusElementInGroup(cells, el, \"previous\", false);\n          event.preventDefault();\n          break;\n        case \"ArrowRight\":\n          focusElementInGroup(cells, el, \"next\", false);\n          event.preventDefault();\n          break;\n        case \"Home\":\n          if (isControl) {\n            this.emitTableRowFocusRequest(1, this.positionAll, \"first\");\n            event.preventDefault();\n          } else {\n            focusElementInGroup(cells, el, \"first\", false);\n            event.preventDefault();\n          }\n          break;\n        case \"End\":\n          if (isControl) {\n            this.emitTableRowFocusRequest(this.rowCells?.length, this.positionAll, \"last\", true);\n            event.preventDefault();\n          } else {\n            focusElementInGroup(cells, el, \"last\", false);\n            event.preventDefault();\n          }\n          break;\n      }\n    }\n  };\n\n  private emitTableRowFocusRequest = (\n    cellPosition: number,\n    rowPosition: number,\n    destination: FocusElementInGroupDestination,\n    lastCell?: boolean,\n  ): void => {\n    this.calciteInternalTableRowFocusRequest.emit({\n      cellPosition,\n      rowPosition,\n      destination,\n      lastCell,\n    });\n  };\n\n  private updateCells = (): void => {\n    const alignment = this.alignment\n      ? this.alignment\n      : this.rowType !== \"head\"\n        ? \"center\"\n        : \"start\";\n    const slottedCells = this.tableRowSlotEl\n      ?.assignedElements({ flatten: true })\n      ?.filter(\n        (el: HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement) =>\n          el.matches(\"calcite-table-cell\") || el.matches(\"calcite-table-header\"),\n      );\n\n    const renderedCells = Array.from(\n      this.tableRowEl?.querySelectorAll(\"calcite-table-header, calcite-table-cell\"),\n    )?.filter(\n      (el: HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement) =>\n        el.numberCell || el.selectionCell,\n    );\n\n    const cells = renderedCells ? renderedCells.concat(slottedCells) : slottedCells;\n\n    if (cells.length > 0) {\n      cells?.forEach((cell: HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement, index) => {\n        cell.interactionMode = this.interactionMode;\n        cell.lastCell = index === cells.length - 1;\n        cell.parentRowAlignment = alignment;\n        cell.parentRowIsSelected = this.selected;\n        cell.parentRowType = this.rowType;\n        cell.positionInRow = index + 1;\n        cell.scale = this.scale;\n\n        if (cell.nodeName === \"CALCITE-TABLE-CELL\") {\n          (cell as HTMLCalciteTableCellElement).readCellContentsToAT = this.readCellContentsToAT;\n          (cell as HTMLCalciteTableCellElement).disabled = this.disabled;\n        }\n      });\n    }\n\n    this.rowCells =\n      (cells as (HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement)[]) || [];\n    this.cellCount = cells?.length;\n  };\n\n  private handleSelectionOfRow = (): void => {\n    this.calciteTableRowSelect.emit();\n  };\n\n  private handleKeyboardSelection = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      if (event.key === \" \") {\n        event.preventDefault();\n      }\n      this.handleSelectionOfRow();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderSelectionIcon(): VNode {\n    const icon =\n      this.selectionMode === \"multiple\" && this.selected\n        ? \"check-square-f\"\n        : this.selectionMode === \"multiple\"\n          ? \"square\"\n          : this.selected\n            ? \"circle-f\"\n            : \"circle\";\n\n    return <calcite-icon icon={icon} scale={getIconScale(this.scale)} />;\n  }\n\n  renderSelectableCell(): VNode {\n    return this.rowType === \"head\" ? (\n      <calcite-table-header\n        alignment=\"center\"\n        bodyRowCount={this.bodyRowCount}\n        key=\"selection-head\"\n        onClick={this.selectionMode === \"multiple\" && this.handleSelectionOfRow}\n        onKeyDown={this.selectionMode === \"multiple\" && this.handleKeyboardSelection}\n        parentRowAlignment={this.alignment}\n        selectedRowCount={this.selectedRowCount}\n        selectedRowCountLocalized={this.selectedRowCountLocalized}\n        selectionCell={true}\n        selectionMode={this.selectionMode}\n      />\n    ) : this.rowType === \"body\" ? (\n      <calcite-table-cell\n        alignment=\"center\"\n        key=\"selection-body\"\n        onClick={this.handleSelectionOfRow}\n        onKeyDown={this.handleKeyboardSelection}\n        parentRowAlignment={this.alignment}\n        parentRowIsSelected={this.selected}\n        parentRowPositionLocalized={this.positionSectionLocalized}\n        selectionCell={true}\n      >\n        {this.renderSelectionIcon()}\n      </calcite-table-cell>\n    ) : (\n      <calcite-table-cell\n        alignment=\"center\"\n        key=\"selection-foot\"\n        parentRowAlignment={this.alignment}\n        selectionCell={true}\n      />\n    );\n  }\n\n  renderNumberedCell(): VNode {\n    return this.rowType === \"head\" ? (\n      <calcite-table-header\n        alignment=\"center\"\n        key=\"numbered-head\"\n        numberCell={true}\n        parentRowAlignment={this.alignment}\n      />\n    ) : this.rowType === \"body\" ? (\n      <calcite-table-cell\n        alignment=\"center\"\n        key=\"numbered-body\"\n        numberCell={true}\n        parentRowAlignment={this.alignment}\n      >\n        {this.positionSectionLocalized}\n      </calcite-table-cell>\n    ) : (\n      <calcite-table-cell\n        alignment=\"center\"\n        key=\"numbered-foot\"\n        numberCell={true}\n        parentRowAlignment={this.alignment}\n      />\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <tr\n            aria-disabled={this.disabled}\n            aria-rowindex={this.positionAll + 1}\n            aria-selected={this.selected}\n            class={{ [CSS.lastVisibleRow]: this.lastVisibleRow }}\n            onKeyDown={this.keyDownHandler}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={(el) => (this.tableRowEl = el)}\n          >\n            {this.numbered && this.renderNumberedCell()}\n            {this.selectionMode !== \"none\" && this.renderSelectableCell()}\n            <slot\n              onSlotchange={this.updateCells}\n              // eslint-disable-next-line react/jsx-sort-props -- auto-generated by @esri/calcite-components/enforce-ref-last-prop\n              ref={(el) => (this.tableRowSlotEl = el as HTMLSlotElement)}\n            />\n          </tr>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.1-next.2
- */
-import{r as e,c as t,h as o,g as i}from"./p-ace76966.js";import{c as n,d as s}from"./p-d479bcaa.js";import{h as c,e as a}from"./p-51c28e99.js";import{s as l,a as r,c as d}from"./p-3bf71fe4.js";import{c as h,d as f}from"./p-6c947e8c.js";import{c as g,d as p,s as m,u as b}from"./p-9106eb59.js";import{K as u}from"./p-69f06761.js";import{o as k}from"./p-24c58642.js";import{g as v}from"./p-cb947c1c.js";import"./p-8cbfd83d.js";import"./p-50829e68.js";import"./p-1f530f7f.js";import"./p-2a6a8106.js";const x={title:"title",message:"message",link:"link",actionsEnd:"actions-end"};const w={actionsEnd:"actions-end",close:"notice-close",container:"container",content:"notice-content",icon:"notice-icon"};const z=":host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:none;inline-size:100%;background-color:var(--calcite-color-foreground-1);opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;max-block-size:0;text-align:start;border-inline-start:0px solid;box-shadow:0 0 0 0 transparent}.notice-close{outline-color:transparent}.notice-close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host{display:flex}:host([open]) .container{pointer-events:auto;display:flex;max-block-size:100%;align-items:center;border-width:2px;opacity:1;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{box-sizing:border-box;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;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;box-sizing:border-box;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;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto}.notice-close{display:flex;cursor:pointer;align-items:center;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;box-sizing:border-box;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;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.notice-close:active{background-color:var(--calcite-color-foreground-3)}.actions-end{display:flex;align-self:stretch}:host([kind=brand]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand]) .container .notice-icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-color:var(--calcite-color-status-info)}:host([kind=info]) .container .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-color:var(--calcite-color-status-success)}:host([kind=success]) .container .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .notice-icon{color:var(--calcite-color-status-warning)}:host([hidden]){display:none}[hidden]{display:none}";const y=z;const j=class{constructor(o){e(this,o);this.calciteNoticeBeforeClose=t(this,"calciteNoticeBeforeClose",6);this.calciteNoticeBeforeOpen=t(this,"calciteNoticeBeforeOpen",6);this.calciteNoticeClose=t(this,"calciteNoticeClose",6);this.calciteNoticeOpen=t(this,"calciteNoticeOpen",6);this.setTransitionEl=e=>{this.transitionEl=e};this.close=()=>{this.open=false};this.openTransitionProp="opacity";this.open=false;this.kind="brand";this.closable=false;this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.width="auto";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}openHandler(){k(this)}onMessagesChange(){}updateRequestedIcon(){this.requestedIcon=c(u,this.icon,this.kind)}connectedCallback(){n(this);h(this);g(this)}disconnectedCallback(){s(this);f(this);p(this)}async componentWillLoad(){l(this);this.requestedIcon=c(u,this.icon,this.kind);await m(this);if(this.open){k(this)}}componentDidLoad(){r(this)}render(){const{el:e}=this;const t=o("button",{key:"d9a357639c0642a4d42f2f2355629f73df249d81","aria-label":this.messages.close,class:w.close,onClick:this.close,ref:e=>this.closeButton=e},o("calcite-icon",{key:"b4e41e831fec865817b05a5dce71a87fca960a27",icon:"x",scale:v(this.scale)}));const i=a(e,x.actionsEnd);return o("div",{key:"b43379f0a2af9bcf8996b9187aebaef9a4ddaee0",class:w.container,ref:this.setTransitionEl},this.requestedIcon?o("div",{class:w.icon},o("calcite-icon",{flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:v(this.scale)})):null,o("div",{key:"49430154b557c731f7839ee5df9d99923a1a40be",class:w.content},o("slot",{key:"7b79b569608fbe88a4ecdff6956880afecc0371e",name:x.title}),o("slot",{key:"4d829bfc1ecacd57d4141fac2f58c5ba7fd2401b",name:x.message}),o("slot",{key:"93ef84c9cef662ee0a4a16c779604cef85b2baa2",name:x.link})),i?o("div",{class:w.actionsEnd},o("slot",{name:x.actionsEnd})):null,this.closable?t:null)}async setFocus(){await d(this);const e=this.el.querySelector("calcite-link");if(!this.closeButton&&!e){return}if(e){return e.setFocus()}else if(this.closeButton){this.closeButton.focus()}}onBeforeClose(){this.calciteNoticeBeforeClose.emit()}onBeforeOpen(){this.calciteNoticeBeforeOpen.emit()}onClose(){this.calciteNoticeClose.emit()}onOpen(){this.calciteNoticeOpen.emit()}effectiveLocaleChange(){b(this,this.effectiveLocale)}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],icon:["updateRequestedIcon"],kind:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=y;export{j as calcite_notice};
-//# sourceMappingURL=p-aa73ec4f.entry.js.map

package/dist/calcite/p-abe1091c.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.1-next.2
- */
-import{d as a}from"./p-894e3627.js";import"./p-ace76966.js";import"./p-06fc8736.js";import"./p-51c28e99.js";import"./p-50829e68.js";import"./p-1f530f7f.js";import"./p-4a3ad1b3.js";import"./p-97f4ac99.js";import"./p-2a6a8106.js";import"./p-354305a9.js";import"./p-cb947c1c.js";import"./p-3bf71fe4.js";import"./p-6c947e8c.js";import"./p-8cbfd83d.js";import"./p-5494c88d.js";import"./p-9d1a2067.js";import"./p-9106eb59.js";import"./p-24c58642.js";import"./p-8f357a4f.js";var r={name:"en-ca",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),ordinal:function a(r){return r},formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"YYYY-MM-DD",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"}};a.locale(r,null,true);export{r as default};
-//# sourceMappingURL=p-abe1091c.js.map

package/dist/calcite/p-ace76966.js

@@ -1,8 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.1-next.2
- */
-const e="calcite";var t=Object.defineProperty;var n=(e,n)=>{for(var l in n)t(e,l,{get:n[l],enumerable:true})};var l=e=>{const t=new URL(e,Xe.t);return t.origin!==Ke.location.origin?t.href:t.pathname};var r={};var s="http://www.w3.org/2000/svg";var i="http://www.w3.org/1999/xhtml";var f=e=>e!=null;var a=e=>{e=typeof e;return e==="object"||e==="function"};function o(e){var t,n,l;return(l=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?l:void 0}var c={};n(c,{err:()=>v,map:()=>d,ok:()=>u,unwrap:()=>$,unwrapErr:()=>h});var u=e=>({isOk:true,isErr:false,value:e});var v=e=>({isOk:false,isErr:true,value:e});function d(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>u(e)))}else{return u(n)}}if(e.isErr){const t=e.value;return v(t)}throw"should never get here"}var $=e=>{if(e.isOk){return e.value}else{throw e.value}};var h=e=>{if(e.isErr){return e.value}else{throw e.value}};var p=(e,t="")=>{{return()=>{}}};var y=(e,t)=>{{return()=>{}}};var m="r";var w="o";var b="s";var g="t";var k="s-id";var j="sty-id";var O="c-id";var S="{visibility:hidden}[calcite-hydrated]{visibility:inherit}";var x="slot-fb{display:contents}slot-fb[hidden]{display:none}";var C="http://www.w3.org/1999/xlink";var E=(e,t,...n)=>{let l=null;let r=null;let s=false;let i=false;const f=[];const o=t=>{for(let n=0;n<t.length;n++){l=t[n];if(Array.isArray(l)){o(l)}else if(l!=null&&typeof l!=="boolean"){if(s=typeof e!=="function"&&!a(l)){l=String(l)}if(s&&i){f[f.length-1].l+=l}else{f.push(s?M(null,l):l)}i=s}}};o(n);if(t){if(t.key){r=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,f,U)}const c=M(e,null);c.i=t;if(f.length>0){c.o=f}{c.u=r}return c};var M=(e,t)=>{const n={v:0,$:e,l:t,h:null,o:null};{n.i=null}{n.u=null}return n};var P={};var R=e=>e&&e.$===P;var U={forEach:(e,t)=>e.map(I).forEach(t),map:(e,t)=>e.map(I).map(t).map(L)};var I=e=>({vattrs:e.i,vchildren:e.o,vkey:e.u,vname:e.p,vtag:e.$,vtext:e.l});var L=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return E(e.vtag,t,...e.vchildren||[])}const t=M(e.vtag,e.vtext);t.i=e.vattrs;t.o=e.vchildren;t.u=e.vkey;t.p=e.vname;return t};var F=(e,t,n,l)=>{const r=p("hydrateClient",t);const s=e.shadowRoot;const i=[];const f=[];const a=s?[]:null;const o=l.m=M(t,null);if(!Xe.k){W(Qe.body,Xe.k=new Map)}e[k]=n;e.removeAttribute(k);N(o,i,f,a,e,e,n);i.map((e=>{const n=e.j+"."+e.O;const l=Xe.k.get(n);const r=e.h;if(l&&Ye&&l["s-en"]===""){l.parentNode.insertBefore(r,l.nextSibling)}if(!s){r["s-hn"]=t;if(l){r["s-ol"]=l;r["s-ol"]["s-nr"]=r}}Xe.k.delete(n)}));if(s){a.map((e=>{if(e){s.appendChild(e)}}))}r()};var N=(e,t,n,l,r,s,i)=>{let f;let a;let o;let c;if(s.nodeType===1){f=s.getAttribute(O);if(f){a=f.split(".");if(a[0]===i||a[0]==="0"){o={v:0,j:a[0],O:a[1],S:a[2],C:a[3],$:s.tagName.toLowerCase(),h:s,i:null,o:null,u:null,p:null,l:null};t.push(o);s.removeAttribute(O);if(!e.o){e.o=[]}e.o[o.C]=o;e=o;if(l&&o.S==="0"){l[o.C]=o.h}}}for(c=s.childNodes.length-1;c>=0;c--){N(e,t,n,l,r,s.childNodes[c],i)}if(s.shadowRoot){for(c=s.shadowRoot.childNodes.length-1;c>=0;c--){N(e,t,n,l,r,s.shadowRoot.childNodes[c],i)}}}else if(s.nodeType===8){a=s.nodeValue.split(".");if(a[1]===i||a[1]==="0"){f=a[0];o={v:0,j:a[1],O:a[2],S:a[3],C:a[4],h:s,i:null,o:null,u:null,p:null,$:null,l:null};if(f===g){o.h=s.nextSibling;if(o.h&&o.h.nodeType===3){o.l=o.h.textContent;t.push(o);s.remove();if(!e.o){e.o=[]}e.o[o.C]=o;if(l&&o.S==="0"){l[o.C]=o.h}}}else if(o.j===i){if(f===b){o.$="slot";if(a[5]){s["s-sn"]=o.p=a[5]}else{s["s-sn"]=""}s["s-sr"]=true;if(l){o.h=Qe.createElement(o.$);if(o.p){o.h.setAttribute("name",o.p)}s.parentNode.insertBefore(o.h,s);s.remove();if(o.S==="0"){l[o.C]=o.h}}n.push(o);if(!e.o){e.o=[]}e.o[o.C]=o}else if(f===m){if(l){s.remove()}}}}}else if(e&&e.$==="style"){const t=M(null,s.textContent);t.h=s;t.C="0";e.o=[t]}};var W=(e,t)=>{if(e.nodeType===1){let n=0;for(;n<e.childNodes.length;n++){W(e.childNodes[n],t)}if(e.shadowRoot){for(n=0;n<e.shadowRoot.childNodes.length;n++){W(e.shadowRoot.childNodes[n],t)}}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===w){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var A=(e,t)=>{if(e!=null&&!a(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var D=e=>He(e).$hostElement$;var T=(e,t,n)=>{const l=D(e);return{emit:e=>H(l,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var H=(e,t,n)=>{const l=Xe.ce(t,n);e.dispatchEvent(l);return l};var q=new WeakMap;var V=(e,t,n)=>{let l=Je.get(e);if(tt&&n){l=l||new CSSStyleSheet;if(typeof l==="string"){l=t}else{l.replaceSync(t)}}else{l=t}Je.set(e,l)};var _=(e,t,n)=>{var l;const r=B(t);const s=Je.get(r);e=e.nodeType===11?e:Qe;if(s){if(typeof s==="string"){e=e.head||e;let n=q.get(e);let i;if(!n){q.set(e,n=new Set)}if(!n.has(r)){if(e.host&&(i=e.querySelector(`[${j}="${r}"]`))){i.innerHTML=s}else{i=Qe.createElement("style");i.innerHTML=s;const t=(l=Xe.M)!=null?l:o(Qe);if(t!=null){i.setAttribute("nonce",t)}e.insertBefore(i,e.querySelector("link"))}if(t.v&4){i.innerHTML+=x}if(n){n.add(r)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return r};var z=e=>{const t=e.P;const n=e.$hostElement$;const l=t.v;const r=p("attachStyles",t.R);const s=_(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(l&10){n["s-sc"]=s;n.classList.add(s+"-h")}r()};var B=(e,t)=>"sc-"+e.R;var G=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");var J=(e,t,n,l,r,s)=>{if(n!==l){let i=_e(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const r=Q(n);const s=Q(l);t.remove(...r.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!r.includes(e))))}else if(t==="style"){{for(const t in n){if(!l||l[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in l){if(!n||l[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,l[t])}else{e.style[t]=l[t]}}}}else if(t==="key");else if(t==="ref"){if(l){l(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(_e(Ke,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||l){const r=t.endsWith(X);t=t.replace(Y,"");if(n){Xe.rel(e,t,n,r)}if(l){Xe.ael(e,t,l,r)}}}else{const o=a(l);if((i||o&&l!==null)&&!r){try{if(!e.tagName.includes("-")){const r=l==null?"":l;if(t==="list"){i=false}else if(n==null||e[t]!=r){e[t]=r}}else{e[t]=l}}catch(e){}}let c=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){t=f;c=true}}if(l==null||l===false){if(l!==false||e.getAttribute(t)===""){if(c){e.removeAttributeNS(C,t)}else{e.removeAttribute(t)}}}else if((!i||s&4||r)&&!o){l=l===true?"":l;if(c){e.setAttributeNS(C,t,l)}else{e.setAttribute(t,l)}}}}};var K=/\s/;var Q=e=>!e?[]:e.split(K);var X="Capture";var Y=new RegExp(X+"$");var Z=(e,t,n,l)=>{const s=t.h.nodeType===11&&t.h.host?t.h.host:t.h;const i=e&&e.i||r;const f=t.i||r;{for(l of ee(Object.keys(i))){if(!(l in f)){J(s,l,i[l],void 0,n,t.v)}}}for(l of ee(Object.keys(f))){J(s,l,i[l],f[l],n,t.v)}};function ee(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var te;var ne;var le=false;var re=false;var se=(e,t,n,l)=>{const r=t.o[n];let a=0;let o;let c;if(r.l!==null){o=r.h=Qe.createTextNode(r.l)}else{if(!re){re=r.$==="svg"}o=r.h=Qe.createElementNS(re?s:i,r.$);if(re&&r.$==="foreignObject"){re=false}{Z(null,r,re)}if(f(te)&&o["s-si"]!==te){o.classList.add(o["s-si"]=te)}if(r.o){for(a=0;a<r.o.length;++a){c=se(e,r,a);if(c){o.appendChild(c)}}}{if(r.$==="svg"){re=false}else if(o.tagName==="foreignObject"){re=true}}}o["s-hn"]=ne;return o};var ie=(e,t,n,l,r,s)=>{let i=e;let f;if(i.shadowRoot&&i.tagName===ne){i=i.shadowRoot}for(;r<=s;++r){if(l[r]){f=se(null,n,r);if(f){l[r].h=f;i.insertBefore(f,t)}}}};var fe=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.h;ue(t);if(e){e.remove()}}}};var ae=(e,t,n,l,r=false)=>{let s=0;let i=0;let f=0;let a=0;let o=t.length-1;let c=t[0];let u=t[o];let v=l.length-1;let d=l[0];let $=l[v];let h;let p;while(s<=o&&i<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--o]}else if(d==null){d=l[++i]}else if($==null){$=l[--v]}else if(oe(c,d,r)){ce(c,d,r);c=t[++s];d=l[++i]}else if(oe(u,$,r)){ce(u,$,r);u=t[--o];$=l[--v]}else if(oe(c,$,r)){ce(c,$,r);e.insertBefore(c.h,u.h.nextSibling);c=t[++s];$=l[--v]}else if(oe(u,d,r)){ce(u,d,r);e.insertBefore(u.h,c.h);u=t[--o];d=l[++i]}else{f=-1;{for(a=s;a<=o;++a){if(t[a]&&t[a].u!==null&&t[a].u===d.u){f=a;break}}}if(f>=0){p=t[f];if(p.$!==d.$){h=se(t&&t[i],n,f)}else{ce(p,d,r);t[f]=void 0;h=p.h}d=l[++i]}else{h=se(t&&t[i],n,i);d=l[++i]}if(h){{c.h.parentNode.insertBefore(h,c.h)}}}}if(s>o){ie(e,l[v+1]==null?null:l[v+1].h,n,l,i,v)}else if(i>v){fe(t,s,o)}};var oe=(e,t,n=false)=>{if(e.$===t.$){if(!n){return e.u===t.u}return true}return false};var ce=(e,t,n=false)=>{const l=t.h=e.h;const r=e.o;const s=t.o;const i=t.$;const f=t.l;if(f===null){{re=i==="svg"?true:i==="foreignObject"?false:re}{if(i==="slot"&&!le);else{Z(e,t,re)}}if(r!==null&&s!==null){ae(l,r,t,s,n)}else if(s!==null){if(e.l!==null){l.textContent=""}ie(l,null,t,s,0,s.length-1)}else if(r!==null){fe(r,0,r.length-1)}if(re&&i==="svg"){re=false}}else if(e.l!==f){l.data=f}};var ue=e=>{{e.i&&e.i.ref&&e.i.ref(null);e.o&&e.o.map(ue)}};var ve=(e,t,n=false)=>{const l=e.$hostElement$;const r=e.P;const s=e.m||M(null,null);const i=R(t)?t:E(null,null,t);ne=l.tagName;if(r.U){i.i=i.i||{};r.U.map((([e,t])=>i.i[t]=l[e]))}if(n&&i.i){for(const e of Object.keys(i.i)){if(l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){i.i[e]=l[e]}}}i.$=null;i.v|=4;e.m=i;i.h=s.h=l.shadowRoot||l;{te=l["s-sc"]}le=(r.v&1)!==0;ce(s,i,n)};var de=(e,t)=>{if(t&&!e.I&&t["s-p"]){t["s-p"].push(new Promise((t=>e.I=t)))}};var $e=(e,t)=>{{e.v|=16}if(e.v&4){e.v|=512;return}de(e,e.L);const n=()=>he(e,t);return ct(n)};var he=(e,t)=>{const n=p("scheduleUpdate",e.P.R);const l=e.F;let r;if(t){{e.v|=256;if(e.N){e.N.map((([e,t])=>je(l,e,t)));e.N=void 0}}{r=je(l,"componentWillLoad")}}{r=pe(r,(()=>je(l,"componentWillRender")))}n();return pe(r,(()=>me(e,l,t)))};var pe=(e,t)=>ye(e)?e.then(t):t();var ye=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var me=async(e,t,n)=>{var l;const r=e.$hostElement$;const s=p("update",e.P.R);const i=r["s-rc"];if(n){z(e)}const f=p("render",e.P.R);{we(e,t,r,n)}if(i){i.map((e=>e()));r["s-rc"]=void 0}f();s();{const t=(l=r["s-p"])!=null?l:[];const n=()=>be(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.v|=4;t.length=0}}};var we=(e,t,n,l)=>{try{t=t.render();{e.v&=~16}{e.v|=2}{{{ve(e,t,l)}}}}catch(t){ze(t,e.$hostElement$)}return null};var be=e=>{const t=e.P.R;const n=e.$hostElement$;const l=p("postUpdate",t);const r=e.F;const s=e.L;{je(r,"componentDidRender")}if(!(e.v&64)){e.v|=64;{Oe(n)}{je(r,"componentDidLoad")}l();{e.W(n);if(!s){ke()}}}else{{je(r,"componentDidUpdate")}l()}{e.A(n)}{if(e.I){e.I();e.I=void 0}if(e.v&512){at((()=>$e(e,false)))}e.v&=~(4|512)}};var ge=e=>{{const t=He(e);const n=t.$hostElement$.isConnected;if(n&&(t.v&(2|16))===2){$e(t,false)}return n}};var ke=t=>{{Oe(Qe.documentElement)}at((()=>H(Ke,"appload",{detail:{namespace:e}})))};var je=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){ze(e)}}return void 0};var Oe=e=>e.setAttribute("calcite-hydrated","");var Se=(e,t)=>He(e).D.get(t);var xe=(e,t,n,l)=>{const r=He(e);const s=r.$hostElement$;const i=r.D.get(t);const f=r.v;const a=r.F;n=A(n,l.T[t][0]);const o=Number.isNaN(i)&&Number.isNaN(n);const c=n!==i&&!o;if((!(f&8)||i===void 0)&&c){r.D.set(t,n);if(a){if(l.H&&f&128){const e=l.H[t];if(e){e.map((e=>{try{a[e](n,i,t)}catch(e){ze(e,s)}}))}}if((f&(2|16))===2){if(a.componentShouldUpdate){if(a.componentShouldUpdate(n,i,t)===false){return}}$e(r,false)}}}};var Ce=(e,t,n)=>{var l;const r=e.prototype;if(t.T){if(e.watchers){t.H=e.watchers}const s=Object.entries(t.T);s.map((([e,[l]])=>{if(l&31||n&2&&l&32){Object.defineProperty(r,e,{get(){return Se(this,e)},set(n){xe(this,e,n,t)},configurable:true,enumerable:true})}else if(n&1&&l&64){Object.defineProperty(r,e,{value(...t){var n;const l=He(this);return(n=l==null?void 0:l.q)==null?void 0:n.then((()=>{var n;return(n=l.F)==null?void 0:n[e](...t)}))}})}}));if(n&1){const n=new Map;r.attributeChangedCallback=function(e,l,s){Xe.jmp((()=>{var i;const f=n.get(e);if(this.hasOwnProperty(f)){s=this[f];delete this[f]}else if(r.hasOwnProperty(f)&&typeof this[f]==="number"&&this[f]==s){return}else if(f==null){const n=He(this);const r=n==null?void 0:n.v;if(r&&!(r&8)&&r&128&&s!==l){const r=n.F;const f=(i=t.H)==null?void 0:i[e];f==null?void 0:f.forEach((t=>{if(r[t]!=null){r[t].call(r,s,l,e)}}))}return}this[f]=s===null&&typeof this[f]==="boolean"?false:s}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=t.H)!=null?l:{}),...s.filter((([e,t])=>t[0]&15)).map((([e,l])=>{var r;const s=l[1]||e;n.set(s,e);if(l[0]&512){(r=t.U)==null?void 0:r.push([e,s])}return s}))]))}}return e};var Ee=async(e,t,n,l)=>{let r;if((t.v&32)===0){t.v|=32;const l=n.V;if(l){r=Ge(n);if(r.then){const e=y();r=await r;e()}if(!r.isProxied){{n.H=r.watchers}Ce(r,n,2);r.isProxied=true}const e=p("createInstance",n.R);{t.v|=8}try{new r(t)}catch(e){ze(e)}{t.v&=~8}{t.v|=128}e();Me(t.F)}else{r=e.constructor;customElements.whenDefined(n.R).then((()=>t.v|=128))}if(r.style){let e=r.style;const t=B(n);if(!Je.has(t)){const l=p("registerStyles",n.R);V(t,e,!!(n.v&1));l()}}}const s=t.L;const i=()=>$e(t,true);if(s&&s["s-rc"]){s["s-rc"].push(i)}else{i()}};var Me=e=>{{je(e,"connectedCallback")}};var Pe=e=>{if((Xe.v&1)===0){const t=He(e);const n=t.P;const l=p("connectedCallback",n.R);if(!(t.v&1)){t.v|=1;let l;{l=e.getAttribute(k);if(l){if(n.v&1){const t=_(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}F(e,n.R,l,t)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){de(t,t.L=n);break}}}if(n.T){Object.entries(n.T).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{Ee(e,t,n)}}else{Fe(e,t,n._);if(t==null?void 0:t.F){Me(t.F)}else if(t==null?void 0:t.B){t.B.then((()=>Me(t.F)))}}l()}};var Re=e=>{{je(e,"disconnectedCallback")}};var Ue=async e=>{if((Xe.v&1)===0){const t=He(e);{if(t.G){t.G.map((e=>e()));t.G=void 0}}if(t==null?void 0:t.F){Re(t.F)}else if(t==null?void 0:t.B){t.B.then((()=>Re(t.F)))}}};var Ie=(e,t={})=>{var n;const l=p();const r=[];const s=t.exclude||[];const i=Ke.customElements;const f=Qe.head;const a=f.querySelector("meta[charset]");const c=Qe.createElement("style");const u=[];const v=Qe.querySelectorAll(`[${j}]`);let d;let $=true;let h=0;Object.assign(Xe,t);Xe.t=new URL(t.resourcesUrl||"./",Qe.baseURI).href;{Xe.v|=2}{for(;h<v.length;h++){V(v[h].getAttribute(j),G(v[h].innerHTML),true)}}let y=false;e.map((e=>{e[1].map((t=>{var n;const l={v:t[0],R:t[1],T:t[2],_:t[3]};if(l.v&4){y=true}{l.T=t[2]}{l._=t[3]}{l.U=[]}{l.H=(n=t[4])!=null?n:{}}const f=l.R;const a=class extends HTMLElement{constructor(e){super(e);e=this;Ve(e,l);if(l.v&1){{{e.attachShadow({mode:"open",delegatesFocus:!!(l.v&16)})}}}}connectedCallback(){if(d){clearTimeout(d);d=null}if($){u.push(this)}else{Xe.jmp((()=>Pe(this)))}}disconnectedCallback(){Xe.jmp((()=>Ue(this)))}componentOnReady(){return He(this).B}};l.V=e[0];if(!s.includes(f)&&!i.get(f)){r.push(f);i.define(f,Ce(a,l,1))}}))}));if(r.length>0){if(y){c.textContent+=x}{c.textContent+=r+S}if(c.innerHTML.length){c.setAttribute("data-styles","");const e=(n=Xe.M)!=null?n:o(Qe);if(e!=null){c.setAttribute("nonce",e)}f.insertBefore(c,a?a.nextSibling:f.firstChild)}}$=false;if(u.length){u.map((e=>e.connectedCallback()))}else{{Xe.jmp((()=>d=setTimeout(ke,30)))}}l()};var Le=(e,t)=>t;var Fe=(e,t,n,l)=>{if(n){n.map((([n,l,r])=>{const s=We(e,n);const i=Ne(t,r);const f=Ae(n);Xe.ael(s,l,i,f);(t.G=t.G||[]).push((()=>Xe.rel(s,l,i,f)))}))}};var Ne=(e,t)=>n=>{try{{if(e.v&256){e.F[t](n)}else{(e.N=e.N||[]).push([t,n])}}}catch(e){ze(e)}};var We=(e,t)=>{if(t&4)return Qe;if(t&8)return Ke;if(t&16)return Qe.body;return e};var Ae=e=>Ze?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var De=e=>Xe.M=e;var Te=new WeakMap;var He=e=>Te.get(e);var qe=(e,t)=>Te.set(t.F=e,t);var Ve=(e,t)=>{const n={v:0,$hostElement$:e,P:t,D:new Map};{n.q=new Promise((e=>n.A=e))}{n.B=new Promise((e=>n.W=e));e["s-p"]=[];e["s-rc"]=[]}Fe(e,n,t._);return Te.set(e,n)};var _e=(e,t)=>t in e;var ze=(e,t)=>(0,console.error)(e,t);var Be=new Map;var Ge=(e,t,n)=>{const l=e.R.replace(/-/g,"_");const r=e.V;const s=Be.get(r);if(s){return s[l]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${r}.entry.js${""}`).then((e=>{{Be.set(r,e)}return e[l]}),ze)};var Je=new Map;var Ke=typeof window!=="undefined"?window:{};var Qe=Ke.document||{head:{}};var Xe={v:0,t:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)};var Ye=true;var Ze=(()=>{let e=false;try{Qe.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var et=e=>Promise.resolve(e);var tt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var nt=false;var lt=[];var rt=[];var st=(e,t)=>n=>{e.push(n);if(!nt){nt=true;if(t&&Xe.v&4){at(ft)}else{Xe.raf(ft)}}};var it=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){ze(e)}}e.length=0};var ft=()=>{it(lt);{it(rt);if(nt=lt.length>0){Xe.raf(ft)}}};var at=e=>et().then(e);var ot=st(lt,false);var ct=st(rt,true);export{Le as F,P as H,e as N,l as a,Ie as b,T as c,Qe as d,ot as e,ge as f,D as g,E as h,et as p,qe as r,De as s};
-//# sourceMappingURL=p-ace76966.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.1-next.2
- */
-import{r as e,c as t,h as s,H as i,g as a}from"./p-ace76966.js";import{k as c,d as o,t as r}from"./p-51c28e99.js";import{c as n,u as d,d as h,I as l}from"./p-4a3ad1b3.js";import{a as p,s as b,b as f}from"./p-3bf71fe4.js";import"./p-50829e68.js";import"./p-1f530f7f.js";import"./p-97f4ac99.js";const u=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{--calcite-card-group-gap:var(--calcite-size-md);display:block}.container{display:flex;flex-wrap:wrap;gap:var(--calcite-card-group-gap)}: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 m=u;const g=class{constructor(s){e(this,s);this.calciteCardGroupSelect=t(this,"calciteCardGroupSelect",6);this.items=[];this.udpateItemsOnSelectionModeChange=()=>{this.updateSlottedItems(this.slotRefEl);this.updateSelectedItems()};this.updateItemsOnSlotChange=e=>{this.updateSlottedItems(e.target);this.updateSelectedItems()};this.updateSlottedItems=e=>{this.items=e.assignedElements({flatten:true}).filter((e=>e?.matches("calcite-card")))};this.updateSelectedItems=()=>{this.items.forEach((e=>{e.selectionMode=this.selectionMode}));this.setSelectedItems(false)};this.setSelectedItems=(e,t)=>{if(t){this.items.forEach((e=>{const s=t===e;switch(this.selectionMode){case"multiple":if(s){e.selected=!e.selected}break;case"single":e.selected=s?!e.selected:false;break;case"single-persist":e.selected=!!s;break}}))}this.selectedItems=this.items.filter((e=>e.selected));if(e&&this.selectionMode!=="none"&&!this.disabled){this.calciteCardGroupSelect.emit()}};this.disabled=false;this.label=undefined;this.selectionMode="none";this.selectedItems=[]}onSelectionModeChange(){this.udpateItemsOnSelectionModeChange()}connectedCallback(){n(this)}componentDidRender(){d(this)}componentDidLoad(){p(this)}disconnectedCallback(){h(this)}async componentWillLoad(){b(this)}calciteInternalCardKeyEventListener(e){if(e.composedPath().includes(this.el)){const t=this.items.filter((e=>!e.disabled));switch(e.detail["key"]){case"ArrowRight":c(t,e.target,"next");break;case"ArrowLeft":c(t,e.target,"previous");break;case"Home":c(t,e.target,"first");break;case"End":c(t,e.target,"last");break}}}calciteCardSelectListener(e){if(e.composedPath().includes(this.el)&&!e.target.selectable){this.setSelectedItems(true,e.target)}}async setFocus(){await f(this);if(!this.disabled){o(this.items[0])}}render(){const e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";return s(i,{key:"f7d72ac0d0c8b0cec9b1c5c048ed2a8ee304d9e2"},s(l,{key:"b477bbced684168f1e68c1fe0d8511a689653995",disabled:this.disabled},s("div",{key:"ce0aa841b96ad23886e109203a14ac2b0e54b948","aria-disabled":r(this.disabled),"aria-label":this.label,class:"container",role:e},s("slot",{key:"a469e5698e8b83b5a032df6c93938c1a573177ba",onSlotchange:this.updateItemsOnSlotChange,ref:e=>this.slotRefEl=e}))))}get el(){return a(this)}static get watchers(){return{selectionMode:["onSelectionModeChange"]}}};g.style=m;export{g as calcite_card_group};
-//# sourceMappingURL=p-ae81f0d8.entry.js.map

package/dist/calcite/p-af01e1ba.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.1-next.2
- */
-const s="24px";const a="32px";const c="44px";const o="48px";export{s as a,a as b,o as c,c as d};
-//# sourceMappingURL=p-af01e1ba.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["calciteSize24","calciteSize32","calciteSize44","calciteSize48"],"sources":["../calcite-design-tokens/dist/es6/core.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Fri, 03 May 2024 19:08:10 GMT\n */\n\nexport const calciteColorNeutralBlk000 = \"#ffffff\";\nexport const calciteColorNeutralBlk005 = \"#f8f8f8\";\nexport const calciteColorNeutralBlk010 = \"#f3f3f3\";\nexport const calciteColorNeutralBlk020 = \"#eaeaea\";\nexport const calciteColorNeutralBlk030 = \"#dfdfdf\";\nexport const calciteColorNeutralBlk040 = \"#d4d4d4\";\nexport const calciteColorNeutralBlk050 = \"#cacaca\";\nexport const calciteColorNeutralBlk060 = \"#bfbfbf\";\nexport const calciteColorNeutralBlk070 = \"#b5b5b5\";\nexport const calciteColorNeutralBlk080 = \"#aaaaaa\";\nexport const calciteColorNeutralBlk090 = \"#9f9f9f\";\nexport const calciteColorNeutralBlk100 = \"#949494\";\nexport const calciteColorNeutralBlk110 = \"#8a8a8a\";\nexport const calciteColorNeutralBlk120 = \"#808080\";\nexport const calciteColorNeutralBlk130 = \"#757575\";\nexport const calciteColorNeutralBlk140 = \"#6a6a6a\";\nexport const calciteColorNeutralBlk150 = \"#606060\";\nexport const calciteColorNeutralBlk160 = \"#555555\";\nexport const calciteColorNeutralBlk170 = \"#4a4a4a\";\nexport const calciteColorNeutralBlk180 = \"#404040\";\nexport const calciteColorNeutralBlk190 = \"#353535\";\nexport const calciteColorNeutralBlk200 = \"#2b2b2b\";\nexport const calciteColorNeutralBlk210 = \"#202020\";\nexport const calciteColorNeutralBlk220 = \"#151515\";\nexport const calciteColorNeutralBlk230 = \"#0b0b0b\";\nexport const calciteColorNeutralBlk235 = \"#060606\";\nexport const calciteColorNeutralBlk240 = \"#000000\";\nexport const calciteColorHighSaturationBlueHBb010 = \"#c7eaff\";\nexport const calciteColorHighSaturationBlueHBb020 = \"#9fd4f3\";\nexport const calciteColorHighSaturationBlueHBb030 = \"#77bde7\";\nexport const calciteColorHighSaturationBlueHBb040 = \"#50a7da\";\nexport const calciteColorHighSaturationBlueHBb050 = \"#2890ce\";\nexport const calciteColorHighSaturationBlueHBb060 = \"#007ac2\";\nexport const calciteColorHighSaturationBlueHBb070 = \"#00619b\";\nexport const calciteColorHighSaturationBlueHBb080 = \"#004874\";\nexport const calciteColorHighSaturationBlueHBb090 = \"#00304d\";\nexport const calciteColorHighSaturationBlueHBb100 = \"#001726\";\nexport const calciteColorHighSaturationGreenBlueHGb010 = \"#cef5f4\";\nexport const calciteColorHighSaturationGreenBlueHGb020 = \"#afedec\";\nexport const calciteColorHighSaturationGreenBlueHGb030 = \"#8fe6e5\";\nexport const calciteColorHighSaturationGreenBlueHGb040 = \"#5ae0de\";\nexport const calciteColorHighSaturationGreenBlueHGb050 = \"#28cecb\";\nexport const calciteColorHighSaturationGreenBlueHGb060 = \"#00bab5\";\nexport const calciteColorHighSaturationGreenBlueHGb070 = \"#009b98\";\nexport const calciteColorHighSaturationGreenBlueHGb080 = \"#007472\";\nexport const calciteColorHighSaturationGreenBlueHGb090 = \"#004d4c\";\nexport const calciteColorHighSaturationGreenBlueHGb100 = \"#002625\";\nexport const calciteColorHighSaturationGreenHGg010 = \"#bdf2c4\";\nexport const calciteColorHighSaturationGreenHGg020 = \"#a2e4ab\";\nexport const calciteColorHighSaturationGreenHGg030 = \"#87d692\";\nexport const calciteColorHighSaturationGreenHGg040 = \"#6bc878\";\nexport const calciteColorHighSaturationGreenHGg050 = \"#50ba5f\";\nexport const calciteColorHighSaturationGreenHGg060 = \"#35ac46\";\nexport const calciteColorHighSaturationGreenHGg070 = \"#288835\";\nexport const calciteColorHighSaturationGreenHGg080 = \"#1a6324\";\nexport const calciteColorHighSaturationGreenHGg090 = \"#0d3f14\";\nexport const calciteColorHighSaturationGreenHGg100 = \"#001a03\";\nexport const calciteColorHighSaturationYellowGreenHYg010 = \"#e5f7b4\";\nexport const calciteColorHighSaturationYellowGreenHYg020 = \"#d9ef9f\";\nexport const calciteColorHighSaturationYellowGreenHYg030 = \"#cde78a\";\nexport const calciteColorHighSaturationYellowGreenHYg040 = \"#c2e075\";\nexport const calciteColorHighSaturationYellowGreenHYg050 = \"#b6d860\";\nexport const calciteColorHighSaturationYellowGreenHYg060 = \"#aad04b\";\nexport const calciteColorHighSaturationYellowGreenHYg070 = \"#84a338\";\nexport const calciteColorHighSaturationYellowGreenHYg080 = \"#5e7526\";\nexport const calciteColorHighSaturationYellowGreenHYg090 = \"#384813\";\nexport const calciteColorHighSaturationYellowGreenHYg100 = \"#121a00\";\nexport const calciteColorHighSaturationYellowHYy010 = \"#fff7cc\";\nexport const calciteColorHighSaturationYellowHYy020 = \"#fef3ad\";\nexport const calciteColorHighSaturationYellowHYy030 = \"#fcee8d\";\nexport const calciteColorHighSaturationYellowHYy040 = \"#fbea6e\";\nexport const calciteColorHighSaturationYellowHYy050 = \"#f9e54e\";\nexport const calciteColorHighSaturationYellowHYy060 = \"#edd317\";\nexport const calciteColorHighSaturationYellowHYy070 = \"#d9bc00\";\nexport const calciteColorHighSaturationYellowHYy080 = \"#bfa200\";\nexport const calciteColorHighSaturationYellowHYy090 = \"#8c7500\";\nexport const calciteColorHighSaturationYellowHYy100 = \"#5c4e00\";\nexport const calciteColorHighSaturationOrangeYellowHOy010 = \"#ffe2bf\";\nexport const calciteColorHighSaturationOrangeYellowHOy020 = \"#fed3a1\";\nexport const calciteColorHighSaturationOrangeYellowHOy030 = \"#fcc582\";\nexport const calciteColorHighSaturationOrangeYellowHOy040 = \"#fbb664\";\nexport const calciteColorHighSaturationOrangeYellowHOy050 = \"#f9a845\";\nexport const calciteColorHighSaturationOrangeYellowHOy060 = \"#f89927\";\nexport const calciteColorHighSaturationOrangeYellowHOy070 = \"#c67718\";\nexport const calciteColorHighSaturationOrangeYellowHOy080 = \"#9a5b10\";\nexport const calciteColorHighSaturationOrangeYellowHOy090 = \"#6d3f08\";\nexport const calciteColorHighSaturationOrangeYellowHOy100 = \"#402300\";\nexport const calciteColorHighSaturationOrangeHOo010 = \"#ffd8bf\";\nexport const calciteColorHighSaturationOrangeHOo020 = \"#fdc39f\";\nexport const calciteColorHighSaturationOrangeHOo030 = \"#faae7f\";\nexport const calciteColorHighSaturationOrangeHOo040 = \"#f89960\";\nexport const calciteColorHighSaturationOrangeHOo050 = \"#f58440\";\nexport const calciteColorHighSaturationOrangeHOo060 = \"#f36f20\";\nexport const calciteColorHighSaturationOrangeHOo070 = \"#c65a18\";\nexport const calciteColorHighSaturationOrangeHOo080 = \"#9a4410\";\nexport const calciteColorHighSaturationOrangeHOo090 = \"#6d2f08\";\nexport const calciteColorHighSaturationOrangeHOo100 = \"#401900\";\nexport const calciteColorHighSaturationRedOrangeHRo010 = \"#ffc7b3\";\nexport const calciteColorHighSaturationRedOrangeHRo020 = \"#f8af95\";\nexport const calciteColorHighSaturationRedOrangeHRo030 = \"#f09677\";\nexport const calciteColorHighSaturationRedOrangeHRo040 = \"#e97e5a\";\nexport const calciteColorHighSaturationRedOrangeHRo050 = \"#e1653c\";\nexport const calciteColorHighSaturationRedOrangeHRo060 = \"#da4d1e\";\nexport const calciteColorHighSaturationRedOrangeHRo070 = \"#ad3c16\";\nexport const calciteColorHighSaturationRedOrangeHRo080 = \"#802c0f\";\nexport const calciteColorHighSaturationRedOrangeHRo090 = \"#531b07\";\nexport const calciteColorHighSaturationRedOrangeHRo100 = \"#260a00\";\nexport const calciteColorHighSaturationRedHRr010 = \"#ffc6bf\";\nexport const calciteColorHighSaturationRedHRr020 = \"#ffaaa1\";\nexport const calciteColorHighSaturationRedHRr030 = \"#f2877b\";\nexport const calciteColorHighSaturationRedHRr040 = \"#f07062\";\nexport const calciteColorHighSaturationRedHRr050 = \"#e65240\";\nexport const calciteColorHighSaturationRedHRr060 = \"#d83020\";\nexport const calciteColorHighSaturationRedHRr070 = \"#a82b1e\";\nexport const calciteColorHighSaturationRedHRr080 = \"#7c1d13\";\nexport const calciteColorHighSaturationRedHRr090 = \"#4f0e08\";\nexport const calciteColorHighSaturationRedHRr100 = \"#210300\";\nexport const calciteColorHighSaturationPinkHPk010 = \"#ffd1ef\";\nexport const calciteColorHighSaturationPinkHPk020 = \"#fabee4\";\nexport const calciteColorHighSaturationPinkHPk030 = \"#f2a5d6\";\nexport const calciteColorHighSaturationPinkHPk040 = \"#eb8dc9\";\nexport const calciteColorHighSaturationPinkHPk050 = \"#e673bb\";\nexport const calciteColorHighSaturationPinkHPk060 = \"#e04ea6\";\nexport const calciteColorHighSaturationPinkHPk070 = \"#ba2f7e\";\nexport const calciteColorHighSaturationPinkHPk080 = \"#851b52\";\nexport const calciteColorHighSaturationPinkHPk090 = \"#590b32\";\nexport const calciteColorHighSaturationPinkHPk100 = \"#260404\";\nexport const calciteColorHighSaturationVioletRedHVr010 = \"#fadbff\";\nexport const calciteColorHighSaturationVioletRedHVr020 = \"#e4beeb\";\nexport const calciteColorHighSaturationVioletRedHVr030 = \"#cfa1d7\";\nexport const calciteColorHighSaturationVioletRedHVr040 = \"#b983c3\";\nexport const calciteColorHighSaturationVioletRedHVr050 = \"#a466af\";\nexport const calciteColorHighSaturationVioletRedHVr060 = \"#8e499b\";\nexport const calciteColorHighSaturationVioletRedHVr070 = \"#73377e\";\nexport const calciteColorHighSaturationVioletRedHVr080 = \"#572561\";\nexport const calciteColorHighSaturationVioletRedHVr090 = \"#3c1243\";\nexport const calciteColorHighSaturationVioletRedHVr100 = \"#200026\";\nexport const calciteColorHighSaturationVioletHVv010 = \"#e8d9ff\";\nexport const calciteColorHighSaturationVioletHVv020 = \"#cdb9eb\";\nexport const calciteColorHighSaturationVioletHVv030 = \"#b39ad7\";\nexport const calciteColorHighSaturationVioletHVv040 = \"#987ac3\";\nexport const calciteColorHighSaturationVioletHVv050 = \"#7e5baf\";\nexport const calciteColorHighSaturationVioletHVv060 = \"#633b9b\";\nexport const calciteColorHighSaturationVioletHVv070 = \"#4e2c7e\";\nexport const calciteColorHighSaturationVioletHVv080 = \"#3a1e61\";\nexport const calciteColorHighSaturationVioletHVv090 = \"#250f43\";\nexport const calciteColorHighSaturationVioletHVv100 = \"#100026\";\nexport const calciteColorVibrantBlueVBb120 = \"#59d6ff\";\nexport const calciteColorVibrantBlueVBb140 = \"#3db8ff\";\nexport const calciteColorVibrantBlueVBb160 = \"#009af2\";\nexport const calciteColorVibrantBlueVBb180 = \"#009af2\";\nexport const calciteColorVibrantGreenBlueVGb120 = \"#59fffc\";\nexport const calciteColorVibrantGreenBlueVGb140 = \"#00f7f3\";\nexport const calciteColorVibrantGreenBlueVGb160 = \"#00e6e2\";\nexport const calciteColorVibrantGreenBlueVGb180 = \"#00cfca\";\nexport const calciteColorVibrantGreenVGg120 = \"#73ff84\";\nexport const calciteColorVibrantGreenVGg140 = \"#3bed52\";\nexport const calciteColorVibrantGreenVGg160 = \"#00b81b\";\nexport const calciteColorVibrantGreenVGg180 = \"#00a118\";\nexport const calciteColorVibrantYellowGreenVYg120 = \"#d7ff73\";\nexport const calciteColorVibrantYellowGreenVYg140 = \"#bbed3b\";\nexport const calciteColorVibrantYellowGreenVYg160 = \"#96cc00\";\nexport const calciteColorVibrantYellowGreenVYg180 = \"#7fab00\";\nexport const calciteColorVibrantYellowVYy120 = \"#fff766\";\nexport const calciteColorVibrantYellowVYy140 = \"#ffee33\";\nexport const calciteColorVibrantYellowVYy160 = \"#f5d000\";\nexport const calciteColorVibrantYellowVYy180 = \"#ebba17\";\nexport const calciteColorVibrantOrangeYellowVOy120 = \"#ffb54d\";\nexport const calciteColorVibrantOrangeYellowVOy140 = \"#ff9500\";\nexport const calciteColorVibrantOrangeYellowVOy160 = \"#e68600\";\nexport const calciteColorVibrantOrangeYellowVOy180 = \"#d17300\";\nexport const calciteColorVibrantRedOrangeVRo120 = \"#ff824d\";\nexport const calciteColorVibrantRedOrangeVRo140 = \"#ff4d00\";\nexport const calciteColorVibrantRedOrangeVRo160 = \"#de4300\";\nexport const calciteColorVibrantRedOrangeVRo180 = \"#c93b00\";\nexport const calciteColorVibrantRedVRr120 = \"#ff624d\";\nexport const calciteColorVibrantRedVRr140 = \"#ff0015\";\nexport const calciteColorVibrantRedVRr160 = \"#d90012\";\nexport const calciteColorVibrantRedVRr180 = \"#b3000f\";\nexport const calciteColorVibrantPinkVPk120 = \"#ff66c2\";\nexport const calciteColorVibrantPinkVPk140 = \"#ff19a4\";\nexport const calciteColorVibrantPinkVPk160 = \"#d11486\";\nexport const calciteColorVibrantPinkVPk180 = \"#c00073\";\nexport const calciteColorVibrantVioletRedVVr120 = \"#ea80ff\";\nexport const calciteColorVibrantVioletRedVVr140 = \"#dd33ff\";\nexport const calciteColorVibrantVioletRedVVr160 = \"#ac08cc\";\nexport const calciteColorVibrantVioletRedVVr180 = \"#83009e\";\nexport const calciteColorVibrantVioletVVv120 = \"#b580ff\";\nexport const calciteColorVibrantVioletVVv140 = \"#974dff\";\nexport const calciteColorVibrantVioletVVv160 = \"#8129ff\";\nexport const calciteColorVibrantVioletVVv180 = \"#6a0be6\";\nexport const calciteColorDarkGreenDGg410 = \"#44ed51\";\nexport const calciteColorDarkGreenDGg420 = \"#36da43\";\nexport const calciteColorDarkGreenDGg430 = \"#36da43\";\nexport const calciteColorDarkYellowDYy410 = \"#ffe24d\";\nexport const calciteColorDarkYellowDYy420 = \"#ffc900\";\nexport const calciteColorDarkYellowDYy430 = \"#f4b000\";\nexport const calciteColorDarkRedDRr410 = \"#ff7465\";\nexport const calciteColorDarkRedDRr420 = \"#fe583e\";\nexport const calciteColorDarkRedDRr430 = \"#f3381b\";\nexport const calciteColorDarkBlueDBb410 = \"#47bbff\";\nexport const calciteColorDarkBlueDBb420 = \"#00a0ff\";\nexport const calciteColorDarkBlueDBb430 = \"#0087d7\";\nexport const calciteContainerSize0 = \"0\";\nexport const calciteContainerSize154 = \"154px\";\nexport const calciteContainerSize320 = \"320px\";\nexport const calciteContainerSize328 = \"328px\";\nexport const calciteContainerSize476 = \"476px\";\nexport const calciteContainerSize504 = \"504px\";\nexport const calciteContainerSize678 = \"678px\";\nexport const calciteContainerSize768 = \"768px\";\nexport const calciteContainerSize854 = \"854px\";\nexport const calciteContainerSize1152 = \"1152px\";\nexport const calciteContainerSize1440 = \"1440px\";\nexport const calciteFontFamilyAndaleMono = \"Andale Mono\"; // Fallback for Monaco\nexport const calciteFontFamilyAvenirNextPro = \"Avenir Next LT Pro\";\nexport const calciteFontFamilyAvenirNextWorld = \"Avenir Next World\";\nexport const calciteFontFamilyAvenirNext = \"Avenir Next\"; // Primary font family\nexport const calciteFontFamilyAvenir = \"Avenir\"; // Fallback for Avenir Next\nexport const calciteFontFamilyConsolas = \"Consolas\"; // Fallback for Monaco\nexport const calciteFontFamilyHelveticaNeue = \"Helvetica Neue\"; // Fallback for Avenir Next\nexport const calciteFontFamilyLucidaConsole = \"Lucida Console\"; // Fallback for Monaco\nexport const calciteFontFamilyMonaco = \"Monaco\";\nexport const calciteFontFamilyMonospace = \"monospace\"; // Fallback for Monaco\nexport const calciteFontFamilySansSerif = \"sans-serif\"; // Fallback for Avenir Next\nexport const calciteFontStyleItalic = \"italic\"; // used in ratings\nexport const calciteFontWeightUltralight = \"200\"; // only for Avenir Next World (secondary font family)\nexport const calciteFontWeightThin = \"100\";\nexport const calciteFontWeightLight = \"300\"; // only for Avenir Next World (secondary font family)\nexport const calciteFontWeightRegular = \"400\";\nexport const calciteFontWeightMedium = \"500\";\nexport const calciteFontWeightMediumItalic = \"Medium Italic\";\nexport const calciteFontWeightDemi = \"600\";\nexport const calciteFontWeightBold = \"700\";\nexport const calciteFontWeightExtrabold = \"800\"; // only for Avenir Next World (secondary font family)\nexport const calciteFontWeightBlack = \"900\"; // only for Avenir Next World (secondary font family)\nexport const calciteFontWeightHeavy = \"900\";\nexport const calciteFontTextDecorationNone = \"none\";\nexport const calciteFontTextDecorationUnderline = \"underline\";\nexport const calciteFontTextCaseNone = \"none\";\nexport const calciteFontTextCaseUppercase = \"uppercase\";\nexport const calciteFontTextCaseLowercase = \"lowercase\";\nexport const calciteFontTextCaseCapitalize = \"capitalize\";\nexport const calciteOpacity0 = \"0\";\nexport const calciteOpacity4 = \"0.04\";\nexport const calciteOpacity8 = \"0.08\";\nexport const calciteOpacity10 = \"0.1\";\nexport const calciteOpacity20 = \"0.2\";\nexport const calciteOpacity30 = \"0.3\";\nexport const calciteOpacity40 = \"0.4\";\nexport const calciteOpacity50 = \"0.5\";\nexport const calciteOpacity60 = \"0.6\";\nexport const calciteOpacity70 = \"0.7\";\nexport const calciteOpacity80 = \"0.8\";\nexport const calciteOpacity85 = \"0.85\";\nexport const calciteOpacity90 = \"0.9\";\nexport const calciteOpacity92 = \"0.92\";\nexport const calciteOpacity96 = \"0.96\";\nexport const calciteOpacity100 = \"1\";\nexport const calciteShadow0 = {\"x\":\"0\",\"y\":\"0\",\"blur\":\"0\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0)\"};\nexport const calciteShadow1 = {\"x\":\"0\",\"y\":\"2\",\"blur\":\"8\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.04)\"};\nexport const calciteShadow2 = {\"x\":\"0\",\"y\":\"4\",\"blur\":\"16\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.08)\"};\nexport const calciteShadow3 = {\"x\":\"0\",\"y\":\"4\",\"blur\":\"20\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.08)\"};\nexport const calciteShadow4 = {\"x\":\"0\",\"y\":\"12\",\"blur\":\"32\",\"spread\":\"-2\",\"color\":\"rgba(#000000, 0.1)\"};\nexport const calciteSize1 = \"1px\";\nexport const calciteSize2 = \"2px\";\nexport const calciteSize4 = \"4px\";\nexport const calciteSize6 = \"6px\";\nexport const calciteSize8 = \"8px\";\nexport const calciteSize10 = \"10px\";\nexport const calciteSize12 = \"12px\";\nexport const calciteSize14 = \"14px\";\nexport const calciteSize16 = \"16px\";\nexport const calciteSize20 = \"20px\";\nexport const calciteSize24 = \"24px\";\nexport const calciteSize28 = \"28px\";\nexport const calciteSize32 = \"32px\";\nexport const calciteSize36 = \"36px\";\nexport const calciteSize40 = \"40px\";\nexport const calciteSize44 = \"44px\";\nexport const calciteSize48 = \"48px\";\nexport const calciteSize56 = \"56px\";\nexport const calciteSize64 = \"64px\";\nexport const calciteSize72 = \"72px\";\nexport const calciteSize80 = \"80px\";\nexport const calciteSize96 = \"96px\";\nexport const calciteSize112 = \"112px\";\nexport const calciteSize128 = \"128px\";\nexport const calciteSize144 = \"144px\";\nexport const calciteSize160 = \"160px\";\nexport const calciteSize192 = \"192px\";\nexport const calciteSize224 = \"224px\";\nexport const calciteSize256 = \"256px\";\nexport const calciteSize288 = \"288px\";\nexport const calciteSizeNone = \"0\";\nexport const calciteSizeRelative50 = \"50%\";\nexport const calciteSizeRelative100 = \"100%\";\nexport const calciteSizeRelative125 = \"125%\";\nexport const calciteSizeRelative137 = \"137.5%\";\nexport const calciteSizeRelative150 = \"150%\";\nexport const calciteSizeRelative162 = \"162.5%\";\nexport const calciteSizeRelative200 = \"200%\";\nexport const calciteSizeRelativeAuto = \"auto\";\nexport const calciteZIndex0 = \"-999999\";\nexport const calciteZIndex1 = \"1\";\nexport const calciteZIndex3 = \"300\";\nexport const calciteZIndex4 = \"400\";\nexport const calciteZIndex5 = \"500\";\nexport const calciteZIndex6 = \"600\";\nexport const calciteZIndex7 = \"700\";\nexport const calciteZIndex8 = \"800\";\nexport const calciteZIndex9 = \"900\";\n"],"mappings":";;;;;AAuRY,MAACA,EAAgB,OAEjB,MAACC,EAAgB,OAGjB,MAACC,EAAgB,OACjB,MAACC,EAAgB,c"}