@esri/solutions-components 0.3.6 → 0.3.7

package/dist/solutions-components/p-83166522.js

@@ -3,9 +3,212 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import{C as n}from"./p-729708a3.js";import{g as t}from"./p-a80b3880.js";
+import { C as CSS_UTILITY } from './p-729708a3.js';
+import { g as guid } from './p-a80b3880.js';
+
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  * v1.0.0-beta.97
- */function r(n){return n?n.id=n.id||`${n.tagName.toLowerCase()}-${t()}`:""}function u(n){return Array.isArray(n)?n:Array.from(n)}function o(t){const r=a(t,`.${n.darkTheme}, .${n.lightTheme}`);return(null==r?void 0:r.classList.contains("calcite-theme-dark"))?"dark":"light"}function i(n){const t=a(n,"[dir]");return t?t.getAttribute("dir"):"ltr"}function l(n,t,r){const u=n.closest(`[${t}]`);return u?u.getAttribute(t):r}function e(n){return n.getRootNode()}function c(n){return n.host||null}function s(n,{selector:t,id:r}){return function n(u){if(!u)return null;u.assignedSlot&&(u=u.assignedSlot);const o=e(u),i=r?"getElementById"in o?o.getElementById(r):null:t?o.querySelector(t):null,l=c(o);return i||(l?n(l):null)}(n)}function a(n,t){return function n(r){return r?r.closest(t)||n(c(e(r))):null}(n)}function f(n,t){return d(n,t)}function d(n,t){if(!n)return;const r=t(n);if(void 0!==r)return r;const{parentNode:u}=n;return d(u instanceof ShadowRoot?u.host:u,t)}function v(n,t){return!!f(t,(t=>t===n||void 0))}function y(n){return"function"==typeof(null==n?void 0:n.setFocus)}async function p(n){if(n)return y(n)?n.setFocus():n.focus()}const A=":not([slot])";function m(n,t,r){t&&!Array.isArray(t)&&"string"!=typeof t&&(r=t,t=null);const u=t?Array.isArray(t)?t.map((n=>`[slot="${n}"]`)).join(","):`[slot="${t}"]`:A;return(null==r?void 0:r.all)?function(n,t,r){let u=t===A?$(n,A):Array.from(n.querySelectorAll(t));u=r&&!1===r.direct?u:u.filter((t=>t.parentElement===n)),u=(null==r?void 0:r.matches)?u.filter((n=>null==n?void 0:n.matches(r.matches))):u;const o=null==r?void 0:r.selector;return o?u.map((n=>Array.from(n.querySelectorAll(o)))).reduce(((n,t)=>[...n,...t]),[]).filter((n=>!!n)):u}(n,u,r):function(n,t,r){let u=t===A?$(n,A)[0]||null:n.querySelector(t);u=r&&!1===r.direct||(null==u?void 0:u.parentElement)===n?u:null,u=(null==r?void 0:r.matches)?(null==u?void 0:u.matches(r.matches))?u:null:u;const o=null==r?void 0:r.selector;return o?null==u?void 0:u.querySelector(o):u}(n,u,r)}function $(n,t){return n?Array.from(n.children||[]).filter((n=>null==n?void 0:n.matches(t))):[]}function g(n,t){return Array.from(n.children).filter((n=>n.matches(t)))}function h(n,t,r){return"string"==typeof t&&""!==t?t:""===t?n[r]:void 0}function j(n,t){return!(t.left>n.right||t.right<n.left||t.top>n.bottom||t.bottom<n.top)}function k(n){return Boolean(n).toString()}function b(n){return!(!n.isPrimary||0!==n.button)}export{m as a,i as b,a as c,v as d,o as e,p as f,l as g,j as h,b as i,g as j,r as k,y as l,e as m,u as n,s as q,h as s,k as t}
+ */
+/**
+ * This helper will guarantee an ID on the provided element.
+ *
+ * If it already has an ID, it will be preserved, otherwise a unique one will be generated and assigned.
+ *
+ * @param el
+ * @returns {string} The element's ID.
+ */
+function ensureId(el) {
+  if (!el) {
+    return "";
+  }
+  return (el.id = el.id || `${el.tagName.toLowerCase()}-${guid()}`);
+}
+function nodeListToArray(nodeList) {
+  return Array.isArray(nodeList) ? nodeList : Array.from(nodeList);
+}
+function getThemeName(el) {
+  const closestElWithTheme = closestElementCrossShadowBoundary(el, `.${CSS_UTILITY.darkTheme}, .${CSS_UTILITY.lightTheme}`);
+  return (closestElWithTheme === null || closestElWithTheme === void 0 ? void 0 : closestElWithTheme.classList.contains("calcite-theme-dark")) ? "dark" : "light";
+}
+function getElementDir(el) {
+  const prop = "dir";
+  const selector = `[${prop}]`;
+  const closest = closestElementCrossShadowBoundary(el, selector);
+  return closest ? closest.getAttribute(prop) : "ltr";
+}
+function getElementProp(el, prop, fallbackValue) {
+  const selector = `[${prop}]`;
+  const closest = el.closest(selector);
+  return closest ? closest.getAttribute(prop) : fallbackValue;
+}
+function getRootNode(el) {
+  return el.getRootNode();
+}
+function getHost(root) {
+  return root.host || null;
+}
+/**
+ * This helper queries an element's rootNode and any ancestor rootNodes.
+ *
+ * If both an 'id' and 'selector' are supplied, 'id' will take precedence over 'selector'.
+ *
+ * @param element
+ * @param root0
+ * @param root0.selector
+ * @param root0.id
+ * @returns {Element} The element.
+ */
+function queryElementRoots(element, { selector, id }) {
+  // Gets the rootNode and any ancestor rootNodes (shadowRoot or document) of an element and queries them for a selector.
+  // Based on: https://stackoverflow.com/q/54520554/194216
+  function queryFrom(el) {
+    if (!el) {
+      return null;
+    }
+    if (el.assignedSlot) {
+      el = el.assignedSlot;
+    }
+    const rootNode = getRootNode(el);
+    const found = id
+      ? "getElementById" in rootNode
+        ? /*
+          Check to make sure 'getElementById' exists in cases where element is no longer connected to the DOM and getRootNode() returns the element.
+          https://github.com/Esri/calcite-components/pull/4280
+           */
+          rootNode.getElementById(id)
+        : null
+      : selector
+        ? rootNode.querySelector(selector)
+        : null;
+    const host = getHost(rootNode);
+    return found ? found : host ? queryFrom(host) : null;
+  }
+  return queryFrom(element);
+}
+function closestElementCrossShadowBoundary(element, selector) {
+  // based on https://stackoverflow.com/q/54520554/194216
+  function closestFrom(el) {
+    return el ? el.closest(selector) || closestFrom(getHost(getRootNode(el))) : null;
+  }
+  return closestFrom(element);
+}
+/**
+ * This utility helps invoke a callback as it traverses a node and its ancestors until reaching the root document.
+ *
+ * Returning early or undefined in `onVisit` will continue traversing up the DOM tree. Otherwise, traversal will halt with the returned value as the result of the function
+ *
+ * @param element
+ * @param onVisit
+ */
+function walkUpAncestry(element, onVisit) {
+  return visit(element, onVisit);
+}
+function visit(node, onVisit) {
+  if (!node) {
+    return;
+  }
+  const result = onVisit(node);
+  if (result !== undefined) {
+    return result;
+  }
+  const { parentNode } = node;
+  return visit(parentNode instanceof ShadowRoot ? parentNode.host : parentNode, onVisit);
+}
+function containsCrossShadowBoundary(element, maybeDescendant) {
+  return !!walkUpAncestry(maybeDescendant, (node) => (node === element ? true : undefined));
+}
+function isCalciteFocusable(el) {
+  return typeof (el === null || el === void 0 ? void 0 : el.setFocus) === "function";
+}
+async function focusElement(el) {
+  if (!el) {
+    return;
+  }
+  return isCalciteFocusable(el) ? el.setFocus() : el.focus();
+}
+const defaultSlotSelector = ":not([slot])";
+function getSlotted(element, slotName, options) {
+  if (slotName && !Array.isArray(slotName) && typeof slotName !== "string") {
+    options = slotName;
+    slotName = null;
+  }
+  const slotSelector = slotName
+    ? Array.isArray(slotName)
+      ? slotName.map((name) => `[slot="${name}"]`).join(",")
+      : `[slot="${slotName}"]`
+    : defaultSlotSelector;
+  if (options === null || options === void 0 ? void 0 : options.all) {
+    return queryMultiple(element, slotSelector, options);
+  }
+  return querySingle(element, slotSelector, options);
+}
+function getDirectChildren(el, selector) {
+  return el ? Array.from(el.children || []).filter((child) => child === null || child === void 0 ? void 0 : child.matches(selector)) : [];
+}
+function queryMultiple(element, slotSelector, options) {
+  let matches = slotSelector === defaultSlotSelector
+    ? getDirectChildren(element, defaultSlotSelector)
+    : Array.from(element.querySelectorAll(slotSelector));
+  matches = options && options.direct === false ? matches : matches.filter((el) => el.parentElement === element);
+  matches = (options === null || options === void 0 ? void 0 : options.matches) ? matches.filter((el) => el === null || el === void 0 ? void 0 : el.matches(options.matches)) : matches;
+  const selector = options === null || options === void 0 ? void 0 : options.selector;
+  return selector
+    ? matches
+      .map((item) => Array.from(item.querySelectorAll(selector)))
+      .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], [])
+      .filter((match) => !!match)
+    : matches;
+}
+function querySingle(element, slotSelector, options) {
+  let match = slotSelector === defaultSlotSelector
+    ? getDirectChildren(element, defaultSlotSelector)[0] || null
+    : element.querySelector(slotSelector);
+  match = options && options.direct === false ? match : (match === null || match === void 0 ? void 0 : match.parentElement) === element ? match : null;
+  match = (options === null || options === void 0 ? void 0 : options.matches) ? ((match === null || match === void 0 ? void 0 : match.matches(options.matches)) ? match : null) : match;
+  const selector = options === null || options === void 0 ? void 0 : options.selector;
+  return selector ? match === null || match === void 0 ? void 0 : match.querySelector(selector) : match;
+}
+function filterDirectChildren(el, selector) {
+  return Array.from(el.children).filter((child) => child.matches(selector));
+}
+// set a default icon from a defined set or allow an override with an icon name string
+function setRequestedIcon(iconObject, iconValue, matchedValue) {
+  if (typeof iconValue === "string" && iconValue !== "") {
+    return iconValue;
+  }
+  else if (iconValue === "") {
+    return iconObject[matchedValue];
+  }
+}
+function intersects(rect1, rect2) {
+  return !(rect2.left > rect1.right ||
+    rect2.right < rect1.left ||
+    rect2.top > rect1.bottom ||
+    rect2.bottom < rect1.top);
+}
+/**
+ * This helper makes sure that boolean aria attributes are properly converted to a string.
+ *
+ * It should only be used for aria attributes that require a string value of "true" or "false".
+ *
+ * @param value
+ * @returns {string} The string conversion of a boolean value ("true" | "false").
+ */
+function toAriaBoolean(value) {
+  return Boolean(value).toString();
+}
+/**
+ * This helper returns true if the pointer event fired from the primary button of the device.
+ *
+ * See https://www.w3.org/TR/pointerevents/#the-button-property.
+ *
+ * @param event
+ * @returns {boolean}
+ */
+function isPrimaryPointerButton(event) {
+  return !!(event.isPrimary && event.button === 0);
+}
+
+export { getSlotted as a, getElementDir as b, closestElementCrossShadowBoundary as c, containsCrossShadowBoundary as d, getThemeName as e, focusElement as f, getElementProp as g, intersects as h, isPrimaryPointerButton as i, filterDirectChildren as j, ensureId as k, isCalciteFocusable as l, getRootNode as m, nodeListToArray as n, queryElementRoots as q, setRequestedIcon as s, toAriaBoolean as t };

package/dist/solutions-components/p-83bd1991.entry.js

@@ -0,0 +1,36 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, h } from './p-c023e6a1.js';
+
+const tooltipManagerCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:block}";
+
+const TooltipManager = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    // --------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    // --------------------------------------------------------------------------
+    /**
+     * CSS Selector to match reference elements for tooltips. Reference elements will be identified by this selector in order to open their associated tooltip.
+     *
+     * @default `[data-calcite-tooltip-reference]`
+     */
+    this.selector = "[data-calcite-tooltip-reference]";
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    return h("slot", null);
+  }
+};
+TooltipManager.style = tooltipManagerCss;
+
+export { TooltipManager as calcite_tooltip_manager };