@esri/calcite-components 2.9.0-next.2 → 2.9.0-next.20

package/dist/calcite/p-521dd844.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["candidateSelectors","candidateSelector","join","NoElement","Element","matches","prototype","msMatchesSelector","webkitMatchesSelector","getRootNode","element","_element$getRootNode","call","ownerDocument","isInert","node","lookUp","_node$getAttribute","inertAtt","getAttribute","inert","result","parentNode","isContentEditable","_node$getAttribute2","attValue","getCandidates","el","includeContainer","filter","candidates","Array","slice","apply","querySelectorAll","unshift","getCandidatesIteratively","elements","options","elementsToCheck","from","length","shift","tagName","assigned","assignedElements","content","children","nestedCandidates","flatten","push","scopeParent","validCandidate","includes","shadowRoot","getShadowRoot","validShadowRoot","shadowRootFilter","_nestedCandidates","hasTabIndex","isNaN","parseInt","getTabIndex","Error","tabIndex","test","getSortOrderTabIndex","isScope","sortOrderedTabbables","a","b","documentOrder","isInput","isHiddenInput","type","isDetailsWithSummary","r","some","child","getCheckedRadio","nodes","form","i","checked","isTabbableRadio","name","radioScope","queryRadios","radioSet","window","CSS","escape","err","console","error","message","isRadio","isNonTabbableRadio","isNodeAttached","_nodeRoot","nodeRoot","nodeRootHost","host","attached","_nodeRootHost","_nodeRootHost$ownerDo","_node$ownerDocument","contains","_nodeRoot2","_nodeRootHost2","_nodeRootHost2$ownerD","isZeroArea","_node$getBoundingClie","getBoundingClientRect","width","height","isHidden","_ref","displayCheck","getComputedStyle","visibility","isDirectSummary","nodeUnderDetails","parentElement","originalNode","rootNode","assignedSlot","getClientRects","isDisabledFromFieldset","disabled","item","isNodeMatchingSelectorFocusable","isNodeMatchingSelectorTabbable","isValidShadowRootTabbable","shadowHostNode","sortByOrder","regularTabbables","orderedTabbables","forEach","candidateTabindex","sort","reduce","acc","sortable","concat","tabbable","container","bind","focusable","isTabbable","focusableCandidateSelector","isFocusable","tabbableOptions","ensureId","id","toLowerCase","guid","nodeListToArray","nodeList","isArray","getModeName","closestElWithMode","closestElementCrossShadowBoundary","CSS_UTILITY","darkMode","lightMode","classList","getElementDir","prop","selector","closest","getElementWidth","parseFloat","inlineSize","getShadowRootNode","getTextWidth","text","font","canvas","document","createElement","context","getContext","measureText","getHost","root","queryElementRoots","queryFrom","found","getElementById","querySelector","closestFrom","walkUpAncestry","onVisit","visit","undefined","ShadowRoot","containsCrossShadowBoundary","maybeDescendant","isCalciteFocusable","setFocus","async","focusElement","focus","getFirstTabbable","focusFirstTabbable","defaultSlotSelector","getSlotted","slotName","slotSelector","map","all","queryMultiple","querySingle","getDirectChildren","direct","previousValue","currentValue","match","filterDirectChildren","setRequestedIcon","iconObject","iconValue","matchedValue","intersects","rect1","rect2","left","right","top","bottom","toAriaBoolean","value","Boolean","toString","slotChangeHasContent","event","slotChangeHasAssignedElement","slotChangeHasTextContent","slotChangeGetTextContent","slotChangeGetAssignedNodes","nodeType","Node","TEXT_NODE","textContent","trim","target","assignedNodes","slotChangeGetAssignedElements","isPrimaryPointerButton","isPrimary","button","isKeyboardTriggeredClick","detail","focusElementInGroup","currentElement","destination","cycle","currentIndex","indexOf","isFirstItem","isLastItem","focusTarget","isBefore"],"sources":["../../node_modules/tabbable/dist/index.esm.js","src/utils/dom.ts"],"sourcesContent":["/*!\n* tabbable 6.2.0\n* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE\n*/\n// NOTE: separate `:not()` selectors has broader browser support than the newer\n//  `:not([inert], [inert] *)` (Feb 2023)\n// CAREFUL: JSDom does not support `:not([inert] *)` as a selector; using it causes\n//  the entire query to fail, resulting in no nodes found, which will break a lot\n//  of things... so we have to rely on JS to identify nodes inside an inert container\nvar candidateSelectors = ['input:not([inert])', 'select:not([inert])', 'textarea:not([inert])', 'a[href]:not([inert])', 'button:not([inert])', '[tabindex]:not(slot):not([inert])', 'audio[controls]:not([inert])', 'video[controls]:not([inert])', '[contenteditable]:not([contenteditable=\"false\"]):not([inert])', 'details>summary:first-of-type:not([inert])', 'details:not([inert])'];\nvar candidateSelector = /* #__PURE__ */candidateSelectors.join(',');\nvar NoElement = typeof Element === 'undefined';\nvar matches = NoElement ? function () {} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;\nvar getRootNode = !NoElement && Element.prototype.getRootNode ? function (element) {\n  var _element$getRootNode;\n  return element === null || element === void 0 ? void 0 : (_element$getRootNode = element.getRootNode) === null || _element$getRootNode === void 0 ? void 0 : _element$getRootNode.call(element);\n} : function (element) {\n  return element === null || element === void 0 ? void 0 : element.ownerDocument;\n};\n\n/**\n * Determines if a node is inert or in an inert ancestor.\n * @param {Element} [node]\n * @param {boolean} [lookUp] If true and `node` is not inert, looks up at ancestors to\n *  see if any of them are inert. If false, only `node` itself is considered.\n * @returns {boolean} True if inert itself or by way of being in an inert ancestor.\n *  False if `node` is falsy.\n */\nvar isInert = function isInert(node, lookUp) {\n  var _node$getAttribute;\n  if (lookUp === void 0) {\n    lookUp = true;\n  }\n  // CAREFUL: JSDom does not support inert at all, so we can't use the `HTMLElement.inert`\n  //  JS API property; we have to check the attribute, which can either be empty or 'true';\n  //  if it's `null` (not specified) or 'false', it's an active element\n  var inertAtt = node === null || node === void 0 ? void 0 : (_node$getAttribute = node.getAttribute) === null || _node$getAttribute === void 0 ? void 0 : _node$getAttribute.call(node, 'inert');\n  var inert = inertAtt === '' || inertAtt === 'true';\n\n  // NOTE: this could also be handled with `node.matches('[inert], :is([inert] *)')`\n  //  if it weren't for `matches()` not being a function on shadow roots; the following\n  //  code works for any kind of node\n  // CAREFUL: JSDom does not appear to support certain selectors like `:not([inert] *)`\n  //  so it likely would not support `:is([inert] *)` either...\n  var result = inert || lookUp && node && isInert(node.parentNode); // recursive\n\n  return result;\n};\n\n/**\n * Determines if a node's content is editable.\n * @param {Element} [node]\n * @returns True if it's content-editable; false if it's not or `node` is falsy.\n */\nvar isContentEditable = function isContentEditable(node) {\n  var _node$getAttribute2;\n  // CAREFUL: JSDom does not support the `HTMLElement.isContentEditable` API so we have\n  //  to use the attribute directly to check for this, which can either be empty or 'true';\n  //  if it's `null` (not specified) or 'false', it's a non-editable element\n  var attValue = node === null || node === void 0 ? void 0 : (_node$getAttribute2 = node.getAttribute) === null || _node$getAttribute2 === void 0 ? void 0 : _node$getAttribute2.call(node, 'contenteditable');\n  return attValue === '' || attValue === 'true';\n};\n\n/**\n * @param {Element} el container to check in\n * @param {boolean} includeContainer add container to check\n * @param {(node: Element) => boolean} filter filter candidates\n * @returns {Element[]}\n */\nvar getCandidates = function getCandidates(el, includeContainer, filter) {\n  // even if `includeContainer=false`, we still have to check it for inertness because\n  //  if it's inert, all its children are inert\n  if (isInert(el)) {\n    return [];\n  }\n  var candidates = Array.prototype.slice.apply(el.querySelectorAll(candidateSelector));\n  if (includeContainer && matches.call(el, candidateSelector)) {\n    candidates.unshift(el);\n  }\n  candidates = candidates.filter(filter);\n  return candidates;\n};\n\n/**\n * @callback GetShadowRoot\n * @param {Element} element to check for shadow root\n * @returns {ShadowRoot|boolean} ShadowRoot if available or boolean indicating if a shadowRoot is attached but not available.\n */\n\n/**\n * @callback ShadowRootFilter\n * @param {Element} shadowHostNode the element which contains shadow content\n * @returns {boolean} true if a shadow root could potentially contain valid candidates.\n */\n\n/**\n * @typedef {Object} CandidateScope\n * @property {Element} scopeParent contains inner candidates\n * @property {Element[]} candidates list of candidates found in the scope parent\n */\n\n/**\n * @typedef {Object} IterativeOptions\n * @property {GetShadowRoot|boolean} getShadowRoot true if shadow support is enabled; falsy if not;\n *  if a function, implies shadow support is enabled and either returns the shadow root of an element\n *  or a boolean stating if it has an undisclosed shadow root\n * @property {(node: Element) => boolean} filter filter candidates\n * @property {boolean} flatten if true then result will flatten any CandidateScope into the returned list\n * @property {ShadowRootFilter} shadowRootFilter filter shadow roots;\n */\n\n/**\n * @param {Element[]} elements list of element containers to match candidates from\n * @param {boolean} includeContainer add container list to check\n * @param {IterativeOptions} options\n * @returns {Array.<Element|CandidateScope>}\n */\nvar getCandidatesIteratively = function getCandidatesIteratively(elements, includeContainer, options) {\n  var candidates = [];\n  var elementsToCheck = Array.from(elements);\n  while (elementsToCheck.length) {\n    var element = elementsToCheck.shift();\n    if (isInert(element, false)) {\n      // no need to look up since we're drilling down\n      // anything inside this container will also be inert\n      continue;\n    }\n    if (element.tagName === 'SLOT') {\n      // add shadow dom slot scope (slot itself cannot be focusable)\n      var assigned = element.assignedElements();\n      var content = assigned.length ? assigned : element.children;\n      var nestedCandidates = getCandidatesIteratively(content, true, options);\n      if (options.flatten) {\n        candidates.push.apply(candidates, nestedCandidates);\n      } else {\n        candidates.push({\n          scopeParent: element,\n          candidates: nestedCandidates\n        });\n      }\n    } else {\n      // check candidate element\n      var validCandidate = matches.call(element, candidateSelector);\n      if (validCandidate && options.filter(element) && (includeContainer || !elements.includes(element))) {\n        candidates.push(element);\n      }\n\n      // iterate over shadow content if possible\n      var shadowRoot = element.shadowRoot ||\n      // check for an undisclosed shadow\n      typeof options.getShadowRoot === 'function' && options.getShadowRoot(element);\n\n      // no inert look up because we're already drilling down and checking for inertness\n      //  on the way down, so all containers to this root node should have already been\n      //  vetted as non-inert\n      var validShadowRoot = !isInert(shadowRoot, false) && (!options.shadowRootFilter || options.shadowRootFilter(element));\n      if (shadowRoot && validShadowRoot) {\n        // add shadow dom scope IIF a shadow root node was given; otherwise, an undisclosed\n        //  shadow exists, so look at light dom children as fallback BUT create a scope for any\n        //  child candidates found because they're likely slotted elements (elements that are\n        //  children of the web component element (which has the shadow), in the light dom, but\n        //  slotted somewhere _inside_ the undisclosed shadow) -- the scope is created below,\n        //  _after_ we return from this recursive call\n        var _nestedCandidates = getCandidatesIteratively(shadowRoot === true ? element.children : shadowRoot.children, true, options);\n        if (options.flatten) {\n          candidates.push.apply(candidates, _nestedCandidates);\n        } else {\n          candidates.push({\n            scopeParent: element,\n            candidates: _nestedCandidates\n          });\n        }\n      } else {\n        // there's not shadow so just dig into the element's (light dom) children\n        //  __without__ giving the element special scope treatment\n        elementsToCheck.unshift.apply(elementsToCheck, element.children);\n      }\n    }\n  }\n  return candidates;\n};\n\n/**\n * @private\n * Determines if the node has an explicitly specified `tabindex` attribute.\n * @param {HTMLElement} node\n * @returns {boolean} True if so; false if not.\n */\nvar hasTabIndex = function hasTabIndex(node) {\n  return !isNaN(parseInt(node.getAttribute('tabindex'), 10));\n};\n\n/**\n * Determine the tab index of a given node.\n * @param {HTMLElement} node\n * @returns {number} Tab order (negative, 0, or positive number).\n * @throws {Error} If `node` is falsy.\n */\nvar getTabIndex = function getTabIndex(node) {\n  if (!node) {\n    throw new Error('No node provided');\n  }\n  if (node.tabIndex < 0) {\n    // in Chrome, <details/>, <audio controls/> and <video controls/> elements get a default\n    // `tabIndex` of -1 when the 'tabindex' attribute isn't specified in the DOM,\n    // yet they are still part of the regular tab order; in FF, they get a default\n    // `tabIndex` of 0; since Chrome still puts those elements in the regular tab\n    // order, consider their tab index to be 0.\n    // Also browsers do not return `tabIndex` correctly for contentEditable nodes;\n    // so if they don't have a tabindex attribute specifically set, assume it's 0.\n    if ((/^(AUDIO|VIDEO|DETAILS)$/.test(node.tagName) || isContentEditable(node)) && !hasTabIndex(node)) {\n      return 0;\n    }\n  }\n  return node.tabIndex;\n};\n\n/**\n * Determine the tab index of a given node __for sort order purposes__.\n * @param {HTMLElement} node\n * @param {boolean} [isScope] True for a custom element with shadow root or slot that, by default,\n *  has tabIndex -1, but needs to be sorted by document order in order for its content to be\n *  inserted into the correct sort position.\n * @returns {number} Tab order (negative, 0, or positive number).\n */\nvar getSortOrderTabIndex = function getSortOrderTabIndex(node, isScope) {\n  var tabIndex = getTabIndex(node);\n  if (tabIndex < 0 && isScope && !hasTabIndex(node)) {\n    return 0;\n  }\n  return tabIndex;\n};\nvar sortOrderedTabbables = function sortOrderedTabbables(a, b) {\n  return a.tabIndex === b.tabIndex ? a.documentOrder - b.documentOrder : a.tabIndex - b.tabIndex;\n};\nvar isInput = function isInput(node) {\n  return node.tagName === 'INPUT';\n};\nvar isHiddenInput = function isHiddenInput(node) {\n  return isInput(node) && node.type === 'hidden';\n};\nvar isDetailsWithSummary = function isDetailsWithSummary(node) {\n  var r = node.tagName === 'DETAILS' && Array.prototype.slice.apply(node.children).some(function (child) {\n    return child.tagName === 'SUMMARY';\n  });\n  return r;\n};\nvar getCheckedRadio = function getCheckedRadio(nodes, form) {\n  for (var i = 0; i < nodes.length; i++) {\n    if (nodes[i].checked && nodes[i].form === form) {\n      return nodes[i];\n    }\n  }\n};\nvar isTabbableRadio = function isTabbableRadio(node) {\n  if (!node.name) {\n    return true;\n  }\n  var radioScope = node.form || getRootNode(node);\n  var queryRadios = function queryRadios(name) {\n    return radioScope.querySelectorAll('input[type=\"radio\"][name=\"' + name + '\"]');\n  };\n  var radioSet;\n  if (typeof window !== 'undefined' && typeof window.CSS !== 'undefined' && typeof window.CSS.escape === 'function') {\n    radioSet = queryRadios(window.CSS.escape(node.name));\n  } else {\n    try {\n      radioSet = queryRadios(node.name);\n    } catch (err) {\n      // eslint-disable-next-line no-console\n      console.error('Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s', err.message);\n      return false;\n    }\n  }\n  var checked = getCheckedRadio(radioSet, node.form);\n  return !checked || checked === node;\n};\nvar isRadio = function isRadio(node) {\n  return isInput(node) && node.type === 'radio';\n};\nvar isNonTabbableRadio = function isNonTabbableRadio(node) {\n  return isRadio(node) && !isTabbableRadio(node);\n};\n\n// determines if a node is ultimately attached to the window's document\nvar isNodeAttached = function isNodeAttached(node) {\n  var _nodeRoot;\n  // The root node is the shadow root if the node is in a shadow DOM; some document otherwise\n  //  (but NOT _the_ document; see second 'If' comment below for more).\n  // If rootNode is shadow root, it'll have a host, which is the element to which the shadow\n  //  is attached, and the one we need to check if it's in the document or not (because the\n  //  shadow, and all nodes it contains, is never considered in the document since shadows\n  //  behave like self-contained DOMs; but if the shadow's HOST, which is part of the document,\n  //  is hidden, or is not in the document itself but is detached, it will affect the shadow's\n  //  visibility, including all the nodes it contains). The host could be any normal node,\n  //  or a custom element (i.e. web component). Either way, that's the one that is considered\n  //  part of the document, not the shadow root, nor any of its children (i.e. the node being\n  //  tested).\n  // To further complicate things, we have to look all the way up until we find a shadow HOST\n  //  that is attached (or find none) because the node might be in nested shadows...\n  // If rootNode is not a shadow root, it won't have a host, and so rootNode should be the\n  //  document (per the docs) and while it's a Document-type object, that document does not\n  //  appear to be the same as the node's `ownerDocument` for some reason, so it's safer\n  //  to ignore the rootNode at this point, and use `node.ownerDocument`. Otherwise,\n  //  using `rootNode.contains(node)` will _always_ be true we'll get false-positives when\n  //  node is actually detached.\n  // NOTE: If `nodeRootHost` or `node` happens to be the `document` itself (which is possible\n  //  if a tabbable/focusable node was quickly added to the DOM, focused, and then removed\n  //  from the DOM as in https://github.com/focus-trap/focus-trap-react/issues/905), then\n  //  `ownerDocument` will be `null`, hence the optional chaining on it.\n  var nodeRoot = node && getRootNode(node);\n  var nodeRootHost = (_nodeRoot = nodeRoot) === null || _nodeRoot === void 0 ? void 0 : _nodeRoot.host;\n\n  // in some cases, a detached node will return itself as the root instead of a document or\n  //  shadow root object, in which case, we shouldn't try to look further up the host chain\n  var attached = false;\n  if (nodeRoot && nodeRoot !== node) {\n    var _nodeRootHost, _nodeRootHost$ownerDo, _node$ownerDocument;\n    attached = !!((_nodeRootHost = nodeRootHost) !== null && _nodeRootHost !== void 0 && (_nodeRootHost$ownerDo = _nodeRootHost.ownerDocument) !== null && _nodeRootHost$ownerDo !== void 0 && _nodeRootHost$ownerDo.contains(nodeRootHost) || node !== null && node !== void 0 && (_node$ownerDocument = node.ownerDocument) !== null && _node$ownerDocument !== void 0 && _node$ownerDocument.contains(node));\n    while (!attached && nodeRootHost) {\n      var _nodeRoot2, _nodeRootHost2, _nodeRootHost2$ownerD;\n      // since it's not attached and we have a root host, the node MUST be in a nested shadow DOM,\n      //  which means we need to get the host's host and check if that parent host is contained\n      //  in (i.e. attached to) the document\n      nodeRoot = getRootNode(nodeRootHost);\n      nodeRootHost = (_nodeRoot2 = nodeRoot) === null || _nodeRoot2 === void 0 ? void 0 : _nodeRoot2.host;\n      attached = !!((_nodeRootHost2 = nodeRootHost) !== null && _nodeRootHost2 !== void 0 && (_nodeRootHost2$ownerD = _nodeRootHost2.ownerDocument) !== null && _nodeRootHost2$ownerD !== void 0 && _nodeRootHost2$ownerD.contains(nodeRootHost));\n    }\n  }\n  return attached;\n};\nvar isZeroArea = function isZeroArea(node) {\n  var _node$getBoundingClie = node.getBoundingClientRect(),\n    width = _node$getBoundingClie.width,\n    height = _node$getBoundingClie.height;\n  return width === 0 && height === 0;\n};\nvar isHidden = function isHidden(node, _ref) {\n  var displayCheck = _ref.displayCheck,\n    getShadowRoot = _ref.getShadowRoot;\n  // NOTE: visibility will be `undefined` if node is detached from the document\n  //  (see notes about this further down), which means we will consider it visible\n  //  (this is legacy behavior from a very long way back)\n  // NOTE: we check this regardless of `displayCheck=\"none\"` because this is a\n  //  _visibility_ check, not a _display_ check\n  if (getComputedStyle(node).visibility === 'hidden') {\n    return true;\n  }\n  var isDirectSummary = matches.call(node, 'details>summary:first-of-type');\n  var nodeUnderDetails = isDirectSummary ? node.parentElement : node;\n  if (matches.call(nodeUnderDetails, 'details:not([open]) *')) {\n    return true;\n  }\n  if (!displayCheck || displayCheck === 'full' || displayCheck === 'legacy-full') {\n    if (typeof getShadowRoot === 'function') {\n      // figure out if we should consider the node to be in an undisclosed shadow and use the\n      //  'non-zero-area' fallback\n      var originalNode = node;\n      while (node) {\n        var parentElement = node.parentElement;\n        var rootNode = getRootNode(node);\n        if (parentElement && !parentElement.shadowRoot && getShadowRoot(parentElement) === true // check if there's an undisclosed shadow\n        ) {\n          // node has an undisclosed shadow which means we can only treat it as a black box, so we\n          //  fall back to a non-zero-area test\n          return isZeroArea(node);\n        } else if (node.assignedSlot) {\n          // iterate up slot\n          node = node.assignedSlot;\n        } else if (!parentElement && rootNode !== node.ownerDocument) {\n          // cross shadow boundary\n          node = rootNode.host;\n        } else {\n          // iterate up normal dom\n          node = parentElement;\n        }\n      }\n      node = originalNode;\n    }\n    // else, `getShadowRoot` might be true, but all that does is enable shadow DOM support\n    //  (i.e. it does not also presume that all nodes might have undisclosed shadows); or\n    //  it might be a falsy value, which means shadow DOM support is disabled\n\n    // Since we didn't find it sitting in an undisclosed shadow (or shadows are disabled)\n    //  now we can just test to see if it would normally be visible or not, provided it's\n    //  attached to the main document.\n    // NOTE: We must consider case where node is inside a shadow DOM and given directly to\n    //  `isTabbable()` or `isFocusable()` -- regardless of `getShadowRoot` option setting.\n\n    if (isNodeAttached(node)) {\n      // this works wherever the node is: if there's at least one client rect, it's\n      //  somehow displayed; it also covers the CSS 'display: contents' case where the\n      //  node itself is hidden in place of its contents; and there's no need to search\n      //  up the hierarchy either\n      return !node.getClientRects().length;\n    }\n\n    // Else, the node isn't attached to the document, which means the `getClientRects()`\n    //  API will __always__ return zero rects (this can happen, for example, if React\n    //  is used to render nodes onto a detached tree, as confirmed in this thread:\n    //  https://github.com/facebook/react/issues/9117#issuecomment-284228870)\n    //\n    // It also means that even window.getComputedStyle(node).display will return `undefined`\n    //  because styles are only computed for nodes that are in the document.\n    //\n    // NOTE: THIS HAS BEEN THE CASE FOR YEARS. It is not new, nor is it caused by tabbable\n    //  somehow. Though it was never stated officially, anyone who has ever used tabbable\n    //  APIs on nodes in detached containers has actually implicitly used tabbable in what\n    //  was later (as of v5.2.0 on Apr 9, 2021) called `displayCheck=\"none\"` mode -- essentially\n    //  considering __everything__ to be visible because of the innability to determine styles.\n    //\n    // v6.0.0: As of this major release, the default 'full' option __no longer treats detached\n    //  nodes as visible with the 'none' fallback.__\n    if (displayCheck !== 'legacy-full') {\n      return true; // hidden\n    }\n    // else, fallback to 'none' mode and consider the node visible\n  } else if (displayCheck === 'non-zero-area') {\n    // NOTE: Even though this tests that the node's client rect is non-zero to determine\n    //  whether it's displayed, and that a detached node will __always__ have a zero-area\n    //  client rect, we don't special-case for whether the node is attached or not. In\n    //  this mode, we do want to consider nodes that have a zero area to be hidden at all\n    //  times, and that includes attached or not.\n    return isZeroArea(node);\n  }\n\n  // visible, as far as we can tell, or per current `displayCheck=none` mode, we assume\n  //  it's visible\n  return false;\n};\n\n// form fields (nested) inside a disabled fieldset are not focusable/tabbable\n//  unless they are in the _first_ <legend> element of the top-most disabled\n//  fieldset\nvar isDisabledFromFieldset = function isDisabledFromFieldset(node) {\n  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(node.tagName)) {\n    var parentNode = node.parentElement;\n    // check if `node` is contained in a disabled <fieldset>\n    while (parentNode) {\n      if (parentNode.tagName === 'FIELDSET' && parentNode.disabled) {\n        // look for the first <legend> among the children of the disabled <fieldset>\n        for (var i = 0; i < parentNode.children.length; i++) {\n          var child = parentNode.children.item(i);\n          // when the first <legend> (in document order) is found\n          if (child.tagName === 'LEGEND') {\n            // if its parent <fieldset> is not nested in another disabled <fieldset>,\n            // return whether `node` is a descendant of its first <legend>\n            return matches.call(parentNode, 'fieldset[disabled] *') ? true : !child.contains(node);\n          }\n        }\n        // the disabled <fieldset> containing `node` has no <legend>\n        return true;\n      }\n      parentNode = parentNode.parentElement;\n    }\n  }\n\n  // else, node's tabbable/focusable state should not be affected by a fieldset's\n  //  enabled/disabled state\n  return false;\n};\nvar isNodeMatchingSelectorFocusable = function isNodeMatchingSelectorFocusable(options, node) {\n  if (node.disabled ||\n  // we must do an inert look up to filter out any elements inside an inert ancestor\n  //  because we're limited in the type of selectors we can use in JSDom (see related\n  //  note related to `candidateSelectors`)\n  isInert(node) || isHiddenInput(node) || isHidden(node, options) ||\n  // For a details element with a summary, the summary element gets the focus\n  isDetailsWithSummary(node) || isDisabledFromFieldset(node)) {\n    return false;\n  }\n  return true;\n};\nvar isNodeMatchingSelectorTabbable = function isNodeMatchingSelectorTabbable(options, node) {\n  if (isNonTabbableRadio(node) || getTabIndex(node) < 0 || !isNodeMatchingSelectorFocusable(options, node)) {\n    return false;\n  }\n  return true;\n};\nvar isValidShadowRootTabbable = function isValidShadowRootTabbable(shadowHostNode) {\n  var tabIndex = parseInt(shadowHostNode.getAttribute('tabindex'), 10);\n  if (isNaN(tabIndex) || tabIndex >= 0) {\n    return true;\n  }\n  // If a custom element has an explicit negative tabindex,\n  // browsers will not allow tab targeting said element's children.\n  return false;\n};\n\n/**\n * @param {Array.<Element|CandidateScope>} candidates\n * @returns Element[]\n */\nvar sortByOrder = function sortByOrder(candidates) {\n  var regularTabbables = [];\n  var orderedTabbables = [];\n  candidates.forEach(function (item, i) {\n    var isScope = !!item.scopeParent;\n    var element = isScope ? item.scopeParent : item;\n    var candidateTabindex = getSortOrderTabIndex(element, isScope);\n    var elements = isScope ? sortByOrder(item.candidates) : element;\n    if (candidateTabindex === 0) {\n      isScope ? regularTabbables.push.apply(regularTabbables, elements) : regularTabbables.push(element);\n    } else {\n      orderedTabbables.push({\n        documentOrder: i,\n        tabIndex: candidateTabindex,\n        item: item,\n        isScope: isScope,\n        content: elements\n      });\n    }\n  });\n  return orderedTabbables.sort(sortOrderedTabbables).reduce(function (acc, sortable) {\n    sortable.isScope ? acc.push.apply(acc, sortable.content) : acc.push(sortable.content);\n    return acc;\n  }, []).concat(regularTabbables);\n};\nvar tabbable = function tabbable(container, options) {\n  options = options || {};\n  var candidates;\n  if (options.getShadowRoot) {\n    candidates = getCandidatesIteratively([container], options.includeContainer, {\n      filter: isNodeMatchingSelectorTabbable.bind(null, options),\n      flatten: false,\n      getShadowRoot: options.getShadowRoot,\n      shadowRootFilter: isValidShadowRootTabbable\n    });\n  } else {\n    candidates = getCandidates(container, options.includeContainer, isNodeMatchingSelectorTabbable.bind(null, options));\n  }\n  return sortByOrder(candidates);\n};\nvar focusable = function focusable(container, options) {\n  options = options || {};\n  var candidates;\n  if (options.getShadowRoot) {\n    candidates = getCandidatesIteratively([container], options.includeContainer, {\n      filter: isNodeMatchingSelectorFocusable.bind(null, options),\n      flatten: true,\n      getShadowRoot: options.getShadowRoot\n    });\n  } else {\n    candidates = getCandidates(container, options.includeContainer, isNodeMatchingSelectorFocusable.bind(null, options));\n  }\n  return candidates;\n};\nvar isTabbable = function isTabbable(node, options) {\n  options = options || {};\n  if (!node) {\n    throw new Error('No node provided');\n  }\n  if (matches.call(node, candidateSelector) === false) {\n    return false;\n  }\n  return isNodeMatchingSelectorTabbable(options, node);\n};\nvar focusableCandidateSelector = /* #__PURE__ */candidateSelectors.concat('iframe').join(',');\nvar isFocusable = function isFocusable(node, options) {\n  options = options || {};\n  if (!node) {\n    throw new Error('No node provided');\n  }\n  if (matches.call(node, focusableCandidateSelector) === false) {\n    return false;\n  }\n  return isNodeMatchingSelectorFocusable(options, node);\n};\n\nexport { focusable, getTabIndex, isFocusable, isTabbable, tabbable };\n//# sourceMappingURL=index.esm.js.map\n","import { tabbable } from \"tabbable\";\nimport { guid } from \"./guid\";\nimport { CSS_UTILITY } from \"./resources\";\n\n/**\n * The default `focus-trap/tabbable` options.\n *\n * See https://github.com/focus-trap/tabbable#tabbable\n */\nexport const tabbableOptions = {\n  getShadowRoot: true,\n};\n\n/**\n * This helper will guarantee an ID on the provided element.\n *\n * If it already has an ID, it will be preserved, otherwise a unique one will be generated and assigned.\n *\n * @param {Element} el An element.\n * @returns {string} The element's ID.\n */\nexport function ensureId(el: Element): string {\n  if (!el) {\n    return \"\";\n  }\n\n  return (el.id = el.id || `${el.tagName.toLowerCase()}-${guid()}`);\n}\n\n/**\n * This helper returns an array from a NodeList.\n *\n * @param {NodeList} nodeList A NodeList.\n * @returns {Element[]} An array of elements.\n */\nexport function nodeListToArray<T extends Element>(nodeList: HTMLCollectionOf<T> | NodeListOf<T> | T[]): T[] {\n  return Array.isArray(nodeList) ? nodeList : Array.from(nodeList);\n}\n\nexport type Direction = \"ltr\" | \"rtl\";\n\n/**\n * This helper returns the Calcite \"mode\" of an element.\n *\n * @param {HTMLElement} el An element.\n * @returns {\"light\"|\"dark\"} The Calcite mode.\n */\nexport function getModeName(el: HTMLElement): \"light\" | \"dark\" {\n  const closestElWithMode = closestElementCrossShadowBoundary(\n    el,\n    `.${CSS_UTILITY.darkMode}, .${CSS_UTILITY.lightMode}`,\n  );\n  return closestElWithMode?.classList.contains(\"calcite-mode-dark\") ? \"dark\" : \"light\";\n}\n\n/**\n * This helper returns the direction of a HTML element.\n *\n * @param {HTMLElement} el An element.\n * @returns {Direction} The direction.\n */\nexport function getElementDir(el: HTMLElement): Direction {\n  const prop = \"dir\";\n  const selector = `[${prop}]`;\n  const closest = closestElementCrossShadowBoundary(el, selector);\n  return closest ? (closest.getAttribute(prop) as Direction) : \"ltr\";\n}\n\n/**\n * This helper returns the value of an attribute on an element.\n *\n * @param {HTMLElement} el An element.\n * @param {string} attribute An attribute name.\n * @param {any} fallbackValue A fallback value.\n * @returns {any} The value.\n * @deprecated\n */\nexport function getElementProp(el: Element, attribute: string, fallbackValue: any): any {\n  const selector = `[${attribute}]`;\n  const closest = el.closest(selector);\n  return closest ? closest.getAttribute(attribute) : fallbackValue;\n}\n\n/**\n * This helper returns the computed width in pixels of a rendered HTMLElement.\n *\n * @param {HTMLElement} el An element.\n * @returns {number} The element's width.\n */\nexport function getElementWidth(el: HTMLElement): number {\n  if (!el) {\n    return 0;\n  }\n  return parseFloat(getComputedStyle(el).inlineSize);\n}\n\n/**\n * This helper returns the rootNode of an element.\n *\n * @param {Element} el An element.\n * @returns {Document|ShadowRoot} The element's root node.\n */\nexport function getRootNode(el: Element): Document | ShadowRoot {\n  return el.getRootNode() as Document | ShadowRoot;\n}\n\n/**\n * This helper returns the node's shadowRoot root node if it exists.\n *\n * @param {Element} el The element.\n * @returns {ShadowRoot|null} The element's root node ShadowRoot.\n */\nexport function getShadowRootNode(el: Element): ShadowRoot | null {\n  const rootNode = getRootNode(el);\n  return \"host\" in rootNode ? rootNode : null;\n}\n\n/**\n * This helper returns the computed width in pixels a given text string takes up on screen.\n *\n * See https://stackoverflow.com/questions/118241/calculate-text-width-with-javascript\n *\n * @param {string} text The string of text to measure.\n * @param {string} font The CSS font attribute's value, which should include size and face, e.g. \"12px Arial\".\n */\nexport function getTextWidth(text: string, font: string): number {\n  if (!text) {\n    return 0;\n  }\n  const canvas = document.createElement(\"canvas\");\n  const context = canvas.getContext(\"2d\");\n  context.font = font;\n  return context.measureText(text).width;\n}\n/**\n * This helper returns the host of a ShadowRoot.\n *\n * @param {Document | ShadowRoot} root A root element.\n * @returns {Element | null} The host element.\n */\nexport function getHost(root: Document | ShadowRoot): Element | null {\n  return (root as ShadowRoot).host || null;\n}\n\n/**\n * This helper queries an element's rootNode and any ancestor rootNodes.\n *\n * If both an 'id' and 'selector' are supplied, 'id' will take precedence over 'selector'.\n *\n * @param {Element} element An element.\n * @param root0\n * @param root0.selector\n * @param root0.id\n * @returns {Element} An element.\n */\nexport function queryElementRoots<T extends Element = Element>(\n  element: Element,\n  {\n    selector,\n    id,\n  }: {\n    selector?: string;\n    id?: string;\n  },\n): T | null {\n  // Gets the rootNode and any ancestor rootNodes (shadowRoot or document) of an element and queries them for a selector.\n  // Based on: https://stackoverflow.com/q/54520554/194216\n  function queryFrom<T extends Element = Element>(el: Element): T | null {\n    if (!el) {\n      return null;\n    }\n\n    if ((el as Slottable).assignedSlot) {\n      el = (el as Slottable).assignedSlot;\n    }\n\n    const rootNode = getRootNode(el);\n\n    const found = id\n      ? \"getElementById\" in rootNode\n        ? /*\n          Check to make sure 'getElementById' exists in cases where element is no longer connected to the DOM and getRootNode() returns the element.\n          https://github.com/Esri/calcite-design-system/pull/4280\n           */\n          (rootNode.getElementById(id) as Element as T)\n        : null\n      : selector\n        ? (rootNode.querySelector(selector) as T)\n        : null;\n\n    const host = getHost(rootNode);\n\n    return found ? found : host ? queryFrom(host) : null;\n  }\n\n  return queryFrom(element);\n}\n\n/**\n * This helper returns the closest element matching the selector by crossing he shadow boundary if necessary.\n *\n * @param {Element} element The starting element.\n * @param {string} selector The selector.\n * @returns {Element} The targeted element.\n */\nexport function closestElementCrossShadowBoundary<T extends Element = Element>(\n  element: Element,\n  selector: string,\n): T | null {\n  // based on https://stackoverflow.com/q/54520554/194216\n  function closestFrom<T extends Element = Element>(el: Element): T | null {\n    return el ? el.closest(selector) || closestFrom(getHost(getRootNode(el))) : null;\n  }\n\n  return closestFrom(element);\n}\n\n/**\n * This utility helps invoke a callback as it traverses a node and its ancestors until reaching the root document.\n *\n * 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\n *\n * @param {Element} element An element.\n * @param {(node: Node) => Element} onVisit The callback.\n * @returns {Element} The result.\n */\nexport function walkUpAncestry<T = any>(element: Element, onVisit: (node: Node) => T): T {\n  return visit(element, onVisit);\n}\n\nfunction visit<T = any>(node: Node, onVisit: (node: Node) => T): T {\n  if (!node) {\n    return;\n  }\n\n  const result = onVisit(node);\n  if (result !== undefined) {\n    return result;\n  }\n\n  const { parentNode } = node;\n\n  return visit(parentNode instanceof ShadowRoot ? parentNode.host : parentNode, onVisit);\n}\n\n/**\n * This helper returns true when an element has the descendant in question.\n *\n * @param {Element} element The starting element.\n * @param {Element} maybeDescendant The descendant.\n * @returns {boolean} The result.\n */\nexport function containsCrossShadowBoundary(element: Element, maybeDescendant: Element): boolean {\n  return !!walkUpAncestry(maybeDescendant, (node) => (node === element ? true : undefined));\n}\n\n/**\n * An element which may contain a `setFocus` method.\n */\nexport interface FocusableElement extends HTMLElement {\n  setFocus?: () => Promise<void>;\n}\n\n/**\n * This helper returns true when an element has a setFocus method.\n *\n * @param {Element} el An element.\n * @returns {boolean} The result.\n */\nexport function isCalciteFocusable(el: FocusableElement): boolean {\n  return typeof el?.setFocus === \"function\";\n}\n\n/**\n * This helper focuses an element using the `setFocus` method if available and falls back to using the `focus` method if not available.\n *\n * @param {Element} el An element.\n */\nexport async function focusElement(el: FocusableElement): Promise<void> {\n  if (!el) {\n    return;\n  }\n\n  return isCalciteFocusable(el) ? el.setFocus() : el.focus();\n}\n\n/**\n * Helper to get the first tabbable element.\n *\n * @param {HTMLElement} element The html element containing tabbable elements.\n * @returns the first tabbable element.\n */\nexport function getFirstTabbable(element: HTMLElement): HTMLElement {\n  if (!element) {\n    return;\n  }\n\n  return (tabbable(element, tabbableOptions)[0] ?? element) as HTMLElement;\n}\n\n/**\n * Helper to focus the first tabbable element.\n *\n * @param {HTMLElement} element The html element containing tabbable elements.\n */\nexport function focusFirstTabbable(element: HTMLElement): void {\n  getFirstTabbable(element)?.focus();\n}\n\ninterface GetSlottedOptions {\n  all?: boolean;\n  direct?: boolean;\n  matches?: string;\n  selector?: string;\n}\n\nconst defaultSlotSelector = \":not([slot])\";\n\n/**\n * Gets slotted elements for a named slot.\n *\n * @param {Element} element An element.\n * @param {string} slotName The slot name.\n * @param {GetSlottedOptions & { all: true }} options The options.\n * @returns {Element | Element[] | null} returns element(s) or null.\n * @deprecated Use `onSlotchange` event instead.\n *\n * ```\n * <slot onSlotchange={(event) => this.myElements = slotChangeGetAssignedElements(event)} />}\n * ```\n */\nexport function getSlotted<T extends Element = Element>(\n  element: Element,\n  slotName: string | string[] | (GetSlottedOptions & { all: true }),\n  options: GetSlottedOptions & { all: true },\n): T[];\nexport function getSlotted<T extends Element = Element>(\n  element: Element,\n  slotName?: string | string[] | GetSlottedOptions,\n  options?: GetSlottedOptions,\n): T | null;\nexport function getSlotted<T extends Element = Element>(\n  element: Element,\n  slotName?: string | string[] | GetSlottedOptions,\n  options?: GetSlottedOptions,\n): (T | null) | T[] {\n  if (slotName && !Array.isArray(slotName) && typeof slotName !== \"string\") {\n    options = slotName;\n    slotName = null;\n  }\n\n  const slotSelector = slotName\n    ? Array.isArray(slotName)\n      ? slotName.map((name) => `[slot=\"${name}\"]`).join(\",\")\n      : `[slot=\"${slotName}\"]`\n    : defaultSlotSelector;\n\n  if (options?.all) {\n    return queryMultiple<T>(element, slotSelector, options);\n  }\n\n  return querySingle<T>(element, slotSelector, options);\n}\n\nfunction getDirectChildren<T extends Element = Element>(el: Element, selector: string): T[] {\n  return el ? (Array.from(el.children || []) as T[]).filter((child) => child?.matches(selector)) : [];\n}\n\nfunction queryMultiple<T extends Element = Element>(\n  element: Element,\n  slotSelector: string,\n  options?: GetSlottedOptions,\n): T[] {\n  let matches =\n    slotSelector === defaultSlotSelector\n      ? getDirectChildren<T>(element, defaultSlotSelector)\n      : Array.from(element.querySelectorAll<T>(slotSelector));\n\n  matches = options && options.direct === false ? matches : matches.filter((el) => el.parentElement === element);\n\n  matches = options?.matches ? matches.filter((el) => el?.matches(options.matches)) : matches;\n\n  const selector = options?.selector;\n  return selector\n    ? matches\n        .map((item) => Array.from(item.querySelectorAll<T>(selector)))\n        .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], [])\n        .filter((match) => !!match)\n    : matches;\n}\n\nfunction querySingle<T extends Element = Element>(\n  element: Element,\n  slotSelector: string,\n  options?: GetSlottedOptions,\n): T | null {\n  let match =\n    slotSelector === defaultSlotSelector\n      ? getDirectChildren<T>(element, defaultSlotSelector)[0] || null\n      : element.querySelector<T>(slotSelector);\n\n  match = options && options.direct === false ? match : match?.parentElement === element ? match : null;\n\n  match = options?.matches ? (match?.matches(options.matches) ? match : null) : match;\n\n  const selector = options?.selector;\n  return selector ? match?.querySelector<T>(selector) : match;\n}\n\n/**\n * Filters direct children.\n *\n * @param {Element} el An element.\n * @param {string} selector The selector.\n * @returns {Element[]} An array of elements.\n */\nexport function filterDirectChildren<T extends Element>(el: Element, selector: string): T[] {\n  return Array.from(el.children).filter((child): child is T => child.matches(selector));\n}\n\n/**\n * Set a default icon from a defined set or allow an override with an icon name string\n *\n * @param {Record<string, string>} iconObject The icon object.\n * @param {string | boolean} iconValue The icon value.\n * @param {string} matchedValue The matched value.\n * @returns {string|undefined} The resulting icon value.\n */\nexport function setRequestedIcon(\n  iconObject: Record<string, string>,\n  iconValue: string | boolean,\n  matchedValue: string,\n): string | undefined {\n  if (typeof iconValue === \"string\" && iconValue !== \"\") {\n    return iconValue;\n  } else if (iconValue === \"\") {\n    return iconObject[matchedValue];\n  }\n}\n\n/**\n * This helper returns true when two rectangles intersect.\n *\n * @param {DOMRect} rect1 The first rectangle.\n * @param {DOMRect} rect2 The second rectangle.\n * @returns {boolean} The result.\n */\nexport function intersects(rect1: DOMRect, rect2: DOMRect): boolean {\n  return !(\n    rect2.left > rect1.right ||\n    rect2.right < rect1.left ||\n    rect2.top > rect1.bottom ||\n    rect2.bottom < rect1.top\n  );\n}\n\n/**\n * This helper makes sure that boolean aria attributes are properly converted to a string.\n *\n * It should only be used for aria attributes that require a string value of \"true\" or \"false\".\n *\n * @param {boolean} value The value.\n * @returns {string} The string conversion of a boolean value (\"true\" | \"false\").\n */\nexport function toAriaBoolean(value: boolean): string {\n  return Boolean(value).toString();\n}\n\n/**\n * This helper returns `true` if the target `slot` element from the `onSlotchange` event has any content (text or elements).\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotHasContent = slotChangeHasContent(event)} />}\n * ```\n *\n * @param {Event} event The event.\n * @returns {boolean} Whether the slot has any content.\n */\nexport function slotChangeHasContent(event: Event): boolean {\n  return slotChangeHasAssignedElement(event) || slotChangeHasTextContent(event);\n}\n\n/**\n * This helper returns a string of textContent if the target `slot` element from the `onSlotchange` event has any text content.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotText = slotChangeGetTextContent(event)} />}\n * ```\n *\n * @param {Event} event The event.\n * @returns {string} The slots text.\n */\nexport function slotChangeGetTextContent(event: Event): string {\n  return slotChangeGetAssignedNodes(event)\n    .filter((node) => node.nodeType === Node.TEXT_NODE)\n    .map((node) => node.textContent)\n    .join(\"\")\n    .trim();\n}\n\n/**\n * This helper returns `true` if the target `slot` element from the `onSlotchange` event has any text content.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotHasTextContent = slotChangeHasTextContent(event)} />}\n * ```\n *\n * @param {Event} event The event.\n * @returns {boolean} Whether the slot has any text content.\n */\nexport function slotChangeHasTextContent(event: Event): boolean {\n  return !!slotChangeGetTextContent(event);\n}\n\n/**\n * This helper returns `true` if the target `slot` element from the `onSlotchange` event has an assigned node.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotHasNode = slotChangeHasAssignedNode(event)} />}\n * ```\n *\n * @param {Event} event The event.\n * @returns {boolean} Whether the slot has any assigned nodes.\n */\nexport function slotChangeHasAssignedNode(event: Event): boolean {\n  return !!slotChangeGetAssignedNodes(event).length;\n}\n\n/**\n * This helper returns the assigned nodes on a `slot` element from the `onSlotchange` event.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotNodes = slotChangeGetAssignedNodes(event)} />}\n * ```\n *\n * @param {Event} event The event.\n * @returns {boolean} Whether the slot has any assigned nodes.\n */\nexport function slotChangeGetAssignedNodes(event: Event): Node[] {\n  return (event.target as HTMLSlotElement).assignedNodes({\n    flatten: true,\n  });\n}\n\n/**\n * This helper returns `true` if the target `slot` element from the `onSlotchange` event has an assigned element.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}\n * ```\n *\n * @param {Event} event The event.\n * @returns {boolean} Whether the slot has any assigned elements.\n */\nexport function slotChangeHasAssignedElement(event: Event): boolean {\n  return !!slotChangeGetAssignedElements(event).length;\n}\n\n/**\n * This helper returns the assigned elements on a `slot` element from the `onSlotchange` event.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotElements = slotChangeGetAssignedElements(event)} />}\n * ```\n *\n * @param {Event} event The event.\n * @returns {boolean} Whether the slot has any assigned elements.\n */\nexport function slotChangeGetAssignedElements(event: Event): Element[] {\n  return (event.target as HTMLSlotElement).assignedElements({\n    flatten: true,\n  });\n}\n\n/**\n * This helper returns true if the pointer event fired from the primary button of the device.\n *\n * See https://www.w3.org/TR/pointerevents/#the-button-property.\n *\n * @param {PointerEvent} event The pointer event.\n * @returns {boolean} The value.\n */\nexport function isPrimaryPointerButton(event: PointerEvent): boolean {\n  return !!(event.isPrimary && event.button === 0);\n}\n\n/**\n * This helper returns true if the mouse event was triggered by a keyboard click.\n *\n * @param {MouseEvent} event The mouse event.\n * @returns {boolean} The value.\n */\nexport function isKeyboardTriggeredClick(event: MouseEvent): boolean {\n  // we assume event.detail = 0 is a keyboard click\n  // see https://www.w3.org/TR/uievents/#event-type-click\n  // see https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event#usage_notes\n  return event.detail === 0;\n}\n\nexport type FocusElementInGroupDestination = \"first\" | \"last\" | \"next\" | \"previous\";\n\n/**\n * This helper sets focus on and returns a destination element from within a group of provided elements.\n *\n * @param {Element[]} elements An array of elements.\n * @param {Element} currentElement The current element.\n * @param {FocusElementInGroupDestination} destination The target destination element to focus.\n * @param {boolean} cycle Should navigation cycle through elements or stop at extent - defaults to true.\n * @returns {Element} The focused element\n */\nexport const focusElementInGroup = <T extends Element = Element>(\n  elements: Element[],\n  currentElement: Element,\n  destination: FocusElementInGroupDestination,\n  cycle = true,\n): T => {\n  const currentIndex = elements.indexOf(currentElement);\n  const isFirstItem = currentIndex === 0;\n  const isLastItem = currentIndex === elements.length - 1;\n  if (cycle) {\n    destination =\n      destination === \"previous\" && isFirstItem ? \"last\" : destination === \"next\" && isLastItem ? \"first\" : destination;\n  }\n\n  let focusTarget;\n  if (destination === \"previous\") {\n    focusTarget = elements[currentIndex - 1] || elements[cycle ? elements.length - 1 : currentIndex];\n  } else if (destination === \"next\") {\n    focusTarget = elements[currentIndex + 1] || elements[cycle ? 0 : currentIndex];\n  } else if (destination === \"last\") {\n    focusTarget = elements[elements.length - 1];\n  } else {\n    focusTarget = elements[0];\n  }\n\n  focusElement(focusTarget);\n  return focusTarget;\n};\n\n/**\n * This helper determines if an element is before another element in the DOM.\n *\n * @param a the reference element to compare\n * @param b the element to compare against\n *\n * @returns true when a is before b in the DOM\n */\nexport function isBefore(a: HTMLElement, b: HTMLElement): boolean {\n  if (a.parentNode !== b.parentNode) {\n    return false;\n  }\n\n  const children = Array.from(a.parentNode.children);\n  return children.indexOf(a) < children.indexOf(b);\n}\n"],"mappings":"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"}

