@esri/calcite-components 1.0.0-next.575 → 1.0.0-next.576

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-next.575
+ * v1.0.0-next.576
  */
-import { b as getElementDir } from './dom.js';
+import { c as getElementDir } from './dom.js';
 
 function getSide(placement) {
   return placement.split('-')[0];
@@ -1660,4 +1660,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 };

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-next.575
+ * v1.0.0-next.576
  */
-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/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.575
+ * v1.0.0-next.576
  */
 import { proxyCustomElement, HTMLElement, forceUpdate, h } from '@stencil/core/internal/client/index.js';
 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.575
+ * v1.0.0-next.576
  */
 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.575
+ * v1.0.0-next.576
  */
 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-next.575
+ * v1.0.0-next.576
  */
 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-next.575
+ * v1.0.0-next.576
  */
 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.

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-next.575
+ * v1.0.0-next.576
  */
 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';

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.575
+ * v1.0.0-next.576
  */
 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.575
+ * v1.0.0-next.576
  */
 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.575
+ * v1.0.0-next.576
  */
 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-next.575
+ * v1.0.0-next.576
  */
 function isActivationKey(key) {
   return key === "Enter" || key === " ";

package/dist/components/label.js

@@ -1,126 +1,101 @@
 /*!
  * 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.575
+ * v1.0.0-next.576
  */
-import { q as queryElementRoots, d as closestElementCrossShadowBoundary } from './dom.js';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
+import { l as labelConnectedEvent, a as labelDisconnectedEvent } from './label2.js';
 
-/**
- * Exported for testing purposes only
- *
- * @internal
- */
-const labelClickEvent = "calciteInternalLabelClick";
-const labelConnectedEvent = "calciteInternalLabelConnected";
-const labelDisconnectedEvent = "calciteInternaLabelDisconnected";
-const labelTagName = "calcite-label";
-const onLabelClickMap = new WeakMap();
-const onLabelConnectedMap = new WeakMap();
-const onLabelDisconnectedMap = new WeakMap();
-const unlabeledComponents = new Set();
-const findLabelForComponent = (componentEl) => {
-  const { id } = componentEl;
-  const forLabel = id && queryElementRoots(componentEl, { selector: `${labelTagName}[for="${id}"]` });
-  if (forLabel) {
-    return forLabel;
-  }
-  const parentLabel = closestElementCrossShadowBoundary(componentEl, labelTagName);
-  if (!parentLabel ||
-    // labelable components within other custom elements are not considered labelable
-    hasAncestorCustomElements(parentLabel, componentEl)) {
-    return null;
-  }
-  return parentLabel;
+const CSS = {
+  container: "container"
 };
-function hasAncestorCustomElements(label, componentEl) {
-  let traversedElements;
-  const customElementAncestorCheckEventType = "custom-element-ancestor-check";
-  const listener = (event) => {
-    event.stopImmediatePropagation();
-    const composedPath = event.composedPath();
-    traversedElements = composedPath.slice(composedPath.indexOf(componentEl), composedPath.indexOf(label));
-  };
-  label.addEventListener(customElementAncestorCheckEventType, listener, { once: true });
-  componentEl.dispatchEvent(new CustomEvent(customElementAncestorCheckEventType, { composed: true, bubbles: true }));
-  label.removeEventListener(customElementAncestorCheckEventType, listener);
-  const ancestorCustomElements = traversedElements
-    .filter((el) => el !== componentEl && el !== label)
-    .filter((el) => { var _a; return (_a = el.tagName) === null || _a === void 0 ? void 0 : _a.includes("-"); });
-  return ancestorCustomElements.length > 0;
-}
-/**
- * Helper to set up label interactions on connectedCallback.
- *
- * @param component
- */
-function connectLabel(component) {
-  const labelEl = findLabelForComponent(component.el);
-  if (onLabelClickMap.has(labelEl) || (!labelEl && unlabeledComponents.has(component))) {
-    return;
+
+const labelCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:inline}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host(:not([disable-spacing])[scale=s]) .container{-webkit-margin-after:var(--calcite-label-margin-bottom, 0.5rem);margin-block-end:var(--calcite-label-margin-bottom, 0.5rem)}:host([scale=m]) .container{gap:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host(:not([disable-spacing])[scale=m]) .container{-webkit-margin-after:var(--calcite-label-margin-bottom, 0.75rem);margin-block-end:var(--calcite-label-margin-bottom, 0.75rem)}:host([scale=l]) .container{gap:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host(:not([disable-spacing])[scale=l]) .container{-webkit-margin-after:var(--calcite-label-margin-bottom, 1rem);margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;-webkit-margin-before:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-ui-text-1)}:host([layout=default]) .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:0.5rem}:host([layout=inline][scale=l]) .container{gap:0.75rem}:host([layout=inline-space-between]) .container{-ms-flex-pack:justify;justify-content:space-between}:host([disabled])>.container{pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted(*){pointer-events:none}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([disable-spacing]) .container{margin:0px;gap:0px}";
+
+const Label = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.calciteInternalLabelClick = createEvent(this, "calciteInternalLabelClick", 2);
+    //--------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    //--------------------------------------------------------------------------
+    /** specify the text alignment of the label */
+    this.alignment = "start";
+    /**
+     * specify the status of the label and any child input / input messages
+     *
+     * @deprecated set directly on child element instead
+     */
+    this.status = "idle";
+    /** specify the scale of the label, defaults to m */
+    this.scale = "m";
+    /** is the wrapped element positioned inline with the label slotted text */
+    this.layout = "default";
+    /**
+     * is the label disabled
+     *
+     * @deprecated use the `disabled` property on the interactive components instead
+     */
+    this.disabled = false;
+    /**
+     * eliminates any space around the label
+     *
+     * @deprecated set the --calcite-label-margin-bottom css variable to 0 instead
+     */
+    this.disableSpacing = false;
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    this.labelClickHandler = (event) => {
+      this.calciteInternalLabelClick.emit({
+        sourceEvent: event
+      });
+    };
   }
-  const boundOnLabelDisconnected = onLabelDisconnected.bind(component);
-  if (labelEl) {
-    component.labelEl = labelEl;
-    const boundOnLabelClick = onLabelClick.bind(component);
-    onLabelClickMap.set(component.labelEl, boundOnLabelClick);
-    component.labelEl.addEventListener(labelClickEvent, boundOnLabelClick);
-    unlabeledComponents.delete(component);
-    document.removeEventListener(labelConnectedEvent, onLabelConnectedMap.get(component));
-    onLabelDisconnectedMap.set(component, boundOnLabelDisconnected);
-    document.addEventListener(labelDisconnectedEvent, boundOnLabelDisconnected);
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  connectedCallback() {
+    document.dispatchEvent(new CustomEvent(labelConnectedEvent));
   }
-  else if (!unlabeledComponents.has(component)) {
-    boundOnLabelDisconnected();
-    document.removeEventListener(labelDisconnectedEvent, onLabelDisconnectedMap.get(component));
+  disconnectedCallback() {
+    document.dispatchEvent(new CustomEvent(labelDisconnectedEvent));
   }
-}
-/**
- * Helper to tear down label interactions on disconnectedCallback on labelable components.
- *
- * @param component
- */
-function disconnectLabel(component) {
-  unlabeledComponents.delete(component);
-  document.removeEventListener(labelConnectedEvent, onLabelConnectedMap.get(component));
-  document.removeEventListener(labelDisconnectedEvent, onLabelDisconnectedMap.get(component));
-  onLabelConnectedMap.delete(component);
-  onLabelDisconnectedMap.delete(component);
-  if (!component.labelEl) {
-    return;
+  render() {
+    return (h(Host, { onClick: this.labelClickHandler }, h("div", { class: CSS.container }, h("slot", null))));
   }
-  const boundOnLabelClick = onLabelClickMap.get(component.labelEl);
-  component.labelEl.removeEventListener(labelClickEvent, boundOnLabelClick);
-  onLabelClickMap.delete(component.labelEl);
-}
-/**
- * Helper to get the label text from a component.
- *
- * @param component
- */
-function getLabelText(component) {
-  var _a, _b;
-  return component.label || ((_b = (_a = component.labelEl) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()) || "";
-}
-function onLabelClick(event) {
-  if (this.disabled) {
+  get el() { return this; }
+  static get style() { return labelCss; }
+}, [1, "calcite-label", {
+    "alignment": [513],
+    "status": [513],
+    "for": [513],
+    "scale": [513],
+    "layout": [513],
+    "disabled": [516],
+    "disableSpacing": [4, "disable-spacing"]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
     return;
   }
-  const containedLabelableChildClicked = this.el.contains(event.detail.sourceEvent.target);
-  if (containedLabelableChildClicked) {
-    return;
-  }
-  this.onLabelClick(event);
-}
-function onLabelConnected() {
-  if (unlabeledComponents.has(this)) {
-    connectLabel(this);
-  }
-}
-function onLabelDisconnected() {
-  unlabeledComponents.add(this);
-  const boundOnLabelConnected = onLabelConnectedMap.get(this) || onLabelConnected.bind(this);
-  onLabelConnectedMap.set(this, boundOnLabelConnected);
-  document.addEventListener(labelConnectedEvent, boundOnLabelConnected);
+  const components = ["calcite-label"];
+  components.forEach(tagName => { switch (tagName) {
+    case "calcite-label":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Label);
+      }
+      break;
+  } });
 }
+defineCustomElement();
 
-export { labelDisconnectedEvent as a, connectLabel as c, disconnectLabel as d, getLabelText as g, labelConnectedEvent as l };
+export { Label as L, defineCustomElement as d };