@esri/calcite-components 2.2.0 → 2.2.1-next.1

package/dist/calcite/p-1bd465c1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","loader","clearButton","editingEnabled","inlineChild","inputIcon","prefix","suffix","numberButtonWrapper","buttonItemHorizontal","wrapper","inputWrapper","actionWrapper","resizeIconWrapper","numberButtonItem","INPUT_TYPE_ICONS","tel","password","email","date","time","search","SLOTS","action","inputCss","Input","this","childElType","previousValueOrigin","mutationObserver","createObserver","setDisabledAction","userChangedValue","keyDownHandler","event","readOnly","disabled","isClearable","key","clearInputValue","preventDefault","defaultPrevented","submitForm","nativeEvent","setValue","committing","origin","value","emitChangeIfUserModified","previousEmittedValue","calciteInputChange","emit","setPreviousEmittedValue","inputBlurHandler","window","clearInterval","nudgeNumberValueIntervalId","calciteInternalInputBlur","clickHandler","slottedActionEl","getSlotted","el","target","setFocus","inputFocusHandler","calciteInternalInputFocus","inputChangeHandler","type","files","childEl","inputInputHandler","inputKeyDownHandler","inputNumberInputHandler","numberStringFormatter","numberFormatOptions","locale","effectiveLocale","numberingSystem","useGrouping","groupSeparator","delocalizedValue","delocalize","inputType","isValidNumber","parseNumberString","childNumberEl","displayedValue","inputNumberKeyDownHandler","nudgeNumberValue","supportedKeys","numberKeys","altKey","ctrlKey","metaKey","isShiftTabEvent","shiftKey","includes","decimal","indexOf","test","split","length","direction","KeyboardEvent","repeat","inputMax","maxString","parseFloat","inputMin","minString","valueNudgeDelayInMs","incrementOrDecrementNumberValue","firstValueNudge","setInterval","numberButtonPointerUpAndOutHandler","numberButtonPointerDownHandler","isPrimaryPointerButton","dataset","adjustment","onHiddenFormInputInput","name","stopPropagation","setChildElRef","setChildNumberElRef","setInputValue","newInputValue","normalizeValue","setPreviousValue","previousValue","signDisplay","isValueDeleted","hasTrailingDecimalSeparator","charAt","sanitizedValue","sanitizeNumberString","newValue","newLocalizedValue","localize","addLocalizedTrailingDecimalZeros","calciteInputInputEvent","calciteInputInput","inputKeyUpHandler","disabledWatcher","maxWatcher","max","toString","minWatcher","min","onMessagesChange","valueWatcher","warnAboutInvalidNumberValue","updateRequestedIcon","requestedIcon","setRequestedIcon","icon","isTextarea","clearable","effectiveLocaleChange","updateMessages","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","componentShouldUpdate","oldValue","property","componentDidRender","updateHostInteraction","componentFocusable","focus","selectText","select","onLabelClick","inputStep","step","Math","abs","inputVal","BigDecimal","nudgedValue","add","nudgedValueBelowInputMin","isNaN","subtract","isNegative","nudgedValueAboveInputMax","finalValue","syncHiddenFormInput","input","minLength","maxLength","getAttribute","slottedActionElDisabledInternally","setAttribute","removeAttribute","console","warn","render","dir","getElementDir","h","class","label","messages","loading","inputClearButton","clear","onClick","tabIndex","scale","getIconScale","iconEl","flipRtl","iconFlipRtl","isHorizontalNumberButton","numberButtonType","numberButtonsHorizontalUp","onPointerDown","onPointerOut","onPointerUp","numberButtonsHorizontalDown","numberButtonsVertical","prefixText","suffixText","localeNumberInput","accept","getLabelText","autocomplete","autofocus","defaultValue","enterKeyHint","inputMode","multiple","undefined","onBlur","onFocus","onInput","onKeyDown","onKeyUp","pattern","placeholder","ref","onChange","required","Host","InteractiveContainer","CSS_UTILITY","rtl","HiddenFormInputSlot","component","validationMessage","Validation","validationIcon","message","status"],"sources":["src/components/input/resources.ts","src/components/input/input.scss?tag=calcite-input&encapsulation=shadow","src/components/input/input.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  numberButtonWrapper: \"number-button-wrapper\",\n  buttonItemHorizontal: \"number-button-item--horizontal\",\n  wrapper: \"element-wrapper\",\n  inputWrapper: \"wrapper\",\n  actionWrapper: \"action-wrapper\",\n  resizeIconWrapper: \"resize-icon-wrapper\",\n  numberButtonItem: \"number-button-item\",\n};\n\nexport const INPUT_TYPE_ICONS = {\n  tel: \"phone\",\n  password: \"lock\",\n  email: \"email-address\",\n  date: \"calendar\",\n  time: \"clock\",\n  search: \"search\",\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  & .prefix,\n  & .suffix {\n    @apply text-n2h h-6 px-2;\n  }\n  & textarea {\n    @apply h-6;\n    min-block-size: theme(\"spacing.6\");\n  }\n  & .number-button-wrapper,\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-6;\n  }\n  & input[type=\"file\"] {\n    @apply h-6;\n  }\n  & .clear-button {\n    min-block-size: theme(\"spacing.6\");\n    min-inline-size: theme(\"spacing.6\");\n  }\n  & textarea {\n    @apply text-n2h\n    h-auto\n    py-1\n    px-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-n1h h-8 px-3;\n  }\n  & textarea {\n    min-block-size: theme(\"spacing.8\");\n  }\n  & .number-button-wrapper,\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-8;\n  }\n  & input[type=\"file\"] {\n    @apply h-8;\n  }\n  & .clear-button {\n    min-block-size: theme(\"spacing.8\");\n    min-inline-size: theme(\"spacing.8\");\n  }\n  & textarea {\n    @apply text-n1h\n      h-auto\n      py-2\n      px-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-0h h-11 px-4;\n  }\n  & textarea {\n    min-block-size: theme(\"spacing.11\");\n  }\n  & .number-button-wrapper,\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-11;\n  }\n  & input[type=\"file\"] {\n    @apply h-11;\n  }\n  & .clear-button {\n    min-block-size: theme(\"spacing.11\");\n    min-inline-size: theme(\"spacing.11\");\n  }\n  & textarea {\n    @apply text-0h\n      h-auto\n      py-3\n      px-4;\n  }\n}\n\n@include disabled() {\n  & textarea {\n    resize: none;\n  }\n}\n\ntextarea,\ninput {\n  transition:\n    var(--calcite-animation-timing),\n    block-size 0,\n    outline-offset 0s;\n  -webkit-appearance: none;\n  @apply font-inherit\n    text-color-1\n    bg-foreground-1\n    relative\n    m-0\n    box-border\n    flex\n    max-h-full\n    w-full\n    max-w-full\n    flex-1\n    rounded-none\n    font-normal;\n}\n\ninput[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// states\ninput,\ntextarea {\n  @apply border\n    border-color-input\n    border-solid\n    text-color-1\n    text-ellipsis;\n  &::placeholder,\n  &:-ms-input-placeholder,\n  &::-ms-input-placeholder {\n    @apply text-color-3 font-normal;\n  }\n  &:placeholder-shown {\n    @apply text-ellipsis;\n  }\n}\ninput:focus,\ntextarea:focus {\n  @apply border-color-brand text-color-1;\n}\ninput[readonly],\ntextarea[readonly] {\n  @apply bg-background font-medium;\n}\ninput[readonly]:focus,\ntextarea[readonly]:focus {\n  @apply text-color-1;\n}\ncalcite-icon {\n  @apply text-color-3;\n}\n\n//focus\ntextarea,\ninput {\n  @apply focus-base;\n}\ntextarea:focus,\ninput:focus {\n  @apply focus-inset;\n}\n\n:host([status=\"invalid\"]) {\n  & input,\n  & textarea {\n    @apply border-color-danger;\n  }\n  & input:focus,\n  & textarea: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\n.icon,\n.resize-icon-wrapper {\n  @apply 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}\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration,\ninput[type=\"date\"]::-webkit-clear-button,\ninput[type=\"time\"]::-webkit-clear-button {\n  @apply hidden;\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  & textarea,\n  & input {\n    text-align: start;\n  }\n}\n\n:host([alignment=\"end\"]) {\n  & textarea,\n  & input {\n    text-align: end;\n  }\n}\n\n// number buttons\ninput[type=\"number\"] {\n  -moz-appearance: textfield;\n\n  &::-webkit-inner-spin-button,\n  &::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    -moz-appearance: textfield;\n    @apply m-0;\n  }\n}\n\n.number-button-wrapper {\n  @apply transition-default\n    pointer-events-none\n    order-6\n    box-border\n    flex\n    flex-col;\n}\n\n:host([number-button-type=\"vertical\"]) .wrapper {\n  flex-direction: row;\n  display: flex;\n}\n\n:host([number-button-type=\"vertical\"]) {\n  & input,\n  textarea {\n    @apply order-2;\n  }\n}\n\n:host([number-button-type=\"horizontal\"]) .calcite--rtl {\n  & .number-button-item[data-adjustment=\"down\"] calcite-icon {\n    transform: rotate(-90deg);\n  }\n  & .number-button-item[data-adjustment=\"up\"] calcite-icon {\n    transform: rotate(-90deg);\n  }\n}\n\n.number-button-item.number-button-item--horizontal {\n  &[data-adjustment=\"down\"],\n  &[data-adjustment=\"up\"] {\n    @apply order-1\n      max-h-full\n      min-h-full\n      self-stretch;\n    & calcite-icon {\n      transform: rotate(90deg);\n    }\n  }\n}\n\n.number-button-item.number-button-item--horizontal[data-adjustment=\"down\"] {\n  @apply border-color-input\n    border\n    border-solid;\n  border-inline-end-width: theme(\"borderWidth.0\");\n  &:hover {\n    @apply bg-foreground-2;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n}\n\n.number-button-item.number-button-item--horizontal[data-adjustment=\"up\"] {\n  @apply order-5;\n  &:hover {\n    @apply bg-foreground-2;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n}\n\n:host([number-button-type=\"vertical\"]) .number-button-item[data-adjustment=\"down\"]:hover {\n  @apply bg-foreground-2;\n  calcite-icon {\n    @apply text-color-1;\n  }\n}\n\n:host([number-button-type=\"vertical\"]) .number-button-item[data-adjustment=\"up\"]:hover {\n  @apply bg-foreground-2;\n  calcite-icon {\n    @apply text-color-1;\n  }\n}\n\n:host([number-button-type=\"vertical\"]) .number-button-item[data-adjustment=\"down\"] {\n  @apply border-t-0;\n}\n\n.number-button-item {\n  max-block-size: 50%;\n  min-block-size: 50%;\n  pointer-events: initial;\n  @apply border-color-input\n    bg-foreground-1\n    transition-default\n    m-0\n    box-border\n    flex\n    cursor-pointer\n    items-center\n    self-center\n    border\n    border-solid\n    py-0\n    px-2;\n  border-inline-start-width: theme(\"borderWidth.0\");\n  & calcite-icon {\n    @apply transition-default pointer-events-none;\n  }\n  &:focus {\n    @apply bg-foreground-2;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n  &:active {\n    @apply bg-foreground-3;\n  }\n  &:disabled {\n    @apply pointer-events-none;\n  }\n}\n\n.wrapper {\n  @apply relative\n    flex\n    flex-row\n    items-center;\n}\n\n// hide the default date picker\n:input::-webkit-calendar-picker-indicator {\n  @apply hidden;\n}\n\ninput[type=\"date\"]::-webkit-input-placeholder {\n  visibility: hidden !important;\n}\n\n// textarea resize icon\ntextarea::-webkit-resizer {\n  @apply absolute\n    bottom-0\n    box-border\n    py-0\n    px-1;\n  inset-inline-end: 0;\n}\n\n.resize-icon-wrapper {\n  inset-block-end: 2px;\n  inset-inline-end: 2px;\n\n  @apply bg-foreground-1\n    text-color-3\n    pointer-events-none\n    absolute\n    h-3\n    w-3;\n\n  & calcite-icon {\n    inset-block-end: theme(\"spacing.1\");\n    inset-inline-end: theme(\"spacing.1\");\n    transform: rotate(-45deg);\n  }\n}\n\n.calcite--rtl {\n  .resize-icon-wrapper {\n    & calcite-icon {\n      transform: rotate(45deg);\n    }\n  }\n}\n\n:host([type=\"color\"]) input {\n  @apply p-1;\n}\n\n// file input\n:host([type=\"file\"]) input {\n  @apply bg-foreground-1\n    border-color-input\n    cursor-pointer\n    border\n    border-dashed\n    text-center;\n}\n\n:host([type=\"file\"][scale=\"s\"]) input {\n  @apply py-px px-2;\n}\n\n:host([type=\"file\"][scale=\"m\"]) input {\n  @apply py-1 px-3;\n}\n\n:host([type=\"file\"][scale=\"l\"]) input {\n  @apply py-2 px-4;\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  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  getElementDir,\n  getSlotted,\n  isPrimaryPointerButton,\n  setRequestedIcon,\n} from \"../../utils/dom\";\nimport { Scale, Status, Alignment } from \"../interfaces\";\n\nimport {\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  internalHiddenInputInputEvent,\n  submitForm,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { numberKeys } from \"../../utils/key\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} from \"../../utils/locale\";\n\nimport {\n  addLocalizedTrailingDecimalZeros,\n  BigDecimal,\n  isValidNumber,\n  parseNumberString,\n  sanitizeNumberString,\n} from \"../../utils/number\";\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 { InputMessages } from \"./assets/input/t9n\";\nimport { InputPlacement, NumberNudgeDirection, SetValueOrigin } from \"./interfaces\";\nimport { CSS, INPUT_TYPE_ICONS, SLOTS } from \"./resources\";\nimport { getIconScale } from \"../../utils/component\";\nimport { Validation } from \"../functional/Validation\";\n\n/**\n * @slot action - A slot for positioning a `calcite-button` next to the component.\n */\n@Component({\n  tag: \"calcite-input\",\n  styleUrl: \"input.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Input\n  implements\n    LabelableComponent,\n    FormComponent,\n    InteractiveComponent,\n    T9nComponent,\n    LocalizedComponent,\n    LoadableComponent\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`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.\n   *\n   * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)\n   */\n  @Prop({ reflect: true }) autofocus = false;\n\n  /**\n   * When `true`, a clear button is displayed when the component has a value. The clear button shows by default for `\"search\"`, `\"time\"`, and `\"date\"` types, and will not display for the `\"textarea\"` type.\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 }) form: string;\n\n  /**\n   * When `true`, number values are displayed with a group separator corresponding to the language and country format.\n   */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /**\n   * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.\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. */\n  @Prop() label: string;\n\n  /** When `true`, a busy indicator is displayed. */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   *\n   */\n  @Prop({ reflect: true }) numberingSystem: NumberingSystem;\n\n  /**\n   * When `true`, uses locale formatting for numbers.\n   *\n   * @internal\n   */\n  @Prop() localeFormat = false;\n\n  /**\n   * Specifies the maximum value for type \"number\".\n   *\n   * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)\n   */\n  @Prop({ reflect: true }) max: number;\n\n  /** watcher to update number-to-string for max */\n  @Watch(\"max\")\n  maxWatcher(): void {\n    this.maxString = this.max?.toString() || null;\n  }\n\n  /**\n   * Specifies the minimum value for `type=\"number\"`.\n   *\n   * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)\n   */\n  @Prop({ reflect: true }) min: number;\n\n  /** watcher to update number-to-string for min */\n  @Watch(\"min\")\n  minWatcher(): void {\n    this.minString = this.min?.toString() || null;\n  }\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   * 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  /** Specifies the placement of the buttons for `type=\"number\"`. */\n  @Prop({ reflect: true }) numberButtonType: InputPlacement = \"vertical\";\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 granularity the component's `value` must adhere to.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)\n   */\n  @Prop({ reflect: true }) step: number | \"any\";\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  /**\n   * Specifies a comma separated list of unique file type specifiers for limiting accepted file types.\n   * This property only has an effect when `type` is \"file\".\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() accept: string;\n\n  /**\n   * When `true`, the component can accept more than one value.\n   * This property only has an effect when `type` is \"email\" or \"file\".\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/multiple)\n   */\n  @Prop() multiple = false;\n\n  /**\n   * Specifies the type of content to help devices display an appropriate virtual keyboard.\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/Global_attributes/inputmode)\n   */\n  @Prop() inputMode = \"text\";\n\n  /**\n   * Specifies the action label or icon for the Enter key on virtual keyboards.\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/Global_attributes/enterkeyhint)\n   */\n  @Prop() enterKeyHint: 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  /**\n   * Specifies the component type.\n   *\n   * Note that the following `type`s add type-specific icons by default: `\"date\"`, `\"email\"`, `\"password\"`, `\"search\"`, `\"tel\"`, `\"time\"`.\n   */\n  @Prop({ reflect: true }) type:\n    | \"color\"\n    | \"date\"\n    | \"datetime-local\"\n    | \"email\"\n    | \"file\"\n    | \"image\"\n    | \"month\"\n    | \"number\"\n    | \"password\"\n    | \"search\"\n    | \"tel\"\n    | \"text\"\n    | \"textarea\"\n    | \"time\"\n    | \"url\"\n    | \"week\" = \"text\";\n\n  /** The component's value. */\n  @Prop({ mutable: true }) value = \"\";\n\n  /**\n   * When `type` is `\"file\"`, specifies the component's selected files.\n   *\n   * @mdn https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/files\n   */\n  @Prop() files: FileList | undefined;\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: InputMessages;\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<InputMessages>;\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      if (this.type === \"number\" && (newValue === \"Infinity\" || newValue === \"-Infinity\")) {\n        this.displayedValue = newValue;\n        this.previousEmittedValue = newValue;\n        return;\n      }\n\n      this.setValue({\n        origin: \"direct\",\n        previousValue,\n        value:\n          newValue == null || newValue == \"\"\n            ? \"\"\n            : this.type === \"number\"\n              ? isValidNumber(newValue)\n                ? newValue\n                : this.previousValue || \"\"\n              : newValue,\n      });\n      this.warnAboutInvalidNumberValue(newValue);\n    }\n    this.userChangedValue = false;\n  }\n\n  @Watch(\"icon\")\n  @Watch(\"type\")\n  updateRequestedIcon(): void {\n    this.requestedIcon = setRequestedIcon(INPUT_TYPE_ICONS, this.icon, this.type);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInputElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Input[\"value\"];\n\n  inlineEditableEl: HTMLCalciteInlineEditableElement;\n\n  /** keep track of the rendered child type */\n  private childEl?: HTMLInputElement | HTMLTextAreaElement;\n\n  /** keep track of the rendered child type */\n  private childElType?: \"input\" | \"textarea\" = \"input\";\n\n  /** number text input element for locale */\n  private childNumberEl?: HTMLInputElement;\n\n  get isClearable(): boolean {\n    return !this.isTextarea && (this.clearable || this.type === \"search\") && this.value?.length > 0;\n  }\n\n  get isTextarea(): boolean {\n    return this.childElType === \"textarea\";\n  }\n\n  private minString?: string;\n\n  private maxString?: string;\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  private nudgeNumberValueIntervalId: number;\n\n  mutationObserver = createObserver(\"mutation\", () => this.setDisabledAction());\n\n  private userChangedValue = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  State\n  //\n  //--------------------------------------------------------------------------\n\n  @State() defaultMessages: InputMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() displayedValue: string;\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    connectLabel(this);\n    connectForm(this);\n\n    this.setPreviousEmittedValue(this.value);\n    this.setPreviousValue(this.value);\n\n    if (this.type === \"number\") {\n      if (this.value === \"Infinity\" || this.value === \"-Infinity\") {\n        this.displayedValue = this.value;\n        this.previousEmittedValue = this.value;\n      } else {\n        this.warnAboutInvalidNumberValue(this.value);\n        this.setValue({\n          origin: \"connected\",\n          value: isValidNumber(this.value) ? this.value : \"\",\n        });\n      }\n    }\n\n    this.mutationObserver?.observe(this.el, { childList: true });\n\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.childElType = this.type === \"textarea\" ? \"textarea\" : \"input\";\n    this.maxString = this.max?.toString();\n    this.minString = this.min?.toString();\n    this.requestedIcon = setRequestedIcon(INPUT_TYPE_ICONS, this.icon, this.type);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentShouldUpdate(newValue: string, oldValue: string, property: string): boolean {\n    if (this.type === \"number\" && property === \"value\" && newValue && !isValidNumber(newValue)) {\n      this.setValue({\n        origin: \"reset\",\n        value: oldValue,\n      });\n      return false;\n    }\n    return true;\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalInputFocus: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalInputBlur: EventEmitter<void>;\n\n  /**\n   * Fires each time a new `value` is typed.\n   */\n  @Event({ cancelable: true }) calciteInputInput: EventEmitter<void>;\n\n  /**\n   * Fires each time a new `value` is typed and committed.\n   */\n  @Event({ cancelable: false }) calciteInputChange: 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    if (this.type === \"number\") {\n      this.childNumberEl?.focus();\n    } else {\n      this.childEl?.focus();\n    }\n  }\n\n  /** Selects the text of the component's `value`. */\n  @Method()\n  async selectText(): Promise<void> {\n    if (this.type === \"number\") {\n      this.childNumberEl?.select();\n    } else {\n      this.childEl?.select();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (this.readOnly || this.disabled) {\n      return;\n    }\n    if (this.isClearable && event.key === \"Escape\") {\n      this.clearInputValue(event);\n      event.preventDefault();\n    }\n    if (event.key === \"Enter\" && !event.defaultPrevented) {\n      if (submitForm(this)) {\n        event.preventDefault();\n      }\n    }\n  };\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  incrementOrDecrementNumberValue(\n    direction: NumberNudgeDirection,\n    inputMax: number | null,\n    inputMin: number | null,\n    nativeEvent: KeyboardEvent | MouseEvent,\n  ): void {\n    const { value } = this;\n\n    if (value === \"Infinity\" || value === \"-Infinity\") {\n      return;\n    }\n\n    const adjustment = direction === \"up\" ? 1 : -1;\n    const inputStep = this.step === \"any\" ? 1 : Math.abs(this.step || 1);\n    const inputVal = new BigDecimal(value !== \"\" ? value : \"0\");\n    const nudgedValue = inputVal.add(`${inputStep * adjustment}`);\n\n    const nudgedValueBelowInputMin = () =>\n      typeof inputMin === \"number\" &&\n      !isNaN(inputMin) &&\n      nudgedValue.subtract(`${inputMin}`).isNegative;\n\n    const nudgedValueAboveInputMax = () =>\n      typeof inputMax === \"number\" &&\n      !isNaN(inputMax) &&\n      !nudgedValue.subtract(`${inputMax}`).isNegative;\n\n    const finalValue = nudgedValueBelowInputMin()\n      ? `${inputMin}`\n      : nudgedValueAboveInputMax()\n        ? `${inputMax}`\n        : nudgedValue.toString();\n\n    this.setValue({\n      committing: true,\n      nativeEvent,\n      origin: \"user\",\n      value: finalValue,\n    });\n  }\n\n  private clearInputValue = (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.calciteInputChange.emit();\n      this.setPreviousEmittedValue(this.value);\n    }\n  };\n\n  private inputBlurHandler = () => {\n    window.clearInterval(this.nudgeNumberValueIntervalId);\n    this.calciteInternalInputBlur.emit();\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 inputFocusHandler = (): void => {\n    this.calciteInternalInputFocus.emit();\n  };\n\n  private inputChangeHandler = (): void => {\n    if (this.type === \"file\") {\n      this.files = (this.childEl as HTMLInputElement).files;\n    }\n  };\n\n  private inputInputHandler = (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 inputKeyDownHandler = (event: KeyboardEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n    if (event.key === \"Enter\") {\n      this.emitChangeIfUserModified();\n    }\n  };\n\n  private inputNumberInputHandler = (nativeEvent: InputEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n\n    if (this.value === \"Infinity\" || this.value === \"-Infinity\") {\n      return;\n    }\n\n    const value = (nativeEvent.target as HTMLInputElement).value;\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n    const delocalizedValue = numberStringFormatter.delocalize(value);\n    if (nativeEvent.inputType === \"insertFromPaste\") {\n      if (!isValidNumber(delocalizedValue)) {\n        nativeEvent.preventDefault();\n      }\n      this.setValue({\n        nativeEvent,\n        origin: \"user\",\n        value: parseNumberString(delocalizedValue),\n      });\n      this.childNumberEl.value = this.displayedValue;\n    } else {\n      this.setValue({\n        nativeEvent,\n        origin: \"user\",\n        value: delocalizedValue,\n      });\n    }\n  };\n\n  private inputNumberKeyDownHandler = (event: KeyboardEvent): void => {\n    if (this.type !== \"number\" || this.disabled || this.readOnly) {\n      return;\n    }\n\n    if (this.value === \"Infinity\" || this.value === \"-Infinity\") {\n      event.preventDefault();\n      if (event.key === \"Backspace\" || event.key === \"Delete\") {\n        this.clearInputValue(event);\n      }\n      return;\n    }\n\n    if (event.key === \"ArrowUp\") {\n      /* prevent default behavior of moving cursor to the beginning of the input when holding down ArrowUp */\n      event.preventDefault();\n      this.nudgeNumberValue(\"up\", event);\n      return;\n    }\n    if (event.key === \"ArrowDown\") {\n      this.nudgeNumberValue(\"down\", event);\n      return;\n    }\n    const supportedKeys = [\n      ...numberKeys,\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"Backspace\",\n      \"Delete\",\n      \"Enter\",\n      \"Escape\",\n      \"Tab\",\n    ];\n    if (event.altKey || event.ctrlKey || event.metaKey) {\n      return;\n    }\n    const isShiftTabEvent = event.shiftKey && event.key === \"Tab\";\n    if (supportedKeys.includes(event.key) || isShiftTabEvent) {\n      if (event.key === \"Enter\") {\n        this.emitChangeIfUserModified();\n      }\n      return;\n    }\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n    if (event.key === numberStringFormatter.decimal) {\n      if (!this.value && !this.childNumberEl.value) {\n        return;\n      }\n      if (this.value && this.childNumberEl.value.indexOf(numberStringFormatter.decimal) === -1) {\n        return;\n      }\n    }\n    if (/[eE]/.test(event.key)) {\n      if (!this.value && !this.childNumberEl.value) {\n        return;\n      }\n      if (this.value && !/[eE]/.test(this.childNumberEl.value)) {\n        return;\n      }\n    }\n\n    if (event.key === \"-\") {\n      if (!this.value && !this.childNumberEl.value) {\n        return;\n      }\n      if (this.value && this.childNumberEl.value.split(\"-\").length <= 2) {\n        return;\n      }\n    }\n    event.preventDefault();\n  };\n\n  private nudgeNumberValue = (\n    direction: NumberNudgeDirection,\n    nativeEvent: KeyboardEvent | MouseEvent,\n  ): void => {\n    if ((nativeEvent instanceof KeyboardEvent && nativeEvent.repeat) || this.type !== \"number\") {\n      return;\n    }\n\n    const inputMax = this.maxString ? parseFloat(this.maxString) : null;\n    const inputMin = this.minString ? parseFloat(this.minString) : null;\n    const valueNudgeDelayInMs = 150;\n\n    this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);\n\n    if (this.nudgeNumberValueIntervalId) {\n      window.clearInterval(this.nudgeNumberValueIntervalId);\n    }\n    let firstValueNudge = true;\n    this.nudgeNumberValueIntervalId = window.setInterval(() => {\n      if (firstValueNudge) {\n        firstValueNudge = false;\n        return;\n      }\n\n      this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);\n    }, valueNudgeDelayInMs);\n  };\n\n  private numberButtonPointerUpAndOutHandler = (): void => {\n    window.clearInterval(this.nudgeNumberValueIntervalId);\n  };\n\n  private numberButtonPointerDownHandler = (event: PointerEvent): void => {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    event.preventDefault();\n    const direction = (event.target as HTMLDivElement).dataset.adjustment as NumberNudgeDirection;\n    if (!this.disabled) {\n      this.nudgeNumberValue(direction, event);\n    }\n  };\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    const { type } = this;\n\n    input.type = type;\n\n    if (type === \"number\") {\n      input.min = this.min?.toString(10) ?? \"\";\n      input.max = this.max?.toString(10) ?? \"\";\n    } else if (type === \"text\") {\n      if (this.minLength != null) {\n        input.minLength = this.minLength;\n      }\n\n      if (this.maxLength != null) {\n        input.maxLength = this.maxLength;\n      }\n    }\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: HTMLInputElement | HTMLTextAreaElement) => {\n    this.childEl = el;\n  };\n\n  private setChildNumberElRef = (el: HTMLInputElement) => {\n    this.childNumberEl = 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.type === \"text\" && !this.childEl) {\n      return;\n    }\n    if (this.type === \"number\" && !this.childNumberEl) {\n      return;\n    }\n    this[`child${this.type === \"number\" ? \"Number\" : \"\"}El`].value = newInputValue;\n  };\n\n  private setPreviousEmittedValue = (value: string): void => {\n    this.previousEmittedValue = this.normalizeValue(value);\n  };\n\n  private normalizeValue(value: string): string {\n    return this.type === \"number\" ? (isValidNumber(value) ? value : \"\") : value;\n  }\n\n  private setPreviousValue = (value: string): void => {\n    this.previousValue = this.normalizeValue(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\n    if (this.type === \"number\") {\n      numberStringFormatter.numberFormatOptions = {\n        locale: this.effectiveLocale,\n        numberingSystem: this.numberingSystem,\n        useGrouping: this.groupSeparator,\n        signDisplay: \"never\",\n      };\n\n      const isValueDeleted =\n        this.previousValue?.length > value.length || this.value?.length > value.length;\n      const hasTrailingDecimalSeparator = value.charAt(value.length - 1) === \".\";\n      const sanitizedValue =\n        hasTrailingDecimalSeparator && isValueDeleted ? value : sanitizeNumberString(value);\n\n      const newValue =\n        value && !sanitizedValue\n          ? isValidNumber(this.previousValue)\n            ? this.previousValue\n            : \"\"\n          : sanitizedValue;\n\n      let newLocalizedValue = numberStringFormatter.localize(newValue);\n\n      if (origin !== \"connected\" && !hasTrailingDecimalSeparator) {\n        newLocalizedValue = addLocalizedTrailingDecimalZeros(\n          newLocalizedValue,\n          newValue,\n          numberStringFormatter,\n        );\n      }\n\n      // adds localized trailing decimal separator\n      this.displayedValue =\n        hasTrailingDecimalSeparator && isValueDeleted\n          ? `${newLocalizedValue}${numberStringFormatter.decimal}`\n          : newLocalizedValue;\n\n      this.userChangedValue = origin === \"user\" && this.value !== newValue;\n      // don't sanitize the start of negative/decimal numbers, but\n      // don't set value to an invalid number\n      this.value = [\"-\", \".\"].includes(newValue) ? \"\" : newValue;\n    } else {\n      this.userChangedValue = origin === \"user\" && this.value !== value;\n      this.value = value;\n    }\n\n    if (origin === \"direct\") {\n      this.setInputValue(value);\n      this.previousEmittedValue = value;\n    }\n\n    if (nativeEvent) {\n      const calciteInputInputEvent = this.calciteInputInput.emit();\n      if (calciteInputInputEvent.defaultPrevented) {\n        this.value = this.previousValue;\n        this.displayedValue =\n          this.type === \"number\"\n            ? numberStringFormatter.localize(this.previousValue)\n            : this.previousValue;\n      } else if (committing) {\n        this.emitChangeIfUserModified();\n      }\n    }\n  };\n\n  private inputKeyUpHandler = (): void => {\n    window.clearInterval(this.nudgeNumberValueIntervalId);\n  };\n\n  private warnAboutInvalidNumberValue(value: string): void {\n    if (this.type === \"number\" && value && !isValidNumber(value)) {\n      console.warn(`The specified value \"${value}\" cannot be parsed, or is out of range.`);\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.clearInputValue}\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\n    const isHorizontalNumberButton = this.numberButtonType === \"horizontal\";\n\n    const numberButtonsHorizontalUp = (\n      <button\n        aria-hidden=\"true\"\n        class={{\n          [CSS.numberButtonItem]: true,\n          [CSS.buttonItemHorizontal]: isHorizontalNumberButton,\n        }}\n        data-adjustment=\"up\"\n        disabled={this.disabled || this.readOnly}\n        onPointerDown={this.numberButtonPointerDownHandler}\n        onPointerOut={this.numberButtonPointerUpAndOutHandler}\n        onPointerUp={this.numberButtonPointerUpAndOutHandler}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"chevron-up\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n\n    const numberButtonsHorizontalDown = (\n      <button\n        aria-hidden=\"true\"\n        class={{\n          [CSS.numberButtonItem]: true,\n          [CSS.buttonItemHorizontal]: isHorizontalNumberButton,\n        }}\n        data-adjustment=\"down\"\n        disabled={this.disabled || this.readOnly}\n        onPointerDown={this.numberButtonPointerDownHandler}\n        onPointerOut={this.numberButtonPointerUpAndOutHandler}\n        onPointerUp={this.numberButtonPointerUpAndOutHandler}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"chevron-down\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n\n    const numberButtonsVertical = (\n      <div class={CSS.numberButtonWrapper}>\n        {numberButtonsHorizontalUp}\n        {numberButtonsHorizontalDown}\n      </div>\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 localeNumberInput =\n      this.type === \"number\" ? (\n        <input\n          accept={this.accept}\n          aria-label={getLabelText(this)}\n          autocomplete={this.autocomplete}\n          autofocus={this.autofocus ? true : null}\n          defaultValue={this.defaultValue}\n          disabled={this.disabled ? true : null}\n          enterKeyHint={this.enterKeyHint}\n          inputMode={this.inputMode}\n          key=\"localized-input\"\n          maxLength={this.maxLength}\n          minLength={this.minLength}\n          multiple={this.multiple}\n          name={undefined}\n          onBlur={this.inputBlurHandler}\n          onFocus={this.inputFocusHandler}\n          onInput={this.inputNumberInputHandler}\n          onKeyDown={this.inputNumberKeyDownHandler}\n          onKeyUp={this.inputKeyUpHandler}\n          pattern={this.pattern}\n          placeholder={this.placeholder || \"\"}\n          readOnly={this.readOnly}\n          type=\"text\"\n          value={this.displayedValue}\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.setChildNumberElRef}\n        />\n      ) : null;\n\n    const childEl =\n      this.type !== \"number\"\n        ? [\n            <this.childElType\n              accept={this.accept}\n              aria-label={getLabelText(this)}\n              autocomplete={this.autocomplete}\n              autofocus={this.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.enterKeyHint}\n              inputMode={this.inputMode}\n              max={this.maxString}\n              maxLength={this.maxLength}\n              min={this.minString}\n              minLength={this.minLength}\n              multiple={this.multiple}\n              name={this.name}\n              onBlur={this.inputBlurHandler}\n              onChange={this.inputChangeHandler}\n              onFocus={this.inputFocusHandler}\n              onInput={this.inputInputHandler}\n              onKeyDown={this.inputKeyDownHandler}\n              onKeyUp={this.inputKeyUpHandler}\n              pattern={this.pattern}\n              placeholder={this.placeholder || \"\"}\n              readOnly={this.readOnly}\n              required={this.required ? true : null}\n              step={this.step}\n              tabIndex={\n                this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null\n              }\n              type={this.type}\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            this.isTextarea ? (\n              <div class={CSS.resizeIconWrapper}>\n                <calcite-icon icon=\"chevron-down\" scale={getIconScale(this.scale)} />\n              </div>\n            ) : null,\n          ]\n        : null;\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.type === \"number\" && this.numberButtonType === \"horizontal\" && !this.readOnly\n              ? numberButtonsHorizontalDown\n              : null}\n            {this.prefixText ? prefixText : null}\n            <div class={CSS.wrapper}>\n              {localeNumberInput}\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.type === \"number\" && this.numberButtonType === \"vertical\" && !this.readOnly\n              ? numberButtonsVertical\n              : null}\n            {this.suffixText ? suffixText : null}\n            {this.type === \"number\" && this.numberButtonType === \"horizontal\" && !this.readOnly\n              ? numberButtonsHorizontalUp\n              : null}\n            <HiddenFormInputSlot component={this} />\n          </div>\n          {this.validationMessage ? (\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-1c447ea1.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.2.1-next.1
+ */
+import{r as e,h as t,g as s}from"./p-e7b7cbd1.js";import{j as i}from"./p-3a17e32e.js";import{h as n,i as r}from"./p-56d12c03.js";import"./p-f3a30d54.js";import"./p-72c5d4c3.js";function o(e){let t=0;for(let s=0;s<e.length;s++){t=e.charCodeAt(s)+((t<<5)-t)}let s="#";for(let e=0;e<3;e++){const i=t>>e*8&255;s+=("00"+i.toString(16)).substr(-2)}return s}function a(e){let{r:t,g:s,b:i}=e;t/=255;s/=255;i/=255;const n=Math.max(t,s,i);const r=Math.min(t,s,i);const o=n-r;if(n===r){return 0}let a=(n+r)/2;switch(n){case t:a=(s-i)/o+(s<i?6:0);break;case s:a=(i-t)/o+2;break;case i:a=(t-s)/o+4;break}return Math.round(a*60)}function c(e){return a(n(e))}const l=":host{display:inline-block;overflow:hidden;border-radius:50%}:host([scale=s]){block-size:1.5rem;inline-size:1.5rem;font-size:var(--calcite-font-size--3)}:host([scale=m]){block-size:2rem;inline-size:2rem;font-size:var(--calcite-font-size--2)}:host([scale=l]){block-size:2.75rem;inline-size:2.75rem;font-size:var(--calcite-font-size-0)}.icon{display:flex}.background{display:flex;block-size:100%;inline-size:100%;align-items:center;justify-content:center;border-radius:50%}.initials{font-weight:var(--calcite-font-weight-bold);text-transform:uppercase;color:var(--calcite-color-text-2)}.thumbnail{block-size:100%;inline-size:100%;border-radius:50%}:host([hidden]){display:none}[hidden]{display:none}";const d=class{constructor(t){e(this,t);this.scale="m";this.thumbnail=undefined;this.fullName=undefined;this.username=undefined;this.userId=undefined;this.label=undefined;this.thumbnailFailedToLoad=false}render(){return this.determineContent()}determineContent(){if(this.thumbnail&&!this.thumbnailFailedToLoad){return t("img",{alt:this.label||"",class:"thumbnail",onError:()=>this.thumbnailFailedToLoad=true,src:this.thumbnail})}const e=this.generateInitials();const s=this.generateFillColor();return t("span",{"aria-label":this.label||this.fullName,class:"background",role:"figure",style:{backgroundColor:s}},e?t("span",{"aria-hidden":"true",class:"initials"},e):t("calcite-icon",{class:"icon",icon:"user",scale:this.scale}))}generateFillColor(){const{userId:e,username:t,fullName:s,el:n}=this;const a=i(n);const l=e&&`#${e.substr(e.length-6)}`;const d=t||s||"";const u=l&&r(l)?l:o(d);if(!e&&!d||!r(u)){return`var(--calcite-color-foreground-2)`}const h=c(u);const f=a==="dark"?20:90;return`hsl(${h}, 60%, ${f}%)`}generateInitials(){const{fullName:e,username:t}=this;if(e){return e.trim().split(" ").map((e=>e.substring(0,1))).join("")}else if(t){return t.substring(0,2)}return false}get el(){return s(this)}};d.style=l;export{d as calcite_avatar};
+//# sourceMappingURL=p-1c447ea1.entry.js.map

package/dist/calcite/p-1e183458.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.2.1-next.1
+ */
+import{d as r}from"./p-b853319a.js";import"./p-e7b7cbd1.js";import"./p-e8855238.js";import"./p-3a17e32e.js";import"./p-f3a30d54.js";import"./p-72c5d4c3.js";import"./p-8f66e8bc.js";import"./p-81853f8b.js";import"./p-9e945454.js";import"./p-83a4dcfd.js";import"./p-3e580eba.js";import"./p-d3a47eeb.js";import"./p-310bb5d7.js";import"./p-10fac586.js";import"./p-69ee2941.js";import"./p-f6463383.js";import"./p-6f001be5.js";import"./p-2c196569.js";import"./p-d85f1bb6.js";var t="يناير_فبراير_مارس_أبريل_مايو_يونيو_يوليو_أغسطس_سبتمبر_أكتوبر_نوفمبر_ديسمبر".split("_");var p={1:"١",2:"٢",3:"٣",4:"٤",5:"٥",6:"٦",7:"٧",8:"٨",9:"٩",0:"٠"};var e={"١":"1","٢":"2","٣":"3","٤":"4","٥":"5","٦":"6","٧":"7","٨":"8","٩":"9","٠":"0"};var m={name:"ar",weekdays:"الأحد_الإثنين_الثلاثاء_الأربعاء_الخميس_الجمعة_السبت".split("_"),weekdaysShort:"أحد_إثنين_ثلاثاء_أربعاء_خميس_جمعة_سبت".split("_"),weekdaysMin:"ح_ن_ث_ر_خ_ج_س".split("_"),months:t,monthsShort:t,weekStart:6,meridiem:function r(t){return t>12?"م":"ص"},relativeTime:{future:"بعد %s",past:"منذ %s",s:"ثانية واحدة",m:"دقيقة واحدة",mm:"%d دقائق",h:"ساعة واحدة",hh:"%d ساعات",d:"يوم واحد",dd:"%d أيام",M:"شهر واحد",MM:"%d أشهر",y:"عام واحد",yy:"%d أعوام"},preparse:function r(t){return t.replace(/[١٢٣٤٥٦٧٨٩٠]/g,(function(r){return e[r]})).replace(/،/g,",")},postformat:function r(t){return t.replace(/\d/g,(function(r){return p[r]})).replace(/,/g,"،")},ordinal:function r(t){return t},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"D/‏M/‏YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"}};r.locale(m,null,true);export default m;
+//# sourceMappingURL=p-1e183458.js.map

package/dist/calcite/p-21ec36bc.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.2.1-next.1
+ */
+import{r as t,h as a,g as s}from"./p-e7b7cbd1.js";import{d as o}from"./p-3a17e32e.js";import{c as e,u as d,d as i,I as l}from"./p-8f66e8bc.js";import{s as n,a as r,c}from"./p-d3a47eeb.js";import"./p-f3a30d54.js";import"./p-72c5d4c3.js";import"./p-81853f8b.js";const h={button:"button"};const p={plus:"plus"};const w=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-button{--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}calcite-button:hover{--tw-shadow:var(--calcite-shadow-md);--tw-shadow-colored:var(--calcite-shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}calcite-button:active{--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([hidden]){display:none}[hidden]{display:none}";const b=class{constructor(a){t(this,a);this.appearance="solid";this.kind="brand";this.disabled=false;this.icon=p.plus;this.iconFlipRtl=false;this.label=undefined;this.loading=false;this.scale="m";this.text=undefined;this.textEnabled=false}connectedCallback(){e(this)}componentWillLoad(){n(this)}componentDidLoad(){r(this)}componentDidRender(){d(this)}disconnectedCallback(){i(this)}async setFocus(){await c(this);o(this.buttonEl)}render(){const{appearance:t,kind:s,disabled:o,loading:e,scale:d,textEnabled:i,icon:n,label:r,text:c,iconFlipRtl:p}=this;const w=!i?r||c||null:null;return a(l,{disabled:o},a("calcite-button",{appearance:t==="solid"?"solid":"outline-fill",class:h.button,disabled:o,iconFlipRtl:p?"start":null,iconStart:n,kind:s,label:r,loading:e,round:true,scale:d,title:w,type:"button",width:"auto",ref:t=>{this.buttonEl=t}},this.textEnabled?this.text:null))}get el(){return s(this)}};b.style=w;export{b as calcite_fab};
+//# sourceMappingURL=p-21ec36bc.entry.js.map

package/dist/calcite/p-21ec36bc.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","button","ICONS","plus","fabCss","Fab","connectedCallback","connectInteractive","this","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectInteractive","setFocus","componentFocusable","focusElement","buttonEl","render","appearance","kind","disabled","loading","scale","textEnabled","icon","label","text","iconFlipRtl","title","h","InteractiveContainer","class","iconStart","round","type","width","ref"],"sources":["src/components/fab/resources.ts","src/components/fab/fab.scss?tag=calcite-fab&encapsulation=shadow","src/components/fab/fab.tsx"],"sourcesContent":["export const CSS = {\n  button: \"button\",\n};\n\nexport const ICONS = {\n  plus: \"plus\",\n};\n",":host {\n  @apply flex bg-transparent;\n}\n\n@include disabled();\n\ncalcite-button {\n  @apply shadow-2;\n  &:hover {\n    @apply shadow-2-lg;\n  }\n  &:active {\n    @apply shadow-2-sm;\n  }\n}\n\n@include base-component();\n","import { Component, Element, h, Method, Prop, VNode } from \"@stencil/core\";\nimport { focusElement } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Appearance, Kind, Scale } from \"../interfaces\";\nimport { CSS, ICONS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-fab\",\n  styleUrl: \"fab.scss\",\n  shadow: true,\n})\nexport class Fab implements InteractiveComponent, LoadableComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Specifies the appearance style of the component.\n   */\n  @Prop({ reflect: true }) appearance: Extract<\"solid\" | \"outline-fill\", Appearance> = \"solid\";\n\n  /**\n   * Specifies the kind of the component, which will apply to border and background.\n   */\n  @Prop({ reflect: true }) kind: Extract<\"brand\" | \"danger\" | \"inverse\" | \"neutral\", Kind> =\n    \"brand\";\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * Specifies an icon to display.\n   *\n   * @default \"plus\"\n   */\n  @Prop({ reflect: true }) icon: string = ICONS.plus;\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  /**\n   * Accessible name for the component.\n   */\n  @Prop() label: string;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * Specifies text to accompany the component's icon.\n   */\n  @Prop() text: string;\n\n  /**\n   * When `true`, displays the `text` value in the component.\n   */\n  @Prop({ reflect: true }) textEnabled = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteFabElement;\n\n  private buttonEl: HTMLElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\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    focusElement(this.buttonEl);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const {\n      appearance,\n      kind,\n      disabled,\n      loading,\n      scale,\n      textEnabled,\n      icon,\n      label,\n      text,\n      iconFlipRtl,\n    } = this;\n\n    const title = !textEnabled ? label || text || null : null;\n\n    return (\n      <InteractiveContainer disabled={disabled}>\n        <calcite-button\n          appearance={appearance === \"solid\" ? \"solid\" : \"outline-fill\"}\n          class={CSS.button}\n          disabled={disabled}\n          iconFlipRtl={iconFlipRtl ? \"start\" : null}\n          iconStart={icon}\n          kind={kind}\n          label={label}\n          loading={loading}\n          round={true}\n          scale={scale}\n          title={title}\n          type=\"button\"\n          width=\"auto\"\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={(buttonEl): void => {\n            this.buttonEl = buttonEl;\n          }}\n        >\n          {this.textEnabled ? this.text : null}\n        </calcite-button>\n      </InteractiveContainer>\n    );\n  }\n}\n"],"mappings":";;;;;oQAAO,MAAMA,EAAM,CACjBC,OAAQ,UAGH,MAAMC,EAAQ,CACnBC,KAAM,QCLR,MAAMC,EAAS,wuC,MCuBFC,EAAG,M,yCAUuE,Q,UAMnF,Q,cAKkC,M,UAOIH,EAAMC,K,iBAGP,M,kCAUJ,M,WAKK,I,qCAUD,K,CAkBvC,iBAAAG,GACEC,EAAmBC,K,CAGrB,iBAAAC,GACEC,EAAuBF,K,CAGzB,gBAAAG,GACEC,EAAmBJ,K,CAGrB,kBAAAK,GACEC,EAAsBN,K,CAGxB,oBAAAO,GACEC,EAAsBR,K,CAWxB,cAAMS,SACEC,EAAmBV,MAEzBW,EAAaX,KAAKY,S,CASpB,MAAAC,GACE,MAAMC,WACJA,EAAUC,KACVA,EAAIC,SACJA,EAAQC,QACRA,EAAOC,MACPA,EAAKC,YACLA,EAAWC,KACXA,EAAIC,MACJA,EAAKC,KACLA,EAAIC,YACJA,GACEvB,KAEJ,MAAMwB,GAASL,EAAcE,GAASC,GAAQ,KAAO,KAErD,OACEG,EAACC,EAAoB,CAACV,SAAUA,GAC9BS,EAAA,kBACEX,WAAYA,IAAe,QAAU,QAAU,eAC/Ca,MAAOnC,EAAIC,OACXuB,SAAUA,EACVO,YAAaA,EAAc,QAAU,KACrCK,UAAWR,EACXL,KAAMA,EACNM,MAAOA,EACPJ,QAASA,EACTY,MAAO,KACPX,MAAOA,EACPM,MAAOA,EACPM,KAAK,SACLC,MAAM,OAENC,IAAMpB,IACJZ,KAAKY,SAAWA,CAAQ,GAGzBZ,KAAKmB,YAAcnB,KAAKsB,KAAO,M"}

package/dist/calcite/p-247b25c4.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.2.1-next.1
+ */
+import{h as e,r as t,c as i,H as s,e as o,g as r}from"./p-e7b7cbd1.js";import{s as n,l as a}from"./p-3a17e32e.js";import{c}from"./p-10fac586.js";import{g as l}from"./p-f3a30d54.js";import{c as h,d as p,n as d}from"./p-310bb5d7.js";import{c as m,s as u,d as b,u as f}from"./p-6f001be5.js";import{c as g,u as v,d as y,I as x}from"./p-8f66e8bc.js";import{s as z,a as w,c as k}from"./p-d3a47eeb.js";import"./p-72c5d4c3.js";import"./p-9e945454.js";import"./p-81853f8b.js";const I={stepBar:"step-bar",stepBarActive:"step-bar--active",stepBarComplete:"step-bar--complete",stepBarDisabled:"step-bar--disabled",stepBarError:"step-bar--error",stepBarInActive:"step-bar--inactive"};const C=({disabled:t,active:i,complete:s,error:o,key:r})=>e("svg",{class:{[I.stepBar]:true},key:r},e("rect",{class:{[I.stepBarActive]:i,[I.stepBarComplete]:s,[I.stepBarDisabled]:t,[I.stepBarError]:o,[I.stepBarInActive]:true},width:"100%",x:"0",y:"0"}));const S={s:120,m:180,l:200};const A={actionIcon:"action-icon",actionIconStart:"action-icon--start",actionIconEnd:"action-icon--end",actionContainer:"action-container",stepBarContainer:"step-bar-container",singleView:"single-view"};const E=':host([scale=s]){--calcite-internal-stepper-item-spacing-unit-s:0.25rem;--calcite-internal-stepper-action-block-size:2.75rem;--calcite-internal-stepper-action-inline-size:2rem;--calcite-internal-step-bar-gap:0.25rem}:host([scale=m]){--calcite-internal-stepper-item-spacing-unit-s:0.5rem;--calcite-internal-stepper-action-block-size:3.25rem;--calcite-internal-stepper-action-inline-size:2.5rem}:host([scale=l]){--calcite-internal-stepper-item-spacing-unit-s:0.75rem;--calcite-internal-stepper-action-block-size:4rem;--calcite-internal-stepper-action-inline-size:3rem;--calcite-internal-step-bar-gap:0.75rem}:host{display:flex}.container{position:relative;display:flex;inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:space-between}:host([layout=vertical]) .container{flex:1 1 auto;flex-direction:column}:host([layout=horizontal]) .container{display:grid;grid-template-areas:"items" "content";gap:0.5rem var(--calcite-internal-stepper-item-spacing-unit-s)}:host([layout=horizontal][scale=s]) .container{gap:0.25rem var(--calcite-internal-stepper-item-spacing-unit-s)}:host([layout=horizontal][scale=l]) .container{gap:0.75rem var(--calcite-internal-stepper-item-spacing-unit-s)}:host([layout=horizontal]) .container.single-view{display:flex;grid-template-columns:none}.action-icon{position:relative;display:flex;flex-grow:0;block-size:var(--calcite-internal-stepper-action-block-size);inline-size:var(--calcite-internal-stepper-action-inline-size)}.action-container{position:absolute;display:flex;justify-content:space-between;padding-block:0.25rem;inline-size:100%}.step-bar{display:flex;block-size:100%;inline-size:100%}.step-bar-container{position:absolute;display:flex;align-items:flex-start;justify-content:space-between;block-size:0.125rem;inline-size:100%;gap:var(--calcite-internal-step-bar-gap, 0.5rem)}.step-bar--inactive{fill:var(--calcite-color-border-3, #dfdfdf);fill-opacity:1;block-size:100%}.step-bar--active{fill:var(--calcite-color-brand)}.step-bar--complete{fill:var(--calcite-color-brand);fill-opacity:0.5}.step-bar--error{fill:var(--calcite-color-status-danger)}.step-bar--disabled{opacity:0.5}:host([hidden]){display:none}[hidden]{display:none}';const j=class{constructor(e){t(this,e);this.calciteStepperItemChange=i(this,"calciteStepperItemChange",6);this.calciteInternalStepperItemChange=i(this,"calciteInternalStepperItemChange",6);this.enabledItems=[];this.itemMap=new Map;this.items=[];this.mutationObserver=c("mutation",(()=>this.updateItems()));this.multipleViewMode=false;this.guid=`calcite-stepper-action-${l()}`;this.resizeObserver=c("resize",(e=>this.elWidth=e[0].contentRect.width));this.handleActionClick=e=>{const t=this.currentActivePosition;const i=e.target;if(i.getAttribute("data-position")==="start"){this.prevStep()}else{this.nextStep()}if(typeof this.currentActivePosition==="number"&&t!==this.currentActivePosition&&!this.items[this.currentActivePosition].disabled){this.calciteStepperItemChange.emit()}};this.setContainerEl=e=>{this.containerEl=e};this.handleDefaultSlotChange=e=>{const t=n(e).filter((e=>e?.tagName==="CALCITE-STEPPER-ITEM"));this.items=t;this.setGridTemplateColumns(t);this.setStepperItemNumberingSystem()};this.icon=false;this.layout="horizontal";this.numbered=false;this.scale="m";this.messages=undefined;this.numberingSystem=undefined;this.selectedItem=null;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.currentActivePosition=undefined;this.elWidth=undefined}handleItemPropChange(){this.updateItems()}numberingSystemChange(){this.setStepperItemNumberingSystem()}onMessagesChange(){}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true});this.updateItems();m(this);h(this)}async componentWillLoad(){await u(this)}componentDidLoad(){this.resizeObserver?.observe(this.containerEl);if(typeof this.currentActivePosition!=="number"){const e=this.getFirstEnabledStepperPosition();if(e===0){this.currentActivePosition=e}this.calciteInternalStepperItemChange.emit({position:e})}}disconnectedCallback(){this.resizeObserver?.disconnect();b(this);p(this);this.mutationObserver?.disconnect()}render(){return e(s,{"aria-label":this.messages.label,role:"region"},e("div",{class:{container:true,[A.singleView]:!this.multipleViewMode},ref:this.setContainerEl},!this.multipleViewMode&&this.layout==="horizontal"&&e("div",{class:{[A.stepBarContainer]:true}},this.items.map(((t,i)=>e(C,{active:i===this.currentActivePosition,complete:t.complete&&i!==this.currentActivePosition&&!t.error,disabled:t.disabled&&i!==this.currentActivePosition,error:t.error&&i!==this.currentActivePosition,key:i})))),e("div",{class:{[A.actionContainer]:true}},this.renderAction("start"),this.renderAction("end")),e("slot",{onSlotchange:this.handleDefaultSlotChange})))}calciteInternalStepperItemKeyEvent(e){const t=e.detail.item;const i=e.target;switch(t.key){case"ArrowDown":case"ArrowRight":a(this.enabledItems,i,"next");break;case"ArrowUp":case"ArrowLeft":a(this.enabledItems,i,"previous");break;case"Home":a(this.enabledItems,i,"first");break;case"End":a(this.enabledItems,i,"last");break}e.stopPropagation()}registerItem(e){const t=e.target;const{content:i,position:s}=e.detail;this.itemMap.set(t,{position:s,content:i});this.enabledItems=this.filterItems();e.stopPropagation()}updateItem(e){const{position:t}=e.detail;if(typeof t==="number"){this.currentActivePosition=t;this.selectedItem=e.target}this.calciteInternalStepperItemChange.emit({position:t})}handleUserRequestedStepperItemSelect(){this.calciteStepperItemChange.emit()}async nextStep(){const e=this.getEnabledStepIndex(this.currentActivePosition+1,"next");if(typeof e!=="number"){return}this.updateStep(e)}async prevStep(){const e=this.getEnabledStepIndex(this.currentActivePosition-1,"previous");if(typeof e!=="number"){return}this.updateStep(e)}async goToStep(e){const t=e-1;if(this.currentActivePosition!==t){this.updateStep(t)}}async startStep(){const e=this.getEnabledStepIndex(0,"next");if(typeof e!=="number"){return}this.updateStep(e)}async endStep(){const e=this.getEnabledStepIndex(this.items.length-1,"previous");if(typeof e!=="number"){return}this.updateStep(e)}effectiveLocaleChange(){f(this,this.effectiveLocale)}handlePositionChange(){o((()=>{this.determineActiveStepper(true)}))}handleElWidthChange(){o((()=>{this.determineActiveStepper()}))}updateItems(){this.el.querySelectorAll("calcite-stepper-item").forEach((e=>{e.icon=this.icon;e.numbered=this.numbered;e.layout=this.layout;e.scale=this.scale}))}determineActiveStepper(e=false){const t=this.items.length;if(!this.elWidth||!t||this.layout!=="horizontal"||t===1){return}const i=this.currentActivePosition||0;const s=t*this.getMinWidthOfStepperItem();const o=(t-1)*(parseInt(window.getComputedStyle(this.containerEl).rowGap)||0);if(this.elWidth<=s+o){this.multipleViewMode=false;this.items.forEach(((e,t)=>{if(t!==i){e.hidden=true}else{e.hidden=false;e.multipleViewMode=false}}))}else if(this.elWidth>s+o){if(this.multipleViewMode&&!e){return}this.multipleViewMode=true;this.setGridTemplateColumns(this.items);this.items.forEach((e=>{e.hidden=false;e.multipleViewMode=true}))}}getEnabledStepIndex(e,t="next"){const{items:i,currentActivePosition:s}=this;let o=e;while(i[o]?.disabled&&this.multipleViewMode){o=o+(t==="previous"?-1:1)}return o!==s&&o<i.length&&o>=0?o:null}updateStep(e){this.currentActivePosition=e;this.calciteInternalStepperItemChange.emit({position:e})}filterItems(){return this.items.filter((e=>!e.disabled))}setStepperItemNumberingSystem(){this.items.forEach((e=>{e.numberingSystem=this.numberingSystem}))}renderAction(t){const i=t==="start";const s=i?"chevron-left":"chevron-right";const{currentActivePosition:o,multipleViewMode:r,layout:n}=this;const a=this.items.length;const c=`${this.guid}-${i?"start":"end"}`;return n==="horizontal"&&!r?e("calcite-action",{alignment:"center",appearance:"transparent",class:{[A.actionIcon]:true},compact:true,"data-position":t,disabled:o===0&&i||o===a-1&&!i,icon:s,iconFlipRtl:true,id:c,onClick:this.handleActionClick,scale:this.scale,text:i?this.messages.previousStep:this.messages.nextStep}):null}getFirstEnabledStepperPosition(){const e=this.items.findIndex((e=>!e.disabled));if(e>-1){return e}return 0}setGridTemplateColumns(e){const t=this.getMinWidthOfStepperItem();const i=Array(e.length).fill(`minmax(${t}px, 1fr)`).join(" ");this.containerEl.style.gridTemplateAreas=i;this.containerEl.style.gridTemplateColumns=i}getMinWidthOfStepperItem(){return S[this.scale]}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{icon:["handleItemPropChange"],layout:["handleItemPropChange"],numbered:["handleItemPropChange"],scale:["handleItemPropChange"],numberingSystem:["numberingSystemChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"],currentActivePosition:["handlePositionChange"],elWidth:["handleElWidthChange"]}}};j.style=E;const L={container:"container",stepperItemContent:"stepper-item-content",stepperItemDescription:"stepper-item-description",stepperItemHeader:"stepper-item-header",stepperItemHeading:"stepper-item-heading",stepperItemHeaderText:"stepper-item-header-text",stepperItemNumber:"stepper-item-number",visuallyHidden:"visually-hidden"};const P=":host([layout=horizontal][disabled]) .stepper-item-header,:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([layout=horizontal][disabled]) .stepper-item-header *,:host([disabled]) *,:host([layout=horizontal][disabled]) .stepper-item-header ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-stepper-item-spacing-unit-s:0.25rem;--calcite-stepper-item-spacing-unit-m:0.75rem;--calcite-stepper-item-spacing-unit-l:1rem;--calcite-internal-stepper-action-inline-size:2rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-inline-end:0.25rem}:host([scale=s]) .stepper-item-description{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-stepper-item-spacing-unit-s:0.5rem;--calcite-stepper-item-spacing-unit-m:1rem;--calcite-stepper-item-spacing-unit-l:1.25rem;--calcite-internal-stepper-action-inline-size:2.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-inline-end:0.5rem}:host([scale=m]) .stepper-item-description{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-stepper-item-spacing-unit-s:0.75rem;--calcite-stepper-item-spacing-unit-m:1.25rem;--calcite-stepper-item-spacing-unit-l:1.5rem;--calcite-internal-stepper-action-inline-size:3rem;font-size:var(--calcite-font-size-1);line-height:1.5rem;margin-inline-end:0.75rem}:host([scale=l]) .stepper-item-description{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:flex;flex-grow:1;flex-direction:column;align-self:flex-start;margin-block-end:var(--calcite-stepper-item-spacing-unit-s)}:host .container{position:relative;display:flex;flex-grow:1;cursor:pointer;flex-direction:column;border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-color-border-3);color:var(--calcite-color-text-3);text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host{outline-color:transparent}:host(:focus){outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host .stepper-item-header{display:flex;cursor:pointer;align-items:flex-start}:host .stepper-item-content,:host .stepper-item-header{transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:var(--calcite-stepper-item-spacing-unit-l);padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}:host .stepper-item-header *{display:inline-flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-content{display:none;inline-size:100%;flex-direction:column;font-size:var(--calcite-font-size--2);line-height:1.375}:host .stepper-item-icon{margin-inline-end:var(--calcite-stepper-item-spacing-unit-m);margin-block-start:1px;display:inline-flex;block-size:0.75rem;flex-shrink:0;align-self:flex-start;color:var(--calcite-color-text-3);opacity:var(--calcite-opacity-disabled);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-header-text{flex-direction:column;text-align:initial;margin-inline-end:auto}:host .stepper-item-heading,:host .stepper-item-description{display:flex;inline-size:100%}:host .stepper-item-heading{margin-block-end:0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}:host .stepper-item-description{color:var(--calcite-color-text-3)}:host .stepper-item-number{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([complete]) .container .stepper-item-icon{color:var(--calcite-color-brand)}:host([error]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([error]) .container .stepper-item-number{color:var(--calcite-color-status-danger)}:host([error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-color-status-danger)}:host(:hover:not([disabled]):not([selected])) .container,:host(:focus:not([disabled]):not([selected])) .container{border-block-start-color:var(--calcite-color-brand)}:host(:hover:not([disabled]):not([selected])) .container .stepper-item-heading,:host(:focus:not([disabled]):not([selected])) .container .stepper-item-heading{color:var(--calcite-color-text-1)}:host(:hover:not([disabled]):not([selected])) .container .stepper-item-description,:host(:focus:not([disabled]):not([selected])) .container .stepper-item-description{color:var(--calcite-color-text-2)}:host([error]:hover:not([disabled]):not([selected])) .container,:host([error]:focus:not([disabled]):not([selected])) .container{border-block-start-color:var(--calcite-color-status-danger-hover)}:host([selected]) .container{border-block-start-color:var(--calcite-color-brand)}:host([selected]) .container .stepper-item-heading{color:var(--calcite-color-text-1)}:host([selected]) .container .stepper-item-description{color:var(--calcite-color-text-2)}:host([selected]) .container .stepper-item-number{color:var(--calcite-color-brand)}:host([selected]) .container .stepper-item-icon{color:var(--calcite-color-brand);opacity:1}:host([selected]) .container .stepper-item-content{display:flex}:host([layout=vertical]) .container{margin-inline:0px;margin-block-start:0px;flex:1 1 auto;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;border-inline-start-width:2px;padding-inline-start:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .container .stepper-item-icon{order:3;margin-block:1px 0px;padding-inline-start:var(--calcite-stepper-item-spacing-unit-s);margin-inline-start:auto}:host([layout=vertical]) .container .stepper-item-header{padding-inline-end:0px}:host([layout=vertical]) .container .stepper-item-content{padding:0px}:host([layout=vertical][complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][complete]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical][complete]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-color-brand)}:host([layout=vertical][error]) .container{border-color:var(--calcite-color-status-danger)}:host([layout=vertical][selected]) .container{border-color:var(--calcite-color-brand)}:host([layout=vertical][selected]) .container .stepper-item-content:not(:empty){margin-block-end:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical]:focus:not([disabled]):not([selected])) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][error]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical][error]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-color-status-danger-hover)}:host([layout=horizontal]){display:contents}:host([layout=horizontal]) .container{display:contents}:host([layout=horizontal]) .stepper-item-header{border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-color-border-3);outline-color:transparent;grid-row:items}:host([layout=horizontal]) .stepper-item-header:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([layout=horizontal]) .stepper-item-content{cursor:auto;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:0;padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}:host([layout=horizontal][selected]) .stepper-item-content{grid-area:2/1/2/-1}:host([layout=horizontal][complete]) .stepper-item-header{border-color:rgba(0, 122, 194, 0.5)}:host([layout=horizontal][complete]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal][complete]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-color-brand)}:host([layout=horizontal][error]) .stepper-item-header{border-color:var(--calcite-color-status-danger)}:host([layout=horizontal][selected][multiple-view-mode]) .stepper-item-header{border-color:var(--calcite-color-brand)}:host([layout=horizontal]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:rgba(0, 122, 194, 0.5)}:host([layout=horizontal][error]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal][error]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-color-status-danger-hover)}@media (forced-colors: active){:host .container{outline-width:0;outline-offset:0}:host(:focus),:host(:focus-visible){outline-color:canvasText}:host([selected]) .container{border-block-start-color:highlight}:host([selected]) .container .stepper-item-number{color:highlight}:host([selected]) .container .stepper-item-icon{color:highlight}:host([layout=vertical][selected]) .container{border-color:highlight}}:host([layout=horizontal]:not([multiple-view-mode])) .stepper-item-header{margin-inline-end:0px;border-style:none;inline-size:100%;padding-inline:calc(var(--calcite-internal-stepper-action-inline-size) + 0.5rem)}:host([layout=horizontal][error]:not([multiple-view-mode])) .container .stepper-item-number{color:var(--calcite-color-status-danger)}:host([layout=horizontal][error]:not([multiple-view-mode])) .container .stepper-item-icon{opacity:1;color:var(--calcite-color-status-danger)}:host([layout=horizontal][error][selected]:not([multiple-view-mode])),:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container{color:var(--calcite-color-text-3)}:host([layout=horizontal][error][selected]:not([multiple-view-mode])) .stepper-item-heading,:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-heading{color:var(--calcite-color-text-2)}:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-icon{opacity:var(--calcite-opacity-disabled)}:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-number{color:var(--calcite-color-text-3)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}";const D=class{constructor(e){t(this,e);this.calciteInternalStepperItemKeyEvent=i(this,"calciteInternalStepperItemKeyEvent",6);this.calciteInternalStepperItemSelect=i(this,"calciteInternalStepperItemSelect",6);this.calciteInternalUserRequestedStepperItemSelect=i(this,"calciteInternalUserRequestedStepperItemSelect",6);this.calciteInternalStepperItemRegister=i(this,"calciteInternalStepperItemRegister",6);this.keyDownHandler=e=>{if(!this.disabled&&e.target===this.el){switch(e.key){case" ":case"Enter":this.emitUserRequestedItem();e.preventDefault();break;case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"Home":case"End":this.calciteInternalStepperItemKeyEvent.emit({item:e});e.preventDefault();break}}};this.handleItemClick=e=>{if(this.disabled||this.layout==="horizontal"&&e.composedPath().some((e=>e.classList?.contains("stepper-item-content")))){return}this.emitUserRequestedItem()};this.emitUserRequestedItem=()=>{this.emitRequestedItem();if(!this.disabled){const e=this.itemPosition;this.calciteInternalUserRequestedStepperItemSelect.emit({position:e})}};this.emitRequestedItem=()=>{if(!this.disabled){const e=this.itemPosition;this.calciteInternalStepperItemSelect.emit({position:e})}};this.selected=false;this.complete=false;this.error=false;this.disabled=false;this.heading=undefined;this.description=undefined;this.iconFlipRtl=false;this.numberingSystem=undefined;this.icon=false;this.layout=undefined;this.messages=undefined;this.numbered=false;this.scale="m";this.multipleViewMode=false;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}selectedHandler(){if(this.selected){this.emitRequestedItem()}}disabledWatcher(){this.registerStepperItem()}onMessagesChange(){}effectiveLocaleWatcher(e){d.numberFormatOptions={locale:e,numberingSystem:this.numberingSystem,useGrouping:false};f(this,this.effectiveLocale)}connectedCallback(){g(this);h(this);m(this)}async componentWillLoad(){z(this);this.parentStepperEl=this.el.parentElement;this.itemPosition=this.getItemPosition();this.registerStepperItem();if(this.selected){this.emitRequestedItem()}await u(this)}componentDidLoad(){w(this)}componentDidRender(){v(this)}disconnectedCallback(){y(this);p(this);b(this)}render(){return e(s,{"aria-current":this.selected?"step":"false",onClick:this.handleItemClick,onKeyDown:this.keyDownHandler,tabIndex:this.disabled?-1:0},e(x,{disabled:this.disabled},e("div",{class:L.container},this.complete&&e("span",{"aria-live":"polite",class:L.visuallyHidden},this.messages.complete),e("div",{class:L.stepperItemHeader,tabIndex:this.layout==="horizontal"&&!this.disabled&&this.multipleViewMode?0:null,ref:e=>this.headerEl=e},this.icon?this.renderIcon():null,this.numbered?e("div",{class:L.stepperItemNumber},this.renderNumbers(),"."):null,e("div",{class:L.stepperItemHeaderText},e("span",{class:L.stepperItemHeading},this.heading),e("span",{class:L.stepperItemDescription},this.description))),e("div",{class:L.stepperItemContent},e("slot",null)))))}updateActiveItemOnChange(e){if(e.target===this.parentStepperEl||e.composedPath().includes(this.parentStepperEl)){this.selectedPosition=e.detail.position;this.determineSelectedItem()}}async setFocus(){await k(this);(this.layout==="vertical"?this.el:this.headerEl)?.focus()}renderIcon(){let t="circle";if(this.selected&&(this.multipleViewMode||!this.error&&!this.complete)){t="circleF"}else if(this.error){t="exclamationMarkCircleF"}else if(this.complete){t="checkCircleF"}return e("calcite-icon",{class:"stepper-item-icon",flipRtl:this.iconFlipRtl,icon:t,scale:"s"})}determineSelectedItem(){this.selected=!this.disabled&&this.itemPosition===this.selectedPosition}registerStepperItem(){this.calciteInternalStepperItemRegister.emit({position:this.itemPosition})}getItemPosition(){return Array.from(this.parentStepperEl?.querySelectorAll("calcite-stepper-item")).indexOf(this.el)}renderNumbers(){d.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:false};return d.numberFormatter.format(this.itemPosition+1)}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{selected:["selectedHandler"],disabled:["disabledWatcher"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleWatcher"]}}};D.style=P;export{j as calcite_stepper,D as calcite_stepper_item};
+//# sourceMappingURL=p-247b25c4.entry.js.map

package/dist/calcite/p-25bd0bd5.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.2.1-next.1
+ */
+import{r as t,c as i,h as e,H as s,g as o}from"./p-e7b7cbd1.js";import{q as n,i as r,y as a,t as l}from"./p-3a17e32e.js";import{c,b as h,a as f,r as d,F as u}from"./p-fdec3fda.js";import{g as p}from"./p-f3a30d54.js";import{o as m}from"./p-2c196569.js";import{F as w}from"./p-55a33480.js";import"./p-72c5d4c3.js";import"./p-ed4c32c2.js";const g={container:"container"};const v=300;const b=500;const y="aria-describedby";function x(t){const{referenceElement:i}=t;return(typeof i==="string"?n(t,{id:i}):i)||null}class E{constructor(){this.registeredElements=new WeakMap;this.registeredShadowRootCounts=new WeakMap;this.hoverOpenTimeout=null;this.hoverCloseTimeout=null;this.hoveredTooltip=null;this.clickedTooltip=null;this.activeTooltip=null;this.registeredElementCount=0;this.queryTooltip=t=>{const{registeredElements:i}=this;const e=t.find((t=>i.has(t)));return i.get(e)};this.keyDownHandler=t=>{if(t.key==="Escape"&&!t.defaultPrevented){const{activeTooltip:i}=this;if(i?.open){this.clearHoverTimeout();this.closeActiveTooltip();const e=x(i);if(e instanceof Element&&e.contains(t.target)){t.preventDefault()}}}};this.pointerMoveHandler=t=>{const i=t.composedPath();const{activeTooltip:e}=this;const s=e?.open&&i.includes(e);if(s){this.clearHoverTimeout();return}const o=this.queryTooltip(i);this.hoveredTooltip=o;if(this.isClosableClickedTooltip(o)){return}this.clickedTooltip=null;if(o){this.openHoveredTooltip(o)}else if(e){this.closeHoveredTooltip()}};this.pointerDownHandler=t=>{if(!r(t)){return}const i=this.queryTooltip(t.composedPath());this.clickedTooltip=i;if(i?.closeOnClick){this.toggleTooltip(i,false);this.clearHoverTimeout()}};this.focusInHandler=t=>{this.queryFocusedTooltip(t,true)};this.focusOutHandler=t=>{this.queryFocusedTooltip(t,false)};this.openHoveredTooltip=t=>{this.hoverOpenTimeout=window.setTimeout((()=>{if(this.hoverOpenTimeout===null){return}this.clearHoverCloseTimeout();if(this.activeTooltip===this.hoveredTooltip){return}this.closeActiveTooltip();if(t!==this.hoveredTooltip){return}this.toggleTooltip(t,true)}),this.activeTooltip?0:v)};this.closeHoveredTooltip=()=>{this.hoverCloseTimeout=window.setTimeout((()=>{if(this.hoverCloseTimeout===null){return}this.closeActiveTooltip()}),b)}}registerElement(t,i){this.registeredElementCount++;this.registeredElements.set(t,i);const e=this.getReferenceElShadowRootNode(t);if(e){this.registerShadowRoot(e)}if(this.registeredElementCount===1){this.addListeners()}}unregisterElement(t){const i=this.getReferenceElShadowRootNode(t);if(i){this.unregisterShadowRoot(i)}if(this.registeredElements.delete(t)){this.registeredElementCount--}if(this.registeredElementCount===0){this.removeListeners()}}addShadowListeners(t){t.addEventListener("focusin",this.focusInHandler,{capture:true});t.addEventListener("focusout",this.focusOutHandler,{capture:true})}removeShadowListeners(t){t.removeEventListener("focusin",this.focusInHandler,{capture:true});t.removeEventListener("focusout",this.focusOutHandler,{capture:true})}addListeners(){window.addEventListener("keydown",this.keyDownHandler,{capture:true});window.addEventListener("pointermove",this.pointerMoveHandler,{capture:true});window.addEventListener("pointerdown",this.pointerDownHandler,{capture:true});window.addEventListener("focusin",this.focusInHandler,{capture:true});window.addEventListener("focusout",this.focusOutHandler,{capture:true})}removeListeners(){window.removeEventListener("keydown",this.keyDownHandler,{capture:true});window.removeEventListener("pointermove",this.pointerMoveHandler,{capture:true});window.removeEventListener("pointerdown",this.pointerDownHandler,{capture:true});window.removeEventListener("focusin",this.focusInHandler,{capture:true});window.removeEventListener("focusout",this.focusOutHandler,{capture:true})}clearHoverOpenTimeout(){window.clearTimeout(this.hoverOpenTimeout);this.hoverOpenTimeout=null}clearHoverCloseTimeout(){window.clearTimeout(this.hoverCloseTimeout);this.hoverCloseTimeout=null}clearHoverTimeout(){this.clearHoverOpenTimeout();this.clearHoverCloseTimeout()}closeActiveTooltip(){const{activeTooltip:t}=this;if(t?.open){this.toggleTooltip(t,false)}}toggleFocusedTooltip(t,i){this.closeActiveTooltip();if(i){this.clearHoverTimeout()}this.toggleTooltip(t,i)}toggleTooltip(t,i){t.open=i;this.activeTooltip=i?t:null}queryFocusedTooltip(t,i){const e=this.queryTooltip(t.composedPath());if(!e||this.isClosableClickedTooltip(e)){return}this.toggleFocusedTooltip(e,i)}isClosableClickedTooltip(t){return t?.closeOnClick&&t===this.clickedTooltip}registerShadowRoot(t){const{registeredShadowRootCounts:i}=this;const e=(i.get(t)??0)+1;if(e===1){this.addShadowListeners(t)}i.set(t,e)}unregisterShadowRoot(t){const{registeredShadowRootCounts:i}=this;const e=i.get(t)-1;if(e===0){this.removeShadowListeners(t)}i.set(t,e)}getReferenceElShadowRootNode(t){return t instanceof Element?a(t):null}}const k=":host{--calcite-floating-ui-z-index:var(--calcite-tooltip-z-index, var(--calcite-z-index-tooltip));display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index)}.calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}.container{position:relative;overflow:hidden;border-radius:0.25rem;padding-block:0.75rem;padding-inline:1rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);max-inline-size:20rem;max-block-size:20rem;text-align:start}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.arrow::before{outline:1px solid var(--calcite-color-border-3)}:host([hidden]){display:none}[hidden]{display:none}";const H=new E;const T=class{constructor(e){t(this,e);this.calciteTooltipBeforeClose=i(this,"calciteTooltipBeforeClose",6);this.calciteTooltipClose=i(this,"calciteTooltipClose",6);this.calciteTooltipBeforeOpen=i(this,"calciteTooltipBeforeOpen",6);this.calciteTooltipOpen=i(this,"calciteTooltipOpen",6);this.guid=`calcite-tooltip-${p()}`;this.hasLoaded=false;this.openTransitionProp="opacity";this.setTransitionEl=t=>{this.transitionEl=t};this.setUpReferenceElement=(t=true)=>{this.removeReferences();this.effectiveReferenceElement=x(this.el);c(this,this.effectiveReferenceElement,this.el);const{el:i,referenceElement:e,effectiveReferenceElement:s}=this;if(t&&e&&!s){console.warn(`${i.tagName}: reference-element id "${e}" was not found.`,{el:i})}this.addReferences()};this.getId=()=>this.el.id||this.guid;this.addReferences=()=>{const{effectiveReferenceElement:t}=this;if(!t){return}const i=this.getId();if("setAttribute"in t){t.setAttribute(y,i)}H.registerElement(t,this.el)};this.removeReferences=()=>{const{effectiveReferenceElement:t}=this;if(!t){return}if("removeAttribute"in t){t.removeAttribute(y)}H.unregisterElement(t)};this.closeOnClick=false;this.label=undefined;this.offsetDistance=h;this.offsetSkidding=0;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.referenceElement=undefined;this.effectiveReferenceElement=undefined;this.floatingLayout="vertical"}offsetDistanceOffsetHandler(){this.reposition(true)}offsetSkiddingHandler(){this.reposition(true)}openHandler(){m(this);this.reposition(true)}overlayPositioningHandler(){this.reposition(true)}placementHandler(){this.reposition(true)}referenceElementHandler(){this.setUpReferenceElement()}connectedCallback(){this.setUpReferenceElement(this.hasLoaded);if(this.open){m(this)}c(this,this.effectiveReferenceElement,this.el)}async componentWillLoad(){if(this.open){m(this)}}componentDidLoad(){if(this.referenceElement&&!this.effectiveReferenceElement){this.setUpReferenceElement()}this.reposition(true);this.hasLoaded=true}disconnectedCallback(){this.removeReferences();f(this,this.effectiveReferenceElement,this.el)}async reposition(t=false){const{el:i,effectiveReferenceElement:e,placement:s,overlayPositioning:o,offsetDistance:n,offsetSkidding:r,arrowEl:a}=this;return d(this,{floatingEl:i,referenceEl:e,overlayPositioning:o,placement:s,offsetDistance:n,offsetSkidding:r,arrowEl:a,type:"tooltip"},t)}onBeforeOpen(){this.calciteTooltipBeforeOpen.emit()}onOpen(){this.calciteTooltipOpen.emit()}onBeforeClose(){this.calciteTooltipBeforeClose.emit()}onClose(){this.calciteTooltipClose.emit()}render(){const{effectiveReferenceElement:t,label:i,open:o,floatingLayout:n}=this;const r=t&&o;const a=!r;return e(s,{"aria-hidden":l(a),"aria-label":i,"aria-live":"polite","calcite-hydrated-hidden":a,id:this.getId(),role:"tooltip"},e("div",{class:{[u.animation]:true,[u.animationActive]:r},ref:this.setTransitionEl},e(w,{floatingLayout:n,ref:t=>this.arrowEl=t}),e("div",{class:g.container},e("slot",null))))}get el(){return o(this)}static get watchers(){return{offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"]}}};T.style=k;export{T as calcite_tooltip};
+//# sourceMappingURL=p-25bd0bd5.entry.js.map

package/dist/calcite/p-2c196569.js

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

package/dist/calcite/p-2f3309be.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.2.1-next.1
+ */
+import{r as t,h as e,g as i,f as s,c as a,H as n}from"./p-e7b7cbd1.js";import{g as l}from"./p-f3a30d54.js";import{c as h}from"./p-10fac586.js";import{i as r,v as o}from"./p-3a17e32e.js";import{c,d,a as u,H as m}from"./p-e8855238.js";import{c as b,d as p,u as f,I as g}from"./p-8f66e8bc.js";import{i as v}from"./p-9e945454.js";import{c as x,d as k,g as _}from"./p-83a4dcfd.js";import{s as $,a as y,c as w}from"./p-d3a47eeb.js";import{n as M,c as z,d as V}from"./p-310bb5d7.js";import{d as L,c as H}from"./p-f6463383.js";import"./p-72c5d4c3.js";import"./p-81853f8b.js";import"./p-3e580eba.js";function j(t,e,i){const s=e[0]-t[0];const a=i[0]-e[0];const n=e[1]-t[1];const l=i[1]-e[1];const h=n/(s||a<0&&0);const r=l/(a||s<0&&0);const o=(h*a+r*s)/(s+a);return(Math.sign(h)+Math.sign(r))*Math.min(Math.abs(h),Math.abs(r),.5*Math.abs(o))||0}function X(t,e,i){const s=e[0]-t[0];const a=e[1]-t[1];return s?(3*a/s-i)/2:i}function T(t,e,i,s,a){const[n,l]=t;const[h,r]=e;const o=(h-n)/3;const c=a([n+o,l+o*i]).join(",");const d=a([h-o,r-o*s]).join(",");const u=a([h,r]).join(",");return`C ${c} ${d} ${u}`}function C({width:t,height:e,min:i,max:s}){const a=s[0]-i[0];const n=s[1]-i[1];return s=>{const l=(s[0]-i[0])/a*t;const h=e-s[1]/n*e;return[l,h]}}function D(t){const[e,i]=t[0];const s=[e,i];const a=[e,i];return t.reduce((({min:t,max:e},[i,s])=>({min:[Math.min(t[0],i),Math.min(t[1],s)],max:[Math.max(e[0],i),Math.max(e[1],s)]})),{min:s,max:a})}function A({data:t,min:e,max:i,t:s}){if(t.length===0){return""}const[a,n]=s(t[0]);const[l,h]=s(e);const[r]=s(i);let o;let c;let d;const u=t.reduce(((e,i,a)=>{c=t[a-2];d=t[a-1];if(a>1){const t=j(c,d,i);const a=o===undefined?X(c,d,t):o;const n=T(c,d,a,t,s);o=t;return`${e} ${n}`}return e}),`M ${l},${h} L ${l},${n} L ${a},${n}`);const m=t[t.length-1];const b=T(d,m,o,X(d,m,o),s);return`${u} ${b} L ${r},${h} Z`}const S=":host{display:block;block-size:100%}.svg{fill:currentColor;stroke:transparent;margin:0px;display:block;block-size:100%;inline-size:100%;padding:0px}.svg .graph-path--highlight{fill:var(--calcite-color-brand);opacity:0.5}:host([hidden]){display:none}[hidden]{display:none}";const I=class{constructor(e){t(this,e);this.graphId=`calcite-graph-${l()}`;this.resizeObserver=h("resize",(()=>s(this)));this.data=[];this.colorStops=undefined;this.highlightMin=undefined;this.highlightMax=undefined;this.min=undefined;this.max=undefined}connectedCallback(){this.resizeObserver?.observe(this.el)}disconnectedCallback(){this.resizeObserver?.disconnect()}render(){const{data:t,colorStops:i,el:s,highlightMax:a,highlightMin:n,min:l,max:h}=this;const r=this.graphId;const{clientHeight:o,clientWidth:c}=s;if(!t||t.length===0){return e("svg",{"aria-hidden":"true",class:"svg",height:o,preserveAspectRatio:"none",viewBox:`0 0 ${c} ${o}`,width:c})}const{min:d,max:u}=D(t);let m=d;let b=u;if(l<d[0]||l>d[0]){m=[l,0]}if(h>u[0]||h<u[0]){b=[h,u[1]]}const p=C({min:m,max:b,width:c,height:o});const[f]=p([n,b[1]]);const[g]=p([a,b[1]]);const v=A({data:t,min:d,max:u,t:p});const x=i?`url(#linear-gradient-${r})`:undefined;return e("svg",{"aria-hidden":"true",class:"svg",height:o,preserveAspectRatio:"none",viewBox:`0 0 ${c} ${o}`,width:c},i?e("defs",null,e("linearGradient",{id:`linear-gradient-${r}`,x1:"0",x2:"1",y1:"0",y2:"0"},i.map((({offset:t,color:i,opacity:s})=>e("stop",{offset:`${t*100}%`,"stop-color":i,"stop-opacity":s}))))):null,n!==undefined?[e("mask",{height:"100%",id:`${r}1`,width:"100%",x:"0%",y:"0%"},e("path",{d:`\n            M 0,0\n            L ${f-1},0\n            L ${f-1},${o}\n            L 0,${o}\n            Z\n          `,fill:"white"})),e("mask",{height:"100%",id:`${r}2`,width:"100%",x:"0%",y:"0%"},e("path",{d:`\n            M ${f+1},0\n            L ${g-1},0\n            L ${g-1},${o}\n            L ${f+1}, ${o}\n            Z\n          `,fill:"white"})),e("mask",{height:"100%",id:`${r}3`,width:"100%",x:"0%",y:"0%"},e("path",{d:`\n                M ${g+1},0\n                L ${c},0\n                L ${c},${o}\n                L ${g+1}, ${o}\n                Z\n              `,fill:"white"})),e("path",{class:"graph-path",d:v,fill:x,mask:`url(#${r}1)`}),e("path",{class:"graph-path--highlight",d:v,fill:x,mask:`url(#${r}2)`}),e("path",{class:"graph-path",d:v,fill:x,mask:`url(#${r}3)`})]:e("path",{class:"graph-path",d:v,fill:x}))}get el(){return i(this)}};I.style=S;const R={container:"container",containerRange:"container--range",graph:"graph",handle:"handle",handleExtension:"handle-extension",handleLabel:"handle__label",handleLabelMinValue:"handle__label--minValue",handleLabelValue:"handle__label--value",hyphen:"hyphen",hyphenWrap:"hyphen--wrap",static:"static",thumb:"thumb",thumbActive:"thumb--active",thumbContainer:"thumb-container",thumbMinValue:"thumb--minValue",thumbPrecise:"thumb--precise",thumbValue:"thumb--value",tick:"tick",tickActive:"tick--active",tickLabel:"tick__label",tickMax:"tick__label--max",tickMin:"tick__label--min",ticks:"ticks",track:"track",trackRange:"track__range",transformed:"transformed"};const P=250;const F='@charset "UTF-8";:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.scale--s{--calcite-slider-handle-size:0.625rem;--calcite-slider-handle-extension-height:0.4rem;--calcite-slider-container-font-size:var(--calcite-font-size--3)}.scale--s .handle__label,.scale--s .tick__label{line-height:.75rem}.scale--m{--calcite-slider-handle-size:0.875rem;--calcite-slider-handle-extension-height:0.5rem;--calcite-slider-container-font-size:var(--calcite-font-size--2)}.scale--m .handle__label,.scale--m .tick__label{line-height:1rem}.scale--l{--calcite-slider-handle-size:1rem;--calcite-slider-handle-extension-height:0.65rem;--calcite-slider-container-font-size:var(--calcite-font-size--1)}.scale--l .handle__label,.scale--l .tick__label{line-height:1rem}.handle__label,.tick__label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);font-size:var(--calcite-slider-container-font-size)}:host{display:block}.container{position:relative;display:block;overflow-wrap:normal;word-break:normal;padding-inline:calc(var(--calcite-slider-handle-size) * 0.5);padding-block:calc(var(--calcite-slider-handle-size) * 0.5);margin-block:calc(var(--calcite-slider-handle-size) * 0.5);margin-inline:0;--calcite-slider-full-handle-height:calc(\n    var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height)\n  );touch-action:none}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.375rem}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.5rem}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.55rem}:host([precise]:not([has-histogram])) .container .thumb--value{--calcite-slider-thumb-y-offset:calc(var(--calcite-slider-full-handle-height) * -1)}.thumb-container{position:relative;max-inline-size:100%}.thumb{--calcite-slider-thumb-x-offset:calc(var(--calcite-slider-handle-size) * 0.5);position:absolute;margin:0px;display:flex;cursor:pointer;flex-direction:column;align-items:center;border-style:none;background-color:transparent;padding:0px;font-family:inherit;outline:2px solid transparent;outline-offset:2px;transform:translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset))}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;inset-block:0px;opacity:0}.thumb .handle__label.hyphen::after{content:"—";display:inline-block;inline-size:1em}.thumb .handle__label.hyphen--wrap{display:flex}.thumb .handle{box-sizing:border-box;border-radius:9999px;background-color:var(--calcite-color-foreground-1);outline-color:transparent;block-size:var(--calcite-slider-handle-size);inline-size:var(--calcite-slider-handle-size);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{inline-size:0.125rem;block-size:var(--calcite-slider-handle-extension-height);background-color:var(--calcite-color-text-3)}.thumb:hover .handle{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.thumb:hover .handle-extension{background-color:var(--calcite-color-brand)}.thumb:focus .handle{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.thumb:focus .handle-extension{background-color:var(--calcite-color-brand)}.thumb.thumb--minValue{transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset:-0.125rem}:host([label-handles]) .thumb{--calcite-slider-thumb-x-offset:50%}:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-1.4375rem}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-1.875rem}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-2rem}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{margin-block-start:0.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{margin-block-end:0.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset:-2.075rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset:-2.75rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset:-3.0625rem}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-color-brand);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16)}.thumb:hover.thumb--precise:after,.thumb:focus.thumb--precise:after,.thumb--active.thumb--precise:after{background-color:var(--calcite-color-brand)}.track{position:relative;block-size:0.125rem;border-radius:0px;background-color:var(--calcite-color-border-2);transition:all var(--calcite-internal-animation-timing-medium) ease-in}.track__range{position:absolute;inset-block-start:0px;block-size:0.125rem;background-color:var(--calcite-color-brand)}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{position:absolute;inline-size:100%;content:"";inset-block-start:calc(var(--calcite-slider-full-handle-height) * 0.5 * -1);block-size:calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height))}@media (forced-colors: active){.thumb{outline-width:0;outline-offset:0}.handle{outline:2px solid transparent;outline-offset:2px}.thumb:focus .handle,.thumb .handle-extension,.thumb:hover .handle-extension,.thumb:focus .handle-extension,.thumb:active .handle-extension{background-color:canvasText}.track{background-color:canvasText}.track__range{background-color:highlight}}.tick{position:absolute;block-size:0.25rem;inline-size:0.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-color-border-input);border-color:var(--calcite-color-foreground-1);inset-block-start:-2px;pointer-events:none;margin-inline-start:calc(-1 * 0.125rem)}.tick--active{background-color:var(--calcite-color-brand)}.tick__label{pointer-events:none;margin-block-start:0.875rem;display:flex;justify-content:center}.tick__label--min{transition:opacity var(--calcite-animation-timing)}.tick__label--max{transition:opacity var(--calcite-internal-animation-timing-fast)}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max,:host([has-histogram][precise]) .tick__label--min,:host([has-histogram][precise]) .tick__label--max{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.graph{color:var(--calcite-color-foreground-3);block-size:48px}:host([label-ticks][ticks]) .container{padding-block-end:calc(0.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-block-end:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-block-end:calc(var(--calcite-slider-handle-size) * 0.5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-block-start:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container--range{padding-block-end:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}::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}';function N(t){return Array.isArray(t)}const O=class{constructor(e){t(this,e);this.calciteSliderInput=a(this,"calciteSliderInput",6);this.calciteSliderChange=a(this,"calciteSliderChange",6);this.activeProp="value";this.guid=`calcite-slider-${l()}`;this.onThumbBlur=()=>{this.activeProp=null};this.onThumbFocus=t=>{const e=t.currentTarget;this.activeProp=e.getAttribute("data-value-prop")};this.onThumbPointerDown=t=>{const e=t.currentTarget;this.pointerDownDragStart(t,e.getAttribute("data-value-prop"))};this.onTrackPointerDown=t=>{this.pointerDownDragStart(t,"minMaxValue")};this.dragUpdate=t=>{if(this.disabled){return}t.preventDefault();if(this.dragProp){const e=this.translate(t.clientX||t.pageX);if(N(this.value)&&this.dragProp==="minMaxValue"){if(this.minValueDragRange&&this.maxValueDragRange&&this.minMaxValueRange){const t=e-this.minValueDragRange;const i=e+this.maxValueDragRange;if(i<=this.max&&t>=this.min&&i-t===this.minMaxValueRange){this.setValue({minValue:this.clamp(t,"minValue"),maxValue:this.clamp(i,"maxValue")})}}else{this.minValueDragRange=e-this.minValue;this.maxValueDragRange=this.maxValue-e;this.minMaxValueRange=this.maxValue-this.minValue}}else{this.setValue({[this.dragProp]:this.clamp(e,this.dragProp)})}}};this.pointerUpDragEnd=t=>{if(this.disabled||!r(t)){return}this.dragEnd(t)};this.dragEnd=t=>{if(this.disabled){return}this.removeDragListeners();this.focusActiveHandle(t.clientX);if(this.lastDragPropValue!=this[this.dragProp]){this.emitChange()}this.dragProp=null;this.lastDragPropValue=null;this.minValueDragRange=null;this.maxValueDragRange=null;this.minMaxValueRange=null};this.storeTrackRef=t=>{this.trackEl=t};this.storeThumbRef=t=>{if(!t){return}const e=t.getAttribute("data-value-prop");e==="minValue"?this.minHandle=t:this.maxHandle=t};this.formatValue=t=>{M.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};return M.localize(t.toString())};this.disabled=false;this.form=undefined;this.groupSeparator=false;this.hasHistogram=false;this.histogram=undefined;this.histogramStops=undefined;this.labelHandles=false;this.labelTicks=false;this.max=100;this.maxLabel=undefined;this.maxValue=undefined;this.min=0;this.minLabel=undefined;this.minValue=undefined;this.mirrored=false;this.name=undefined;this.numberingSystem=undefined;this.pageStep=undefined;this.precise=false;this.required=false;this.snap=false;this.step=1;this.ticks=undefined;this.value=0;this.scale="m";this.effectiveLocale="";this.minMaxValueRange=null;this.minValueDragRange=null;this.maxValueDragRange=null;this.tickValues=[]}histogramWatcher(t){this.hasHistogram=!!t}ticksWatcher(){this.tickValues=this.generateTickValues()}valueHandler(){this.setMinMaxFromValue()}minMaxValueHandler(){this.setValueFromMinMax()}connectedCallback(){b(this);z(this);this.setMinMaxFromValue();this.setValueFromMinMax();x(this);c(this)}disconnectedCallback(){p(this);k(this);d(this);V(this);this.removeDragListeners()}componentWillLoad(){$(this);if(!N(this.value)){this.value=this.snap?this.getClosestStep(this.value):this.clamp(this.value)}this.ticksWatcher();this.histogramWatcher(this.histogram);u(this,this.value)}componentDidLoad(){y(this)}componentDidRender(){if(this.labelHandles){this.adjustHostObscuredHandleLabel("value");if(N(this.value)){this.adjustHostObscuredHandleLabel("minValue");if(!(this.precise&&!this.hasHistogram)){this.hyphenateCollidingRangeHandleLabels()}}}this.hideObscuredBoundingTickLabels();f(this)}render(){const t=this.el.id||this.guid;const i=N(this.value)?this.maxValue:this.value;const s=this.minValue||this.min;const a=this.shouldUseMinValue();const l=this.getUnitInterval(a?this.minValue:s)*100;const h=this.getUnitInterval(i)*100;const r=this.shouldMirror();const o=N(this.value);const c=this.buildThumbType("max");const d=this.renderThumb({type:c,thumbPlacement:c.includes("histogram")?"below":"above",maxInterval:h,minInterval:l,mirror:r});const u=this.buildThumbType("min");const b=o&&this.renderThumb({type:u,thumbPlacement:u.includes("histogram")||u.includes("precise")?"below":"above",maxInterval:h,minInterval:l,mirror:r});return e(n,{id:t,onTouchStart:this.handleTouchStart},e(g,{disabled:this.disabled},e("div",{"aria-label":_(this),class:{[R.container]:true,[R.containerRange]:o,[`scale--${this.scale}`]:true}},this.renderGraph(),e("div",{class:R.track,ref:this.storeTrackRef},e("div",{class:R.trackRange,onPointerDown:this.onTrackPointerDown,style:{left:`${r?100-h:l}%`,right:`${r?l:100-h}%`}}),e("div",{class:R.ticks},this.tickValues.map((t=>{const n=`${this.getUnitInterval(t)*100}%`;let l=t>=s&&t<=i;if(a){l=t>=this.minValue&&t<=this.maxValue}return e("span",{class:{[R.tick]:true,[R.tickActive]:l},style:{left:r?"":n,right:r?n:""}},this.renderTickLabel(t))})))),e("div",{class:R.thumbContainer},b,d,e(m,{component:this})))))}renderThumb({type:t,mirror:i,thumbPlacement:s,minInterval:a,maxInterval:n}){const l=t.includes("labeled");const h=t.includes("precise");const r=t.includes("min");const o=N(this.value);const c=r?this.minValue:o?this.maxValue:this.value;const d=r?"minValue":o?"maxValue":"value";const u=r?this.minLabel:o?this.maxLabel:this.minLabel;const m=r?this.minValue:c;const b=r?this.formatValue(this.minValue):this.formatValue(c);const p=r?{left:`${i?100-a:a}%`}:{right:`${i?n:100-n}%`};const f=`${R.handleLabel} ${r?R.handleLabelMinValue:R.handleLabelValue}`;const g=l?[e("span",{"aria-hidden":"true",class:f},b),e("span",{"aria-hidden":"true",class:`${f} ${R.static}`},b),e("span",{"aria-hidden":"true",class:`${f} ${R.transformed}`},b)]:[];const v=[...g,e("div",{class:R.handle}),h&&e("div",{class:R.handleExtension})];if(s==="below"){v.reverse()}return e("div",{"aria-disabled":this.disabled,"aria-label":u,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":m,class:{[R.thumb]:true,[R.thumbValue]:!r,[R.thumbActive]:this.lastDragProp!=="minMaxValue"&&this.dragProp===d,[R.thumbPrecise]:h,[R.thumbMinValue]:r},"data-value-prop":d,key:t,onBlur:this.onThumbBlur,onFocus:this.onThumbFocus,onPointerDown:this.onThumbPointerDown,role:"slider",style:p,tabIndex:0,ref:this.storeThumbRef},v)}renderGraph(){return this.histogram?e("calcite-graph",{class:R.graph,colorStops:this.histogramStops,data:this.histogram,highlightMax:N(this.value)?this.maxValue:this.value,highlightMin:N(this.value)?this.minValue:this.min,max:this.max,min:this.min}):null}renderTickLabel(t){const{hasHistogram:i,labelHandles:s,labelTicks:a,max:n,min:l,precise:h,value:r}=this;const o=N(r);const c=t===l;const d=t===n;const u=c||d;const m=a&&(!i&&(u||!h||!o)||i&&(u||!h&&!s));return m?e("span",{class:{[R.tickLabel]:true,[R.tickMin]:c,[R.tickMax]:d}},this.formatValue(t)):null}keyDownHandler(t){const e=this.shouldMirror();const{activeProp:i,max:s,min:a,pageStep:n,step:l}=this;const h=this[i];const{key:r}=t;if(v(r)){t.preventDefault();return}let o;if(r==="ArrowUp"||r==="ArrowRight"){const t=e&&r==="ArrowRight"?-1:1;o=h+l*t}else if(r==="ArrowDown"||r==="ArrowLeft"){const t=e&&r==="ArrowLeft"?-1:1;o=h-l*t}else if(r==="PageUp"){if(n){o=h+n}}else if(r==="PageDown"){if(n){o=h-n}}else if(r==="Home"){o=a}else if(r==="End"){o=s}if(isNaN(o)){return}t.preventDefault();const c=Number(o.toFixed(L(l)));this.setValue({[i]:this.clamp(c,i)})}pointerDownHandler(t){if(this.disabled||!r(t)){return}const e=t.clientX||t.pageX;const i=this.translate(e);let s="value";if(N(this.value)){const t=i>=this.minValue&&i<=this.maxValue;if(t&&this.lastDragProp==="minMaxValue"){s="minMaxValue"}else{const t=Math.abs(this.maxValue-i)<Math.abs(this.minValue-i);s=t||i>this.maxValue?"maxValue":"minValue"}}this.lastDragPropValue=this[s];this.dragStart(s);const a=this.el.shadowRoot.querySelector(`.${R.thumb}:active`);if(!a){this.setValue({[s]:this.clamp(i,s)})}this.focusActiveHandle(e)}handleTouchStart(t){t.preventDefault()}async setFocus(){await w(this);const t=this.minHandle?this.minHandle:this.maxHandle;t?.focus()}buildThumbType(t){const e=[t];if(this.labelHandles){e.push("labeled")}if(this.precise){e.push("precise")}if(this.hasHistogram){e.push("histogram")}return e.join("-")}setValueFromMinMax(){const{minValue:t,maxValue:e}=this;if(typeof t==="number"&&typeof e==="number"){this.value=[t,e]}}setMinMaxFromValue(){const{value:t}=this;if(N(t)){this.minValue=t[0];this.maxValue=t[1]}}onLabelClick(){this.setFocus()}shouldMirror(){return this.mirrored&&!this.hasHistogram}shouldUseMinValue(){if(!N(this.value)){return false}return this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0}getTickDensity(){const t=(this.max-this.min)/this.ticks/P;return t<1?1:t}generateTickValues(){const t=this.ticks??0;if(t<=0){return[]}const e=[this.min];const i=this.getTickDensity();const s=t*i;let a=this.min;while(a<this.max){a+=s;e.push(Math.min(a,this.max))}if(!e.includes(this.max)){e.push(this.max)}return e}pointerDownDragStart(t,e){if(!r(t)){return}this.dragStart(e)}dragStart(t){this.dragProp=t;this.lastDragProp=this.dragProp;this.activeProp=t;window.addEventListener("pointermove",this.dragUpdate);window.addEventListener("pointerup",this.pointerUpDragEnd);window.addEventListener("pointercancel",this.dragEnd)}focusActiveHandle(t){switch(this.dragProp){case"minValue":this.minHandle.focus();break;case"maxValue":case"value":this.maxHandle.focus();break;case"minMaxValue":this.getClosestHandle(t).focus();break}}emitInput(){this.calciteSliderInput.emit()}emitChange(){this.calciteSliderChange.emit()}removeDragListeners(){window.removeEventListener("pointermove",this.dragUpdate);window.removeEventListener("pointerup",this.pointerUpDragEnd);window.removeEventListener("pointercancel",this.dragEnd)}setValue(t){let e;Object.keys(t).forEach((i=>{const s=t[i];if(!e){const t=this[i];e=t!==s}this[i]=s}));if(!e){return}const i=this.dragProp;if(!i){this.emitChange()}this.emitInput()}clamp(t,e){t=H(t,this.min,this.max);if(e==="maxValue"){t=Math.max(t,this.minValue)}if(e==="minValue"){t=Math.min(t,this.maxValue)}return t}translate(t){const e=this.max-this.min;const{left:i,width:s}=this.trackEl.getBoundingClientRect();const a=(t-i)/s;const n=this.shouldMirror();const l=this.clamp(this.min+e*(n?1-a:a));let h=Number(l.toFixed(L(this.step)));if(this.snap&&this.step){h=this.getClosestStep(h)}return h}getClosestStep(t){t=Number(this.clamp(t).toFixed(L(this.step)));if(this.step){const e=Math.round(t/this.step)*this.step;t=Number(this.clamp(e).toFixed(L(this.step)))}return t}getClosestHandle(t){return this.getDistanceX(this.maxHandle,t)>this.getDistanceX(this.minHandle,t)?this.minHandle:this.maxHandle}getDistanceX(t,e){return Math.abs(t.getBoundingClientRect().left-e)}getFontSizeForElement(t){return Number(window.getComputedStyle(t).getPropertyValue("font-size").match(/\d+/)[0])}getUnitInterval(t){t=this.clamp(t);const e=this.max-this.min;return(t-this.min)/e}adjustHostObscuredHandleLabel(t){const e=this.el.shadowRoot.querySelector(`.handle__label--${t}`);const i=this.el.shadowRoot.querySelector(`.handle__label--${t}.static`);const s=this.el.shadowRoot.querySelector(`.handle__label--${t}.transformed`);const a=i.getBoundingClientRect();const n=this.getHostOffset(a.left,a.right);e.style.transform=`translateX(${n}px)`;s.style.transform=`translateX(${n}px)`}hyphenateCollidingRangeHandleLabels(){const{shadowRoot:t}=this.el;const e=this.shouldMirror();const i=e?"value":"minValue";const s=e?"minValue":"value";const a=t.querySelector(`.handle__label--${i}`);const n=t.querySelector(`.handle__label--${i}.static`);const l=t.querySelector(`.handle__label--${i}.transformed`);const h=this.getHostOffset(n.getBoundingClientRect().left,n.getBoundingClientRect().right);const r=t.querySelector(`.handle__label--${s}`);const o=t.querySelector(`.handle__label--${s}.static`);const c=t.querySelector(`.handle__label--${s}.transformed`);const d=this.getHostOffset(o.getBoundingClientRect().left,o.getBoundingClientRect().right);const u=this.getFontSizeForElement(a);const m=this.getRangeLabelOverlap(l,c);const b=a;const p=u/2;if(m>0){b.classList.add(R.hyphen,R.hyphenWrap);if(d===0&&h===0){let t=m/2-p;t=Math.sign(t)===-1?Math.abs(t):-t;const e=this.getHostOffset(l.getBoundingClientRect().left+t-p,l.getBoundingClientRect().right+t-p);let i=m/2;const s=this.getHostOffset(c.getBoundingClientRect().left+i,c.getBoundingClientRect().right+i);if(e!==0){t+=e;i+=e}if(s!==0){t+=s;i+=s}a.style.transform=`translateX(${t}px)`;l.style.transform=`translateX(${t-p}px)`;r.style.transform=`translateX(${i}px)`;c.style.transform=`translateX(${i}px)`}else if(h>0||d>0){a.style.transform=`translateX(${h+p}px)`;r.style.transform=`translateX(${m+d}px)`;c.style.transform=`translateX(${m+d}px)`}else if(h<0||d<0){let t=Math.abs(h)+m-p;t=Math.sign(t)===-1?Math.abs(t):-t;a.style.transform=`translateX(${t}px)`;l.style.transform=`translateX(${t-p}px)`}}else{b.classList.remove(R.hyphen,R.hyphenWrap);a.style.transform=`translateX(${h}px)`;l.style.transform=`translateX(${h}px)`;r.style.transform=`translateX(${d}px)`;c.style.transform=`translateX(${d}px)`}}hideObscuredBoundingTickLabels(){const t=N(this.value);if(!this.hasHistogram&&!t&&!this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!t&&this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!t&&!this.labelHandles&&this.precise){return}if(!this.hasHistogram&&!t&&this.labelHandles&&this.precise){return}if(!this.hasHistogram&&t&&!this.precise){return}if(this.hasHistogram&&!this.precise&&!this.labelHandles){return}const e=this.el.shadowRoot.querySelector(`.${R.thumbMinValue}`);const i=this.el.shadowRoot.querySelector(`.${R.thumbValue}`);const s=this.el.shadowRoot.querySelector(`.${R.tickMin}`);const a=this.el.shadowRoot.querySelector(`.${R.tickMax}`);if(!e&&i&&s&&a){s.style.opacity=this.isMinTickLabelObscured(s,i)?"0":"1";a.style.opacity=this.isMaxTickLabelObscured(a,i)?"0":"1"}if(e&&i&&s&&a){s.style.opacity=this.isMinTickLabelObscured(s,e)||this.isMinTickLabelObscured(s,i)?"0":"1";a.style.opacity=this.isMaxTickLabelObscured(a,e)||this.isMaxTickLabelObscured(a,i)&&this.hasHistogram?"0":"1"}}getHostOffset(t,e){const i=this.el.getBoundingClientRect();const s=7;if(t+s<i.left){return i.left-t-s}if(e-s>i.right){return-(e-i.right)+s}return 0}getRangeLabelOverlap(t,e){const i=t.getBoundingClientRect();const s=e.getBoundingClientRect();const a=this.getFontSizeForElement(t);const n=i.right+a-s.left;return Math.max(n,0)}isMinTickLabelObscured(t,e){const i=t.getBoundingClientRect();const s=e.getBoundingClientRect();return o(i,s)}isMaxTickLabelObscured(t,e){const i=t.getBoundingClientRect();const s=e.getBoundingClientRect();return o(i,s)}static get delegatesFocus(){return true}get el(){return i(this)}static get watchers(){return{histogram:["histogramWatcher"],ticks:["ticksWatcher"],value:["valueHandler"],minValue:["minMaxValueHandler"],maxValue:["minMaxValueHandler"]}}};O.style=F;export{I as calcite_graph,O as calcite_slider};
+//# sourceMappingURL=p-2f3309be.entry.js.map

package/dist/calcite/p-3003e212.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.2.1-next.1
+ */
+import{r as t,c as e,h as i,H as s,g as a}from"./p-e7b7cbd1.js";import{c as o,d as r,H as n}from"./p-e8855238.js";import{c as l,d as c,g as d}from"./p-83a4dcfd.js";import{t as h,b as f}from"./p-3a17e32e.js";import{c as p,d as m,n as b}from"./p-310bb5d7.js";import{c as u}from"./p-10fac586.js";import{s as g,a as x,c as v,b as z}from"./p-d3a47eeb.js";import{c as y,s as k,d as w,u as j}from"./p-6f001be5.js";import{c as L,u as H,d as C,I as A}from"./p-8f66e8bc.js";import{g as S}from"./p-f3a30d54.js";import{V as W}from"./p-d85f1bb6.js";import{t as D}from"./p-b32a274b.js";import"./p-3e580eba.js";import"./p-72c5d4c3.js";import"./p-9e945454.js";import"./p-81853f8b.js";import"./p-ed4c32c2.js";const I={assistiveText:"assistive-text",characterLimit:"character-limit",content:"content",container:"container",footer:"footer",resizeDisabled:"resize--disabled",resizeDisabledX:"resize--disabled-x",resizeDisabledY:"resize--disabled-y",characterOverLimit:"character--over-limit",readOnly:"readonly",textAreaInvalid:"text-area--invalid",footerSlotted:"footer--slotted",borderColor:"border--color",hide:"hide",blockSizeFull:"block-size--full",footerEndSlotOnly:"footer--end-only"};const O={footerStart:"footer-start",footerEnd:"footer-end"};const T=100;const E=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:inline-block;block-size:100%;inline-size:100%}textarea{position:relative;margin:0px;box-sizing:border-box;display:block;inline-size:100%;border-width:1px;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);font-family:var(--calcite-sans-family);color:var(--calcite-color-text-1);min-inline-size:12rem;border-block-end:1px solid var(--calcite-color-border-3)}@media screen and (max-width: 480px){textarea{resize:none}}textarea:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}textarea.text-area--invalid{border-width:1px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-status-danger)}textarea.text-area--invalid:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}textarea.footer--slotted{min-inline-size:18rem}.footer{box-sizing:border-box;display:flex;align-items:center;border-width:1px;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1)}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-status-danger)}:host([resize=none]) textarea{resize:none}:host([resize=horizontal]) textarea{resize:horizontal}:host([resize=vertical]) textarea{resize:vertical}:host([scale=s]){font-size:var(--calcite-font-size--2)}:host([scale=s]) .footer{padding-block:0.25rem;padding-inline:0.5rem;min-block-size:1.75rem}:host([scale=s]) textarea{padding-block:0.25rem;padding-inline:0.5rem}:host([scale=s]) textarea,:host([scale=s]) .footer,:host([scale=s]) .character-limit{padding-inline-start:0.5rem;font-size:var(--calcite-font-size--2)}:host([scale=m]) textarea{padding-block:0.5rem;padding-inline:0.75rem}:host([scale=m]) .footer{padding-block:0.5rem;padding-inline:0.75rem;min-block-size:2.25rem}:host([scale=m]) textarea,:host([scale=m]) .footer,:host([scale=m]) .character-limit{padding-inline-start:0.75rem;font-size:var(--calcite-font-size--1)}:host([scale=l]){font-size:var(--calcite-font-size-0)}:host([scale=l]) textarea{padding-block:0.75rem;padding-inline:1rem}:host([scale=l]) .footer{padding-block:0.75rem;padding-inline:1rem;min-block-size:2.75rem}:host([scale=l]) textarea,:host([scale=l]) .footer,:host([scale=l]) .character-limit{padding-inline-start:1rem;font-size:var(--calcite-font-size-0)}:host([status=invalid]) textarea{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) textarea:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.readonly{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}:host([disabled]) textarea,:host([disabled]) footer{opacity:0.5}.border--color{border-block-end-width:1px;border-color:var(--calcite-color-border-input)}.border--color:focus{border-block-end-width:2px}textarea.block-size--full{block-size:100%}.content,.hide{display:none}.container{display:flex;inline-size:100%;justify-content:space-between}.footer--end-only{justify-content:flex-end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const F=class{constructor(s){t(this,s);this.calciteTextAreaInput=e(this,"calciteTextAreaInput",7);this.calciteTextAreaChange=e(this,"calciteTextAreaChange",7);this.guid=S();this.handleInput=t=>{this.value=t.target["value"];this.calciteTextAreaInput.emit()};this.handleChange=()=>{this.calciteTextAreaChange.emit()};this.contentSlotChangeHandler=()=>{if(!this.value){const t=this.el.childNodes;t.forEach((t=>{if(t.nodeName==="#text"){this.value=t.nodeValue.trim()}}))}};this.renderCharacterLimit=()=>{if(this.maxLength){this.localizedCharacterLengthObj=this.getLocalizedCharacterLength();return i("span",{class:I.characterLimit},i("span",{class:{[I.characterOverLimit]:this.isCharacterLimitExceeded()}},this.localizedCharacterLengthObj.currentLength),"/",this.localizedCharacterLengthObj.maxLength)}return null};this.resizeObserver=u("resize",(async()=>{await z(this);const{textAreaHeight:t,textAreaWidth:e,elHeight:i,elWidth:s,footerHeight:a,footerWidth:o}=this.getHeightAndWidthOfElements();if(o>0&&o!==e){this.footerEl.style.width=`${e}px`}if(s!==e||i!==t+(a||0)){this.setHeightAndWidthToAuto()}}));this.setTextAreaEl=t=>{this.textAreaEl=t;this.resizeObserver.observe(t)};this.setHeightAndWidthToAuto=D((()=>{if(this.resize==="vertical"||this.resize==="both"){this.el.style.height="auto"}if(this.resize==="horizontal"||this.resize==="both"){this.el.style.width="auto"}}),T,{leading:false});this.autofocus=false;this.columns=undefined;this.disabled=false;this.form=undefined;this.groupSeparator=false;this.label=undefined;this.maxLength=undefined;this.messages=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.name=undefined;this.numberingSystem=undefined;this.placeholder=undefined;this.readOnly=false;this.required=false;this.resize="both";this.rows=undefined;this.scale="m";this.status="idle";this.value=undefined;this.wrap="soft";this.messageOverrides=undefined;this.defaultMessages=undefined;this.endSlotHasElements=undefined;this.startSlotHasElements=undefined;this.effectiveLocale=""}onMessagesChange(){}connectedCallback(){L(this);l(this);o(this);p(this);y(this)}async componentWillLoad(){g(this);await k(this)}componentDidLoad(){x(this)}componentDidRender(){H(this);this.setTextAreaHeight()}disconnectedCallback(){C(this);c(this);r(this);m(this);w(this);this.resizeObserver?.disconnect()}render(){const t=this.startSlotHasElements||this.endSlotHasElements||!!this.maxLength;return i(s,null,i(A,{disabled:this.disabled},i("textarea",{"aria-describedby":this.guid,"aria-invalid":h(this.isCharacterLimitExceeded()),"aria-label":d(this),autofocus:this.autofocus,class:{[I.readOnly]:this.readOnly,[I.textAreaInvalid]:this.isCharacterLimitExceeded(),[I.footerSlotted]:this.endSlotHasElements&&this.startSlotHasElements,[I.blockSizeFull]:!t,[I.borderColor]:!t},cols:this.columns,disabled:this.disabled,name:this.name,onChange:this.handleChange,onInput:this.handleInput,placeholder:this.placeholder,readonly:this.readOnly,required:this.required,rows:this.rows,value:this.value,wrap:this.wrap,ref:this.setTextAreaEl}),i("span",{class:{[I.content]:true}},i("slot",{onSlotchange:this.contentSlotChangeHandler})),i("footer",{class:{[I.footer]:true,[I.readOnly]:this.readOnly,[I.hide]:!t},ref:t=>this.footerEl=t},i("div",{class:{[I.container]:true,[I.footerEndSlotOnly]:!this.startSlotHasElements&&this.endSlotHasElements}},i("slot",{name:O.footerStart,onSlotchange:t=>this.startSlotHasElements=f(t)}),i("slot",{name:O.footerEnd,onSlotchange:t=>this.endSlotHasElements=f(t)})),this.renderCharacterLimit()),i(n,{component:this}),this.isCharacterLimitExceeded()&&i("span",{"aria-hidden":true,"aria-live":"polite",class:I.assistiveText,id:this.guid},this.replacePlaceHoldersInMessages()),this.validationMessage?i(W,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}async setFocus(){await v(this);this.textAreaEl.focus()}async selectText(){await z(this);this.textAreaEl.select()}effectiveLocaleChange(){j(this,this.effectiveLocale)}onLabelClick(){this.setFocus()}getLocalizedCharacterLength(){const t=this.value?this.value.length.toString():"0";const e=this.maxLength.toString();if(this.numberingSystem==="latn"){return{currentLength:t,maxLength:e}}b.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"never",useGrouping:this.groupSeparator};return{currentLength:b.localize(t),maxLength:b.localize(e)}}syncHiddenFormInput(t){t.setCustomValidity("");if(this.isCharacterLimitExceeded()){t.setCustomValidity(this.replacePlaceHoldersInMessages())}}setTextAreaHeight(){const{textAreaHeight:t,elHeight:e,footerHeight:i}=this.getHeightAndWidthOfElements();if(i>0&&t+i!=e){this.textAreaEl.style.height=`${e-i}px`}}getHeightAndWidthOfElements(){const{height:t,width:e}=this.textAreaEl.getBoundingClientRect();const{height:i,width:s}=this.el.getBoundingClientRect();const{height:a,width:o}=this.footerEl?.getBoundingClientRect();return{textAreaHeight:t,textAreaWidth:e,elHeight:i,elWidth:s,footerHeight:a,footerWidth:o}}replacePlaceHoldersInMessages(){return this.messages.tooLong.replace("{maxLength}",this.localizedCharacterLengthObj.maxLength).replace("{currentLength}",this.localizedCharacterLengthObj.currentLength)}isCharacterLimitExceeded(){return this.value?.length>this.maxLength}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};F.style=E;export{F as calcite_text_area};
+//# sourceMappingURL=p-3003e212.entry.js.map

package/dist/calcite/p-30e4706c.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.2.1-next.1
+ */
+import{d as t}from"./p-b853319a.js";import"./p-e7b7cbd1.js";import"./p-e8855238.js";import"./p-3a17e32e.js";import"./p-f3a30d54.js";import"./p-72c5d4c3.js";import"./p-8f66e8bc.js";import"./p-81853f8b.js";import"./p-9e945454.js";import"./p-83a4dcfd.js";import"./p-3e580eba.js";import"./p-d3a47eeb.js";import"./p-310bb5d7.js";import"./p-10fac586.js";import"./p-69ee2941.js";import"./p-f6463383.js";import"./p-6f001be5.js";import"./p-2c196569.js";import"./p-d85f1bb6.js";var m={name:"vi",weekdays:"chủ nhật_thứ hai_thứ ba_thứ tư_thứ năm_thứ sáu_thứ bảy".split("_"),months:"tháng 1_tháng 2_tháng 3_tháng 4_tháng 5_tháng 6_tháng 7_tháng 8_tháng 9_tháng 10_tháng 11_tháng 12".split("_"),weekStart:1,weekdaysShort:"CN_T2_T3_T4_T5_T6_T7".split("_"),monthsShort:"Th01_Th02_Th03_Th04_Th05_Th06_Th07_Th08_Th09_Th10_Th11_Th12".split("_"),weekdaysMin:"CN_T2_T3_T4_T5_T6_T7".split("_"),ordinal:function t(m){return m},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [năm] YYYY",LLL:"D MMMM [năm] YYYY HH:mm",LLLL:"dddd, D MMMM [năm] YYYY HH:mm",l:"DD/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"},relativeTime:{future:"%s tới",past:"%s trước",s:"vài giây",m:"một phút",mm:"%d phút",h:"một giờ",hh:"%d giờ",d:"một ngày",dd:"%d ngày",M:"một tháng",MM:"%d tháng",y:"một năm",yy:"%d năm"}};t.locale(m,null,true);export default m;
+//# sourceMappingURL=p-30e4706c.js.map

package/dist/calcite/p-30fba829.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.2.1-next.1
+ */
+import{r as i,h as e,g as t}from"./p-e7b7cbd1.js";import{g as r}from"./p-3a17e32e.js";import{C as a}from"./p-72c5d4c3.js";import"./p-f3a30d54.js";const n=":host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background:var(--calcite-color-border-3)}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-color-brand)}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(600%, 0, 0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(-600%, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}";const s=class{constructor(e){i(this,e);this.type="determinate";this.value=0;this.label=undefined;this.text=undefined;this.reversed=false}render(){const i=this.type==="determinate";const t=i?{width:`${this.value*100}%`}:{};const n=r(this.el);return e("div",{"aria-label":this.label||this.text,"aria-valuemax":1,"aria-valuemin":0,"aria-valuenow":this.value,role:"progressbar"},e("div",{class:"track"},e("div",{class:{bar:true,indeterminate:this.type==="indeterminate",[a.rtl]:n==="rtl",reversed:this.reversed},style:t})),this.text?e("div",{class:"text"},this.text):null)}get el(){return t(this)}};s.style=n;export{s as calcite_progress};
+//# sourceMappingURL=p-30fba829.entry.js.map

package/dist/calcite/p-310bb5d7.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.2.1-next.1
+ */
+import{c as t,a as n}from"./p-3a17e32e.js";import{n as e}from"./p-9e945454.js";import{c as s}from"./p-10fac586.js";const r=new RegExp(`\\${"."}(0+)?$`);const i=new RegExp("0+$");class o{constructor(t){if(t instanceof o){return t}const[n,e]=b(t).split(".").concat("");this.value=BigInt(n+e.padEnd(o.DECIMALS,"0").slice(0,o.DECIMALS))+BigInt(o.ROUNDED&&e[o.DECIMALS]>="5");this.isNegative=t.charAt(0)==="-"}getIntegersAndDecimals(){const t=this.value.toString().replace("-","").padStart(o.DECIMALS+1,"0");const n=t.slice(0,-o.DECIMALS);const e=t.slice(-o.DECIMALS).replace(i,"");return{integers:n,decimals:e}}toString(){const{integers:t,decimals:n}=this.getIntegersAndDecimals();return`${this.isNegative?"-":""}${t}${n.length?"."+n:""}`}formatToParts(t){const{integers:n,decimals:e}=this.getIntegersAndDecimals();const s=t.numberFormatter.formatToParts(BigInt(n));this.isNegative&&s.unshift({type:"minusSign",value:t.minusSign});if(e.length){s.push({type:"decimal",value:t.decimal});e.split("").forEach((t=>s.push({type:"fraction",value:t})))}return s}format(t){const{integers:n,decimals:e}=this.getIntegersAndDecimals();const s=`${this.isNegative?t.minusSign:""}${t.numberFormatter.format(BigInt(n))}`;const r=e.length?`${t.decimal}${e.split("").map((n=>t.numberFormatter.format(Number(n)))).join("")}`:"";return`${s}${r}`}add(t){return o.fromBigInt(this.value+new o(t).value)}subtract(t){return o.fromBigInt(this.value-new o(t).value)}multiply(t){return o._divRound(this.value*new o(t).value,o.SHIFT)}divide(t){return o._divRound(this.value*o.SHIFT,new o(t).value)}}o.DECIMALS=100;o.ROUNDED=true;o.SHIFT=BigInt("1"+"0".repeat(o.DECIMALS));o._divRound=(t,n)=>o.fromBigInt(t/n+(o.ROUNDED?t*BigInt(2)/n%BigInt(2):BigInt(0)));o.fromBigInt=t=>Object.assign(Object.create(o.prototype),{value:t,isNegative:t<BigInt(0)});function c(t){return!(!t||isNaN(Number(t)))}function u(t){if(!t||!d(t)){return""}return p(t,(t=>{let n=false;const s=t.split("").filter(((t,s)=>{if(t.match(/\./g)&&!n){n=true;return true}if(t.match(/\-/g)&&s===0){return true}return e.includes(t)})).join("");return c(s)?new o(s).toString():""}))}const a=/^([-0])0+(?=\d)/;const h=/(?!^\.)\.$/;const f=/(?!^-)-/g;const l=/^-\b0\b\.?0*$/;const g=/0*$/;const $=t=>p(t,(t=>{const n=t.replace(f,"").replace(h,"").replace(a,"$1");return c(n)?l.test(n)?n:m(n):t}));function m(t){const n=t.split(".")[1];const e=new o(t).toString();const[s,r]=e.split(".");return n&&r!==n?`${s}.${n}`:e}function p(t,n){if(!t){return t}const e=t.toLowerCase().indexOf("e")+1;if(!e){return n(t)}return t.replace(/[eE]*$/g,"").substring(0,e).concat(t.slice(e).replace(/[eE]/g,"")).split(/[eE]/).map(((t,e)=>e===1?n(t.replace(/\./g,"")):n(t))).join("e").replace(/^e/,"1e")}function b(t){const n=t.split(/[eE]/);if(n.length===1){return t}const e=+t;if(Number.isSafeInteger(e)){return`${e}`}const s=t.charAt(0)==="-";const i=+n[1];const o=n[0].split(".");const c=(s?o[0].substring(1):o[0])||"";const u=o[1]||"";const h=(t,n)=>{const e=Math.abs(n)-t.length;const s=e>0?`${"0".repeat(e)}${t}`:t;const r=`${s.slice(0,n)}${"."}${s.slice(n)}`;return r};const f=(t,n)=>{const e=n>t.length?`${t}${"0".repeat(n-t.length)}`:t;const s=`${e.slice(0,n)}${"."}${e.slice(n)}`;return s};const l=i>0?`${c}${f(u,i)}`:`${h(c,i)}${u}`;return`${s?"-":""}${l.charAt(0)==="."?"0":""}${l.replace(r,"").replace(a,"")}`}function d(t){return e.some((n=>t.includes(n)))}function w(t,n,e){const s=n.split(".")[1];if(s){const r=s.match(g)[0];if(r&&e.delocalize(t).length!==n.length&&s.indexOf("e")===-1){const n=e.decimal;t=!t.includes(n)?`${t}${n}`:t;return t.padEnd(t.length+r.length,e.localize("0"))}}return t}const I="en";const v=["ar","bg","bs","ca","cs","da","de","el",I,"es","et","fi","fr","he","hr","hu","id","it","ja","ko","lt","lv","no","nl","pl","pt-BR","pt-PT","ro","ru","sk","sl","sr","sv","th","tr","uk","vi","zh-CN","zh-HK","zh-TW"];const B=["ar","bg","bs","ca","cs","da","de","de-AT","de-CH","el",I,"en-AU","en-CA","en-GB","es","es-MX","et","fi","fr","fr-CH","he","hi","hr","hu","id","it","it-CH","ja","ko","lt","lv","mk","no","nl","pl","pt","pt-PT","ro","ru","sk","sl","sr","sv","th","tr","uk","vi","zh-CN","zh-HK","zh-TW"];const E=["arab","arabext","latn"];const N=t=>E.includes(t);const j=(new Intl.NumberFormat).resolvedOptions().numberingSystem;const x=j==="arab"||!N(j)?"latn":j;const R=t=>N(t)?t:x;function S(t,n="cldr"){const e=n==="cldr"?B:v;if(!t){return I}if(e.includes(t)){return t}t=t.toLowerCase();if(t==="nb"){return"no"}if(n==="t9n"&&t==="pt"){return"pt-BR"}if(t.includes("-")){t=t.replace(/(\w+)-(\w+)/,((t,n,e)=>`${n}-${e.toUpperCase()}`));if(!e.includes(t)){t=t.split("-")[0]}}if(t==="zh"){return"zh-CN"}if(!e.includes(t)){console.warn(`Translations for the "${t}" locale are not available and will fall back to the default, English (en).`);return I}return t}const k=new Set;function z(t){O(t);if(k.size===0){T?.observe(document.documentElement,{attributes:true,attributeFilter:["lang"],subtree:true})}k.add(t)}function O(t){t.effectiveLocale=y(t)}function C(t){k.delete(t);if(k.size===0){T.disconnect()}}const T=s("mutation",(e=>{e.forEach((e=>{const s=e.target;k.forEach((e=>{const r=!n(s,e.el);if(r){return}const i=t(e.el,"[lang]");if(!i){e.effectiveLocale=I;return}const o=i.lang;e.effectiveLocale=i.hasAttribute("lang")&&o===""?I:o}))}))}));function y(n){return n.el.lang||t(n.el,"[lang]")?.lang||document.documentElement.lang||I}class H{constructor(){this.delocalize=t=>this._numberFormatOptions?p(t,(t=>t.replace(new RegExp(`[${this._minusSign}]`,"g"),"-").replace(new RegExp(`[${this._group}]`,"g"),"").replace(new RegExp(`[${this._decimal}]`,"g"),".").replace(new RegExp(`[${this._digits.join("")}]`,"g"),this._getDigitIndex))):t;this.localize=t=>this._numberFormatOptions?p(t,(t=>c(t.trim())?new o(t.trim()).format(this).replace(new RegExp(`[${this._actualGroup}]`,"g"),this._group):t)):t}get group(){return this._group}get decimal(){return this._decimal}get minusSign(){return this._minusSign}get digits(){return this._digits}get numberFormatter(){return this._numberFormatter}get numberFormatOptions(){return this._numberFormatOptions}set numberFormatOptions(t){t.locale=S(t?.locale);t.numberingSystem=R(t?.numberingSystem);if(!this._numberFormatOptions&&t.locale===I&&t.numberingSystem===x&&Object.keys(t).length===2||JSON.stringify(this._numberFormatOptions)===JSON.stringify(t)){return}this._numberFormatOptions=t;this._numberFormatter=new Intl.NumberFormat(this._numberFormatOptions.locale,this._numberFormatOptions);this._digits=[...new Intl.NumberFormat(this._numberFormatOptions.locale,{useGrouping:false,numberingSystem:this._numberFormatOptions.numberingSystem}).format(9876543210)].reverse();const n=new Map(this._digits.map(((t,n)=>[t,n])));const e=new Intl.NumberFormat(this._numberFormatOptions.locale,{numberingSystem:this._numberFormatOptions.numberingSystem}).formatToParts(-12345678.9);this._actualGroup=e.find((t=>t.type==="group")).value;this._group=this._actualGroup.trim().length===0||this._actualGroup==" "?" ":this._actualGroup;this._decimal=e.find((t=>t.type==="decimal")).value;this._minusSign=e.find((t=>t.type==="minusSign")).value;this._getDigitIndex=t=>n.get(t)}}const A=new H;let F;let M;function P(t={}){return Object.entries(t).sort((([t],[n])=>t.localeCompare(n))).map((t=>`${t[0]}-${t[1]}`)).flat().join(":")}function G(t,n){t=S(t);if(!F){F=new Map}if(M!==t){F.clear();M=t}const e=P(n);const s=F.get(e);if(s){return s}const r=new Intl.DateTimeFormat(t,n);F.set(e,r);return r}export{o as B,H as N,w as a,R as b,z as c,C as d,G as e,S as g,c as i,A as n,u as p,$ as s};
+//# sourceMappingURL=p-310bb5d7.js.map

package/dist/calcite/p-31e29b58.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.2.1-next.1
+ */
+import{d as _}from"./p-b853319a.js";import"./p-e7b7cbd1.js";import"./p-e8855238.js";import"./p-3a17e32e.js";import"./p-f3a30d54.js";import"./p-72c5d4c3.js";import"./p-8f66e8bc.js";import"./p-81853f8b.js";import"./p-9e945454.js";import"./p-83a4dcfd.js";import"./p-3e580eba.js";import"./p-d3a47eeb.js";import"./p-310bb5d7.js";import"./p-10fac586.js";import"./p-69ee2941.js";import"./p-f6463383.js";import"./p-6f001be5.js";import"./p-2c196569.js";import"./p-d85f1bb6.js";var p={name:"mk",weekdays:"недела_понеделник_вторник_среда_четврток_петок_сабота".split("_"),months:"јануари_февруари_март_април_мај_јуни_јули_август_септември_октомври_ноември_декември".split("_"),weekStart:1,weekdaysShort:"нед_пон_вто_сре_чет_пет_саб".split("_"),monthsShort:"јан_фев_мар_апр_мај_јун_јул_авг_сеп_окт_ное_дек".split("_"),weekdaysMin:"нe_пo_вт_ср_че_пе_сa".split("_"),ordinal:function _(p){return p},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"D.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY H:mm",LLLL:"dddd, D MMMM YYYY H:mm"},relativeTime:{future:"после %s",past:"пред %s",s:"неколку секунди",m:"минута",mm:"%d минути",h:"час",hh:"%d часа",d:"ден",dd:"%d дена",M:"месец",MM:"%d месеци",y:"година",yy:"%d години"}};_.locale(p,null,true);export default p;
+//# sourceMappingURL=p-31e29b58.js.map

package/dist/calcite/p-3525665d.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.2.1-next.1
+ */
+import{r as a,h as e,H as i,g as t}from"./p-e7b7cbd1.js";import{g as r}from"./p-f3a30d54.js";const n='@charset "UTF-8";@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:host{position:relative;margin-inline:auto;display:none;align-items:center;justify-content:center;opacity:1;min-block-size:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke:var(--calcite-color-brand);stroke-width:3;fill:none;transform:scale(1, 1);animation:loader-color-shift calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 2 / var(--calcite-internal-duration-factor)) alternate-reverse infinite linear;padding-block:var(--calcite-loader-padding, 4rem)}:host([scale=s]){--calcite-loader-font-size:var(--calcite-font-size--2);--calcite-loader-size:2rem;--calcite-loader-size-inline:0.75rem}:host([scale=m]){--calcite-loader-font-size:var(--calcite-font-size-0);--calcite-loader-size:4rem;--calcite-loader-size-inline:1rem}:host([scale=l]){--calcite-loader-font-size:var(--calcite-font-size-2);--calcite-loader-size:6rem;--calcite-loader-size-inline:1.5rem}:host([no-padding]){padding-block:0px}:host{display:flex}.loader__text{display:block;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-color-text-1);margin-block-start:calc(var(--calcite-loader-size) + 1.5rem)}.loader__percentage{position:absolute;display:block;text-align:center;color:var(--calcite-color-text-1);font-size:var(--calcite-loader-font-size);inline-size:var(--calcite-loader-size);inset-inline-start:50%;margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);line-height:0.25;transform:scale(1, 1)}.loader__svgs{position:absolute;overflow:visible;opacity:1;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);inset-inline-start:50%;margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.66 / var(--calcite-internal-duration-factor));animation-name:loader-clockwise}.loader__svg{position:absolute;inset-block-start:0px;transform-origin:center;overflow:visible;inset-inline-start:0;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);animation-iteration-count:infinite;animation-timing-function:linear}@supports (display: grid){.loader__svg--1{animation-name:loader-offset-1}.loader__svg--2{animation-name:loader-offset-2}.loader__svg--3{animation-name:loader-offset-3}}:host([type=determinate]){animation:none;stroke:var(--calcite-color-border-3)}:host([type=determinate]) .loader__svgs{animation:none}:host([type=determinate]) .loader__svg--3{animation:none;stroke:var(--calcite-color-brand);stroke-dasharray:150.79632;transform:rotate(-90deg);transition:all var(--calcite-internal-animation-timing-fast) linear}:host([inline]){position:relative;margin:0px;animation:none;stroke:currentColor;stroke-width:2;padding-block:0px;block-size:var(--calcite-loader-size-inline);min-block-size:var(--calcite-loader-size-inline);inline-size:var(--calcite-loader-size-inline);margin-inline-end:calc(var(--calcite-loader-size-inline) * 0.5);vertical-align:calc(var(--calcite-loader-size-inline) * -1 * 0.2)}:host([inline]) .loader__svgs{inset-block-start:0px;margin:0px;inset-inline-start:0;inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([inline]) .loader__svg{inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([complete]){opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity var(--calcite-internal-animation-timing-medium) linear 1000ms, transform var(--calcite-internal-animation-timing-medium) linear 1000ms}:host([complete]) .loader__svgs{opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms}:host([complete]) .loader__percentage{color:var(--calcite-color-brand);transform:scale(1.05, 1.05);transform-origin:center;transition:color var(--calcite-internal-animation-timing-medium) linear, transform var(--calcite-internal-animation-timing-medium) linear}.loader__svg--1{stroke-dasharray:27.9252444444 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 4.8 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444 251.3272;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-83.7757333333}100%{stroke-dasharray:27.9252444444 251.3272;stroke-dashoffset:-279.2524444444}}.loader__svg--2{stroke-dasharray:55.8504888889 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.4 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889 223.4019555556;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-97.7383555556}100%{stroke-dasharray:55.8504888889 223.4019555556;stroke-dashoffset:-279.2524444444}}.loader__svg--3{stroke-dasharray:13.9626222222 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 7.734 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222 265.2898222222;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-76.7944222222}100%{stroke-dasharray:13.9626222222 265.2898222222;stroke-dashoffset:-279.2524444444}}@keyframes loader-color-shift{0%{stroke:var(--calcite-color-brand)}33%{stroke:var(--calcite-color-brand-press)}66%{stroke:var(--calcite-color-brand-hover)}100%{stroke:var(--calcite-color-brand)}}@keyframes loader-clockwise{100%{transform:rotate(360deg)}}:host([hidden]){display:none}[hidden]{display:none}';const o=class{constructor(e){a(this,e);this.inline=false;this.label=undefined;this.scale="m";this.type=undefined;this.value=0;this.text=""}render(){const{el:a,inline:t,label:n,scale:o,text:l,type:s,value:c}=this;const d=a.id||r();const m=.45;const v=t?this.getInlineSize(o):this.getSize(o);const f=v*m;const g=`0 0 ${v} ${v}`;const h=s==="determinate";const k=2*f*Math.PI;const z=c/100*k;const _=k-z;const p=Math.floor(c);const u={"aria-valuenow":p,"aria-valuemin":0,"aria-valuemax":100,complete:p===100};const y={r:f,cx:v/2,cy:v/2};const b={"stroke-dasharray":`${z} ${_}`};return e(i,{"aria-label":n,id:d,role:"progressbar",...h?u:{}},e("div",{class:"loader__svgs"},e("svg",{"aria-hidden":"true",class:"loader__svg loader__svg--1",viewBox:g},e("circle",{...y})),e("svg",{"aria-hidden":"true",class:"loader__svg loader__svg--2",viewBox:g},e("circle",{...y})),e("svg",{"aria-hidden":"true",class:"loader__svg loader__svg--3",viewBox:g,...h?{style:b}:{}},e("circle",{...y}))),l&&e("div",{class:"loader__text"},l),h&&e("div",{class:"loader__percentage"},c))}getSize(a){return{s:32,m:56,l:80}[a]}getInlineSize(a){return{s:12,m:16,l:20}[a]}get el(){return t(this)}};o.style=n;export{o as calcite_loader};
+//# sourceMappingURL=p-3525665d.entry.js.map

package/dist/calcite/p-35e6978f.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.2.1-next.1
+ */
+import{r as t,c as e,h as i,g as s}from"./p-e7b7cbd1.js";import{c as n,d as a,u as r,I as o}from"./p-8f66e8bc.js";import{c as d}from"./p-10fac586.js";import{d as l,a as c,c as h}from"./p-cd8bdcd5.js";import{d as f}from"./p-3a17e32e.js";import"./p-81853f8b.js";import"./p-f3a30d54.js";import"./p-72c5d4c3.js";const u={sortItem:"sort-item",container:"container",containerHorizontal:"container--horizontal",containerVertical:"container--vertical"};const p=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{display:flex;flex:1 1 auto}.container--vertical{flex-direction:column}.container--horizontal{flex-direction:row}:host([hidden]){display:none}[hidden]{display:none}";const b=class{constructor(i){t(this,i);this.calciteListOrderChange=e(this,"calciteListOrderChange",6);this.items=[];this.mutationObserver=d("mutation",(()=>{this.setUpSorting()}));this.dragEnabled=true;this.canPull=undefined;this.canPut=undefined;this.dragSelector=undefined;this.group=undefined;this.handleSelector="calcite-handle";this.layout="vertical";this.disabled=false;this.loading=false}connectedCallback(){if(l(this)){return}this.setUpSorting();this.beginObserving();n(this)}disconnectedCallback(){if(l(this)){return}a(this);c(this);this.endObserving()}componentDidRender(){r(this)}calciteHandleNudgeNextHandler(t){this.handleNudgeEvent(t)}onGlobalDragStart(){this.endObserving()}onGlobalDragEnd(){this.beginObserving()}onDragEnd(){}onDragStart(){}onDragSort(){this.items=Array.from(this.el.children);this.calciteListOrderChange.emit()}handleNudgeEvent(t){const{direction:e}=t.detail;const i=t.composedPath().find((t=>t.matches(this.handleSelector)));const s=this.items.find((e=>e.contains(i)||t.composedPath().includes(e)));const n=this.items.length-1;const a=this.items.indexOf(s);let r=false;let o;if(e==="up"){if(a===0){r=true}else{o=a-1}}else{if(a===n){o=0}else if(a===n-1){r=true}else{o=a+2}}this.endObserving();if(r){s.parentElement.appendChild(s)}else{s.parentElement.insertBefore(s,this.items[o])}this.items=Array.from(this.el.children);this.beginObserving();requestAnimationFrame((()=>f(i)));if("selected"in i){i.selected=true}}setUpSorting(){this.items=Array.from(this.el.children);h(this)}beginObserving(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}endObserving(){this.mutationObserver?.disconnect()}render(){const{disabled:t,layout:e}=this;const s=e==="horizontal"||false;return i(o,{disabled:t},i("div",{class:{[u.container]:true,[u.containerVertical]:!s,[u.containerHorizontal]:s}},i("slot",null)))}get el(){return s(this)}};b.style=p;export{b as calcite_sortable_list};
+//# sourceMappingURL=p-35e6978f.entry.js.map