package/dist/calcite/p-55c7839c.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{r as i,c as t,h as e,g as c,H as o}from"./p-d5fb1def.js";import{c as n}from"./p-7369809e.js";import{c as a,d as r}from"./p-5ea51123.js";import{e as s,g as d,t as l,a as h}from"./p-521dd844.js";import{C as p}from"./p-4a7f9f77.js";import{g as m}from"./p-5b021a42.js";import"./p-1a91451c.js";const g=":host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-color-border-2);--calcite-accordion-item-background:var(--calcite-color-foreground-1)}.accordion--transparent{--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-2)}:host([hidden]){display:none}[hidden]{display:none}";const f=g;const u=class{constructor(e){i(this,e);this.calciteInternalAccordionChange=t(this,"calciteInternalAccordionChange",6);this.mutationObserver=n("mutation",(()=>this.updateAccordionItems()));this.appearance="solid";this.iconPosition="end";this.iconType="chevron";this.scale="m";this.selectionMode="multiple"}handlePropsChange(){this.updateAccordionItems()}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true});this.updateAccordionItems()}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){const i=this.appearance==="transparent";return e("div",{key:"56df7ef7175fd9af4459626fb0d09aab4061e97d",class:{"accordion--transparent":i,accordion:!i}},e("slot",{key:"a657cd0ddb7784909bb5a2df3648cda59d3e71e2"}))}updateActiveItemOnChange(i){this.calciteInternalAccordionChange.emit({requestedAccordionItem:i.detail.requestedAccordionItem});i.stopPropagation()}updateAccordionItems(){this.el.querySelectorAll("calcite-accordion-item").forEach((i=>{i.iconPosition=this.iconPosition;i.iconType=this.iconType;i.scale=this.scale}));document.dispatchEvent(new CustomEvent("calciteInternalAccordionItemsSync"))}get el(){return c(this)}static get watchers(){return{iconPosition:["handlePropsChange"],iconType:["handlePropsChange"],scale:["handlePropsChange"],selectionMode:["handlePropsChange"]}}};u.style=f;const v={actionsStart:"actions-start",actionsEnd:"actions-end"};const b={icon:"icon",header:"header",headerContent:"header-content",actionsStart:"actions-start",actionsEnd:"actions-end",headerText:"header-text",heading:"heading",description:"description",expandIcon:"expand-icon",content:"content",iconStart:"icon--start",iconEnd:"icon--end",headerContainer:"header-container"};const x={section:"section",sectionToggle:"section-toggle"};const k=".icon-position--end,.icon-position--start{--calcite-accordion-item-icon-rotation:calc(90deg * -1);--calcite-accordion-item-active-icon-rotation:0deg;--calcite-accordion-item-icon-rotation-rtl:90deg;--calcite-accordion-item-active-icon-rotation-rtl:0deg}.icon-position--start{--calcite-accordion-item-flex-direction:row-reverse;--calcite-accordion-item-icon-spacing-start:0;--calcite-accordion-item-icon-spacing-end:var(--calcite-accordion-icon-margin)}.icon-position--end{--calcite-accordion-item-flex-direction:row;--calcite-accordion-item-icon-spacing-start:var(--calcite-accordion-icon-margin);--calcite-accordion-item-icon-spacing-end:0}.icon-position--end:not(.icon-type--plus-minus){--calcite-accordion-item-icon-rotation:0deg;--calcite-accordion-item-active-icon-rotation:180deg;--calcite-accordion-item-icon-rotation-rtl:0deg;--calcite-accordion-item-active-icon-rotation-rtl:calc(180deg * -1)}:host{position:relative;display:flex;flex-direction:column;color:var(--calcite-color-text-3);text-decoration-line:none;background-color:var(--calcite-accordion-item-background, var(--calcite-color-foreground-1))}:host .header-content{outline-color:transparent}:host(:focus) .header-content{outline:2px solid transparent;outline-offset:2px;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([expanded]){color:var(--calcite-color-text-1)}:host([expanded]) .content{display:block;color:var(--calcite-color-text-1)}:host([expanded]) .header{border-block-end-color:transparent}:host .header{display:flex;align-items:stretch}:host .icon{position:relative;margin:0px;display:inline-flex;color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-accordion-item-icon-spacing-end)}.icon--start{display:flex;align-items:center;margin-inline-end:var(--calcite-accordion-icon-margin)}.icon--end{display:flex;align-items:center;margin-inline-end:var(--calcite-accordion-icon-margin);margin-inline-start:var(--calcite-accordion-icon-margin)}.header-container{inline-size:100%}.content{padding:var(--calcite-accordion-item-padding)}:host .content,:host .header{border-block-end:1px solid var(--calcite-accordion-item-border, var(--calcite-color-border-2))}:host .header *{display:inline-flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}:host .content{display:none;padding-block-start:0px;color:var(--calcite-color-text-3);text-align:initial}:host .expand-icon{color:var(--calcite-color-text-3);margin-inline-start:var(--calcite-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}:host([expanded]) .expand-icon{color:var(--calcite-color-text-3);transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}:host .header-text{margin-block:0px;flex-grow:1;flex-direction:column;padding-block:0px;text-align:initial;margin-inline-end:auto}:host .heading,:host .description{display:flex;inline-size:100%}:host .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}:host .description{margin-block-start:0.25rem;color:var(--calcite-color-text-3)}:host(:focus) .heading,:host(:hover) .heading{color:var(--calcite-color-text-1)}:host(:focus) .icon,:host(:hover) .icon{color:var(--calcite-color-text-1)}:host(:focus) .expand-icon,:host(:hover) .expand-icon{color:var(--calcite-color-text-1)}:host(:focus) .description,:host(:hover) .description{color:var(--calcite-color-text-2)}:host(:focus) .heading,:host(:active) .heading,:host([expanded]) .heading{color:var(--calcite-color-text-1)}:host(:focus) .icon,:host(:active) .icon,:host([expanded]) .icon{color:var(--calcite-color-text-1)}:host(:focus) .description,:host(:active) .description,:host([expanded]) .description{color:var(--calcite-color-text-2)}.header-content{flex-grow:1;cursor:pointer;padding:var(--calcite-accordion-item-padding);flex-direction:var(--calcite-accordion-item-flex-direction)}.actions-start,.actions-end{display:flex;align-items:center}@media (forced-colors: active){:host([expanded]) .header{border-block-end:none}:host([expanded]) .heading{font-weight:bolder}:host(:hover) .heading,:host(:focus) .heading{text-decoration:underline}}:host([hidden]){display:none}[hidden]{display:none}";const y=k;const w=class{constructor(e){i(this,e);this.calciteInternalAccordionItemSelect=t(this,"calciteInternalAccordionItemSelect",6);this.calciteInternalAccordionItemClose=t(this,"calciteInternalAccordionItemClose",6);this.itemHeaderClickHandler=()=>this.emitRequestedItem();this.expanded=false;this.heading=undefined;this.description=undefined;this.iconStart=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconPosition=undefined;this.iconType=undefined;this.accordionParent=undefined;this.scale=undefined}connectedCallback(){a(this)}disconnectedCallback(){r(this)}renderActionsStart(){const{el:i}=this;return s(i,v.actionsStart)?e("div",{class:b.actionsStart},e("slot",{name:v.actionsStart})):null}renderActionsEnd(){const{el:i}=this;return s(i,v.actionsEnd)?e("div",{class:b.actionsEnd},e("slot",{name:v.actionsEnd})):null}render(){const{iconFlipRtl:i}=this;const t=d(this.el);const c=this.iconStart?e("calcite-icon",{class:b.iconStart,flipRtl:i==="both"||i==="start",icon:this.iconStart,key:"icon-start",scale:m(this.scale)}):null;const n=this.iconEnd?e("calcite-icon",{class:b.iconEnd,flipRtl:i==="both"||i==="end",icon:this.iconEnd,key:"icon-end",scale:m(this.scale)}):null;const{description:a}=this;return e(o,{key:"2a8a9685457badba7f65ffdfd19af5b70cf34643"},e("div",{key:"8292e5656cbf6988a393feda67b5ce2d58972470",class:{[`icon-position--${this.iconPosition}`]:true,[`icon-type--${this.iconType}`]:true}},e("div",{key:"f4d599c5b507eb96665e7a78da9442784b2fad98",class:{[b.header]:true,[p.rtl]:t==="rtl"}},this.renderActionsStart(),e("div",{key:"1cd561a12f82b7f74902bc408fc7f7c71425d269","aria-controls":x.section,"aria-expanded":l(this.expanded),class:b.headerContent,id:x.sectionToggle,onClick:this.itemHeaderClickHandler,role:"button",tabindex:"0"},e("div",{key:"8e7d9d5eebc91cc7295a02b7c83ae432071d753b",class:b.headerContainer},c,e("div",{key:"da5293604951860def82dd6267d21c3ef35470b0",class:b.headerText},e("span",{key:"4332fceb39f2523a027e7840eb1b343a72677701",class:b.heading},this.heading),a?e("span",{class:b.description},a):null),n),e("calcite-icon",{key:"c736b96c135d2cd9b55e65c88f91ed4e02a8fc2b",class:b.expandIcon,icon:this.iconType==="chevron"?"chevronDown":this.iconType==="caret"?"caretDown":this.expanded?"minus":"plus",scale:m(this.scale)})),this.renderActionsEnd()),e("section",{key:"b0dd6748d5d9397246c48467d143a84c2d232b50","aria-labelledby":x.sectionToggle,class:b.content,id:x.section},e("slot",{key:"4494db9599ecd2ec4dce7c34a54c445572954842"}))))}keyDownHandler(i){if(i.target===this.el){switch(i.key){case" ":case"Enter":this.emitRequestedItem();i.preventDefault();break}}}updateActiveItemOnChange(i){const[t]=i.composedPath();const e=h(this.el,"calcite-accordion");if(t!==e){return}this.determineActiveItem(e.selectionMode,i.detail.requestedAccordionItem);i.stopPropagation()}accordionItemSyncHandler(i){const[t]=i.composedPath();const e=this.el;const c=e.parentElement===t;if(c){return}const o=h(e,"calcite-accordion");if(t!==o){return}e.iconPosition=o.iconPosition;e.iconType=o.iconType;e.scale=o.scale;i.stopPropagation()}determineActiveItem(i,t){switch(i){case"multiple":if(this.el===t){this.expanded=!this.expanded}break;case"single":this.expanded=this.el===t?!this.expanded:false;break;case"single-persist":this.expanded=this.el===t;break}}emitRequestedItem(){this.calciteInternalAccordionItemSelect.emit({requestedAccordionItem:this.el})}get el(){return c(this)}};w.style=y;export{u as calcite_accordion,w as calcite_accordion_item};
-//# sourceMappingURL=p-55c7839c.entry.js.map

