@esri/calcite-components 1.0.0-next.400 → 1.0.0-next.401

package/dist/cjs/calcite-block_2.cjs.entry.js

@@ -10,7 +10,7 @@ const index = require('./index-6b5d2de5.js');
 const dom = require('./dom-f3df220d.js');
 const Heading = require('./Heading-ef16f5df.js');
 const conditionalSlot = require('./conditionalSlot-92505fba.js');
-require('./guid-b270f0db.js');
+const guid = require('./guid-b270f0db.js');
 require('./observers-79bfb8bc.js');
 
 const CSS$1 = {
@@ -90,6 +90,7 @@ let Block = class {
      * When true, the block's content will be displayed.
      */
     this.open = false;
+    this.guid = guid.guid();
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -145,10 +146,13 @@ let Block = class {
     const hasControl = !!dom.getSlotted(el, SLOTS.control);
     const hasMenuActions = !!dom.getSlotted(el, SLOTS.headerMenuActions);
     const collapseIcon = open ? ICONS$1.opened : ICONS$1.closed;
-    const headerNode = (index.h("div", { class: CSS$1.headerContainer }, this.dragHandle ? index.h("calcite-handle", null) : null, collapsible ? (index.h("button", { "aria-expanded": collapsible ? open.toString() : null, "aria-label": toggleLabel, class: CSS$1.toggle, onClick: this.onHeaderClick, title: toggleLabel }, headerContent, !hasControl && !hasMenuActions ? (index.h("calcite-icon", { "aria-hidden": "true", class: CSS$1.toggleIcon, icon: collapseIcon, scale: "s" })) : null)) : (headerContent), loading ? (index.h("calcite-loader", { inline: true, "is-active": true, label: intlLoading })) : hasControl ? (index.h("div", { class: CSS$1.controlContainer }, index.h("slot", { name: SLOTS.control }))) : null, hasMenuActions ? (index.h("calcite-action-menu", { label: this.intlOptions || TEXT$1.options }, index.h("slot", { name: SLOTS.headerMenuActions }))) : null));
+    const { guid } = this;
+    const regionId = `${guid}-region`;
+    const buttonId = `${guid}-button`;
+    const headerNode = (index.h("div", { class: CSS$1.headerContainer }, this.dragHandle ? index.h("calcite-handle", null) : null, collapsible ? (index.h("button", { "aria-controls": regionId, "aria-expanded": collapsible ? open.toString() : null, "aria-label": toggleLabel, class: CSS$1.toggle, id: buttonId, onClick: this.onHeaderClick, title: toggleLabel }, headerContent, !hasControl && !hasMenuActions ? (index.h("calcite-icon", { "aria-hidden": "true", class: CSS$1.toggleIcon, icon: collapseIcon, scale: "s" })) : null)) : (headerContent), loading ? (index.h("calcite-loader", { inline: true, "is-active": true, label: intlLoading })) : hasControl ? (index.h("div", { class: CSS$1.controlContainer }, index.h("slot", { name: SLOTS.control }))) : null, hasMenuActions ? (index.h("calcite-action-menu", { label: this.intlOptions || TEXT$1.options }, index.h("slot", { name: SLOTS.headerMenuActions }))) : null));
     return (index.h(index.Host, { tabIndex: disabled ? -1 : null }, index.h("article", { "aria-busy": loading.toString(), class: {
         [CSS$1.article]: true
-      } }, headerNode, index.h("div", { class: CSS$1.content, hidden: !open }, this.renderScrim()))));
+      } }, headerNode, index.h("section", { "aria-expanded": this.open.toString(), "aria-labelledby": buttonId, class: CSS$1.content, hidden: !open, id: regionId }, this.renderScrim()))));
   }
   get el() { return index.getElement(this); }
 };
