@esri/calcite-components 2.13.0 → 2.13.2

package/dist/calcite/p-84a6771a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","main","content","contentBehind","contentBottom","contentNonInteractive","footer","positionedSlotWrapper","container","contentBehindCenterContent","SLOTS","centerRow","panelStart","panelEnd","panelTop","panelBottom","header","alerts","sheets","modals","dialogs","shellCss","CalciteShellStyle0","Shell","this","handleHeaderSlotChange","event","hasHeader","slotChangeHasAssignedElement","handleFooterSlotChange","hasFooter","handleAlertsSlotChange","hasAlerts","slotChangeGetAssignedElements","map","el","tagName","embedded","handleSheetsSlotChange","hasSheets","handleModalsSlotChange","hasModals","handlePanelTopChange","hasPanelTop","handlePanelBottomChange","hasPanelBottom","handleDialogsSlotChange","hasDialogs","handleCalciteInternalShellPanelResizeStart","panelIsResizing","stopPropagation","handleCalciteInternalShellPanelResizeEnd","updateHasOnlyPanelBottom","hasOnlyPanelBottom","connectedCallback","connectConditionalSlotComponent","disconnectedCallback","disconnectConditionalSlotComponent","renderHeader","h","hidden","key","name","onSlotchange","renderFooter","class","renderAlerts","renderSheets","renderModals","renderDialogs","renderContent","defaultSlotNode","defaultSlotContainerNode","deprecatedCenterRowSlotNode","panelBottomSlotNode","panelTopSlotNode","contentContainerKey","renderMain","renderPositionedSlots","render","Fragment","actionBarContainer","actionBar","shellCenterRowCss","CalciteShellCenterRowStyle0","ShellCenterRow","componentWillLoad","logger","deprecated","removalVersion","suggested","contentNode","getSlotted","actionBarNode","children","position","reverse","contentHeader","contentBody","floatContent","contentOverlay","separator","float","floatAll","shellPanelCss","CalciteShellPanelStyle0","ShellPanel","initialContentWidth","initialContentHeight","initialClientX","initialClientY","contentWidthMax","contentWidthMin","contentHeightMax","contentHeightMin","step","stepMultiplier","actionBars","storeContentEl","contentEl","getKeyAdjustedSize","layout","multipliedStep","MOVEMENT_KEYS","indexOf","preventDefault","dir","getElementDir","horizontalKeys","verticalKeys","directionFactor","includes","increaseKeys","stepValue","shiftKey","decreaseKeys","initialKeydownWidth","setInitialContentWidth","width","setContentWidth","initialKeydownHeight","setInitialContentHeight","height","setContentHeight","separatorKeyDown","separatorPointerMove","offset","clientY","clientX","adjustmentDirection","adjustedOffset","separatorPointerUp","isPrimaryPointerButton","calciteInternalShellPanelResizeEnd","emit","window","removeEventListener","getBoundingClientRect","separatorPointerDown","calciteInternalShellPanelResizeStart","separatorEl","document","activeElement","focus","addEventListener","connectSeparator","disconnectSeparator","setActionBarsLayout","forEach","handleActionBarSlotChange","filter","matches","handleDetached","value","displayMode","handleDisplayMode","detached","handleDetachedHeightScale","heightScale","handleHeightScale","detachedHeightScale","layoutHandler","onMessagesChange","connectLocalized","connectMessages","setUpMessages","disconnectLocalized","disconnectMessages","componentDidLoad","updateAriaValues","effectiveLocaleChange","updateMessages","effectiveLocale","collapsed","contentWidth","contentHeight","resizable","allowResizing","style","separatorNode","messages","resize","onKeyDown","ref","role","tabIndex","getAnimationDir","CSS_UTILITY","calciteAnimateInDown","calciteAnimateInUp","isStart","calciteAnimateInLeft","calciteAnimateInRight","rtl","calciteAnimate","mainNodes","roundedWidth","Math","round","clamp","computedStyle","getComputedStyle","updateHeights","updateWidths","forceUpdate","max","parseInt","getPropertyValue","min","valueNow","isNaN"],"sources":["src/components/shell/resources.ts","src/components/shell/shell.scss?tag=calcite-shell&encapsulation=shadow","src/components/shell/shell.tsx","src/components/shell-center-row/resources.ts","src/components/shell-center-row/shell-center-row.scss?tag=calcite-shell-center-row&encapsulation=shadow","src/components/shell-center-row/shell-center-row.tsx","src/components/shell-panel/resources.ts","src/components/shell-panel/shell-panel.scss?tag=calcite-shell-panel&encapsulation=shadow","src/components/shell-panel/shell-panel.tsx"],"sourcesContent":["export const CSS = {\n  main: \"main\",\n  content: \"content\",\n  contentBehind: \"content--behind\",\n  contentBottom: \"content-bottom\",\n  contentNonInteractive: \"content--non-interactive\",\n  footer: \"footer\",\n  positionedSlotWrapper: \"positioned-slot-wrapper\",\n  container: \"container\",\n  contentBehindCenterContent: \"center-content\",\n};\n\nexport const SLOTS = {\n  centerRow: \"center-row\",\n  panelStart: \"panel-start\",\n  panelEnd: \"panel-end\",\n  panelTop: \"panel-top\",\n  panelBottom: \"panel-bottom\",\n  header: \"header\",\n  footer: \"footer\",\n  alerts: \"alerts\",\n  sheets: \"sheets\",\n  modals: \"modals\",\n  dialogs: \"dialogs\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-shell-tip-spacing: The left and right spacing of the `calcite-tip-manager` when slotted in the component.\n */\n\n:host {\n  @extend %component-host;\n  @apply absolute\n    inset-0\n    flex\n    h-full\n    w-full\n    flex-col\n    overflow-hidden;\n  --calcite-shell-tip-spacing: 26vw;\n}\n\n.main {\n  @apply relative\n    flex\n    h-full\n    w-full\n    flex-auto\n    flex-row\n    justify-between\n    overflow-hidden;\n}\n\n.content {\n  @apply flex\n    h-full\n    w-full\n    flex-col\n    flex-nowrap\n    overflow-auto;\n  justify-content: space-between;\n}\n\n.content ::slotted(calcite-shell-center-row),\n.content ::slotted(calcite-panel),\n.content ::slotted(calcite-flow) {\n  @apply flex-auto self-stretch;\n  max-block-size: unset;\n}\n\n.content--behind {\n  @apply absolute\n    inset-0\n    border-0;\n  z-index: calc(theme(\"zIndex.default\") - 1);\n  display: initial;\n}\n\n.content--non-interactive {\n  @apply flex\n    h-full\n    w-full\n    flex-col\n    flex-nowrap\n    pointer-events-none;\n}\n\n::slotted(calcite-shell-center-row) {\n  inline-size: unset;\n}\n\n::slotted(.header .heading) {\n  @apply text-n2-wrap font-normal;\n}\n\nslot[name=\"panel-start\"]::slotted(calcite-shell-panel),\nslot[name=\"panel-end\"]::slotted(calcite-shell-panel) {\n  @apply relative;\n  z-index: calc(var(--calcite-z-index) + 1);\n}\n\nslot[name=\"panel-end\"]::slotted(calcite-shell-panel) {\n  margin-inline-start: auto;\n}\n\n::slotted(calcite-panel),\n::slotted(calcite-flow) {\n  @apply border-color-3\n  border\n  border-l-0\n  border-r-0\n  border-solid;\n}\n\nslot[name=\"center-row\"]::slotted(calcite-shell-center-row:not([detached])),\nslot[name=\"panel-top\"]::slotted(calcite-shell-center-row:not([detached])),\nslot[name=\"panel-bottom\"]::slotted(calcite-shell-center-row:not([detached])) {\n  @apply border-color-3 border-l border-r;\n}\n\n.center-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  block-size: 100%;\n  inline-size: 100%;\n  min-inline-size: 0;\n}\n\n.content-bottom {\n  justify-content: flex-end;\n}\n\n::slotted(calcite-shell-center-row) {\n  flex: none;\n  align-self: stretch;\n}\n\n::slotted(calcite-tip-manager) {\n  @apply shadow-2\n  animate-in-up\n  absolute\n  box-border\n  rounded\n  z-toast;\n  inset-block-end: theme(\"spacing.2\");\n  inset-inline: var(--calcite-shell-tip-spacing);\n}\n\nslot[name=\"center-row\"]::slotted(calcite-shell-center-row),\nslot[name=\"panel-bottom\"]::slotted(calcite-shell-center-row) {\n  margin-block-start: auto;\n}\n\nslot[name=\"panel-top\"]::slotted(calcite-shell-center-row) {\n  margin-block-end: auto;\n}\n\n// positioning logic for expected slotted components\n.position-wrapper {\n  position: absolute;\n  pointer-events: none;\n  inset: 0;\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Listen, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { slotChangeGetAssignedElements, slotChangeHasAssignedElement } from \"../../utils/dom\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding custom content. This content will appear between any leading and trailing panels added to the component, such as a map.\n * @slot header - A slot for adding header content. This content will be positioned at the top of the component.\n * @slot footer - A slot for adding footer content. This content will be positioned at the bottom of the component.\n * @slot panel-start - A slot for adding the starting `calcite-shell-panel`.\n * @slot panel-end - A slot for adding the ending `calcite-shell-panel`.\n * @slot panel-top - A slot for adding the top `calcite-shell-panel`.\n * @slot panel-bottom - A slot for adding the bottom `calcite-shell-panel`.\n * @slot center-row - [Deprecated] Use the `\"panel-bottom\"` slot instead. A slot for adding the bottom `calcite-shell-center-row`.\n * @slot modals - A slot for adding `calcite-modal` components. When placed in this slot, the modal position will be constrained to the extent of the `calcite-shell`.\n * @slot dialogs - A slot for adding `calcite-dialog` components. When placed in this slot, the dialog position will be constrained to the extent of the `calcite-shell`.\n * @slot alerts - A slot for adding `calcite-alert` components. When placed in this slot, the alert position will be constrained to the extent of the `calcite-shell`.\n * @slot sheets - A slot for adding `calcite-sheet` components. When placed in this slot, the sheet position will be constrained to the extent of the `calcite-shell`.\n */\n\n@Component({\n  tag: \"calcite-shell\",\n  styleUrl: \"shell.scss\",\n  shadow: true,\n})\nexport class Shell implements ConditionalSlotComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Positions the center content behind any `calcite-shell-panel`s.\n   */\n  @Prop({ reflect: true }) contentBehind = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalShellPanelResizeStart\")\n  handleCalciteInternalShellPanelResizeStart(event: CustomEvent<void>): void {\n    this.panelIsResizing = true;\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalShellPanelResizeEnd\")\n  handleCalciteInternalShellPanelResizeEnd(event: CustomEvent<void>): void {\n    this.panelIsResizing = false;\n    event.stopPropagation();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteShellElement;\n\n  @State() hasHeader = false;\n\n  @State() hasFooter = false;\n\n  @State() hasAlerts = false;\n\n  @State() hasModals = false;\n\n  @State() hasDialogs = false;\n\n  @State() hasSheets = false;\n\n  @State() hasPanelTop = false;\n\n  @State() hasPanelBottom = false;\n\n  @State() hasOnlyPanelBottom = false;\n\n  @State() panelIsResizing = false;\n\n  @Watch(\"hasPanelTop\")\n  @Watch(\"hasPanelBottom\")\n  updateHasOnlyPanelBottom(): void {\n    this.hasOnlyPanelBottom = !this.hasPanelTop && this.hasPanelBottom;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handleHeaderSlotChange = (event: Event): void => {\n    this.hasHeader = !!slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterSlotChange = (event: Event): void => {\n    this.hasFooter = !!slotChangeHasAssignedElement(event);\n  };\n\n  handleAlertsSlotChange = (event: Event): void => {\n    this.hasAlerts = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.tagName === \"CALCITE-ALERT\") {\n        (el as HTMLCalciteAlertElement).embedded = true;\n      }\n    });\n  };\n\n  handleSheetsSlotChange = (event: Event): void => {\n    this.hasSheets = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.tagName === \"CALCITE-SHEET\") {\n        (el as HTMLCalciteSheetElement).embedded = true;\n      }\n    });\n  };\n\n  handleModalsSlotChange = (event: Event): void => {\n    this.hasModals = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.tagName === \"CALCITE-MODAL\") {\n        (el as HTMLCalciteModalElement).embedded = true;\n      }\n    });\n  };\n\n  handlePanelTopChange = (event: Event): void => {\n    this.hasPanelTop = slotChangeHasAssignedElement(event);\n  };\n\n  handlePanelBottomChange = (event: Event): void => {\n    this.hasPanelBottom = slotChangeHasAssignedElement(event);\n  };\n\n  handleDialogsSlotChange = (event: Event): void => {\n    this.hasDialogs = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.tagName === \"CALCITE-DIALOG\") {\n        (el as HTMLCalciteDialogElement).embedded = true;\n      }\n    });\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderHeader(): VNode {\n    return (\n      <div hidden={!this.hasHeader}>\n        <slot key=\"header\" name={SLOTS.header} onSlotchange={this.handleHeaderSlotChange} />\n      </div>\n    );\n  }\n\n  renderFooter(): VNode {\n    return (\n      <div class={CSS.footer} hidden={!this.hasFooter} key=\"footer\">\n        <slot name={SLOTS.footer} onSlotchange={this.handleFooterSlotChange} />\n      </div>\n    );\n  }\n\n  renderAlerts(): VNode {\n    return (\n      <div hidden={!this.hasAlerts}>\n        <slot key=\"alerts\" name={SLOTS.alerts} onSlotchange={this.handleAlertsSlotChange} />\n      </div>\n    );\n  }\n\n  renderSheets(): VNode {\n    return (\n      <div hidden={!this.hasSheets}>\n        <slot key=\"sheets\" name={SLOTS.sheets} onSlotchange={this.handleSheetsSlotChange} />\n      </div>\n    );\n  }\n\n  renderModals(): VNode {\n    return (\n      <div hidden={!this.hasModals}>\n        <slot key=\"modals\" name={SLOTS.modals} onSlotchange={this.handleModalsSlotChange} />\n      </div>\n    );\n  }\n\n  renderDialogs(): VNode {\n    return (\n      <div hidden={!this.hasDialogs}>\n        <slot key=\"dialogs\" name={SLOTS.dialogs} onSlotchange={this.handleDialogsSlotChange} />\n      </div>\n    );\n  }\n\n  renderContent(): VNode[] {\n    const { panelIsResizing } = this;\n    const defaultSlotNode: VNode = <slot key=\"default-slot\" />;\n    const defaultSlotContainerNode = panelIsResizing ? (\n      <div class={CSS.contentNonInteractive}>{defaultSlotNode}</div>\n    ) : (\n      defaultSlotNode\n    );\n    const deprecatedCenterRowSlotNode: VNode = (\n      <slot key=\"center-row-slot\" name={SLOTS.centerRow} />\n    );\n    const panelBottomSlotNode: VNode = (\n      <slot\n        key=\"panel-bottom-slot\"\n        name={SLOTS.panelBottom}\n        onSlotchange={this.handlePanelBottomChange}\n      />\n    );\n    const panelTopSlotNode: VNode = (\n      <slot key=\"panel-top-slot\" name={SLOTS.panelTop} onSlotchange={this.handlePanelTopChange} />\n    );\n\n    const contentContainerKey = \"content-container\";\n\n    const content = this.contentBehind\n      ? [\n          <div\n            class={{\n              [CSS.content]: true,\n              [CSS.contentBehind]: true,\n            }}\n            key={contentContainerKey}\n          >\n            {defaultSlotContainerNode}\n          </div>,\n          <div\n            class={{\n              [CSS.contentBehindCenterContent]: true,\n              [CSS.contentBottom]: this.hasOnlyPanelBottom,\n            }}\n          >\n            {panelTopSlotNode}\n            {panelBottomSlotNode}\n            {deprecatedCenterRowSlotNode}\n          </div>,\n        ]\n      : [\n          <div\n            class={{ [CSS.content]: true, [CSS.contentBottom]: this.hasOnlyPanelBottom }}\n            key={contentContainerKey}\n          >\n            {panelTopSlotNode}\n            {defaultSlotContainerNode}\n            {panelBottomSlotNode}\n            {deprecatedCenterRowSlotNode}\n          </div>,\n        ];\n\n    return content;\n  }\n\n  renderMain(): VNode {\n    return (\n      <div class={CSS.main}>\n        <slot name={SLOTS.panelStart} />\n        {this.renderContent()}\n        <slot name={SLOTS.panelEnd} />\n      </div>\n    );\n  }\n\n  renderPositionedSlots(): VNode {\n    return (\n      <div class={CSS.positionedSlotWrapper}>\n        {this.renderAlerts()}\n        {this.renderModals()}\n        {this.renderDialogs()}\n        {this.renderSheets()}\n      </div>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Fragment>\n        {this.renderHeader()}\n        {this.renderMain()}\n        {this.renderFooter()}\n        {this.renderPositionedSlots()}\n      </Fragment>\n    );\n  }\n}\n","export const CSS = {\n  actionBarContainer: \"action-bar-container\",\n  content: \"content\",\n};\n\nexport const SLOTS = {\n  actionBar: \"action-bar\",\n};\n",":host {\n  @extend %component-host;\n  @apply flex\n    flex-auto\n    overflow-hidden\n    bg-transparent\n    z-default;\n}\n\n.content {\n  @apply m-0\n    flex\n    h-full\n    w-full\n    overflow-hidden;\n  flex: 1 0 0;\n}\n\n.action-bar-container {\n  @apply flex;\n}\n\n:host([detached]) {\n  @apply shadow-0\n  animate-in-up\n  mx-2\n  mt-2 mb-6 rounded\n  border-0;\n}\n\n:host([position=\"end\"]) {\n  @apply self-end;\n}\n\n:host([position=\"start\"]) {\n  @apply self-start;\n}\n\n:host([height-scale=\"s\"]) {\n  block-size: theme(\"width[1/3]\");\n}\n\n:host([height-scale=\"m\"]) {\n  block-size: 70%;\n}\n\n:host([height-scale=\"l\"]) {\n  @apply h-full;\n}\n\n:host([height-scale=\"l\"][detached]) {\n  block-size: calc(theme(\"height.full\") - theme(\"spacing.8\"));\n}\n\n::slotted(calcite-panel) {\n  @apply h-full w-full;\n}\n\n::slotted(calcite-action-bar),\n::slotted(calcite-action-bar[position=\"end\"]) {\n  border-inline-end: theme(\"borderWidth.DEFAULT\") solid;\n  @apply border-color-3;\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Prop, VNode } from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { Position, Scale } from \"../interfaces\";\nimport { logger } from \"../../utils/logger\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @deprecated Use the `calcite-shell-panel` component instead.\n * @slot - A slot for adding content to the `calcite-shell-panel`.\n * @slot action-bar - A slot for adding a `calcite-action-bar` to the `calcite-shell-panel`.\n */\n@Component({\n  tag: \"calcite-shell-center-row\",\n  styleUrl: \"shell-center-row.scss\",\n  shadow: true,\n})\nexport class ShellCenterRow implements ConditionalSlotComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, the content area displays like a floating panel.\n   */\n  @Prop({ reflect: true }) detached = false;\n\n  /**\n   * Specifies the maximum height of the component.\n   */\n  @Prop({ reflect: true }) heightScale: Scale = \"s\";\n\n  /**\n   * Specifies the component's position. Will be flipped when the element direction is right-to-left (`\"rtl\"`).\n   */\n  @Prop({ reflect: true }) position: Extract<\"start\" | \"end\", Position> = \"end\";\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteShellCenterRowElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    logger.deprecated(\"component\", {\n      name: \"shell-center-row\",\n      removalVersion: 4,\n      suggested: \"shell-panel\",\n    });\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { el } = this;\n\n    const contentNode = (\n      <div class={CSS.content}>\n        <slot />\n      </div>\n    );\n\n    const actionBar = getSlotted<HTMLCalciteActionBarElement>(el, SLOTS.actionBar);\n\n    const actionBarNode = actionBar ? (\n      <div class={CSS.actionBarContainer} key=\"action-bar\">\n        <slot name={SLOTS.actionBar} />\n      </div>\n    ) : null;\n\n    const children: VNode[] = [actionBarNode, contentNode];\n\n    if (actionBar?.position === \"end\") {\n      children.reverse();\n    }\n\n    return <Fragment>{children}</Fragment>;\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  content: \"content\",\n  contentHeader: \"content__header\",\n  contentBody: \"content__body\",\n  floatContent: \"float--content\",\n  contentOverlay: \"content--overlay\",\n  separator: \"separator\",\n  float: \"float\",\n  floatAll: \"float-all\",\n};\n\nexport const SLOTS = {\n  actionBar: \"action-bar\",\n  header: \"header\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-shell-panel-width: Specifies the width of the component.\n * @prop --calcite-shell-panel-max-width: Specifies the maximum width of the component.\n * @prop --calcite-shell-panel-min-width: Specifies the minimum width of the component.\n * @prop --calcite-shell-panel-height: When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the height of the component.\n * @prop --calcite-shell-panel-max-height: When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the maximum height of the component.\n * @prop --calcite-shell-panel-min-height: When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the minimum height of the component.\n * @prop --calcite-shell-panel-detached-max-height: [Deprecated] Use the `heightScale` property instead. When `displayMode` is `float-content` or `float`, specifies the maximum height of the component.\n * @prop --calcite-shell-panel-z-index: Specifies the z-index value for the component.\n *\n */\n\n:host {\n  @apply relative\n    pointer-events-none\n    flex\n    flex-initial\n    items-stretch;\n  z-index: var(--calcite-shell-panel-z-index, theme(\"zIndex.default\"));\n  --calcite-shell-panel-detached-max-height: unset;\n  --calcite-shell-panel-max-height: unset;\n  --calcite-internal-shell-panel-shadow-block-start: 0 4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 2px 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-internal-shell-panel-shadow-block-end: 0 -4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 -2px 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-internal-shell-panel-shadow-inline-start: 4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-internal-shell-panel-shadow-inline-end: -4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04);\n}\n\n.calcite--rtl.content--overlay {\n  --calcite-internal-shell-panel-shadow-inline-start: -4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-internal-shell-panel-shadow-inline-end: 4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04);\n}\n\n:host([layout=\"vertical\"]) {\n  z-index: var(--calcite-shell-panel-z-index, calc(theme(\"zIndex.default\") + 1));\n}\n\n:host([layout=\"vertical\"][display-mode=\"overlay\"]) {\n  z-index: var(--calcite-shell-panel-z-index, calc(theme(\"zIndex.header\") + 1));\n}\n\n:host([layout=\"vertical\"][display-mode=\"float-all\"]) .content {\n  flex: 2;\n}\n\n:host([layout=\"vertical\"][width-scale=\"s\"]:not([display-mode=\"float-all\"])) .content {\n  --calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);\n  --calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 300px);\n  --calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"s\"][display-mode=\"float-all\"]) .content {\n  --calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);\n  --calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"m\"]:not([display-mode=\"float-all\"])) .content {\n  --calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);\n  --calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 420px);\n  --calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"m\"][display-mode=\"float-all\"]) .content {\n  --calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);\n  --calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"l\"]:not([display-mode=\"float-all\"])) .content {\n  --calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);\n  --calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 680px);\n  --calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"l\"][display-mode=\"float-all\"]) .content {\n  --calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);\n  --calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px);\n}\n\n:host([layout=\"horizontal\"][height-scale=\"s\"]) .content {\n  --calcite-internal-shell-panel-max-height: var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 20vh)\n  );\n}\n\n:host([layout=\"horizontal\"]) .content {\n  --calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);\n  --calcite-internal-shell-panel-max-height: var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 30vh)\n  );\n}\n\n:host([layout=\"horizontal\"][height-scale=\"l\"]) .content {\n  --calcite-internal-shell-panel-max-height: var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 40vh)\n  );\n}\n\n.container {\n  @apply text-color-2\n  text-n1\n  pointer-events-none\n  box-border\n  flex\n  flex-auto\n  items-stretch\n  bg-transparent\n  h-full;\n\n  * {\n    @apply box-border;\n  }\n\n  &.float-all {\n    margin-block: 0.5rem;\n    margin-inline: 0.5rem;\n  }\n}\n\n:host([layout=\"horizontal\"]) .container {\n  @apply w-full h-auto;\n  flex-direction: column;\n}\n\n:host(:hover),\n:host(:focus-within) {\n  .separator:not(:hover):not(:focus) {\n    @apply opacity-100;\n    background-color: var(--calcite-color-border-3);\n  }\n}\n\n.separator {\n  @apply transition-default\n  pointer-events-auto\n  absolute\n  flex\n  bg-transparent\n  opacity-0;\n  cursor: col-resize;\n  outline: none;\n  &:hover {\n    @apply opacity-100;\n    background-color: var(--calcite-color-border-2);\n  }\n  &:focus {\n    @apply bg-brand opacity-100;\n  }\n}\n\n:host([layout=\"vertical\"]) .separator {\n  @apply bottom-0\n  top-0 h-full\n  w-0.5;\n  cursor: col-resize;\n}\n\n:host([layout=\"horizontal\"][position=\"start\"]) .separator {\n  @apply bottom-0;\n}\n\n:host([layout=\"horizontal\"][position=\"end\"]) .separator {\n  @apply top-0;\n}\n\n:host([layout=\"horizontal\"]) .separator {\n  @apply end-0 w-full\n  h-0.5;\n  cursor: row-resize;\n}\n\n:host([layout=\"vertical\"][position=\"start\"]) .separator {\n  inset-inline-end: -2px;\n}\n:host([layout=\"horizontal\"][position=\"start\"]) .separator {\n  inset-block-end: -2px;\n}\n\n:host([layout=\"vertical\"][position=\"end\"]) .separator {\n  inset-inline-start: -2px;\n}\n:host([layout=\"horizontal\"][position=\"end\"]) .separator {\n  inset-block-start: -2px;\n}\n\n::slotted(calcite-panel),\n::slotted(calcite-flow) {\n  @apply h-full w-full flex-auto;\n  max-block-size: unset;\n  max-inline-size: unset;\n}\n\n::slotted(.calcite-match-height) {\n  @apply flex flex-auto overflow-hidden;\n}\n\n.content {\n  @apply bg-background\n  pointer-events-auto\n  flex\n  flex-col\n  flex-nowrap\n  items-stretch\n  self-stretch\n  p-0;\n  transition:\n    max-block-size var(--calcite-animation-timing),\n    max-inline-size var(--calcite-animation-timing);\n}\n\n:host([layout=\"vertical\"]:not([display-mode=\"float-all\"])) .content {\n  inline-size: var(--calcite-internal-shell-panel-width);\n  max-inline-size: var(--calcite-internal-shell-panel-max-width);\n  min-inline-size: var(--calcite-internal-shell-panel-min-width);\n}\n\n:host([layout=\"vertical\"][display-mode=\"float-all\"]) .content {\n  inline-size: var(--calcite-internal-shell-panel-width);\n  min-inline-size: var(--calcite-internal-shell-panel-min-width);\n}\n\n:host([layout=\"horizontal\"]) .content {\n  block-size: var(--calcite-internal-shell-panel-height);\n  max-block-size: var(--calcite-internal-shell-panel-max-height);\n  min-block-size: var(--calcite-internal-shell-panel-min-height);\n}\n\n.content__header {\n  @apply flex\n  flex-initial\n  flex-col\n  flex-nowrap\n  items-stretch;\n}\n\n.content__body {\n  @apply flex\n  flex-auto\n  flex-col\n  overflow-hidden;\n}\n\n.content--overlay {\n  @apply absolute\n  shadow-0;\n}\n\n:host([layout=\"vertical\"]) .content--overlay {\n  @apply top-0 h-full;\n}\n\n:host([layout=\"horizontal\"]) .content--overlay {\n  @apply start-0 w-full;\n}\n\n:host([layout=\"vertical\"][position=\"start\"]) .content--overlay {\n  inset-inline-start: 100%;\n  box-shadow: var(--calcite-internal-shell-panel-shadow-inline-start);\n}\n\n:host([layout=\"vertical\"][position=\"end\"]) .content--overlay {\n  inset-inline-end: 100%;\n  box-shadow: var(--calcite-internal-shell-panel-shadow-inline-end);\n}\n\n:host([layout=\"horizontal\"][position=\"start\"]) .content--overlay {\n  inset-block-start: 100%;\n  box-shadow: var(--calcite-internal-shell-panel-shadow-block-start);\n}\n\n:host([layout=\"horizontal\"][position=\"end\"]) .content--overlay {\n  inset-block-end: 100%;\n  box-shadow: var(--calcite-internal-shell-panel-shadow-block-end);\n}\n\n.float--content {\n  @apply shadow-0\n  mx-2\n  mt-2\n  mb-auto\n  h-auto\n  overflow-hidden\n  rounded;\n  max-block-size: var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem));\n  ::slotted(calcite-panel),\n  ::slotted(calcite-flow) {\n    max-block-size: unset;\n  }\n}\n\n:host([layout=\"horizontal\"]) .float--content {\n  @apply my-2;\n}\n\n:host([position=\"start\"]) .float--content,\n:host([position=\"end\"]) .float--content {\n  ::slotted(calcite-panel),\n  ::slotted(calcite-flow) {\n    @apply border-none;\n  }\n}\n\n.content[hidden] {\n  @apply hidden;\n}\n\nslot[name=\"action-bar\"]::slotted(calcite-action-bar),\n.content ::slotted(calcite-flow),\n.content ::slotted(calcite-panel:not([closed])) {\n  @apply border-color-3 border border-solid;\n}\n\n:host([position=\"start\"]:not([slot=\"panel-end\"]):not([display-mode=\"float-all\"])),\n:host([position=\"end\"][slot=\"panel-start\"]) {\n  slot[name=\"action-bar\"]::slotted(calcite-action-bar),\n  .content ::slotted(calcite-flow),\n  .content ::slotted(calcite-panel) {\n    border-inline-start: none;\n  }\n}\n\n:host([position=\"end\"]:not([slot=\"panel-start\"])),\n:host([position=\"start\"][slot=\"panel-end\"]) {\n  slot[name=\"action-bar\"]::slotted(calcite-action-bar),\n  .content ::slotted(calcite-flow),\n  .content ::slotted(calcite-panel) {\n    border-inline-end: none;\n  }\n}\n\n:host([layout=\"horizontal\"]:not([display-mode=\"float-all\"])) slot[name=\"action-bar\"]::slotted(calcite-action-bar) {\n  border-inline: 0;\n}\n\n:host([layout=\"horizontal\"][position=\"start\"]:not([display-mode=\"float-all\"])) .content ::slotted(calcite-flow),\n:host([layout=\"horizontal\"][position=\"start\"]:not([display-mode=\"float-all\"])) .content ::slotted(calcite-panel) {\n  border-inline: 0;\n  border-block-start: 0;\n}\n\n:host([layout=\"horizontal\"][position=\"end\"]) .content ::slotted(calcite-flow),\n:host([layout=\"horizontal\"][position=\"end\"]) .content ::slotted(calcite-panel) {\n  border-inline: 0;\n  border-block-end: 0;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport {\n  getElementDir,\n  isPrimaryPointerButton,\n  slotChangeGetAssignedElements,\n  slotChangeHasAssignedElement,\n} from \"../../utils/dom\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { clamp } from \"../../utils/math\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Layout, Position, Scale } from \"../interfaces\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { ShellPanelMessages } from \"./assets/shell-panel/t9n\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { DisplayMode } from \"./interfaces\";\n\n/**\n * @slot - A slot for adding custom content.\n * @slot action-bar - A slot for adding a `calcite-action-bar` to the component.\n */\n@Component({\n  tag: \"calcite-shell-panel\",\n  styleUrl: \"shell-panel.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class ShellPanel implements ConditionalSlotComponent, LocalizedComponent, T9nComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, hides the component's content area.\n   */\n  @Prop({ reflect: true }) collapsed = false;\n\n  /**\n   * When `true`, the content area displays like a floating panel.\n   *\n   * @deprecated Use `displayMode` instead.\n   */\n  @Prop({ reflect: true }) detached = false;\n\n  @Watch(\"detached\")\n  handleDetached(value: boolean): void {\n    if (value) {\n      this.displayMode = \"float-content\";\n    } else if (this.displayMode === \"float-content\" || this.displayMode === \"float\") {\n      this.displayMode = \"dock\";\n    }\n  }\n\n  /**\n   * Specifies the display mode of the component, where:\n   *\n   * `\"dock\"` displays at full height adjacent to center content,\n   *\n   * `\"overlay\"` displays at full height on top of center content, and\n   *\n   * `\"float\"` [Deprecated] does not display at full height with content separately detached from `calcite-action-bar` on top of center content.\n   *\n   * `\"float-content\"` does not display at full height with content separately detached from `calcite-action-bar` on top of center content.\n   *\n   * `\"float-all\"` detaches the `calcite-panel` and `calcite-action-bar` on top of center content.\n   */\n  @Prop({ reflect: true }) displayMode: DisplayMode = \"dock\";\n\n  @Watch(\"displayMode\")\n  handleDisplayMode(value: DisplayMode): void {\n    this.detached = value === \"float-content\" || value === \"float\";\n  }\n\n  /**\n   * When `displayMode` is `float-content` or `float`, specifies the maximum height of the component.\n   *\n   * @deprecated Use `heightScale` instead.\n   */\n  @Prop({ reflect: true }) detachedHeightScale: Scale;\n\n  @Watch(\"detachedHeightScale\")\n  handleDetachedHeightScale(value: Scale): void {\n    this.heightScale = value;\n  }\n\n  /**\n   * When `layout` is `horizontal`, specifies the maximum height of the component.\n   */\n  @Prop({ reflect: true }) heightScale: Scale;\n\n  @Watch(\"heightScale\")\n  handleHeightScale(value: Scale): void {\n    this.detachedHeightScale = value;\n  }\n\n  /**\n   * When `layout` is `vertical`, specifies the width of the component.\n   */\n\n  @Prop({ reflect: true }) widthScale: Scale = \"m\";\n\n  /**\n   *  The direction of the component.\n   */\n  @Prop({ reflect: true }) layout: Extract<\"horizontal\" | \"vertical\", Layout> = \"vertical\";\n\n  @Watch(\"layout\")\n  layoutHandler(): void {\n    this.setActionBarsLayout(this.actionBars);\n  }\n\n  /**\n   * Specifies the component's position. Will be flipped when the element direction is right-to-left (`\"rtl\"`).\n   */\n  @Prop({ reflect: true }) position: Extract<\"start\" | \"end\", Position> = \"start\";\n\n  /**\n   * When `true` and `displayMode` is not `float-content` or `float`, the component's content area is resizable.\n   */\n  @Prop({ reflect: true }) resizable = false;\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: ShellPanelMessages;\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<ShellPanelMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n    this.disconnectSeparator();\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  componentDidLoad(): void {\n    this.updateAriaValues();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteShellPanelElement;\n\n  @State() contentWidth: number = null;\n\n  @State() contentHeight: number = null;\n\n  initialContentWidth: number = null;\n\n  initialContentHeight: number = null;\n\n  initialClientX: number = null;\n\n  initialClientY: number = null;\n\n  contentEl: HTMLDivElement;\n\n  separatorEl: HTMLDivElement;\n\n  contentWidthMax: number = null;\n\n  contentWidthMin: number = null;\n\n  contentHeightMax: number = null;\n\n  contentHeightMin: number = null;\n\n  step = 1;\n\n  stepMultiplier = 10;\n\n  actionBars: HTMLCalciteActionBarElement[] = [];\n\n  @State() defaultMessages: ShellPanelMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() hasHeader = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalShellPanelResizeStart: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalShellPanelResizeEnd: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  renderHeader(): VNode {\n    return (\n      <div class={CSS.contentHeader} hidden={!this.hasHeader} key=\"header\">\n        <slot name={SLOTS.header} onSlotchange={this.handleHeaderSlotChange} />\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const {\n      collapsed,\n      position,\n      initialContentWidth,\n      initialContentHeight,\n      contentWidth,\n      contentWidthMax,\n      contentWidthMin,\n      contentHeight,\n      contentHeightMax,\n      contentHeightMin,\n      resizable,\n      layout,\n      displayMode,\n    } = this;\n\n    const dir = getElementDir(this.el);\n\n    const allowResizing = displayMode !== \"float-content\" && displayMode !== \"float\" && resizable;\n\n    const style = allowResizing\n      ? layout === \"horizontal\"\n        ? contentHeight\n          ? { height: `${contentHeight}px` }\n          : null\n        : contentWidth\n          ? { width: `${contentWidth}px` }\n          : null\n      : null;\n\n    const separatorNode =\n      !collapsed && allowResizing ? (\n        <div\n          aria-label={this.messages.resize}\n          aria-orientation={layout === \"horizontal\" ? \"vertical\" : \"horizontal\"}\n          aria-valuemax={layout == \"horizontal\" ? contentHeightMax : contentWidthMax}\n          aria-valuemin={layout == \"horizontal\" ? contentHeightMin : contentWidthMin}\n          aria-valuenow={\n            layout == \"horizontal\"\n              ? (contentHeight ?? initialContentHeight)\n              : (contentWidth ?? initialContentWidth)\n          }\n          class={CSS.separator}\n          key=\"separator\"\n          onKeyDown={this.separatorKeyDown}\n          ref={this.connectSeparator}\n          role=\"separator\"\n          tabIndex={0}\n          touch-action=\"none\"\n        />\n      ) : null;\n\n    const getAnimationDir = (): string => {\n      if (layout === \"horizontal\") {\n        return position === \"start\"\n          ? CSS_UTILITY.calciteAnimateInDown\n          : CSS_UTILITY.calciteAnimateInUp;\n      } else {\n        const isStart =\n          (dir === \"ltr\" && position === \"end\") || (dir === \"rtl\" && position === \"start\");\n        return isStart ? CSS_UTILITY.calciteAnimateInLeft : CSS_UTILITY.calciteAnimateInRight;\n      }\n    };\n\n    const contentNode = (\n      <div\n        class={{\n          [CSS_UTILITY.rtl]: dir === \"rtl\",\n          [CSS.content]: true,\n          [CSS.contentOverlay]: displayMode === \"overlay\",\n          [CSS.floatContent]: displayMode === \"float-content\" || displayMode === \"float\",\n          [CSS_UTILITY.calciteAnimate]: displayMode === \"overlay\",\n          [getAnimationDir()]: displayMode === \"overlay\",\n        }}\n        hidden={collapsed}\n        key=\"content\"\n        ref={this.storeContentEl}\n        style={style}\n      >\n        {this.renderHeader()}\n        <div class={CSS.contentBody}>\n          <slot />\n        </div>\n        {separatorNode}\n      </div>\n    );\n\n    const actionBarNode = (\n      <slot key=\"action-bar\" name={SLOTS.actionBar} onSlotchange={this.handleActionBarSlotChange} />\n    );\n\n    const mainNodes = [actionBarNode, contentNode];\n\n    if (position === \"end\") {\n      mainNodes.reverse();\n    }\n\n    return (\n      <div class={{ [CSS.container]: true, [CSS.floatAll]: displayMode === \"float-all\" }}>\n        {mainNodes}\n      </div>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  setContentWidth(width: number): void {\n    const { contentWidthMax, contentWidthMin } = this;\n\n    const roundedWidth = Math.round(width);\n\n    this.contentWidth =\n      typeof contentWidthMax === \"number\" && typeof contentWidthMin === \"number\"\n        ? clamp(roundedWidth, contentWidthMin, contentWidthMax)\n        : roundedWidth;\n  }\n\n  updateAriaValues(): void {\n    const { contentEl } = this;\n    const computedStyle = contentEl && getComputedStyle(contentEl);\n\n    if (!computedStyle) {\n      return;\n    }\n\n    this.layout === \"horizontal\"\n      ? this.updateHeights(computedStyle)\n      : this.updateWidths(computedStyle);\n\n    forceUpdate(this);\n  }\n\n  setContentHeight(height: number): void {\n    const { contentHeightMax, contentHeightMin } = this;\n\n    const roundedWidth = Math.round(height);\n\n    this.contentHeight =\n      typeof contentHeightMax === \"number\" && typeof contentHeightMin === \"number\"\n        ? clamp(roundedWidth, contentHeightMin, contentHeightMax)\n        : roundedWidth;\n  }\n\n  updateWidths(computedStyle: CSSStyleDeclaration): void {\n    const max = parseInt(computedStyle.getPropertyValue(\"max-width\"), 10);\n    const min = parseInt(computedStyle.getPropertyValue(\"min-width\"), 10);\n    const valueNow = parseInt(computedStyle.getPropertyValue(\"width\"), 10);\n\n    if (typeof valueNow === \"number\" && !isNaN(valueNow)) {\n      this.initialContentWidth = valueNow;\n    }\n\n    if (typeof max === \"number\" && !isNaN(max)) {\n      this.contentWidthMax = max;\n    }\n\n    if (typeof min === \"number\" && !isNaN(min)) {\n      this.contentWidthMin = min;\n    }\n  }\n\n  updateHeights(computedStyle: CSSStyleDeclaration): void {\n    const max = parseInt(computedStyle.getPropertyValue(\"max-height\"), 10);\n    const min = parseInt(computedStyle.getPropertyValue(\"min-height\"), 10);\n    const valueNow = parseInt(computedStyle.getPropertyValue(\"height\"), 10);\n\n    if (typeof valueNow === \"number\" && !isNaN(valueNow)) {\n      this.initialContentHeight = valueNow;\n    }\n\n    if (typeof max === \"number\" && !isNaN(max)) {\n      this.contentHeightMax = max;\n    }\n\n    if (typeof min === \"number\" && !isNaN(min)) {\n      this.contentHeightMin = min;\n    }\n  }\n\n  storeContentEl = (contentEl: HTMLDivElement): void => {\n    this.contentEl = contentEl;\n  };\n\n  getKeyAdjustedSize = (event: KeyboardEvent): number | null => {\n    const { key } = event;\n    const {\n      el,\n      step,\n      stepMultiplier,\n      layout,\n      contentWidthMin,\n      contentWidthMax,\n      initialContentWidth,\n      initialContentHeight,\n      contentHeightMin,\n      contentHeightMax,\n      position,\n    } = this;\n    const multipliedStep = step * stepMultiplier;\n\n    const MOVEMENT_KEYS = [\n      \"ArrowUp\",\n      \"ArrowDown\",\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"Home\",\n      \"End\",\n      \"PageUp\",\n      \"PageDown\",\n    ];\n\n    if (MOVEMENT_KEYS.indexOf(key) > -1) {\n      event.preventDefault();\n    }\n\n    const dir = getElementDir(el);\n\n    const horizontalKeys = [\"ArrowLeft\", \"ArrowRight\"];\n    const verticalKeys = [\"ArrowDown\", \"ArrowUp\"];\n    const directionFactor = dir === \"rtl\" && horizontalKeys.includes(key) ? -1 : 1;\n\n    const increaseKeys =\n      layout === \"horizontal\"\n        ? position === \"end\"\n          ? key === verticalKeys[1] || key === horizontalKeys[0]\n          : key === verticalKeys[0] || key === horizontalKeys[1]\n        : key === verticalKeys[1] ||\n          (position === \"end\" ? key === horizontalKeys[0] : key === horizontalKeys[1]);\n\n    if (increaseKeys) {\n      const stepValue = event.shiftKey ? multipliedStep : step;\n\n      return layout === \"horizontal\"\n        ? initialContentHeight + directionFactor * stepValue\n        : initialContentWidth + directionFactor * stepValue;\n    }\n\n    const decreaseKeys =\n      layout === \"horizontal\"\n        ? position === \"end\"\n          ? key === verticalKeys[0] || key === horizontalKeys[0]\n          : key === verticalKeys[1] || key === horizontalKeys[1]\n        : key === verticalKeys[0] ||\n          (position === \"end\" ? key === horizontalKeys[1] : key === horizontalKeys[0]);\n\n    if (decreaseKeys) {\n      const stepValue = event.shiftKey ? multipliedStep : step;\n\n      return layout === \"horizontal\"\n        ? initialContentHeight - directionFactor * stepValue\n        : initialContentWidth - directionFactor * stepValue;\n    }\n\n    if (key === \"Home\" && layout === \"horizontal\" && typeof contentHeightMin === \"number\") {\n      return contentHeightMin;\n    }\n\n    if (key === \"Home\" && layout === \"vertical\" && typeof contentWidthMin === \"number\") {\n      return contentWidthMin;\n    }\n\n    if (key === \"End\" && layout === \"horizontal\" && typeof contentHeightMax === \"number\") {\n      return contentHeightMax;\n    }\n\n    if (key === \"End\" && layout === \"vertical\" && typeof contentWidthMax === \"number\") {\n      return contentWidthMax;\n    }\n\n    if (key === \"PageDown\") {\n      return layout === \"horizontal\"\n        ? initialContentHeight - multipliedStep\n        : initialContentWidth - multipliedStep;\n    }\n\n    if (key === \"PageUp\") {\n      return layout === \"horizontal\"\n        ? initialContentHeight + multipliedStep\n        : initialContentWidth + multipliedStep;\n    }\n\n    return null;\n  };\n\n  initialKeydownWidth = (event: KeyboardEvent): void => {\n    this.setInitialContentWidth();\n    const width = this.getKeyAdjustedSize(event);\n\n    if (typeof width === \"number\") {\n      this.setContentWidth(width);\n    }\n  };\n\n  initialKeydownHeight = (event: KeyboardEvent): void => {\n    this.setInitialContentHeight();\n    const height = this.getKeyAdjustedSize(event);\n\n    if (typeof height === \"number\") {\n      this.setContentHeight(height);\n    }\n  };\n\n  separatorKeyDown = (event: KeyboardEvent): void => {\n    this.layout === \"horizontal\"\n      ? this.initialKeydownHeight(event)\n      : this.initialKeydownWidth(event);\n  };\n\n  separatorPointerMove = (event: PointerEvent): void => {\n    event.preventDefault();\n\n    const {\n      el,\n      layout,\n      initialContentWidth,\n      initialContentHeight,\n      position,\n      initialClientX,\n      initialClientY,\n    } = this;\n\n    const offset =\n      layout === \"horizontal\" ? event.clientY - initialClientY : event.clientX - initialClientX;\n\n    const adjustmentDirection = layout === \"vertical\" && getElementDir(el) === \"rtl\" ? -1 : 1;\n\n    const adjustedOffset =\n      layout === \"horizontal\"\n        ? position === \"end\"\n          ? -adjustmentDirection * offset\n          : adjustmentDirection * offset\n        : position === \"end\"\n          ? -adjustmentDirection * offset\n          : adjustmentDirection * offset;\n\n    layout === \"horizontal\"\n      ? this.setContentHeight(initialContentHeight + adjustedOffset)\n      : this.setContentWidth(initialContentWidth + adjustedOffset);\n  };\n\n  separatorPointerUp = (event: PointerEvent): void => {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    this.calciteInternalShellPanelResizeEnd.emit();\n\n    event.preventDefault();\n    window.removeEventListener(\"pointerup\", this.separatorPointerUp);\n    window.removeEventListener(\"pointermove\", this.separatorPointerMove);\n  };\n\n  setInitialContentHeight = (): void => {\n    this.initialContentHeight = this.contentEl?.getBoundingClientRect().height;\n  };\n\n  setInitialContentWidth = (): void => {\n    this.initialContentWidth = this.contentEl?.getBoundingClientRect().width;\n  };\n\n  separatorPointerDown = (event: PointerEvent): void => {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    this.calciteInternalShellPanelResizeStart.emit();\n\n    event.preventDefault();\n    const { separatorEl } = this;\n\n    separatorEl && document.activeElement !== separatorEl && separatorEl.focus();\n\n    if (this.layout === \"horizontal\") {\n      this.setInitialContentHeight();\n      this.initialClientY = event.clientY;\n    } else {\n      this.setInitialContentWidth();\n      this.initialClientX = event.clientX;\n    }\n\n    window.addEventListener(\"pointerup\", this.separatorPointerUp);\n    window.addEventListener(\"pointermove\", this.separatorPointerMove);\n  };\n\n  connectSeparator = (separatorEl: HTMLDivElement): void => {\n    this.disconnectSeparator();\n    this.separatorEl = separatorEl;\n    separatorEl?.addEventListener(\"pointerdown\", this.separatorPointerDown);\n  };\n\n  disconnectSeparator = (): void => {\n    this.separatorEl?.removeEventListener(\"pointerdown\", this.separatorPointerDown);\n  };\n\n  setActionBarsLayout = (actionBars: HTMLCalciteActionBarElement[]): void => {\n    actionBars.forEach((actionBar) => (actionBar.layout = this.layout));\n  };\n\n  handleActionBarSlotChange = (event: Event): void => {\n    const actionBars = slotChangeGetAssignedElements(event).filter(\n      (el): el is HTMLCalciteActionBarElement => el?.matches(\"calcite-action-bar\"),\n    );\n\n    this.actionBars = actionBars;\n    this.setActionBarsLayout(actionBars);\n  };\n\n  handleHeaderSlotChange = (event: Event): void => {\n    this.hasHeader = slotChangeHasAssignedElement(event);\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-84b0b017.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{r as e,c as t,h as o,g as i}from"./p-67e556ed.js";import{c as n,d as s}from"./p-b54932d7.js";import{h as c,e as a}from"./p-0fb1c54a.js";import{s as l,a as r,c as d}from"./p-1f5a7c5e.js";import{c as h,d as f}from"./p-bf4dc8d8.js";import{c as p,d as g,s as m,u as b}from"./p-3a1a720c.js";import{K as u}from"./p-7ab519d2.js";import{o as k}from"./p-3608bc6c.js";import{g as v}from"./p-d2b212f4.js";import"./p-06c0de26.js";import"./p-4dd99f61.js";import"./p-57e1e048.js";import"./p-7f97e86a.js";import"./p-cfc4daa3.js";const x={title:"title",message:"message",link:"link",actionsEnd:"actions-end"};const w={actionsEnd:"actions-end",close:"notice-close",container:"container",content:"notice-content",icon:"notice-icon"};const z=":host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;background-color:var(--calcite-color-foreground-1);opacity:0;overflow:hidden;max-block-size:0;transition-property:opacity, max-block-size;transition-duration:var(--calcite-animation-timing);text-align:start;border-inline-start:var(--calcite-border-width-md) solid;box-shadow:0 0 0 0 transparent}.notice-close{outline-color:transparent}.notice-close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host{display:flex}:host([open]) .container{pointer-events:auto;max-block-size:100%;align-items:center;opacity:1;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);overflow:visible}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto}.notice-close{display:flex;cursor:pointer;align-items:center;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.notice-close:active{background-color:var(--calcite-color-foreground-3)}.actions-end{display:flex;align-self:stretch}:host([kind=brand]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand]) .container .notice-icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-color:var(--calcite-color-status-info)}:host([kind=info]) .container .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-color:var(--calcite-color-status-success)}:host([kind=success]) .container .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .notice-icon{color:var(--calcite-color-status-warning)}:host([hidden]){display:none}[hidden]{display:none}";const y=z;const j=class{constructor(o){e(this,o);this.calciteNoticeBeforeClose=t(this,"calciteNoticeBeforeClose",6);this.calciteNoticeBeforeOpen=t(this,"calciteNoticeBeforeOpen",6);this.calciteNoticeClose=t(this,"calciteNoticeClose",6);this.calciteNoticeOpen=t(this,"calciteNoticeOpen",6);this.setTransitionEl=e=>{this.transitionEl=e};this.close=()=>{this.open=false};this.openTransitionProp="opacity";this.open=false;this.kind="brand";this.closable=false;this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.width="auto";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}openHandler(){k(this)}onMessagesChange(){}updateRequestedIcon(){this.requestedIcon=c(u,this.icon,this.kind)}connectedCallback(){n(this);h(this);p(this)}disconnectedCallback(){s(this);f(this);g(this)}async componentWillLoad(){l(this);this.requestedIcon=c(u,this.icon,this.kind);await m(this);if(this.open){k(this)}}componentDidLoad(){r(this)}render(){const{el:e}=this;const t=o("button",{key:"52f9306ebe945398929f68fe66615359836ba2d8","aria-label":this.messages.close,class:w.close,onClick:this.close,ref:e=>this.closeButton=e},o("calcite-icon",{key:"f3601ac9547c73219661eebc7e7470db5dee7b52",icon:"x",scale:v(this.scale)}));const i=a(e,x.actionsEnd);return o("div",{key:"3f8117ff7cdd08c92ce804ef4ac8af83003156a4",class:w.container,ref:this.setTransitionEl},this.requestedIcon?o("div",{class:w.icon},o("calcite-icon",{flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:v(this.scale)})):null,o("div",{key:"1b614ee86618bd5ce6e8834b466baf7d2564b5a1",class:w.content},o("slot",{key:"19467ed9718a78c7530c2a08c727028d565dee7b",name:x.title}),o("slot",{key:"191e71caf2f2147c62fd6b73602e41d95dc27558",name:x.message}),o("slot",{key:"d4fbf2b8aaa980cd24c5be89c6c8a36d091658f3",name:x.link})),i?o("div",{class:w.actionsEnd},o("slot",{name:x.actionsEnd})):null,this.closable?t:null)}async setFocus(){await d(this);const e=this.el.querySelector("calcite-link");if(!this.closeButton&&!e){return}if(e){return e.setFocus()}else if(this.closeButton){this.closeButton.focus()}}onBeforeClose(){this.calciteNoticeBeforeClose.emit()}onBeforeOpen(){this.calciteNoticeBeforeOpen.emit()}onClose(){this.calciteNoticeClose.emit()}onOpen(){this.calciteNoticeOpen.emit()}effectiveLocaleChange(){b(this,this.effectiveLocale)}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],icon:["updateRequestedIcon"],kind:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=y;export{j as calcite_notice};
+//# sourceMappingURL=p-84b0b017.entry.js.map

