@vonage/vivid 3.51.0 → 3.52.0

package/listbox/index.cjs

@@ -29,41 +29,42 @@ const getClasses = ({ appearance, shape, disabled, orientation }) => classNames.
 );
 const ListboxTemplate = () => {
   return index.html`
-<template
-	aria-activedescendant="${(x) => x.ariaActiveDescendant}"
-	aria-multiselectable="${(x) => x.ariaMultiSelectable}"
-	aria-orientation="${(x) => x.ariaOrientation}"
-	aria-label="listbox"
-	role="listbox"
-	@click="${(x, c) => x.clickHandler(c.event)}"
-	@focusin="${(x, c) => x.focusinHandler(c.event)}"
-	@keydown="${(x, c) => x.keydownHandler(c.event)}"
-	@mousedown="${(x, c) => x.mousedownHandler(c.event)}"
-	tabindex="${(x) => !x.disabled ? "0" : null}"
->
-	<div
-		class="${getClasses}"
-	>
-		<slot
-			${slotted.slotted({
+		<template
+			aria-activedescendant="${(x) => x.ariaActiveDescendant}"
+			aria-multiselectable="${(x) => x.ariaMultiSelectable}"
+			aria-orientation="${(x) => x.ariaOrientation}"
+			aria-label="listbox"
+			role="listbox"
+			@click="${(x, c) => x.clickHandler(c.event)}"
+			@focusin="${(x, c) => x.focusinHandler(c.event)}"
+			@keydown="${(x, c) => x.keydownHandler(c.event)}"
+			@mousedown="${(x, c) => x.mousedownHandler(c.event)}"
+			tabindex="${(x) => !x.disabled ? "0" : null}"
+		>
+			<div class="${getClasses}">
+				<slot
+					${slotted.slotted({
     filter: listbox.ListboxElement.slottedOptionFilter,
     flatten: true,
     property: "slottedOptions"
   })}
-		></slot>
-	</div>
-</template>
+				></slot>
+			</div>
+		</template>
 	`;
 };
 
-const styles = ":host{display:inline-block;inline-size:fit-content}:host(:focus-within){outline:none}:host([disabled]){cursor:not-allowed}.base{display:inline-flex;box-sizing:border-box;padding:4px;background-color:var(--_appearance-color-fill);border-radius:var(--_listbox-border-radius);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);contain:paint;gap:4px;inline-size:100%}.base{--_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100))}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(:disabled,.disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(:disabled,.disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:not(.orientation-horizontal){flex-direction:column}.base:not(.shape-pill){--_listbox-border-radius: 8px}.base.shape-pill{--_listbox-border-radius: 24px}:host(:focus-within) .base{--focus-stroke-gap-color: transparent;box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}::slotted([role=option]){border-radius:var(--_listbox-border-radius);contain:content}.base.disabled ::slotted([role=option]){--_option-appearance-color-text: var(--_appearance-color-outline);pointer-events:none}\n";
+const styles = ":host{display:inline-block;inline-size:fit-content}:host(:focus-within){outline:none}:host([disabled]){cursor:not-allowed}.base{display:inline-flex;box-sizing:border-box;padding:4px;border-radius:var(--_listbox-border-radius);background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);contain:paint;gap:4px;inline-size:100%}.base{--_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100))}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(.disabled,:disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:not(.orientation-horizontal){flex-direction:column}.base:not(.shape-pill){--_listbox-border-radius: 8px}.base.shape-pill{--_listbox-border-radius: 24px}:host(:focus-within) .base{--focus-stroke-gap-color: transparent;box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}::slotted([role=option]){border-radius:var(--_listbox-border-radius);contain:content}.base.disabled ::slotted([role=option]){--_option-appearance-color-text: var(--_appearance-color-outline);pointer-events:none}\n";
 
 const listboxDefinition = listbox.Listbox.compose({
   baseName: "listbox",
   template: ListboxTemplate,
   styles
 });
-const listboxRegistries = [listboxDefinition(), ...definition.listboxOptionRegistries];
+const listboxRegistries = [
+  listboxDefinition(),
+  ...definition.listboxOptionRegistries
+];
 const registerListbox = index.registerFactory(listboxRegistries);
 
 registerListbox();

