@esri/calcite-components 1.4.0-next.8 → 1.4.0

package/dist/esm/ExpandToggle-3cb13763.js

@@ -1,101 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.0-next.8
- */
-import { f as forceUpdate, h } from './index-2c16d260.js';
-import { b as getElementDir } from './dom-12a17147.js';
-import { S as SLOTS$1 } from './resources-cb28cda6.js';
-import { S as SLOTS } from './resources-12e8f21d.js';
-
-const overflowActionsDebounceInMs = 150;
-const groupBufferPx = 2;
-const getAverage = (arr) => arr.reduce((p, c) => p + c, 0) / arr.length;
-const geActionDimensions = (actions) => {
-  const actionLen = actions?.length;
-  return {
-    actionWidth: actionLen ? getAverage(actions.map((action) => action.clientWidth || 0)) : 0,
-    actionHeight: actionLen ? getAverage(actions.map((action) => action.clientHeight || 0)) : 0
-  };
-};
-const getMaxActionCount = ({ width, actionWidth, layout, height, actionHeight, groupCount }) => {
-  const maxContainerPx = layout === "horizontal" ? width : height;
-  const avgItemPx = layout === "horizontal" ? actionWidth : actionHeight;
-  return Math.floor((maxContainerPx - groupCount * groupBufferPx) / avgItemPx);
-};
-const getOverflowCount = ({ layout, actionCount, actionWidth, width, actionHeight, height, groupCount }) => {
-  return Math.max(actionCount - getMaxActionCount({ width, actionWidth, layout, height, actionHeight, groupCount }), 0);
-};
-const queryActions = (el) => {
-  return Array.from(el.querySelectorAll("calcite-action")).filter((action) => action.closest("calcite-action-menu") ? action.slot === SLOTS.trigger : true);
-};
-const overflowActions = ({ actionGroups, expanded, overflowCount }) => {
-  let needToSlotCount = overflowCount;
-  actionGroups.reverse().forEach((group) => {
-    let slottedWithinGroupCount = 0;
-    const groupActions = queryActions(group).reverse();
-    groupActions.forEach((groupAction) => {
-      if (groupAction.slot === SLOTS$1.menuActions) {
-        groupAction.removeAttribute("slot");
-        groupAction.textEnabled = expanded;
-      }
-    });
-    if (needToSlotCount > 0) {
-      groupActions.some((groupAction) => {
-        const unslottedActions = groupActions.filter((action) => !action.slot);
-        if (unslottedActions.length > 1 && groupActions.length > 2 && !groupAction.closest("calcite-action-menu")) {
-          groupAction.textEnabled = true;
-          groupAction.setAttribute("slot", SLOTS$1.menuActions);
-          slottedWithinGroupCount++;
-          if (slottedWithinGroupCount > 1) {
-            needToSlotCount--;
-          }
-        }
-        return needToSlotCount < 1;
-      });
-    }
-    forceUpdate(group);
-  });
-};
-
-const ICONS = {
-  chevronsLeft: "chevrons-left",
-  chevronsRight: "chevrons-right"
-};
-function getCalcitePosition(position, el) {
-  return position || el.closest("calcite-shell-panel")?.position || "start";
-}
-function toggleChildActionText({ parent, expanded }) {
-  queryActions(parent)
-    .filter((el) => el.slot !== SLOTS$1.menuActions)
-    .forEach((action) => (action.textEnabled = expanded));
-  parent
-    .querySelectorAll("calcite-action-group, calcite-action-menu")
-    .forEach((el) => (el.expanded = expanded));
-}
-const setTooltipReference = ({ tooltip, referenceElement, expanded, ref }) => {
-  if (tooltip) {
-    tooltip.referenceElement = !expanded && referenceElement ? referenceElement : null;
-  }
-  if (ref) {
-    ref(referenceElement);
-  }
-  return referenceElement;
-};
-const ExpandToggle = ({ expanded, intlExpand, intlCollapse, toggle, el, position, tooltip, ref, scale }) => {
-  const rtl = getElementDir(el) === "rtl";
-  const expandText = expanded ? intlCollapse : intlExpand;
-  const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];
-  if (rtl) {
-    icons.reverse();
-  }
-  const end = getCalcitePosition(position, el) === "end";
-  const expandIcon = end ? icons[1] : icons[0];
-  const collapseIcon = end ? icons[0] : icons[1];
-  const actionNode = (h("calcite-action", { icon: expanded ? expandIcon : collapseIcon, onClick: toggle, scale: scale, text: expandText, textEnabled: expanded, 
-    // eslint-disable-next-line react/jsx-sort-props
-    ref: (referenceElement) => setTooltipReference({ tooltip, referenceElement, expanded, ref }) }));
-  return actionNode;
-};
-
-export { ExpandToggle as E, overflowActions as a, getOverflowCount as b, geActionDimensions as g, overflowActionsDebounceInMs as o, queryActions as q, toggleChildActionText as t };