package/dist/calcite/p-55c7839c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["accordionCss","CalciteAccordionStyle0","Accordion","this","mutationObserver","createObserver","updateAccordionItems","handlePropsChange","connectedCallback","observe","el","childList","disconnectedCallback","disconnect","render","transparent","appearance","h","key","class","accordion","updateActiveItemOnChange","event","calciteInternalAccordionChange","emit","requestedAccordionItem","detail","stopPropagation","querySelectorAll","forEach","item","iconPosition","iconType","scale","document","dispatchEvent","CustomEvent","SLOTS","actionsStart","actionsEnd","CSS","icon","header","headerContent","headerText","heading","description","expandIcon","content","iconStart","iconEnd","headerContainer","IDS","section","sectionToggle","accordionItemCss","CalciteAccordionItemStyle0","AccordionItem","itemHeaderClickHandler","emitRequestedItem","connectConditionalSlotComponent","disconnectConditionalSlotComponent","renderActionsStart","getSlotted","name","renderActionsEnd","iconFlipRtl","dir","getElementDir","iconStartEl","flipRtl","getIconScale","iconEndEl","Host","CSS_UTILITY","rtl","toAriaBoolean","expanded","id","onClick","role","tabindex","keyDownHandler","target","preventDefault","composedPath","parent","closestElementCrossShadowBoundary","determineActiveItem","selectionMode","accordionItemSyncHandler","accordionItem","willBeSyncedByDirectParent","parentElement","closestAccordionParent","requestedItem","calciteInternalAccordionItemSelect"],"sources":["src/components/accordion/accordion.scss?tag=calcite-accordion&encapsulation=shadow","src/components/accordion/accordion.tsx","src/components/accordion-item/resources.ts","src/components/accordion-item/accordion-item.scss?tag=calcite-accordion-item&encapsulation=shadow","src/components/accordion-item/accordion-item.tsx"],"sourcesContent":["// scale variants for child\n:host([scale=\"s\"]) {\n  --calcite-accordion-item-spacing-unit: theme(\"spacing.1\");\n  --calcite-accordion-icon-margin: theme(\"spacing.2\");\n  --calcite-accordion-item-padding: var(--calcite-accordion-item-spacing-unit) theme(\"spacing.2\");\n  @apply text-n2h;\n}\n\n:host([scale=\"m\"]) {\n  --calcite-accordion-item-spacing-unit: theme(\"spacing.2\");\n  --calcite-accordion-icon-margin: theme(\"spacing.3\");\n  --calcite-accordion-item-padding: var(--calcite-accordion-item-spacing-unit) theme(\"spacing.3\");\n  @apply text-n1h;\n}\n\n:host([scale=\"l\"]) {\n  --calcite-accordion-item-spacing-unit: theme(\"spacing.3\");\n  --calcite-accordion-icon-margin: theme(\"spacing.4\");\n  --calcite-accordion-item-padding: var(--calcite-accordion-item-spacing-unit) theme(\"spacing.4\");\n  @apply text-0h;\n}\n\n:host {\n  @apply relative\n    block\n    max-w-full\n    leading-6;\n  --calcite-accordion-item-border: theme(\"borderColor.color.2\");\n  --calcite-accordion-item-background: theme(\"backgroundColor.foreground.1\");\n}\n\n.accordion--transparent {\n  --calcite-accordion-item-border: transparent;\n  --calcite-accordion-item-background: transparent;\n}\n\n.accordion {\n  @apply border border-solid border-color-2 border-b-0;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { Appearance, Position, Scale, SelectionMode } from \"../interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { RequestedItem } from \"./interfaces\";\n/**\n * @slot - A slot for adding `calcite-accordion-item`s. `calcite-accordion` cannot be nested, however `calcite-accordion-item`s can.\n */\n@Component({\n  tag: \"calcite-accordion\",\n  styleUrl: \"accordion.scss\",\n  shadow: true,\n})\nexport class Accordion {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the appearance of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\"solid\" | \"transparent\", Appearance> = \"solid\";\n\n  /** Specifies the placement of the icon in the header. */\n  @Prop({ reflect: true }) iconPosition: Position = \"end\";\n\n  /** Specifies the type of the icon in the header. */\n  @Prop({ reflect: true }) iconType: \"chevron\" | \"caret\" | \"plus-minus\" = \"chevron\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * Specifies the selection mode of the component, where:\n   *\n   * `\"multiple\"` allows any number of selections,\n   *\n   * `\"single\"` allows only one selection, and\n   *\n   * `\"single-persist\"` allows one selection and prevents de-selection.\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"single\" | \"single-persist\" | \"multiple\",\n    SelectionMode\n  > = \"multiple\";\n\n  @Watch(\"iconPosition\")\n  @Watch(\"iconType\")\n  @Watch(\"scale\")\n  @Watch(\"selectionMode\")\n  handlePropsChange(): void {\n    this.updateAccordionItems();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) private calciteInternalAccordionChange: EventEmitter<RequestedItem>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.mutationObserver?.observe(this.el, { childList: true });\n    this.updateAccordionItems();\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  render(): VNode {\n    const transparent = this.appearance === \"transparent\";\n    return (\n      <div\n        class={{\n          \"accordion--transparent\": transparent,\n          accordion: !transparent,\n        }}\n      >\n        <slot />\n      </div>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalAccordionItemSelect\")\n  updateActiveItemOnChange(event: CustomEvent): void {\n    this.calciteInternalAccordionChange.emit({\n      requestedAccordionItem: event.detail.requestedAccordionItem,\n    });\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteAccordionElement;\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateAccordionItems());\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private updateAccordionItems(): void {\n    this.el.querySelectorAll(\"calcite-accordion-item\").forEach((item) => {\n      item.iconPosition = this.iconPosition;\n      item.iconType = this.iconType;\n      item.scale = this.scale;\n    });\n\n    // sync props on items across shadow DOM\n    document.dispatchEvent(new CustomEvent(\"calciteInternalAccordionItemsSync\"));\n  }\n}\n","export const SLOTS = {\n  actionsStart: \"actions-start\",\n  actionsEnd: \"actions-end\",\n};\n\nexport const CSS = {\n  icon: \"icon\",\n  header: \"header\",\n  headerContent: \"header-content\",\n  actionsStart: \"actions-start\",\n  actionsEnd: \"actions-end\",\n  headerText: \"header-text\",\n  heading: \"heading\",\n  description: \"description\",\n  expandIcon: \"expand-icon\",\n  content: \"content\",\n  iconStart: \"icon--start\",\n  iconEnd: \"icon--end\",\n  headerContainer: \"header-container\",\n};\n\nexport const IDS = {\n  section: \"section\",\n  sectionToggle: \"section-toggle\",\n};\n","%icon-position {\n  /* icon rotation variables */\n  --calcite-accordion-item-icon-rotation: calc(theme(\"rotate.90\") * -1);\n  --calcite-accordion-item-active-icon-rotation: theme(\"rotate.0\");\n  --calcite-accordion-item-icon-rotation-rtl: theme(\"rotate.90\");\n  --calcite-accordion-item-active-icon-rotation-rtl: theme(\"rotate.0\");\n}\n\n// icon position variants for child\n.icon-position--start {\n  @extend %icon-position;\n  --calcite-accordion-item-flex-direction: row-reverse;\n  --calcite-accordion-item-icon-spacing-start: 0;\n  --calcite-accordion-item-icon-spacing-end: var(--calcite-accordion-icon-margin);\n}\n\n.icon-position--end {\n  @extend %icon-position;\n  --calcite-accordion-item-flex-direction: row;\n  --calcite-accordion-item-icon-spacing-start: var(--calcite-accordion-icon-margin);\n  --calcite-accordion-item-icon-spacing-end: 0;\n}\n\n.icon-position--end:not(.icon-type--plus-minus) {\n  --calcite-accordion-item-icon-rotation: theme(\"rotate.0\");\n  --calcite-accordion-item-active-icon-rotation: theme(\"rotate.180\");\n  --calcite-accordion-item-icon-rotation-rtl: theme(\"rotate.0\");\n  --calcite-accordion-item-active-icon-rotation-rtl: calc(theme(\"rotate.180\") * -1);\n}\n\n:host {\n  @apply text-color-3\n    relative\n    flex\n    flex-col\n    no-underline;\n  background-color: var(--calcite-accordion-item-background, theme(\"backgroundColor.foreground.1\"));\n}\n\n// focus styles\n:host .header-content {\n  @apply focus-base;\n}\n\n:host(:focus) .header-content {\n  @apply focus-inset\n  outline-none;\n}\n\n:host([expanded]) {\n  @apply text-color-1;\n  & .content {\n    @apply text-color-1 block;\n  }\n  & .header {\n    border-block-end-color: transparent;\n  }\n}\n\n// .header / content\n:host .header {\n  @apply flex items-stretch;\n}\n\n:host .icon {\n  @apply text-color-3\n    relative\n    m-0\n    inline-flex\n    duration-150\n    ease-in-out;\n  margin-inline-end: var(--calcite-accordion-item-icon-spacing-start);\n  margin-inline-start: var(--calcite-accordion-item-icon-spacing-end);\n}\n\n.icon--start {\n  @apply flex items-center;\n  margin-inline-end: var(--calcite-accordion-icon-margin);\n}\n\n.icon--end {\n  @apply flex items-center;\n  margin-inline-end: var(--calcite-accordion-icon-margin);\n  margin-inline-start: var(--calcite-accordion-icon-margin);\n}\n\n.header-container {\n  inline-size: 100%;\n}\n\n.content {\n  padding: var(--calcite-accordion-item-padding);\n}\n\n:host .content,\n:host .header {\n  border-block-end: 1px solid var(--calcite-accordion-item-border, theme(\"borderColor.color.2\"));\n}\n\n:host .header * {\n  @apply inline-flex\n    items-center\n    duration-150\n    ease-in-out;\n  @include word-break();\n}\n\n:host .content {\n  @apply text-color-3 hidden pt-0;\n  text-align: initial;\n}\n\n// accordion item icon\n:host .expand-icon {\n  @apply text-color-3;\n  margin-inline-start: var(--calcite-accordion-item-icon-spacing-start);\n  margin-inline-end: var(--calcite-accordion-item-icon-spacing-end);\n  transform: rotate(var(--calcite-accordion-item-icon-rotation));\n}\n\n.calcite--rtl .expand-icon {\n  transform: rotate(var(--calcite-accordion-item-icon-rotation-rtl));\n}\n\n:host([expanded]) .expand-icon {\n  @apply text-color-3;\n  transform: rotate(var(--calcite-accordion-item-active-icon-rotation));\n}\n\n:host([expanded]) .calcite--rtl .expand-icon {\n  transform: rotate(var(--calcite-accordion-item-active-icon-rotation-rtl));\n}\n\n// accordion item title\n:host .header-text {\n  @apply my-0 flex-grow flex-col py-0;\n  text-align: initial;\n  margin-inline-end: theme(\"margin.auto\");\n}\n\n:host .heading,\n:host .description {\n  @apply flex w-full;\n}\n\n:host .heading {\n  @apply text-color-2 font-medium;\n}\n:host .description {\n  @apply text-color-3 mt-1;\n}\n\n:host(:focus),\n:host(:hover) {\n  & .heading {\n    @apply text-color-1;\n  }\n  & .icon {\n    @apply text-color-1;\n  }\n\n  & .expand-icon {\n    @apply text-color-1;\n  }\n  & .description {\n    @apply text-color-2;\n  }\n}\n\n:host(:focus),\n:host(:active),\n:host([expanded]) {\n  & .heading {\n    @apply text-color-1;\n  }\n  & .icon {\n    @apply text-color-1;\n  }\n  & .description {\n    @apply text-color-2;\n  }\n}\n\n.header-content {\n  @apply flex-grow cursor-pointer;\n  padding: var(--calcite-accordion-item-padding);\n  flex-direction: var(--calcite-accordion-item-flex-direction);\n}\n\n.actions-start,\n.actions-end {\n  @apply flex items-center;\n}\n\n@media (forced-colors: active) {\n  :host([expanded]) {\n    & .header {\n      border-block-end: none;\n    }\n    & .heading {\n      /** give visual indicator of expanded state since subtle color changes can't be done **/\n      font-weight: bolder;\n    }\n  }\n  :host(:hover),\n  :host(:focus) {\n    & .heading {\n      /** give visual indicator of expandability/click-ability since subtle color changes can't be done **/\n      text-decoration: underline;\n    }\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport {\n  closestElementCrossShadowBoundary,\n  getElementDir,\n  getSlotted,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { getIconScale } from \"../../utils/component\";\nimport { FlipContext, Position, Scale, SelectionMode } from \"../interfaces\";\nimport { SLOTS, CSS, IDS } from \"./resources\";\nimport { RequestedItem } from \"./interfaces\";\n\n/**\n * @slot - A slot for adding custom content, including nested `calcite-accordion-item`s.\n * @slot actions-end - A slot for adding `calcite-action`s or content to the end side of the component's header.\n * @slot actions-start - A slot for adding `calcite-action`s or content to the start side of the component's header.\n */\n@Component({\n  tag: \"calcite-accordion-item\",\n  styleUrl: \"accordion-item.scss\",\n  shadow: true,\n})\nexport class AccordionItem implements ConditionalSlotComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is expanded. */\n  @Prop({ reflect: true, mutable: true }) expanded = false;\n\n  /** Specifies heading text for the component. */\n  @Prop() heading: string;\n\n  /** Specifies a description for the component. */\n  @Prop() description: string;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /**\n   * Specifies the placement of the icon in the header inherited from the `calcite-accordion`.\n   *\n   * @internal\n   */\n  @Prop() iconPosition: Position;\n\n  /** Specifies the type of the icon in the header inherited from the `calcite-accordion`.\n   *\n   * @internal\n   */\n  @Prop() iconType: \"chevron\" | \"caret\" | \"plus-minus\";\n\n  /**\n   * The containing `accordion` element.\n   *\n   * @internal\n   */\n  @Prop() accordionParent: HTMLCalciteAccordionElement;\n\n  /**\n   * Specifies the size of the component inherited from the `calcite-accordion`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalAccordionItemSelect: EventEmitter<RequestedItem>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalAccordionItemClose: EventEmitter<void>;\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  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderActionsStart(): VNode {\n    const { el } = this;\n    return getSlotted(el, SLOTS.actionsStart) ? (\n      <div class={CSS.actionsStart}>\n        <slot name={SLOTS.actionsStart} />\n      </div>\n    ) : null;\n  }\n\n  renderActionsEnd(): VNode {\n    const { el } = this;\n    return getSlotted(el, SLOTS.actionsEnd) ? (\n      <div class={CSS.actionsEnd}>\n        <slot name={SLOTS.actionsEnd} />\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { iconFlipRtl } = this;\n    const dir = getElementDir(this.el);\n    const iconStartEl = this.iconStart ? (\n      <calcite-icon\n        class={CSS.iconStart}\n        flipRtl={iconFlipRtl === \"both\" || iconFlipRtl === \"start\"}\n        icon={this.iconStart}\n        key=\"icon-start\"\n        scale={getIconScale(this.scale)}\n      />\n    ) : null;\n    const iconEndEl = this.iconEnd ? (\n      <calcite-icon\n        class={CSS.iconEnd}\n        flipRtl={iconFlipRtl === \"both\" || iconFlipRtl === \"end\"}\n        icon={this.iconEnd}\n        key=\"icon-end\"\n        scale={getIconScale(this.scale)}\n      />\n    ) : null;\n    const { description } = this;\n    return (\n      <Host>\n        <div\n          class={{\n            [`icon-position--${this.iconPosition}`]: true,\n            [`icon-type--${this.iconType}`]: true,\n          }}\n        >\n          <div class={{ [CSS.header]: true, [CSS_UTILITY.rtl]: dir === \"rtl\" }}>\n            {this.renderActionsStart()}\n            <div\n              aria-controls={IDS.section}\n              aria-expanded={toAriaBoolean(this.expanded)}\n              class={CSS.headerContent}\n              id={IDS.sectionToggle}\n              onClick={this.itemHeaderClickHandler}\n              role=\"button\"\n              tabindex=\"0\"\n            >\n              <div class={CSS.headerContainer}>\n                {iconStartEl}\n                <div class={CSS.headerText}>\n                  <span class={CSS.heading}>{this.heading}</span>\n                  {description ? <span class={CSS.description}>{description}</span> : null}\n                </div>\n                {iconEndEl}\n              </div>\n              <calcite-icon\n                class={CSS.expandIcon}\n                icon={\n                  this.iconType === \"chevron\"\n                    ? \"chevronDown\"\n                    : this.iconType === \"caret\"\n                      ? \"caretDown\"\n                      : this.expanded\n                        ? \"minus\"\n                        : \"plus\"\n                }\n                scale={getIconScale(this.scale)}\n              />\n            </div>\n            {this.renderActionsEnd()}\n          </div>\n          <section aria-labelledby={IDS.sectionToggle} class={CSS.content} id={IDS.section}>\n            <slot />\n          </section>\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    if (event.target === this.el) {\n      switch (event.key) {\n        case \" \":\n        case \"Enter\":\n          this.emitRequestedItem();\n          event.preventDefault();\n          break;\n      }\n    }\n  }\n\n  @Listen(\"calciteInternalAccordionChange\", { target: \"body\" })\n  updateActiveItemOnChange(event: CustomEvent): void {\n    const [accordion] = event.composedPath();\n    const parent = closestElementCrossShadowBoundary<HTMLCalciteAccordionElement>(\n      this.el,\n      \"calcite-accordion\",\n    );\n\n    if (accordion !== parent) {\n      return;\n    }\n\n    this.determineActiveItem(parent.selectionMode, event.detail.requestedAccordionItem);\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalAccordionItemsSync\", { target: \"document\" })\n  accordionItemSyncHandler(event: CustomEvent): void {\n    const [accordion] = event.composedPath();\n    const accordionItem = this.el;\n\n    // we sync with our accordion parent via event only if the item is wrapped within another component's shadow DOM,\n    // otherwise, the accordion parent will sync the item directly\n\n    const willBeSyncedByDirectParent = accordionItem.parentElement === accordion;\n    if (willBeSyncedByDirectParent) {\n      return;\n    }\n\n    const closestAccordionParent = closestElementCrossShadowBoundary<HTMLCalciteAccordionElement>(\n      accordionItem,\n      \"calcite-accordion\",\n    );\n\n    if (accordion !== closestAccordionParent) {\n      return;\n    }\n\n    accordionItem.iconPosition = closestAccordionParent.iconPosition;\n    accordionItem.iconType = closestAccordionParent.iconType;\n    accordionItem.scale = closestAccordionParent.scale;\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteAccordionItemElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** handle clicks on item header */\n  private itemHeaderClickHandler = (): void => this.emitRequestedItem();\n\n  private determineActiveItem(\n    selectionMode: SelectionMode,\n    requestedItem: HTMLCalciteAccordionItemElement,\n  ): void {\n    switch (selectionMode) {\n      case \"multiple\":\n        if (this.el === requestedItem) {\n          this.expanded = !this.expanded;\n        }\n        break;\n\n      case \"single\":\n        this.expanded = this.el === requestedItem ? !this.expanded : false;\n        break;\n\n      case \"single-persist\":\n        this.expanded = this.el === requestedItem;\n        break;\n    }\n  }\n\n  private emitRequestedItem(): void {\n    this.calciteInternalAccordionItemSelect.emit({\n      requestedAccordionItem: this.el as HTMLCalciteAccordionItemElement,\n    });\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-570b8543.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{r as t,c as s,h as e,g as i,H as a}from"./p-d5fb1def.js";import{c as o,u as n,d as c,I as r}from"./p-dd122c48.js";import{s as l,a as h,c as d}from"./p-77f9f089.js";import{c as f,d as u}from"./p-d41eda90.js";import{c as p}from"./p-7369809e.js";import{u as m,c as b,s as g,d as w}from"./p-f2fb83bd.js";import{g as v,m as x,d as y,a as k,s as L,h as j,b as I,c as C,k as D,e as z,i as H,f as S,j as A,l as F,n as R,r as B,o as E,p as U,q as _,t as M,L as O,I as V,C as q,S as G}from"./p-6cfc0cf7.js";import{d as K,a as T,c as W}from"./p-dbd035fd.js";import{d as $,e as P}from"./p-521dd844.js";import{c as J,d as N}from"./p-5ea51123.js";import{g as Q}from"./p-1a91451c.js";import"./p-64eee6a2.js";import"./p-0055e511.js";import"./p-c8b2ef0a.js";import"./p-efc4d265.js";import"./p-4a7f9f77.js";const X={container:"container",handle:"handle"};const Y={grip:"grip"};function Z(t,s,e){const{items:i,messages:a}=e;const o=i.length;const n=v(e,t)+1;const c=s==="idle"?a.dragHandleIdle:s==="active"?a.dragHandleActive:s==="change"?a.dragHandleChange:a.dragHandleCommit;return st(c,t.label,n,o)}function tt(t){const s=t.composedPath().find((t=>t.dataset?.jsHandle!==undefined));const e=t.composedPath().find((t=>t.tagName?.toLowerCase()==="calcite-value-list-item"));return{handle:s,item:e}}function st(t,s,e,i){const a=t.replace("{position}",e.toString());const o=a.replace("{itemLabel}",s);return o.replace("{total}",i.toString())}const et=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-value-list-item:last-of-type{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:center;justify-content:flex-end;background-color:var(--calcite-color-foreground-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index-sticky)}calcite-filter{margin-block-end:1px}.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 it=et;const at=class{constructor(e){t(this,e);this.calciteListChange=s(this,"calciteListChange",6);this.calciteListOrderChange=s(this,"calciteListOrderChange",6);this.calciteListFilter=s(this,"calciteListFilter",6);this.lastSelectedItem=null;this.mutationObserver=p("mutation",x.bind(this));this.handleSelector=`.${X.handle}`;this.dragSelector="calcite-value-list-item";this.setFilterEl=t=>{this.filterEl=t};this.setFilteredItems=t=>{this.filteredItems=t};this.deselectRemovedItems=y.bind(this);this.deselectSiblingItems=k.bind(this);this.selectSiblings=L.bind(this);this.handleFilter=j.bind(this);this.handleFilterEvent=I.bind(this);this.getItemData=C.bind(this);this.keyDownHandler=t=>{if(t.defaultPrevented){return}const{handle:s,item:e}=tt(t);if(s&&!e.handleActivated&&t.key===" "){this.updateScreenReaderText(Z(e,"commit",this))}if(!s||!e.handleActivated){D.call(this,t);return}t.preventDefault();const{items:i}=this;if(t.key===" "){this.updateScreenReaderText(Z(e,"active",this))}if(t.key!=="ArrowUp"&&t.key!=="ArrowDown"||i.length<=1){return}const{el:a}=this;const o=z(this,e,t.key==="ArrowUp"?"up":"down");if(o===i.length-1){a.appendChild(e)}else{const t=a.children[o];const s=t===e.nextElementSibling?t.nextElementSibling:t;a.insertBefore(e,s)}this.items=this.getItems();this.calciteListOrderChange.emit(this.items.map((({value:t})=>t)));requestAnimationFrame((()=>$(s)));e.handleActivated=true;this.updateHandleAriaLabel(s,Z(e,"change",this))};this.storeAssistiveEl=t=>{this.assistiveTextEl=t};this.handleFocusIn=t=>{const{handle:s,item:e}=tt(t);if(!e?.handleActivated&&e&&s){this.updateHandleAriaLabel(s,Z(e,"idle",this))}};this.disabled=false;this.canPull=undefined;this.canPut=undefined;this.dragEnabled=false;this.filteredItems=[];this.filteredData=[];this.filterEnabled=false;this.filterPlaceholder=undefined;this.filterText=undefined;this.group=undefined;this.loading=false;this.multiple=false;this.selectionFollowsFocus=false;this.messageOverrides=undefined;this.messages=undefined;this.dataForFilter=[];this.defaultMessages=undefined;this.effectiveLocale="";this.selectedValues=new Map}onMessagesChange(){}effectiveLocaleChange(){m(this,this.effectiveLocale)}connectedCallback(){if(K(this)){return}o(this);f(this);b(this);H.call(this);S.call(this);this.setUpSorting()}async componentWillLoad(){l(this);await g(this)}componentDidLoad(){h(this);A.call(this)}componentDidRender(){n(this)}disconnectedCallback(){if(K(this)){return}c(this);T(this);u(this);w(this);F.call(this)}calciteListFocusOutHandler(t){R.call(this,t)}calciteListItemRemoveHandler(t){B.call(this,t)}calciteListItemChangeHandler(t){E.call(this,t)}calciteInternalListItemPropsChangeHandler(t){t.stopPropagation();this.setUpFilter()}calciteInternalListItemValueChangeHandler(t){U.call(this,t);t.stopPropagation()}onGlobalDragStart(){F.call(this)}onGlobalDragEnd(){S.call(this)}onDragEnd(){}onDragStart(){}onDragSort(){this.items=Array.from(this.el.querySelectorAll("calcite-value-list-item"));const t=this.items.map((t=>t.value));this.calciteListOrderChange.emit(t)}getItems(){return Array.from(this.el.querySelectorAll("calcite-value-list-item"))}setUpItems(){_.call(this,"calcite-value-list-item");this.setUpSorting()}setUpFilter(){if(this.filterEnabled){this.dataForFilter=this.getItemData()}}setUpSorting(){const{dragEnabled:t}=this;if(!t){return}W(this)}handleBlur(){if(this.dragEnabled){this.updateScreenReaderText("")}}async getSelectedItems(){return this.selectedValues}async setFocus(t){await d(this);return M.call(this,t)}getIconType(){let t=null;if(this.dragEnabled){t=Y.grip}return t}updateScreenReaderText(t){this.assistiveTextEl.textContent=t}updateHandleAriaLabel(t,s){t.ariaLabel=s}handleValueListItemBlur(t){const{item:s,handle:e}=t.detail;if(!s?.handleActivated&&s){this.updateHandleAriaLabel(e,Z(s,"idle",this))}t.stopPropagation()}render(){return e(O,{key:"c212dc4be12b594c4cc69a8a368c523d3187c289",onBlur:this.handleBlur,onFocusin:this.handleFocusIn,onKeyDown:this.keyDownHandler,props:this})}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};at.style=it;const ot={drag:"drag"};const nt={actionsEnd:"actions-end",actionsStart:"actions-start"};const ct=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{margin-block-end:1px;box-sizing:border-box;display:flex;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition:background-color var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing)}:host *{box-sizing:border-box}calcite-pick-list-item{position:relative;margin:0px;flex-grow:1;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([active]),:host([selected]){--tw-shadow:0 0 0 1px var(--calcite-color-brand);--tw-shadow-colored:0 0 0 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)}.handle{display:flex;cursor:move;align-items:center;justify-content:center;border-style:none;background-color:transparent;padding-block:0px;padding-inline:0.25rem;color:var(--calcite-color-border-input);outline-color:transparent}.handle:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.handle: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          )}.handle--activated{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}.handle calcite-icon{color:inherit}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const rt=ct;const lt=class{constructor(e){t(this,e);this.calciteListItemChange=s(this,"calciteListItemChange",6);this.calciteListItemRemove=s(this,"calciteListItemRemove",7);this.calciteValueListItemDragHandleBlur=s(this,"calciteValueListItemDragHandleBlur",6);this.pickListItem=null;this.guid=`calcite-value-list-item-${Q()}`;this.getPickListRef=t=>this.pickListItem=t;this.handleKeyDown=t=>{if(t.key===" "){this.handleActivated=!this.handleActivated}};this.handleBlur=()=>{this.handleActivated=false;this.calciteValueListItemDragHandleBlur.emit({item:this.el,handle:this.handleEl})};this.handleSelectChange=t=>{this.selected=t.detail.selected};this.description=undefined;this.disabled=false;this.deselectDisabled=false;this.nonInteractive=false;this.handleActivated=false;this.icon=null;this.iconFlipRtl=false;this.label=undefined;this.metadata=undefined;this.removable=false;this.selected=false;this.value=undefined}connectedCallback(){J(this);o(this)}disconnectedCallback(){N(this);c(this)}componentWillLoad(){l(this)}componentDidLoad(){h(this)}componentDidRender(){n(this)}async toggleSelected(t){this.pickListItem.toggleSelected(t)}async setFocus(){await d(this);return this.pickListItem?.setFocus()}calciteListItemChangeHandler(t){t.detail.item=this.el}renderActionsEnd(){const{el:t}=this;const s=P(t,nt.actionsEnd);return s?e("slot",{name:nt.actionsEnd,slot:G.actionsEnd}):null}renderActionsStart(){const{el:t}=this;const s=P(t,nt.actionsStart);return s?e("slot",{name:nt.actionsStart,slot:G.actionsStart}):null}renderHandle(){const{icon:t,iconFlipRtl:s}=this;if(t===V.grip){return e("span",{class:{[q.handle]:true,[q.handleActivated]:this.handleActivated},"data-js-handle":true,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,ref:t=>this.handleEl=t,role:"button",tabindex:"0"},e("calcite-icon",{flipRtl:s,icon:ot.drag,scale:"s"}))}}render(){return e(a,{key:"1491ba606f6bbcd88957c9e12a89999232fcf7da",id:this.el.id||this.guid},e(r,{key:"d0eacc538e5acca1eeaf85526ab6bb5544590b57",disabled:this.disabled},this.renderHandle(),e("calcite-pick-list-item",{key:"85cce1add254515b067372b9b8903e26b96650d5",description:this.description,deselectDisabled:this.deselectDisabled,disabled:this.disabled,label:this.label,metadata:this.metadata,nonInteractive:this.nonInteractive,onCalciteListItemChange:this.handleSelectChange,ref:this.getPickListRef,removable:this.removable,selected:this.selected,value:this.value},this.renderActionsStart(),this.renderActionsEnd())))}get el(){return i(this)}};lt.style=rt;export{at as calcite_value_list,lt as calcite_value_list_item};
-//# sourceMappingURL=p-570b8543.entry.js.map

package/dist/calcite/p-570b8543.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","container","handle","ICON_TYPES","grip","getScreenReaderText","item","status","valueList","items","messages","total","length","position","getItemIndex","template","dragHandleIdle","dragHandleActive","dragHandleChange","dragHandleCommit","replacePlaceholders","label","getHandleAndItemElement","event","composedPath","find","dataset","jsHandle","undefined","tagName","toLowerCase","text","replacePosition","replace","toString","replaceLabel","valueListCss","CalciteValueListStyle0","ValueList","this","lastSelectedItem","mutationObserver","createObserver","mutationObserverCallback","bind","handleSelector","dragSelector","setFilterEl","el","filterEl","setFilteredItems","filteredItems","deselectRemovedItems","deselectSiblingItems","selectSiblings","handleFilter","handleFilterEvent","getItemData","keyDownHandler","defaultPrevented","handleActivated","key","updateScreenReaderText","call","preventDefault","nextIndex","moveItemIndex","appendChild","itemAtNextIndex","children","insertionReferenceItem","nextElementSibling","insertBefore","getItems","calciteListOrderChange","emit","map","value","requestAnimationFrame","focusElement","updateHandleAriaLabel","storeAssistiveEl","assistiveTextEl","handleFocusIn","Map","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","dragActive","connectInteractive","connectLocalized","connectMessages","initialize","initializeObserver","setUpSorting","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","handleInitialFilter","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectInteractive","disconnectSortableComponent","disconnectLocalized","disconnectMessages","cleanUpObserver","calciteListFocusOutHandler","calciteListItemRemoveHandler","removeItem","calciteListItemChangeHandler","calciteInternalListItemPropsChangeHandler","stopPropagation","setUpFilter","calciteInternalListItemValueChangeHandler","onGlobalDragStart","onGlobalDragEnd","onDragEnd","onDragStart","onDragSort","Array","from","querySelectorAll","values","setUpItems","filterEnabled","dataForFilter","dragEnabled","connectSortableComponent","handleBlur","getSelectedItems","selectedValues","setFocus","focusId","componentFocusable","getIconType","type","textContent","handleElement","ariaLabel","handleValueListItemBlur","detail","render","h","List","onBlur","onFocusin","onKeyDown","props","ICONS","drag","SLOTS","actionsEnd","actionsStart","valueListItemCss","CalciteValueListItemStyle0","ValueListItem","pickListItem","guid","getPickListRef","handleKeyDown","calciteValueListItemDragHandleBlur","handleEl","handleSelectChange","selected","connectConditionalSlotComponent","disconnectConditionalSlotComponent","toggleSelected","coerce","renderActionsEnd","hasActionsEnd","getSlotted","name","slot","PICK_LIST_SLOTS","renderActionsStart","hasActionsStart","renderHandle","icon","iconFlipRtl","class","ref","role","tabindex","flipRtl","scale","Host","id","InteractiveContainer","disabled","description","deselectDisabled","metadata","nonInteractive","onCalciteListItemChange","removable"],"sources":["src/components/value-list/resources.ts","src/components/value-list/utils.ts","src/components/value-list/value-list.scss?tag=calcite-value-list&encapsulation=shadow","src/components/value-list/value-list.tsx","src/components/value-list-item/resources.ts","src/components/value-list-item/value-list-item.scss?tag=calcite-value-list-item&encapsulation=shadow","src/components/value-list-item/value-list-item.tsx"],"sourcesContent":["import { ValueUnion } from \"../types\";\n\nexport const CSS = {\n  container: \"container\",\n  handle: \"handle\",\n};\n\nexport const ICON_TYPES = {\n  grip: \"grip\",\n};\n\nexport type ICON_TYPES = ValueUnion<typeof ICON_TYPES>;\n\nexport const TEXT = {\n  filterResults: \"Filter results\",\n};\n","import { getItemIndex } from \"../pick-list/shared-list-logic\";\nimport { DragStatus } from \"./interfaces\";\nimport { ValueList } from \"./value-list\";\n\nexport function getScreenReaderText(\n  item: HTMLCalciteValueListItemElement,\n  status: DragStatus,\n  valueList: ValueList<HTMLCalciteValueListItemElement>,\n): string {\n  const { items, messages } = valueList;\n\n  const total = items.length;\n  const position = getItemIndex(valueList, item) + 1;\n  const template =\n    status === \"idle\"\n      ? messages.dragHandleIdle\n      : status === \"active\"\n        ? messages.dragHandleActive\n        : status === \"change\"\n          ? messages.dragHandleChange\n          : messages.dragHandleCommit;\n\n  return replacePlaceholders(template, item.label, position, total);\n}\n\nexport function getHandleAndItemElement(event: KeyboardEvent | FocusEvent): {\n  handle: HTMLCalciteHandleElement;\n  item: HTMLCalciteValueListItemElement;\n} {\n  const handle = event\n    .composedPath()\n    .find((item: HTMLElement) => item.dataset?.jsHandle !== undefined) as HTMLCalciteHandleElement;\n\n  const item = event\n    .composedPath()\n    .find(\n      (item: HTMLElement) => item.tagName?.toLowerCase() === \"calcite-value-list-item\",\n    ) as HTMLCalciteValueListItemElement;\n\n  return { handle, item };\n}\n\nexport function replacePlaceholders(text: string, label: string, position: number, total: number): string {\n  const replacePosition = text.replace(\"{position}\", position.toString());\n  const replaceLabel = replacePosition.replace(\"{itemLabel}\", label);\n  return replaceLabel.replace(\"{total}\", total.toString());\n}\n",":host {\n  @apply text-color-2\n    text-n1\n    relative\n    box-border\n    flex\n    flex-shrink-0\n    flex-grow-0\n    flex-col\n    items-stretch\n    bg-transparent;\n  * {\n    @apply box-border;\n  }\n}\n\n@include disabled();\n\ncalcite-value-list-item:last-of-type {\n  @apply shadow-none;\n}\n\n:host([filter-enabled]) header {\n  @apply bg-foreground-1\n    mb-1\n    flex\n    items-center\n    justify-end;\n  &.sticky-pos {\n    @apply sticky top-0 z-sticky;\n  }\n  @apply shadow-border-bottom;\n}\n\ncalcite-filter {\n  @apply mb-px;\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport Sortable from \"sortablejs\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  calciteInternalListItemValueChangeHandler,\n  calciteListFocusOutHandler,\n  calciteListItemChangeHandler,\n  cleanUpObserver,\n  deselectRemovedItems,\n  deselectSiblingItems,\n  getItemData,\n  handleFilter,\n  handleFilterEvent,\n  handleInitialFilter,\n  initialize,\n  initializeObserver,\n  ItemData,\n  keyDownHandler,\n  ListFocusId,\n  moveItemIndex,\n  mutationObserverCallback,\n  removeItem,\n  selectSiblings,\n  setFocus,\n  setUpItems,\n} from \"../pick-list/shared-list-logic\";\nimport List from \"../pick-list/shared-list-render\";\nimport { ListItemAndHandle } from \"../value-list-item/interfaces\";\nimport {\n  DragDetail,\n  connectSortableComponent,\n  disconnectSortableComponent,\n  SortableComponent,\n  dragActive,\n} from \"../../utils/sortableComponent\";\nimport { focusElement } from \"../../utils/dom\";\nimport { ValueListMessages } from \"./assets/value-list/t9n\";\nimport { CSS, ICON_TYPES } from \"./resources\";\nimport { getHandleAndItemElement, getScreenReaderText } from \"./utils\";\n\n/**\n * @deprecated Use the `list` component instead.\n * @slot - A slot for adding `calcite-value-list-item` elements. List items are displayed as a vertical list.\n * @slot menu-actions - A slot for adding a button and menu combination for performing actions, such as sorting.\n */\n@Component({\n  tag: \"calcite-value-list\",\n  styleUrl: \"value-list.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class ValueList<\n    ItemElement extends HTMLCalciteValueListItemElement = HTMLCalciteValueListItemElement,\n  >\n  implements\n    InteractiveComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent,\n    SortableComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When provided, the method will be called to determine whether the element can move from the list.\n   */\n  @Prop() canPull: (detail: DragDetail) => boolean;\n\n  /**\n   * When provided, the method will be called to determine whether the element can be added from another list.\n   */\n  @Prop() canPut: (detail: DragDetail) => boolean;\n\n  /**\n   * When `true`, `calcite-value-list-item`s are sortable via a draggable button.\n   */\n  @Prop({ reflect: true }) dragEnabled = false;\n\n  /**\n   * The currently filtered items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) filteredItems: HTMLCalciteValueListItemElement[] = [];\n\n  /**\n   * The currently filtered data.\n   *\n   * @readonly\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by shared-list-logic module\n  @Prop({ mutable: true }) filteredData: ItemData = [];\n\n  /**\n   * When `true`, an input appears at the top of the component that can be used by end users to filter list items.\n   */\n  @Prop({ reflect: true }) filterEnabled = false;\n\n  /**\n   * Placeholder text for the filter's input field.\n   */\n  @Prop({ reflect: true }) filterPlaceholder: string;\n\n  /**\n   * Text for the filter input field.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by shared-list-logic module\n  @Prop({ reflect: true, mutable: true }) filterText: string;\n\n  /**\n   * The component's group identifier.\n   *\n   * To drag elements from one list into another, both lists must have the same group value.\n   */\n  @Prop({ reflect: true }) group?: string;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Similar to standard radio buttons and checkboxes.\n   * When `true`, a user can select multiple `calcite-value-list-item`s at a time.\n   * When `false`, only a single `calcite-value-list-item` can be selected at a time,\n   * and a new selection will deselect previous selections.\n   */\n  @Prop({ reflect: true }) multiple = false;\n\n  /**\n   * When `true` and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.\n   */\n  @Prop({ reflect: true }) selectionFollowsFocus = false;\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<ValueListMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\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: ValueListMessages;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteValueListElement;\n\n  @State() dataForFilter: ItemData = [];\n\n  @State() defaultMessages: ValueListMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() selectedValues: Map<string, ItemElement> = new Map();\n\n  items: ItemElement[];\n\n  lastSelectedItem: ItemElement = null;\n\n  mutationObserver = createObserver(\"mutation\", mutationObserverCallback.bind(this));\n\n  sortable: Sortable;\n\n  emitCalciteListChange: () => void;\n\n  emitCalciteListFilter: () => void;\n\n  filterEl: HTMLCalciteFilterElement;\n\n  assistiveTextEl: HTMLSpanElement;\n\n  handleSelector = `.${CSS.handle}`;\n\n  dragSelector = \"calcite-value-list-item\";\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    if (dragActive(this)) {\n      return;\n    }\n\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    initialize.call(this);\n    initializeObserver.call(this);\n    this.setUpSorting();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    handleInitialFilter.call(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    if (dragActive(this)) {\n      return;\n    }\n\n    disconnectInteractive(this);\n    disconnectSortableComponent(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    cleanUpObserver.call(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emits when any of the list item selections have changed.\n   */\n  @Event({ cancelable: false }) calciteListChange: EventEmitter<\n    Map<string, HTMLCalciteValueListItemElement>\n  >;\n\n  /**\n   * Emits when the order of the list has changed.\n   */\n  @Event({ cancelable: false }) calciteListOrderChange: EventEmitter<any[]>;\n\n  /**\n   * Emits when a filter has changed.\n   */\n  @Event({ cancelable: false }) calciteListFilter: EventEmitter<void>;\n\n  @Listen(\"focusout\")\n  calciteListFocusOutHandler(event: FocusEvent): void {\n    calciteListFocusOutHandler.call(this, event);\n  }\n\n  @Listen(\"calciteListItemRemove\")\n  calciteListItemRemoveHandler(event: CustomEvent<void>): void {\n    removeItem.call(this, event);\n  }\n\n  @Listen(\"calciteListItemChange\")\n  calciteListItemChangeHandler(event: CustomEvent): void {\n    calciteListItemChangeHandler.call(this, event);\n  }\n\n  @Listen(\"calciteInternalListItemPropsChange\")\n  calciteInternalListItemPropsChangeHandler(event: CustomEvent): void {\n    event.stopPropagation();\n    this.setUpFilter();\n  }\n\n  @Listen(\"calciteInternalListItemValueChange\")\n  calciteInternalListItemValueChangeHandler(event: CustomEvent): void {\n    calciteInternalListItemValueChangeHandler.call(this, event);\n    event.stopPropagation();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  onGlobalDragStart(): void {\n    cleanUpObserver.call(this);\n  }\n\n  onGlobalDragEnd(): void {\n    initializeObserver.call(this);\n  }\n\n  onDragEnd(): void {}\n\n  onDragStart(): void {}\n\n  onDragSort(): void {\n    this.items = Array.from(this.el.querySelectorAll<ItemElement>(\"calcite-value-list-item\"));\n    const values = this.items.map((item) => item.value);\n    this.calciteListOrderChange.emit(values);\n  }\n\n  getItems(): ItemElement[] {\n    return Array.from(this.el.querySelectorAll<ItemElement>(\"calcite-value-list-item\"));\n  }\n\n  setUpItems(): void {\n    setUpItems.call(this, \"calcite-value-list-item\");\n    this.setUpSorting();\n  }\n\n  setUpFilter(): void {\n    if (this.filterEnabled) {\n      this.dataForFilter = this.getItemData();\n    }\n  }\n\n  setFilterEl = (el: HTMLCalciteFilterElement): void => {\n    this.filterEl = el;\n  };\n\n  setFilteredItems = (filteredItems: HTMLCalciteValueListItemElement[]): void => {\n    this.filteredItems = filteredItems;\n  };\n\n  setUpSorting(): void {\n    const { dragEnabled } = this;\n\n    if (!dragEnabled) {\n      return;\n    }\n\n    connectSortableComponent(this);\n  }\n\n  deselectRemovedItems = deselectRemovedItems.bind(this);\n\n  deselectSiblingItems = deselectSiblingItems.bind(this);\n\n  selectSiblings = selectSiblings.bind(this);\n\n  handleFilter = handleFilter.bind(this);\n\n  handleFilterEvent = handleFilterEvent.bind(this);\n\n  getItemData = getItemData.bind(this);\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const { handle, item } = getHandleAndItemElement(event);\n    if (handle && !item.handleActivated && event.key === \" \") {\n      this.updateScreenReaderText(getScreenReaderText(item, \"commit\", this));\n    }\n\n    if (!handle || !item.handleActivated) {\n      keyDownHandler.call(this, event);\n      return;\n    }\n\n    event.preventDefault();\n\n    const { items } = this;\n\n    if (event.key === \" \") {\n      this.updateScreenReaderText(getScreenReaderText(item, \"active\", this));\n    }\n\n    if ((event.key !== \"ArrowUp\" && event.key !== \"ArrowDown\") || items.length <= 1) {\n      return;\n    }\n\n    const { el } = this;\n    const nextIndex = moveItemIndex(this, item, event.key === \"ArrowUp\" ? \"up\" : \"down\");\n    if (nextIndex === items.length - 1) {\n      el.appendChild(item);\n    } else {\n      const itemAtNextIndex = el.children[nextIndex];\n      const insertionReferenceItem =\n        itemAtNextIndex === item.nextElementSibling\n          ? itemAtNextIndex.nextElementSibling\n          : itemAtNextIndex;\n      el.insertBefore(item, insertionReferenceItem);\n    }\n\n    this.items = this.getItems();\n    this.calciteListOrderChange.emit(this.items.map(({ value }) => value));\n\n    requestAnimationFrame(() => focusElement(handle));\n    item.handleActivated = true;\n\n    this.updateHandleAriaLabel(handle, getScreenReaderText(item, \"change\", this));\n  };\n\n  handleBlur(): void {\n    if (this.dragEnabled) {\n      this.updateScreenReaderText(\"\");\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Returns the component's selected items. */\n  @Method()\n  async getSelectedItems(): Promise<Map<string, HTMLCalciteValueListItemElement>> {\n    return this.selectedValues;\n  }\n\n  /**\n   * Sets focus on the component's first focusable element.\n   *\n   * @param focusId\n   */\n  @Method()\n  async setFocus(focusId?: ListFocusId): Promise<void> {\n    await componentFocusable(this);\n\n    return setFocus.call(this, focusId);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  getIconType(): typeof ICON_TYPES | null {\n    let type = null;\n    if (this.dragEnabled) {\n      type = ICON_TYPES.grip;\n    }\n    return type;\n  }\n\n  updateScreenReaderText(text: string): void {\n    this.assistiveTextEl.textContent = text;\n  }\n\n  updateHandleAriaLabel(handleElement: HTMLSpanElement, text: string): void {\n    handleElement.ariaLabel = text;\n  }\n\n  storeAssistiveEl = (el: HTMLSpanElement): void => {\n    this.assistiveTextEl = el;\n  };\n\n  handleFocusIn = (event: FocusEvent): void => {\n    const { handle, item } = getHandleAndItemElement(event);\n    if (!item?.handleActivated && item && handle) {\n      this.updateHandleAriaLabel(handle, getScreenReaderText(item, \"idle\", this));\n    }\n  };\n\n  @Listen(\"calciteValueListItemDragHandleBlur\")\n  handleValueListItemBlur(event: CustomEvent<ListItemAndHandle>): void {\n    const { item, handle } = event.detail;\n    if (!item?.handleActivated && item) {\n      this.updateHandleAriaLabel(handle, getScreenReaderText(item, \"idle\", this));\n    }\n    event.stopPropagation();\n  }\n\n  render(): VNode {\n    return (\n      <List\n        onBlur={this.handleBlur}\n        onFocusin={this.handleFocusIn}\n        onKeyDown={this.keyDownHandler}\n        props={this}\n      />\n    );\n  }\n}\n","export const ICONS = {\n  drag: \"drag\",\n};\n\nexport const SLOTS = {\n  actionsEnd: \"actions-end\",\n  actionsStart: \"actions-start\",\n};\n",":host {\n  @apply bg-foreground-1\n    text-color-2\n    text-n1\n    shadow-border-bottom\n    mb-px\n    box-border\n    flex;\n  transition:\n    background-color var(--calcite-animation-timing),\n    box-shadow var(--calcite-animation-timing);\n  * {\n    @apply box-border;\n  }\n}\n\ncalcite-pick-list-item {\n  @apply relative\n    m-0\n    flex-grow\n    shadow-none;\n}\n\n:host([active]),\n:host([selected]) {\n  @apply shadow-outline-active;\n}\n\n.handle {\n  @apply flex\n    cursor-move\n    items-center\n    justify-center\n    border-none\n    bg-transparent\n    py-0\n    px-1;\n  color: theme(\"borderColor.color.input\");\n  &:hover {\n    @apply bg-foreground-2 text-color-1;\n  }\n  @apply focus-base;\n  &:focus {\n    @apply focus-inset;\n  }\n  &--activated {\n    @apply bg-foreground-3 text-color-1;\n  }\n  calcite-icon {\n    color: inherit;\n  }\n}\n\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { CSS, SLOTS as PICK_LIST_SLOTS } from \"../pick-list-item/resources\";\nimport { ICON_TYPES } from \"../pick-list/resources\";\nimport { ListItemAndHandle } from \"./interfaces\";\nimport { ICONS, SLOTS } from \"./resources\";\n\n/**\n * @deprecated Use the `list` component instead.\n * @slot actions-end - A slot for adding `calcite-action`s or content to the end side of the component.\n * @slot actions-start - A slot for adding `calcite-action`s or content to the start side of the component.\n */\n@Component({\n  tag: \"calcite-value-list-item\",\n  styleUrl: \"value-list-item.scss\",\n  shadow: true,\n})\nexport class ValueListItem\n  implements ConditionalSlotComponent, InteractiveComponent, LoadableComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * A description for the component that displays below the label text.\n   */\n  @Prop({ reflect: true }) description?: string;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * @internal\n   */\n  @Prop() deselectDisabled = false;\n\n  /**\n   * When `true`, prevents the content of the component from user interaction.\n   */\n  @Prop({ reflect: true }) nonInteractive = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true }) handleActivated? = false;\n\n  /**\n   * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.\n   *\n   * @see [ICON_TYPES](https://github.com/Esri/calcite-design-system/blob/main/src/components/pick-list/resources.ts#L5)\n   */\n  @Prop({ reflect: true }) icon?: ICON_TYPES | null = null;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * Label and accessible name for the component. Appears next to the icon.\n   */\n  @Prop({ reflect: true }) label!: string;\n\n  /**\n   * Provides additional metadata to the component. Primary use is for a filter on the parent list.\n   */\n  @Prop() metadata?: Record<string, unknown>;\n\n  /**\n   * When `true`, adds an action to remove the component.\n   */\n  @Prop({ reflect: true }) removable = false;\n\n  /**\n   * When `true`, the component is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  /**\n   * The component's value.\n   */\n  @Prop() value!: any;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteValueListItemElement;\n\n  pickListItem: HTMLCalcitePickListItemElement = null;\n\n  handleEl: HTMLSpanElement;\n\n  guid = `calcite-value-list-item-${guid()}`;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectInteractive(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n    disconnectInteractive(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Toggle the selection state. By default this won't trigger an event.\n   * The first argument allows the value to be coerced, rather than swapping values.\n   *\n   * @param coerce\n   */\n  @Method()\n  async toggleSelected(coerce?: boolean): Promise<void> {\n    this.pickListItem.toggleSelected(coerce);\n  }\n\n  /** Set focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    return this.pickListItem?.setFocus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the component is selected or unselected.\n   */\n  @Event({ cancelable: false }) calciteListItemChange: EventEmitter<{\n    item: HTMLCalciteValueListItemElement;\n    value: any;\n    selected: boolean;\n    shiftPressed: boolean;\n  }>;\n\n  /**\n   * Fires when the remove button is pressed.\n   */\n  @Event({ cancelable: true }) calciteListItemRemove: EventEmitter<void>; // wrapped pick-list-item emits this\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteValueListItemDragHandleBlur: EventEmitter<ListItemAndHandle>;\n\n  @Listen(\"calciteListItemChange\")\n  calciteListItemChangeHandler(event: CustomEvent): void {\n    // adjust item payload from wrapped item before bubbling\n    event.detail.item = this.el;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  getPickListRef = (el: HTMLCalcitePickListItemElement): HTMLCalcitePickListItemElement =>\n    (this.pickListItem = el);\n\n  handleKeyDown = (event: KeyboardEvent): void => {\n    if (event.key === \" \") {\n      this.handleActivated = !this.handleActivated;\n    }\n  };\n\n  handleBlur = (): void => {\n    this.handleActivated = false;\n    this.calciteValueListItemDragHandleBlur.emit({ item: this.el, handle: this.handleEl });\n  };\n\n  handleSelectChange = (event: CustomEvent): void => {\n    this.selected = event.detail.selected;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderActionsEnd(): VNode {\n    const { el } = this;\n    const hasActionsEnd = getSlotted(el, SLOTS.actionsEnd);\n\n    return hasActionsEnd ? (\n      <slot name={SLOTS.actionsEnd} slot={PICK_LIST_SLOTS.actionsEnd} />\n    ) : null;\n  }\n\n  renderActionsStart(): VNode {\n    const { el } = this;\n    const hasActionsStart = getSlotted(el, SLOTS.actionsStart);\n\n    return hasActionsStart ? (\n      <slot name={SLOTS.actionsStart} slot={PICK_LIST_SLOTS.actionsStart} />\n    ) : null;\n  }\n\n  renderHandle(): VNode {\n    const { icon, iconFlipRtl } = this;\n    if (icon === ICON_TYPES.grip) {\n      return (\n        <span\n          class={{\n            [CSS.handle]: true,\n            [CSS.handleActivated]: this.handleActivated,\n          }}\n          data-js-handle\n          onBlur={this.handleBlur}\n          onKeyDown={this.handleKeyDown}\n          ref={(el) => (this.handleEl = el as HTMLSpanElement)}\n          role=\"button\"\n          tabindex=\"0\"\n        >\n          <calcite-icon flipRtl={iconFlipRtl} icon={ICONS.drag} scale=\"s\" />\n        </span>\n      );\n    }\n  }\n\n  render(): VNode {\n    return (\n      <Host id={this.el.id || this.guid}>\n        <InteractiveContainer disabled={this.disabled}>\n          {this.renderHandle()}\n          <calcite-pick-list-item\n            description={this.description}\n            deselectDisabled={this.deselectDisabled}\n            disabled={this.disabled}\n            label={this.label}\n            metadata={this.metadata}\n            nonInteractive={this.nonInteractive}\n            onCalciteListItemChange={this.handleSelectChange}\n            ref={this.getPickListRef}\n            removable={this.removable}\n            selected={this.selected}\n            value={this.value}\n          >\n            {this.renderActionsStart()}\n            {this.renderActionsEnd()}\n          </calcite-pick-list-item>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-57d2f130.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{r as i,h as e,H as t,g as s}from"./p-d5fb1def.js";import{h as n}from"./p-521dd844.js";import"./p-1a91451c.js";import"./p-4a7f9f77.js";const o={valid:"check-circle",invalid:"exclamation-mark-triangle",idle:"information"};const a=":host{box-sizing:border-box;display:flex;block-size:auto;inline-size:100%;align-items:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);opacity:1;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;--calcite-input-message-spacing-value:0.25rem;margin-block-start:var(--calcite-input-message-spacing-value)}.calcite-input-message-icon{pointer-events:none;display:inline-flex;flex-shrink:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-inline-end:0.5rem}:host([status=invalid]) .calcite-input-message-icon{color:var(--calcite-color-status-danger)}:host([status=warning]) .calcite-input-message-icon{color:var(--calcite-color-status-warning)}:host([status=valid]) .calcite-input-message-icon{color:var(--calcite-color-status-success)}:host([status=idle]) .calcite-input-message-icon{color:var(--calcite-color-brand)}:host([scale=s]){font-size:var(--calcite-font-size--3);line-height:0.75rem}:host([scale=m]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=l]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([hidden]){display:none}[hidden]{display:none}";const c=a;const l=class{constructor(e){i(this,e);this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.status="idle"}handleIconEl(){this.requestedIcon=n(o,this.icon,this.status)}connectedCallback(){this.requestedIcon=n(o,this.icon,this.status)}render(){const i=this.el.hidden;return e(t,{key:"7d7329dbca2d5abb5a9b92dbee9767ba14488caa","calcite-hydrated-hidden":i},this.renderIcon(this.requestedIcon),e("slot",{key:"2fc037f47b40f25698cecdd52df9436da86ecfcf"}))}renderIcon(i){if(i){return e("calcite-icon",{class:"calcite-input-message-icon",flipRtl:this.iconFlipRtl,icon:i,scale:"s"})}}get el(){return s(this)}static get watchers(){return{status:["handleIconEl"],icon:["handleIconEl"]}}};l.style=c;export{l as calcite_input_message};
-//# sourceMappingURL=p-57d2f130.entry.js.map