package/listbox/index.js

@@ -27,41 +27,42 @@ const getClasses = ({ appearance, shape, disabled, orientation }) => classNames(
 );
 const ListboxTemplate = () => {
   return html`
-<template
-	aria-activedescendant="${(x) => x.ariaActiveDescendant}"
-	aria-multiselectable="${(x) => x.ariaMultiSelectable}"
-	aria-orientation="${(x) => x.ariaOrientation}"
-	aria-label="listbox"
-	role="listbox"
-	@click="${(x, c) => x.clickHandler(c.event)}"
-	@focusin="${(x, c) => x.focusinHandler(c.event)}"
-	@keydown="${(x, c) => x.keydownHandler(c.event)}"
-	@mousedown="${(x, c) => x.mousedownHandler(c.event)}"
-	tabindex="${(x) => !x.disabled ? "0" : null}"
->
-	<div
-		class="${getClasses}"
-	>
-		<slot
-			${slotted({
+		<template
+			aria-activedescendant="${(x) => x.ariaActiveDescendant}"
+			aria-multiselectable="${(x) => x.ariaMultiSelectable}"
+			aria-orientation="${(x) => x.ariaOrientation}"
+			aria-label="listbox"
+			role="listbox"
+			@click="${(x, c) => x.clickHandler(c.event)}"
+			@focusin="${(x, c) => x.focusinHandler(c.event)}"
+			@keydown="${(x, c) => x.keydownHandler(c.event)}"
+			@mousedown="${(x, c) => x.mousedownHandler(c.event)}"
+			tabindex="${(x) => !x.disabled ? "0" : null}"
+		>
+			<div class="${getClasses}">
+				<slot
+					${slotted({
     filter: ListboxElement.slottedOptionFilter,
     flatten: true,
     property: "slottedOptions"
   })}
-		></slot>
-	</div>
-</template>
+				></slot>
+			</div>
+		</template>
 	`;
 };
 
-const styles = ":host{display:inline-block;inline-size:fit-content}:host(:focus-within){outline:none}:host([disabled]){cursor:not-allowed}.base{display:inline-flex;box-sizing:border-box;padding:4px;background-color:var(--_appearance-color-fill);border-radius:var(--_listbox-border-radius);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);contain:paint;gap:4px;inline-size:100%}.base{--_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100))}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(:disabled,.disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(:disabled,.disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:not(.orientation-horizontal){flex-direction:column}.base:not(.shape-pill){--_listbox-border-radius: 8px}.base.shape-pill{--_listbox-border-radius: 24px}:host(:focus-within) .base{--focus-stroke-gap-color: transparent;box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}::slotted([role=option]){border-radius:var(--_listbox-border-radius);contain:content}.base.disabled ::slotted([role=option]){--_option-appearance-color-text: var(--_appearance-color-outline);pointer-events:none}\n";
+const styles = ":host{display:inline-block;inline-size:fit-content}:host(:focus-within){outline:none}:host([disabled]){cursor:not-allowed}.base{display:inline-flex;box-sizing:border-box;padding:4px;border-radius:var(--_listbox-border-radius);background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);contain:paint;gap:4px;inline-size:100%}.base{--_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100))}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(.disabled,:disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:not(.orientation-horizontal){flex-direction:column}.base:not(.shape-pill){--_listbox-border-radius: 8px}.base.shape-pill{--_listbox-border-radius: 24px}:host(:focus-within) .base{--focus-stroke-gap-color: transparent;box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}::slotted([role=option]){border-radius:var(--_listbox-border-radius);contain:content}.base.disabled ::slotted([role=option]){--_option-appearance-color-text: var(--_appearance-color-outline);pointer-events:none}\n";
 
 const listboxDefinition = Listbox.compose({
   baseName: "listbox",
   template: ListboxTemplate,
   styles
 });
-const listboxRegistries = [listboxDefinition(), ...listboxOptionRegistries];
+const listboxRegistries = [
+  listboxDefinition(),
+  ...listboxOptionRegistries
+];
 const registerListbox = registerFactory(listboxRegistries);
 
 registerListbox();

package/locales/en-GB.cjs