package/dist/esm/FloatingArrow-16b27965.js

@@ -1,43 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.0-next.8
- */
-import { h } from './index-2c16d260.js';
-
-const CSS = {
-  arrow: "calcite-floating-ui-arrow",
-  arrowStroke: "calcite-floating-ui-arrow__stroke"
-};
-const DEFAULTS = {
-  width: 12,
-  height: 6,
-  strokeWidth: 1
-};
-/**
- * Renders a SVG element to be used as a floating-ui arrow.
- *
- * This functional component should be rendered inside a `FloatingUIComponent` when it needs an arrow element.
- *
- * @param floatingLayout.floatingLayout
- * @param floatingLayout – The effective floating layout to render the arrow vertically or horizontally. Possible values: `vertical` or `horizontal`.
- *
- * See [floating-ui](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts)
- * @param floatingLayout.key
- * @param floatingLayout.ref
- */
-const FloatingArrow = ({ floatingLayout, key, ref }) => {
-  const { width, height, strokeWidth } = DEFAULTS;
-  const svgX = width / 2;
-  const isVertical = floatingLayout === "vertical";
-  const dValue = "M0,0" +
-    ` H${width}` +
-    ` L${width - svgX},${height}` +
-    ` Q${svgX},${height} ${svgX},${height}` +
-    " Z";
-  return (h("svg", { "aria-hidden": "true", class: CSS.arrow, height: width, key: key, ref: ref, viewBox: `0 0 ${width} ${width + (!isVertical ? strokeWidth : 0)}`, width: width + (isVertical ? strokeWidth : 0) },
-    strokeWidth > 0 && (h("path", { class: CSS.arrowStroke, d: dValue, fill: "none", "stroke-width": strokeWidth + 1 })),
-    h("path", { d: dValue, stroke: "none" })));
-};
-
-export { FloatingArrow as F };

package/dist/esm/Heading-59288fdb.js

@@ -1,17 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.0-next.8
- */
-import { h } from './index-2c16d260.js';
-
-function constrainHeadingLevel(level) {
-  return Math.min(Math.max(Math.ceil(level), 1), 6);
-}
-const Heading = (props, children) => {
-  const HeadingTag = props.level ? `h${props.level}` : "div";
-  delete props.level;
-  return h(HeadingTag, { ...props }, children);
-};
-
-export { Heading as H, constrainHeadingLevel as c };

package/dist/esm/app-globals-bae2088c.js

@@ -1,57 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.0-next.8
- */
-import { d as darkMode, a as autoMode } from './resources-ade657d4.js';
-
-/**
- * Emits when the mode is dynamically toggled between light and dark on <body> or in OS preferences.
- */
-function initModeChangeEvent() {
-  const { classList } = document.body;
-  const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
-  const getMode = () => classList.contains(darkMode) || (classList.contains(autoMode) && prefersDark) ? "dark" : "light";
-  const emitModeChange = (mode) => document.body.dispatchEvent(new CustomEvent("calciteModeChange", { bubbles: true, detail: { mode } }));
-  const modeChangeHandler = (newMode) => {
-    currentMode !== newMode && emitModeChange(newMode);
-    currentMode = newMode;
-  };
-  let currentMode = getMode();
-  // emits event on page load
-  emitModeChange(currentMode);
-  // emits event when changing OS mode preferences
-  window
-    .matchMedia("(prefers-color-scheme: dark)")
-    .addEventListener("change", (event) => modeChangeHandler(event.matches ? "dark" : "light"));
-  // emits event when toggling between mode classes on <body>
-  new MutationObserver(() => modeChangeHandler(getMode())).observe(document.body, {
-    attributes: true,
-    attributeFilter: ["class"]
-  });
-}
-
-/**
- * This file is imported in Stencil's `globalScript` config option.
- *
- * @see {@link https://stenciljs.com/docs/config#globalscript}
- */
-function appGlobalScript () {
-  const isBrowser = typeof window !== "undefined" &&
-    typeof location !== "undefined" &&
-    typeof document !== "undefined" &&
-    window.location === location &&
-    window.document === document;
-  if (isBrowser) {
-    if (document.readyState === "interactive") {
-      initModeChangeEvent();
-    }
-    else {
-      document.addEventListener("DOMContentLoaded", () => initModeChangeEvent(), { once: true });
-    }
-  }
-}
-
-const globalScripts = appGlobalScript;
-
-export { globalScripts as g };