package/dist/calcite/p-59472336.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{d as _}from"./p-b8a710c9.js";import"./p-d5fb1def.js";import"./p-607f6ebc.js";import"./p-521dd844.js";import"./p-1a91451c.js";import"./p-4a7f9f77.js";import"./p-dd122c48.js";import"./p-64eee6a2.js";import"./p-0055e511.js";import"./p-92ee57bc.js";import"./p-5b021a42.js";import"./p-77f9f089.js";import"./p-d41eda90.js";import"./p-7369809e.js";import"./p-bf44c80a.js";import"./p-f75f0a6d.js";import"./p-f2fb83bd.js";import"./p-bfe64bf4.js";import"./p-934455cd.js";var m={name:"ja",weekdays:"日曜日_月曜日_火曜日_水曜日_木曜日_金曜日_土曜日".split("_"),weekdaysShort:"日_月_火_水_木_金_土".split("_"),weekdaysMin:"日_月_火_水_木_金_土".split("_"),months:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),ordinal:function _(m){return m+"日"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日 HH:mm",LLLL:"YYYY年M月D日 dddd HH:mm",l:"YYYY/MM/DD",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日(ddd) HH:mm"},meridiem:function _(m){return m<12?"午前":"午後"},relativeTime:{future:"%s後",past:"%s前",s:"数秒",m:"1分",mm:"%d分",h:"1時間",hh:"%d時間",d:"1日",dd:"%d日",M:"1ヶ月",MM:"%dヶ月",y:"1年",yy:"%d年"}};_.locale(m,null,true);export{m as default};
-//# sourceMappingURL=p-59472336.js.map

