@fusion.dev/helix-core 0.182.1 → 0.182.2

package/dist/mixins/mixin-picker-feedback/mixin-picker-feedback.js

@@ -1,9 +1,4 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+import { __decorate } from "tslib";
 import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { hostAria } from '../../utils/host-aria/host-aria.js';

package/dist/mixins/mixin-picker-field/mixin-picker-field.js

@@ -1,9 +1,4 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+import { __decorate } from "tslib";
 import { property } from 'lit/decorators.js';
 import { PopoverController } from '../../controllers/popover-controller/popover-controller.js';
 import { submitImplicitly } from '../../utils/implicit-submit/implicit-submit.js';

package/dist/mixins/mixin-segmented-field/mixin-segmented-field.js

@@ -1,9 +1,4 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+import { __decorate } from "tslib";
 import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { isPartial, isTwelveHourLayout, segmentKey, segmentLayout, segmentName, segmentRange, segmentsOf, segmentsValue, segmentText, segmentValueText, shownValue, } from '../../utils/date-segments/date-segments.js';

package/dist/mixins/mixin-selectable-item/mixin-selectable-item.js

@@ -1,9 +1,4 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+import { __decorate } from "tslib";
 import { property } from 'lit/decorators.js';
 import { HelixSelectEvent } from '../../events/events.js';
 export const MixinSelectableItem = (Base) => {

package/dist/mixins/mixin-tokens/mixin-tokens.js

@@ -1,9 +1,4 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+import { __decorate } from "tslib";
 import { caretUp } from '@fusion.dev/helix-icons';
 import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';

package/dist/mixins/mixin-viewport/mixin-viewport.js

@@ -1,9 +1,4 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+import { __decorate } from "tslib";
 import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { FullscreenController } from '../../controllers/fullscreen-controller/fullscreen-controller.js';

package/dist/utils/audit-name/audit-name.d.ts

@@ -43,8 +43,8 @@ export declare const hasName: (element: HTMLElement, shown?: Element | null) =>
  * read: the host is then read again the next time it asks.
  *
  * `also` answers for a name the component gave through its internals, which no
- * attribute shows. `fix` is the sentence that says how to name it. `shown` is
- * the part where the control shows its value or its placeholder, whose words
- * are no name.
+ * attribute shows. `fix` is the sentence that says how to name it, or its key
+ * in `FIXES`. `shown` is the part where the control shows its value or its
+ * placeholder, whose words are no name.
  */
 export declare const auditName: (host: HTMLElement, control: () => HTMLElement | null | undefined, fix: string, also?: () => boolean, shown?: () => Element | null) => void;

package/dist/utils/audit-name/audit-name.js

@@ -49,6 +49,10 @@ const implicitRole = (element) => {
     }
     return element.localName === 'a' && element.hasAttribute('href') ? 'link' : '';
 };
+const FIXES = new Map([
+    ['button', 'Give it words, a `label`, or an `aria-label`.'],
+    ['virtual-list', 'Give it a `label`, or an `aria-label` that says what the items are.'],
+]);
 const audited = new WeakSet();
 const waiting = new Map();
 const readWaiting = () => {
@@ -79,11 +83,12 @@ export const auditName = (host, control, fix, also, shown) => {
             return;
         }
         const placeholder = [host, inner].some((one) => one?.getAttribute('placeholder')?.trim());
+        const sentence = FIXES.get(fix) ?? fix;
         reportRuntime({
             kind: 'missing-name',
             message: placeholder
-                ? `<${host.localName}> is named only by its placeholder, which is gone once a person types. ${fix}`
-                : `<${host.localName}> has no accessible name, so a screen reader announces it by its role alone. ${fix}`,
+                ? `<${host.localName}> is named only by its placeholder, which is gone once a person types. ${sentence}`
+                : `<${host.localName}> has no accessible name, so a screen reader announces it by its role alone. ${sentence}`,
             tag: host.localName,
         });
     });

package/dist/utils/implicit-submit/implicit-submit.js

@@ -1,4 +1,4 @@
-import { HelixFormElement } from '../../helix-form-element/helix-form-element.js';
+import { HelixFormElementBase } from '../../helix-form-element/helix-form-element-base.js';
 const BLOCKING_TYPES = new Set([
     'date',
     'datetime-local',
@@ -15,7 +15,7 @@ const BLOCKING_TYPES = new Set([
 ]);
 const hooks = (element) => element;
 export const submits = (element) => {
-    if (element instanceof HelixFormElement) {
+    if (element instanceof HelixFormElementBase) {
         return hooks(element).submitsForm;
     }
     if (element instanceof HTMLButtonElement) {
@@ -34,7 +34,7 @@ export const submitImplicitly = (form) => {
         if (button.matches(':disabled')) {
             return;
         }
-        if (button instanceof HelixFormElement) {
+        if (button instanceof HelixFormElementBase) {
             hooks(button).activate();
         }
         else {
@@ -43,7 +43,7 @@ export const submitImplicitly = (form) => {
         }
         return;
     }
-    const blocking = [...form.elements].filter((element) => element instanceof HelixFormElement
+    const blocking = [...form.elements].filter((element) => element instanceof HelixFormElementBase
         ? hooks(element).blocksImplicitSubmission
         : element instanceof HTMLInputElement && BLOCKING_TYPES.has(element.type));
     if (blocking.length <= 1) {

package/dist/version.d.ts

@@ -6,4 +6,4 @@
  * release, so the two never disagree; a spec beside this holds them to it.
  * Nothing else in the running code knows which release it is.
  */
-export declare const VERSION = "0.182.1";
+export declare const VERSION = "0.182.2";

package/dist/version.js

@@ -1 +1 @@
-export const VERSION = '0.182.1';
+export const VERSION = '0.182.2';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-core",
   "description": "Helix element primitives: base classes, mixins, decorators, utilities.",
-  "version": "0.182.1",
+  "version": "0.182.2",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -74,11 +74,12 @@
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
-    "@fusion.dev/helix-icons": "0.182.1"
+    "@fusion.dev/helix-icons": "0.182.2",
+    "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@fusion.dev/helix-cem": "0.182.1",
-    "@fusion.dev/helix-testing": "0.182.1",
+    "@fusion.dev/helix-cem": "0.182.2",
+    "@fusion.dev/helix-testing": "0.182.2",
     "@lit-labs/ssr": "^4.1.0",
     "lit": "^3.2.1"
   },