@@ -115,6 +115,10 @@ const enGB = {
   },
   splitButton: {
     showMoreActionsLabel: "Show more actions"
+  },
+  rangeSlider: {
+    startThumbLabel: "min",
+    endThumbLabel: "max"
   }
 };
 

package/locales/en-GB.js

@@ -113,6 +113,10 @@ const enGB = {
   },
   splitButton: {
     showMoreActionsLabel: "Show more actions"
+  },
+  rangeSlider: {
+    startThumbLabel: "min",
+    endThumbLabel: "max"
   }
 };
 

package/locales/en-US.cjs

@@ -115,6 +115,10 @@ const enUS = {
   },
   splitButton: {
     showMoreActionsLabel: "Show more actions"
+  },
+  rangeSlider: {
+    startThumbLabel: "min",
+    endThumbLabel: "max"
   }
 };
 

package/locales/en-US.js

@@ -113,6 +113,10 @@ const enUS = {
   },
   splitButton: {
     showMoreActionsLabel: "Show more actions"
+  },
+  rangeSlider: {
+    startThumbLabel: "min",
+    endThumbLabel: "max"
   }
 };
 

package/locales/ja-JP.cjs

@@ -114,7 +114,11 @@ const jaJP = {
     decrementButtonLabel: "減少"
   },
   splitButton: {
-    showMoreActionsLabel: "Show more actions"
+    showMoreActionsLabel: "その他の操作を表示"
+  },
+  rangeSlider: {
+    startThumbLabel: "最小",
+    endThumbLabel: "最大"
   }
 };
 

package/locales/ja-JP.js

@@ -112,7 +112,11 @@ const jaJP = {
     decrementButtonLabel: "減少"
   },
   splitButton: {
-    showMoreActionsLabel: "Show more actions"
+    showMoreActionsLabel: "その他の操作を表示"
+  },
+  rangeSlider: {
+    startThumbLabel: "最小",
+    endThumbLabel: "最大"
   }
 };
 

package/locales/zh-CN.cjs

@@ -115,6 +115,10 @@ const zhCN = {
   },
   splitButton: {
     showMoreActionsLabel: "显示更多操作"
+  },
+  rangeSlider: {
+    startThumbLabel: "最小",
+    endThumbLabel: "最大"
   }
 };
 

package/locales/zh-CN.js

@@ -113,6 +113,10 @@ const zhCN = {
   },
   splitButton: {
     showMoreActionsLabel: "显示更多操作"
+  },
+  rangeSlider: {
+    startThumbLabel: "最小",
+    endThumbLabel: "最大"
   }
 };
 

package/menu/index.cjs

@@ -2,7 +2,7 @@
 
 const definition = require('../shared/definition29.cjs');
 require('../shared/index.cjs');
-require('../shared/definition60.cjs');
+require('../shared/definition61.cjs');
 require('../shared/definition11.cjs');
 require('../shared/definition26.cjs');
 require('../shared/icon.cjs');
@@ -21,10 +21,10 @@ require('../shared/aria-global.cjs');
 require('../shared/start-end.cjs');
 require('../shared/ref.cjs');
 require('../shared/enums.cjs');
-require('../shared/definition59.cjs');
+require('../shared/definition60.cjs');
 require('../shared/definition28.cjs');
-require('../shared/direction.cjs');
 require('../shared/anchored.cjs');
+require('../shared/direction.cjs');
 require('../shared/dom.cjs');
 
 definition.registerMenu();

package/menu/index.js

@@ -1,6 +1,6 @@
 import { r as registerMenu } from '../shared/definition29.js';
 import '../shared/index.js';
-import '../shared/definition60.js';
+import '../shared/definition61.js';
 import '../shared/definition11.js';
 import '../shared/definition26.js';
 import '../shared/icon.js';
@@ -19,10 +19,10 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/enums.js';
-import '../shared/definition59.js';
+import '../shared/definition60.js';
 import '../shared/definition28.js';
-import '../shared/direction.js';
 import '../shared/anchored.js';
+import '../shared/direction.js';
 import '../shared/dom.js';
 
 registerMenu();

package/menu-item/index.cjs

@@ -9,12 +9,12 @@ require('../shared/class-names.cjs');
 require('../shared/when.cjs');
 require('../shared/affix.cjs');
 require('../shared/slotted.cjs');