package/dist/calcite/p-5a0aa304.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{d as r}from"./p-b8a710c9.js";import"./p-d5fb1def.js";import"./p-607f6ebc.js";import"./p-521dd844.js";import"./p-1a91451c.js";import"./p-4a7f9f77.js";import"./p-dd122c48.js";import"./p-64eee6a2.js";import"./p-0055e511.js";import"./p-92ee57bc.js";import"./p-5b021a42.js";import"./p-77f9f089.js";import"./p-d41eda90.js";import"./p-7369809e.js";import"./p-bf44c80a.js";import"./p-f75f0a6d.js";import"./p-f2fb83bd.js";import"./p-bfe64bf4.js";import"./p-934455cd.js";var t="يناير_فبراير_مارس_أبريل_مايو_يونيو_يوليو_أغسطس_سبتمبر_أكتوبر_نوفمبر_ديسمبر".split("_");var p={1:"١",2:"٢",3:"٣",4:"٤",5:"٥",6:"٦",7:"٧",8:"٨",9:"٩",0:"٠"};var m={"١":"1","٢":"2","٣":"3","٤":"4","٥":"5","٦":"6","٧":"7","٨":"8","٩":"9","٠":"0"};var e={name:"ar",weekdays:"الأحد_الإثنين_الثلاثاء_الأربعاء_الخميس_الجمعة_السبت".split("_"),weekdaysShort:"أحد_إثنين_ثلاثاء_أربعاء_خميس_جمعة_سبت".split("_"),weekdaysMin:"ح_ن_ث_ر_خ_ج_س".split("_"),months:t,monthsShort:t,weekStart:6,meridiem:function r(t){return t>12?"م":"ص"},relativeTime:{future:"بعد %s",past:"منذ %s",s:"ثانية واحدة",m:"دقيقة واحدة",mm:"%d دقائق",h:"ساعة واحدة",hh:"%d ساعات",d:"يوم واحد",dd:"%d أيام",M:"شهر واحد",MM:"%d أشهر",y:"عام واحد",yy:"%d أعوام"},preparse:function r(t){return t.replace(/[١٢٣٤٥٦٧٨٩٠]/g,(function(r){return m[r]})).replace(/،/g,",")},postformat:function r(t){return t.replace(/\d/g,(function(r){return p[r]})).replace(/,/g,"،")},ordinal:function r(t){return t},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"D/‏M/‏YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"}};r.locale(e,null,true);export{e as default};
-//# sourceMappingURL=p-5a0aa304.js.map

