@esri/calcite-components 2.6.0-next.1 → 2.6.0-next.3

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

@@ -1,28 +1,28 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.6.0-next.1
+ * v2.6.0-next.3
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9eb4be21.js');
-const floatingUi = require('./floating-ui-38bc3ae2.js');
-const focusTrapComponent = require('./focusTrapComponent-8d272297.js');
-const dom = require('./dom-5dded79d.js');
-const guid = require('./guid-8f9d0c26.js');
-const openCloseComponent = require('./openCloseComponent-95f4c3e6.js');
-const Heading = require('./Heading-45be2853.js');
-const locale = require('./locale-bdbe6686.js');
-const t9n = require('./t9n-8aa449a5.js');
-const key = require('./key-ce0685cd.js');
-const loadable = require('./loadable-3b038c73.js');
-const observers = require('./observers-996731db.js');
-const FloatingArrow = require('./FloatingArrow-8945f43d.js');
-const component = require('./component-46b77e08.js');
-require('./debounce-b255f55a.js');
-require('./resources-15074db9.js');
+const index = require('./index-c6f34b59.js');
+const floatingUi = require('./floating-ui-09f94270.js');
+const focusTrapComponent = require('./focusTrapComponent-b4e178a6.js');
+const dom = require('./dom-de2c02c4.js');
+const guid = require('./guid-5e3a9bf6.js');
+const openCloseComponent = require('./openCloseComponent-2cfe1269.js');
+const Heading = require('./Heading-d2d4fe65.js');
+const locale = require('./locale-1b61dbfa.js');
+const t9n = require('./t9n-4e7cbe81.js');
+const key = require('./key-c357e3f0.js');
+const loadable = require('./loadable-fd8bf45d.js');
+const observers = require('./observers-19e89f3d.js');
+const FloatingArrow = require('./FloatingArrow-674801eb.js');
+const component = require('./component-83b1dc68.js');
+require('./debounce-57b0e321.js');
+require('./resources-6bb7f09d.js');
 
 const CSS = {
     container: "container",

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

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.6.0-next.1
+ * v2.6.0-next.3
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9eb4be21.js');
-const dom = require('./dom-5dded79d.js');
-const resources = require('./resources-15074db9.js');
-require('./guid-8f9d0c26.js');
+const index = require('./index-c6f34b59.js');
+const dom = require('./dom-de2c02c4.js');
+const resources = require('./resources-6bb7f09d.js');
+require('./guid-5e3a9bf6.js');
 
 const progressCss = ":host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background:var(--calcite-color-border-3)}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-color-brand)}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(600%, 0, 0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(-600%, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/cjs/calcite-radio-button-group.cjs.entry.js

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.6.0-next.1
+ * v2.6.0-next.3
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9eb4be21.js');
-const observers = require('./observers-996731db.js');
-const loadable = require('./loadable-3b038c73.js');
-const Validation = require('./Validation-ed099780.js');
+const index = require('./index-c6f34b59.js');
+const observers = require('./observers-19e89f3d.js');
+const loadable = require('./loadable-fd8bf45d.js');
+const Validation = require('./Validation-a1e15e9b.js');
 
 const CSS = {
     itemWrapper: "item-wrapper",

package/dist/cjs/calcite-radio-button.cjs.entry.js

@@ -1,29 +1,29 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.6.0-next.1
+ * v2.6.0-next.3
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9eb4be21.js');
-const array = require('./array-735e1afa.js');
-const dom = require('./dom-5dded79d.js');
-const form = require('./form-b7333efa.js');
-const guid = require('./guid-8f9d0c26.js');
-const interactive = require('./interactive-5133329f.js');
-const label = require('./label-412f66da.js');
-const loadable = require('./loadable-3b038c73.js');
-require('./resources-15074db9.js');
-require('./browser-25149201.js');
-require('./component-46b77e08.js');
+const index = require('./index-c6f34b59.js');
+const array = require('./array-db32163d.js');
+const dom = require('./dom-de2c02c4.js');
+const form = require('./form-bf12021a.js');
+const guid = require('./guid-5e3a9bf6.js');
+const interactive = require('./interactive-86053ff8.js');
+const label = require('./label-2f38b9d6.js');
+const loadable = require('./loadable-fd8bf45d.js');
+require('./resources-6bb7f09d.js');
+require('./browser-bac99561.js');
+require('./component-83b1dc68.js');
 
 const CSS = {
     container: "container",
 };
 
-const radioButtonCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;border-radius:9999px;background-color:var(--calcite-color-foreground-1);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-color-border-input)}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([focused]) .radio{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hovered][disabled]) .radio{box-shadow:inset 0 0 0 1px var(--calcite-color-border-input)}:host([scale=s]){--calcite-radio-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size:var(--calcite-font-size-0)}.radio{block-size:var(--calcite-radio-size);max-inline-size:var(--calcite-radio-size);min-inline-size:var(--calcite-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{box-shadow:inset 0 0 0 4px var(--calcite-color-brand)}:host([scale=s][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 4px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{box-shadow:inset 0 0 0 5px var(--calcite-color-brand)}:host([scale=m][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 5px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{box-shadow:inset 0 0 0 6px var(--calcite-color-brand)}:host([scale=l][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 6px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}@media (forced-colors: active){:host([checked]) .radio::after,:host([checked][disabled]) .radio::after{content:\"\";inline-size:var(--calcite-radio-size);block-size:var(--calcite-radio-size);background-color:windowText;display:block}}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
+const radioButtonCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;border-radius:9999px;background-color:var(--calcite-color-foreground-1);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-color-border-input)}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([focused]) .radio{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hovered][disabled]) .radio{box-shadow:inset 0 0 0 1px var(--calcite-color-border-input)}:host([scale=s]){--calcite-radio-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size:var(--calcite-font-size-0)}.radio{block-size:var(--calcite-radio-size);max-inline-size:var(--calcite-radio-size);min-inline-size:var(--calcite-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{box-shadow:inset 0 0 0 4px var(--calcite-color-brand)}:host([scale=s][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 4px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{box-shadow:inset 0 0 0 5px var(--calcite-color-brand)}:host([scale=m][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 5px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{box-shadow:inset 0 0 0 6px var(--calcite-color-brand)}:host([scale=l][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 6px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}@media (forced-colors: active){:host([checked]) .radio::after,:host([checked][disabled]) .radio::after{content:\"\";inline-size:var(--calcite-radio-size);block-size:var(--calcite-radio-size);background-color:windowText;display:block}}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
 
 const RadioButton = class {
     constructor(hostRef) {

package/dist/cjs/calcite-radio-button.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"calcite-radio-button.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;;AAAO,MAAM,GAAG,GAAG;IACjB,SAAS,EAAE,WAAW;CACvB;;ACFD,MAAM,cAAc,GAAG,8mGAA8mG;;MC6CxnG,WAAW;;;;;;;QA4ItB,eAAU,GAAG,CAAC,KAAsC,EAAE,aAAqB;YACzE,KAAK,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC;SAC9B,CAAC;QAEF,iBAAY,GAAG;YACb,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,oCAAoC,CAAC,CAAC,CAAC,MAAM,CAC5F,CAAC,WAA0C,KAAK,WAAW,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAC5C,CAAC;SACtC,CAAC;QAEF,gBAAW,GAAG;YACZ,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YACzC,MAAM,cAAc,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,WAAW,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YACjF,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,WAAW,KAAK,WAAW,CAAC,OAAO,CAAC,CAAC;YACxE,OAAO,cAAc,KAAK,IAAI,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC;SAC/C,CAAC;QAEF,UAAK,GAAG;YACN,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO;aACR;YAED,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,QAAQ,EAAE,CAAC;YAEhB,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,OAAO;aACR;YAED,IAAI,CAAC,6BAA6B,EAAE,CAAC;YACrC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,wBAAwB,CAAC,IAAI,EAAE,CAAC;SACtC,CAAC;QAEM,iBAAY,GAAG;YACrB,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO;aACR;YAED,IAAI,CAAC,KAAK,EAAE,CAAC;SACd,CAAC;QAsDM,mBAAc,GAAG,CAAC,EAAkB;YAC1C,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;SACvB,CAAC;QAoGF,kBAAa,GAAG,CAAC,KAAoB;YACnC,MAAM,IAAI,GAAG,CAAC,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,CAAC,CAAC;YACtE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;YACtB,MAAM,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;YAEpB,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE;gBAC5B,OAAO;aACR;YAED,IAAI,GAAG,KAAK,GAAG,EAAE;gBACf,IAAI,CAAC,KAAK,EAAE,CAAC;gBACb,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO;aACR;YAED,IAAI,WAAW,GAAG,GAAG,CAAC;YAEtB,IAAIA,iBAAa,CAAC,EAAE,CAAC,KAAK,KAAK,EAAE;gBAC/B,IAAI,GAAG,KAAK,YAAY,EAAE;oBACxB,WAAW,GAAG,WAAW,CAAC;iBAC3B;gBACD,IAAI,GAAG,KAAK,WAAW,EAAE;oBACvB,WAAW,GAAG,YAAY,CAAC;iBAC5B;aACF;YAED,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAC7B,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,oCAAoC,CAAC,CACrE,CAAC,MAAM,CACN,CAAC,WAA0C,KAAK,WAAW,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAC5C,CAAC;YACrC,IAAI,YAAY,GAAG,CAAC,CAAC;YAErB,MAAM,kBAAkB,GAAG,YAAY,CAAC,MAAM,CAAC;YAE/C,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK;gBAC5B,IAAI,IAAI,CAAC,OAAO,EAAE;oBAChB,YAAY,GAAG,KAAK,CAAC;oBACrB,OAAO,IAAI,CAAC;iBACb;aACF,CAAC,CAAC;YAEH,QAAQ,WAAW;gBACjB,KAAK,WAAW,CAAC;gBACjB,KAAK,SAAS;oBACZ,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,IAAI,CAAC,UAAU,CACb,YAAY,EACZC,wBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,kBAAkB,CAAC,CACvE,CAAC;oBACF,OAAO;gBACT,KAAK,YAAY,CAAC;gBAClB,KAAK,WAAW;oBACd,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,IAAI,CAAC,UAAU,CAAC,YAAY,EAAEA,wBAAkB,CAAC,YAAY,GAAG,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC;oBACxF,OAAO;gBACT;oBACE,OAAO;aACV;SACF,CAAC;QAEM,oBAAe,GAAG;YACxB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,8BAA8B,CAAC,IAAI,EAAE,CAAC;SAC5C,CAAC;QAEM,qBAAgB,GAAG;YACzB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAClB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;gBACpB,IAAI,CAAC,+BAA+B,CAAC,IAAI,EAAE,CAAC;aAC7C;SACF,CAAC;uBAlYgD,KAAK;wBAYnB,KAAK;uBAYS,KAAK;;;uBAkBL,KAAK;;;wBAsBnB,KAAK;qBAGD,GAAG;;;;;;;;IA9E3C,kBAAkB;QAChB,IAAI,CAAC,wCAAwC,EAAE,CAAC;KACjD;IAYD,cAAc,CAAC,UAAmB;QAChC,IAAI,UAAU,EAAE;YACd,IAAI,CAAC,+BAA+B,EAAE,CAAC;SACxC;QAED,IAAI,CAAC,uCAAuC,CAAC,IAAI,EAAE,CAAC;KACrD;IAMD,eAAe;QACb,IAAI,CAAC,wCAAwC,EAAE,CAAC;KACjD;IA0CD,WAAW;QACT,IAAI,CAAC,oBAAoB,EAAE,CAAC;KAC7B;;;;;;;IAwCD,MAAM,QAAQ;QACZ,MAAMC,2BAAkB,CAAC,IAAI,CAAC,CAAC;QAE/B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClBC,gBAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SAChC;KACF;;;;;;IAQD,mBAAmB,CAAC,KAAuB;QACzC,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC;KACtB;IA4CD,YAAY,CAAC,KAAkB;QAC7B,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE;YACnC,OAAO;SACR;QAED,MAAM,KAAK,GAAG,KAAK,CAAC,aAAwC,CAAC;QAE7D,MAAM,WAAW,GAAG,KAAK,CAAC,GAAG;cACzB,IAAI,CAAC,QAAQ,CAAC,aAAa,CACzB,4BAA4B,KAAK,CAAC,GAAG,IAAI,CAC1C;cACD,KAAK,CAAC,aAAa,CACjB,8BAA8B,IAAI,CAAC,IAAI,IAAI,CAC5C,CAAC;QAEN,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO;SACR;QAED,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,QAAQ,EAAE,CAAC;QAEhB,IAAI,WAAW,CAAC,OAAO,EAAE;YACvB,OAAO;SACR;QAED,IAAI,CAAC,+BAA+B,EAAE,CAAC;QACvC,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,wBAAwB,CAAC,IAAI,EAAE,CAAC;KACtC;IAEO,oBAAoB;QAC1B,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACzC,MAAM,mBAAmB,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,WAAW,KAAK,WAAW,CAAC,OAAO,CAAC,CAAC;QAEtF,IAAI,mBAAmB,EAAE,MAAM,GAAG,CAAC,EAAE;YACnC,MAAM,sBAAsB,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACnF,mBAAmB;iBAChB,MAAM,CAAC,CAAC,kBAAkB,KAAK,kBAAkB,KAAK,sBAAsB,CAAC;iBAC7E,OAAO,CAAC,CAAC,kBAAiD;gBACzD,kBAAkB,CAAC,OAAO,GAAG,KAAK,CAAC;gBACnC,kBAAkB,CAAC,iBAAiB,EAAE,CAAC;aACxC,CAAC,CAAC;SACN;KACF;;IAID,MAAM,iBAAiB;QACrB,IAAI,CAAC,uCAAuC,CAAC,IAAI,EAAE,CAAC;KACrD;IAMO,6BAA6B;QACnC,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACzC,YAAY,CAAC,OAAO,CAAC,CAAC,WAAW;YAC/B,IAAI,WAAW,CAAC,OAAO,EAAE;gBACvB,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;gBAC5B,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;aAC7B;SACF,CAAC,CAAC;KACJ;IAEO,+BAA+B;QACrC,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACzC,MAAM,iBAAiB,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,WAAW,KAAK,WAAW,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/F,iBAAiB,CAAC,OAAO,CAAC,CAAC,gBAAgB;YACzC,IAAI,gBAAgB,CAAC,OAAO,EAAE;gBAC5B,gBAAgB,CAAC,OAAO,GAAG,KAAK,CAAC;gBACjC,gBAAgB,CAAC,OAAO,GAAG,KAAK,CAAC;aAClC;SACF,CAAC,CAAC;KACJ;IAEO,wCAAwC;QAC9C,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACzC,MAAM,0BAA0B,GAAG,YAAY,CAAC,MAAM,CACpD,CAAC,WAAW,KAAK,WAAW,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,QAAQ,CACzE,CAAC;QACF,0BAA0B,CAAC,OAAO,CAAC,CAAC,WAAW;YAC7CC,iBAAW,CAAC,WAAW,CAAC,CAAC;SAC1B,CAAC,CAAC;KACJ;IAEO,WAAW;QACjB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO,SAAS,CAAC;SAClB;QACD,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,WAAW,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;KACpD;;;;;;IA6CD,mBAAmB;QACjB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QAED,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;KACrB;IAGD,mBAAmB;QACjB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QAED,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;;;;;;IAiFD,iBAAiB;QACf,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,WAAW,EAAiB,CAAC;QACrD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,wBAAwBC,SAAI,EAAE,EAAE,CAAC;QAC3D,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,oBAAoB,EAAE,CAAC;SAC7B;QACDC,8BAAkB,CAAC,IAAI,CAAC,CAAC;QACzBC,kBAAY,CAAC,IAAI,CAAC,CAAC;QACnBC,gBAAW,CAAC,IAAI,CAAC,CAAC;QAClB,IAAI,CAAC,wCAAwC,EAAE,CAAC;KACjD;IAED,iBAAiB;QACfC,+BAAsB,CAAC,IAAI,CAAC,CAAC;KAC9B;IAED,gBAAgB;QACdC,2BAAkB,CAAC,IAAI,CAAC,CAAC;QAEzB,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClC,IAAI,CAAC,QAAQ,EAAE,CAAC;SACjB;KACF;IAED,oBAAoB;QAClBC,iCAAqB,CAAC,IAAI,CAAC,CAAC;QAC5BC,qBAAe,CAAC,IAAI,CAAC,CAAC;QACtBC,mBAAc,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC,wCAAwC,EAAE,CAAC;KACjD;IAED,kBAAkB;QAChBC,iCAAqB,CAAC,IAAI,CAAC,CAAC;KAC7B;;;;;;IAQD,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACpC,QACEC,QAACC,UAAI,IAAC,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,EAAE,IAAI,CAAC,aAAa,IAC7DD,QAACE,gCAAoB,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAC3CF,iCACgBG,iBAAa,CAAC,IAAI,CAAC,OAAO,CAAC,gBAC7BC,kBAAY,CAAC,IAAI,CAAC,EAC9B,KAAK,EAAE,GAAG,CAAC,SAAS,EACpB,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAC9B,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ;;YAElB,GAAG,EAAE,IAAI,CAAC,cAAc,IAExBJ,iBAAK,KAAK,EAAC,OAAO,GAAG,CACjB,EACNA,QAACK,wBAAmB,IAAC,SAAS,EAAE,IAAI,GAAI,CACnB,CAClB,EACP;KACH;;;;;;;;;;;;;","names":["getElementDir","getRoundRobinIndex","componentFocusable","focusElement","forceUpdate","guid","connectInteractive","connectLabel","connectForm","setUpLoadableComponent","setComponentLoaded","disconnectInteractive","disconnectLabel","disconnectForm","updateHostInteraction","h","Host","InteractiveContainer","toAriaBoolean","getLabelText","HiddenFormInputSlot"],"sources":["src/components/radio-button/resources.ts","src/components/radio-button/radio-button.scss?tag=calcite-radio-button&encapsulation=shadow","src/components/radio-button/radio-button.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n};\n",":host {\n  @apply block cursor-pointer;\n  .container {\n    @apply relative outline-none;\n  }\n  .radio {\n    @apply bg-foreground-1 cursor-pointer focus-base rounded-full transition-default;\n    box-shadow: inset 0 0 0 1px var(--calcite-color-border-input);\n  }\n}\n\n:host([hovered]),\n:host(:not([checked])[focused]:not([disabled])) {\n  .radio {\n    box-shadow: inset 0 0 0 2px var(--calcite-color-brand);\n  }\n}\n\n:host([focused]) {\n  .radio {\n    @apply focus-outset;\n  }\n}\n\n@include disabled() {\n  .radio {\n    @apply opacity-disabled cursor-default;\n  }\n}\n\n:host([hovered][disabled]) {\n  .radio {\n    box-shadow: inset 0 0 0 1px var(--calcite-color-border-input);\n  }\n}\n\n:host([scale=\"s\"]) {\n  --calcite-radio-size: theme(\"fontSize.n2\");\n}\n:host([scale=\"m\"]) {\n  --calcite-radio-size: theme(\"fontSize.n1\");\n}\n:host([scale=\"l\"]) {\n  --calcite-radio-size: theme(\"fontSize.0\");\n}\n\n.radio {\n  block-size: var(--calcite-radio-size);\n  max-inline-size: var(--calcite-radio-size);\n  min-inline-size: var(--calcite-radio-size);\n}\n\n:host([scale=\"s\"][checked]),\n:host([hovered][scale=\"s\"][checked][disabled]) {\n  .radio {\n    box-shadow: inset 0 0 0 4px var(--calcite-color-brand);\n  }\n}\n:host([scale=\"s\"][focused][checked]:not([disabled])) {\n  .radio {\n    box-shadow:\n      inset 0 0 0 4px var(--calcite-color-brand),\n      0 0 0 2px var(--calcite-color-foreground-1);\n  }\n}\n:host([scale=\"m\"][checked]),\n:host([hovered][scale=\"m\"][checked][disabled]) {\n  .radio {\n    box-shadow: inset 0 0 0 5px var(--calcite-color-brand);\n  }\n}\n:host([scale=\"m\"][focused][checked]:not([disabled])) {\n  .radio {\n    box-shadow:\n      inset 0 0 0 5px var(--calcite-color-brand),\n      0 0 0 2px var(--calcite-color-foreground-1);\n  }\n}\n:host([scale=\"l\"][checked]),\n:host([hovered][scale=\"l\"][checked][disabled]) {\n  .radio {\n    box-shadow: inset 0 0 0 6px var(--calcite-color-brand);\n  }\n}\n:host([scale=\"l\"][focused][checked]:not([disabled])) {\n  .radio {\n    box-shadow:\n      inset 0 0 0 6px var(--calcite-color-brand),\n      0 0 0 2px var(--calcite-color-foreground-1);\n  }\n}\n\n@media (forced-colors: active) {\n  :host([checked]),\n  :host([checked][disabled]) {\n    .radio::after {\n      content: \"\";\n      inline-size: var(--calcite-radio-size);\n      block-size: var(--calcite-radio-size);\n      background-color: windowText;\n      display: block;\n    }\n  }\n}\n\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getRoundRobinIndex } from \"../../utils/array\";\nimport { focusElement, getElementDir, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  CheckableFormComponent,\n  connectForm,\n  disconnectForm,\n  HiddenFormInputSlot,\n} from \"../../utils/form\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Scale } from \"../interfaces\";\nimport { CSS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-radio-button\",\n  styleUrl: \"radio-button.scss\",\n  shadow: true,\n})\nexport class RadioButton\n  implements LabelableComponent, CheckableFormComponent, InteractiveComponent, LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Global attributes\n  //\n  //--------------------------------------------------------------------------\n\n  @Watch(\"hidden\")\n  handleHiddenChange(): void {\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is checked. */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  @Watch(\"checked\")\n  checkedChanged(newChecked: boolean): void {\n    if (newChecked) {\n      this.uncheckOtherRadioButtonsInGroup();\n    }\n\n    this.calciteInternalRadioButtonCheckedChange.emit();\n  }\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  disabledChanged(): void {\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  /**\n   * The focused state of the component.\n   *\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) focused = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true })\n  form: string;\n\n  /** The `id` of the component. When omitted, a globally unique identifier is used. */\n  @Prop({ reflect: true, mutable: true }) guid: string;\n\n  /**\n   * The hovered state of the component.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) hovered = false;\n\n  /**\n   * Accessible name for the component.\n   *\n   * @internal\n   */\n  @Prop() label?: string;\n\n  /**\n   * Specifies the name of the component. Can be inherited from `calcite-radio-button-group`.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  @Watch(\"name\")\n  nameChanged(): void {\n    this.checkLastRadioButton();\n  }\n\n  /** When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component inherited from the `calcite-radio-button-group`. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** The component's value. */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by form module\n  @Prop({ mutable: true }) value!: any;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteRadioButtonElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultChecked: boolean;\n\n  defaultValue: RadioButton[\"value\"];\n\n  rootNode: HTMLElement;\n\n  containerEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    if (!this.disabled) {\n      focusElement(this.containerEl);\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    input.type = \"radio\";\n  }\n\n  selectItem = (items: HTMLCalciteRadioButtonElement[], selectedIndex: number): void => {\n    items[selectedIndex].click();\n  };\n\n  queryButtons = (): HTMLCalciteRadioButtonElement[] => {\n    return Array.from(this.rootNode.querySelectorAll(\"calcite-radio-button:not([hidden])\")).filter(\n      (radioButton: HTMLCalciteRadioButtonElement) => radioButton.name === this.name,\n    ) as HTMLCalciteRadioButtonElement[];\n  };\n\n  isFocusable = (): boolean => {\n    const radioButtons = this.queryButtons();\n    const firstFocusable = radioButtons.find((radioButton) => !radioButton.disabled);\n    const checked = radioButtons.find((radioButton) => radioButton.checked);\n    return firstFocusable === this.el && !checked;\n  };\n\n  check = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.focused = true;\n    this.setFocus();\n\n    if (this.checked) {\n      return;\n    }\n\n    this.uncheckAllRadioButtonsInGroup();\n    this.checked = true;\n    this.calciteRadioButtonChange.emit();\n  };\n\n  private clickHandler = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.check();\n  };\n\n  onLabelClick(event: CustomEvent): void {\n    if (this.disabled || this.el.hidden) {\n      return;\n    }\n\n    const label = event.currentTarget as HTMLCalciteLabelElement;\n\n    const radioButton = label.for\n      ? this.rootNode.querySelector<HTMLCalciteRadioButtonElement>(\n          `calcite-radio-button[id=\"${label.for}\"]`,\n        )\n      : label.querySelector<HTMLCalciteRadioButtonElement>(\n          `calcite-radio-button[name=\"${this.name}\"]`,\n        );\n\n    if (!radioButton) {\n      return;\n    }\n\n    radioButton.focused = true;\n    this.setFocus();\n\n    if (radioButton.checked) {\n      return;\n    }\n\n    this.uncheckOtherRadioButtonsInGroup();\n    radioButton.checked = true;\n    this.calciteRadioButtonChange.emit();\n  }\n\n  private checkLastRadioButton(): void {\n    const radioButtons = this.queryButtons();\n    const checkedRadioButtons = radioButtons.filter((radioButton) => radioButton.checked);\n\n    if (checkedRadioButtons?.length > 1) {\n      const lastCheckedRadioButton = checkedRadioButtons[checkedRadioButtons.length - 1];\n      checkedRadioButtons\n        .filter((checkedRadioButton) => checkedRadioButton !== lastCheckedRadioButton)\n        .forEach((checkedRadioButton: HTMLCalciteRadioButtonElement) => {\n          checkedRadioButton.checked = false;\n          checkedRadioButton.emitCheckedChange();\n        });\n    }\n  }\n\n  /** @internal */\n  @Method()\n  async emitCheckedChange(): Promise<void> {\n    this.calciteInternalRadioButtonCheckedChange.emit();\n  }\n\n  private setContainerEl = (el: HTMLDivElement): void => {\n    this.containerEl = el;\n  };\n\n  private uncheckAllRadioButtonsInGroup(): void {\n    const radioButtons = this.queryButtons();\n    radioButtons.forEach((radioButton) => {\n      if (radioButton.checked) {\n        radioButton.checked = false;\n        radioButton.focused = false;\n      }\n    });\n  }\n\n  private uncheckOtherRadioButtonsInGroup(): void {\n    const radioButtons = this.queryButtons();\n    const otherRadioButtons = radioButtons.filter((radioButton) => radioButton.guid !== this.guid);\n    otherRadioButtons.forEach((otherRadioButton) => {\n      if (otherRadioButton.checked) {\n        otherRadioButton.checked = false;\n        otherRadioButton.focused = false;\n      }\n    });\n  }\n\n  private updateTabIndexOfOtherRadioButtonsInGroup(): void {\n    const radioButtons = this.queryButtons();\n    const otherFocusableRadioButtons = radioButtons.filter(\n      (radioButton) => radioButton.guid !== this.guid && !radioButton.disabled,\n    );\n    otherFocusableRadioButtons.forEach((radioButton) => {\n      forceUpdate(radioButton);\n    });\n  }\n\n  private getTabIndex(): number | undefined {\n    if (this.disabled) {\n      return undefined;\n    }\n    return this.checked || this.isFocusable() ? 0 : -1;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the radio button is blurred.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalRadioButtonBlur: EventEmitter<void>;\n\n  /**\n   * Fires only when the radio button is checked.  This behavior is identical to the native HTML input element.\n   * Since this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event\n   * directly on the element, but instead either attach it to a node that contains all of the radio buttons in the group\n   * or use the `calciteRadioButtonGroupChange` event if using this with `calcite-radio-button-group`.\n   */\n  @Event({ cancelable: false }) calciteRadioButtonChange: EventEmitter<void>;\n\n  /**\n   * Fires when the checked property changes.  This is an internal event used for styling purposes only.\n   * Use calciteRadioButtonChange or calciteRadioButtonGroupChange for responding to changes in the checked value for forms.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalRadioButtonCheckedChange: EventEmitter<void>;\n\n  /**\n   * Fires when the radio button is focused.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalRadioButtonFocus: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"pointerenter\")\n  pointerEnterHandler(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.hovered = true;\n  }\n\n  @Listen(\"pointerleave\")\n  pointerLeaveHandler(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.hovered = false;\n  }\n\n  handleKeyDown = (event: KeyboardEvent): void => {\n    const keys = [\"ArrowLeft\", \"ArrowUp\", \"ArrowRight\", \"ArrowDown\", \" \"];\n    const { key } = event;\n    const { el } = this;\n\n    if (keys.indexOf(key) === -1) {\n      return;\n    }\n\n    if (key === \" \") {\n      this.check();\n      event.preventDefault();\n      return;\n    }\n\n    let adjustedKey = key;\n\n    if (getElementDir(el) === \"rtl\") {\n      if (key === \"ArrowRight\") {\n        adjustedKey = \"ArrowLeft\";\n      }\n      if (key === \"ArrowLeft\") {\n        adjustedKey = \"ArrowRight\";\n      }\n    }\n\n    const radioButtons = Array.from(\n      this.rootNode.querySelectorAll(\"calcite-radio-button:not([hidden])\"),\n    ).filter(\n      (radioButton: HTMLCalciteRadioButtonElement) => radioButton.name === this.name,\n    ) as HTMLCalciteRadioButtonElement[];\n    let currentIndex = 0;\n\n    const radioButtonsLength = radioButtons.length;\n\n    radioButtons.some((item, index) => {\n      if (item.checked) {\n        currentIndex = index;\n        return true;\n      }\n    });\n\n    switch (adjustedKey) {\n      case \"ArrowLeft\":\n      case \"ArrowUp\":\n        event.preventDefault();\n        this.selectItem(\n          radioButtons,\n          getRoundRobinIndex(Math.max(currentIndex - 1, -1), radioButtonsLength),\n        );\n        return;\n      case \"ArrowRight\":\n      case \"ArrowDown\":\n        event.preventDefault();\n        this.selectItem(radioButtons, getRoundRobinIndex(currentIndex + 1, radioButtonsLength));\n        return;\n      default:\n        return;\n    }\n  };\n\n  private onContainerBlur = (): void => {\n    this.focused = false;\n    this.calciteInternalRadioButtonBlur.emit();\n  };\n\n  private onContainerFocus = (): void => {\n    if (!this.disabled) {\n      this.focused = true;\n      this.calciteInternalRadioButtonFocus.emit();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.rootNode = this.el.getRootNode() as HTMLElement;\n    this.guid = this.el.id || `calcite-radio-button-${guid()}`;\n    if (this.name) {\n      this.checkLastRadioButton();\n    }\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n\n    if (this.focused && !this.disabled) {\n      this.setFocus();\n    }\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const tabIndex = this.getTabIndex();\n    return (\n      <Host onClick={this.clickHandler} onKeyDown={this.handleKeyDown}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-checked={toAriaBoolean(this.checked)}\n            aria-label={getLabelText(this)}\n            class={CSS.container}\n            onBlur={this.onContainerBlur}\n            onFocus={this.onContainerFocus}\n            role=\"radio\"\n            tabIndex={tabIndex}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={this.setContainerEl}\n          >\n            <div class=\"radio\" />\n          </div>\n          <HiddenFormInputSlot component={this} />\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"calcite-radio-button.entry.cjs.js","mappings":"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","names":["getElementDir","getRoundRobinIndex","componentFocusable","focusElement","forceUpdate","guid","connectInteractive","connectLabel","connectForm","setUpLoadableComponent","setComponentLoaded","disconnectInteractive","disconnectLabel","disconnectForm","updateHostInteraction","h","Host","InteractiveContainer","toAriaBoolean","getLabelText","HiddenFormInputSlot"],"sources":["src/components/radio-button/resources.ts","src/components/radio-button/radio-button.scss?tag=calcite-radio-button&encapsulation=shadow","src/components/radio-button/radio-button.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n};\n",":host {\n  @apply block cursor-pointer;\n  .container {\n    @apply relative outline-none;\n  }\n  .radio {\n    @apply bg-foreground-1 cursor-pointer focus-base rounded-full transition-default;\n    box-shadow: inset 0 0 0 1px var(--calcite-color-border-input);\n  }\n}\n\n:host([hovered]),\n:host(:not([checked])[focused]:not([disabled])) {\n  .radio {\n    box-shadow: inset 0 0 0 2px var(--calcite-color-brand);\n  }\n}\n\n:host([focused]) {\n  .radio {\n    @apply focus-outset;\n  }\n}\n\n@include disabled() {\n  .radio {\n    @apply opacity-disabled cursor-default;\n  }\n}\n\n:host([hovered][disabled]) {\n  .radio {\n    box-shadow: inset 0 0 0 1px var(--calcite-color-border-input);\n  }\n}\n\n:host([scale=\"s\"]) {\n  --calcite-radio-size: theme(\"fontSize.n2\");\n}\n:host([scale=\"m\"]) {\n  --calcite-radio-size: theme(\"fontSize.n1\");\n}\n:host([scale=\"l\"]) {\n  --calcite-radio-size: theme(\"fontSize.0\");\n}\n\n.radio {\n  block-size: var(--calcite-radio-size);\n  max-inline-size: var(--calcite-radio-size);\n  min-inline-size: var(--calcite-radio-size);\n}\n\n:host([scale=\"s\"][checked]),\n:host([hovered][scale=\"s\"][checked][disabled]) {\n  .radio {\n    box-shadow: inset 0 0 0 4px var(--calcite-color-brand);\n  }\n}\n:host([scale=\"s\"][focused][checked]:not([disabled])) {\n  .radio {\n    box-shadow:\n      inset 0 0 0 4px var(--calcite-color-brand),\n      0 0 0 2px var(--calcite-color-foreground-1);\n  }\n}\n:host([scale=\"m\"][checked]),\n:host([hovered][scale=\"m\"][checked][disabled]) {\n  .radio {\n    box-shadow: inset 0 0 0 5px var(--calcite-color-brand);\n  }\n}\n:host([scale=\"m\"][focused][checked]:not([disabled])) {\n  .radio {\n    box-shadow:\n      inset 0 0 0 5px var(--calcite-color-brand),\n      0 0 0 2px var(--calcite-color-foreground-1);\n  }\n}\n:host([scale=\"l\"][checked]),\n:host([hovered][scale=\"l\"][checked][disabled]) {\n  .radio {\n    box-shadow: inset 0 0 0 6px var(--calcite-color-brand);\n  }\n}\n:host([scale=\"l\"][focused][checked]:not([disabled])) {\n  .radio {\n    box-shadow:\n      inset 0 0 0 6px var(--calcite-color-brand),\n      0 0 0 2px var(--calcite-color-foreground-1);\n  }\n}\n\n@media (forced-colors: active) {\n  :host([checked]),\n  :host([checked][disabled]) {\n    .radio::after {\n      content: \"\";\n      inline-size: var(--calcite-radio-size);\n      block-size: var(--calcite-radio-size);\n      background-color: windowText;\n      display: block;\n    }\n  }\n}\n\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getRoundRobinIndex } from \"../../utils/array\";\nimport { focusElement, getElementDir, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  CheckableFormComponent,\n  connectForm,\n  disconnectForm,\n  HiddenFormInputSlot,\n} from \"../../utils/form\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Scale } from \"../interfaces\";\nimport { CSS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-radio-button\",\n  styleUrl: \"radio-button.scss\",\n  shadow: true,\n})\nexport class RadioButton\n  implements LabelableComponent, CheckableFormComponent, InteractiveComponent, LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Global attributes\n  //\n  //--------------------------------------------------------------------------\n\n  @Watch(\"hidden\")\n  handleHiddenChange(): void {\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is checked. */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  @Watch(\"checked\")\n  checkedChanged(newChecked: boolean): void {\n    if (newChecked) {\n      this.uncheckOtherRadioButtonsInGroup();\n    }\n\n    this.calciteInternalRadioButtonCheckedChange.emit();\n  }\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  disabledChanged(): void {\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  /**\n   * The focused state of the component.\n   *\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) focused = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true })\n  form: string;\n\n  /** The `id` of the component. When omitted, a globally unique identifier is used. */\n  @Prop({ reflect: true, mutable: true }) guid: string;\n\n  /**\n   * The hovered state of the component.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) hovered = false;\n\n  /**\n   * Accessible name for the component.\n   *\n   * @internal\n   */\n  @Prop() label?: string;\n\n  /**\n   * Specifies the name of the component. Can be inherited from `calcite-radio-button-group`.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  @Watch(\"name\")\n  nameChanged(): void {\n    this.checkLastRadioButton();\n  }\n\n  /** When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component inherited from the `calcite-radio-button-group`. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** The component's value. */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by form module\n  @Prop({ mutable: true }) value!: any;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteRadioButtonElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultChecked: boolean;\n\n  defaultValue: RadioButton[\"value\"];\n\n  rootNode: HTMLElement;\n\n  containerEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    if (!this.disabled) {\n      focusElement(this.containerEl);\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    input.type = \"radio\";\n  }\n\n  selectItem = (items: HTMLCalciteRadioButtonElement[], selectedIndex: number): void => {\n    items[selectedIndex].click();\n  };\n\n  queryButtons = (): HTMLCalciteRadioButtonElement[] => {\n    return Array.from(this.rootNode.querySelectorAll(\"calcite-radio-button:not([hidden])\")).filter(\n      (radioButton: HTMLCalciteRadioButtonElement) => radioButton.name === this.name,\n    ) as HTMLCalciteRadioButtonElement[];\n  };\n\n  isFocusable = (): boolean => {\n    const radioButtons = this.queryButtons();\n    const firstFocusable = radioButtons.find((radioButton) => !radioButton.disabled);\n    const checked = radioButtons.find((radioButton) => radioButton.checked);\n    return firstFocusable === this.el && !checked;\n  };\n\n  check = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.focused = true;\n    this.setFocus();\n\n    if (this.checked) {\n      return;\n    }\n\n    this.uncheckAllRadioButtonsInGroup();\n    this.checked = true;\n    this.calciteRadioButtonChange.emit();\n  };\n\n  private clickHandler = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.check();\n  };\n\n  onLabelClick(event: CustomEvent): void {\n    if (this.disabled || this.el.hidden) {\n      return;\n    }\n\n    const label = event.currentTarget as HTMLCalciteLabelElement;\n\n    const radioButton = label.for\n      ? this.rootNode.querySelector<HTMLCalciteRadioButtonElement>(\n          `calcite-radio-button[id=\"${label.for}\"]`,\n        )\n      : label.querySelector<HTMLCalciteRadioButtonElement>(\n          `calcite-radio-button[name=\"${this.name}\"]`,\n        );\n\n    if (!radioButton) {\n      return;\n    }\n\n    radioButton.focused = true;\n    this.setFocus();\n\n    if (radioButton.checked) {\n      return;\n    }\n\n    this.uncheckOtherRadioButtonsInGroup();\n    radioButton.checked = true;\n    this.calciteRadioButtonChange.emit();\n  }\n\n  private checkLastRadioButton(): void {\n    const radioButtons = this.queryButtons();\n    const checkedRadioButtons = radioButtons.filter((radioButton) => radioButton.checked);\n\n    if (checkedRadioButtons?.length > 1) {\n      const lastCheckedRadioButton = checkedRadioButtons[checkedRadioButtons.length - 1];\n      checkedRadioButtons\n        .filter((checkedRadioButton) => checkedRadioButton !== lastCheckedRadioButton)\n        .forEach((checkedRadioButton: HTMLCalciteRadioButtonElement) => {\n          checkedRadioButton.checked = false;\n          checkedRadioButton.emitCheckedChange();\n        });\n    }\n  }\n\n  /** @internal */\n  @Method()\n  async emitCheckedChange(): Promise<void> {\n    this.calciteInternalRadioButtonCheckedChange.emit();\n  }\n\n  private setContainerEl = (el: HTMLDivElement): void => {\n    this.containerEl = el;\n  };\n\n  private uncheckAllRadioButtonsInGroup(): void {\n    const radioButtons = this.queryButtons();\n    radioButtons.forEach((radioButton) => {\n      if (radioButton.checked) {\n        radioButton.checked = false;\n        radioButton.focused = false;\n      }\n    });\n  }\n\n  private uncheckOtherRadioButtonsInGroup(): void {\n    const radioButtons = this.queryButtons();\n    const otherRadioButtons = radioButtons.filter((radioButton) => radioButton.guid !== this.guid);\n    otherRadioButtons.forEach((otherRadioButton) => {\n      if (otherRadioButton.checked) {\n        otherRadioButton.checked = false;\n        otherRadioButton.focused = false;\n      }\n    });\n  }\n\n  private updateTabIndexOfOtherRadioButtonsInGroup(): void {\n    const radioButtons = this.queryButtons();\n    const otherFocusableRadioButtons = radioButtons.filter(\n      (radioButton) => radioButton.guid !== this.guid && !radioButton.disabled,\n    );\n    otherFocusableRadioButtons.forEach((radioButton) => {\n      forceUpdate(radioButton);\n    });\n  }\n\n  private getTabIndex(): number | undefined {\n    if (this.disabled) {\n      return undefined;\n    }\n    return this.checked || this.isFocusable() ? 0 : -1;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the radio button is blurred.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalRadioButtonBlur: EventEmitter<void>;\n\n  /**\n   * Fires only when the radio button is checked.  This behavior is identical to the native HTML input element.\n   * Since this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event\n   * directly on the element, but instead either attach it to a node that contains all of the radio buttons in the group\n   * or use the `calciteRadioButtonGroupChange` event if using this with `calcite-radio-button-group`.\n   */\n  @Event({ cancelable: false }) calciteRadioButtonChange: EventEmitter<void>;\n\n  /**\n   * Fires when the checked property changes.  This is an internal event used for styling purposes only.\n   * Use calciteRadioButtonChange or calciteRadioButtonGroupChange for responding to changes in the checked value for forms.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalRadioButtonCheckedChange: EventEmitter<void>;\n\n  /**\n   * Fires when the radio button is focused.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalRadioButtonFocus: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"pointerenter\")\n  pointerEnterHandler(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.hovered = true;\n  }\n\n  @Listen(\"pointerleave\")\n  pointerLeaveHandler(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.hovered = false;\n  }\n\n  handleKeyDown = (event: KeyboardEvent): void => {\n    const keys = [\"ArrowLeft\", \"ArrowUp\", \"ArrowRight\", \"ArrowDown\", \" \"];\n    const { key } = event;\n    const { el } = this;\n\n    if (keys.indexOf(key) === -1) {\n      return;\n    }\n\n    if (key === \" \") {\n      this.check();\n      event.preventDefault();\n      return;\n    }\n\n    let adjustedKey = key;\n\n    if (getElementDir(el) === \"rtl\") {\n      if (key === \"ArrowRight\") {\n        adjustedKey = \"ArrowLeft\";\n      }\n      if (key === \"ArrowLeft\") {\n        adjustedKey = \"ArrowRight\";\n      }\n    }\n\n    const radioButtons = Array.from(\n      this.rootNode.querySelectorAll(\"calcite-radio-button:not([hidden])\"),\n    ).filter(\n      (radioButton: HTMLCalciteRadioButtonElement) => radioButton.name === this.name,\n    ) as HTMLCalciteRadioButtonElement[];\n    let currentIndex = 0;\n\n    const radioButtonsLength = radioButtons.length;\n\n    radioButtons.some((item, index) => {\n      if (item.checked) {\n        currentIndex = index;\n        return true;\n      }\n    });\n\n    switch (adjustedKey) {\n      case \"ArrowLeft\":\n      case \"ArrowUp\":\n        event.preventDefault();\n        this.selectItem(\n          radioButtons,\n          getRoundRobinIndex(Math.max(currentIndex - 1, -1), radioButtonsLength),\n        );\n        return;\n      case \"ArrowRight\":\n      case \"ArrowDown\":\n        event.preventDefault();\n        this.selectItem(radioButtons, getRoundRobinIndex(currentIndex + 1, radioButtonsLength));\n        return;\n      default:\n        return;\n    }\n  };\n\n  private onContainerBlur = (): void => {\n    this.focused = false;\n    this.calciteInternalRadioButtonBlur.emit();\n  };\n\n  private onContainerFocus = (): void => {\n    if (!this.disabled) {\n      this.focused = true;\n      this.calciteInternalRadioButtonFocus.emit();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.rootNode = this.el.getRootNode() as HTMLElement;\n    this.guid = this.el.id || `calcite-radio-button-${guid()}`;\n    if (this.name) {\n      this.checkLastRadioButton();\n    }\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n\n    if (this.focused && !this.disabled) {\n      this.setFocus();\n    }\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const tabIndex = this.getTabIndex();\n    return (\n      <Host onClick={this.clickHandler} onKeyDown={this.handleKeyDown}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-checked={toAriaBoolean(this.checked)}\n            aria-label={getLabelText(this)}\n            class={CSS.container}\n            onBlur={this.onContainerBlur}\n            onFocus={this.onContainerFocus}\n            role=\"radio\"\n            tabIndex={tabIndex}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={this.setContainerEl}\n          >\n            <div class=\"radio\" />\n          </div>\n          <HiddenFormInputSlot component={this} />\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,32 +1,32 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.6.0-next.1
+ * v2.6.0-next.3
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9eb4be21.js');
-const form = require('./form-b7333efa.js');
-const guid = require('./guid-8f9d0c26.js');
-const interactive = require('./interactive-5133329f.js');
-const label = require('./label-412f66da.js');
-const loadable = require('./loadable-3b038c73.js');
-const locale = require('./locale-bdbe6686.js');
-const t9n = require('./t9n-8aa449a5.js');
-const dom = require('./dom-5dded79d.js');
-require('./browser-25149201.js');
-require('./component-46b77e08.js');
-require('./key-ce0685cd.js');
-require('./observers-996731db.js');
-require('./resources-15074db9.js');
+const index = require('./index-c6f34b59.js');
+const form = require('./form-bf12021a.js');
+const guid = require('./guid-5e3a9bf6.js');
+const interactive = require('./interactive-86053ff8.js');
+const label = require('./label-2f38b9d6.js');
+const loadable = require('./loadable-fd8bf45d.js');
+const locale = require('./locale-1b61dbfa.js');
+const t9n = require('./t9n-4e7cbe81.js');
+const dom = require('./dom-de2c02c4.js');
+require('./browser-bac99561.js');
+require('./component-83b1dc68.js');
+require('./key-c357e3f0.js');
+require('./observers-19e89f3d.js');
+require('./resources-6bb7f09d.js');
 
 const StarIcon = ({ full, scale, partial }) => (index.h("calcite-icon", { class: partial ? undefined : "icon",
     icon: full ? "star-f" : "star",
     scale }));
 
-const ratingCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){block-size:1.5rem;--calcite-rating-spacing-unit:0.25rem}:host([scale=m]){block-size:2rem;--calcite-rating-spacing-unit:0.5rem}:host([scale=l]){block-size:2.75rem;--calcite-rating-spacing-unit:0.75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing-unit)}.wrapper{display:inline-block}.star{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-color-border-input)}.star:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.average,.fraction{color:var(--calcite-color-status-warning)}.hovered,.selected{color:var(--calcite-color-brand)}.fraction{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:bold}.number--count{color:var(--calcite-color-text-2);font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing-unit)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
+const ratingCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){block-size:1.5rem;--calcite-rating-spacing-unit:0.25rem}:host([scale=m]){block-size:2rem;--calcite-rating-spacing-unit:0.5rem}:host([scale=l]){block-size:2.75rem;--calcite-rating-spacing-unit:0.75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing-unit)}.wrapper{display:inline-block}.star{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-color-border-input)}.star:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.average,.fraction{color:var(--calcite-color-status-warning)}.hovered,.selected{color:var(--calcite-color-brand)}.fraction{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:bold}.number--count{color:var(--calcite-color-text-2);font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing-unit)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
 
 const Rating = class {
     constructor(hostRef) {

package/dist/cjs/calcite-rating.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"calcite-rating.entry.cjs.js","mappings":"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","names":["h","guid","updateMessages","connectInteractive","connectLocalized","connectMessages","connectLabel","connectForm","setUpMessages","setUpLoadableComponent","setComponentLoaded","disconnectInteractive","disconnectLocalized","disconnectMessages","disconnectLabel","disconnectForm","updateHostInteraction","Host","InteractiveContainer","HiddenFormInputSlot","componentFocusable","focusFirstTabbable"],"sources":["src/components/rating/functional/star.tsx","src/components/rating/rating.scss?tag=calcite-rating&encapsulation=shadow","src/components/rating/rating.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\n\nimport { StarIconProps } from \"../interfaces\";\n\nexport const StarIcon: FunctionalComponent<StarIconProps> = ({ full, scale, partial }) => (\n  <calcite-icon\n    {...{\n      class: partial ? undefined : \"icon\",\n      icon: full ? \"star-f\" : \"star\",\n      scale,\n    }}\n  />\n);\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-rating-spacing-unit: The amount of left and right margin spacing between each rating star.\n */\n\n:host {\n  @apply relative flex items-center;\n  inline-size: fit-content;\n}\n\n@include disabled();\n\n:host([scale=\"s\"]) {\n  @apply h-6;\n  --calcite-rating-spacing-unit: theme(\"spacing.1\");\n}\n\n:host([scale=\"m\"]) {\n  @apply h-8;\n  --calcite-rating-spacing-unit: theme(\"spacing.2\");\n}\n\n:host([scale=\"l\"]) {\n  @apply h-11;\n  --calcite-rating-spacing-unit: theme(\"spacing.3\");\n}\n\n:host([read-only]) {\n  @extend %non-interactive-host-contents;\n}\n\n.fieldset {\n  margin: 0;\n  display: flex;\n  border-width: 0;\n  padding: 0;\n  align-items: center;\n  gap: var(--calcite-rating-spacing-unit);\n}\n\n.wrapper {\n  display: inline-block;\n}\n\n.star {\n  @apply transition-default;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  cursor: pointer;\n  color: theme(\"borderColor.color.input\");\n  &:focus {\n    @apply focus-outset;\n  }\n}\n\n.average,\n.fraction {\n  color: theme(\"colors.warning\");\n}\n\n.hovered,\n.selected {\n  color: theme(\"colors.brand\");\n}\n\n.fraction {\n  @apply transition-default;\n  position: absolute;\n  pointer-events: none;\n  inset-block-start: 0;\n  overflow: hidden;\n  inset-inline-start: 0;\n}\n\n// rating count\ncalcite-chip {\n  pointer-events: none;\n  cursor: default;\n}\n\n.number--average {\n  font-weight: bold;\n}\n\n.number--count {\n  color: var(--calcite-color-text-2);\n  font-style: italic;\n  &:not(:first-child) {\n    margin-inline-start: var(--calcite-rating-spacing-unit);\n  }\n}\n\n.visually-hidden {\n  @apply sr-only;\n}\n\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from \"@stencil/core\";\nimport { connectForm, disconnectForm, FormComponent, HiddenFormInputSlot } from \"../../utils/form\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Scale } from \"../interfaces\";\nimport { RatingMessages } from \"./assets/rating/t9n\";\nimport { StarIcon } from \"./functional/star\";\nimport { Star } from \"./interfaces\";\nimport { focusFirstTabbable } from \"../../utils/dom\";\n\n@Component({\n  tag: \"calcite-rating\",\n  styleUrl: \"rating.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Rating\n  implements\n    LabelableComponent,\n    FormComponent,\n    InteractiveComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /** Specifies a cumulative average from previous ratings to display. */\n  @Prop({ reflect: true }) average: number;\n\n  /** Specifies the number of previous ratings to display. */\n  @Prop({ reflect: true }) count: number;\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: RatingMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<RatingMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** When `true`, the component's value can be read, but cannot be modified. */\n  @Prop({ reflect: true }) readOnly = false;\n\n  /**\n   * When `true`, the component must have a value in order for the form to submit.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`. */\n  @Prop({ reflect: true }) showChip = false;\n\n  /** The component's value. */\n  @Prop({ reflect: true, mutable: true }) value = 0;\n\n  @Watch(\"value\")\n  handleValueUpdate(newValue: number): void {\n    this.hoverValue = newValue;\n    if (this.emit) {\n      this.calciteRatingChange.emit();\n    }\n\n    this.emit = false;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the component's value changes.\n   */\n  @Event({ cancelable: false }) calciteRatingChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Static\n  //\n  //--------------------------------------------------------------------------\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: RatingMessages;\n\n  @State() hoverValue: number;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    connectLabel(this);\n    connectForm(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentWillRender(): void {\n    this.starsMap = Array.from({ length: this.max }, (_, i) => {\n      const value = i + 1;\n      const average = !this.hoverValue && this.average && !this.value && value <= this.average;\n      const checked = value === this.value;\n      const fraction = this.average && this.average + 1 - value;\n      const hovered = value <= this.hoverValue;\n      const id = `${this.guid}-${value}`;\n      const partial = !this.hoverValue && !this.value && !hovered && fraction > 0 && fraction < 1;\n      const selected = this.value >= value;\n      const tabIndex = this.getTabIndex(value);\n      return {\n        average,\n        checked,\n        fraction,\n        hovered,\n        id,\n        partial,\n        selected,\n        value,\n        tabIndex,\n      };\n    });\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render() {\n    return (\n      <Host\n        onKeyDown={this.handleHostKeyDown}\n        onPointerOut={this.handleRatingPointerOut}\n        onPointerOver={this.handleRatingPointerOver}\n      >\n        <InteractiveContainer disabled={this.disabled}>\n          <span class=\"wrapper\">\n            <fieldset class=\"fieldset\" disabled={this.disabled}>\n              <legend class=\"visually-hidden\">{this.messages.rating}</legend>\n              {this.starsMap.map(\n                ({\n                  average,\n                  checked,\n                  fraction,\n                  hovered,\n                  id,\n                  partial,\n                  selected,\n                  value,\n                  tabIndex,\n                }) => {\n                  return (\n                    <label\n                      class={{\n                        star: true,\n                        selected,\n                        hovered,\n                        average,\n                        partial,\n                      }}\n                      data-value={value}\n                      htmlFor={id}\n                      onClick={this.handleLabelClick}\n                      onFocus={this.handleLabelFocus}\n                      onKeyDown={this.handleLabelKeyDown}\n                      onPointerDown={this.handleLabelPointerDown}\n                      onPointerOver={this.handleLabelPointerOver}\n                      tabIndex={tabIndex}\n                      // eslint-disable-next-line react/jsx-sort-props\n                      ref={this.setLabelEl}\n                    >\n                      <input\n                        checked={checked}\n                        class=\"visually-hidden\"\n                        disabled={this.disabled || this.readOnly}\n                        id={id}\n                        name={this.guid}\n                        onChange={this.handleInputChange}\n                        tabIndex={-1}\n                        type=\"radio\"\n                        value={value}\n                      />\n                      <StarIcon full={selected || average} scale={this.scale} />\n                      {partial && (\n                        <div class=\"fraction\" style={{ width: `${fraction * 100}%` }}>\n                          <StarIcon full partial scale={this.scale} />\n                        </div>\n                      )}\n                      <span class=\"visually-hidden\">\n                        {this.messages.stars.replace(\"{num}\", `${value}`)}\n                      </span>\n                    </label>\n                  );\n                },\n              )}\n\n              {(this.count || this.average) && this.showChip ? (\n                <calcite-chip scale={this.scale} value={this.count?.toString()}>\n                  {!!this.average && <span class=\"number--average\">{this.average.toString()}</span>}\n                  {!!this.count && <span class=\"number--count\">({this.count?.toString()})</span>}\n                </calcite-chip>\n              ) : null}\n            </fieldset>\n            <HiddenFormInputSlot component={this} />\n          </span>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private handleRatingPointerOver = () => {\n    this.isKeyboardInteraction = false;\n  };\n\n  private handleRatingPointerOut = () => {\n    this.isKeyboardInteraction = true;\n    this.hoverValue = null;\n  };\n\n  private handleHostKeyDown = () => {\n    this.isKeyboardInteraction = true;\n  };\n\n  private handleLabelKeyDown = (event: KeyboardEvent) => {\n    const inputValue = this.getValueFromLabelEvent(event);\n    const key = event.key;\n    const numberKey = key == \" \" ? undefined : Number(key);\n\n    this.emit = true;\n    if (isNaN(numberKey)) {\n      switch (key) {\n        case \"Enter\":\n        case \" \":\n          this.value = !this.required && this.value === inputValue ? 0 : inputValue;\n          break;\n        case \"ArrowLeft\":\n          this.value = this.getPreviousRatingValue(inputValue);\n          this.updateFocus();\n          event.preventDefault();\n          break;\n        case \"ArrowRight\":\n          this.value = this.getNextRatingValue(inputValue);\n          this.updateFocus();\n          event.preventDefault();\n          break;\n        case \"Tab\":\n          this.hoverValue = null;\n        default:\n          break;\n      }\n    } else {\n      if (!this.required && numberKey >= 0 && numberKey <= this.max) {\n        this.value = numberKey;\n      } else if (this.required && numberKey > 0 && numberKey <= this.max) {\n        this.value = numberKey;\n      }\n      this.updateFocus();\n    }\n  };\n\n  private handleInputChange = (event: InputEvent) => {\n    if (this.isKeyboardInteraction === true) {\n      const inputVal = Number(event.target[\"value\"]);\n      this.hoverValue = inputVal;\n      this.value = inputVal;\n    }\n  };\n\n  private handleLabelPointerOver = (event: PointerEvent) => {\n    this.hoverValue = this.getValueFromLabelEvent(event);\n  };\n\n  private handleLabelPointerDown = (event: PointerEvent) => {\n    const target = event.currentTarget as HTMLLabelElement;\n    const inputValue = this.getValueFromLabelEvent(event);\n    this.hoverValue = inputValue;\n    this.emit = true;\n    this.value = !this.required && this.value === inputValue ? 0 : inputValue;\n    target.focus();\n  };\n\n  private handleLabelClick = (event: Event) => {\n    //preventing pointerdown event will supress any compatability mouse events except for click event.\n    event.preventDefault();\n  };\n\n  private handleLabelFocus = (event: FocusEvent) => {\n    const inputValue = this.getValueFromLabelEvent(event);\n    this.hoverValue = inputValue;\n  };\n\n  private updateFocus(): void {\n    this.hoverValue = this.value;\n    this.labelElements[this.value - 1].focus();\n  }\n\n  private getTabIndex(value: number): number {\n    if (this.readOnly || (this.value !== value && (this.value || value !== 1))) {\n      return -1;\n    }\n    return 0;\n  }\n\n  private setLabelEl = (el: HTMLLabelElement): void => {\n    this.labelElements.push(el);\n  };\n\n  private getValueFromLabelEvent(event: FocusEvent | PointerEvent | KeyboardEvent): number {\n    const target = event.currentTarget as HTMLLabelElement;\n    return Number(target.getAttribute(\"data-value\"));\n  }\n\n  getNextRatingValue(currentValue: number): number {\n    return currentValue === 5 ? 1 : currentValue + 1;\n  }\n\n  getPreviousRatingValue(currentValue: number): number {\n    return currentValue === 1 ? 5 : currentValue - 1;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.el);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private State / Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteRatingElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Rating[\"value\"];\n\n  private emit = false;\n\n  private guid = `calcite-ratings-${guid()}`;\n\n  private isKeyboardInteraction = true;\n\n  private labelElements: HTMLLabelElement[] = [];\n\n  private max = 5;\n\n  private starsMap: Star[];\n}\n"],"version":3}
+{"file":"calcite-rating.entry.cjs.js","mappings":"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","names":["h","guid","updateMessages","connectInteractive","connectLocalized","connectMessages","connectLabel","connectForm","setUpMessages","setUpLoadableComponent","setComponentLoaded","disconnectInteractive","disconnectLocalized","disconnectMessages","disconnectLabel","disconnectForm","updateHostInteraction","Host","InteractiveContainer","HiddenFormInputSlot","componentFocusable","focusFirstTabbable"],"sources":["src/components/rating/functional/star.tsx","src/components/rating/rating.scss?tag=calcite-rating&encapsulation=shadow","src/components/rating/rating.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\n\nimport { StarIconProps } from \"../interfaces\";\n\nexport const StarIcon: FunctionalComponent<StarIconProps> = ({ full, scale, partial }) => (\n  <calcite-icon\n    {...{\n      class: partial ? undefined : \"icon\",\n      icon: full ? \"star-f\" : \"star\",\n      scale,\n    }}\n  />\n);\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-rating-spacing-unit: The amount of left and right margin spacing between each rating star.\n */\n\n:host {\n  @apply relative flex items-center;\n  inline-size: fit-content;\n}\n\n@include disabled();\n\n:host([scale=\"s\"]) {\n  @apply h-6;\n  --calcite-rating-spacing-unit: theme(\"spacing.1\");\n}\n\n:host([scale=\"m\"]) {\n  @apply h-8;\n  --calcite-rating-spacing-unit: theme(\"spacing.2\");\n}\n\n:host([scale=\"l\"]) {\n  @apply h-11;\n  --calcite-rating-spacing-unit: theme(\"spacing.3\");\n}\n\n:host([read-only]) {\n  @extend %non-interactive-host-contents;\n}\n\n.fieldset {\n  margin: 0;\n  display: flex;\n  border-width: 0;\n  padding: 0;\n  align-items: center;\n  gap: var(--calcite-rating-spacing-unit);\n}\n\n.wrapper {\n  display: inline-block;\n}\n\n.star {\n  @apply transition-default;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  cursor: pointer;\n  color: theme(\"borderColor.color.input\");\n  &:focus {\n    @apply focus-outset;\n  }\n}\n\n.average,\n.fraction {\n  color: theme(\"colors.warning\");\n}\n\n.hovered,\n.selected {\n  color: theme(\"colors.brand\");\n}\n\n.fraction {\n  @apply transition-default;\n  position: absolute;\n  pointer-events: none;\n  inset-block-start: 0;\n  overflow: hidden;\n  inset-inline-start: 0;\n}\n\n// rating count\ncalcite-chip {\n  pointer-events: none;\n  cursor: default;\n}\n\n.number--average {\n  font-weight: bold;\n}\n\n.number--count {\n  color: var(--calcite-color-text-2);\n  font-style: italic;\n  &:not(:first-child) {\n    margin-inline-start: var(--calcite-rating-spacing-unit);\n  }\n}\n\n.visually-hidden {\n  @apply sr-only;\n}\n\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from \"@stencil/core\";\nimport { connectForm, disconnectForm, FormComponent, HiddenFormInputSlot } from \"../../utils/form\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Scale } from \"../interfaces\";\nimport { RatingMessages } from \"./assets/rating/t9n\";\nimport { StarIcon } from \"./functional/star\";\nimport { Star } from \"./interfaces\";\nimport { focusFirstTabbable } from \"../../utils/dom\";\n\n@Component({\n  tag: \"calcite-rating\",\n  styleUrl: \"rating.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Rating\n  implements\n    LabelableComponent,\n    FormComponent,\n    InteractiveComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /** Specifies a cumulative average from previous ratings to display. */\n  @Prop({ reflect: true }) average: number;\n\n  /** Specifies the number of previous ratings to display. */\n  @Prop({ reflect: true }) count: number;\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: RatingMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<RatingMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** When `true`, the component's value can be read, but cannot be modified. */\n  @Prop({ reflect: true }) readOnly = false;\n\n  /**\n   * When `true`, the component must have a value in order for the form to submit.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`. */\n  @Prop({ reflect: true }) showChip = false;\n\n  /** The component's value. */\n  @Prop({ reflect: true, mutable: true }) value = 0;\n\n  @Watch(\"value\")\n  handleValueUpdate(newValue: number): void {\n    this.hoverValue = newValue;\n    if (this.emit) {\n      this.calciteRatingChange.emit();\n    }\n\n    this.emit = false;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the component's value changes.\n   */\n  @Event({ cancelable: false }) calciteRatingChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Static\n  //\n  //--------------------------------------------------------------------------\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: RatingMessages;\n\n  @State() hoverValue: number;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    connectLabel(this);\n    connectForm(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentWillRender(): void {\n    this.starsMap = Array.from({ length: this.max }, (_, i) => {\n      const value = i + 1;\n      const average = !this.hoverValue && this.average && !this.value && value <= this.average;\n      const checked = value === this.value;\n      const fraction = this.average && this.average + 1 - value;\n      const hovered = value <= this.hoverValue;\n      const id = `${this.guid}-${value}`;\n      const partial = !this.hoverValue && !this.value && !hovered && fraction > 0 && fraction < 1;\n      const selected = this.value >= value;\n      const tabIndex = this.getTabIndex(value);\n      return {\n        average,\n        checked,\n        fraction,\n        hovered,\n        id,\n        partial,\n        selected,\n        value,\n        tabIndex,\n      };\n    });\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render() {\n    return (\n      <Host\n        onKeyDown={this.handleHostKeyDown}\n        onPointerOut={this.handleRatingPointerOut}\n        onPointerOver={this.handleRatingPointerOver}\n      >\n        <InteractiveContainer disabled={this.disabled}>\n          <span class=\"wrapper\">\n            <fieldset class=\"fieldset\" disabled={this.disabled}>\n              <legend class=\"visually-hidden\">{this.messages.rating}</legend>\n              {this.starsMap.map(\n                ({\n                  average,\n                  checked,\n                  fraction,\n                  hovered,\n                  id,\n                  partial,\n                  selected,\n                  value,\n                  tabIndex,\n                }) => {\n                  return (\n                    <label\n                      class={{\n                        star: true,\n                        selected,\n                        hovered,\n                        average,\n                        partial,\n                      }}\n                      data-value={value}\n                      htmlFor={id}\n                      onClick={this.handleLabelClick}\n                      onFocus={this.handleLabelFocus}\n                      onKeyDown={this.handleLabelKeyDown}\n                      onPointerDown={this.handleLabelPointerDown}\n                      onPointerOver={this.handleLabelPointerOver}\n                      tabIndex={tabIndex}\n                      // eslint-disable-next-line react/jsx-sort-props\n                      ref={this.setLabelEl}\n                    >\n                      <input\n                        checked={checked}\n                        class=\"visually-hidden\"\n                        disabled={this.disabled || this.readOnly}\n                        id={id}\n                        name={this.guid}\n                        onChange={this.handleInputChange}\n                        tabIndex={-1}\n                        type=\"radio\"\n                        value={value}\n                      />\n                      <StarIcon full={selected || average} scale={this.scale} />\n                      {partial && (\n                        <div class=\"fraction\" style={{ width: `${fraction * 100}%` }}>\n                          <StarIcon full partial scale={this.scale} />\n                        </div>\n                      )}\n                      <span class=\"visually-hidden\">\n                        {this.messages.stars.replace(\"{num}\", `${value}`)}\n                      </span>\n                    </label>\n                  );\n                },\n              )}\n\n              {(this.count || this.average) && this.showChip ? (\n                <calcite-chip scale={this.scale} value={this.count?.toString()}>\n                  {!!this.average && <span class=\"number--average\">{this.average.toString()}</span>}\n                  {!!this.count && <span class=\"number--count\">({this.count?.toString()})</span>}\n                </calcite-chip>\n              ) : null}\n            </fieldset>\n            <HiddenFormInputSlot component={this} />\n          </span>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private handleRatingPointerOver = () => {\n    this.isKeyboardInteraction = false;\n  };\n\n  private handleRatingPointerOut = () => {\n    this.isKeyboardInteraction = true;\n    this.hoverValue = null;\n  };\n\n  private handleHostKeyDown = () => {\n    this.isKeyboardInteraction = true;\n  };\n\n  private handleLabelKeyDown = (event: KeyboardEvent) => {\n    const inputValue = this.getValueFromLabelEvent(event);\n    const key = event.key;\n    const numberKey = key == \" \" ? undefined : Number(key);\n\n    this.emit = true;\n    if (isNaN(numberKey)) {\n      switch (key) {\n        case \"Enter\":\n        case \" \":\n          this.value = !this.required && this.value === inputValue ? 0 : inputValue;\n          break;\n        case \"ArrowLeft\":\n          this.value = this.getPreviousRatingValue(inputValue);\n          this.updateFocus();\n          event.preventDefault();\n          break;\n        case \"ArrowRight\":\n          this.value = this.getNextRatingValue(inputValue);\n          this.updateFocus();\n          event.preventDefault();\n          break;\n        case \"Tab\":\n          this.hoverValue = null;\n        default:\n          break;\n      }\n    } else {\n      if (!this.required && numberKey >= 0 && numberKey <= this.max) {\n        this.value = numberKey;\n      } else if (this.required && numberKey > 0 && numberKey <= this.max) {\n        this.value = numberKey;\n      }\n      this.updateFocus();\n    }\n  };\n\n  private handleInputChange = (event: InputEvent) => {\n    if (this.isKeyboardInteraction === true) {\n      const inputVal = Number(event.target[\"value\"]);\n      this.hoverValue = inputVal;\n      this.value = inputVal;\n    }\n  };\n\n  private handleLabelPointerOver = (event: PointerEvent) => {\n    this.hoverValue = this.getValueFromLabelEvent(event);\n  };\n\n  private handleLabelPointerDown = (event: PointerEvent) => {\n    const target = event.currentTarget as HTMLLabelElement;\n    const inputValue = this.getValueFromLabelEvent(event);\n    this.hoverValue = inputValue;\n    this.emit = true;\n    this.value = !this.required && this.value === inputValue ? 0 : inputValue;\n    target.focus();\n  };\n\n  private handleLabelClick = (event: Event) => {\n    //preventing pointerdown event will supress any compatability mouse events except for click event.\n    event.preventDefault();\n  };\n\n  private handleLabelFocus = (event: FocusEvent) => {\n    const inputValue = this.getValueFromLabelEvent(event);\n    this.hoverValue = inputValue;\n  };\n\n  private updateFocus(): void {\n    this.hoverValue = this.value;\n    this.labelElements[this.value - 1].focus();\n  }\n\n  private getTabIndex(value: number): number {\n    if (this.readOnly || (this.value !== value && (this.value || value !== 1))) {\n      return -1;\n    }\n    return 0;\n  }\n\n  private setLabelEl = (el: HTMLLabelElement): void => {\n    this.labelElements.push(el);\n  };\n\n  private getValueFromLabelEvent(event: FocusEvent | PointerEvent | KeyboardEvent): number {\n    const target = event.currentTarget as HTMLLabelElement;\n    return Number(target.getAttribute(\"data-value\"));\n  }\n\n  getNextRatingValue(currentValue: number): number {\n    return currentValue === 5 ? 1 : currentValue + 1;\n  }\n\n  getPreviousRatingValue(currentValue: number): number {\n    return currentValue === 1 ? 5 : currentValue - 1;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.el);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private State / Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteRatingElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Rating[\"value\"];\n\n  private emit = false;\n\n  private guid = `calcite-ratings-${guid()}`;\n\n  private isKeyboardInteraction = true;\n\n  private labelElements: HTMLLabelElement[] = [];\n\n  private max = 5;\n\n  private starsMap: Star[];\n}\n"],"version":3}

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

@@ -1,20 +1,20 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.6.0-next.1
+ * v2.6.0-next.3
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9eb4be21.js');
-const locale = require('./locale-bdbe6686.js');
-const t9n = require('./t9n-8aa449a5.js');
-const observers = require('./observers-996731db.js');
-const dom = require('./dom-5dded79d.js');
-require('./key-ce0685cd.js');
-require('./guid-8f9d0c26.js');
-require('./resources-15074db9.js');
+const index = require('./index-c6f34b59.js');
+const locale = require('./locale-1b61dbfa.js');
+const t9n = require('./t9n-4e7cbe81.js');
+const observers = require('./observers-19e89f3d.js');
+const dom = require('./dom-de2c02c4.js');
+require('./key-c357e3f0.js');
+require('./guid-5e3a9bf6.js');
+require('./resources-6bb7f09d.js');
 
 const CSS = {
     scrim: "scrim",

package/dist/cjs/calcite-segmented-control_2.cjs.entry.js

@@ -1,24 +1,24 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.6.0-next.1
+ * v2.6.0-next.3
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9eb4be21.js');
-const dom = require('./dom-5dded79d.js');
-const form = require('./form-b7333efa.js');
-const interactive = require('./interactive-5133329f.js');
-const label = require('./label-412f66da.js');
-const loadable = require('./loadable-3b038c73.js');
-const observers = require('./observers-996731db.js');
-const Validation = require('./Validation-ed099780.js');
-require('./guid-8f9d0c26.js');
-require('./resources-15074db9.js');
-require('./browser-25149201.js');
-require('./component-46b77e08.js');
+const index = require('./index-c6f34b59.js');
+const dom = require('./dom-de2c02c4.js');
+const form = require('./form-bf12021a.js');
+const interactive = require('./interactive-86053ff8.js');
+const label = require('./label-2f38b9d6.js');
+const loadable = require('./loadable-fd8bf45d.js');
+const observers = require('./observers-19e89f3d.js');
+const Validation = require('./Validation-a1e15e9b.js');
+require('./guid-5e3a9bf6.js');
+require('./resources-6bb7f09d.js');
+require('./browser-bac99561.js');
+require('./component-83b1dc68.js');
 
 const CSS$1 = {
     itemWrapper: "item-wrapper",
@@ -241,7 +241,7 @@ const CSS = {
     segmentedControlItemIcon: "segmented-control-item-icon",
 };
 
-const segmentedControlItemCss = ":host{display:flex;cursor:pointer;align-self:stretch;font-weight:var(--calcite-font-weight-normal);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-animation-timing) ease-in-out}:host label{pointer-events:none;margin:0.125rem;box-sizing:border-box;display:flex;flex:1 1 0%;align-items:center;color:var(--calcite-color-text-3);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-internal-animation-timing-fast) ease-in-out, color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{justify-content:center}:host{outline-color:transparent}:host(:focus){outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          );outline-offset:-1px}.label--scale-s{padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-block:0.125rem}.label--scale-m{padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-block:0.375rem}.label--scale-l{padding-inline:1rem;padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host(:hover) label{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:active) label{background-color:var(--calcite-color-foreground-3)}:host([checked]) label{cursor:default;border-color:var(--calcite-color-brand);background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{border-color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1);box-shadow:inset 0 0 0 1px var(--calcite-color-brand);color:var(--calcite-color-brand)}:host([checked]) .label--outline{background-color:transparent}::slotted(input){display:none}@media (forced-colors: active){:host([checked]) label{background-color:highlight}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{outline:2px solid transparent;outline-offset:2px}:host([checked]) label:not([class~=label--outline]) .segmented-control-item-icon{color:highlightText}}.segmented-control-item-icon{position:relative;margin:0px;display:inline-flex;line-height:inherit}:host([icon-start]) .label--scale-s .segmented-control-item-icon{margin-inline-end:0.5rem}:host([icon-end]) .label--scale-s .segmented-control-item-icon{margin-inline-start:0.5rem}:host([icon-start]) .label--scale-m .segmented-control-item-icon{margin-inline-end:0.75rem}:host([icon-end]) .label--scale-m .segmented-control-item-icon{margin-inline-start:0.75rem}:host([icon-start]) .label--scale-l .segmented-control-item-icon{margin-inline-end:1rem}:host([icon-end]) .label--scale-l .segmented-control-item-icon{margin-inline-start:1rem}:host([hidden]){display:none}[hidden]{display:none}";
+const segmentedControlItemCss = ":host{display:flex;cursor:pointer;align-self:stretch;font-weight:var(--calcite-font-weight-normal);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-animation-timing) ease-in-out}:host label{pointer-events:none;margin:0.125rem;box-sizing:border-box;display:flex;flex:1 1 0%;align-items:center;color:var(--calcite-color-text-3);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-internal-animation-timing-fast) ease-in-out, color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{justify-content:center}:host{outline-color:transparent}:host(:focus){outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          );outline-offset:-1px}.label--scale-s{padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-block:0.125rem}.label--scale-m{padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-block:0.375rem}.label--scale-l{padding-inline:1rem;padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host(:hover) label{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:active) label{background-color:var(--calcite-color-foreground-3)}:host([checked]) label{cursor:default;border-color:var(--calcite-color-brand);background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{border-color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1);box-shadow:inset 0 0 0 1px var(--calcite-color-brand);color:var(--calcite-color-brand)}:host([checked]) .label--outline{background-color:transparent}::slotted(input){display:none}@media (forced-colors: active){:host([checked]) label{background-color:highlight}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{outline:2px solid transparent;outline-offset:2px}:host([checked]) label:not([class~=label--outline]) .segmented-control-item-icon{color:highlightText}}.segmented-control-item-icon{position:relative;margin:0px;display:inline-flex;line-height:inherit}:host([icon-start]) .label--scale-s .segmented-control-item-icon{margin-inline-end:0.5rem}:host([icon-end]) .label--scale-s .segmented-control-item-icon{margin-inline-start:0.5rem}:host([icon-start]) .label--scale-m .segmented-control-item-icon{margin-inline-end:0.75rem}:host([icon-end]) .label--scale-m .segmented-control-item-icon{margin-inline-start:0.75rem}:host([icon-start]) .label--scale-l .segmented-control-item-icon{margin-inline-end:1rem}:host([icon-end]) .label--scale-l .segmented-control-item-icon{margin-inline-start:1rem}:host([hidden]){display:none}[hidden]{display:none}";
 
 const SegmentedControlItem = class {
     constructor(hostRef) {