-require('../shared/apply-mixins.cjs');
+require('../shared/anchored.cjs');
 require('../shared/start-end.cjs');
 require('../shared/ref.cjs');
 require('../shared/direction.cjs');
+require('../shared/apply-mixins.cjs');
 require('../shared/key-codes.cjs');
-require('../shared/anchored.cjs');
 require('../shared/dom.cjs');
 
 definition.registerMenuItem();

package/menu-item/index.js

@@ -7,12 +7,12 @@ import '../shared/class-names.js';
 import '../shared/when.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';
-import '../shared/apply-mixins.js';
+import '../shared/anchored.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/direction.js';
+import '../shared/apply-mixins.js';
 import '../shared/key-codes.js';
-import '../shared/anchored.js';
 import '../shared/dom.js';
 
 registerMenuItem();

package/number-field/index.cjs

@@ -26,7 +26,5 @@ require('../shared/index2.cjs');
 require('../locales/en-US.cjs');
 require('../shared/localized.cjs');
 require('../shared/text-field2.cjs');
-require('../shared/focus2.cjs');
-require('../shared/focus.cjs');
 
 definition.registerNumberField();

package/number-field/index.js

@@ -24,7 +24,5 @@ import '../shared/index2.js';
 import '../locales/en-US.js';
 import '../shared/localized.js';
 import '../shared/text-field2.js';
-import '../shared/focus2.js';
-import '../shared/focus.js';
 
 registerNumberField();

package/package.json

@@ -1,36 +1,36 @@
 {
-  "name": "@vonage/vivid",
-  "version": "3.51.0",
-  "type": "module",
-  "module": "./index.js",
-  "main": "./index.cjs",
-  "exports": {
-    ".": {
-      "types": "./index.d.ts",
-      "import": "./index.js",
-      "require": "./index.cjs"
-    },
-    "./*": {
-      "types": "./*/index.d.ts",
-      "import": "./*/index.js",
-      "require": "./*/index.cjs"
-    },
-    "./locales/*": {
-      "types": "./locales/*.d.ts",
-      "import": "./locales/*.js",
-      "require": "./locales/*.cjs"
-    },
-    "./*.css": "./*.css"
-  },
-  "customElements": "./custom-elements.json",
-  "homepage": "https://vivid.deno.dev",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/vonage/vivid-3",
-    "directory": "libs/components"
-  },
-  "bugs": {
-    "url": "https://github.com/Vonage/vivid-3/issues"
-  },
-  "license": "Apache-2.0"
+	"name": "@vonage/vivid",
+	"version": "3.52.0",
+	"type": "module",
+	"module": "./index.js",
+	"main": "./index.cjs",
+	"exports": {
+		".": {
+			"types": "./index.d.ts",
+			"import": "./index.js",
+			"require": "./index.cjs"
+		},
+		"./*": {
+			"types": "./*/index.d.ts",
+			"import": "./*/index.js",
+			"require": "./*/index.cjs"
+		},
+		"./locales/*": {
+			"types": "./locales/*.d.ts",
+			"import": "./locales/*.js",
+			"require": "./locales/*.cjs"
+		},
+		"./*.css": "./*.css"
+	},
+	"customElements": "./custom-elements.json",
+	"homepage": "https://vivid.deno.dev",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/vonage/vivid-3",
+		"directory": "libs/components"
+	},
+	"bugs": {
+		"url": "https://github.com/Vonage/vivid-3/issues"
+	},
+	"license": "Apache-2.0"
 }

package/popup/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const definition = require('../shared/definition60.cjs');
+const definition = require('../shared/definition61.cjs');
 require('../shared/index.cjs');
 require('../shared/definition11.cjs');
 require('../shared/definition26.cjs');
@@ -20,6 +20,6 @@ require('../shared/aria-global.cjs');
 require('../shared/start-end.cjs');
 require('../shared/ref.cjs');
 require('../shared/enums.cjs');
-require('../shared/definition59.cjs');
+require('../shared/definition60.cjs');
 
 definition.registerPopup();

package/popup/index.js