package/dist/calcite/p-5b021a42.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-function n(n){return n==="l"?"m":"s"}async function t(n){await(e(n)?n.componentOnReady():new Promise((n=>requestAnimationFrame((()=>n())))))}function e(n){return typeof n.componentOnReady==="function"}export{t as c,n as g};
-//# sourceMappingURL=p-5b021a42.js.map

package/dist/calcite/p-5b021a42.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getIconScale","componentScale","async","componentOnReady","el","isStencilEl","Promise","resolve","requestAnimationFrame"],"sources":["src/utils/component.ts"],"sourcesContent":["import { HTMLStencilElement } from \"@stencil/core/internal\";\nimport { Scale } from \"../components/interfaces\";\n\nexport function getIconScale(componentScale: Scale): Extract<Scale, \"s\" | \"m\"> {\n  return componentScale === \"l\" ? \"m\" : \"s\";\n}\n\n/**\n * This util helps us wait for a component to be ready for both lazy-loading (`dist` output) and non-lazy-loading (`components` output) components.\n *\n * Based on https://github.com/ionic-team/ionic-framework/blob/1a8bd6d/core/src/utils/helpers.ts#L60C1-L79C3\n *\n * @param el - the host element to wait for\n */\nexport async function componentOnReady(el: HTMLElement): Promise<void> {\n  await (isStencilEl(el)\n    ? el.componentOnReady()\n    : new Promise<void>((resolve) => requestAnimationFrame(() => resolve())));\n}\n\nfunction isStencilEl(el: HTMLElement): el is HTMLStencilElement {\n  return typeof (el as HTMLStencilElement).componentOnReady === \"function\";\n}\n"],"mappings":";;;;;SAGgBA,EAAaC,GAC3B,OAAOA,IAAmB,IAAM,IAAM,GACxC,CASOC,eAAeC,EAAiBC,SAC9BC,EAAYD,GACfA,EAAGD,mBACH,IAAIG,SAAeC,GAAYC,uBAAsB,IAAMD,QACjE,CAEA,SAASF,EAAYD,GACnB,cAAeA,EAA0BD,mBAAqB,UAChE,Q"}