package/dist/calcite/p-84b0b017.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SLOTS","title","message","link","actionsEnd","CSS","close","container","content","icon","noticeCss","CalciteNoticeStyle0","Notice","this","setTransitionEl","el","transitionEl","open","openTransitionProp","openHandler","onToggleOpenCloseComponent","onMessagesChange","updateRequestedIcon","requestedIcon","setRequestedIcon","KindIcons","kind","connectedCallback","connectConditionalSlotComponent","connectLocalized","connectMessages","disconnectedCallback","disconnectConditionalSlotComponent","disconnectLocalized","disconnectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","render","closeButton","h","key","messages","class","onClick","ref","scale","getIconScale","hasActionEnd","getSlotted","flipRtl","iconFlipRtl","name","closable","setFocus","componentFocusable","noticeLinkEl","querySelector","focus","onBeforeClose","calciteNoticeBeforeClose","emit","onBeforeOpen","calciteNoticeBeforeOpen","onClose","calciteNoticeClose","onOpen","calciteNoticeOpen","effectiveLocaleChange","updateMessages","effectiveLocale"],"sources":["src/components/notice/resources.ts","src/components/notice/notice.scss?tag=calcite-notice&encapsulation=shadow","src/components/notice/notice.tsx"],"sourcesContent":["export const SLOTS = {\n  title: \"title\",\n  message: \"message\",\n  link: \"link\",\n  actionsEnd: \"actions-end\",\n};\n\nexport const CSS = {\n  actionsEnd: \"actions-end\",\n  close: \"notice-close\",\n  container: \"container\",\n  content: \"notice-content\",\n  icon: \"notice-icon\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-notice-width: The width of the component.\n */\n\n// scale variables\n:host([scale=\"s\"]) {\n  --calcite-notice-spacing-token-small: theme(\"spacing.2\");\n  --calcite-notice-spacing-token-large: theme(\"spacing.3\");\n  @include slotted(\"title\", \"*\", \".container\") {\n    @apply text-n1-wrap my-0.5;\n  }\n  @include slotted(\"message\", \"*\", \".container\") {\n    @apply text-n2-wrap my-0.5;\n  }\n  ::slotted(calcite-link) {\n    @apply text-n2-wrap my-0.5;\n  }\n  .notice-close {\n    // specific padding for close button to align with calcite-action small-scale spacing\n    @apply p-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-notice-spacing-token-small: theme(\"spacing.3\");\n  --calcite-notice-spacing-token-large: theme(\"spacing.4\");\n  @include slotted(\"title\", \"*\", \".container\") {\n    @apply text-0-wrap my-0.5;\n  }\n  @include slotted(\"message\", \"*\", \".container\") {\n    @apply text-n1-wrap my-0.5;\n  }\n  ::slotted(calcite-link) {\n    @apply text-n1-wrap my-0.5;\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-notice-spacing-token-small: theme(\"spacing.4\");\n  --calcite-notice-spacing-token-large: theme(\"spacing.5\");\n  @include slotted(\"title\", \"*\", \".container\") {\n    @apply text-1-wrap my-0.5;\n  }\n  @include slotted(\"message\", \"*\", \".container\") {\n    @apply text-0-wrap my-0.5;\n  }\n  ::slotted(calcite-link) {\n    @apply text-0-wrap my-0.5;\n  }\n}\n\n:host([width=\"auto\"]) {\n  --calcite-notice-width: theme(\"width.auto\");\n}\n\n:host([width=\"half\"]) {\n  --calcite-notice-width: theme(\"width[1/2]\");\n}\n\n:host([width=\"full\"]) {\n  --calcite-notice-width: theme(\"width.full\");\n}\n\n:host {\n  @apply mx-auto hidden max-w-full items-center;\n  inline-size: var(--calcite-notice-width);\n}\n\n.container {\n  @apply bg-foreground-1\n    pointer-events-none\n    my-0\n    box-border\n    flex\n    w-full\n    opacity-0;\n  overflow: hidden;\n  max-block-size: 0;\n  transition-property: opacity, max-block-size;\n  transition-duration: var(--calcite-animation-timing);\n  text-align: start;\n  border-inline-start: var(--calcite-border-width-md) solid;\n  box-shadow: 0 0 0 0 transparent;\n}\n\n// focus styles\n.notice-close {\n  @apply focus-base;\n  &:focus {\n    @apply focus-inset;\n  }\n}\n\n:host {\n  @apply flex;\n}\n\n:host([open]) .container {\n  @apply shadow-1\n    pointer-events-auto\n    max-h-full\n    items-center\n    opacity-100;\n  overflow: visible;\n}\n\n@include slotted(\"title\", \"*\", \".container\") {\n  @apply text-color-1 m-0 font-medium;\n}\n\n@include slotted(\"message\", \"*\", \".container\") {\n  @apply text-color-2 m-0 inline font-normal;\n  margin-inline-end: var(--calcite-notice-spacing-token-small);\n}\n\n@mixin notice-element-base() {\n  @apply transition-default box-border;\n  padding-block: var(--calcite-notice-spacing-token-small);\n  padding-inline: var(--calcite-notice-spacing-token-large);\n  flex: 0 0 auto;\n}\n\n.notice-content {\n  @include notice-element-base;\n  @apply flex min-w-0 flex-col break-words;\n  flex: 1 1 0;\n  padding-block: var(--calcite-notice-spacing-token-small);\n  padding-inline: 0 var(--calcite-notice-spacing-token-small);\n\n  &:first-of-type:not(:only-child) {\n    padding-inline-start: var(--calcite-notice-spacing-token-large);\n  }\n  &:only-of-type {\n    padding-block: var(--calcite-notice-spacing-token-small);\n    padding-inline: var(--calcite-notice-spacing-token-large);\n  }\n}\n\n.notice-icon {\n  @apply flex items-center;\n  @include notice-element-base;\n}\n\n.notice-close {\n  @apply text-color-3 flex cursor-pointer items-center self-stretch border-none bg-transparent outline-none;\n  @include notice-element-base;\n  -webkit-appearance: none;\n\n  &:hover,\n  &:focus {\n    @apply bg-foreground-2 text-color-1;\n  }\n\n  &:active {\n    @apply bg-foreground-3;\n  }\n}\n\n.actions-end {\n  @apply flex self-stretch;\n}\n\n$notice-kinds:\n  \"brand\" var(--calcite-color-brand),\n  \"info\" var(--calcite-color-status-info),\n  \"danger\" var(--calcite-color-status-danger),\n  \"success\" var(--calcite-color-status-success),\n  \"warning\" var(--calcite-color-status-warning);\n\n@each $notice-kind in $notice-kinds {\n  $name: nth($notice-kind, 1);\n  $kind: nth($notice-kind, 2);\n\n  :host([kind=\"#{$name}\"]) .container {\n    border-color: $kind;\n    & .notice-icon {\n      color: $kind;\n    }\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted, setRequestedIcon } from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Kind, Scale, Width } from \"../interfaces\";\nimport { KindIcons } from \"../resources\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { getIconScale } from \"../../utils/component\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { NoticeMessages } from \"./assets/notice/t9n\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * Notices are intended to be used to present users with important-but-not-crucial contextual tips or copy. Because\n * notices are displayed inline, a common use case is displaying them on page-load to present users with short hints or contextual copy.\n * They are optionally closable - useful for keeping track of whether or not a user has closed the notice. You can also choose not\n * to display a notice on page load and set the \"active\" attribute as needed to contextually provide inline messaging to users.\n */\n\n/**\n * @slot title - A slot for adding the title.\n * @slot message - A slot for adding the message.\n * @slot link - A slot for adding a `calcite-action` to take, such as: \"undo\", \"try again\", \"link to page\", etc.\n * @slot actions-end - A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or less actions.\n */\n\n@Component({\n  tag: \"calcite-notice\",\n  styleUrl: \"notice.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Notice\n  implements\n    ConditionalSlotComponent,\n    LoadableComponent,\n    T9nComponent,\n    LocalizedComponent,\n    OpenCloseComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //---------------------------------------------------------------------------\n\n  /** When `true`, the component is visible. */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n  }\n\n  /** Specifies the kind of the component, which will apply to top border and icon. */\n  @Prop({ reflect: true }) kind: Extract<\n    \"brand\" | \"danger\" | \"info\" | \"success\" | \"warning\",\n    Kind\n  > = \"brand\";\n\n  /** When `true`, a close button is added to the component. */\n  @Prop({ reflect: true }) closable = 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: IconNameOrString | 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  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the width of the component. */\n  @Prop({ reflect: true }) width: Width = \"auto\";\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: NoticeMessages;\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<NoticeMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  @Watch(\"icon\")\n  @Watch(\"kind\")\n  updateRequestedIcon(): void {\n    this.requestedIcon = setRequestedIcon(KindIcons, this.icon, this.kind);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    this.requestedIcon = setRequestedIcon(KindIcons, this.icon, this.kind);\n    await setUpMessages(this);\n    if (this.open) {\n      onToggleOpenCloseComponent(this);\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  render(): VNode {\n    const { el } = this;\n    const closeButton = (\n      <button\n        aria-label={this.messages.close}\n        class={CSS.close}\n        onClick={this.close}\n        ref={(el) => (this.closeButton = el)}\n      >\n        <calcite-icon icon=\"x\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n\n    const hasActionEnd = getSlotted(el, SLOTS.actionsEnd);\n\n    return (\n      <div class={CSS.container} ref={this.setTransitionEl}>\n        {this.requestedIcon ? (\n          <div class={CSS.icon}>\n            <calcite-icon\n              flipRtl={this.iconFlipRtl}\n              icon={this.requestedIcon}\n              scale={getIconScale(this.scale)}\n            />\n          </div>\n        ) : null}\n        <div class={CSS.content}>\n          <slot name={SLOTS.title} />\n          <slot name={SLOTS.message} />\n          <slot name={SLOTS.link} />\n        </div>\n        {hasActionEnd ? (\n          <div class={CSS.actionsEnd}>\n            <slot name={SLOTS.actionsEnd} />\n          </div>\n        ) : null}\n        {this.closable ? closeButton : null}\n      </div>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteNoticeBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteNoticeBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteNoticeClose: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteNoticeOpen: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    const noticeLinkEl = this.el.querySelector(\"calcite-link\");\n\n    if (!this.closeButton && !noticeLinkEl) {\n      return;\n    }\n    if (noticeLinkEl) {\n      return noticeLinkEl.setFocus();\n    } else if (this.closeButton) {\n      this.closeButton.focus();\n    }\n  }\n\n  onBeforeClose(): void {\n    this.calciteNoticeBeforeClose.emit();\n  }\n\n  onBeforeOpen(): void {\n    this.calciteNoticeBeforeOpen.emit();\n  }\n\n  onClose(): void {\n    this.calciteNoticeClose.emit();\n  }\n\n  onOpen(): void {\n    this.calciteNoticeOpen.emit();\n  }\n\n  private setTransitionEl = (el: HTMLElement): void => {\n    this.transitionEl = el;\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  private close = (): void => {\n    this.open = false;\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteNoticeElement;\n\n  /** The close button element. */\n  private closeButton?: HTMLButtonElement;\n\n  /** The computed icon to render. */\n  private requestedIcon?: IconNameOrString;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: NoticeMessages;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLElement;\n}\n"],"mappings":";;;;;ygBAAO,MAAMA,EAAQ,CACnBC,MAAO,QACPC,QAAS,UACTC,KAAM,OACNC,WAAY,eAGP,MAAMC,EAAM,CACjBD,WAAY,cACZE,MAAO,eACPC,UAAW,YACXC,QAAS,iBACTC,KAAM,eCZR,MAAMC,EAAY,0nNAClB,MAAAC,EAAeD,E,MC2DFE,EAAM,M,yQAuMTC,KAAAC,gBAAmBC,IACzBF,KAAKG,aAAeD,CAAE,EAQhBF,KAAAP,MAAQ,KACdO,KAAKI,KAAO,KAAK,EA0BnBJ,KAAAK,mBAAqB,U,UA5N0B,M,UAW3C,Q,cAGgC,M,qCAQG,M,WAGC,I,WAGA,O,sHAzBxC,WAAAC,GACEC,EAA2BP,K,CAyC7B,gBAAAQ,G,CAMA,mBAAAC,GACET,KAAKU,cAAgBC,EAAiBC,EAAWZ,KAAKJ,KAAMI,KAAKa,K,CASnE,iBAAAC,GACEC,EAAgCf,MAChCgB,EAAiBhB,MACjBiB,EAAgBjB,K,CAGlB,oBAAAkB,GACEC,EAAmCnB,MACnCoB,EAAoBpB,MACpBqB,EAAmBrB,K,CAGrB,uBAAMsB,GACJC,EAAuBvB,MACvBA,KAAKU,cAAgBC,EAAiBC,EAAWZ,KAAKJ,KAAMI,KAAKa,YAC3DW,EAAcxB,MACpB,GAAIA,KAAKI,KAAM,CACbG,EAA2BP,K,EAI/B,gBAAAyB,GACEC,EAAmB1B,K,CAGrB,MAAA2B,GACE,MAAMzB,GAAEA,GAAOF,KACf,MAAM4B,EACJC,EAAA,UAAAC,IAAA,wDACc9B,KAAK+B,SAAStC,MAC1BuC,MAAOxC,EAAIC,MACXwC,QAASjC,KAAKP,MACdyC,IAAMhC,GAAQF,KAAK4B,YAAc1B,GAEjC2B,EAAA,gBAAAC,IAAA,2CAAclC,KAAK,IAAIuC,MAAOC,EAAapC,KAAKmC,UAIpD,MAAME,EAAeC,EAAWpC,EAAIf,EAAMI,YAE1C,OACEsC,EAAA,OAAAC,IAAA,2CAAKE,MAAOxC,EAAIE,UAAWwC,IAAKlC,KAAKC,iBAClCD,KAAKU,cACJmB,EAAA,OAAKG,MAAOxC,EAAII,MACdiC,EAAA,gBACEU,QAASvC,KAAKwC,YACd5C,KAAMI,KAAKU,cACXyB,MAAOC,EAAapC,KAAKmC,UAG3B,KACJN,EAAA,OAAAC,IAAA,2CAAKE,MAAOxC,EAAIG,SACdkC,EAAA,QAAAC,IAAA,2CAAMW,KAAMtD,EAAMC,QAClByC,EAAA,QAAAC,IAAA,2CAAMW,KAAMtD,EAAME,UAClBwC,EAAA,QAAAC,IAAA,2CAAMW,KAAMtD,EAAMG,QAEnB+C,EACCR,EAAA,OAAKG,MAAOxC,EAAID,YACdsC,EAAA,QAAMY,KAAMtD,EAAMI,cAElB,KACHS,KAAK0C,SAAWd,EAAc,K,CA+BrC,cAAMe,SACEC,EAAmB5C,MAEzB,MAAM6C,EAAe7C,KAAKE,GAAG4C,cAAc,gBAE3C,IAAK9C,KAAK4B,cAAgBiB,EAAc,CACtC,M,CAEF,GAAIA,EAAc,CAChB,OAAOA,EAAaF,U,MACf,GAAI3C,KAAK4B,YAAa,CAC3B5B,KAAK4B,YAAYmB,O,EAIrB,aAAAC,GACEhD,KAAKiD,yBAAyBC,M,CAGhC,YAAAC,GACEnD,KAAKoD,wBAAwBF,M,CAG/B,OAAAG,GACErD,KAAKsD,mBAAmBJ,M,CAG1B,MAAAK,GACEvD,KAAKwD,kBAAkBN,M,CAiCzB,qBAAAO,GACEC,EAAe1D,KAAMA,KAAK2D,gB","ignoreList":[]}