@@ -1,4 +1,4 @@
-import { r as registerPopup } from '../shared/definition60.js';
+import { r as registerPopup } from '../shared/definition61.js';
 import '../shared/index.js';
 import '../shared/definition11.js';
 import '../shared/definition26.js';
@@ -18,6 +18,6 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/enums.js';
-import '../shared/definition59.js';
+import '../shared/definition60.js';
 
 registerPopup();

package/range-slider/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+const definition = require('../shared/definition41.cjs');
+require('../shared/index.cjs');
+require('../shared/key-codes2.cjs');
+require('../shared/affix.cjs');
+require('../shared/icon.cjs');
+require('../shared/_has.cjs');
+require('../shared/slotted.cjs');
+require('../shared/index2.cjs');
+require('../shared/when.cjs');
+require('../locales/en-US.cjs');
+require('../shared/localized.cjs');
+require('../shared/form-associated.cjs');
+require('../shared/key-codes.cjs');
+require('../shared/slider.template.cjs');
+require('../shared/aria2.cjs');
+require('../shared/ref.cjs');
+require('../shared/class-names.cjs');
+require('../shared/apply-mixins.cjs');
+
+definition.registerRangeSlider();

package/range-slider/index.js

@@ -0,0 +1,20 @@
+import { b as registerRangeSlider } from '../shared/definition41.js';
+import '../shared/index.js';
+import '../shared/key-codes2.js';
+import '../shared/affix.js';
+import '../shared/icon.js';
+import '../shared/_has.js';
+import '../shared/slotted.js';
+import '../shared/index2.js';
+import '../shared/when.js';
+import '../locales/en-US.js';
+import '../shared/localized.js';
+import '../shared/form-associated.js';
+import '../shared/key-codes.js';
+import '../shared/slider.template.js';
+import '../shared/aria2.js';
+import '../shared/ref.js';
+import '../shared/class-names.js';
+import '../shared/apply-mixins.js';
+
+registerRangeSlider();

package/select/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-const definition = require('../shared/definition41.cjs');
+const definition = require('../shared/definition42.cjs');
 require('../shared/index.cjs');
-require('../shared/definition60.cjs');
+require('../shared/definition61.cjs');
 require('../shared/definition11.cjs');
 require('../shared/definition26.cjs');
 require('../shared/icon.cjs');
@@ -21,7 +21,7 @@ require('../shared/aria-global.cjs');
 require('../shared/start-end.cjs');
 require('../shared/ref.cjs');
 require('../shared/enums.cjs');
-require('../shared/definition59.cjs');
+require('../shared/definition60.cjs');
 require('../shared/definition35.cjs');
 require('../shared/dom.cjs');
 require('../shared/index2.cjs');

package/select/index.js

@@ -1,6 +1,6 @@
-import { r as registerSelect } from '../shared/definition41.js';
+import { r as registerSelect } from '../shared/definition42.js';
 import '../shared/index.js';
-import '../shared/definition60.js';
+import '../shared/definition61.js';
 import '../shared/definition11.js';
 import '../shared/definition26.js';
 import '../shared/icon.js';
@@ -19,7 +19,7 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/enums.js';
-import '../shared/definition59.js';
+import '../shared/definition60.js';
 import '../shared/definition35.js';
 import '../shared/dom.js';
 import '../shared/index2.js';

package/selectable-box/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const definition = require('../shared/definition42.cjs');
+const definition = require('../shared/definition43.cjs');
 require('../shared/index.cjs');
 require('../shared/definition15.cjs');
 require('../shared/definition26.cjs');

package/selectable-box/index.js

@@ -1,4 +1,4 @@
-import { r as registerSelectableBox } from '../shared/definition42.js';
+import { r as registerSelectableBox } from '../shared/definition43.js';
 import '../shared/index.js';
 import '../shared/definition15.js';
 import '../shared/definition26.js';

package/shared/Reflector.cjs