package/dist/calcite/p-5deb8612.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{h as t,r as i,c as e,H as s,g as a}from"./p-d5fb1def.js";import{c as n,d as o,H as c}from"./p-607f6ebc.js";import{g as r}from"./p-1a91451c.js";import{c as l,d as h,u as d,I as u}from"./p-dd122c48.js";import{c as f,d as p}from"./p-92ee57bc.js";import{s as b,a as m,c as g}from"./p-77f9f089.js";import{c as v,d as y}from"./p-d41eda90.js";import{u as k,c as w,s as x,d as j}from"./p-f2fb83bd.js";import{f as z}from"./p-521dd844.js";import"./p-64eee6a2.js";import"./p-5b021a42.js";import"./p-0055e511.js";import"./p-7369809e.js";import"./p-4a7f9f77.js";const C=({full:i,scale:e,partial:s})=>t("calcite-icon",{class:s?undefined:"icon",icon:i?"star-f":"star",scale:e});const L=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){block-size:1.5rem;--calcite-rating-spacing-unit:0.25rem}:host([scale=m]){block-size:2rem;--calcite-rating-spacing-unit:0.5rem}:host([scale=l]){block-size:2.75rem;--calcite-rating-spacing-unit:0.75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing-unit)}.wrapper{display:inline-block}.star{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;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-color-border-input)}.star: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          )}.average,.fraction{color:var(--calcite-color-status-warning)}.hovered,.selected{color:var(--calcite-color-brand)}.fraction{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;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:bold}.number--count{color:var(--calcite-color-text-2);font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing-unit)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";const D=L;const I=class{constructor(t){i(this,t);this.calciteRatingChange=e(this,"calciteRatingChange",6);this.handleRatingPointerOver=()=>{this.isKeyboardInteraction=false};this.handleRatingPointerOut=()=>{this.isKeyboardInteraction=true;this.hoverValue=null};this.handleHostKeyDown=()=>{this.isKeyboardInteraction=true};this.handleLabelKeyDown=t=>{const i=this.getValueFromLabelEvent(t);const e=t.key;const s=e==" "?undefined:Number(e);this.emit=true;if(isNaN(s)){switch(e){case"Enter":case" ":this.value=!this.required&&this.value===i?0:i;break;case"ArrowLeft":this.value=this.getPreviousRatingValue(i);this.updateFocus();t.preventDefault();break;case"ArrowRight":this.value=this.getNextRatingValue(i);this.updateFocus();t.preventDefault();break;case"Tab":this.hoverValue=null;break}}else{if(!this.required&&s>=0&&s<=this.max){this.value=s}else if(this.required&&s>0&&s<=this.max){this.value=s}this.updateFocus()}};this.handleInputChange=t=>{if(this.isKeyboardInteraction===true){const i=Number(t.target["value"]);this.hoverValue=i;this.value=i}};this.handleLabelPointerOver=t=>{this.hoverValue=this.getValueFromLabelEvent(t)};this.handleLabelPointerDown=t=>{const i=t.currentTarget;const e=this.getValueFromLabelEvent(t);this.hoverValue=e;this.emit=true;this.value=!this.required&&this.value===e?0:e;i.focus()};this.handleLabelClick=t=>{t.preventDefault()};this.handleLabelFocus=t=>{const i=this.getValueFromLabelEvent(t);this.hoverValue=i};this.setLabelEl=t=>{this.labelElements.push(t)};this.emit=false;this.guid=`calcite-ratings-${r()}`;this.isKeyboardInteraction=true;this.labelElements=[];this.max=5;this.average=undefined;this.count=undefined;this.disabled=false;this.form=undefined;this.messages=undefined;this.messageOverrides=undefined;this.name=undefined;this.readOnly=false;this.required=false;this.scale="m";this.showChip=false;this.value=0;this.effectiveLocale="";this.defaultMessages=undefined;this.hoverValue=undefined}onMessagesChange(){}handleValueUpdate(t){this.hoverValue=t;if(this.emit){this.calciteRatingChange.emit()}this.emit=false}effectiveLocaleChange(){k(this,this.effectiveLocale)}connectedCallback(){l(this);v(this);w(this);f(this);n(this)}async componentWillLoad(){await x(this);b(this)}componentWillRender(){this.starsMap=Array.from({length:this.max},((t,i)=>{const e=i+1;const s=!this.hoverValue&&this.average&&!this.value&&e<=this.average;const a=e===this.value;const n=this.average&&this.average+1-e;const o=e<=this.hoverValue;const c=`${this.guid}-${e}`;const r=!this.hoverValue&&!this.value&&!o&&n>0&&n<1;const l=this.value>=e;const h=this.getTabIndex(e);return{average:s,checked:a,fraction:n,hovered:o,id:c,partial:r,selected:l,value:e,tabIndex:h}}))}componentDidLoad(){m(this)}disconnectedCallback(){h(this);y(this);j(this);p(this);o(this)}componentDidRender(){d(this)}render(){return t(s,{key:"a52cda8c257cd7d890f2828228c22e6f55da6ec8",onKeyDown:this.handleHostKeyDown,onPointerOut:this.handleRatingPointerOut,onPointerOver:this.handleRatingPointerOver},t(u,{key:"d600bf2953778bfd2b934c64afecec1075f4092a",disabled:this.disabled},t("span",{key:"fe31c08304e6ba4426aaf56fdfbd3cc660f364fc",class:"wrapper"},t("fieldset",{key:"090ccda26e6043bee537571a459df82342d416df",class:"fieldset",disabled:this.disabled},t("legend",{key:"844a839881be1428b098db9da2d462c48a218b1b",class:"visually-hidden"},this.messages.rating),this.starsMap.map((({average:i,checked:e,fraction:s,hovered:a,id:n,partial:o,selected:c,value:r,tabIndex:l})=>t("label",{class:{star:true,selected:c,hovered:a,average:i,partial:o},"data-value":r,htmlFor:n,onClick:this.handleLabelClick,onFocus:this.handleLabelFocus,onKeyDown:this.handleLabelKeyDown,onPointerDown:this.handleLabelPointerDown,onPointerOver:this.handleLabelPointerOver,ref:this.setLabelEl,tabIndex:l},t("input",{checked:e,class:"visually-hidden",disabled:this.disabled||this.readOnly,id:n,name:this.guid,onChange:this.handleInputChange,tabIndex:-1,type:"radio",value:r}),t(C,{full:c||i,scale:this.scale}),o&&t("div",{class:"fraction",style:{width:`${s*100}%`}},t(C,{full:true,partial:true,scale:this.scale})),t("span",{class:"visually-hidden"},this.messages.stars.replace("{num}",`${r}`))))),(this.count||this.average)&&this.showChip?t("calcite-chip",{scale:this.scale,value:this.count?.toString()},!!this.average&&t("span",{class:"number--average"},this.average.toString()),!!this.count&&t("span",{class:"number--count"},"(",this.count?.toString(),")")):null),t(c,{key:"1cf6c756686fece6a8f0efa3e1c547025707a0b2",component:this}))))}onLabelClick(){this.setFocus()}updateFocus(){this.hoverValue=this.value;this.labelElements[this.value-1].focus()}getTabIndex(t){if(this.readOnly||this.value!==t&&(this.value||t!==1)){return-1}return 0}getValueFromLabelEvent(t){const i=t.currentTarget;return Number(i.getAttribute("data-value"))}getNextRatingValue(t){return t===5?1:t+1}getPreviousRatingValue(t){return t===1?5:t-1}async setFocus(){await g(this);z(this.el)}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],value:["handleValueUpdate"],effectiveLocale:["effectiveLocaleChange"]}}};I.style=D;export{I as calcite_rating};
-//# sourceMappingURL=p-5deb8612.entry.js.map

package/dist/calcite/p-5ea51123.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{f as t}from"./p-d5fb1def.js";import{c as o}from"./p-7369809e.js";let f;const i={childList:true};function n(t){if(!f){f=o("mutation",c)}f.observe(t.el,i)}function s(t){f.unobserve(t.el)}function c(o){o.forEach((({target:o})=>{t(o)}))}export{n as c,s as d};
-//# sourceMappingURL=p-5ea51123.js.map

package/dist/calcite/p-5ea51123.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["mutationObserver","observerOptions","childList","connectConditionalSlotComponent","component","createObserver","processMutations","observe","el","disconnectConditionalSlotComponent","unobserve","mutations","forEach","target","forceUpdate"],"sources":["src/utils/conditionalSlot.ts"],"sourcesContent":["import { forceUpdate } from \"@stencil/core\";\nimport { createObserver, ExtendedMutationObserver } from \"./observers\";\n\n/**\n * Defines interface for components with a dynamically changing slot.\n *\n * @deprecated Use `onSlotchange` event with `slotChangeHasAssignedElement` DOM utility instead.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}\n * ```\n */\nexport interface ConditionalSlotComponent {\n  /**\n   * The host element.\n   */\n  readonly el: HTMLElement;\n}\n\nlet mutationObserver: ExtendedMutationObserver;\nconst observerOptions: Pick<Parameters<MutationObserver[\"observe\"]>[1], \"childList\"> = { childList: true };\n\n/**\n * Helper to set up a conditional slot component on connectedCallback.\n *\n * @param component\n * @deprecated Use `onSlotchange` event with `slotChangeHasAssignedElement` DOM utility instead.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}\n * ```\n */\nexport function connectConditionalSlotComponent(component: ConditionalSlotComponent): void {\n  if (!mutationObserver) {\n    mutationObserver = createObserver(\"mutation\", processMutations);\n  }\n\n  mutationObserver.observe(component.el, observerOptions);\n}\n\n/**\n * Helper to tear down a conditional slot component on disconnectedCallback.\n *\n * @param component\n * @deprecated Use `onSlotchange` event with `slotChangeHasAssignedElement` DOM utility instead.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}\n * ```\n */\nexport function disconnectConditionalSlotComponent(component: ConditionalSlotComponent): void {\n  mutationObserver.unobserve(component.el);\n}\n\nfunction processMutations(mutations: MutationRecord[]): void {\n  mutations.forEach(({ target }) => {\n    forceUpdate(target);\n  });\n}\n"],"mappings":";;;;;wEAmBA,IAAIA,EACJ,MAAMC,EAAiF,CAAEC,UAAW,M,SAYpFC,EAAgCC,GAC9C,IAAKJ,EAAkB,CACrBA,EAAmBK,EAAe,WAAYC,E,CAGhDN,EAAiBO,QAAQH,EAAUI,GAAIP,EACzC,C,SAYgBQ,EAAmCL,GACjDJ,EAAiBU,UAAUN,EAAUI,GACvC,CAEA,SAASF,EAAiBK,GACxBA,EAAUC,SAAQ,EAAGC,aACnBC,EAAYD,EAAO,GAEvB,Q"}