@@ -194,6 +198,7 @@ let BlockSection = class {
      * If the value is "button", a clickable header is displayed.
      */
     this.toggleDisplay = "button";
+    this.guid = guid.guid();
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -236,14 +241,17 @@ let BlockSection = class {
         ? ICONS.menuClosedLeft
         : ICONS.menuClosedRight;
     const toggleLabel = open ? intlCollapse || TEXT.collapse : intlExpand || TEXT.expand;
-    const headerNode = toggleDisplay === "switch" ? (index.h("div", { "aria-label": toggleLabel, class: {
+    const { guid } = this;
+    const regionId = `${guid}-region`;
+    const buttonId = `${guid}-button`;
+    const headerNode = toggleDisplay === "switch" ? (index.h("div", { "aria-controls": regionId, "aria-label": toggleLabel, class: {
         [CSS.toggle]: true,
         [CSS.toggleSwitch]: true
-      }, onClick: this.toggleSection, onKeyDown: this.handleHeaderKeyDown, tabIndex: 0, title: toggleLabel }, index.h("div", { class: CSS.toggleSwitchContent }, index.h("span", { class: CSS.toggleSwitchText }, text)), index.h("calcite-switch", { checked: open, label: toggleLabel, scale: "s", tabIndex: -1 }), this.renderStatusIcon())) : (index.h("button", { "aria-label": toggleLabel, class: {
+      }, id: buttonId, onClick: this.toggleSection, onKeyDown: this.handleHeaderKeyDown, tabIndex: 0, title: toggleLabel }, index.h("div", { class: CSS.toggleSwitchContent }, index.h("span", { class: CSS.toggleSwitchText }, text)), index.h("calcite-switch", { checked: open, label: toggleLabel, scale: "s", tabIndex: -1 }), this.renderStatusIcon())) : (index.h("button", { "aria-controls": regionId, "aria-label": toggleLabel, class: {
         [CSS.sectionHeader]: true,
         [CSS.toggle]: true
-      }, name: toggleLabel, onClick: this.toggleSection }, index.h("calcite-icon", { icon: arrowIcon, scale: "s" }), index.h("span", { class: CSS.sectionHeaderText }, text), this.renderStatusIcon()));
-    return (index.h("section", { "aria-expanded": open.toString() }, headerNode, index.h("div", { class: CSS.content, hidden: !open }, index.h("slot", null))));
+      }, id: buttonId, name: toggleLabel, onClick: this.toggleSection }, index.h("calcite-icon", { icon: arrowIcon, scale: "s" }), index.h("span", { class: CSS.sectionHeaderText }, text), this.renderStatusIcon()));
+    return (index.h(index.Host, null, headerNode, index.h("section", { "aria-expanded": open.toString(), "aria-labelledby": buttonId, class: CSS.content, hidden: !open, id: regionId }, index.h("slot", null))));
   }
   get el() { return index.getElement(this); }
 };

package/dist/cjs/calcite-tree_2.cjs.entry.js

@@ -59,8 +59,10 @@ let Tree = class {
     this.child = !!parent;
   }
   render() {
-    return (index.h(index.Host, { "aria-multiselectable": (this.selectionMode === TreeSelectionMode.Multi ||
-        this.selectionMode === TreeSelectionMode.MultiChildren).toString(), role: !this.child ? "tree" : undefined, tabIndex: this.getRootTabIndex() }, index.h("slot", null)));
+    return (index.h(index.Host, { "aria-multiselectable": this.child
+        ? undefined
+        : (this.selectionMode === TreeSelectionMode.Multi ||
+          this.selectionMode === TreeSelectionMode.MultiChildren).toString(), role: !this.child ? "tree" : undefined, tabIndex: this.getRootTabIndex() }, index.h("slot", null)));
   }
   //--------------------------------------------------------------------------
   //

package/dist/collection/components/accordion-item/accordion-item.js

@@ -5,6 +5,7 @@
 import { Component, Element, Event, h, Host, Listen, Prop } from "@stencil/core";
 import { getElementDir, getElementProp } from "../../utils/dom";
 import { CSS_UTILITY } from "../../utils/resources";
+import { guid } from "../../utils/guid";
 /**
  * @slot - A slot for adding custom content, including nested `calcite-accordion-item`s.
  */
