@esri/calcite-components 1.0.0-next.430 → 1.0.0-next.433

package/dist/components/dropdown.js

@@ -1,11 +1,11 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { b as getSlotted, f as focusElement } from './dom.js';
-import { a as defaultMenuPlacement, C as CSS, u as updatePopper, c as createPopper, p as popperMenuFlipPlacements } from './popper.js';
+import { a as defaultMenuPlacement, f as filterComputedPlacements, C as CSS, u as updatePopper, c as createPopper, p as popperMenuComputedPlacements } from './popper.js';
 import { c as createObserver } from './observers.js';
 import { u as updateHostInteraction } from './interactive.js';
 
@@ -61,11 +61,6 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.type = "click";
     /** specify the width of dropdown, defaults to m */
     this.width = "m";
-    //--------------------------------------------------------------------------
-    //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
     this.items = [];
     this.activeTransitionProp = "visibility";
     this.mutationObserver = createObserver("mutation", () => this.updateItems());
@@ -75,6 +70,12 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     //  Private Methods
     //
     //--------------------------------------------------------------------------
+    this.setFilteredPlacements = () => {
+      const { el, flipPlacements } = this;
+      this.filteredFlipPlacements = flipPlacements
+        ? filterComputedPlacements(flipPlacements, el)
+        : null;
+    };
     this.updateItems = () => {
       this.updateSelectedItems();
       this.triggers = getSlotted(this.el, "dropdown-trigger", { all: true });
@@ -152,6 +153,9 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.active = false;
     }
   }
+  flipPlacementsHandler() {
+    this.setFilteredPlacements();
+  }
   maxItemsHandler() {
     this.setMaxScrollerHeight();
   }
@@ -168,6 +172,7 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
     this.createPopper();
     this.updateItems();
