@esri/calcite-components 1.0.0-beta.92 → 1.0.0-beta.94

package/dist/components/floating-ui.js

@@ -1,9 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.92
+ * v1.0.0-beta.94
  */
-import { b as getElementDir } from './dom.js';
+import { c as getElementDir } from './dom.js';
 
 function getSide(placement) {
   return placement.split('-')[0];
@@ -1481,6 +1481,7 @@ const computePosition = (reference, floating, options) => computePosition$1(refe
   ...options
 });
 
+const repositionDebounceTimeout = 100;
 const effectivePlacements = [
   "top",
   "bottom",
@@ -1505,7 +1506,9 @@ function getMiddleware({ placement, disableFlip, flipPlacements, offsetDistance,
   if (type === "menu") {
     return [
       ...defaultMiddleware,
-      flip({ fallbackPlacements: ["top-start", "top", "top-end", "bottom-start", "bottom", "bottom-end"] })
+      flip({
+        fallbackPlacements: flipPlacements || ["top-start", "top", "top-end", "bottom-start", "bottom", "bottom-end"]
+      })
     ];
   }
   if (type === "popover" || type === "tooltip") {
@@ -1658,4 +1661,4 @@ const visiblePointerSize = 4;
  */
 const defaultOffsetDistance = Math.ceil(Math.hypot(visiblePointerSize, visiblePointerSize));
 
-export { FloatingCSS as F, disconnectFloatingUI as a, defaultMenuPlacement as b, connectFloatingUI as c, defaultOffsetDistance as d, filterComputedPlacements as f, positionFloatingUI as p };
+export { FloatingCSS as F, disconnectFloatingUI as a, defaultOffsetDistance as b, connectFloatingUI as c, defaultMenuPlacement as d, filterComputedPlacements as f, positionFloatingUI as p, repositionDebounceTimeout as r };

package/dist/components/form.js

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

package/dist/components/globalAttributes.js

@@ -0,0 +1,68 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-beta.94
+ */
+import { c as createObserver } from './observers.js';
+
+const allowedGlobalAttributes = ["lang"];
+const elementToComponentAndObserverOptionsMap = new Map();
+let mutationObserver;
+function updateGlobalAttributes(component, attributeFilter) {
+  const { el } = component;
+  const updatedAttributes = {};
+  attributeFilter
+    .filter((attr) => !!allowedGlobalAttributes.includes(attr) && !!el.hasAttribute(attr))
+    .forEach((attr) => {
+    const value = el.getAttribute(attr);
+    if (value !== null) {
+      updatedAttributes[attr] = value;
+    }
+  });
+  component.globalAttributes = updatedAttributes;
+}
+function processMutations(mutations) {
+  mutations.forEach(({ target }) => {
+    const [component, options] = elementToComponentAndObserverOptionsMap.get(target);
+    updateGlobalAttributes(component, options.attributeFilter);
+  });
+}
+/**
+ * Helper to set up listening for changes to global attributes.
+ *
+ * render(): VNode {
+ *   const lang = this.inheritedAttributes['lang'] ?? 'en';
+ *   return <div>My lang is {lang}</div>;
+ * }
+ *
+ * @param component
+ * @param attributeFilter
+ */
+function watchGlobalAttributes(component, attributeFilter) {
+  const { el } = component;
+  const observerOptions = { attributeFilter };
+  elementToComponentAndObserverOptionsMap.set(el, [component, observerOptions]);
+  updateGlobalAttributes(component, attributeFilter);
+  if (!mutationObserver) {
+    mutationObserver = createObserver("mutation", processMutations);
+  }
+  mutationObserver.observe(el, observerOptions);
+}
+/**
+ * Helper remove listening for changes to inherited attributes.
+ *
+ * @param component
+ */
+function unwatchGlobalAttributes(component) {
+  elementToComponentAndObserverOptionsMap.delete(component.el);
+  // we explicitly process queued mutations and disconnect and reconnect
+  // the observer until MutationObserver gets an `unobserve` method
+  // see https://github.com/whatwg/dom/issues/126
+  processMutations(mutationObserver.takeRecords());
+  mutationObserver.disconnect();
+  for (const [element, [, observerOptions]] of elementToComponentAndObserverOptionsMap.entries()) {
+    mutationObserver.observe(element, observerOptions);
+  }
+}
+
+export { unwatchGlobalAttributes as u, watchGlobalAttributes as w };

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-beta.92
+ * v1.0.0-beta.94
  */
 import { proxyCustomElement, HTMLElement, forceUpdate, h } from '@stencil/core/internal/client/index.js';
 import { g as guid } from './guid.js';
@@ -228,8 +228,8 @@ const Graph = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "colorStops": [16],
     "highlightMin": [2, "highlight-min"],
     "highlightMax": [2, "highlight-max"],
-    "min": [2],
-    "max": [2]
+    "min": [514],
+    "max": [514]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

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-beta.92
+ * v1.0.0-beta.94
  */
 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-beta.92
+ * v1.0.0-beta.94
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { t as toAriaBoolean } from './dom.js';

package/dist/components/icon.js

@@ -1,10 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.92
+ * v1.0.0-beta.94
  */
 import { getAssetPath, proxyCustomElement, HTMLElement, h, Host, Build } from '@stencil/core/internal/client/index.js';
-import { b as getElementDir, t as toAriaBoolean } from './dom.js';
+import { c as getElementDir, t as toAriaBoolean } from './dom.js';
 import { c as createObserver } from './observers.js';
 
 const CSS = {

package/dist/components/index.d.ts

@@ -1,6 +1,97 @@
 /* calcite custom elements */
-
-import type { Components, JSX } from "../types/components";
+export { Accordion as CalciteAccordion } from '../types/components/accordion/accordion';
+export { AccordionItem as CalciteAccordionItem } from '../types/components/accordion-item/accordion-item';
+export { Action as CalciteAction } from '../types/components/action/action';
+export { ActionBar as CalciteActionBar } from '../types/components/action-bar/action-bar';
+export { ActionGroup as CalciteActionGroup } from '../types/components/action-group/action-group';
+export { ActionMenu as CalciteActionMenu } from '../types/components/action-menu/action-menu';
+export { ActionPad as CalciteActionPad } from '../types/components/action-pad/action-pad';
+export { Alert as CalciteAlert } from '../types/components/alert/alert';
+export { Avatar as CalciteAvatar } from '../types/components/avatar/avatar';
+export { Block as CalciteBlock } from '../types/components/block/block';
+export { BlockSection as CalciteBlockSection } from '../types/components/block-section/block-section';
+export { Button as CalciteButton } from '../types/components/button/button';
+export { Card as CalciteCard } from '../types/components/card/card';
+export { Checkbox as CalciteCheckbox } from '../types/components/checkbox/checkbox';
+export { Chip as CalciteChip } from '../types/components/chip/chip';
+export { ColorPicker as CalciteColorPicker } from '../types/components/color-picker/color-picker';
+export { ColorPickerHexInput as CalciteColorPickerHexInput } from '../types/components/color-picker-hex-input/color-picker-hex-input';
+export { ColorPickerSwatch as CalciteColorPickerSwatch } from '../types/components/color-picker-swatch/color-picker-swatch';
+export { Combobox as CalciteCombobox } from '../types/components/combobox/combobox';
+export { ComboboxItem as CalciteComboboxItem } from '../types/components/combobox-item/combobox-item';
+export { ComboboxItemGroup as CalciteComboboxItemGroup } from '../types/components/combobox-item-group/combobox-item-group';
+export { DatePicker as CalciteDatePicker } from '../types/components/date-picker/date-picker';
+export { DatePickerDay as CalciteDatePickerDay } from '../types/components/date-picker-day/date-picker-day';
+export { DatePickerMonth as CalciteDatePickerMonth } from '../types/components/date-picker-month/date-picker-month';
+export { DatePickerMonthHeader as CalciteDatePickerMonthHeader } from '../types/components/date-picker-month-header/date-picker-month-header';
+export { Dropdown as CalciteDropdown } from '../types/components/dropdown/dropdown';
+export { DropdownGroup as CalciteDropdownGroup } from '../types/components/dropdown-group/dropdown-group';
+export { DropdownItem as CalciteDropdownItem } from '../types/components/dropdown-item/dropdown-item';
+export { Fab as CalciteFab } from '../types/components/fab/fab';
+export { Filter as CalciteFilter } from '../types/components/filter/filter';
+export { Flow as CalciteFlow } from '../types/components/flow/flow';
+export { FlowItem as CalciteFlowItem } from '../types/components/flow-item/flow-item';
+export { Graph as CalciteGraph } from '../types/components/graph/graph';
+export { Handle as CalciteHandle } from '../types/components/handle/handle';
+export { Icon as CalciteIcon } from '../types/components/icon/icon';
+export { InlineEditable as CalciteInlineEditable } from '../types/components/inline-editable/inline-editable';
+export { Input as CalciteInput } from '../types/components/input/input';
+export { InputDatePicker as CalciteInputDatePicker } from '../types/components/input-date-picker/input-date-picker';
+export { InputMessage as CalciteInputMessage } from '../types/components/input-message/input-message';
+export { InputNumber as CalciteInputNumber } from '../types/components/input-number/input-number';
+export { InputText as CalciteInputText } from '../types/components/input-text/input-text';
+export { InputTimePicker as CalciteInputTimePicker } from '../types/components/input-time-picker/input-time-picker';
+export { Label as CalciteLabel } from '../types/components/label/label';
+export { Link as CalciteLink } from '../types/components/link/link';
+export { List as CalciteList } from '../types/components/list/list';
+export { ListItem as CalciteListItem } from '../types/components/list-item/list-item';
+export { ListItemGroup as CalciteListItemGroup } from '../types/components/list-item-group/list-item-group';
+export { Loader as CalciteLoader } from '../types/components/loader/loader';
+export { Modal as CalciteModal } from '../types/components/modal/modal';
+export { Notice as CalciteNotice } from '../types/components/notice/notice';
+export { Option as CalciteOption } from '../types/components/option/option';
+export { OptionGroup as CalciteOptionGroup } from '../types/components/option-group/option-group';
+export { Pagination as CalcitePagination } from '../types/components/pagination/pagination';
+export { Panel as CalcitePanel } from '../types/components/panel/panel';
+export { PickList as CalcitePickList } from '../types/components/pick-list/pick-list';
+export { PickListGroup as CalcitePickListGroup } from '../types/components/pick-list-group/pick-list-group';
+export { PickListItem as CalcitePickListItem } from '../types/components/pick-list-item/pick-list-item';
+export { Popover as CalcitePopover } from '../types/components/popover/popover';
+export { PopoverManager as CalcitePopoverManager } from '../types/components/popover-manager/popover-manager';
+export { Progress as CalciteProgress } from '../types/components/progress/progress';
+export { RadioButton as CalciteRadioButton } from '../types/components/radio-button/radio-button';
+export { RadioButtonGroup as CalciteRadioButtonGroup } from '../types/components/radio-button-group/radio-button-group';
+export { RadioGroup as CalciteRadioGroup } from '../types/components/radio-group/radio-group';
+export { RadioGroupItem as CalciteRadioGroupItem } from '../types/components/radio-group-item/radio-group-item';
+export { Rating as CalciteRating } from '../types/components/rating/rating';
+export { Scrim as CalciteScrim } from '../types/components/scrim/scrim';
+export { Select as CalciteSelect } from '../types/components/select/select';
+export { Shell as CalciteShell } from '../types/components/shell/shell';
+export { ShellCenterRow as CalciteShellCenterRow } from '../types/components/shell-center-row/shell-center-row';
+export { ShellPanel as CalciteShellPanel } from '../types/components/shell-panel/shell-panel';
+export { Slider as CalciteSlider } from '../types/components/slider/slider';
+export { SortableList as CalciteSortableList } from '../types/components/sortable-list/sortable-list';
+export { SplitButton as CalciteSplitButton } from '../types/components/split-button/split-button';
+export { Stepper as CalciteStepper } from '../types/components/stepper/stepper';
+export { StepperItem as CalciteStepperItem } from '../types/components/stepper-item/stepper-item';
+export { Switch as CalciteSwitch } from '../types/components/switch/switch';
+export { Tab as CalciteTab } from '../types/components/tab/tab';
+export { TabNav as CalciteTabNav } from '../types/components/tab-nav/tab-nav';
+export { TabTitle as CalciteTabTitle } from '../types/components/tab-title/tab-title';
+export { Tabs as CalciteTabs } from '../types/components/tabs/tabs';
+export { Tile as CalciteTile } from '../types/components/tile/tile';
+export { TileSelect as CalciteTileSelect } from '../types/components/tile-select/tile-select';
+export { TileSelectGroup as CalciteTileSelectGroup } from '../types/components/tile-select-group/tile-select-group';
+export { TimePicker as CalciteTimePicker } from '../types/components/time-picker/time-picker';
+export { Tip as CalciteTip } from '../types/components/tip/tip';
+export { TipGroup as CalciteTipGroup } from '../types/components/tip-group/tip-group';
+export { TipManager as CalciteTipManager } from '../types/components/tip-manager/tip-manager';
+export { Tooltip as CalciteTooltip } from '../types/components/tooltip/tooltip';
+export { TooltipManager as CalciteTooltipManager } from '../types/components/tooltip-manager/tooltip-manager';
+export { Tree as CalciteTree } from '../types/components/tree/tree';
+export { TreeItem as CalciteTreeItem } from '../types/components/tree-item/tree-item';
+export { ValueList as CalciteValueList } from '../types/components/value-list/value-list';
+export { ValueListItem as CalciteValueListItem } from '../types/components/value-list-item/value-list-item';
 
 /**
  * Used to manually set the base path where assets can be found.
@@ -20,7 +111,4 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-
-export type { Components, JSX };
-
 export * from '../types/components';

package/dist/components/index.js

@@ -1,10 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.92
+ * v1.0.0-beta.94
  */
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client/index.js';
-import { d as darkTheme, a as autoTheme } from './resources.js';
+import { d as darkTheme, a as autoTheme } from './dom.js';
 
 /**
  * Emits when the theme is dynamically toggled between light and dark on <body> or in OS preferences.
@@ -38,11 +38,20 @@ function initThemeChangeEvent() {
  * @see {@link https://stenciljs.com/docs/config#globalscript}
  */
 function appGlobalScript () {
-  if (isBrowser()) {
-    document.addEventListener("DOMContentLoaded", () => initThemeChangeEvent());
+  const isBrowser = typeof window !== "undefined" &&
+    typeof location !== "undefined" &&
+    typeof document !== "undefined" &&
+    window.location === location &&
+    window.document === document;
+  if (isBrowser) {
+    if (document.readyState === "interactive") {
+      initThemeChangeEvent();
+    }
+    else {
+      document.addEventListener("DOMContentLoaded", () => initThemeChangeEvent(), { once: true });
+    }
   }
 }
-const isBrowser = new Function("try {return this===window;}catch(e){ return false;}");
 
 const globalScripts = appGlobalScript;
 

package/dist/components/input.js

@@ -1,15 +1,14 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.92
+ * v1.0.0-beta.94
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
-import { a as getSlotted, s as setRequestedIcon, g as getElementProp, b as getElementDir } from './dom.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label.js';
+import { T as TEXT$1, b as getSlotted, s as setRequestedIcon, g as getElementProp, c as getElementDir, C as CSS_UTILITY } from './dom.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label2.js';
 import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form.js';
 import { d as delocalizeNumberString, i as isValidNumber, p as parseNumberString, g as getDecimalSeparator, l as localizeNumberString, s as sanitizeNumberString } from './locale.js';
 import { n as numberKeys } from './key.js';
-import { T as TEXT$1, C as CSS_UTILITY } from './resources.js';
 import { d as decimalPlaces } from './math.js';
 import { c as createObserver } from './observers.js';
 import { u as updateHostInteraction } from './interactive.js';
@@ -595,14 +594,14 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   render() {
     const dir = getElementDir(this.el);
     const loader = (h("div", { class: CSS.loader }, h("calcite-progress", { label: this.intlLoading, type: "indeterminate" })));
-    const inputClearButton = (h("button", { "aria-label": this.intlClear || TEXT.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: this.disabled ? -1 : 0, type: "button" }, h("calcite-icon", { icon: "x", scale: "s" })));
+    const inputClearButton = (h("button", { "aria-label": this.intlClear || TEXT.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, h("calcite-icon", { icon: "x", scale: "s" })));
     const iconEl = (h("calcite-icon", { class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: "s" }));
     const isHorizontalNumberButton = this.numberButtonType === "horizontal";
-    const numberButtonsHorizontalUp = (h("button", { class: {
+    const numberButtonsHorizontalUp = (h("button", { "aria-hidden": "true", class: {
         [CSS.numberButtonItem]: true,
         [CSS.buttonItemHorizontal]: isHorizontalNumberButton
       }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { icon: "chevron-up", scale: "s" })));
-    const numberButtonsHorizontalDown = (h("button", { class: {
+    const numberButtonsHorizontalDown = (h("button", { "aria-hidden": "true", class: {
         [CSS.numberButtonItem]: true,
         [CSS.buttonItemHorizontal]: isHorizontalNumberButton
       }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { icon: "chevron-down", scale: "s" })));
@@ -639,11 +638,11 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   static get style() { return inputCss; }
 }, [1, "calcite-input", {
     "alignment": [513],
-    "autofocus": [4],
+    "autofocus": [516],
     "clearable": [516],
     "disabled": [516],
-    "groupSeparator": [4, "group-separator"],
-    "hidden": [4],
+    "groupSeparator": [516, "group-separator"],
+    "hidden": [516],
     "icon": [520],
     "intlClear": [1, "intl-clear"],
     "intlLoading": [1, "intl-loading"],
@@ -651,7 +650,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "label": [1],
     "loading": [516],
     "locale": [1],
-    "numberingSystem": [1, "numbering-system"],
+    "numberingSystem": [513, "numbering-system"],
     "localeFormat": [4, "locale-format"],
     "max": [514],
     "min": [514],
@@ -662,8 +661,8 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "numberButtonType": [513, "number-button-type"],
     "placeholder": [1],
     "prefixText": [1, "prefix-text"],
-    "readOnly": [4, "read-only"],
-    "required": [4],
+    "readOnly": [516, "read-only"],
+    "required": [516],
     "scale": [1537],
     "status": [1537],
     "step": [520],

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-beta.92
+ * v1.0.0-beta.94
  */
 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-beta.92
+ * v1.0.0-beta.94
  */
 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-beta.92
+ * v1.0.0-beta.94
  */
 var TreeSelectionMode;
 (function (TreeSelectionMode) {

package/dist/components/key.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-beta.92
+ * v1.0.0-beta.94
  */
 function isActivationKey(key) {
   return key === "Enter" || key === " ";