@@ -17,6 +18,12 @@ export class AccordionItem {
     //--------------------------------------------------------------------------
     /** Indicates whether the item is active. */
     this.active = false;
+    //--------------------------------------------------------------------------
+    //
+    //  Private State/Props
+    //
+    //--------------------------------------------------------------------------
+    this.guid = guid();
     /** what icon position does the parent accordion specify */
     this.iconPosition = "end";
     /** handle clicks on item header */
@@ -43,12 +50,15 @@ export class AccordionItem {
   render() {
     const dir = getElementDir(this.el);
     const iconEl = h("calcite-icon", { class: "accordion-item-icon", icon: this.icon, scale: "s" });
-    return (h(Host, { "aria-expanded": this.active.toString(), tabindex: "0" },
+    const { guid } = this;
+    const regionId = `${guid}-region`;
+    const buttonId = `${guid}-button`;
+    return (h(Host, { tabindex: "0" },
       h("div", { class: {
           [`icon-position--${this.iconPosition}`]: true,
           [`icon-type--${this.iconType}`]: true
         } },
-        h("div", { class: { "accordion-item-header": true, [CSS_UTILITY.rtl]: dir === "rtl" }, onClick: this.itemHeaderClickHandler },
+        h("div", { "aria-controls": regionId, class: { "accordion-item-header": true, [CSS_UTILITY.rtl]: dir === "rtl" }, id: buttonId, onClick: this.itemHeaderClickHandler, role: "button" },
           this.icon ? iconEl : null,
           h("div", { class: "accordion-item-header-text" },
             h("span", { class: "accordion-item-title" }, this.itemTitle),
@@ -60,7 +70,7 @@ export class AccordionItem {
                 : this.active
                   ? "minus"
                   : "plus", scale: "s" })),
-        h("div", { class: "accordion-item-content" },
+        h("div", { "aria-expanded": this.active.toString(), "aria-labelledby": buttonId, class: "accordion-item-content", id: regionId, role: "region" },
           h("slot", null)))));
   }
   //--------------------------------------------------------------------------

package/dist/collection/components/block/block.js

@@ -7,6 +7,7 @@ import { CSS, HEADING_LEVEL, ICONS, SLOTS, TEXT } from "./resources";
 import { getSlotted } from "../../utils/dom";
 import { Heading } from "../functional/Heading";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";
+import { guid } from "../../utils/guid";
 /**
  * @slot - A slot for adding content to the block.
  * @slot icon - A slot for adding a leading header icon.
@@ -48,6 +49,7 @@ export class Block {
      * When true, the block's content will be displayed.
      */
     this.open = false;
+    this.guid = guid();
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -107,9 +109,12 @@ export class Block {
     const hasControl = !!getSlotted(el, SLOTS.control);
     const hasMenuActions = !!getSlotted(el, SLOTS.headerMenuActions);
     const collapseIcon = open ? ICONS.opened : ICONS.closed;
+    const { guid } = this;
+    const regionId = `${guid}-region`;
+    const buttonId = `${guid}-button`;
     const headerNode = (h("div", { class: CSS.headerContainer },
       this.dragHandle ? h("calcite-handle", null) : null,
-      collapsible ? (h("button", { "aria-expanded": collapsible ? open.toString() : null, "aria-label": toggleLabel, class: CSS.toggle, onClick: this.onHeaderClick, title: toggleLabel },
+      collapsible ? (h("button", { "aria-controls": regionId, "aria-expanded": collapsible ? open.toString() : null, "aria-label": toggleLabel, class: CSS.toggle, id: buttonId, onClick: this.onHeaderClick, title: toggleLabel },
         headerContent,
         !hasControl && !hasMenuActions ? (h("calcite-icon", { "aria-hidden": "true", class: CSS.toggleIcon, icon: collapseIcon, scale: "s" })) : null)) : (headerContent),
       loading ? (h("calcite-loader", { inline: true, "is-active": true, label: intlLoading })) : hasControl ? (h("div", { class: CSS.controlContainer },
@@ -121,7 +126,7 @@ export class Block {
           [CSS.article]: true
         } },
         headerNode,
-        h("div", { class: CSS.content, hidden: !open }, this.renderScrim()))));
+        h("section", { "aria-expanded": this.open.toString(), "aria-labelledby": buttonId, class: CSS.content, hidden: !open, id: regionId }, this.renderScrim()))));
   }
   static get is() { return "calcite-block"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/block-section/block-section.js

@@ -2,9 +2,10 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { Component, Element, Event, Prop, h } from "@stencil/core";
+import { Component, Element, Event, Prop, h, Host } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";
 import { CSS, ICONS, TEXT } from "./resources";
+import { guid } from "../../utils/guid";
 /**
  * @slot - A slot for adding content to the block section.
  */
@@ -20,6 +21,7 @@ export class BlockSection {
      * If the value is "button", a clickable header is displayed.
      */
     this.toggleDisplay = "button";
+    this.guid = guid();
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -62,23 +64,26 @@ export class BlockSection {
         ? ICONS.menuClosedLeft
         : ICONS.menuClosedRight;
     const toggleLabel = open ? intlCollapse || TEXT.collapse : intlExpand || TEXT.expand;
-    const headerNode = toggleDisplay === "switch" ? (h("div", { "aria-label": toggleLabel, class: {
+    const { guid } = this;
+    const regionId = `${guid}-region`;
+    const buttonId = `${guid}-button`;
+    const headerNode = toggleDisplay === "switch" ? (h("div", { "aria-controls": regionId, "aria-label": toggleLabel, class: {
         [CSS.toggle]: true,
         [CSS.toggleSwitch]: true
-      }, onClick: this.toggleSection, onKeyDown: this.handleHeaderKeyDown, tabIndex: 0, title: toggleLabel },
+      }, id: buttonId, onClick: this.toggleSection, onKeyDown: this.handleHeaderKeyDown, tabIndex: 0, title: toggleLabel },
       h("div", { class: CSS.toggleSwitchContent },
         h("span", { class: CSS.toggleSwitchText }, text)),
       h("calcite-switch", { checked: open, label: toggleLabel, scale: "s", tabIndex: -1 }),
-      this.renderStatusIcon())) : (h("button", { "aria-label": toggleLabel, class: {
+      this.renderStatusIcon())) : (h("button", { "aria-controls": regionId, "aria-label": toggleLabel, class: {
         [CSS.sectionHeader]: true,
         [CSS.toggle]: true
-      }, name: toggleLabel, onClick: this.toggleSection },
+      }, id: buttonId, name: toggleLabel, onClick: this.toggleSection },
       h("calcite-icon", { icon: arrowIcon, scale: "s" }),
       h("span", { class: CSS.sectionHeaderText }, text),
       this.renderStatusIcon()));
-    return (h("section", { "aria-expanded": open.toString() },
+    return (h(Host, null,
       headerNode,
-      h("div", { class: CSS.content, hidden: !open },
+      h("section", { "aria-expanded": open.toString(), "aria-labelledby": buttonId, class: CSS.content, hidden: !open, id: regionId },
         h("slot", null))));
   }
   static get is() { return "calcite-block-section"; }

package/dist/collection/components/date-picker/assets/date-picker/nls/bs.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD. MM. YYYY.",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD. MM. YYYY.",
   "days": {
     "abbreviated": ["ned", "pon", "uto", "sri", "čet", "pet", "sub"],

package/dist/collection/components/date-picker/assets/date-picker/nls/ca.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": "/",
   "unitOrder": "DD/MM/YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD/MM/YYYY",
   "days": {
     "abbreviated": ["dg.", "dl.", "dt.", "dc.", "dj.", "dv.", "ds."],

package/dist/collection/components/date-picker/assets/date-picker/nls/cs.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["ne", "po", "út", "st", "čt", "pá", "so"],

package/dist/collection/components/date-picker/assets/date-picker/nls/da.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["søn.", "man.", "tir.", "ons.", "tor.", "fre.", "lør."],

package/dist/collection/components/date-picker/assets/date-picker/nls/de.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["So.", "Mo.", "Di.", "Mi.", "Do.", "Fr.", "Sa."],

package/dist/collection/components/date-picker/assets/date-picker/nls/el.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": "/",
   "unitOrder": "DD/MM/YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD/MM/YYYY",
   "days": {
     "abbreviated": ["Κυρ", "Δευ", "Τρί", "Τετ", "Πέμ", "Παρ", "Σάβ"],

package/dist/collection/components/date-picker/assets/date-picker/nls/en-AU.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": "/",
   "unitOrder": "DD/MM/YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD/MM/YYYY",
   "days": {
     "narrow": ["Su.", "M.", "Tu.", "W.", "Th.", "F.", "Sa."],

package/dist/collection/components/date-picker/assets/date-picker/nls/es.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": "/",
   "unitOrder": "DD/MM/YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD/MM/YYYY",
   "days": {
     "abbreviated": ["dom.", "lun.", "mar.", "mié.", "jue.", "vie.", "sáb."],

package/dist/collection/components/date-picker/assets/date-picker/nls/et.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["P", "E", "T", "K", "N", "R", "L"],

package/dist/collection/components/date-picker/assets/date-picker/nls/fi.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["su", "ma", "ti", "ke", "to", "pe", "la"],

package/dist/collection/components/date-picker/assets/date-picker/nls/fr.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": "/",
   "unitOrder": "DD/MM/YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD/MM/YYYY",
   "days": {
     "abbreviated": ["dim.", "lun.", "mar.", "mer.", "jeu.", "ven.", "sam."],

package/dist/collection/components/date-picker/assets/date-picker/nls/hr.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD. MM. YYYY.",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD. MM. YYYY.",
   "days": {
     "abbreviated": ["ned", "pon", "uto", "sri", "čet", "pet", "sub"],

package/dist/collection/components/date-picker/assets/date-picker/nls/hu.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "YYYY. MM. DD.",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "YYYY. MM. DD.",
   "days": {
     "abbreviated": ["V", "H", "K", "Sze", "Cs", "P", "Szo"],

package/dist/collection/components/date-picker/assets/date-picker/nls/it.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": "/",
   "unitOrder": "DD/MM/YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD/MM/YYYY",
   "days": {
     "abbreviated": ["dom", "lun", "mar", "mer", "gio", "ven", "sab"],

package/dist/collection/components/date-picker/assets/date-picker/nls/lt.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": "-",
   "unitOrder": "YYYY-MM-DD",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "YYYY-MM-DD",
   "days": {
     "abbreviated": ["sk", "pr", "an", "tr", "kt", "pn", "št"],

package/dist/collection/components/date-picker/assets/date-picker/nls/lv.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["svētd.", "pirmd.", "otrd.", "trešd.", "ceturtd.", "piektd.", "sestd."],

package/dist/collection/components/date-picker/assets/date-picker/nls/mk.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["нед.", "пон.", "вт.", "сре.", "чет.", "пет.", "саб."],

package/dist/collection/components/date-picker/assets/date-picker/nls/nb.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["søn.", "man.", "tir.", "ons.", "tor.", "fre.", "lør."],

package/dist/collection/components/date-picker/assets/date-picker/nls/nl.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": "-",
   "unitOrder": "DD-MM-YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD-MM-YYYY",
   "days": {
     "abbreviated": ["zo", "ma", "di", "wo", "do", "vr", "za"],

package/dist/collection/components/date-picker/assets/date-picker/nls/pl.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["niedz.", "pon.", "wt.", "śr.", "czw.", "pt.", "sob."],

package/dist/collection/components/date-picker/assets/date-picker/nls/ro.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["dum.", "lun.", "mar.", "mie.", "joi", "vin.", "sâm."],

package/dist/collection/components/date-picker/assets/date-picker/nls/ru.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["пн", "вт", "ср", "чт", "пт", "сб", "вс"],

package/dist/collection/components/date-picker/assets/date-picker/nls/sl.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD. MM. YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD. MM. YYYY",
   "days": {
     "abbreviated": ["ned.", "pon.", "tor.", "sre.", "čet.", "pet.", "sob."],

package/dist/collection/components/date-picker/assets/date-picker/nls/sr.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY.",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY.",
   "days": {
     "abbreviated": ["нед", "пон", "уто", "сре", "чет", "пет", "суб"],

package/dist/collection/components/date-picker/assets/date-picker/nls/sv.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": "-",
   "unitOrder": "YYYY-MM-DD",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "YYYY-MM-DD",
   "days": {
     "abbreviated": ["sön", "mån", "tis", "ons", "tors", "fre", "lör"],

package/dist/collection/components/date-picker/assets/date-picker/nls/tr.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["Paz", "Pzt", "Sal", "Çar", "Per", "Cum", "Cmt"],

package/dist/collection/components/date-picker/assets/date-picker/nls/uk.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["нд", "пн", "вт", "ср", "чт", "пт", "сб"],

package/dist/collection/components/date-picker/assets/date-picker/nls/vi.json

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": "/",
   "unitOrder": "DD/MM/YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD/MM/YYYY",
   "days": {
     "abbreviated": ["CN", "Th 2", "Th 3", "Th 4", "Th 5", "Th 6", "Th 7"],

package/dist/collection/components/tree/tree.js

@@ -42,8 +42,10 @@ export class Tree {
     this.child = !!parent;
   }
   render() {
-    return (h(Host, { "aria-multiselectable": (this.selectionMode === TreeSelectionMode.Multi ||
-        this.selectionMode === TreeSelectionMode.MultiChildren).toString(), role: !this.child ? "tree" : undefined, tabIndex: this.getRootTabIndex() },
+    return (h(Host, { "aria-multiselectable": this.child
+        ? undefined
+        : (this.selectionMode === TreeSelectionMode.Multi ||
+          this.selectionMode === TreeSelectionMode.MultiChildren).toString(), role: !this.child ? "tree" : undefined, tabIndex: this.getRootTabIndex() },
       h("slot", null)));
   }
   //--------------------------------------------------------------------------

package/dist/components/calcite-accordion-item.js

@@ -4,6 +4,7 @@
  */
 import { HTMLElement, createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
 import { g as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom.js';
+import { g as guid } from './guid.js';
 import { d as defineCustomElement$2 } from './icon.js';
 
 const accordionItemCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;background-color:var(--calcite-accordion-item-background, var(--calcite-ui-foreground-1))}:host .accordion-item-header{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host(:focus) .accordion-item-header{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([active]){color:var(--calcite-ui-text-1)}:host([active]) .accordion-item-content{display:block;color:var(--calcite-ui-text-1)}:host([active]) .accordion-item-header{border-bottom-color:transparent}:host .accordion-item-header{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-direction:var(--calcite-accordion-item-flex-direction);flex-direction:var(--calcite-accordion-item-flex-direction)}:host .accordion-item-icon{position:relative;margin:0px;display:-ms-inline-flexbox;display:inline-flex;color:var(--calcite-ui-text-3);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:var(--calcite-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-accordion-item-icon-spacing-start);-webkit-margin-start:var(--calcite-accordion-item-icon-spacing-end);margin-inline-start:var(--calcite-accordion-item-icon-spacing-end)}:host .accordion-item-content,:host .accordion-item-header{padding:var(--calcite-accordion-item-padding);border-bottom:1px solid var(--calcite-accordion-item-border, var(--calcite-ui-border-2))}:host .accordion-item-header *{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .accordion-item-content{display:none;padding-top:0px;color:var(--calcite-ui-text-3);text-align:initial}:host .accordion-item-expand-icon{color:var(--calcite-ui-text-3);-webkit-margin-start:var(--calcite-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-accordion-item-icon-spacing-start);-webkit-margin-end:var(--calcite-accordion-item-icon-spacing-end);margin-inline-end:var(--calcite-accordion-item-icon-spacing-end);-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation));transform:rotate(var(--calcite-accordion-item-icon-rotation))}.calcite--rtl .accordion-item-expand-icon{-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}:host([active]) .accordion-item-expand-icon{color:var(--calcite-ui-text-1);-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation));transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}:host([active]) .calcite--rtl .accordion-item-expand-icon{-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}:host .accordion-item-header-text{margin-top:0px;margin-bottom:0px;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;padding-top:0px;padding-bottom:0px;text-align:initial;-webkit-margin-end:auto;margin-inline-end:auto}:host .accordion-item-title,:host .accordion-item-subtitle{display:-ms-flexbox;display:flex;width:100%}:host .accordion-item-title{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}:host .accordion-item-subtitle{margin-top:0.25rem;color:var(--calcite-ui-text-3)}:host(:focus) .accordion-item-title,:host(:hover) .accordion-item-title{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-icon,:host(:hover) .accordion-item-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-expand-icon,:host(:hover) .accordion-item-expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-subtitle,:host(:hover) .accordion-item-subtitle{color:var(--calcite-ui-text-2)}:host(:focus) .accordion-item-title,:host(:active) .accordion-item-title,:host([active]) .accordion-item-title{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-icon,:host(:active) .accordion-item-icon,:host([active]) .accordion-item-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-expand-icon,:host(:active) .accordion-item-expand-icon,:host([active]) .accordion-item-expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-subtitle,:host(:active) .accordion-item-subtitle,:host([active]) .accordion-item-subtitle{color:var(--calcite-ui-text-2)}";
@@ -24,6 +25,12 @@ let AccordionItem = class extends HTMLElement {
     //--------------------------------------------------------------------------
     /** Indicates whether the item is active. */
     this.active = false;
+    //--------------------------------------------------------------------------
+    //
+    //  Private State/Props
+    //
+    //--------------------------------------------------------------------------
+    this.guid = guid();
     /** what icon position does the parent accordion specify */
     this.iconPosition = "end";
     /** handle clicks on item header */
@@ -50,16 +57,19 @@ let AccordionItem = class extends HTMLElement {
   render() {
     const dir = getElementDir(this.el);
     const iconEl = h("calcite-icon", { class: "accordion-item-icon", icon: this.icon, scale: "s" });
-    return (h(Host, { "aria-expanded": this.active.toString(), tabindex: "0" }, h("div", { class: {
+    const { guid } = this;
+    const regionId = `${guid}-region`;
+    const buttonId = `${guid}-button`;
+    return (h(Host, { tabindex: "0" }, h("div", { class: {
         [`icon-position--${this.iconPosition}`]: true,
         [`icon-type--${this.iconType}`]: true
-      } }, h("div", { class: { "accordion-item-header": true, [CSS_UTILITY.rtl]: dir === "rtl" }, onClick: this.itemHeaderClickHandler }, this.icon ? iconEl : null, h("div", { class: "accordion-item-header-text" }, h("span", { class: "accordion-item-title" }, this.itemTitle), this.itemSubtitle ? (h("span", { class: "accordion-item-subtitle" }, this.itemSubtitle)) : null), h("calcite-icon", { class: "accordion-item-expand-icon", icon: this.iconType === "chevron"
+      } }, h("div", { "aria-controls": regionId, class: { "accordion-item-header": true, [CSS_UTILITY.rtl]: dir === "rtl" }, id: buttonId, onClick: this.itemHeaderClickHandler, role: "button" }, this.icon ? iconEl : null, h("div", { class: "accordion-item-header-text" }, h("span", { class: "accordion-item-title" }, this.itemTitle), this.itemSubtitle ? (h("span", { class: "accordion-item-subtitle" }, this.itemSubtitle)) : null), h("calcite-icon", { class: "accordion-item-expand-icon", icon: this.iconType === "chevron"
         ? "chevronDown"
         : this.iconType === "caret"
           ? "caretDown"
           : this.active
             ? "minus"
-            : "plus", scale: "s" })), h("div", { class: "accordion-item-content" }, h("slot", null)))));
+            : "plus", scale: "s" })), h("div", { "aria-expanded": this.active.toString(), "aria-labelledby": buttonId, class: "accordion-item-content", id: regionId, role: "region" }, h("slot", null)))));
   }
   //--------------------------------------------------------------------------
   //