package/dist/calcite/p-607f6ebc.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{h as t}from"./p-d5fb1def.js";import{q as n,a as i}from"./p-521dd844.js";const e=["calcite-input","calcite-input-number","calcite-input-text","calcite-text-area"];function s(t){const n=t.split("-").map(((t,n)=>n===0?t:`${t[0].toUpperCase()}${t.slice(1)}`)).join("");const i=`${n}${e.includes(t)?"Input":"Change"}`;return i}const o="hidden-form-input";function c(t){return"checked"in t}const r=new WeakMap;const u=new WeakSet;function a(t,n){const e=i(n.parentElement,"[form]");if(e){return true}const s="calciteInternalFormComponentRegister";let o=false;t.addEventListener(s,(t=>{o=t.composedPath().some((t=>u.has(t)));t.stopPropagation()}),{once:true});n.dispatchEvent(new CustomEvent(s,{bubbles:true,composed:true}));return o}function f(t,{status:n,message:i,icon:e}){if("status"in t){t.status=n}if("validationIcon"in t&&typeof t.validationIcon!=="string"){t.validationIcon=e}if("validationMessage"in t&&!t.validationMessage){t.validationMessage=i}}function l(t){if(t.nodeName==="CALCITE-RADIO-BUTTON"){return i(t,"calcite-radio-button-group")}return t}const d=new CustomEvent("calciteInvalid",{bubbles:true,composed:true});function m(t){const n=t?.target;const i=n?.validationMessage;const e=l(n?.parentElement);if(!e){return}const o=e?.nodeName?.toLowerCase();const c=o?.split("-");if(c.length<2||c[0]!=="calcite"){return}t?.preventDefault();if("validity"in e){e.validity=n?.validity}e.dispatchEvent(d);f(e,{message:i,icon:true,status:"invalid"});const r=s(o);e.addEventListener(r,(()=>{if("status"in e){e.status="idle"}if("validationIcon"in e&&!e.validationIcon){e.validationIcon=false}if("validationMessage"in e&&e.validationMessage===i){e.validationMessage=""}if("validity"in e){e.validity=n?.validity}}),{once:true})}function p(t){const{formEl:n}=t;if(!n){return false}n.addEventListener("invalid",m,true);n.requestSubmit();n.removeEventListener("invalid",m,true);requestAnimationFrame((()=>{const t=n.querySelectorAll("[status=invalid]");for(const n of t){if(n?.validationMessage){n?.setFocus();break}}}));return true}function v(t){t.formEl?.reset()}function b(t){const{el:n,value:i}=t;const e=h(t);if(!e||a(e,n)){return}t.formEl=e;t.defaultValue=i;if(c(t)){t.defaultChecked=t.checked}const s=(t.onFormReset||I).bind(t);e.addEventListener("reset",s);r.set(t.el,s);u.add(n)}function h(t){const{el:e,form:s}=t;return s?n(e,{id:s}):i(e,"form")}function I(){if("status"in this){this.status="idle"}if("validationIcon"in this){this.validationIcon=false}if("validationMessage"in this){this.validationMessage=""}if(c(this)){this.checked=this.defaultChecked;return}this.value=this.defaultValue}function g(t){const{el:n,formEl:i}=t;if(!i){return}const e=r.get(n);i.removeEventListener("reset",e);r.delete(n);t.formEl=null;u.delete(n)}function w(t,n){t.defaultValue=n}const C="calciteInternalHiddenInputInput";const E=t=>{t.target.dispatchEvent(new CustomEvent(C,{bubbles:true}))};const y=t=>t.removeEventListener("input",E);function $(t){const{el:n,formEl:i,name:e,value:s}=t;const{ownerDocument:c}=n;const r=n.querySelectorAll(`input[slot="${o}"]`);if(!i||!e){r.forEach((t=>{y(t);t.remove()}));return}const u=Array.isArray(s)?s:[s];const a=[];const f=new Set;r.forEach((n=>{const i=u.find((t=>t==n.value));if(i!=null){f.add(i);k(t,n,i)}else{a.push(n)}}));let l;u.forEach((n=>{if(f.has(n)){return}let i=a.pop();if(!i){i=c.createElement("input");i.slot=o}if(!l){l=c.createDocumentFragment()}l.append(i);i.addEventListener("input",E);k(t,i,n)}));if(l){n.append(l)}a.forEach((t=>{y(t);t.remove()}))}function k(t,n,i){const{defaultValue:e,disabled:s,form:o,name:r,required:u}=t;n.defaultValue=e;n.disabled=s;n.name=r;n.required=u;n.tabIndex=-1;if(o){n.setAttribute("form",o)}else{n.removeAttribute("form")}if(c(t)){n.checked=t.checked;n.defaultChecked=t.defaultChecked;n.value=t.checked?i||"on":""}else{n.value=i||""}t.syncHiddenFormInput?.(n);const a=l(t.el);if(a&&"validity"in a){for(const t in{...n?.validity}){a.validity[t]=n.validity[t]}}}const A=({component:n})=>{$(n);return t("slot",{name:o})};export{A as H,w as a,b as c,g as d,h as f,C as i,v as r,p as s};
-//# sourceMappingURL=p-607f6ebc.js.map

package/dist/calcite/p-609056d6.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
- */
-import{r as t,h as e,g as a}from"./p-d5fb1def.js";import{c as i}from"./p-7369809e.js";import{c as s,s as n,a as o}from"./p-77f9f089.js";const r={frame:"frame",frameAdvancing:"frame--advancing",frameRetreating:"frame--retreating"};const c=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0px}:host ::slotted(calcite-flow-item),:host ::slotted(calcite-panel){block-size:100%}:host ::slotted(.calcite-match-height:last-child){display:flex;flex:1 1 auto;overflow:hidden}:host .frame--advancing{animation:calcite-frame-advance var(--calcite-animation-timing)}:host .frame--retreating{animation:calcite-frame-retreat var(--calcite-animation-timing)}@keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;transform:translate3d(0, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}";const l=c;const d=class{constructor(e){t(this,e);this.itemMutationObserver=i("mutation",(()=>this.updateFlowProps()));this.getFlowDirection=(t,e)=>{const a=t>1;const i=t&&e>1;if(!i&&!a){return null}return e<t?"retreating":"advancing"};this.updateFlowProps=()=>{const{customItemSelectors:t,el:e,items:a}=this;const i=Array.from(e.querySelectorAll(`calcite-flow-item${t?`,${t}`:""}`)).filter((t=>t.closest("calcite-flow")===e));const s=a.length;const n=i.length;const o=i[n-1];const r=i[n-2];if(n&&o){i.forEach((t=>{t.showBackButton=t===o&&n>1;t.hidden=t!==o}))}if(r){r.menuOpen=false}this.items=i;if(s!==n){const t=this.getFlowDirection(s,n);this.itemCount=n;this.flowDirection=t}};this.customItemSelectors=undefined;this.flowDirection=null;this.itemCount=0;this.items=[]}async back(){const{items:t}=this;const e=t[t.length-1];if(!e){return}const a=e.beforeBack?e.beforeBack:()=>Promise.resolve();try{await a.call(e)}catch(t){return}e.remove();return e}async setFocus(){await s(this);const{items:t}=this;const e=t[t.length-1];return e?.setFocus()}connectedCallback(){this.itemMutationObserver?.observe(this.el,{childList:true,subtree:true});this.updateFlowProps()}async componentWillLoad(){n(this)}componentDidLoad(){o(this)}disconnectedCallback(){this.itemMutationObserver?.disconnect()}async handleItemBackClick(t){if(t.defaultPrevented){return}await this.back();return this.setFocus()}render(){const{flowDirection:t}=this;const a={[r.frame]:true,[r.frameAdvancing]:t==="advancing",[r.frameRetreating]:t==="retreating"};return e("div",{key:"9d405841d7a1ee2d7a5da28c02ef8d5bf08dd9f5",class:a},e("slot",{key:"a02231a5002f8b19542e03529aad12771787b26f"}))}get el(){return a(this)}};d.style=l;export{d as calcite_flow};
-//# sourceMappingURL=p-609056d6.entry.js.map

package/dist/calcite/p-609056d6.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","frame","frameAdvancing","frameRetreating","flowCss","CalciteFlowStyle0","Flow","this","itemMutationObserver","createObserver","updateFlowProps","getFlowDirection","oldFlowItemCount","newFlowItemCount","allowRetreatingDirection","allowAdvancingDirection","customItemSelectors","el","items","newItems","Array","from","querySelectorAll","filter","flowItem","closest","oldItemCount","length","newItemCount","activeItem","previousItem","forEach","itemNode","showBackButton","hidden","menuOpen","flowDirection","itemCount","back","lastItem","beforeBack","Promise","resolve","call","_error","remove","setFocus","componentFocusable","connectedCallback","observe","childList","subtree","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnect","handleItemBackClick","event","defaultPrevented","render","frameDirectionClasses","h","key","class"],"sources":["src/components/flow/resources.ts","src/components/flow/flow.scss?tag=calcite-flow&encapsulation=shadow","src/components/flow/flow.tsx"],"sourcesContent":["export const CSS = {\n  frame: \"frame\",\n  frameAdvancing: \"frame--advancing\",\n  frameRetreating: \"frame--retreating\",\n};\n",":host {\n  @extend %component-host;\n  @apply relative\n    flex\n    w-full\n    flex-auto\n    items-stretch\n    overflow-hidden\n    bg-transparent;\n\n  .frame {\n    @apply relative\n      m-0\n      flex\n      w-full\n      flex-auto\n      flex-col\n      items-stretch\n      p-0;\n  }\n\n  ::slotted(calcite-flow-item),\n  ::slotted(calcite-panel) {\n    @apply h-full;\n  }\n\n  ::slotted(.calcite-match-height:last-child) {\n    @apply flex\n    flex-auto\n    overflow-hidden;\n  }\n\n  .frame--advancing {\n    animation: calcite-frame-advance var(--calcite-animation-timing);\n  }\n\n  .frame--retreating {\n    animation: calcite-frame-retreat var(--calcite-animation-timing);\n  }\n\n  @keyframes calcite-frame-advance {\n    0% {\n      @apply bg-opacity-50;\n      transform: translate3d(50px, 0, 0);\n    }\n    100% {\n      @apply bg-opacity-100;\n      transform: translate3d(0, 0, 0);\n    }\n  }\n\n  @keyframes calcite-frame-retreat {\n    0% {\n      @apply bg-opacity-50;\n      transform: translate3d(-50px, 0, 0);\n    }\n    100% {\n      @apply bg-opacity-100;\n      transform: translate3d(0, 0, 0);\n    }\n  }\n}\n\n@include base-component();\n","import { Component, Element, h, Listen, Method, Prop, State, VNode } from \"@stencil/core\";\nimport { createObserver } from \"../../utils/observers\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { FlowDirection, FlowItemLikeElement } from \"./interfaces\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-flow-item` elements to the component.\n */\n@Component({\n  tag: \"calcite-flow\",\n  styleUrl: \"flow.scss\",\n  shadow: true,\n})\nexport class Flow implements LoadableComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Removes the currently active `calcite-flow-item`.\n   */\n  @Method()\n  async back(): Promise<HTMLCalciteFlowItemElement | FlowItemLikeElement> {\n    const { items } = this;\n\n    const lastItem = items[items.length - 1];\n\n    if (!lastItem) {\n      return;\n    }\n\n    const beforeBack = lastItem.beforeBack\n      ? lastItem.beforeBack\n      : (): Promise<void> => Promise.resolve();\n\n    try {\n      await beforeBack.call(lastItem);\n    } catch (_error) {\n      // back prevented\n      return;\n    }\n\n    lastItem.remove();\n\n    return lastItem;\n  }\n\n  /**\n   * Sets focus on the component.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    const { items } = this;\n    const activeItem = items[items.length - 1];\n\n    return activeItem?.setFocus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * This property enables the component to consider other custom elements implementing flow-item's interface.\n   *\n   * @internal\n   */\n  @Prop() customItemSelectors: string;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteFlowElement;\n\n  @State() flowDirection: FlowDirection = null;\n\n  @State() itemCount = 0;\n\n  @State() items: FlowItemLikeElement[] = [];\n\n  itemMutationObserver = createObserver(\"mutation\", () => this.updateFlowProps());\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.itemMutationObserver?.observe(this.el, { childList: true, subtree: true });\n    this.updateFlowProps();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    this.itemMutationObserver?.disconnect();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  @Listen(\"calciteFlowItemBack\")\n  async handleItemBackClick(event: CustomEvent): Promise<void> {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    await this.back();\n    return this.setFocus();\n  }\n\n  getFlowDirection = (oldFlowItemCount: number, newFlowItemCount: number): FlowDirection | null => {\n    const allowRetreatingDirection = oldFlowItemCount > 1;\n    const allowAdvancingDirection = oldFlowItemCount && newFlowItemCount > 1;\n\n    if (!allowAdvancingDirection && !allowRetreatingDirection) {\n      return null;\n    }\n\n    return newFlowItemCount < oldFlowItemCount ? \"retreating\" : \"advancing\";\n  };\n\n  updateFlowProps = (): void => {\n    const { customItemSelectors, el, items } = this;\n\n    const newItems = Array.from<FlowItemLikeElement>(\n      el.querySelectorAll(\n        `calcite-flow-item${customItemSelectors ? `,${customItemSelectors}` : \"\"}`,\n      ),\n    ).filter((flowItem) => flowItem.closest(\"calcite-flow\") === el);\n\n    const oldItemCount = items.length;\n    const newItemCount = newItems.length;\n    const activeItem = newItems[newItemCount - 1];\n    const previousItem = newItems[newItemCount - 2];\n\n    if (newItemCount && activeItem) {\n      newItems.forEach((itemNode) => {\n        itemNode.showBackButton = itemNode === activeItem && newItemCount > 1;\n        itemNode.hidden = itemNode !== activeItem;\n      });\n    }\n\n    if (previousItem) {\n      previousItem.menuOpen = false;\n    }\n\n    this.items = newItems;\n\n    if (oldItemCount !== newItemCount) {\n      const flowDirection = this.getFlowDirection(oldItemCount, newItemCount);\n      this.itemCount = newItemCount;\n      this.flowDirection = flowDirection;\n    }\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { flowDirection } = this;\n\n    const frameDirectionClasses = {\n      [CSS.frame]: true,\n      [CSS.frameAdvancing]: flowDirection === \"advancing\",\n      [CSS.frameRetreating]: flowDirection === \"retreating\",\n    };\n\n    return (\n      <div class={frameDirectionClasses}>\n        <slot />\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;;wIAAO,MAAMA,EAAM,CACjBC,MAAO,QACPC,eAAgB,mBAChBC,gBAAiB,qBCHnB,MAAMC,EAAU,+nCAChB,MAAAC,EAAeD,E,MCkBFE,EAAI,M,yBA4EfC,KAAAC,qBAAuBC,EAAe,YAAY,IAAMF,KAAKG,oBAyC7DH,KAAAI,iBAAmB,CAACC,EAA0BC,KAC5C,MAAMC,EAA2BF,EAAmB,EACpD,MAAMG,EAA0BH,GAAoBC,EAAmB,EAEvE,IAAKE,IAA4BD,EAA0B,CACzD,OAAO,I,CAGT,OAAOD,EAAmBD,EAAmB,aAAe,WAAW,EAGzEL,KAAAG,gBAAkB,KAChB,MAAMM,oBAAEA,EAAmBC,GAAEA,EAAEC,MAAEA,GAAUX,KAE3C,MAAMY,EAAWC,MAAMC,KACrBJ,EAAGK,iBACD,oBAAoBN,EAAsB,IAAIA,IAAwB,OAExEO,QAAQC,GAAaA,EAASC,QAAQ,kBAAoBR,IAE5D,MAAMS,EAAeR,EAAMS,OAC3B,MAAMC,EAAeT,EAASQ,OAC9B,MAAME,EAAaV,EAASS,EAAe,GAC3C,MAAME,EAAeX,EAASS,EAAe,GAE7C,GAAIA,GAAgBC,EAAY,CAC9BV,EAASY,SAASC,IAChBA,EAASC,eAAiBD,IAAaH,GAAcD,EAAe,EACpEI,EAASE,OAASF,IAAaH,CAAU,G,CAI7C,GAAIC,EAAc,CAChBA,EAAaK,SAAW,K,CAG1B5B,KAAKW,MAAQC,EAEb,GAAIO,IAAiBE,EAAc,CACjC,MAAMQ,EAAgB7B,KAAKI,iBAAiBe,EAAcE,GAC1DrB,KAAK8B,UAAYT,EACjBrB,KAAK6B,cAAgBA,C,yDAxFe,K,eAEnB,E,WAEmB,E,CA/DxC,UAAME,GACJ,MAAMpB,MAAEA,GAAUX,KAElB,MAAMgC,EAAWrB,EAAMA,EAAMS,OAAS,GAEtC,IAAKY,EAAU,CACb,M,CAGF,MAAMC,EAAaD,EAASC,WACxBD,EAASC,WACT,IAAqBC,QAAQC,UAEjC,UACQF,EAAWG,KAAKJ,E,CACtB,MAAOK,GAEP,M,CAGFL,EAASM,SAET,OAAON,C,CAOT,cAAMO,SACEC,EAAmBxC,MAEzB,MAAMW,MAAEA,GAAUX,KAClB,MAAMsB,EAAaX,EAAMA,EAAMS,OAAS,GAExC,OAAOE,GAAYiB,U,CAsCrB,iBAAAE,GACEzC,KAAKC,sBAAsByC,QAAQ1C,KAAKU,GAAI,CAAEiC,UAAW,KAAMC,QAAS,OACxE5C,KAAKG,iB,CAGP,uBAAM0C,GACJC,EAAuB9C,K,CAGzB,gBAAA+C,GACEC,EAAmBhD,K,CAGrB,oBAAAiD,GACEjD,KAAKC,sBAAsBiD,Y,CAU7B,yBAAMC,CAAoBC,GACxB,GAAIA,EAAMC,iBAAkB,CAC1B,M,OAGIrD,KAAK+B,OACX,OAAO/B,KAAKuC,U,CAsDd,MAAAe,GACE,MAAMzB,cAAEA,GAAkB7B,KAE1B,MAAMuD,EAAwB,CAC5B,CAAC9D,EAAIC,OAAQ,KACb,CAACD,EAAIE,gBAAiBkC,IAAkB,YACxC,CAACpC,EAAIG,iBAAkBiC,IAAkB,cAG3C,OACE2B,EAAA,OAAAC,IAAA,2CAAKC,MAAOH,GACVC,EAAA,QAAAC,IAAA,6C"}