package/dist/esm/array-3535c6fd.js

@@ -1,10 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.0-next.8
- */
-function getRoundRobinIndex(index, total) {
-  return (index + total) % total;
-}
-
-export { getRoundRobinIndex as g };

package/dist/esm/composed-offset-position.esm-de3de9c7.js

@@ -1,75 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.0-next.8
- */
-/* eslint-disable @typescript-eslint/ban-types */
-function offsetParent(element) {
-    return offsetParentPolyfill(element);
-}
-function offsetTop(element) {
-    return offsetTopLeftPolyfill(element, 'offsetTop');
-}
-function offsetLeft(element) {
-    return offsetTopLeftPolyfill(element, 'offsetLeft');
-}
-function flatTreeParent(element) {
-    if (element.assignedSlot) {
-        return element.assignedSlot;
-    }
-    if (element.parentNode instanceof ShadowRoot) {
-        return element.parentNode.host;
-    }
-    return element.parentNode;
-}
-function ancestorTreeScopes(element) {
-    const scopes = new Set();
-    let currentScope = element.getRootNode();
-    while (currentScope) {
-        scopes.add(currentScope);
-        currentScope = currentScope.parentNode
-            ? currentScope.parentNode.getRootNode()
-            : null;
-    }
-    return scopes;
-}
-function offsetParentPolyfill(element) {
-    // Do an initial walk to check for display:none ancestors.
-    for (let ancestor = element; ancestor; ancestor = flatTreeParent(ancestor)) {
-        if (!(ancestor instanceof Element)) {
-            continue;
-        }
-        if (getComputedStyle(ancestor).display === 'none') {
-            return null;
-        }
-    }
-    for (let ancestor = flatTreeParent(element); ancestor; ancestor = flatTreeParent(ancestor)) {
-        if (!(ancestor instanceof Element)) {
-            continue;
-        }
-        const style = getComputedStyle(ancestor);
-        // Display:contents nodes aren't in the layout tree so they should be skipped.
-        if (style.display === 'contents') {
-            continue;
-        }
-        if (style.position !== 'static' || style.filter !== 'none') {
-            return ancestor;
-        }
-        if (ancestor.tagName === 'BODY') {
-            return ancestor;
-        }
-    }
-    return null;
-}
-function offsetTopLeftPolyfill(element, offsetTopOrLeft) {
-    let value = element[offsetTopOrLeft];
-    let nextOffsetParent = offsetParentPolyfill(element);
-    const scopes = ancestorTreeScopes(element);
-    while (nextOffsetParent && !scopes.has(nextOffsetParent.getRootNode())) {
-        value -= nextOffsetParent[offsetTopOrLeft];
-        nextOffsetParent = offsetParentPolyfill(nextOffsetParent);
-    }
-    return value;
-}
-
-export { offsetLeft, offsetParent, offsetTop };

package/dist/esm/conditionalSlot-c7049691.js

@@ -1,55 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.0-next.8
- */
-import { f as forceUpdate } from './index-2c16d260.js';
-import { c as createObserver } from './observers-1d7af8ef.js';
-
-const observed = new Set();
-let mutationObserver;
-const observerOptions = { childList: true };
-/**
- * Helper to set up a conditional slot component on connectedCallback.
- *
- * @param component
- * @deprecated Use `onSlotchange` event with `slotChangeHasAssignedElement` DOM utility instead.
- *
- * ```
- * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}
- * ```
- */
-function connectConditionalSlotComponent(component) {
-  if (!mutationObserver) {
-    mutationObserver = createObserver("mutation", processMutations);
-  }
-  mutationObserver.observe(component.el, observerOptions);
-}
-/**
- * Helper to tear down a conditional slot component on disconnectedCallback.
- *
- * @param component
- * @deprecated Use `onSlotchange` event with `slotChangeHasAssignedElement` DOM utility instead.
- *
- * ```
- * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}
- * ```
- */
-function disconnectConditionalSlotComponent(component) {
-  observed.delete(component.el);
-  // we explicitly process queued mutations and disconnect and reconnect
-  // the observer until MutationObserver gets an `unobserve` method
-  // see https://github.com/whatwg/dom/issues/126
-  processMutations(mutationObserver.takeRecords());
-  mutationObserver.disconnect();
-  for (const [element] of observed.entries()) {
-    mutationObserver.observe(element, observerOptions);
-  }
-}
-function processMutations(mutations) {
-  mutations.forEach(({ target }) => {
-    forceUpdate(target);
-  });
-}
-
-export { connectConditionalSlotComponent as c, disconnectConditionalSlotComponent as d };