package/dist/calcite/p-86f6cc34.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{r as t,c as e,h as i,H as n,g as r}from"./p-67e556ed.js";import{t as o,f as a}from"./p-0fb1c54a.js";import{c as s,d as c,u,a as l}from"./p-b531ae23.js";import{s as f,a as h,c as v}from"./p-1f5a7c5e.js";import{c as d}from"./p-06c0de26.js";import{o as p}from"./p-3608bc6c.js";import{c as g,d as m}from"./p-bf4dc8d8.js";import{s as y,c as b,d as x,u as w}from"./p-3a1a720c.js";import{c as k}from"./p-d2b212f4.js";import{S as z}from"./p-5a42a150.js";import"./p-57e1e048.js";import"./p-7f97e86a.js";import"./p-c02c27fd.js";import"./p-4dd99f61.js";import"./p-cfc4daa3.js";var M=typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:typeof global!=="undefined"?global:typeof self!=="undefined"?self:{};var E={exports:{}};(function(t,e){!function(e,i){t.exports=i()}(M,(function(){function e(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}function i(t){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{};i%2?e(Object(n),!0).forEach((function(e){s(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):e(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function r(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,d(n.key),n)}}function a(t,e,i){return e&&o(t.prototype,e),i&&o(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}function s(t,e,i){return(e=d(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function c(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&l(t,e)}function u(t){return u=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},u(t)}function l(t,e){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},l(t,e)}function f(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function h(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=u(t);if(e){var r=u(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return function(t,e){if(e&&("object"==typeof e||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return f(t)}(this,i)}}function v(){return v="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,i){var n=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=u(t)););return t}(t,e);if(n){var r=Object.getOwnPropertyDescriptor(n,e);return r.get?r.get.call(arguments.length<3?t:i):r.value}},v.apply(this,arguments)}function d(t){var e=function(t,e){if("object"!=typeof t||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var n=i.call(t,e||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:e+""}var p=function(t){return!(!t||!t.Window)&&t instanceof t.Window},g=void 0,m=void 0;function y(t){g=t;var e=t.document.createTextNode("");e.ownerDocument!==t.document&&"function"==typeof t.wrap&&t.wrap(e)===e&&(t=t.wrap(t)),m=t}function b(t){return p(t)?t:(t.ownerDocument||t).defaultView||m.window}"undefined"!=typeof window&&window&&y(window);var x=function(t){return!!t&&"object"===n(t)},w=function(t){return"function"==typeof t},k={window:function(t){return t===m||p(t)},docFrag:function(t){return x(t)&&11===t.nodeType},object:x,func:w,number:function(t){return"number"==typeof t},bool:function(t){return"boolean"==typeof t},string:function(t){return"string"==typeof t},element:function(t){if(!t||"object"!==n(t))return!1;var e=b(t)||m;return/object|function/.test("undefined"==typeof Element?"undefined":n(Element))?t instanceof Element||t instanceof e.Element:1===t.nodeType&&"string"==typeof t.nodeName},plainObject:function(t){return x(t)&&!!t.constructor&&/function Object\b/.test(t.constructor.toString())},array:function(t){return x(t)&&void 0!==t.length&&w(t.splice)}};function z(t){var e=t.interaction;if("drag"===e.prepared.name){var i=e.prepared.axis;"x"===i?(e.coords.cur.page.y=e.coords.start.page.y,e.coords.cur.client.y=e.coords.start.client.y,e.coords.velocity.client.y=0,e.coords.velocity.page.y=0):"y"===i&&(e.coords.cur.page.x=e.coords.start.page.x,e.coords.cur.client.x=e.coords.start.client.x,e.coords.velocity.client.x=0,e.coords.velocity.page.x=0)}}function M(t){var e=t.iEvent,i=t.interaction;if("drag"===i.prepared.name){var n=i.prepared.axis;if("x"===n||"y"===n){var r="x"===n?"y":"x";e.page[r]=i.coords.start.page[r],e.client[r]=i.coords.start.client[r],e.delta[r]=0}}}var E={id:"actions/drag",install:function(t){var e=t.actions,i=t.Interactable,n=t.defaults;i.prototype.draggable=E.draggable,e.map.drag=E,e.methodDict.drag="draggable",n.actions.drag=E.defaults},listeners:{"interactions:before-action-move":z,"interactions:action-resume":z,"interactions:action-move":M,"auto-start:check":function(t){var e=t.interaction,i=t.interactable,n=t.buttons,r=i.options.drag;if(r&&r.enabled&&(!e.pointerIsDown||!/mouse|pointer/.test(e.pointerType)||0!=(n&i.options.drag.mouseButtons)))return t.action={name:"drag",axis:"start"===r.lockAxis?r.startAxis:r.lockAxis},!1}},draggable:function(t){return k.object(t)?(this.options.drag.enabled=!1!==t.enabled,this.setPerAction("drag",t),this.setOnEvents("drag",t),/^(xy|x|y|start)$/.test(t.lockAxis)&&(this.options.drag.lockAxis=t.lockAxis),/^(xy|x|y)$/.test(t.startAxis)&&(this.options.drag.startAxis=t.startAxis),this):k.bool(t)?(this.options.drag.enabled=t,this):this.options.drag},beforeMove:z,move:M,defaults:{startAxis:"xy",lockAxis:"xy"},getCursor:function(){return"move"},filterEventType:function(t){return 0===t.search("drag")}},O=E,T={init:function(t){var e=t;T.document=e.document,T.DocumentFragment=e.DocumentFragment||S,T.SVGElement=e.SVGElement||S,T.SVGSVGElement=e.SVGSVGElement||S,T.SVGElementInstance=e.SVGElementInstance||S,T.Element=e.Element||S,T.HTMLElement=e.HTMLElement||T.Element,T.Event=e.Event,T.Touch=e.Touch||S,T.PointerEvent=e.PointerEvent||e.MSPointerEvent},document:null,DocumentFragment:null,SVGElement:null,SVGSVGElement:null,SVGElementInstance:null,Element:null,HTMLElement:null,Event:null,Touch:null,PointerEvent:null};function S(){}var j=T;var I={init:function(t){var e=j.Element,i=t.navigator||{};I.supportsTouch="ontouchstart"in t||k.func(t.DocumentTouch)&&j.document instanceof t.DocumentTouch,I.supportsPointerEvent=!1!==i.pointerEnabled&&!!j.PointerEvent,I.isIOS=/iP(hone|od|ad)/.test(i.platform),I.isIOS7=/iP(hone|od|ad)/.test(i.platform)&&/OS 7[^\d]/.test(i.appVersion),I.isIe9=/MSIE 9/.test(i.userAgent),I.isOperaMobile="Opera"===i.appName&&I.supportsTouch&&/Presto/.test(i.userAgent),I.prefixedMatchesSelector="matches"in e.prototype?"matches":"webkitMatchesSelector"in e.prototype?"webkitMatchesSelector":"mozMatchesSelector"in e.prototype?"mozMatchesSelector":"oMatchesSelector"in e.prototype?"oMatchesSelector":"msMatchesSelector",I.pEventTypes=I.supportsPointerEvent?j.PointerEvent===t.MSPointerEvent?{up:"MSPointerUp",down:"MSPointerDown",over:"mouseover",out:"mouseout",move:"MSPointerMove",cancel:"MSPointerCancel"}:{up:"pointerup",down:"pointerdown",over:"pointerover",out:"pointerout",move:"pointermove",cancel:"pointercancel"}:null,I.wheelEvent=j.document&&"onmousewheel"in j.document?"mousewheel":"wheel"},supportsTouch:null,supportsPointerEvent:null,isIOS7:null,isIOS:null,isIe9:null,isOperaMobile:null,prefixedMatchesSelector:null,pEventTypes:null,wheelEvent:null};var P=I;function D(t,e){if(t.contains)return t.contains(e);for(;e;){if(e===t)return!0;e=e.parentNode}return!1}function C(t,e){for(;k.element(t);){if(R(t,e))return t;t=A(t)}return null}function A(t){var e=t.parentNode;if(k.docFrag(e)){for(;(e=e.host)&&k.docFrag(e););return e}return e}function R(t,e){return m!==g&&(e=e.replace(/\/deep\//g," ")),t[P.prefixedMatchesSelector](e)}var _=function(t){return t.parentNode||t.host};function F(t,e){for(var i,n=[],r=t;(i=_(r))&&r!==e&&i!==r.ownerDocument;)n.unshift(r),r=i;return n}function L(t,e,i){for(;k.element(t);){if(R(t,e))return!0;if((t=A(t))===i)return R(t,e)}return!1}function $(t){return t.correspondingUseElement||t}function B(t){var e=t instanceof j.SVGElement?t.getBoundingClientRect():t.getClientRects()[0];return e&&{left:e.left,right:e.right,top:e.top,bottom:e.bottom,width:e.width||e.right-e.left,height:e.height||e.bottom-e.top}}function X(t){var e,i=B(t);if(!P.isIOS7&&i){var n={x:(e=(e=b(t))||m).scrollX||e.document.documentElement.scrollLeft,y:e.scrollY||e.document.documentElement.scrollTop};i.left+=n.x,i.right+=n.x,i.top+=n.y,i.bottom+=n.y}return i}function Y(t){for(var e=[];t;)e.push(t),t=A(t);return e}function U(t){return!!k.string(t)&&(j.document.querySelector(t),!0)}function N(t,e){for(var i in e)t[i]=e[i];return t}function V(t,e,i){return"parent"===t?A(i):"self"===t?e.getRect(i):C(i,t)}function q(t,e,i,n){var r=t;return k.string(r)?r=V(r,e,i):k.func(r)&&(r=r.apply(void 0,n)),k.element(r)&&(r=X(r)),r}function H(t){return t&&{x:"x"in t?t.x:t.left,y:"y"in t?t.y:t.top}}function G(t){return!t||"x"in t&&"y"in t||((t=N({},t)).x=t.left||0,t.y=t.top||0,t.width=t.width||(t.right||0)-t.x,t.height=t.height||(t.bottom||0)-t.y),t}function K(t,e,i){t.left&&(e.left+=i.x),t.right&&(e.right+=i.x),t.top&&(e.top+=i.y),t.bottom&&(e.bottom+=i.y),e.width=e.right-e.left,e.height=e.bottom-e.top}function W(t,e,i){var n=i&&t.options[i];return H(q(n&&n.origin||t.options.origin,t,e,[t&&e]))||{x:0,y:0}}function J(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(t){return!0},n=arguments.length>3?arguments[3]:void 0;if(n=n||{},k.string(t)&&-1!==t.search(" ")&&(t=Q(t)),k.array(t))return t.forEach((function(t){return J(t,e,i,n)})),n;if(k.object(t)&&(e=t,t=""),k.func(e)&&i(t))n[t]=n[t]||[],n[t].push(e);else if(k.array(e))for(var r=0,o=e;r<o.length;r++){var a=o[r];J(t,a,i,n)}else if(k.object(e))for(var s in e){J(Q(s).map((function(e){return"".concat(t).concat(e)})),e[s],i,n)}return n}function Q(t){return t.trim().split(/ +/)}var Z=function(t,e){return Math.sqrt(t*t+e*e)},tt=["webkit","moz"];function et(t,e){t.__set||(t.__set={});var i=function(i){if(tt.some((function(t){return 0===i.indexOf(t)})))return 1;"function"!=typeof t[i]&&"__set"!==i&&Object.defineProperty(t,i,{get:function(){return i in t.__set?t.__set[i]:t.__set[i]=e[i]},set:function(e){t.__set[i]=e},configurable:!0})};for(var n in e)i(n);return t}function it(t,e){t.page=t.page||{},t.page.x=e.page.x,t.page.y=e.page.y,t.client=t.client||{},t.client.x=e.client.x,t.client.y=e.client.y,t.timeStamp=e.timeStamp}function nt(t){t.page.x=0,t.page.y=0,t.client.x=0,t.client.y=0}function rt(t){return t instanceof j.Event||t instanceof j.Touch}function ot(t,e,i){return t=t||"page",(i=i||{}).x=e[t+"X"],i.y=e[t+"Y"],i}function at(t,e){return e=e||{x:0,y:0},P.isOperaMobile&&rt(t)?(ot("screen",t,e),e.x+=window.scrollX,e.y+=window.scrollY):ot("page",t,e),e}function st(t){return k.number(t.pointerId)?t.pointerId:t.identifier}function ct(t,e,i){var n=e.length>1?lt(e):e[0];at(n,t.page),function(t,e){e=e||{},P.isOperaMobile&&rt(t)?ot("screen",t,e):ot("client",t,e)}(n,t.client),t.timeStamp=i}function ut(t){var e=[];return k.array(t)?(e[0]=t[0],e[1]=t[1]):"touchend"===t.type?1===t.touches.length?(e[0]=t.touches[0],e[1]=t.changedTouches[0]):0===t.touches.length&&(e[0]=t.changedTouches[0],e[1]=t.changedTouches[1]):(e[0]=t.touches[0],e[1]=t.touches[1]),e}function lt(t){for(var e={pageX:0,pageY:0,clientX:0,clientY:0,screenX:0,screenY:0},i=0;i<t.length;i++){var n=t[i];for(var r in e)e[r]+=n[r]}for(var o in e)e[o]/=t.length;return e}function ft(t){if(!t.length)return null;var e=ut(t),i=Math.min(e[0].pageX,e[1].pageX),n=Math.min(e[0].pageY,e[1].pageY),r=Math.max(e[0].pageX,e[1].pageX),o=Math.max(e[0].pageY,e[1].pageY);return{x:i,y:n,left:i,top:n,right:r,bottom:o,width:r-i,height:o-n}}function ht(t,e){var i=e+"X",n=e+"Y",r=ut(t),o=r[0][i]-r[1][i],a=r[0][n]-r[1][n];return Z(o,a)}function vt(t,e){var i=e+"X",n=e+"Y",r=ut(t),o=r[1][i]-r[0][i],a=r[1][n]-r[0][n];return 180*Math.atan2(a,o)/Math.PI}function dt(t){return k.string(t.pointerType)?t.pointerType:k.number(t.pointerType)?[void 0,void 0,"touch","pen","mouse"][t.pointerType]:/touch/.test(t.type||"")||t instanceof j.Touch?"touch":"mouse"}function pt(t){var e=k.func(t.composedPath)?t.composedPath():t.path;return[$(e?e[0]:t.target),$(t.currentTarget)]}var gt=function(){function t(e){r(this,t),this.immediatePropagationStopped=!1,this.propagationStopped=!1,this._interaction=e}return a(t,[{key:"preventDefault",value:function(){}},{key:"stopPropagation",value:function(){this.propagationStopped=!0}},{key:"stopImmediatePropagation",value:function(){this.immediatePropagationStopped=this.propagationStopped=!0}}]),t}();Object.defineProperty(gt.prototype,"interaction",{get:function(){return this._interaction._proxy},set:function(){}});var mt=function(t,e){for(var i=0;i<e.length;i++){var n=e[i];t.push(n)}return t},yt=function(t){return mt([],t)},bt=function(t,e){for(var i=0;i<t.length;i++)if(e(t[i],i,t))return i;return-1},xt=function(t,e){return t[bt(t,e)]},wt=function(t){c(i,t);var e=h(i);function i(t,n,o){var a;r(this,i),(a=e.call(this,n._interaction)).dropzone=void 0,a.dragEvent=void 0,a.relatedTarget=void 0,a.draggable=void 0,a.propagationStopped=!1,a.immediatePropagationStopped=!1;var s="dragleave"===o?t.prev:t.cur,c=s.element,u=s.dropzone;return a.type=o,a.target=c,a.currentTarget=c,a.dropzone=u,a.dragEvent=n,a.relatedTarget=n.target,a.draggable=n.interactable,a.timeStamp=n.timeStamp,a}return a(i,[{key:"reject",value:function(){var t=this,e=this._interaction.dropState;if("dropactivate"===this.type||this.dropzone&&e.cur.dropzone===this.dropzone&&e.cur.element===this.target)if(e.prev.dropzone=this.dropzone,e.prev.element=this.target,e.rejected=!0,e.events.enter=null,this.stopImmediatePropagation(),"dropactivate"===this.type){var n=e.activeDrops,r=bt(n,(function(e){var i=e.dropzone,n=e.element;return i===t.dropzone&&n===t.target}));e.activeDrops.splice(r,1);var o=new i(e,this.dragEvent,"dropdeactivate");o.dropzone=this.dropzone,o.target=this.target,this.dropzone.fire(o)}else this.dropzone.fire(new i(e,this.dragEvent,"dragleave"))}},{key:"preventDefault",value:function(){}},{key:"stopPropagation",value:function(){this.propagationStopped=!0}},{key:"stopImmediatePropagation",value:function(){this.immediatePropagationStopped=this.propagationStopped=!0}}]),i}(gt);function kt(t,e){for(var i=0,n=t.slice();i<n.length;i++){var r=n[i],o=r.dropzone,a=r.element;e.dropzone=o,e.target=a,o.fire(e),e.propagationStopped=e.immediatePropagationStopped=!1}}function zt(t,e){for(var i=function(t,e){for(var i=[],n=0,r=t.interactables.list;n<r.length;n++){var o=r[n];if(o.options.drop.enabled){var a=o.options.drop.accept;if(!(k.element(a)&&a!==e||k.string(a)&&!R(e,a)||k.func(a)&&!a({dropzone:o,draggableElement:e})))for(var s=0,c=o.getAllElements();s<c.length;s++){var u=c[s];u!==e&&i.push({dropzone:o,element:u,rect:o.getRect(u)})}}}return i}(t,e),n=0;n<i.length;n++){var r=i[n];r.rect=r.dropzone.getRect(r.element)}return i}function Mt(t,e,i){for(var n=t.dropState,r=t.interactable,o=t.element,a=[],s=0,c=n.activeDrops;s<c.length;s++){var u=c[s],l=u.dropzone,f=u.element,h=u.rect,v=l.dropCheck(e,i,r,o,f,h);a.push(v?f:null)}var d=function(t){for(var e,i,n,r=[],o=0;o<t.length;o++){var a=t[o],s=t[e];if(a&&o!==e)if(s){var c=_(a),u=_(s);if(c!==a.ownerDocument)if(u!==a.ownerDocument)if(c!==u){r=r.length?r:F(s);var l=void 0;if(s instanceof j.HTMLElement&&a instanceof j.SVGElement&&!(a instanceof j.SVGSVGElement)){if(a===u)continue;l=a.ownerSVGElement}else l=a;for(var f=F(l,s.ownerDocument),h=0;f[h]&&f[h]===r[h];)h++;var v=[f[h-1],f[h],r[h]];if(v[0])for(var d=v[0].lastChild;d;){if(d===v[1]){e=o,r=f;break}if(d===v[2])break;d=d.previousSibling}}else n=s,(parseInt(b(i=a).getComputedStyle(i).zIndex,10)||0)>=(parseInt(b(n).getComputedStyle(n).zIndex,10)||0)&&(e=o);else e=o}else e=o}return e}(a);return n.activeDrops[d]||null}function Et(t,e,i){var n=t.dropState,r={enter:null,leave:null,activate:null,deactivate:null,move:null,drop:null};return"dragstart"===i.type&&(r.activate=new wt(n,i,"dropactivate"),r.activate.target=null,r.activate.dropzone=null),"dragend"===i.type&&(r.deactivate=new wt(n,i,"dropdeactivate"),r.deactivate.target=null,r.deactivate.dropzone=null),n.rejected||(n.cur.element!==n.prev.element&&(n.prev.dropzone&&(r.leave=new wt(n,i,"dragleave"),i.dragLeave=r.leave.target=n.prev.element,i.prevDropzone=r.leave.dropzone=n.prev.dropzone),n.cur.dropzone&&(r.enter=new wt(n,i,"dragenter"),i.dragEnter=n.cur.element,i.dropzone=n.cur.dropzone)),"dragend"===i.type&&n.cur.dropzone&&(r.drop=new wt(n,i,"drop"),i.dropzone=n.cur.dropzone,i.relatedTarget=n.cur.element),"dragmove"===i.type&&n.cur.dropzone&&(r.move=new wt(n,i,"dropmove"),i.dropzone=n.cur.dropzone)),r}function Ot(t,e){var i=t.dropState,n=i.activeDrops,r=i.cur,o=i.prev;e.leave&&o.dropzone.fire(e.leave),e.enter&&r.dropzone.fire(e.enter),e.move&&r.dropzone.fire(e.move),e.drop&&r.dropzone.fire(e.drop),e.deactivate&&kt(n,e.deactivate),i.prev.dropzone=r.dropzone,i.prev.element=r.element}function Tt(t,e){var i=t.interaction,n=t.iEvent,r=t.event;if("dragmove"===n.type||"dragend"===n.type){var o=i.dropState;e.dynamicDrop&&(o.activeDrops=zt(e,i.element));var a=n,s=Mt(i,a,r);o.rejected=o.rejected&&!!s&&s.dropzone===o.cur.dropzone&&s.element===o.cur.element,o.cur.dropzone=s&&s.dropzone,o.cur.element=s&&s.element,o.events=Et(i,0,a)}}var St={id:"actions/drop",install:function(t){var e=t.actions,i=t.interactStatic,n=t.Interactable,r=t.defaults;t.usePlugin(O),n.prototype.dropzone=function(t){return function(t,e){if(k.object(e)){if(t.options.drop.enabled=!1!==e.enabled,e.listeners){var i=J(e.listeners),n=Object.keys(i).reduce((function(t,e){return t[/^(enter|leave)/.test(e)?"drag".concat(e):/^(activate|deactivate|move)/.test(e)?"drop".concat(e):e]=i[e],t}),{}),r=t.options.drop.listeners;r&&t.off(r),t.on(n),t.options.drop.listeners=n}return k.func(e.ondrop)&&t.on("drop",e.ondrop),k.func(e.ondropactivate)&&t.on("dropactivate",e.ondropactivate),k.func(e.ondropdeactivate)&&t.on("dropdeactivate",e.ondropdeactivate),k.func(e.ondragenter)&&t.on("dragenter",e.ondragenter),k.func(e.ondragleave)&&t.on("dragleave",e.ondragleave),k.func(e.ondropmove)&&t.on("dropmove",e.ondropmove),/^(pointer|center)$/.test(e.overlap)?t.options.drop.overlap=e.overlap:k.number(e.overlap)&&(t.options.drop.overlap=Math.max(Math.min(1,e.overlap),0)),"accept"in e&&(t.options.drop.accept=e.accept),"checker"in e&&(t.options.drop.checker=e.checker),t}if(k.bool(e))return t.options.drop.enabled=e,t;return t.options.drop}(this,t)},n.prototype.dropCheck=function(t,e,i,n,r,o){return function(t,e,i,n,r,o,a){var s=!1;if(!(a=a||t.getRect(o)))return!!t.options.drop.checker&&t.options.drop.checker(e,i,s,t,o,n,r);var c=t.options.drop.overlap;if("pointer"===c){var u=W(n,r,"drag"),l=at(e);l.x+=u.x,l.y+=u.y;var f=l.x>a.left&&l.x<a.right,h=l.y>a.top&&l.y<a.bottom;s=f&&h}var v=n.getRect(r);if(v&&"center"===c){var d=v.left+v.width/2,p=v.top+v.height/2;s=d>=a.left&&d<=a.right&&p>=a.top&&p<=a.bottom}if(v&&k.number(c)){s=Math.max(0,Math.min(a.right,v.right)-Math.max(a.left,v.left))*Math.max(0,Math.min(a.bottom,v.bottom)-Math.max(a.top,v.top))/(v.width*v.height)>=c}t.options.drop.checker&&(s=t.options.drop.checker(e,i,s,t,o,n,r));return s}(this,t,e,i,n,r,o)},i.dynamicDrop=function(e){return k.bool(e)?(t.dynamicDrop=e,i):t.dynamicDrop},N(e.phaselessTypes,{dragenter:!0,dragleave:!0,dropactivate:!0,dropdeactivate:!0,dropmove:!0,drop:!0}),e.methodDict.drop="dropzone",t.dynamicDrop=!1,r.actions.drop=St.defaults},listeners:{"interactions:before-action-start":function(t){var e=t.interaction;"drag"===e.prepared.name&&(e.dropState={cur:{dropzone:null,element:null},prev:{dropzone:null,element:null},rejected:null,events:null,activeDrops:[]})},"interactions:after-action-start":function(t,e){var i=t.interaction,n=t.iEvent;if("drag"===i.prepared.name){var r=i.dropState;r.activeDrops=[],r.events={},r.activeDrops=zt(e,i.element),r.events=Et(i,0,n),r.events.activate&&(kt(r.activeDrops,r.events.activate),e.fire("actions/drop:start",{interaction:i,dragEvent:n}))}},"interactions:action-move":Tt,"interactions:after-action-move":function(t,e){var i=t.interaction,n=t.iEvent;if("drag"===i.prepared.name){var r=i.dropState;Ot(i,r.events),e.fire("actions/drop:move",{interaction:i,dragEvent:n}),r.events={}}},"interactions:action-end":function(t,e){if("drag"===t.interaction.prepared.name){var i=t.interaction,n=t.iEvent;Tt(t,e),Ot(i,i.dropState.events),e.fire("actions/drop:end",{interaction:i,dragEvent:n})}},"interactions:stop":function(t){var e=t.interaction;if("drag"===e.prepared.name){var i=e.dropState;i&&(i.activeDrops=null,i.events=null,i.cur.dropzone=null,i.cur.element=null,i.prev.dropzone=null,i.prev.element=null,i.rejected=!1)}}},getActiveDrops:zt,getDrop:Mt,getDropEvents:Et,fireDropEvents:Ot,filterEventType:function(t){return 0===t.search("drag")||0===t.search("drop")},defaults:{enabled:!1,accept:null,overlap:"pointer"}},jt=St;function It(t){var e=t.interaction,i=t.iEvent,n=t.phase;if("gesture"===e.prepared.name){var r=e.pointers.map((function(t){return t.pointer})),o="start"===n,a="end"===n,s=e.interactable.options.deltaSource;if(i.touches=[r[0],r[1]],o)i.distance=ht(r,s),i.box=ft(r),i.scale=1,i.ds=0,i.angle=vt(r,s),i.da=0,e.gesture.startDistance=i.distance,e.gesture.startAngle=i.angle;else if(a||e.pointers.length<2){var c=e.prevEvent;i.distance=c.distance,i.box=c.box,i.scale=c.scale,i.ds=0,i.angle=c.angle,i.da=0}else i.distance=ht(r,s),i.box=ft(r),i.scale=i.distance/e.gesture.startDistance,i.angle=vt(r,s),i.ds=i.scale-e.gesture.scale,i.da=i.angle-e.gesture.angle;e.gesture.distance=i.distance,e.gesture.angle=i.angle,k.number(i.scale)&&i.scale!==1/0&&!isNaN(i.scale)&&(e.gesture.scale=i.scale)}}var Pt={id:"actions/gesture",before:["actions/drag","actions/resize"],install:function(t){var e=t.actions,i=t.Interactable,n=t.defaults;i.prototype.gesturable=function(t){return k.object(t)?(this.options.gesture.enabled=!1!==t.enabled,this.setPerAction("gesture",t),this.setOnEvents("gesture",t),this):k.bool(t)?(this.options.gesture.enabled=t,this):this.options.gesture},e.map.gesture=Pt,e.methodDict.gesture="gesturable",n.actions.gesture=Pt.defaults},listeners:{"interactions:action-start":It,"interactions:action-move":It,"interactions:action-end":It,"interactions:new":function(t){t.interaction.gesture={angle:0,distance:0,scale:1,startAngle:0,startDistance:0}},"auto-start:check":function(t){if(!(t.interaction.pointers.length<2)){var e=t.interactable.options.gesture;if(e&&e.enabled)return t.action={name:"gesture"},!1}}},defaults:{},getCursor:function(){return""},filterEventType:function(t){return 0===t.search("gesture")}},Dt=Pt;function Ct(t,e,i,n,r,o,a){if(!e)return!1;if(!0===e){var s=k.number(o.width)?o.width:o.right-o.left,c=k.number(o.height)?o.height:o.bottom-o.top;if(a=Math.min(a,Math.abs(("left"===t||"right"===t?s:c)/2)),s<0&&("left"===t?t="right":"right"===t&&(t="left")),c<0&&("top"===t?t="bottom":"bottom"===t&&(t="top")),"left"===t){var u=s>=0?o.left:o.right;return i.x<u+a}if("top"===t){var l=c>=0?o.top:o.bottom;return i.y<l+a}if("right"===t)return i.x>(s>=0?o.right:o.left)-a;if("bottom"===t)return i.y>(c>=0?o.bottom:o.top)-a}return!!k.element(n)&&(k.element(e)?e===n:L(n,e,r))}function At(t){var e=t.iEvent,i=t.interaction;if("resize"===i.prepared.name&&i.resizeAxes){var n=e;i.interactable.options.resize.square?("y"===i.resizeAxes?n.delta.x=n.delta.y:n.delta.y=n.delta.x,n.axes="xy"):(n.axes=i.resizeAxes,"x"===i.resizeAxes?n.delta.y=0:"y"===i.resizeAxes&&(n.delta.x=0))}}var Rt,_t,Ft={id:"actions/resize",before:["actions/drag"],install:function(t){var e=t.actions,i=t.browser,n=t.Interactable,r=t.defaults;Ft.cursors=function(t){return t.isIe9?{x:"e-resize",y:"s-resize",xy:"se-resize",top:"n-resize",left:"w-resize",bottom:"s-resize",right:"e-resize",topleft:"se-resize",bottomright:"se-resize",topright:"ne-resize",bottomleft:"ne-resize"}:{x:"ew-resize",y:"ns-resize",xy:"nwse-resize",top:"ns-resize",left:"ew-resize",bottom:"ns-resize",right:"ew-resize",topleft:"nwse-resize",bottomright:"nwse-resize",topright:"nesw-resize",bottomleft:"nesw-resize"}}(i),Ft.defaultMargin=i.supportsTouch||i.supportsPointerEvent?20:10,n.prototype.resizable=function(e){return function(t,e,i){if(k.object(e))return t.options.resize.enabled=!1!==e.enabled,t.setPerAction("resize",e),t.setOnEvents("resize",e),k.string(e.axis)&&/^x$|^y$|^xy$/.test(e.axis)?t.options.resize.axis=e.axis:null===e.axis&&(t.options.resize.axis=i.defaults.actions.resize.axis),k.bool(e.preserveAspectRatio)?t.options.resize.preserveAspectRatio=e.preserveAspectRatio:k.bool(e.square)&&(t.options.resize.square=e.square),t;if(k.bool(e))return t.options.resize.enabled=e,t;return t.options.resize}(this,e,t)},e.map.resize=Ft,e.methodDict.resize="resizable",r.actions.resize=Ft.defaults},listeners:{"interactions:new":function(t){t.interaction.resizeAxes="xy"},"interactions:action-start":function(t){!function(t){var e=t.iEvent,i=t.interaction;if("resize"===i.prepared.name&&i.prepared.edges){var n=e,r=i.rect;i._rects={start:N({},r),corrected:N({},r),previous:N({},r),delta:{left:0,right:0,width:0,top:0,bottom:0,height:0}},n.edges=i.prepared.edges,n.rect=i._rects.corrected,n.deltaRect=i._rects.delta}}(t),At(t)},"interactions:action-move":function(t){!function(t){var e=t.iEvent,i=t.interaction;if("resize"===i.prepared.name&&i.prepared.edges){var n=e,r=i.interactable.options.resize.invert,o="reposition"===r||"negate"===r,a=i.rect,s=i._rects,c=s.start,u=s.corrected,l=s.delta,f=s.previous;if(N(f,u),o){if(N(u,a),"reposition"===r){if(u.top>u.bottom){var h=u.top;u.top=u.bottom,u.bottom=h}if(u.left>u.right){var v=u.left;u.left=u.right,u.right=v}}}else u.top=Math.min(a.top,c.bottom),u.bottom=Math.max(a.bottom,c.top),u.left=Math.min(a.left,c.right),u.right=Math.max(a.right,c.left);for(var d in u.width=u.right-u.left,u.height=u.bottom-u.top,u)l[d]=u[d]-f[d];n.edges=i.prepared.edges,n.rect=u,n.deltaRect=l}}(t),At(t)},"interactions:action-end":function(t){var e=t.iEvent,i=t.interaction;if("resize"===i.prepared.name&&i.prepared.edges){var n=e;n.edges=i.prepared.edges,n.rect=i._rects.corrected,n.deltaRect=i._rects.delta}},"auto-start:check":function(t){var e=t.interaction,i=t.interactable,n=t.element,r=t.rect,o=t.buttons;if(r){var a=N({},e.coords.cur.page),s=i.options.resize;if(s&&s.enabled&&(!e.pointerIsDown||!/mouse|pointer/.test(e.pointerType)||0!=(o&s.mouseButtons))){if(k.object(s.edges)){var c={left:!1,right:!1,top:!1,bottom:!1};for(var u in c)c[u]=Ct(u,s.edges[u],a,e._latestPointer.eventTarget,n,r,s.margin||Ft.defaultMargin);c.left=c.left&&!c.right,c.top=c.top&&!c.bottom,(c.left||c.right||c.top||c.bottom)&&(t.action={name:"resize",edges:c})}else{var l="y"!==s.axis&&a.x>r.right-Ft.defaultMargin,f="x"!==s.axis&&a.y>r.bottom-Ft.defaultMargin;(l||f)&&(t.action={name:"resize",axes:(l?"x":"")+(f?"y":"")})}return!t.action&&void 0}}}},defaults:{square:!1,preserveAspectRatio:!1,axis:"xy",margin:NaN,edges:null,invert:"none"},cursors:null,getCursor:function(t){var e=t.edges,i=t.axis,n=t.name,r=Ft.cursors,o=null;if(i)o=r[n+i];else if(e){for(var a="",s=0,c=["top","bottom","left","right"];s<c.length;s++){var u=c[s];e[u]&&(a+=u)}o=r[a]}return o},filterEventType:function(t){return 0===t.search("resize")},defaultMargin:null},Lt=Ft,$t={id:"actions",install:function(t){t.usePlugin(Dt),t.usePlugin(Lt),t.usePlugin(O),t.usePlugin(jt)}},Bt=0;var Xt={request:function(t){return Rt(t)},cancel:function(t){return _t(t)},init:function(t){if(Rt=t.requestAnimationFrame,_t=t.cancelAnimationFrame,!Rt)for(var e=["ms","moz","webkit","o"],i=0;i<e.length;i++){var n=e[i];Rt=t["".concat(n,"RequestAnimationFrame")],_t=t["".concat(n,"CancelAnimationFrame")]||t["".concat(n,"CancelRequestAnimationFrame")]}Rt=Rt&&Rt.bind(t),_t=_t&&_t.bind(t),Rt||(Rt=function(e){var i=Date.now(),n=Math.max(0,16-(i-Bt)),r=t.setTimeout((function(){e(i+n)}),n);return Bt=i+n,r},_t=function(t){return clearTimeout(t)})}};var Yt={defaults:{enabled:!1,margin:60,container:null,speed:300},now:Date.now,interaction:null,i:0,x:0,y:0,isScrolling:!1,prevTime:0,margin:0,speed:0,start:function(t){Yt.isScrolling=!0,Xt.cancel(Yt.i),t.autoScroll=Yt,Yt.interaction=t,Yt.prevTime=Yt.now(),Yt.i=Xt.request(Yt.scroll)},stop:function(){Yt.isScrolling=!1,Yt.interaction&&(Yt.interaction.autoScroll=null),Xt.cancel(Yt.i)},scroll:function(){var t=Yt.interaction,e=t.interactable,i=t.element,n=t.prepared.name,r=e.options[n].autoScroll,o=Ut(r.container,e,i),a=Yt.now(),s=(a-Yt.prevTime)/1e3,c=r.speed*s;if(c>=1){var u={x:Yt.x*c,y:Yt.y*c};if(u.x||u.y){var l=Nt(o);k.window(o)?o.scrollBy(u.x,u.y):o&&(o.scrollLeft+=u.x,o.scrollTop+=u.y);var f=Nt(o),h={x:f.x-l.x,y:f.y-l.y};(h.x||h.y)&&e.fire({type:"autoscroll",target:i,interactable:e,delta:h,interaction:t,container:o})}Yt.prevTime=a}Yt.isScrolling&&(Xt.cancel(Yt.i),Yt.i=Xt.request(Yt.scroll))},check:function(t,e){var i;return null==(i=t.options[e].autoScroll)?void 0:i.enabled},onInteractionMove:function(t){var e=t.interaction,i=t.pointer;if(e.interacting()&&Yt.check(e.interactable,e.prepared.name))if(e.simulation)Yt.x=Yt.y=0;else{var n,r,o,a,s=e.interactable,c=e.element,u=e.prepared.name,l=s.options[u].autoScroll,f=Ut(l.container,s,c);if(k.window(f))a=i.clientX<Yt.margin,n=i.clientY<Yt.margin,r=i.clientX>f.innerWidth-Yt.margin,o=i.clientY>f.innerHeight-Yt.margin;else{var h=B(f);a=i.clientX<h.left+Yt.margin,n=i.clientY<h.top+Yt.margin,r=i.clientX>h.right-Yt.margin,o=i.clientY>h.bottom-Yt.margin}Yt.x=r?1:a?-1:0,Yt.y=o?1:n?-1:0,Yt.isScrolling||(Yt.margin=l.margin,Yt.speed=l.speed,Yt.start(e))}}};function Ut(t,e,i){return(k.string(t)?V(t,e,i):t)||b(i)}function Nt(t){return k.window(t)&&(t=window.document.body),{x:t.scrollLeft,y:t.scrollTop}}var Vt={id:"auto-scroll",install:function(t){var e=t.defaults,i=t.actions;t.autoScroll=Yt,Yt.now=function(){return t.now()},i.phaselessTypes.autoscroll=!0,e.perAction.autoScroll=Yt.defaults},listeners:{"interactions:new":function(t){t.interaction.autoScroll=null},"interactions:destroy":function(t){t.interaction.autoScroll=null,Yt.stop(),Yt.interaction&&(Yt.interaction=null)},"interactions:stop":Yt.stop,"interactions:action-move":function(t){return Yt.onInteractionMove(t)}}},qt=Vt;function Ht(t,e){var i=!1;return function(){return i||(m.console.warn(e),i=!0),t.apply(this,arguments)}}function Gt(t,e){return t.name=e.name,t.axis=e.axis,t.edges=e.edges,t}function Kt(t){return k.bool(t)?(this.options.styleCursor=t,this):null===t?(delete this.options.styleCursor,this):this.options.styleCursor}function Wt(t){return k.func(t)?(this.options.actionChecker=t,this):null===t?(delete this.options.actionChecker,this):this.options.actionChecker}var Jt={id:"auto-start/interactableMethods",install:function(t){var e=t.Interactable;e.prototype.getAction=function(e,i,n,r){var o=function(t,e,i,n,r){var o=t.getRect(n),a=e.buttons||{0:1,1:4,3:8,4:16}[e.button],s={action:null,interactable:t,interaction:i,element:n,rect:o,buttons:a};return r.fire("auto-start:check",s),s.action}(this,i,n,r,t);return this.options.actionChecker?this.options.actionChecker(e,i,o,this,r,n):o},e.prototype.ignoreFrom=Ht((function(t){return this._backCompatOption("ignoreFrom",t)}),"Interactable.ignoreFrom() has been deprecated. Use Interactble.draggable({ignoreFrom: newValue})."),e.prototype.allowFrom=Ht((function(t){return this._backCompatOption("allowFrom",t)}),"Interactable.allowFrom() has been deprecated. Use Interactble.draggable({allowFrom: newValue})."),e.prototype.actionChecker=Wt,e.prototype.styleCursor=Kt}};function Qt(t,e,i,n,r){return e.testIgnoreAllow(e.options[t.name],i,n)&&e.options[t.name].enabled&&ie(e,i,t,r)?t:null}function Zt(t,e,i,n,r,o,a){for(var s=0,c=n.length;s<c;s++){var u=n[s],l=r[s],f=u.getAction(e,i,t,l);if(f){var h=Qt(f,u,l,o,a);if(h)return{action:h,interactable:u,element:l}}}return{action:null,interactable:null,element:null}}function te(t,e,i,n,r){var o=[],a=[],s=n;function c(t){o.push(t),a.push(s)}for(;k.element(s);){o=[],a=[],r.interactables.forEachMatch(s,c);var u=Zt(t,e,i,o,a,n,r);if(u.action&&!u.interactable.options[u.action.name].manualStart)return u;s=A(s)}return{action:null,interactable:null,element:null}}function ee(t,e,i){var n=e.action,r=e.interactable,o=e.element;n=n||{name:null},t.interactable=r,t.element=o,Gt(t.prepared,n),t.rect=r&&n.name?r.getRect(o):null,oe(t,i),i.fire("autoStart:prepared",{interaction:t})}function ie(t,e,i,n){var r=t.options,o=r[i.name].max,a=r[i.name].maxPerElement,s=n.autoStart.maxInteractions,c=0,u=0,l=0;if(!(o&&a&&s))return!1;for(var f=0,h=n.interactions.list;f<h.length;f++){var v=h[f],d=v.prepared.name;if(v.interacting()){if(++c>=s)return!1;if(v.interactable===t){if((u+=d===i.name?1:0)>=o)return!1;if(v.element===e&&(l++,d===i.name&&l>=a))return!1}}}return s>0}function ne(t,e){return k.number(t)?(e.autoStart.maxInteractions=t,this):e.autoStart.maxInteractions}function re(t,e,i){var n=i.autoStart.cursorElement;n&&n!==t&&(n.style.cursor=""),t.ownerDocument.documentElement.style.cursor=e,t.style.cursor=e,i.autoStart.cursorElement=e?t:null}function oe(t,e){var i=t.interactable,n=t.element,r=t.prepared;if("mouse"===t.pointerType&&i&&i.options.styleCursor){var o="";if(r.name){var a=i.options[r.name].cursorChecker;o=k.func(a)?a(r,i,n,t._interacting):e.actions.map[r.name].getCursor(r)}re(t.element,o||"",e)}else e.autoStart.cursorElement&&re(e.autoStart.cursorElement,"",e)}var ae={id:"auto-start/base",before:["actions"],install:function(t){var e=t.interactStatic,i=t.defaults;t.usePlugin(Jt),i.base.actionChecker=null,i.base.styleCursor=!0,N(i.perAction,{manualStart:!1,max:1/0,maxPerElement:1,allowFrom:null,ignoreFrom:null,mouseButtons:1}),e.maxInteractions=function(e){return ne(e,t)},t.autoStart={maxInteractions:1/0,withinInteractionLimit:ie,cursorElement:null}},listeners:{"interactions:down":function(t,e){var i=t.interaction,n=t.pointer,r=t.event,o=t.eventTarget;i.interacting()||ee(i,te(i,n,r,o,e),e)},"interactions:move":function(t,e){!function(t,e){var i=t.interaction,n=t.pointer,r=t.event,o=t.eventTarget;"mouse"!==i.pointerType||i.pointerIsDown||i.interacting()||ee(i,te(i,n,r,o,e),e)}(t,e),function(t,e){var i=t.interaction;if(i.pointerIsDown&&!i.interacting()&&i.pointerWasMoved&&i.prepared.name){e.fire("autoStart:before-start",t);var n=i.interactable,r=i.prepared.name;r&&n&&(n.options[r].manualStart||!ie(n,i.element,i.prepared,e)?i.stop():(i.start(i.prepared,n,i.element),oe(i,e)))}}(t,e)},"interactions:stop":function(t,e){var i=t.interaction,n=i.interactable;n&&n.options.styleCursor&&re(i.element,"",e)}},maxInteractions:ne,withinInteractionLimit:ie,validateAction:Qt},se=ae;var ce={id:"auto-start/dragAxis",listeners:{"autoStart:before-start":function(t,e){var i=t.interaction,n=t.eventTarget,r=t.dx,o=t.dy;if("drag"===i.prepared.name){var a=Math.abs(r),s=Math.abs(o),c=i.interactable.options.drag,u=c.startAxis,l=a>s?"x":a<s?"y":"xy";if(i.prepared.axis="start"===c.lockAxis?l[0]:c.lockAxis,"xy"!==l&&"xy"!==u&&u!==l){i.prepared.name=null;for(var f=n,h=function(t){if(t!==i.interactable){var r=i.interactable.options.drag;if(!r.manualStart&&t.testIgnoreAllow(r,f,n)){var o=t.getAction(i.downPointer,i.downEvent,i,f);if(o&&"drag"===o.name&&function(t,e){if(!e)return!1;var i=e.options.drag.startAxis;return"xy"===t||"xy"===i||i===t}(l,t)&&se.validateAction(o,t,f,n,e))return t}}};k.element(f);){var v=e.interactables.forEachMatch(f,h);if(v){i.prepared.name="drag",i.interactable=v,i.element=f;break}f=A(f)}}}}}};function ue(t){var e=t.prepared&&t.prepared.name;if(!e)return null;var i=t.interactable.options;return i[e].hold||i[e].delay}var le={id:"auto-start/hold",install:function(t){var e=t.defaults;t.usePlugin(se),e.perAction.hold=0,e.perAction.delay=0},listeners:{"interactions:new":function(t){t.interaction.autoStartHoldTimer=null},"autoStart:prepared":function(t){var e=t.interaction,i=ue(e);i>0&&(e.autoStartHoldTimer=setTimeout((function(){e.start(e.prepared,e.interactable,e.element)}),i))},"interactions:move":function(t){var e=t.interaction,i=t.duplicate;e.autoStartHoldTimer&&e.pointerWasMoved&&!i&&(clearTimeout(e.autoStartHoldTimer),e.autoStartHoldTimer=null)},"autoStart:before-start":function(t){var e=t.interaction;ue(e)>0&&(e.prepared.name=null)}},getHoldDuration:ue},fe=le,he={id:"auto-start",install:function(t){t.usePlugin(se),t.usePlugin(fe),t.usePlugin(ce)}},ve=function(t){return/^(always|never|auto)$/.test(t)?(this.options.preventDefault=t,this):k.bool(t)?(this.options.preventDefault=t?"always":"never",this):this.options.preventDefault};function de(t){var e=t.interaction,i=t.event;e.interactable&&e.interactable.checkAndPreventDefault(i)}var pe={id:"core/interactablePreventDefault",install:function(t){var e=t.Interactable;e.prototype.preventDefault=ve,e.prototype.checkAndPreventDefault=function(e){return function(t,e,i){var n=t.options.preventDefault;if("never"!==n)if("always"!==n){if(e.events.supportsPassive&&/^touch(start|move)$/.test(i.type)){var r=b(i.target).document,o=e.getDocOptions(r);if(!o||!o.events||!1!==o.events.passive)return}/^(mouse|pointer|touch)*(down|start)/i.test(i.type)||k.element(i.target)&&R(i.target,"input,select,textarea,[contenteditable=true],[contenteditable=true] *")||i.preventDefault()}else i.preventDefault()}(this,t,e)},t.interactions.docEvents.push({type:"dragstart",listener:function(e){for(var i=0,n=t.interactions.list;i<n.length;i++){var r=n[i];if(r.element&&(r.element===e.target||D(r.element,e.target)))return void r.interactable.checkAndPreventDefault(e)}}})},listeners:["down","move","up","cancel"].reduce((function(t,e){return t["interactions:".concat(e)]=de,t}),{})};function ge(t,e){if(e.phaselessTypes[t])return!0;for(var i in e.map)if(0===t.indexOf(i)&&t.substr(i.length)in e.phases)return!0;return!1}function me(t){var e={};for(var i in t){var n=t[i];k.plainObject(n)?e[i]=me(n):k.array(n)?e[i]=yt(n):e[i]=n}return e}var ye=function(){function t(e){r(this,t),this.states=[],this.startOffset={left:0,right:0,top:0,bottom:0},this.startDelta=void 0,this.result=void 0,this.endResult=void 0,this.startEdges=void 0,this.edges=void 0,this.interaction=void 0,this.interaction=e,this.result=be(),this.edges={left:!1,right:!1,top:!1,bottom:!1}}return a(t,[{key:"start",value:function(t,e){var i,n,r=t.phase,o=this.interaction,a=function(t){var e=t.interactable.options[t.prepared.name],i=e.modifiers;if(i&&i.length)return i;return["snap","snapSize","snapEdges","restrict","restrictEdges","restrictSize"].map((function(t){var i=e[t];return i&&i.enabled&&{options:i,methods:i._methods}})).filter((function(t){return!!t}))}(o);this.prepareStates(a),this.startEdges=N({},o.edges),this.edges=N({},this.startEdges),this.startOffset=(i=o.rect,n=e,i?{left:n.x-i.left,top:n.y-i.top,right:i.right-n.x,bottom:i.bottom-n.y}:{left:0,top:0,right:0,bottom:0}),this.startDelta={x:0,y:0};var s=this.fillArg({phase:r,pageCoords:e,preEnd:!1});return this.result=be(),this.startAll(s),this.result=this.setAll(s)}},{key:"fillArg",value:function(t){var e=this.interaction;return t.interaction=e,t.interactable=e.interactable,t.element=e.element,t.rect||(t.rect=e.rect),t.edges||(t.edges=this.startEdges),t.startOffset=this.startOffset,t}},{key:"startAll",value:function(t){for(var e=0,i=this.states;e<i.length;e++){var n=i[e];n.methods.start&&(t.state=n,n.methods.start(t))}}},{key:"setAll",value:function(t){var e=t.phase,i=t.preEnd,n=t.skipModifiers,r=t.rect,o=t.edges;t.coords=N({},t.pageCoords),t.rect=N({},r),t.edges=N({},o);for(var a=n?this.states.slice(n):this.states,s=be(t.coords,t.rect),c=0;c<a.length;c++){var u,l=a[c],f=l.options,h=N({},t.coords),v=null;null!=(u=l.methods)&&u.set&&this.shouldDo(f,i,e)&&(t.state=l,v=l.methods.set(t),K(t.edges,t.rect,{x:t.coords.x-h.x,y:t.coords.y-h.y})),s.eventProps.push(v)}N(this.edges,t.edges),s.delta.x=t.coords.x-t.pageCoords.x,s.delta.y=t.coords.y-t.pageCoords.y,s.rectDelta.left=t.rect.left-r.left,s.rectDelta.right=t.rect.right-r.right,s.rectDelta.top=t.rect.top-r.top,s.rectDelta.bottom=t.rect.bottom-r.bottom;var d=this.result.coords,p=this.result.rect;if(d&&p){var g=s.rect.left!==p.left||s.rect.right!==p.right||s.rect.top!==p.top||s.rect.bottom!==p.bottom;s.changed=g||d.x!==s.coords.x||d.y!==s.coords.y}return s}},{key:"applyToInteraction",value:function(t){var e=this.interaction,i=t.phase,n=e.coords.cur,r=e.coords.start,o=this.result,a=this.startDelta,s=o.delta;"start"===i&&N(this.startDelta,o.delta);for(var c=0,u=[[r,a],[n,s]];c<u.length;c++){var l=u[c],f=l[0],h=l[1];f.page.x+=h.x,f.page.y+=h.y,f.client.x+=h.x,f.client.y+=h.y}var v=this.result.rectDelta,d=t.rect||e.rect;d.left+=v.left,d.right+=v.right,d.top+=v.top,d.bottom+=v.bottom,d.width=d.right-d.left,d.height=d.bottom-d.top}},{key:"setAndApply",value:function(t){var e=this.interaction,i=t.phase,n=t.preEnd,r=t.skipModifiers,o=this.setAll(this.fillArg({preEnd:n,phase:i,pageCoords:t.modifiedCoords||e.coords.cur.page}));if(this.result=o,!o.changed&&(!r||r<this.states.length)&&e.interacting())return!1;if(t.modifiedCoords){var a=e.coords.cur.page,s={x:t.modifiedCoords.x-a.x,y:t.modifiedCoords.y-a.y};o.coords.x+=s.x,o.coords.y+=s.y,o.delta.x+=s.x,o.delta.y+=s.y}this.applyToInteraction(t)}},{key:"beforeEnd",value:function(t){var e=t.interaction,i=t.event,n=this.states;if(n&&n.length){for(var r=!1,o=0;o<n.length;o++){var a=n[o];t.state=a;var s=a.options,c=a.methods,u=c.beforeEnd&&c.beforeEnd(t);if(u)return this.endResult=u,!1;r=r||!r&&this.shouldDo(s,!0,t.phase,!0)}r&&e.move({event:i,preEnd:!0})}}},{key:"stop",value:function(t){var e=t.interaction;if(this.states&&this.states.length){var i=N({states:this.states,interactable:e.interactable,element:e.element,rect:null},t);this.fillArg(i);for(var n=0,r=this.states;n<r.length;n++){var o=r[n];i.state=o,o.methods.stop&&o.methods.stop(i)}this.states=null,this.endResult=null}}},{key:"prepareStates",value:function(t){this.states=[];for(var e=0;e<t.length;e++){var i=t[e],n=i.options,r=i.methods,o=i.name;this.states.push({options:n,methods:r,index:e,name:o})}return this.states}},{key:"restoreInteractionCoords",value:function(t){var e=t.interaction,i=e.coords,n=e.rect,r=e.modification;if(r.result){for(var o=r.startDelta,a=r.result,s=a.delta,c=a.rectDelta,u=0,l=[[i.start,o],[i.cur,s]];u<l.length;u++){var f=l[u],h=f[0],v=f[1];h.page.x-=v.x,h.page.y-=v.y,h.client.x-=v.x,h.client.y-=v.y}n.left-=c.left,n.right-=c.right,n.top-=c.top,n.bottom-=c.bottom}}},{key:"shouldDo",value:function(t,e,i,n){return!(!t||!1===t.enabled||n&&!t.endOnly||t.endOnly&&!e||"start"===i&&!t.setStart)}},{key:"copyFrom",value:function(t){this.startOffset=t.startOffset,this.startDelta=t.startDelta,this.startEdges=t.startEdges,this.edges=t.edges,this.states=t.states.map((function(t){return me(t)})),this.result=be(N({},t.result.coords),N({},t.result.rect))}},{key:"destroy",value:function(){for(var t in this)this[t]=null}}]),t}();function be(t,e){return{rect:e,coords:t,delta:{x:0,y:0},rectDelta:{left:0,right:0,top:0,bottom:0},eventProps:[],changed:!0}}function xe(t,e){var i=t.defaults,n={start:t.start,set:t.set,beforeEnd:t.beforeEnd,stop:t.stop},r=function(t){var r=t||{};for(var o in r.enabled=!1!==r.enabled,i)o in r||(r[o]=i[o]);var a={options:r,methods:n,name:e,enable:function(){return r.enabled=!0,a},disable:function(){return r.enabled=!1,a}};return a};return e&&"string"==typeof e&&(r._defaults=i,r._methods=n),r}function we(t){var e=t.iEvent,i=t.interaction.modification.result;i&&(e.modifiers=i.eventProps)}var ke={id:"modifiers/base",before:["actions"],install:function(t){t.defaults.perAction.modifiers=[]},listeners:{"interactions:new":function(t){var e=t.interaction;e.modification=new ye(e)},"interactions:before-action-start":function(t){var e=t.interaction,i=t.interaction.modification;i.start(t,e.coords.start.page),e.edges=i.edges,i.applyToInteraction(t)},"interactions:before-action-move":function(t){var e=t.interaction,i=e.modification,n=i.setAndApply(t);return e.edges=i.edges,n},"interactions:before-action-end":function(t){var e=t.interaction,i=e.modification,n=i.beforeEnd(t);return e.edges=i.startEdges,n},"interactions:action-start":we,"interactions:action-move":we,"interactions:action-end":we,"interactions:after-action-start":function(t){return t.interaction.modification.restoreInteractionCoords(t)},"interactions:after-action-move":function(t){return t.interaction.modification.restoreInteractionCoords(t)},"interactions:stop":function(t){return t.interaction.modification.stop(t)}}},ze=ke,Me={base:{preventDefault:"auto",deltaSource:"page"},perAction:{enabled:!1,origin:{x:0,y:0}},actions:{}},Ee=function(t){c(i,t);var e=h(i);function i(t,n,o,a,s,c,u){var l;r(this,i),(l=e.call(this,t)).relatedTarget=null,l.screenX=void 0,l.screenY=void 0,l.button=void 0,l.buttons=void 0,l.ctrlKey=void 0,l.shiftKey=void 0,l.altKey=void 0,l.metaKey=void 0,l.page=void 0,l.client=void 0,l.delta=void 0,l.rect=void 0,l.x0=void 0,l.y0=void 0,l.t0=void 0,l.dt=void 0,l.duration=void 0,l.clientX0=void 0,l.clientY0=void 0,l.velocity=void 0,l.speed=void 0,l.swipe=void 0,l.axes=void 0,l.preEnd=void 0,s=s||t.element;var h=t.interactable,v=(h&&h.options||Me).deltaSource,d=W(h,s,o),p="start"===a,g="end"===a,m=p?f(l):t.prevEvent,y=p?t.coords.start:g?{page:m.page,client:m.client,timeStamp:t.coords.cur.timeStamp}:t.coords.cur;return l.page=N({},y.page),l.client=N({},y.client),l.rect=N({},t.rect),l.timeStamp=y.timeStamp,g||(l.page.x-=d.x,l.page.y-=d.y,l.client.x-=d.x,l.client.y-=d.y),l.ctrlKey=n.ctrlKey,l.altKey=n.altKey,l.shiftKey=n.shiftKey,l.metaKey=n.metaKey,l.button=n.button,l.buttons=n.buttons,l.target=s,l.currentTarget=s,l.preEnd=c,l.type=u||o+(a||""),l.interactable=h,l.t0=p?t.pointers[t.pointers.length-1].downTime:m.t0,l.x0=t.coords.start.page.x-d.x,l.y0=t.coords.start.page.y-d.y,l.clientX0=t.coords.start.client.x-d.x,l.clientY0=t.coords.start.client.y-d.y,l.delta=p||g?{x:0,y:0}:{x:l[v].x-m[v].x,y:l[v].y-m[v].y},l.dt=t.coords.delta.timeStamp,l.duration=l.timeStamp-l.t0,l.velocity=N({},t.coords.velocity[v]),l.speed=Z(l.velocity.x,l.velocity.y),l.swipe=g||"inertiastart"===a?l.getSwipe():null,l}return a(i,[{key:"getSwipe",value:function(){var t=this._interaction;if(t.prevEvent.speed<600||this.timeStamp-t.prevEvent.timeStamp>150)return null;var e=180*Math.atan2(t.prevEvent.velocityY,t.prevEvent.velocityX)/Math.PI;e<0&&(e+=360);var i=112.5<=e&&e<247.5,n=202.5<=e&&e<337.5;return{up:n,down:!n&&22.5<=e&&e<157.5,left:i,right:!i&&(292.5<=e||e<67.5),angle:e,speed:t.prevEvent.speed,velocity:{x:t.prevEvent.velocityX,y:t.prevEvent.velocityY}}}},{key:"preventDefault",value:function(){}},{key:"stopImmediatePropagation",value:function(){this.immediatePropagationStopped=this.propagationStopped=!0}},{key:"stopPropagation",value:function(){this.propagationStopped=!0}}]),i}(gt);Object.defineProperties(Ee.prototype,{pageX:{get:function(){return this.page.x},set:function(t){this.page.x=t}},pageY:{get:function(){return this.page.y},set:function(t){this.page.y=t}},clientX:{get:function(){return this.client.x},set:function(t){this.client.x=t}},clientY:{get:function(){return this.client.y},set:function(t){this.client.y=t}},dx:{get:function(){return this.delta.x},set:function(t){this.delta.x=t}},dy:{get:function(){return this.delta.y},set:function(t){this.delta.y=t}},velocityX:{get:function(){return this.velocity.x},set:function(t){this.velocity.x=t}},velocityY:{get:function(){return this.velocity.y},set:function(t){this.velocity.y=t}}});var Oe=a((function t(e,i,n,o,a){r(this,t),this.id=void 0,this.pointer=void 0,this.event=void 0,this.downTime=void 0,this.downTarget=void 0,this.id=e,this.pointer=i,this.event=n,this.downTime=o,this.downTarget=a})),Te=function(t){return t.interactable="",t.element="",t.prepared="",t.pointerIsDown="",t.pointerWasMoved="",t._proxy="",t}({}),Se=function(t){return t.start="",t.move="",t.end="",t.stop="",t.interacting="",t}({}),je=0,Ie=function(){function t(e){var i=this,n=e.pointerType,o=e.scopeFire;r(this,t),this.interactable=null,this.element=null,this.rect=null,this._rects=void 0,this.edges=null,this._scopeFire=void 0,this.prepared={name:null,axis:null,edges:null},this.pointerType=void 0,this.pointers=[],this.downEvent=null,this.downPointer={},this._latestPointer={pointer:null,event:null,eventTarget:null},this.prevEvent=null,this.pointerIsDown=!1,this.pointerWasMoved=!1,this._interacting=!1,this._ending=!1,this._stopped=!0,this._proxy=void 0,this.simulation=null,this.doMove=Ht((function(t){this.move(t)}),"The interaction.doMove() method has been renamed to interaction.move()"),this.coords={start:{page:{x:0,y:0},client:{x:0,y:0},timeStamp:0},prev:{page:{x:0,y:0},client:{x:0,y:0},timeStamp:0},cur:{page:{x:0,y:0},client:{x:0,y:0},timeStamp:0},delta:{page:{x:0,y:0},client:{x:0,y:0},timeStamp:0},velocity:{page:{x:0,y:0},client:{x:0,y:0},timeStamp:0}},this._id=je++,this._scopeFire=o,this.pointerType=n;var a=this;this._proxy={};var s=function(t){Object.defineProperty(i._proxy,t,{get:function(){return a[t]}})};for(var c in Te)s(c);var u=function(t){Object.defineProperty(i._proxy,t,{value:function(){return a[t].apply(a,arguments)}})};for(var l in Se)u(l);this._scopeFire("interactions:new",{interaction:this})}return a(t,[{key:"pointerMoveTolerance",get:function(){return 1}},{key:"pointerDown",value:function(t,e,i){var n=this.updatePointer(t,e,i,!0),r=this.pointers[n];this._scopeFire("interactions:down",{pointer:t,event:e,eventTarget:i,pointerIndex:n,pointerInfo:r,type:"down",interaction:this})}},{key:"start",value:function(t,e,i){return!(this.interacting()||!this.pointerIsDown||this.pointers.length<("gesture"===t.name?2:1)||!e.options[t.name].enabled)&&(Gt(this.prepared,t),this.interactable=e,this.element=i,this.rect=e.getRect(i),this.edges=this.prepared.edges?N({},this.prepared.edges):{left:!0,right:!0,top:!0,bottom:!0},this._stopped=!1,this._interacting=this._doPhase({interaction:this,event:this.downEvent,phase:"start"})&&!this._stopped,this._interacting)}},{key:"pointerMove",value:function(t,e,i){this.simulation||this.modification&&this.modification.endResult||this.updatePointer(t,e,i,!1);var n,r,o=this.coords.cur.page.x===this.coords.prev.page.x&&this.coords.cur.page.y===this.coords.prev.page.y&&this.coords.cur.client.x===this.coords.prev.client.x&&this.coords.cur.client.y===this.coords.prev.client.y;this.pointerIsDown&&!this.pointerWasMoved&&(n=this.coords.cur.client.x-this.coords.start.client.x,r=this.coords.cur.client.y-this.coords.start.client.y,this.pointerWasMoved=Z(n,r)>this.pointerMoveTolerance);var a,s,c,u=this.getPointerIndex(t),l={pointer:t,pointerIndex:u,pointerInfo:this.pointers[u],event:e,type:"move",eventTarget:i,dx:n,dy:r,duplicate:o,interaction:this};o||(a=this.coords.velocity,s=this.coords.delta,c=Math.max(s.timeStamp/1e3,.001),a.page.x=s.page.x/c,a.page.y=s.page.y/c,a.client.x=s.client.x/c,a.client.y=s.client.y/c,a.timeStamp=c),this._scopeFire("interactions:move",l),o||this.simulation||(this.interacting()&&(l.type=null,this.move(l)),this.pointerWasMoved&&it(this.coords.prev,this.coords.cur))}},{key:"move",value:function(t){t&&t.event||nt(this.coords.delta),(t=N({pointer:this._latestPointer.pointer,event:this._latestPointer.event,eventTarget:this._latestPointer.eventTarget,interaction:this},t||{})).phase="move",this._doPhase(t)}},{key:"pointerUp",value:function(t,e,i,n){var r=this.getPointerIndex(t);-1===r&&(r=this.updatePointer(t,e,i,!1));var o=/cancel$/i.test(e.type)?"cancel":"up";this._scopeFire("interactions:".concat(o),{pointer:t,pointerIndex:r,pointerInfo:this.pointers[r],event:e,eventTarget:i,type:o,curEventTarget:n,interaction:this}),this.simulation||this.end(e),this.removePointer(t,e)}},{key:"documentBlur",value:function(t){this.end(t),this._scopeFire("interactions:blur",{event:t,type:"blur",interaction:this})}},{key:"end",value:function(t){var e;this._ending=!0,t=t||this._latestPointer.event,this.interacting()&&(e=this._doPhase({event:t,interaction:this,phase:"end"})),this._ending=!1,!0===e&&this.stop()}},{key:"currentAction",value:function(){return this._interacting?this.prepared.name:null}},{key:"interacting",value:function(){return this._interacting}},{key:"stop",value:function(){this._scopeFire("interactions:stop",{interaction:this}),this.interactable=this.element=null,this._interacting=!1,this._stopped=!0,this.prepared.name=this.prevEvent=null}},{key:"getPointerIndex",value:function(t){var e=st(t);return"mouse"===this.pointerType||"pen"===this.pointerType?this.pointers.length-1:bt(this.pointers,(function(t){return t.id===e}))}},{key:"getPointerInfo",value:function(t){return this.pointers[this.getPointerIndex(t)]}},{key:"updatePointer",value:function(t,e,i,n){var r,o,a,s=st(t),c=this.getPointerIndex(t),u=this.pointers[c];return n=!1!==n&&(n||/(down|start)$/i.test(e.type)),u?u.pointer=t:(u=new Oe(s,t,e,null,null),c=this.pointers.length,this.pointers.push(u)),ct(this.coords.cur,this.pointers.map((function(t){return t.pointer})),this._now()),r=this.coords.delta,o=this.coords.prev,a=this.coords.cur,r.page.x=a.page.x-o.page.x,r.page.y=a.page.y-o.page.y,r.client.x=a.client.x-o.client.x,r.client.y=a.client.y-o.client.y,r.timeStamp=a.timeStamp-o.timeStamp,n&&(this.pointerIsDown=!0,u.downTime=this.coords.cur.timeStamp,u.downTarget=i,et(this.downPointer,t),this.interacting()||(it(this.coords.start,this.coords.cur),it(this.coords.prev,this.coords.cur),this.downEvent=e,this.pointerWasMoved=!1)),this._updateLatestPointer(t,e,i),this._scopeFire("interactions:update-pointer",{pointer:t,event:e,eventTarget:i,down:n,pointerInfo:u,pointerIndex:c,interaction:this}),c}},{key:"removePointer",value:function(t,e){var i=this.getPointerIndex(t);if(-1!==i){var n=this.pointers[i];this._scopeFire("interactions:remove-pointer",{pointer:t,event:e,eventTarget:null,pointerIndex:i,pointerInfo:n,interaction:this}),this.pointers.splice(i,1),this.pointerIsDown=!1}}},{key:"_updateLatestPointer",value:function(t,e,i){this._latestPointer.pointer=t,this._latestPointer.event=e,this._latestPointer.eventTarget=i}},{key:"destroy",value:function(){this._latestPointer.pointer=null,this._latestPointer.event=null,this._latestPointer.eventTarget=null}},{key:"_createPreparedEvent",value:function(t,e,i,n){return new Ee(this,t,this.prepared.name,e,this.element,i,n)}},{key:"_fireEvent",value:function(t){var e;null==(e=this.interactable)||e.fire(t),(!this.prevEvent||t.timeStamp>=this.prevEvent.timeStamp)&&(this.prevEvent=t)}},{key:"_doPhase",value:function(t){var e=t.event,i=t.phase,n=t.preEnd,r=t.type,o=this.rect;if(o&&"move"===i&&(K(this.edges,o,this.coords.delta[this.interactable.options.deltaSource]),o.width=o.right-o.left,o.height=o.bottom-o.top),!1===this._scopeFire("interactions:before-action-".concat(i),t))return!1;var a=t.iEvent=this._createPreparedEvent(e,i,n,r);return this._scopeFire("interactions:action-".concat(i),t),"start"===i&&(this.prevEvent=a),this._fireEvent(a),this._scopeFire("interactions:after-action-".concat(i),t),!0}},{key:"_now",value:function(){return Date.now()}}]),t}();function Pe(t){De(t.interaction)}function De(t){if(!function(t){return!(!t.offset.pending.x&&!t.offset.pending.y)}(t))return!1;var e=t.offset.pending;return Ae(t.coords.cur,e),Ae(t.coords.delta,e),K(t.edges,t.rect,e),e.x=0,e.y=0,!0}function Ce(t){var e=t.x,i=t.y;this.offset.pending.x+=e,this.offset.pending.y+=i,this.offset.total.x+=e,this.offset.total.y+=i}function Ae(t,e){var i=t.page,n=t.client,r=e.x,o=e.y;i.x+=r,i.y+=o,n.x+=r,n.y+=o}Se.offsetBy="";var Re={id:"offset",before:["modifiers","pointer-events","actions","inertia"],install:function(t){t.Interaction.prototype.offsetBy=Ce},listeners:{"interactions:new":function(t){t.interaction.offset={total:{x:0,y:0},pending:{x:0,y:0}}},"interactions:update-pointer":function(t){return function(t){t.pointerIsDown&&(Ae(t.coords.cur,t.offset.total),t.offset.pending.x=0,t.offset.pending.y=0)}(t.interaction)},"interactions:before-action-start":Pe,"interactions:before-action-move":Pe,"interactions:before-action-end":function(t){var e=t.interaction;if(De(e))return e.move({offset:!0}),e.end(),!1},"interactions:stop":function(t){var e=t.interaction;e.offset.total.x=0,e.offset.total.y=0,e.offset.pending.x=0,e.offset.pending.y=0}}},_e=Re;var Fe=function(){function t(e){r(this,t),this.active=!1,this.isModified=!1,this.smoothEnd=!1,this.allowResume=!1,this.modification=void 0,this.modifierCount=0,this.modifierArg=void 0,this.startCoords=void 0,this.t0=0,this.v0=0,this.te=0,this.targetOffset=void 0,this.modifiedOffset=void 0,this.currentOffset=void 0,this.lambda_v0=0,this.one_ve_v0=0,this.timeout=void 0,this.interaction=void 0,this.interaction=e}return a(t,[{key:"start",value:function(t){var e=this.interaction,i=Le(e);if(!i||!i.enabled)return!1;var n=e.coords.velocity.client,r=Z(n.x,n.y),o=this.modification||(this.modification=new ye(e));if(o.copyFrom(e.modification),this.t0=e._now(),this.allowResume=i.allowResume,this.v0=r,this.currentOffset={x:0,y:0},this.startCoords=e.coords.cur.page,this.modifierArg=o.fillArg({pageCoords:this.startCoords,preEnd:!0,phase:"inertiastart"}),this.t0-e.coords.cur.timeStamp<50&&r>i.minSpeed&&r>i.endSpeed)this.startInertia();else{if(o.result=o.setAll(this.modifierArg),!o.result.changed)return!1;this.startSmoothEnd()}return e.modification.result.rect=null,e.offsetBy(this.targetOffset),e._doPhase({interaction:e,event:t,phase:"inertiastart"}),e.offsetBy({x:-this.targetOffset.x,y:-this.targetOffset.y}),e.modification.result.rect=null,this.active=!0,e.simulation=this,!0}},{key:"startInertia",value:function(){var t=this,e=this.interaction.coords.velocity.client,i=Le(this.interaction),n=i.resistance,r=-Math.log(i.endSpeed/this.v0)/n;this.targetOffset={x:(e.x-r)/n,y:(e.y-r)/n},this.te=r,this.lambda_v0=n/this.v0,this.one_ve_v0=1-i.endSpeed/this.v0;var o=this.modification,a=this.modifierArg;a.pageCoords={x:this.startCoords.x+this.targetOffset.x,y:this.startCoords.y+this.targetOffset.y},o.result=o.setAll(a),o.result.changed&&(this.isModified=!0,this.modifiedOffset={x:this.targetOffset.x+o.result.delta.x,y:this.targetOffset.y+o.result.delta.y}),this.onNextFrame((function(){return t.inertiaTick()}))}},{key:"startSmoothEnd",value:function(){var t=this;this.smoothEnd=!0,this.isModified=!0,this.targetOffset={x:this.modification.result.delta.x,y:this.modification.result.delta.y},this.onNextFrame((function(){return t.smoothEndTick()}))}},{key:"onNextFrame",value:function(t){var e=this;this.timeout=Xt.request((function(){e.active&&t()}))}},{key:"inertiaTick",value:function(){var t,e,i,n,r,o,a,s=this,c=this.interaction,u=Le(c).resistance,l=(c._now()-this.t0)/1e3;if(l<this.te){var f,h=1-(Math.exp(-u*l)-this.lambda_v0)/this.one_ve_v0;this.isModified?(t=0,e=0,i=this.targetOffset.x,n=this.targetOffset.y,r=this.modifiedOffset.x,o=this.modifiedOffset.y,f={x:Be(a=h,t,i,r),y:Be(a,e,n,o)}):f={x:this.targetOffset.x*h,y:this.targetOffset.y*h};var v={x:f.x-this.currentOffset.x,y:f.y-this.currentOffset.y};this.currentOffset.x+=v.x,this.currentOffset.y+=v.y,c.offsetBy(v),c.move(),this.onNextFrame((function(){return s.inertiaTick()}))}else c.offsetBy({x:this.modifiedOffset.x-this.currentOffset.x,y:this.modifiedOffset.y-this.currentOffset.y}),this.end()}},{key:"smoothEndTick",value:function(){var t=this,e=this.interaction,i=e._now()-this.t0,n=Le(e).smoothEndDuration;if(i<n){var r={x:Xe(i,0,this.targetOffset.x,n),y:Xe(i,0,this.targetOffset.y,n)},o={x:r.x-this.currentOffset.x,y:r.y-this.currentOffset.y};this.currentOffset.x+=o.x,this.currentOffset.y+=o.y,e.offsetBy(o),e.move({skipModifiers:this.modifierCount}),this.onNextFrame((function(){return t.smoothEndTick()}))}else e.offsetBy({x:this.targetOffset.x-this.currentOffset.x,y:this.targetOffset.y-this.currentOffset.y}),this.end()}},{key:"resume",value:function(t){var e=t.pointer,i=t.event,n=t.eventTarget,r=this.interaction;r.offsetBy({x:-this.currentOffset.x,y:-this.currentOffset.y}),r.updatePointer(e,i,n,!0),r._doPhase({interaction:r,event:i,phase:"resume"}),it(r.coords.prev,r.coords.cur),this.stop()}},{key:"end",value:function(){this.interaction.move(),this.interaction.end(),this.stop()}},{key:"stop",value:function(){this.active=this.smoothEnd=!1,this.interaction.simulation=null,Xt.cancel(this.timeout)}}]),t}();function Le(t){var e=t.interactable,i=t.prepared;return e&&e.options&&i.name&&e.options[i.name].inertia}var $e={id:"inertia",before:["modifiers","actions"],install:function(t){var e=t.defaults;t.usePlugin(_e),t.usePlugin(ze),t.actions.phases.inertiastart=!0,t.actions.phases.resume=!0,e.perAction.inertia={enabled:!1,resistance:10,minSpeed:100,endSpeed:10,allowResume:!0,smoothEndDuration:300}},listeners:{"interactions:new":function(t){var e=t.interaction;e.inertia=new Fe(e)},"interactions:before-action-end":function(t){var e=t.interaction,i=t.event;return(!e._interacting||e.simulation||!e.inertia.start(i))&&null},"interactions:down":function(t){var e=t.interaction,i=t.eventTarget,n=e.inertia;if(n.active)for(var r=i;k.element(r);){if(r===e.element){n.resume(t);break}r=A(r)}},"interactions:stop":function(t){var e=t.interaction.inertia;e.active&&e.stop()},"interactions:before-action-resume":function(t){var e=t.interaction.modification;e.stop(t),e.start(t,t.interaction.coords.cur.page),e.applyToInteraction(t)},"interactions:before-action-inertiastart":function(t){return t.interaction.modification.setAndApply(t)},"interactions:action-resume":we,"interactions:action-inertiastart":we,"interactions:after-action-inertiastart":function(t){return t.interaction.modification.restoreInteractionCoords(t)},"interactions:after-action-resume":function(t){return t.interaction.modification.restoreInteractionCoords(t)}}};function Be(t,e,i,n){var r=1-t;return r*r*e+2*r*t*i+t*t*n}function Xe(t,e,i,n){return-i*(t/=n)*(t-2)+e}var Ye=$e;function Ue(t,e){for(var i=0;i<e.length;i++){var n=e[i];if(t.immediatePropagationStopped)break;n(t)}}var Ne=function(){function t(e){r(this,t),this.options=void 0,this.types={},this.propagationStopped=!1,this.immediatePropagationStopped=!1,this.global=void 0,this.options=N({},e||{})}return a(t,[{key:"fire",value:function(t){var e,i=this.global;(e=this.types[t.type])&&Ue(t,e),!t.propagationStopped&&i&&(e=i[t.type])&&Ue(t,e)}},{key:"on",value:function(t,e){var i=J(t,e);for(t in i)this.types[t]=mt(this.types[t]||[],i[t])}},{key:"off",value:function(t,e){var i=J(t,e);for(t in i){var n=this.types[t];if(n&&n.length)for(var r=0,o=i[t];r<o.length;r++){var a=o[r],s=n.indexOf(a);-1!==s&&n.splice(s,1)}}}},{key:"getRect",value:function(t){return null}}]),t}();var Ve=function(){function t(e){r(this,t),this.currentTarget=void 0,this.originalEvent=void 0,this.type=void 0,this.originalEvent=e,et(this,e)}return a(t,[{key:"preventOriginalDefault",value:function(){this.originalEvent.preventDefault()}},{key:"stopPropagation",value:function(){this.originalEvent.stopPropagation()}},{key:"stopImmediatePropagation",value:function(){this.originalEvent.stopImmediatePropagation()}}]),t}();function qe(t){return k.object(t)?{capture:!!t.capture,passive:!!t.passive}:{capture:!!t,passive:!1}}function He(t,e){return t===e||("boolean"==typeof t?!!e.capture===t&&!1==!!e.passive:!!t.capture==!!e.capture&&!!t.passive==!!e.passive)}var Ge={id:"events",install:function(t){var e,i=[],n={},r=[],o={add:a,remove:s,addDelegate:function(t,e,i,o,s){var l=qe(s);if(!n[i]){n[i]=[];for(var f=0;f<r.length;f++){var h=r[f];a(h,i,c),a(h,i,u,!0)}}var v=n[i],d=xt(v,(function(i){return i.selector===t&&i.context===e}));d||(d={selector:t,context:e,listeners:[]},v.push(d));d.listeners.push({func:o,options:l})},removeDelegate:function(t,e,i,r,o){var a,l=qe(o),f=n[i],h=!1;if(!f)return;for(a=f.length-1;a>=0;a--){var v=f[a];if(v.selector===t&&v.context===e){for(var d=v.listeners,p=d.length-1;p>=0;p--){var g=d[p];if(g.func===r&&He(g.options,l)){d.splice(p,1),d.length||(f.splice(a,1),s(e,i,c),s(e,i,u,!0)),h=!0;break}}if(h)break}}},delegateListener:c,delegateUseCapture:u,delegatedEvents:n,documents:r,targets:i,supportsOptions:!1,supportsPassive:!1};function a(t,e,n,r){if(t.addEventListener){var a=qe(r),s=xt(i,(function(e){return e.eventTarget===t}));s||(s={eventTarget:t,events:{}},i.push(s)),s.events[e]||(s.events[e]=[]),xt(s.events[e],(function(t){return t.func===n&&He(t.options,a)}))||(t.addEventListener(e,n,o.supportsOptions?a:a.capture),s.events[e].push({func:n,options:a}))}}function s(t,e,n,r){if(t.addEventListener&&t.removeEventListener){var a=bt(i,(function(e){return e.eventTarget===t})),c=i[a];if(c&&c.events)if("all"!==e){var u=!1,l=c.events[e];if(l){if("all"===n){for(var f=l.length-1;f>=0;f--){var h=l[f];s(t,e,h.func,h.options)}return}for(var v=qe(r),d=0;d<l.length;d++){var p=l[d];if(p.func===n&&He(p.options,v)){t.removeEventListener(e,n,o.supportsOptions?v:v.capture),l.splice(d,1),0===l.length&&(delete c.events[e],u=!0);break}}}u&&!Object.keys(c.events).length&&i.splice(a,1)}else for(e in c.events)c.events.hasOwnProperty(e)&&s(t,e,"all")}}function c(t,e){for(var i=qe(e),r=new Ve(t),o=n[t.type],a=pt(t)[0],s=a;k.element(s);){for(var c=0;c<o.length;c++){var u=o[c],l=u.selector,f=u.context;if(R(s,l)&&D(f,a)&&D(f,s)){var h=u.listeners;r.currentTarget=s;for(var v=0;v<h.length;v++){var d=h[v];He(d.options,i)&&d.func(r)}}}s=A(s)}}function u(t){return c(t,!0)}return null==(e=t.document)||e.createElement("div").addEventListener("test",null,{get capture(){return o.supportsOptions=!0},get passive(){return o.supportsPassive=!0}}),t.events=o,o}},Ke={methodOrder:["simulationResume","mouseOrPen","hasPointer","idle"],search:function(t){for(var e=0,i=Ke.methodOrder;e<i.length;e++){var n=i[e],r=Ke[n](t);if(r)return r}return null},simulationResume:function(t){var e=t.pointerType,i=t.eventType,n=t.eventTarget,r=t.scope;if(!/down|start/i.test(i))return null;for(var o=0,a=r.interactions.list;o<a.length;o++){var s=a[o],c=n;if(s.simulation&&s.simulation.allowResume&&s.pointerType===e)for(;c;){if(c===s.element)return s;c=A(c)}}return null},mouseOrPen:function(t){var e,i=t.pointerId,n=t.pointerType,r=t.eventType,o=t.scope;if("mouse"!==n&&"pen"!==n)return null;for(var a=0,s=o.interactions.list;a<s.length;a++){var c=s[a];if(c.pointerType===n){if(c.simulation&&!We(c,i))continue;if(c.interacting())return c;e||(e=c)}}if(e)return e;for(var u=0,l=o.interactions.list;u<l.length;u++){var f=l[u];if(!(f.pointerType!==n||/down/i.test(r)&&f.simulation))return f}return null},hasPointer:function(t){for(var e=t.pointerId,i=0,n=t.scope.interactions.list;i<n.length;i++){var r=n[i];if(We(r,e))return r}return null},idle:function(t){for(var e=t.pointerType,i=0,n=t.scope.interactions.list;i<n.length;i++){var r=n[i];if(1===r.pointers.length){var o=r.interactable;if(o&&(!o.options.gesture||!o.options.gesture.enabled))continue}else if(r.pointers.length>=2)continue;if(!r.interacting()&&e===r.pointerType)return r}return null}};function We(t,e){return t.pointers.some((function(t){return t.id===e}))}var Je=Ke,Qe=["pointerDown","pointerMove","pointerUp","updatePointer","removePointer","windowBlur"];function Ze(t,e){return function(i){var n=e.interactions.list,r=dt(i),o=pt(i),a=o[0],s=o[1],c=[];if(/^touch/.test(i.type)){e.prevTouchTime=e.now();for(var u=0,l=i.changedTouches;u<l.length;u++){var f=l[u],h={pointer:f,pointerId:st(f),pointerType:r,eventType:i.type,eventTarget:a,curEventTarget:s,scope:e},v=ti(h);c.push([h.pointer,h.eventTarget,h.curEventTarget,v])}}else{var d=!1;if(!P.supportsPointerEvent&&/mouse/.test(i.type)){for(var p=0;p<n.length&&!d;p++)d="mouse"!==n[p].pointerType&&n[p].pointerIsDown;d=d||e.now()-e.prevTouchTime<500||0===i.timeStamp}if(!d){var g={pointer:i,pointerId:st(i),pointerType:r,eventType:i.type,curEventTarget:s,eventTarget:a,scope:e},m=ti(g);c.push([g.pointer,g.eventTarget,g.curEventTarget,m])}}for(var y=0;y<c.length;y++){var b=c[y],x=b[0],w=b[1],k=b[2];b[3][t](x,i,w,k)}}}function ti(t){var e=t.pointerType,i=t.scope,n={interaction:Je.search(t),searchDetails:t};return i.fire("interactions:find",n),n.interaction||i.interactions.new({pointerType:e})}function ei(t,e){var i=t.doc,n=t.scope,r=t.options,o=n.interactions.docEvents,a=n.events,s=a[e];for(var c in n.browser.isIOS&&!r.events&&(r.events={passive:!1}),a.delegatedEvents)s(i,c,a.delegateListener),s(i,c,a.delegateUseCapture,!0);for(var u=r&&r.events,l=0;l<o.length;l++){var f=o[l];s(i,f.type,f.listener,u)}}var ii={id:"core/interactions",install:function(t){for(var e={},i=0;i<Qe.length;i++){var n=Qe[i];e[n]=Ze(n,t)}var o,s=P.pEventTypes;function u(){for(var e=0,i=t.interactions.list;e<i.length;e++){var n=i[e];if(n.pointerIsDown&&"touch"===n.pointerType&&!n._interacting)for(var r=function(){var e=a[o];t.documents.some((function(t){return D(t.doc,e.downTarget)}))||n.removePointer(e.pointer,e.event)},o=0,a=n.pointers;o<a.length;o++)r()}}(o=j.PointerEvent?[{type:s.down,listener:u},{type:s.down,listener:e.pointerDown},{type:s.move,listener:e.pointerMove},{type:s.up,listener:e.pointerUp},{type:s.cancel,listener:e.pointerUp}]:[{type:"mousedown",listener:e.pointerDown},{type:"mousemove",listener:e.pointerMove},{type:"mouseup",listener:e.pointerUp},{type:"touchstart",listener:u},{type:"touchstart",listener:e.pointerDown},{type:"touchmove",listener:e.pointerMove},{type:"touchend",listener:e.pointerUp},{type:"touchcancel",listener:e.pointerUp}]).push({type:"blur",listener:function(e){for(var i=0,n=t.interactions.list;i<n.length;i++){n[i].documentBlur(e)}}}),t.prevTouchTime=0,t.Interaction=function(e){c(n,e);var i=h(n);function n(){return r(this,n),i.apply(this,arguments)}return a(n,[{key:"pointerMoveTolerance",get:function(){return t.interactions.pointerMoveTolerance},set:function(e){t.interactions.pointerMoveTolerance=e}},{key:"_now",value:function(){return t.now()}}]),n}(Ie),t.interactions={list:[],new:function(e){e.scopeFire=function(e,i){return t.fire(e,i)};var i=new t.Interaction(e);return t.interactions.list.push(i),i},listeners:e,docEvents:o,pointerMoveTolerance:1},t.usePlugin(pe)},listeners:{"scope:add-document":function(t){return ei(t,"add")},"scope:remove-document":function(t){return ei(t,"remove")},"interactable:unset":function(t,e){for(var i=t.interactable,n=e.interactions.list.length-1;n>=0;n--){var r=e.interactions.list[n];r.interactable===i&&(r.stop(),e.fire("interactions:destroy",{interaction:r}),r.destroy(),e.interactions.list.length>2&&e.interactions.list.splice(n,1))}}},onDocSignal:ei,doOnInteractions:Ze,methodNames:Qe},ni=ii,ri=function(t){return t[t.On=0]="On",t[t.Off=1]="Off",t}(ri||{}),oi=function(){function t(e,i,n,o){r(this,t),this.target=void 0,this.options=void 0,this._actions=void 0,this.events=new Ne,this._context=void 0,this._win=void 0,this._doc=void 0,this._scopeEvents=void 0,this._actions=i.actions,this.target=e,this._context=i.context||n,this._win=b(U(e)?this._context:e),this._doc=this._win.document,this._scopeEvents=o,this.set(i)}return a(t,[{key:"_defaults",get:function(){return{base:{},perAction:{},actions:{}}}},{key:"setOnEvents",value:function(t,e){return k.func(e.onstart)&&this.on("".concat(t,"start"),e.onstart),k.func(e.onmove)&&this.on("".concat(t,"move"),e.onmove),k.func(e.onend)&&this.on("".concat(t,"end"),e.onend),k.func(e.oninertiastart)&&this.on("".concat(t,"inertiastart"),e.oninertiastart),this}},{key:"updatePerActionListeners",value:function(t,e,i){var n,r=this,o=null==(n=this._actions.map[t])?void 0:n.filterEventType,a=function(t){return(null==o||o(t))&&ge(t,r._actions)};(k.array(e)||k.object(e))&&this._onOff(ri.Off,t,e,void 0,a),(k.array(i)||k.object(i))&&this._onOff(ri.On,t,i,void 0,a)}},{key:"setPerAction",value:function(t,e){var i=this._defaults;for(var n in e){var r=n,o=this.options[t],a=e[r];"listeners"===r&&this.updatePerActionListeners(t,o.listeners,a),k.array(a)?o[r]=yt(a):k.plainObject(a)?(o[r]=N(o[r]||{},me(a)),k.object(i.perAction[r])&&"enabled"in i.perAction[r]&&(o[r].enabled=!1!==a.enabled)):k.bool(a)&&k.object(i.perAction[r])?o[r].enabled=a:o[r]=a}}},{key:"getRect",value:function(t){return t=t||(k.element(this.target)?this.target:null),k.string(this.target)&&(t=t||this._context.querySelector(this.target)),X(t)}},{key:"rectChecker",value:function(t){var e=this;return k.func(t)?(this.getRect=function(i){var n=N({},t.apply(e,i));return"width"in n||(n.width=n.right-n.left,n.height=n.bottom-n.top),n},this):null===t?(delete this.getRect,this):this.getRect}},{key:"_backCompatOption",value:function(t,e){if(U(e)||k.object(e)){for(var i in this.options[t]=e,this._actions.map)this.options[i][t]=e;return this}return this.options[t]}},{key:"origin",value:function(t){return this._backCompatOption("origin",t)}},{key:"deltaSource",value:function(t){return"page"===t||"client"===t?(this.options.deltaSource=t,this):this.options.deltaSource}},{key:"getAllElements",value:function(){var t=this.target;return k.string(t)?Array.from(this._context.querySelectorAll(t)):k.func(t)&&t.getAllElements?t.getAllElements():k.element(t)?[t]:[]}},{key:"context",value:function(){return this._context}},{key:"inContext",value:function(t){return this._context===t.ownerDocument||D(this._context,t)}},{key:"testIgnoreAllow",value:function(t,e,i){return!this.testIgnore(t.ignoreFrom,e,i)&&this.testAllow(t.allowFrom,e,i)}},{key:"testAllow",value:function(t,e,i){return!t||!!k.element(i)&&(k.string(t)?L(i,t,e):!!k.element(t)&&D(t,i))}},{key:"testIgnore",value:function(t,e,i){return!(!t||!k.element(i))&&(k.string(t)?L(i,t,e):!!k.element(t)&&D(t,i))}},{key:"fire",value:function(t){return this.events.fire(t),this}},{key:"_onOff",value:function(t,e,i,n,r){k.object(e)&&!k.array(e)&&(n=i,i=null);var o=J(e,i,r);for(var a in o){"wheel"===a&&(a=P.wheelEvent);for(var s=0,c=o[a];s<c.length;s++){var u=c[s];ge(a,this._actions)?this.events[t===ri.On?"on":"off"](a,u):k.string(this.target)?this._scopeEvents[t===ri.On?"addDelegate":"removeDelegate"](this.target,this._context,a,u,n):this._scopeEvents[t===ri.On?"add":"remove"](this.target,a,u,n)}}return this}},{key:"on",value:function(t,e,i){return this._onOff(ri.On,t,e,i)}},{key:"off",value:function(t,e,i){return this._onOff(ri.Off,t,e,i)}},{key:"set",value:function(t){var e=this._defaults;for(var i in k.object(t)||(t={}),this.options=me(e.base),this._actions.methodDict){var n=i,r=this._actions.methodDict[n];this.options[n]={},this.setPerAction(n,N(N({},e.perAction),e.actions[n])),this[r](t[n])}for(var o in t)"getRect"!==o?k.func(this[o])&&this[o](t[o]):this.rectChecker(t.getRect);return this}},{key:"unset",value:function(){if(k.string(this.target))for(var t in this._scopeEvents.delegatedEvents)for(var e=this._scopeEvents.delegatedEvents[t],i=e.length-1;i>=0;i--){var n=e[i],r=n.selector,o=n.context,a=n.listeners;r===this.target&&o===this._context&&e.splice(i,1);for(var s=a.length-1;s>=0;s--)this._scopeEvents.removeDelegate(this.target,this._context,t,a[s][0],a[s][1])}else this._scopeEvents.remove(this.target,"all")}}]),t}(),ai=function(){function t(e){var i=this;r(this,t),this.list=[],this.selectorMap={},this.scope=void 0,this.scope=e,e.addListeners({"interactable:unset":function(t){var e=t.interactable,n=e.target,r=k.string(n)?i.selectorMap[n]:n[i.scope.id],o=bt(r,(function(t){return t===e}));r.splice(o,1)}})}return a(t,[{key:"new",value:function(t,e){e=N(e||{},{actions:this.scope.actions});var i=new this.scope.Interactable(t,e,this.scope.document,this.scope.events);return this.scope.addDocument(i._doc),this.list.push(i),k.string(t)?(this.selectorMap[t]||(this.selectorMap[t]=[]),this.selectorMap[t].push(i)):(i.target[this.scope.id]||Object.defineProperty(t,this.scope.id,{value:[],configurable:!0}),t[this.scope.id].push(i)),this.scope.fire("interactable:new",{target:t,options:e,interactable:i,win:this.scope._win}),i}},{key:"getExisting",value:function(t,e){var i=e&&e.context||this.scope.document,n=k.string(t),r=n?this.selectorMap[t]:t[this.scope.id];if(r)return xt(r,(function(e){return e._context===i&&(n||e.inContext(t))}))}},{key:"forEachMatch",value:function(t,e){for(var i=0,n=this.list;i<n.length;i++){var r=n[i],o=void 0;if((k.string(r.target)?k.element(t)&&R(t,r.target):t===r.target)&&r.inContext(t)&&(o=e(r)),void 0!==o)return o}}}]),t}();var si=function(){function t(){var e=this;r(this,t),this.id="__interact_scope_".concat(Math.floor(100*Math.random())),this.isInitialized=!1,this.listenerMaps=[],this.browser=P,this.defaults=me(Me),this.Eventable=Ne,this.actions={map:{},phases:{start:!0,move:!0,end:!0},methodDict:{},phaselessTypes:{}},this.interactStatic=function(t){var e=function e(i,n){var r=t.interactables.getExisting(i,n);return r||((r=t.interactables.new(i,n)).events.global=e.globalEvents),r};return e.getPointerAverage=lt,e.getTouchBBox=ft,e.getTouchDistance=ht,e.getTouchAngle=vt,e.getElementRect=X,e.getElementClientRect=B,e.matchesSelector=R,e.closest=C,e.globalEvents={},e.version="1.10.27",e.scope=t,e.use=function(t,e){return this.scope.usePlugin(t,e),this},e.isSet=function(t,e){return!!this.scope.interactables.get(t,e&&e.context)},e.on=Ht((function(t,e,i){if(k.string(t)&&-1!==t.search(" ")&&(t=t.trim().split(/ +/)),k.array(t)){for(var n=0,r=t;n<r.length;n++){var o=r[n];this.on(o,e,i)}return this}if(k.object(t)){for(var a in t)this.on(a,t[a],e);return this}return ge(t,this.scope.actions)?this.globalEvents[t]?this.globalEvents[t].push(e):this.globalEvents[t]=[e]:this.scope.events.add(this.scope.document,t,e,{options:i}),this}),"The interact.on() method is being deprecated"),e.off=Ht((function(t,e,i){if(k.string(t)&&-1!==t.search(" ")&&(t=t.trim().split(/ +/)),k.array(t)){for(var n=0,r=t;n<r.length;n++){var o=r[n];this.off(o,e,i)}return this}if(k.object(t)){for(var a in t)this.off(a,t[a],e);return this}var s;return ge(t,this.scope.actions)?t in this.globalEvents&&-1!==(s=this.globalEvents[t].indexOf(e))&&this.globalEvents[t].splice(s,1):this.scope.events.remove(this.scope.document,t,e,i),this}),"The interact.off() method is being deprecated"),e.debug=function(){return this.scope},e.supportsTouch=function(){return P.supportsTouch},e.supportsPointerEvent=function(){return P.supportsPointerEvent},e.stop=function(){for(var t=0,e=this.scope.interactions.list;t<e.length;t++)e[t].stop();return this},e.pointerMoveTolerance=function(t){return k.number(t)?(this.scope.interactions.pointerMoveTolerance=t,this):this.scope.interactions.pointerMoveTolerance},e.addDocument=function(t,e){this.scope.addDocument(t,e)},e.removeDocument=function(t){this.scope.removeDocument(t)},e}(this),this.InteractEvent=Ee,this.Interactable=void 0,this.interactables=new ai(this),this._win=void 0,this.document=void 0,this.window=void 0,this.documents=[],this._plugins={list:[],map:{}},this.onWindowUnload=function(t){return e.removeDocument(t.target)};var i=this;this.Interactable=function(t){c(n,t);var e=h(n);function n(){return r(this,n),e.apply(this,arguments)}return a(n,[{key:"_defaults",get:function(){return i.defaults}},{key:"set",value:function(t){return v(u(n.prototype),"set",this).call(this,t),i.fire("interactable:set",{options:t,interactable:this}),this}},{key:"unset",value:function(){v(u(n.prototype),"unset",this).call(this);var t=i.interactables.list.indexOf(this);t<0||(i.interactables.list.splice(t,1),i.fire("interactable:unset",{interactable:this}))}}]),n}(oi)}return a(t,[{key:"addListeners",value:function(t,e){this.listenerMaps.push({id:e,map:t})}},{key:"fire",value:function(t,e){for(var i=0,n=this.listenerMaps;i<n.length;i++){var r=n[i].map[t];if(r&&!1===r(e,this,t))return!1}}},{key:"init",value:function(t){return this.isInitialized?this:function(t,e){t.isInitialized=!0,k.window(e)&&y(e);return j.init(e),P.init(e),Xt.init(e),t.window=e,t.document=e.document,t.usePlugin(ni),t.usePlugin(Ge),t}(this,t)}},{key:"pluginIsInstalled",value:function(t){var e=t.id;return e?!!this._plugins.map[e]:-1!==this._plugins.list.indexOf(t)}},{key:"usePlugin",value:function(t,e){if(!this.isInitialized)return this;if(this.pluginIsInstalled(t))return this;if(t.id&&(this._plugins.map[t.id]=t),this._plugins.list.push(t),t.install&&t.install(this,e),t.listeners&&t.before){for(var i=0,n=this.listenerMaps.length,r=t.before.reduce((function(t,e){return t[e]=!0,t[ci(e)]=!0,t}),{});i<n;i++){var o=this.listenerMaps[i].id;if(o&&(r[o]||r[ci(o)]))break}this.listenerMaps.splice(i,0,{id:t.id,map:t.listeners})}else t.listeners&&this.listenerMaps.push({id:t.id,map:t.listeners});return this}},{key:"addDocument",value:function(t,e){if(-1!==this.getDocIndex(t))return!1;var i=b(t);e=e?N({},e):{},this.documents.push({doc:t,options:e}),this.events.documents.push(t),t!==this.document&&this.events.add(i,"unload",this.onWindowUnload),this.fire("scope:add-document",{doc:t,window:i,scope:this,options:e})}},{key:"removeDocument",value:function(t){var e=this.getDocIndex(t),i=b(t),n=this.documents[e].options;this.events.remove(i,"unload",this.onWindowUnload),this.documents.splice(e,1),this.events.documents.splice(e,1),this.fire("scope:remove-document",{doc:t,window:i,scope:this,options:n})}},{key:"getDocIndex",value:function(t){for(var e=0;e<this.documents.length;e++)if(this.documents[e].doc===t)return e;return-1}},{key:"getDocOptions",value:function(t){var e=this.getDocIndex(t);return-1===e?null:this.documents[e].options}},{key:"now",value:function(){return(this.window.Date||Date).now()}}]),t}();function ci(t){return t&&t.replace(/\/.*$/,"")}var ui=new si,li=ui.interactStatic,fi="undefined"!=typeof globalThis?globalThis:window;ui.init(fi);var hi=Object.freeze({__proto__:null,edgeTarget:function(){},elements:function(){},grid:function(t){var e=[["x","y"],["left","top"],["right","bottom"],["width","height"]].filter((function(e){var i=e[0],n=e[1];return i in t||n in t})),i=function(i,n){for(var r=t.range,o=t.limits,a=void 0===o?{left:-1/0,right:1/0,top:-1/0,bottom:1/0}:o,s=t.offset,c=void 0===s?{x:0,y:0}:s,u={range:r,grid:t,x:null,y:null},l=0;l<e.length;l++){var f=e[l],h=f[0],v=f[1],d=Math.round((i-c.x)/t[h]),p=Math.round((n-c.y)/t[v]);u[h]=Math.max(a.left,Math.min(a.right,d*t[h]+c.x)),u[v]=Math.max(a.top,Math.min(a.bottom,p*t[v]+c.y))}return u};return i.grid=t,i.coordFields=e,i}}),vi={id:"snappers",install:function(t){var e=t.interactStatic;e.snappers=N(e.snappers||{},hi),e.createSnapGrid=e.snappers.grid}},di=vi,pi={start:function(t){var e=t.state,n=t.rect,r=t.edges,o=t.pageCoords,a=e.options,s=a.ratio,c=a.enabled,u=e.options,l=u.equalDelta,f=u.modifiers;"preserve"===s&&(s=n.width/n.height),e.startCoords=N({},o),e.startRect=N({},n),e.ratio=s,e.equalDelta=l;var h=e.linkedEdges={top:r.top||r.left&&!r.bottom,left:r.left||r.top&&!r.right,bottom:r.bottom||r.right&&!r.top,right:r.right||r.bottom&&!r.left};if(e.xIsPrimaryAxis=!(!r.left&&!r.right),e.equalDelta){var v=(h.left?1:-1)*(h.top?1:-1);e.edgeSign={x:v,y:v}}else e.edgeSign={x:h.left?-1:1,y:h.top?-1:1};if(!1!==c&&N(r,h),null!=f&&f.length){var d=new ye(t.interaction);d.copyFrom(t.interaction.modification),d.prepareStates(f),e.subModification=d,d.startAll(i({},t))}},set:function(t){var e=t.state,n=t.rect,r=t.coords,o=e.linkedEdges,a=N({},r),s=e.equalDelta?gi:mi;if(N(t.edges,o),s(e,e.xIsPrimaryAxis,r,n),!e.subModification)return null;var c=N({},n);K(o,c,{x:r.x-a.x,y:r.y-a.y});var u=e.subModification.setAll(i(i({},t),{},{rect:c,edges:o,pageCoords:r,prevCoords:r,prevRect:c})),l=u.delta;u.changed&&(s(e,Math.abs(l.x)>Math.abs(l.y),u.coords,u.rect),N(r,u.coords));return u.eventProps},defaults:{ratio:"preserve",equalDelta:!1,modifiers:[],enabled:!1}};function gi(t,e,i){var n=t.startCoords,r=t.edgeSign;e?i.y=n.y+(i.x-n.x)*r.y:i.x=n.x+(i.y-n.y)*r.x}function mi(t,e,i,n){var r=t.startRect,o=t.startCoords,a=t.ratio,s=t.edgeSign;if(e){var c=n.width/a;i.y=o.y+(c-r.height)*s.y}else{var u=n.height*a;i.x=o.x+(u-r.width)*s.x}}var yi=xe(pi,"aspectRatio"),bi=function(){};bi._defaults={};var xi=bi;function wi(t,e,i){return k.func(t)?q(t,e.interactable,e.element,[i.x,i.y,e]):q(t,e.interactable,e.element)}var ki={start:function(t){var e=t.rect,i=t.startOffset,n=t.state,r=t.interaction,o=t.pageCoords,a=n.options,s=a.elementRect,c=N({left:0,top:0,right:0,bottom:0},a.offset||{});if(e&&s){var u=wi(a.restriction,r,o);if(u){var l=u.right-u.left-e.width,f=u.bottom-u.top-e.height;l<0&&(c.left+=l,c.right+=l),f<0&&(c.top+=f,c.bottom+=f)}c.left+=i.left-e.width*s.left,c.top+=i.top-e.height*s.top,c.right+=i.right-e.width*(1-s.right),c.bottom+=i.bottom-e.height*(1-s.bottom)}n.offset=c},set:function(t){var e=t.coords,i=t.interaction,n=t.state,r=n.options,o=n.offset,a=wi(r.restriction,i,e);if(a){var s=function(t){return!t||"left"in t&&"top"in t||((t=N({},t)).left=t.x||0,t.top=t.y||0,t.right=t.right||t.left+t.width,t.bottom=t.bottom||t.top+t.height),t}(a);e.x=Math.max(Math.min(s.right-o.right,e.x),s.left+o.left),e.y=Math.max(Math.min(s.bottom-o.bottom,e.y),s.top+o.top)}},defaults:{restriction:null,elementRect:null,offset:null,endOnly:!1,enabled:!1}},zi=xe(ki,"restrict"),Mi={top:1/0,left:1/0,bottom:-1/0,right:-1/0},Ei={top:-1/0,left:-1/0,bottom:1/0,right:1/0};function Oi(t,e){for(var i=0,n=["top","left","bottom","right"];i<n.length;i++){var r=n[i];r in t||(t[r]=e[r])}return t}var Ti={noInner:Mi,noOuter:Ei,start:function(t){var e,i=t.interaction,n=t.startOffset,r=t.state,o=r.options;o&&(e=H(wi(o.offset,i,i.coords.start.page))),e=e||{x:0,y:0},r.offset={top:e.y+n.top,left:e.x+n.left,bottom:e.y-n.bottom,right:e.x-n.right}},set:function(t){var e=t.coords,i=t.edges,n=t.interaction,r=t.state,o=r.offset,a=r.options;if(i){var s=N({},e),c=wi(a.inner,n,s)||{},u=wi(a.outer,n,s)||{};Oi(c,Mi),Oi(u,Ei),i.top?e.y=Math.min(Math.max(u.top+o.top,s.y),c.top+o.top):i.bottom&&(e.y=Math.max(Math.min(u.bottom+o.bottom,s.y),c.bottom+o.bottom)),i.left?e.x=Math.min(Math.max(u.left+o.left,s.x),c.left+o.left):i.right&&(e.x=Math.max(Math.min(u.right+o.right,s.x),c.right+o.right))}},defaults:{inner:null,outer:null,offset:null,endOnly:!1,enabled:!1}},Si=xe(Ti,"restrictEdges"),ji=N({get elementRect(){return{top:0,left:0,bottom:1,right:1}},set elementRect(t){}},ki.defaults),Ii=xe({start:ki.start,set:ki.set,defaults:ji},"restrictRect"),Pi={width:-1/0,height:-1/0},Di={width:1/0,height:1/0};var Ci=xe({start:function(t){return Ti.start(t)},set:function(t){var e=t.interaction,i=t.state,n=t.rect,r=t.edges,o=i.options;if(r){var a=G(wi(o.min,e,t.coords))||Pi,s=G(wi(o.max,e,t.coords))||Di;i.options={endOnly:o.endOnly,inner:N({},Ti.noInner),outer:N({},Ti.noOuter)},r.top?(i.options.inner.top=n.bottom-a.height,i.options.outer.top=n.bottom-s.height):r.bottom&&(i.options.inner.bottom=n.top+a.height,i.options.outer.bottom=n.top+s.height),r.left?(i.options.inner.left=n.right-a.width,i.options.outer.left=n.right-s.width):r.right&&(i.options.inner.right=n.left+a.width,i.options.outer.right=n.left+s.width),Ti.set(t),i.options=o}},defaults:{min:null,max:null,endOnly:!1,enabled:!1}},"restrictSize");var Ai={start:function(t){var e,i=t.interaction,n=t.interactable,r=t.element,o=t.rect,a=t.state,s=t.startOffset,c=a.options,u=c.offsetWithOrigin?function(t){var e=t.interaction.element,i=H(q(t.state.options.origin,null,null,[e])),n=i||W(t.interactable,e,t.interaction.prepared.name);return n}(t):{x:0,y:0};if("startCoords"===c.offset)e={x:i.coords.start.page.x,y:i.coords.start.page.y};else{var l=q(c.offset,n,r,[i]);(e=H(l)||{x:0,y:0}).x+=u.x,e.y+=u.y}var f=c.relativePoints;a.offsets=o&&f&&f.length?f.map((function(t,i){return{index:i,relativePoint:t,x:s.left-o.width*t.x+e.x,y:s.top-o.height*t.y+e.y}})):[{index:0,relativePoint:null,x:e.x,y:e.y}]},set:function(t){var e=t.interaction,i=t.coords,n=t.state,r=n.options,o=n.offsets,a=W(e.interactable,e.element,e.prepared.name),s=N({},i),c=[];r.offsetWithOrigin||(s.x-=a.x,s.y-=a.y);for(var u=0,l=o;u<l.length;u++)for(var f=l[u],h=s.x-f.x,v=s.y-f.y,d=0,p=r.targets.length;d<p;d++){var g=r.targets[d],m=void 0;(m=k.func(g)?g(h,v,e._proxy,f,d):g)&&c.push({x:(k.number(m.x)?m.x:h)+f.x,y:(k.number(m.y)?m.y:v)+f.y,range:k.number(m.range)?m.range:r.range,source:g,index:d,offset:f})}for(var y={target:null,inRange:!1,distance:0,range:0,delta:{x:0,y:0}},b=0;b<c.length;b++){var x=c[b],w=x.range,z=x.x-s.x,M=x.y-s.y,E=Z(z,M),O=E<=w;w===1/0&&y.inRange&&y.range!==1/0&&(O=!1),y.target&&!(O?y.inRange&&w!==1/0?E/w<y.distance/y.range:w===1/0&&y.range!==1/0||E<y.distance:!y.inRange&&E<y.distance)||(y.target=x,y.distance=E,y.range=w,y.inRange=O,y.delta.x=z,y.delta.y=M)}return y.inRange&&(i.x=y.target.x,i.y=y.target.y),n.closest=y,y},defaults:{range:1/0,targets:null,offset:null,offsetWithOrigin:!0,origin:null,relativePoints:null,endOnly:!1,enabled:!1}},Ri=xe(Ai,"snap");var _i={start:function(t){var e=t.state,i=t.edges,n=e.options;if(!i)return null;t.state={options:{targets:null,relativePoints:[{x:i.left?0:1,y:i.top?0:1}],offset:n.offset||"self",origin:{x:0,y:0},range:n.range}},e.targetFields=e.targetFields||[["width","height"],["x","y"]],Ai.start(t),e.offsets=t.state.offsets,t.state=e},set:function(t){var e=t.interaction,i=t.state,n=t.coords,r=i.options,o=i.offsets,a={x:n.x-o[0].x,y:n.y-o[0].y};i.options=N({},r),i.options.targets=[];for(var s=0,c=r.targets||[];s<c.length;s++){var u=c[s],l=void 0;if(l=k.func(u)?u(a.x,a.y,e):u){for(var f=0,h=i.targetFields;f<h.length;f++){var v=h[f],d=v[0],p=v[1];if(d in l||p in l){l.x=l[d],l.y=l[p];break}}i.options.targets.push(l)}}var g=Ai.set(t);return i.options=r,g},defaults:{range:1/0,targets:null,offset:null,endOnly:!1,enabled:!1}},Fi=xe(_i,"snapSize");var Li={aspectRatio:yi,restrictEdges:Si,restrict:zi,restrictRect:Ii,restrictSize:Ci,snapEdges:xe({start:function(t){var e=t.edges;return e?(t.state.targetFields=t.state.targetFields||[[e.left?"left":"right",e.top?"top":"bottom"]],_i.start(t)):null},set:_i.set,defaults:N(me(_i.defaults),{targets:void 0,range:void 0,offset:{x:0,y:0}})},"snapEdges"),snap:Ri,snapSize:Fi,spring:xi,avoid:xi,transform:xi,rubberband:xi},$i={id:"modifiers",install:function(t){var e=t.interactStatic;for(var i in t.usePlugin(ze),t.usePlugin(di),e.modifiers=Li,Li){var n=Li[i],r=n._defaults,o=n._methods;r._methods=o,t.defaults.perAction[i]=r}}},Bi=$i,Xi=function(t){c(i,t);var e=h(i);function i(t,n,o,a,s,c){var u;if(r(this,i),et(f(u=e.call(this,s)),o),o!==n&&et(f(u),n),u.timeStamp=c,u.originalEvent=o,u.type=t,u.pointerId=st(n),u.pointerType=dt(n),u.target=a,u.currentTarget=null,"tap"===t){var l=s.getPointerIndex(n);u.dt=u.timeStamp-s.pointers[l].downTime;var h=u.timeStamp-s.tapTime;u.double=!!s.prevTap&&"doubletap"!==s.prevTap.type&&s.prevTap.target===u.target&&h<500}else"doubletap"===t&&(u.dt=n.timeStamp-s.tapTime,u.double=!0);return u}return a(i,[{key:"_subtractOrigin",value:function(t){var e=t.x,i=t.y;return this.pageX-=e,this.pageY-=i,this.clientX-=e,this.clientY-=i,this}},{key:"_addOrigin",value:function(t){var e=t.x,i=t.y;return this.pageX+=e,this.pageY+=i,this.clientX+=e,this.clientY+=i,this}},{key:"preventDefault",value:function(){this.originalEvent.preventDefault()}}]),i}(gt),Yi={id:"pointer-events/base",before:["inertia","modifiers","auto-start","actions"],install:function(t){t.pointerEvents=Yi,t.defaults.actions.pointerEvents=Yi.defaults,N(t.actions.phaselessTypes,Yi.types)},listeners:{"interactions:new":function(t){var e=t.interaction;e.prevTap=null,e.tapTime=0},"interactions:update-pointer":function(t){var e=t.down,i=t.pointerInfo;if(!e&&i.hold)return;i.hold={duration:1/0,timeout:null}},"interactions:move":function(t,e){var i=t.interaction,n=t.pointer,r=t.event,o=t.eventTarget;t.duplicate||i.pointerIsDown&&!i.pointerWasMoved||(i.pointerIsDown&&Vi(t),Ui({interaction:i,pointer:n,event:r,eventTarget:o,type:"move"},e))},"interactions:down":function(t,e){!function(t,e){for(var i=t.interaction,n=t.pointer,r=t.event,o=t.eventTarget,a=t.pointerIndex,s=i.pointers[a].hold,c=Y(o),u={interaction:i,pointer:n,event:r,eventTarget:o,type:"hold",targets:[],path:c,node:null},l=0;l<c.length;l++){var f=c[l];u.node=f,e.fire("pointerEvents:collect-targets",u)}if(!u.targets.length)return;for(var h=1/0,v=0,d=u.targets;v<d.length;v++){var p=d[v].eventable.options.holdDuration;p<h&&(h=p)}s.duration=h,s.timeout=setTimeout((function(){Ui({interaction:i,eventTarget:o,pointer:n,event:r,type:"hold"},e)}),h)}(t,e),Ui(t,e)},"interactions:up":function(t,e){Vi(t),Ui(t,e),function(t,e){var i=t.interaction,n=t.pointer,r=t.event,o=t.eventTarget;i.pointerWasMoved||Ui({interaction:i,eventTarget:o,pointer:n,event:r,type:"tap"},e)}(t,e)},"interactions:cancel":function(t,e){Vi(t),Ui(t,e)}},PointerEvent:Xi,fire:Ui,collectEventTargets:Ni,defaults:{holdDuration:600,ignoreFrom:null,allowFrom:null,origin:{x:0,y:0}},types:{down:!0,move:!0,up:!0,cancel:!0,tap:!0,doubletap:!0,hold:!0}};function Ui(t,e){var i=t.interaction,n=t.pointer,r=t.event,o=t.eventTarget,a=t.type,s=t.targets,c=void 0===s?Ni(t,e):s,u=new Xi(a,n,r,o,i,e.now());e.fire("pointerEvents:new",{pointerEvent:u});for(var l={interaction:i,pointer:n,event:r,eventTarget:o,targets:c,type:a,pointerEvent:u},f=0;f<c.length;f++){var h=c[f];for(var v in h.props||{})u[v]=h.props[v];var d=W(h.eventable,h.node);if(u._subtractOrigin(d),u.eventable=h.eventable,u.currentTarget=h.node,h.eventable.fire(u),u._addOrigin(d),u.immediatePropagationStopped||u.propagationStopped&&f+1<c.length&&c[f+1].node!==u.currentTarget)break}if(e.fire("pointerEvents:fired",l),"tap"===a){var p=u.double?Ui({interaction:i,pointer:n,event:r,eventTarget:o,type:"doubletap"},e):u;i.prevTap=p,i.tapTime=p.timeStamp}return u}function Ni(t,e){var i=t.interaction,n=t.pointer,r=t.event,o=t.eventTarget,a=t.type,s=i.getPointerIndex(n),c=i.pointers[s];if("tap"===a&&(i.pointerWasMoved||!c||c.downTarget!==o))return[];for(var u=Y(o),l={interaction:i,pointer:n,event:r,eventTarget:o,type:a,path:u,targets:[],node:null},f=0;f<u.length;f++){var h=u[f];l.node=h,e.fire("pointerEvents:collect-targets",l)}return"hold"===a&&(l.targets=l.targets.filter((function(t){var e,n;return t.eventable.options.holdDuration===(null==(e=i.pointers[s])||null==(n=e.hold)?void 0:n.duration)}))),l.targets}function Vi(t){var e=t.interaction,i=t.pointerIndex,n=e.pointers[i].hold;n&&n.timeout&&(clearTimeout(n.timeout),n.timeout=null)}var qi=Object.freeze({__proto__:null,default:Yi});function Hi(t){var e=t.interaction;e.holdIntervalHandle&&(clearInterval(e.holdIntervalHandle),e.holdIntervalHandle=null)}var Gi={id:"pointer-events/holdRepeat",install:function(t){t.usePlugin(Yi);var e=t.pointerEvents;e.defaults.holdRepeatInterval=0,e.types.holdrepeat=t.actions.phaselessTypes.holdrepeat=!0},listeners:["move","up","cancel","endall"].reduce((function(t,e){return t["pointerEvents:".concat(e)]=Hi,t}),{"pointerEvents:new":function(t){var e=t.pointerEvent;"hold"===e.type&&(e.count=(e.count||0)+1)},"pointerEvents:fired":function(t,e){var i=t.interaction,n=t.pointerEvent,r=t.eventTarget,o=t.targets;if("hold"===n.type&&o.length){var a=o[0].eventable.options.holdRepeatInterval;a<=0||(i.holdIntervalHandle=setTimeout((function(){e.pointerEvents.fire({interaction:i,eventTarget:r,type:"hold",pointer:n,event:n},e)}),a))}}})},Ki=Gi;var Wi={id:"pointer-events/interactableTargets",install:function(t){var e=t.Interactable;e.prototype.pointerEvents=function(t){return N(this.events.options,t),this};var i=e.prototype._backCompatOption;e.prototype._backCompatOption=function(t,e){var n=i.call(this,t,e);return n===this&&(this.events.options[t]=e),n}},listeners:{"pointerEvents:collect-targets":function(t,e){var i=t.targets,n=t.node,r=t.type,o=t.eventTarget;e.interactables.forEachMatch(n,(function(t){var e=t.events,a=e.options;e.types[r]&&e.types[r].length&&t.testIgnoreAllow(a,n,o)&&i.push({node:n,eventable:e,props:{interactable:t}})}))},"interactable:new":function(t){var e=t.interactable;e.events.getRect=function(t){return e.getRect(t)}},"interactable:set":function(t,e){var i=t.interactable,n=t.options;N(i.events.options,e.pointerEvents.defaults),N(i.events.options,n.pointerEvents||{})}}},Ji=Wi,Qi={id:"pointer-events",install:function(t){t.usePlugin(qi),t.usePlugin(Ki),t.usePlugin(Ji)}},Zi=Qi;var tn={id:"reflow",install:function(t){var e=t.Interactable;t.actions.phases.reflow=!0,e.prototype.reflow=function(e){return function(t,e,i){for(var n=t.getAllElements(),r=i.window.Promise,o=r?[]:null,a=function(){var a=n[s],c=t.getRect(a);if(!c)return 1;var u,l=xt(i.interactions.list,(function(i){return i.interacting()&&i.interactable===t&&i.element===a&&i.prepared.name===e.name}));if(l)l.move(),o&&(u=l._reflowPromise||new r((function(t){l._reflowResolve=t})));else{var f=G(c),h=function(t){return{coords:t,get page(){return this.coords.page},get client(){return this.coords.client},get timeStamp(){return this.coords.timeStamp},get pageX(){return this.coords.page.x},get pageY(){return this.coords.page.y},get clientX(){return this.coords.client.x},get clientY(){return this.coords.client.y},get pointerId(){return this.coords.pointerId},get target(){return this.coords.target},get type(){return this.coords.type},get pointerType(){return this.coords.pointerType},get buttons(){return this.coords.buttons},preventDefault:function(){}}}({page:{x:f.x,y:f.y},client:{x:f.x,y:f.y},timeStamp:i.now()});u=function(t,e,i,n,r){var o=t.interactions.new({pointerType:"reflow"}),a={interaction:o,event:r,pointer:r,eventTarget:i,phase:"reflow"};o.interactable=e,o.element=i,o.prevEvent=r,o.updatePointer(r,r,i,!0),nt(o.coords.delta),Gt(o.prepared,n),o._doPhase(a);var s=t.window,c=s.Promise,u=c?new c((function(t){o._reflowResolve=t})):void 0;o._reflowPromise=u,o.start(n,e,i),o._interacting?(o.move(a),o.end(r)):(o.stop(),o._reflowResolve());return o.removePointer(r,r),u}(i,t,a,e,h)}o&&o.push(u)},s=0;s<n.length&&!a();s++);return o&&r.all(o).then((function(){return t}))}(this,e,t)}},listeners:{"interactions:stop":function(t,e){var i=t.interaction;"reflow"===i.pointerType&&(i._reflowResolve&&i._reflowResolve(),function(t,e){t.splice(t.indexOf(e),1)}(e.interactions.list,i))}}},en=tn;if(li.use(pe),li.use(_e),li.use(Zi),li.use(Ye),li.use(Bi),li.use(he),li.use($t),li.use(qt),li.use(en),li.default=li,"object"===n(t)&&t)try{t.exports=li}catch(e){}return li.default=li,li}))})(E);const O=E.exports;const T={dialog:"dialog",panel:"panel",scrim:"scrim",container:"container",containerOpen:"container--open",containerEmbedded:"container--embedded",assistiveText:"assistive-text",openingActive:"dialog--opening-active"};const S={actionBar:"action-bar",alerts:"alerts",content:"content",contentTop:"content-top",contentBottom:"content-bottom",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerStart:"footer-start",footerEnd:"footer-end"};const j=25;const I=25;const P={x:0,y:0};const D={top:0,right:0,bottom:0,left:0};const C=":host{--calcite-dialog-scrim-background-color:rgba(0, 0, 0, 0.85);pointer-events:none;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;--calcite-internal-dialog-animation-offset:20px}:host([modal]){position:absolute}.container{pointer-events:auto;position:fixed;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([placement=top]) .container{align-items:flex-start;justify-content:center}:host([placement=top-start]) .container{align-items:flex-start;justify-content:flex-start}:host([placement=top-end]) .container{align-items:flex-start;justify-content:flex-end}:host([placement=bottom]) .container{align-items:flex-end;justify-content:center}:host([placement=bottom-start]) .container{align-items:flex-end;justify-content:flex-start}:host([placement=bottom-end]) .container{align-items:flex-end;justify-content:flex-end}:host(:not([modal])) .container{pointer-events:none}:host([scale=s]){--calcite-internal-dialog-content-padding:var(--calcite-dialog-content-space, var(--calcite-spacing-sm));--calcite-internal-dialog-min-size-x:198px;--calcite-internal-dialog-min-size-y:140px}:host([scale=m]){--calcite-internal-dialog-content-padding:var(--calcite-dialog-content-space, var(--calcite-spacing-md));--calcite-internal-dialog-min-size-x:288px;--calcite-internal-dialog-min-size-y:180px}:host([scale=l]){--calcite-internal-dialog-content-padding:var(--calcite-dialog-content-space, var(--calcite-spacing-lg));--calcite-internal-dialog-min-size-x:388px;--calcite-internal-dialog-min-size-y:220px}.scrim{--calcite-scrim-background:var(--calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim));--calcite-scrim-background-color:var(\n    --calcite-dialog-scrim-background-color,\n    var(--calcite-color-transparent-scrim)\n  );position:fixed;inset:0px;display:flex;overflow-y:hidden}calcite-panel{--calcite-panel-content-space:var(--calcite-dialog-content-space, var(--calcite-internal-dialog-content-padding));--calcite-panel-footer-padding:var(--calcite-dialog-footer-space);--calcite-panel-header-border-block-end:var(--calcite-border-width-sm) solid var(--calcite-dialog-border-color);--calcite-panel-background-color:var(--calcite-dialog-background-color)}.dialog{pointer-events:none;position:relative;z-index:var(--calcite-z-index-modal);margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;border-radius:0.25rem;opacity:0;--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);-webkit-overflow-scrolling:touch;visibility:hidden;transition:inset-block var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);min-inline-size:var(--calcite-dialog-min-size-x, var(--calcite-internal-dialog-min-size-x));max-inline-size:var(--calcite-dialog-max-size-x, 100%);min-block-size:var(--calcite-dialog-min-size-y, var(--calcite-internal-dialog-min-size-y));max-block-size:var(--calcite-dialog-max-size-y, 100%);--calcite-internal-dialog-hidden-position:calc(\n    var(--calcite-dialog-offset-y, 0px) + var(--calcite-internal-dialog-animation-offset)\n  );--calcite-internal-dialog-shown-position:var(--calcite-dialog-offset-y, 0);inset-inline-start:var(--calcite-dialog-offset-x, 0);inset-block-start:var(--calcite-internal-dialog-hidden-position)}.dialog--opening-active{inset-block-start:var(--calcite-internal-dialog-shown-position)}:host([menu-open]) .dialog{transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}.panel{border-radius:0.25rem}.container--open{opacity:1;visibility:visible;transition-delay:0ms}.container--open .dialog{pointer-events:auto;visibility:visible;opacity:1;transition:inset-block var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}:host([width=small]) .dialog{inline-size:auto}:host([width-scale=s]) .dialog{inline-size:var(--calcite-dialog-size-x, 32rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width: 35rem){:host([width-scale=s]) .dialog{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}:host([width-scale=s]) .dialog--opening-active{inset-block-start:0}}:host([width-scale=m]) .dialog{inline-size:var(--calcite-dialog-size-x, 48rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width: 51rem){:host([width-scale=m]) .dialog{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}:host([width-scale=m]) .dialog--opening-active{inset-block-start:0}}:host([width-scale=l]) .dialog{inline-size:var(--calcite-dialog-size-x, 94rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width: 97rem){:host([width-scale=l]) .dialog{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}:host([width-scale=l]) .dialog--opening-active{inset-block-start:0}}:host([placement=cover]) .dialog{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px}:host([placement=cover]) .panel{border-radius:0px}:host([kind]) .panel{border-start-start-radius:0px;border-start-end-radius:0px}:host([kind=brand]) .dialog{border-color:var(--calcite-color-brand)}:host([kind=danger]) .dialog{border-color:var(--calcite-color-status-danger)}:host([kind=info]) .dialog{border-color:var(--calcite-color-status-info)}:host([kind=success]) .dialog{border-color:var(--calcite-color-status-success)}:host([kind=warning]) .dialog{border-color:var(--calcite-color-status-warning)}:host([kind=brand][open]) .dialog,:host([kind=danger][open]) .dialog,:host([kind=info][open]) .dialog,:host([kind=success][open]) .dialog,:host([kind=warning][open]) .dialog{border-width:0px;border-block-start-width:4px;border-style:solid}.container--embedded{position:absolute;pointer-events:auto}.container--embedded calcite-scrim{position:absolute}.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}:host([hidden]){display:none}[hidden]{display:none}";const A=C;let R=0;let _="";const F=class{constructor(i){t(this,i);this.calciteDialogBeforeClose=e(this,"calciteDialogBeforeClose",6);this.calciteDialogClose=e(this,"calciteDialogClose",6);this.calciteDialogBeforeOpen=e(this,"calciteDialogBeforeOpen",6);this.calciteDialogOpen=e(this,"calciteDialogOpen",6);this.calciteDialogScroll=e(this,"calciteDialogScroll",6);this.openTransitionProp="opacity";this.resizePosition={...D};this.dragPosition={...P};this.ignoreOpenChange=false;this.mutationObserver=d("mutation",(()=>this.handleMutationObserver()));this.handleKeyDown=t=>{const{key:e,shiftKey:i,defaultPrevented:n}=t;const{dragEnabled:r,resizable:o,resizePosition:a,dragPosition:s,transitionEl:c}=this;const u=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"];if(n||!u.includes(e)){return}switch(e){case"ArrowUp":if(i&&o&&c){this.updateSize({size:this.getTransitionElDOMRect().height-j,type:"blockSize"});a.bottom-=j;this.updateTransform();this.triggerInteractModifiers();t.preventDefault()}else if(r){s.y-=I;this.updateTransform();this.triggerInteractModifiers();t.preventDefault()}break;case"ArrowDown":if(i&&o&&c){this.updateSize({size:this.getTransitionElDOMRect().height+j,type:"blockSize"});a.bottom+=j;this.updateTransform();this.triggerInteractModifiers();t.preventDefault()}else if(r){s.y+=I;this.updateTransform();this.triggerInteractModifiers();t.preventDefault()}break;case"ArrowLeft":if(i&&o&&c){this.updateSize({size:this.getTransitionElDOMRect().width-j,type:"inlineSize"});a.right-=j;this.updateTransform();this.triggerInteractModifiers();t.preventDefault()}else if(r){s.x-=I;this.updateTransform();this.triggerInteractModifiers();t.preventDefault()}break;case"ArrowRight":if(i&&o&&c){this.updateSize({size:this.getTransitionElDOMRect().width+j,type:"inlineSize"});a.right+=j;this.updateTransform();this.triggerInteractModifiers();t.preventDefault()}else if(r){s.x+=I;this.updateTransform();this.triggerInteractModifiers();t.preventDefault()}break}};this.setTransitionEl=t=>{this.transitionEl=t;this.setupInteractions()};this.openEnd=()=>{this.setFocus();this.el.removeEventListener("calciteDialogOpen",this.openEnd)};this.handleInternalPanelScroll=t=>{if(t.target!==this.panelEl){return}t.stopPropagation();this.calciteDialogScroll.emit()};this.handleInternalPanelCloseClick=t=>{if(t.target!==this.panelEl){return}t.stopPropagation();this.open=false};this.handlePanelKeyDown=t=>{if(this.escapeDisabled&&t.key==="Escape"){t.preventDefault()}};this.handleOutsideClose=()=>{if(this.outsideCloseDisabled){return}this.open=false};this.closeDialog=async()=>{if(this.beforeClose){try{await this.beforeClose()}catch(t){requestAnimationFrame((()=>{this.ignoreOpenChange=true;this.open=true;this.ignoreOpenChange=false}));return}}R--;this.opened=false;this.updateOverflowHiddenClass()};this.updateOverflowHiddenClass=()=>{this.opened&&!this.embedded&&this.modal?this.addOverflowHiddenClass():this.removeOverflowHiddenClass()};this.handleMutationObserver=()=>{this.updateFocusTrapElements()};this.beforeClose=undefined;this.description=undefined;this.dragEnabled=false;this.closeDisabled=false;this.embedded=false;this.escapeDisabled=false;this.heading=undefined;this.headingLevel=undefined;this.kind=undefined;this.loading=false;this.menuOpen=false;this.messages=undefined;this.messageOverrides=undefined;this.modal=false;this.open=false;this.outsideCloseDisabled=false;this.overlayPositioning="absolute";this.placement="center";this.resizable=false;this.scale="m";this.widthScale="m";this.opened=false;this.hasFooter=true;this.hasContentTop=false;this.hasContentBottom=false;this.effectiveLocale=undefined;this.defaultMessages=undefined;this.assistiveText=null}onMessagesChange(){}onModalChange(){this.updateOverflowHiddenClass()}async componentWillLoad(){await y(this);f(this);if(this.open){this.openDialog()}}componentDidLoad(){h(this)}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true});g(this);b(this);s(this);this.setupInteractions()}disconnectedCallback(){this.removeOverflowHiddenClass();this.mutationObserver?.disconnect();c(this);m(this);x(this);this.embedded=false;this.cleanupInteractions()}render(){const{assistiveText:t,description:e,heading:r,opened:a}=this;return i(n,{key:"bf406255eaa6d94c8443af185a74a2b2d58c6d59"},i("div",{key:"de2a34b6da4a82c66e9fafdbdd2056e4e11e1315",class:{[T.container]:true,[T.containerOpen]:a,[T.containerEmbedded]:this.embedded}},this.modal?i("calcite-scrim",{class:T.scrim,onClick:this.handleOutsideClose}):null,i("div",{key:"be47093e3a955ce45a71c555700143a4a1c7a166","aria-description":e,"aria-label":r,"aria-modal":o(this.modal),class:T.dialog,onKeyDown:this.handleKeyDown,ref:this.setTransitionEl,role:"dialog"},t?i("div",{"aria-live":"polite",class:T.assistiveText,key:"assistive-text"},t):null,i("slot",{key:"6ed9f10ae7d5ecc1ec9062d6aba559001d5194e6",name:S.content},i("calcite-panel",{key:"cd6ebaa7d7362cbeb70e9ae623f38298d1e831e3",beforeClose:this.beforeClose,class:T.panel,closable:!this.closeDisabled,closed:!a,description:e,heading:r,headingLevel:this.headingLevel,loading:this.loading,menuOpen:this.menuOpen,messageOverrides:this.messageOverrides,onCalcitePanelClose:this.handleInternalPanelCloseClick,onCalcitePanelScroll:this.handleInternalPanelScroll,onKeyDown:this.handlePanelKeyDown,overlayPositioning:this.overlayPositioning,ref:t=>this.panelEl=t,scale:this.scale},i("slot",{key:"2ce955775c33b09fc849a083d0bcc1c8ce523dd8",name:S.actionBar,slot:z.actionBar}),i("slot",{key:"dd44184de251320af6225baa2e59571b881a23cd",name:S.alerts,slot:z.alerts}),i("slot",{key:"da343a1a10e015b04b37463c10592e612a576e9b",name:S.headerActionsStart,slot:z.headerActionsStart}),i("slot",{key:"6680fde2bd7ad6dc5803c78ea7250d11d4920b7c",name:S.headerActionsEnd,slot:z.headerActionsEnd}),i("slot",{key:"a17ca64188ffe6000792e67eafc838df575ebbc3",name:S.headerContent,slot:z.headerContent}),i("slot",{key:"7e048c4a9104053ca0a61ab2514b018efb4fc872",name:S.headerMenuActions,slot:z.headerMenuActions}),i("slot",{key:"6760c8a6c105a511fcb859cfd222f8c1355a82c4",name:S.fab,slot:z.fab}),i("slot",{key:"e0f2e7644281d408d8c21ce5bf16b08af0a59c3b",name:S.contentTop,slot:z.contentTop}),i("slot",{key:"01889c3b7fc13bc49521c27feb2ab35346552504",name:S.contentBottom,slot:z.contentBottom}),i("slot",{key:"593bad35110b5d7e7b44d598b397e4b87cc28e28",name:S.footerStart,slot:z.footerStart}),i("slot",{key:"5e84099e096a6afb678cce9731b189f4011dc067",name:S.footer,slot:z.footer}),i("slot",{key:"69a805bd0c1f43a6d165939e62db562428f39f11",name:S.footerEnd,slot:z.footerEnd}),i("slot",{key:"b49e14ff6d2c63caaa8fd296920618e7673eb71b"}))))))}effectiveLocaleChange(){w(this,this.effectiveLocale)}handleInteractionChange(){this.setupInteractions()}updateAssistiveText(){const{messages:t}=this;this.assistiveText=t&&(this.dragEnabled||this.resizable)?`${this.dragEnabled?t.dragEnabled:""} ${this.resizable?t.resizeEnabled:""}`:null}handleEscape(t){if(this.open&&!this.escapeDisabled&&t.key==="Escape"&&!t.defaultPrevented){this.open=false;t.preventDefault()}}async setFocus(){await v(this);return this.panelEl?.setFocus()??a(this.el)}async updateFocusTrapElements(){u(this)}async scrollContentTo(t){await(this.panelEl?.scrollContentTo(t))}onBeforeOpen(){this.calciteDialogBeforeOpen.emit()}onOpen(){this.calciteDialogOpen.emit();l(this)}onBeforeClose(){this.calciteDialogBeforeClose.emit()}onClose(){this.calciteDialogClose.emit();c(this)}toggleDialog(t){if(this.ignoreOpenChange){return}if(t){this.openDialog()}else{this.closeDialog()}}handleOpenedChange(t){this.transitionEl.classList.toggle(T.openingActive,t);p(this)}async triggerInteractModifiers(){const{interaction:t}=this;if(!t){return}await t.reflow({name:"drag"});await t.reflow({name:"resize"})}getTransitionElDOMRect(){return this.transitionEl.getBoundingClientRect()}updateTransform(){const{dragPosition:{x:t,y:e},resizePosition:i,transitionEl:n,dragEnabled:r,resizable:o}=this;if(!n){return}if(!r&&!o){n.style.transform=null;return}const{top:a,right:s,bottom:c,left:u}=this.getAdjustedResizePosition(i);const l=Math.round(t+u+s);const f=Math.round(e+a+c);n.style.transform=l||f?`translate(${l}px, ${f}px)`:null}updateSize({type:t,size:e}){const{transitionEl:i}=this;if(!i){return}i.style[t]=e!==null?`${Math.round(e)}px`:null}cleanupInteractions(){this.interaction?.unset();this.updateSize({size:null,type:"inlineSize"});this.updateSize({size:null,type:"blockSize"});this.dragPosition={...P};this.resizePosition={...D};this.updateTransform()}setupInteractions(){this.cleanupInteractions();const{el:t,transitionEl:e,resizable:i,dragEnabled:n,resizePosition:r,dragPosition:o}=this;if(!e||!this.open){return}if(i||n){this.interaction=O(e,{context:t.ownerDocument})}if(i){const{minInlineSize:t,minBlockSize:i,maxInlineSize:n,maxBlockSize:o}=window.getComputedStyle(e);this.interaction.resizable({edges:{top:true,right:true,bottom:true,left:true},modifiers:[O.modifiers.restrictSize({min:{width:this.isPixelValue(t)?parseInt(t,10):0,height:this.isPixelValue(i)?parseInt(i,10):0},max:{width:this.isPixelValue(n)?parseInt(n,10):window.innerWidth,height:this.isPixelValue(o)?parseInt(o,10):window.innerHeight}}),O.modifiers.restrict({restriction:"parent"})],listeners:{move:({rect:t,deltaRect:e})=>{if(e){r.top+=e.top;r.right+=e.right;r.bottom+=e.bottom;r.left+=e.left}this.updateSize({size:t.width,type:"inlineSize"});this.updateSize({size:t.height,type:"blockSize"});this.updateTransform()}}})}if(n){this.interaction.draggable({modifiers:[O.modifiers.restrictRect({restriction:"parent"})],listeners:{move:({dx:t,dy:e})=>{o.x+=t;o.y+=e;this.updateTransform()}}})}}isPixelValue(t){return t.indexOf("px")!==-1}getAdjustedResizePosition({top:t,right:e,bottom:i,left:n}){const r=t/2;const o=e/2;const a=i/2;const s=n/2;switch(this.placement){case"top":return{top:t,right:o,bottom:0,left:s};case"top-start":return{top:t,right:0,bottom:0,left:n};case"top-end":return{top:t,right:e,bottom:0,left:0};case"bottom":return{top:0,right:o,bottom:i,left:s};case"bottom-start":return{top:0,right:0,bottom:i,left:n};case"bottom-end":return{top:0,right:e,bottom:i,left:0};case"cover":case"center":default:return{top:r,right:o,bottom:a,left:s}}}async openDialog(){await k(this.el);this.el.addEventListener("calciteDialogOpen",this.openEnd);this.opened=true;this.updateOverflowHiddenClass()}addOverflowHiddenClass(){if(R===0){_=document.documentElement.style.overflow}R++;document.documentElement.style.setProperty("overflow","hidden")}removeOverflowHiddenClass(){document.documentElement.style.setProperty("overflow",_)}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],modal:["onModalChange"],effectiveLocale:["effectiveLocaleChange"],open:["handleInteractionChange","toggleDialog"],placement:["handleInteractionChange"],resizable:["handleInteractionChange","updateAssistiveText"],dragEnabled:["handleInteractionChange","updateAssistiveText"],messages:["updateAssistiveText"],opened:["handleOpenedChange"]}}};F.style=A;export{F as calcite_dialog};
+//# sourceMappingURL=p-86f6cc34.entry.js.map