@@ -48,7 +48,11 @@ class Reflector {
       const value = source[propertyName];
       switch (reflectedProperty.type) {
         case "boolean-attribute":
-          index.DOM.setBooleanAttribute(this.#target, reflectedProperty.destination, Boolean(value));
+          index.DOM.setBooleanAttribute(
+            this.#target,
+            reflectedProperty.destination,
+            Boolean(value)
+          );
           break;
         case "attribute":
           index.DOM.setAttribute(this.#target, reflectedProperty.destination, value);

package/shared/Reflector.js

@@ -46,7 +46,11 @@ class Reflector {
       const value = source[propertyName];
       switch (reflectedProperty.type) {
         case "boolean-attribute":
-          DOM.setBooleanAttribute(this.#target, reflectedProperty.destination, Boolean(value));
+          DOM.setBooleanAttribute(
+            this.#target,
+            reflectedProperty.destination,
+            Boolean(value)
+          );
           break;
         case "attribute":
           DOM.setAttribute(this.#target, reflectedProperty.destination, value);

package/shared/affix.cjs

@@ -45,20 +45,27 @@ const IconAriaHidden = {
 };
 const affixIconTemplateFactory = (context) => {
   const iconTag = context.tagFor(icon.Icon);
-  return (icon, slottedState = IconWrapper.Span, ariaHidden = IconAriaHidden.Visible) => {
+  return (icon, slottedState = IconWrapper.Span, ariaHidden = IconAriaHidden.Hidden) => {
     if (!icon && !slottedState) {
-      return index.html`<slot name="icon" aria-hidden="${() => ariaHidden}" ${slotted.slotted("iconSlottedContent")}></slot>`;
+      return index.html`<slot
+				name="icon"
+				aria-hidden="${() => ariaHidden}"
+				${slotted.slotted("iconSlottedContent")}
+			></slot>`;
     }
     if (!icon && slottedState) {
       return null;
     }
     const iconTemplate = index.html`<${iconTag} :name="${() => icon}"></${iconTag}>`;
-    return slottedState ? index.html`<span class="icon" aria-hidden="${() => ariaHidden}">${iconTemplate}</span>` : index.html`<slot name="icon" aria-hidden="${() => ariaHidden}">${iconTemplate}</slot>`;
+    return slottedState ? index.html`<span class="icon" aria-hidden="${() => ariaHidden}"
+					>${iconTemplate}</span
+			  >` : index.html`<slot name="icon" aria-hidden="${() => ariaHidden}"
+					>${iconTemplate}</slot
+			  >`;
   };
 };
 
 exports.AffixIcon = AffixIcon;
 exports.AffixIconWithTrailing = AffixIconWithTrailing;
-exports.IconAriaHidden = IconAriaHidden;
 exports.IconWrapper = IconWrapper;
 exports.affixIconTemplateFactory = affixIconTemplateFactory;

package/shared/affix.js

@@ -43,16 +43,24 @@ const IconAriaHidden = {
 };
 const affixIconTemplateFactory = (context) => {
   const iconTag = context.tagFor(Icon);
-  return (icon, slottedState = IconWrapper.Span, ariaHidden = IconAriaHidden.Visible) => {
+  return (icon, slottedState = IconWrapper.Span, ariaHidden = IconAriaHidden.Hidden) => {
     if (!icon && !slottedState) {
-      return html`<slot name="icon" aria-hidden="${() => ariaHidden}" ${slotted("iconSlottedContent")}></slot>`;
+      return html`<slot
+				name="icon"
+				aria-hidden="${() => ariaHidden}"
+				${slotted("iconSlottedContent")}
+			></slot>`;
     }
     if (!icon && slottedState) {
       return null;
     }
     const iconTemplate = html`<${iconTag} :name="${() => icon}"></${iconTag}>`;
-    return slottedState ? html`<span class="icon" aria-hidden="${() => ariaHidden}">${iconTemplate}</span>` : html`<slot name="icon" aria-hidden="${() => ariaHidden}">${iconTemplate}</slot>`;
+    return slottedState ? html`<span class="icon" aria-hidden="${() => ariaHidden}"
+					>${iconTemplate}</span
+			  >` : html`<slot name="icon" aria-hidden="${() => ariaHidden}"
+					>${iconTemplate}</slot
+			  >`;
   };
 };
 
-export { AffixIcon as A, IconWrapper as I, affixIconTemplateFactory as a, AffixIconWithTrailing as b, IconAriaHidden as c };
+export { AffixIcon as A, IconWrapper as I, affixIconTemplateFactory as a, AffixIconWithTrailing as b };