+    this.setFilteredPlacements();
   }
   componentDidLoad() {
     this.reposition();
@@ -284,7 +289,7 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       enabled: true
     };
     flipModifier.options = {
-      fallbackPlacements: this.flipPlacements || popperMenuFlipPlacements
+      fallbackPlacements: this.filteredFlipPlacements || popperMenuComputedPlacements
     };
     const eventListenerModifier = {
       name: "eventListeners",
@@ -379,6 +384,7 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   static get watchers() { return {
     "active": ["activeHandler"],
     "disabled": ["handleDisabledChange"],
+    "flipPlacements": ["flipPlacementsHandler"],
     "maxItems": ["maxItemsHandler"],
     "placement": ["placementHandler"]
   }; }

package/dist/components/filter.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
 import { f as focusElement } from './dom.js';

package/dist/components/forIn.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 import { i as isObject, b as baseGetTag, c as isObjectLike, r as root, f as freeGlobal } from './debounce.js';
 

package/dist/components/form.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 import { d as closestElementCrossShadowBoundary } from './dom.js';
 import { h } from '@stencil/core/internal/client';

package/dist/components/graph.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 import { proxyCustomElement, HTMLElement, forceUpdate, h } from '@stencil/core/internal/client';
 import { g as guid } from './guid.js';

package/dist/components/guid.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 function gen(counts) {
   return counts

package/dist/components/handle.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { d as defineCustomElement$1 } from './icon.js';

package/dist/components/icon.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 import { getAssetPath, proxyCustomElement, HTMLElement, h, Host, Build } from '@stencil/core/internal/client';
 import { a as getElementDir } from './dom.js';

package/dist/components/index.d.ts

@@ -9,7 +9,7 @@ import type { Components, JSX } from "../types/components";
  * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
  * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
  * But do note that this configuration depends on how your script is bundled, or lack of
- * bunding, and where your assets can be loaded from. Additionally custom bundling
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
  * will have to ensure the static assets are copied to its build directory.
  */
 export declare const setAssetPath: (path: string) => void;

package/dist/components/index.js

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';

package/dist/components/input.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { T as TEXT, b as getSlotted, s as setRequestedIcon, g as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom.js';

package/dist/components/interactive.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 function noopClick() {
   /** noop **/

package/dist/components/interfaces.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 var StatusIcons;
 (function (StatusIcons) {

package/dist/components/interfaces2.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 var TreeSelectionMode;
 (function (TreeSelectionMode) {

package/dist/components/label.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 import { q as queryElementRoots, d as closestElementCrossShadowBoundary } from './dom.js';
 

package/dist/components/label2.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { l as labelConnectedEvent, a as labelDisconnectedEvent } from './label.js';

package/dist/components/link.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { a as getElementDir, C as CSS_UTILITY, f as focusElement } from './dom.js';

package/dist/components/loader.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { g as guid } from './guid.js';

package/dist/components/locale.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 import { a as sanitizeExponentialNumberString, b as sanitizeDecimalString } from './number.js';
 

package/dist/components/math.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
 const decimalPlaces = (value) => {

package/dist/components/number.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 function isActivationKey(key) {
   return key === "Enter" || key === " ";

package/dist/components/observers.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 import { Build } from '@stencil/core/internal/client';
 

package/dist/components/pick-list-item.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
 import { I as ICON_TYPES } from './resources3.js';

package/dist/components/popover.js

@@ -1,11 +1,11 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
 import { d as defaultPopoverPlacement, T as TEXT, A as ARIA_EXPANDED, P as POPOVER_REFERENCE, a as ARIA_CONTROLS, C as CSS, H as HEADING_LEVEL } from './resources.js';
-import { d as defaultOffsetDistance, u as updatePopper, c as createPopper, C as CSS$1 } from './popper.js';
+import { d as defaultOffsetDistance, f as filterComputedPlacements, u as updatePopper, c as createPopper, C as CSS$1 } from './popper.js';
 import { g as guid } from './guid.js';
 import { q as queryElementRoots } from './dom.js';
 import { H as Heading } from './Heading.js';
@@ -75,6 +75,12 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     //  Private Methods
     //
     // --------------------------------------------------------------------------
+    this.setFilteredPlacements = () => {
+      const { el, flipPlacements } = this;
+      this.filteredFlipPlacements = flipPlacements
+        ? filterComputedPlacements(flipPlacements, el)
+        : null;
+    };
     this.setUpReferenceElement = () => {
       this.removeReferences();
       this.effectiveReferenceElement = this.getReferenceElement();
@@ -125,6 +131,9 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       }
     };
   }
+  flipPlacementsHandler() {
+    this.setFilteredPlacements();
+  }
   offsetDistanceOffsetHandler() {
     this.reposition();
   }
@@ -146,6 +155,9 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   //  Lifecycle
   //
   // --------------------------------------------------------------------------
+  connectedCallback() {
+    this.setFilteredPlacements();
+  }
   componentWillLoad() {
     this.setUpReferenceElement();
   }
@@ -196,14 +208,14 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       : referenceElement) || null);
   }
   getModifiers() {
-    const { arrowEl, flipPlacements, disableFlip, disablePointer, offsetDistance, offsetSkidding } = this;
+    const { arrowEl, disableFlip, disablePointer, offsetDistance, offsetSkidding, filteredFlipPlacements } = this;
     const flipModifier = {
       name: "flip",
       enabled: !disableFlip
     };
-    if (flipPlacements) {
+    if (filteredFlipPlacements) {
       flipModifier.options = {
-        fallbackPlacements: flipPlacements
+        fallbackPlacements: filteredFlipPlacements
       };
     }
     const arrowModifier = {
@@ -276,6 +288,7 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   get el() { return this; }
   static get watchers() { return {
+    "flipPlacements": ["flipPlacementsHandler"],
     "offsetDistance": ["offsetDistanceOffsetHandler"],
     "offsetSkidding": ["offsetSkiddingHandler"],
     "open": ["openHandler"],

package/dist/components/popper.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 import { a as getElementDir } from './dom.js';
 
@@ -1792,8 +1792,22 @@ var createPopper$1 = /*#__PURE__*/popperGenerator({
   defaultModifiers: defaultModifiers
 }); // eslint-disable-next-line import/no-unused-modules
 
+const popperComputedPlacements = [
+  "top",
+  "bottom",
+  "right",
+  "left",
+  "top-start",
+  "top-end",
+  "bottom-start",
+  "bottom-end",
+  "right-start",
+  "right-end",
+  "left-start",
+  "left-end"
+];
 const defaultMenuPlacement = "bottom-leading";
-const popperMenuFlipPlacements = [
+const popperMenuComputedPlacements = [
   "top-start",
   "top",
   "top-end",
@@ -1805,6 +1819,16 @@ const CSS = {
   animation: "calcite-popper-anim",
   animationActive: "calcite-popper-anim--active"
 };
+function filterComputedPlacements(placements, el) {
+  const filteredPlacements = placements.filter((placement) => popperComputedPlacements.includes(placement));
+  if (filteredPlacements.length !== placements.length) {
+    console.warn(`${el.tagName}: Invalid value found in: flipPlacements. Try any of these: ${popperComputedPlacements
+      .map((placement) => `"${placement}"`)
+      .join(", ")
+      .trim()}`, { el });
+  }
+  return filteredPlacements;
+}
 function getPlacement(el, placement) {
   const placements = ["left", "right"];
   const variations = ["start", "end"];
@@ -1841,4 +1865,4 @@ function hypotenuse(sideA, sideB) {
 const visiblePointerSize = 4;
 const defaultOffsetDistance = Math.ceil(hypotenuse(visiblePointerSize, visiblePointerSize));
 
-export { CSS as C, defaultMenuPlacement as a, createPopper as c, defaultOffsetDistance as d, popperMenuFlipPlacements as p, updatePopper as u };
+export { CSS as C, defaultMenuPlacement as a, createPopper as c, defaultOffsetDistance as d, filterComputedPlacements as f, popperMenuComputedPlacements as p, updatePopper as u };

package/dist/components/progress.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 

package/dist/components/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 const CSS = {
   container: "container",

package/dist/components/resources2.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 const CSS = {
   container: "container",

package/dist/components/resources3.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 const CSS = {
   sticky: "sticky-pos"

package/dist/components/resources4.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 const CSS = {
   heading: "heading",

package/dist/components/resources5.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 const CSS = {
   header: "header",

package/dist/components/scrim.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { d as defineCustomElement$1 } from './loader.js';

package/dist/components/shared-list-render.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.429
+ * v1.0.0-next.433
  */
 import { f as focusElement, b as getSlotted } from './dom.js';
 import { g as getRoundRobinIndex } from './array.js';