@skdx/web-components 0.34.0 → 0.35.0

package/dist/menu/MenuRoot.cjs

@@ -1,5 +1,5 @@
-"use strict";var a=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var I=(r,o)=>{for(var e in o)a(r,e,{get:o[e],enumerable:!0})},P=(r,o,e,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of _(o))!k.call(r,n)&&n!==e&&a(r,n,{get:()=>o[n],enumerable:!(t=g(o,n))||t.enumerable});return r};var T=r=>P(a({},"__esModule",{value:!0}),r),s=(r,o,e,t)=>{for(var n=t>1?void 0:t?g(o,e):o,d=r.length-1,c;d>=0;d--)(c=r[d])&&(n=(t?c(o,e,n):c(n))||n);return t&&n&&a(o,e,n),n};var L={};I(L,{ITEM_SELECTOR:()=>x.ITEM_SELECTOR,LONG_PRESS_MOVE_TOLERANCE:()=>w,LONG_PRESS_MS:()=>S,SkdxMenuRoot:()=>i});module.exports=T(L);var l=require("lit"),p=require("lit/decorators.js"),O=require("../internal/controlled-value.cjs"),v=require("../internal/define.cjs"),b=require("../internal/dismiss.cjs"),m=require("../internal/ids.cjs"),E=require("../internal/open-change-complete.cjs"),y=require("../internal/outsideInert.cjs"),u=require("../internal/positioning.cjs"),C=require("../internal/styles.cjs"),U=require("./MenuArrow.cjs"),q=require("./MenuPortal.cjs"),h=require("../internal/events.cjs"),f=require("./family.cjs"),x=require("../internal/menu-sub.cjs");var S=500,w=10,i=class extends l.LitElement{constructor(){super(...arguments);this._open=new O.ControlledValue(!1);this.defaultOpen=!1;this.openOn="click";this.closeOnSelect=!0;this.contentId=(0,m.nextId)("skdx-menu-content");this.triggerId=(0,m.nextId)("skdx-menu-trigger");this.openIntent="first";this.triggerEl=null;this.pointerPoint={x:0,y:0};this.hasUpdatedOnce=!1;this.contentEl=null}get open(){return this._open.value??!1}set open(e){let t=this.open;this._open.fromConsumer(e)&&this.requestUpdate("open",t)}get modal(){return this._modal??this.openOn!=="contextmenu"}set modal(e){let t=this.modal;this._modal=e,this.requestUpdate("modal",t)}setPoint(e){this.pointerPoint=e,f.MENU_FAMILY.notify(this)}getPoint(){return this.point??this.pointerPoint}connectedCallback(){super.connectedCallback();let e=this.querySelector("skdx-menu-content")?.id;e&&(this.contentId=e);let t=this.querySelector("skdx-menu-trigger")?.id;t&&(this.triggerId=t),this.defaultOpen&&!this.hasAttribute("open")&&this.writeOpen(!0)}disconnectedCallback(){this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}updated(e){let t=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,e.has("open")&&!t&&(0,h.emit)(this,"open-change",this.open),e.size>0&&f.MENU_FAMILY.notify(this),e.has("open")&&!t&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=(0,E.notifyOpenChangeComplete)(()=>this.querySelector("skdx-menu-content"),this.open,n=>(0,h.emit)(this,"open-change-complete",n)))}writeOpen(e){let t=this.open;this._open.propose(e)&&this.requestUpdate("open",t)}setOpen(e){this.writeOpen(e)}focusTrigger(){this.modal&&(0,y.releaseOutsideInert)(),!(this.contentEl&&!(0,b.dispatchAutoFocus)(this.contentEl,"close-auto-focus"))&&this.triggerEl?.focus()}render(){return l.html`<slot></slot>`}};i.styles=[C.hiddenHostStyles,l.css`
+"use strict";var a=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var I=(i,n)=>{for(var e in n)a(i,e,{get:n[e],enumerable:!0})},P=(i,n,e,t)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of _(n))!k.call(i,o)&&o!==e&&a(i,o,{get:()=>n[o],enumerable:!(t=g(n,o))||t.enumerable});return i};var T=i=>P(a({},"__esModule",{value:!0}),i),s=(i,n,e,t)=>{for(var o=t>1?void 0:t?g(n,e):n,d=i.length-1,c;d>=0;d--)(c=i[d])&&(o=(t?c(n,e,o):c(o))||o);return t&&o&&a(n,e,o),o};var L={};I(L,{ITEM_SELECTOR:()=>x.ITEM_SELECTOR,LONG_PRESS_MOVE_TOLERANCE:()=>S,LONG_PRESS_MS:()=>w,SkdxMenuRoot:()=>r});module.exports=T(L);var l=require("lit"),p=require("lit/decorators.js"),O=require("../internal/controlled-value.cjs"),v=require("../internal/define.cjs"),b=require("../internal/dismiss.cjs"),m=require("../internal/ids.cjs"),E=require("../internal/open-change-complete.cjs"),y=require("../internal/outsideInert.cjs"),u=require("../internal/positioning.cjs"),C=require("../internal/styles.cjs"),U=require("./MenuArrow.cjs"),q=require("./MenuPortal.cjs"),h=require("../internal/events.cjs"),f=require("./family.cjs"),x=require("../internal/menu-sub.cjs");var w=500,S=10,r=class extends l.LitElement{constructor(){super(...arguments);this._open=new O.ControlledValue(!1);this.defaultOpen=!1;this.openOn="click";this.closeOnSelect=!0;this.contentId=(0,m.nextId)("skdx-menu-content");this.triggerId=(0,m.nextId)("skdx-menu-trigger");this.openIntent="first";this.triggerEl=null;this.pointerPoint={x:0,y:0};this.hasUpdatedOnce=!1;this.contentEl=null}get open(){return this._open.value??!1}set open(e){let t=this.open;this._open.fromConsumer(e)&&this.requestUpdate("open",t)}get modal(){return this._modal??this.openOn!=="contextmenu"}set modal(e){let t=this.modal;this._modal=e,this.requestUpdate("modal",t)}setPoint(e){this.pointerPoint=e,f.MENU_FAMILY.notify(this)}getPoint(){return this.point??this.pointerPoint}connectedCallback(){super.connectedCallback();let e=this.querySelector("skdx-menu-content")?.id;e&&(this.contentId=e);let t=this.querySelector("skdx-menu-trigger")?.id;t&&(this.triggerId=t),this.defaultOpen&&!this.hasAttribute("open")&&this.writeOpen(!0)}disconnectedCallback(){this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}updated(e){let t=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,e.size>0&&f.MENU_FAMILY.notify(this),e.has("open")&&!t&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=(0,E.notifyOpenChangeComplete)(()=>this.querySelector("skdx-menu-content"),this.open,o=>(0,h.emit)(this,"open-change-complete",o)))}writeOpen(e){let t=this.open,o=this._open.propose(e);return o&&this.requestUpdate("open",t),o}setOpen(e){this.writeOpen(e)&&(0,h.emit)(this,"open-change",e)}focusTrigger(){this.modal&&(0,y.releaseOutsideInert)(),!(this.contentEl&&!(0,b.dispatchAutoFocus)(this.contentEl,"close-auto-focus"))&&this.triggerEl?.focus()}render(){return l.html`<slot></slot>`}};r.styles=[C.hiddenHostStyles,l.css`
       :host {
         display: contents;
       }
-    `],s([(0,p.property)({type:Boolean,reflect:!0,noAccessor:!0})],i.prototype,"open",1),s([(0,p.property)({type:Boolean,attribute:"default-open"})],i.prototype,"defaultOpen",2),s([(0,p.property)({type:String,attribute:"open-on"})],i.prototype,"openOn",2),s([(0,p.property)({attribute:!1})],i.prototype,"point",2),s([(0,p.property)({converter:u.optOutBoolean,noAccessor:!0})],i.prototype,"modal",1),s([(0,p.property)({attribute:"close-on-select",converter:u.optOutBoolean})],i.prototype,"closeOnSelect",2),i=s([(0,v.customElement)("skdx-menu-root")],i);0&&(module.exports={ITEM_SELECTOR,LONG_PRESS_MOVE_TOLERANCE,LONG_PRESS_MS,SkdxMenuRoot});
+    `],s([(0,p.property)({type:Boolean,reflect:!0,noAccessor:!0})],r.prototype,"open",1),s([(0,p.property)({type:Boolean,attribute:"default-open"})],r.prototype,"defaultOpen",2),s([(0,p.property)({type:String,attribute:"open-on"})],r.prototype,"openOn",2),s([(0,p.property)({attribute:!1})],r.prototype,"point",2),s([(0,p.property)({converter:u.optOutBoolean,noAccessor:!0})],r.prototype,"modal",1),s([(0,p.property)({attribute:"close-on-select",converter:u.optOutBoolean})],r.prototype,"closeOnSelect",2),r=s([(0,v.customElement)("skdx-menu-root")],r);0&&(module.exports={ITEM_SELECTOR,LONG_PRESS_MOVE_TOLERANCE,LONG_PRESS_MS,SkdxMenuRoot});

package/dist/menu/MenuRoot.d.cts

@@ -111,11 +111,11 @@ export declare class SkdxMenuRoot extends LitElement {
     protected updated(changed: Map<string, unknown>): void;
     /**
      * The one place the menu's own state moves: writes `open` only while
-     * uncontrolled, and requests the update that announces the change — a
-     * controlled menu still reports the move it wants, it just does not make it.
+     * uncontrolled, and reports whether `open-change` is owed — a controlled
+     * menu still announces the move it wants, it just does not make it.
      */
     private writeOpen;
-    /** @internal */
+    /** @internal Moves the menu and announces `open-change`, whether or not the move landed. */
     setOpen(next: boolean): void;
     /** @internal The connected Content element that `close-auto-focus` dispatches from. */
     contentEl: HTMLElement | null;

package/dist/menu/MenuRoot.d.ts

@@ -111,11 +111,11 @@ export declare class SkdxMenuRoot extends LitElement {
     protected updated(changed: Map<string, unknown>): void;
     /**
      * The one place the menu's own state moves: writes `open` only while
-     * uncontrolled, and requests the update that announces the change — a
-     * controlled menu still reports the move it wants, it just does not make it.
+     * uncontrolled, and reports whether `open-change` is owed — a controlled
+     * menu still announces the move it wants, it just does not make it.
      */
     private writeOpen;
-    /** @internal */
+    /** @internal Moves the menu and announces `open-change`, whether or not the move landed. */
     setOpen(next: boolean): void;
     /** @internal The connected Content element that `close-auto-focus` dispatches from. */
     contentEl: HTMLElement | null;

package/dist/menu/MenuRoot.js

@@ -1,5 +1,5 @@
-var h=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var i=(p,s,e,t)=>{for(var n=t>1?void 0:t?f(s,e):s,l=p.length-1,a;l>=0;l--)(a=p[l])&&(n=(t?a(s,e,n):a(n))||n);return t&&n&&h(s,e,n),n};import{css as g,html as O,LitElement as v}from"lit";import{property as r}from"lit/decorators.js";import{ControlledValue as b}from"../internal/controlled-value.js";import{customElement as E}from"../internal/define.js";import{dispatchAutoFocus as y}from"../internal/dismiss.js";import{nextId as d}from"../internal/ids.js";import{notifyOpenChangeComplete as C}from"../internal/open-change-complete.js";import{releaseOutsideInert as x}from"../internal/outsideInert.js";import{optOutBoolean as c}from"../internal/positioning.js";import{hiddenHostStyles as _}from"../internal/styles.js";import"./MenuArrow.js";import"./MenuPortal.js";import{emit as m}from"../internal/events.js";import{MENU_FAMILY as u}from"./family.js";import{ITEM_SELECTOR as j}from"../internal/menu-sub.js";var G=500,V=10,o=class extends v{constructor(){super(...arguments);this._open=new b(!1);this.defaultOpen=!1;this.openOn="click";this.closeOnSelect=!0;this.contentId=d("skdx-menu-content");this.triggerId=d("skdx-menu-trigger");this.openIntent="first";this.triggerEl=null;this.pointerPoint={x:0,y:0};this.hasUpdatedOnce=!1;this.contentEl=null}get open(){return this._open.value??!1}set open(e){let t=this.open;this._open.fromConsumer(e)&&this.requestUpdate("open",t)}get modal(){return this._modal??this.openOn!=="contextmenu"}set modal(e){let t=this.modal;this._modal=e,this.requestUpdate("modal",t)}setPoint(e){this.pointerPoint=e,u.notify(this)}getPoint(){return this.point??this.pointerPoint}connectedCallback(){super.connectedCallback();let e=this.querySelector("skdx-menu-content")?.id;e&&(this.contentId=e);let t=this.querySelector("skdx-menu-trigger")?.id;t&&(this.triggerId=t),this.defaultOpen&&!this.hasAttribute("open")&&this.writeOpen(!0)}disconnectedCallback(){this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}updated(e){let t=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,e.has("open")&&!t&&m(this,"open-change",this.open),e.size>0&&u.notify(this),e.has("open")&&!t&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=C(()=>this.querySelector("skdx-menu-content"),this.open,n=>m(this,"open-change-complete",n)))}writeOpen(e){let t=this.open;this._open.propose(e)&&this.requestUpdate("open",t)}setOpen(e){this.writeOpen(e)}focusTrigger(){this.modal&&x(),!(this.contentEl&&!y(this.contentEl,"close-auto-focus"))&&this.triggerEl?.focus()}render(){return O`<slot></slot>`}};o.styles=[_,g`
+var h=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var r=(p,s,e,t)=>{for(var o=t>1?void 0:t?f(s,e):s,l=p.length-1,a;l>=0;l--)(a=p[l])&&(o=(t?a(s,e,o):a(o))||o);return t&&o&&h(s,e,o),o};import{css as g,html as O,LitElement as v}from"lit";import{property as i}from"lit/decorators.js";import{ControlledValue as b}from"../internal/controlled-value.js";import{customElement as E}from"../internal/define.js";import{dispatchAutoFocus as y}from"../internal/dismiss.js";import{nextId as d}from"../internal/ids.js";import{notifyOpenChangeComplete as C}from"../internal/open-change-complete.js";import{releaseOutsideInert as x}from"../internal/outsideInert.js";import{optOutBoolean as c}from"../internal/positioning.js";import{hiddenHostStyles as _}from"../internal/styles.js";import"./MenuArrow.js";import"./MenuPortal.js";import{emit as m}from"../internal/events.js";import{MENU_FAMILY as u}from"./family.js";import{ITEM_SELECTOR as j}from"../internal/menu-sub.js";var G=500,V=10,n=class extends v{constructor(){super(...arguments);this._open=new b(!1);this.defaultOpen=!1;this.openOn="click";this.closeOnSelect=!0;this.contentId=d("skdx-menu-content");this.triggerId=d("skdx-menu-trigger");this.openIntent="first";this.triggerEl=null;this.pointerPoint={x:0,y:0};this.hasUpdatedOnce=!1;this.contentEl=null}get open(){return this._open.value??!1}set open(e){let t=this.open;this._open.fromConsumer(e)&&this.requestUpdate("open",t)}get modal(){return this._modal??this.openOn!=="contextmenu"}set modal(e){let t=this.modal;this._modal=e,this.requestUpdate("modal",t)}setPoint(e){this.pointerPoint=e,u.notify(this)}getPoint(){return this.point??this.pointerPoint}connectedCallback(){super.connectedCallback();let e=this.querySelector("skdx-menu-content")?.id;e&&(this.contentId=e);let t=this.querySelector("skdx-menu-trigger")?.id;t&&(this.triggerId=t),this.defaultOpen&&!this.hasAttribute("open")&&this.writeOpen(!0)}disconnectedCallback(){this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}updated(e){let t=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,e.size>0&&u.notify(this),e.has("open")&&!t&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=C(()=>this.querySelector("skdx-menu-content"),this.open,o=>m(this,"open-change-complete",o)))}writeOpen(e){let t=this.open,o=this._open.propose(e);return o&&this.requestUpdate("open",t),o}setOpen(e){this.writeOpen(e)&&m(this,"open-change",e)}focusTrigger(){this.modal&&x(),!(this.contentEl&&!y(this.contentEl,"close-auto-focus"))&&this.triggerEl?.focus()}render(){return O`<slot></slot>`}};n.styles=[_,g`
       :host {
         display: contents;
       }
-    `],i([r({type:Boolean,reflect:!0,noAccessor:!0})],o.prototype,"open",1),i([r({type:Boolean,attribute:"default-open"})],o.prototype,"defaultOpen",2),i([r({type:String,attribute:"open-on"})],o.prototype,"openOn",2),i([r({attribute:!1})],o.prototype,"point",2),i([r({converter:c,noAccessor:!0})],o.prototype,"modal",1),i([r({attribute:"close-on-select",converter:c})],o.prototype,"closeOnSelect",2),o=i([E("skdx-menu-root")],o);export{j as ITEM_SELECTOR,V as LONG_PRESS_MOVE_TOLERANCE,G as LONG_PRESS_MS,o as SkdxMenuRoot};
+    `],r([i({type:Boolean,reflect:!0,noAccessor:!0})],n.prototype,"open",1),r([i({type:Boolean,attribute:"default-open"})],n.prototype,"defaultOpen",2),r([i({type:String,attribute:"open-on"})],n.prototype,"openOn",2),r([i({attribute:!1})],n.prototype,"point",2),r([i({converter:c,noAccessor:!0})],n.prototype,"modal",1),r([i({attribute:"close-on-select",converter:c})],n.prototype,"closeOnSelect",2),n=r([E("skdx-menu-root")],n);export{j as ITEM_SELECTOR,V as LONG_PRESS_MOVE_TOLERANCE,G as LONG_PRESS_MS,n as SkdxMenuRoot};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skdx/web-components",
-  "version": "0.34.0",
+  "version": "0.35.0",
   "description": "Standards-based custom elements for the SkandaDX design system — no React (or any framework) required",
   "license": "MIT",
   "publishConfig": {
@@ -2871,7 +2871,7 @@
     "tsup": "^8.5.1",
     "typescript": "^6.0.3",
     "vitest": "^4.1.10",
-    "@skdx/shared": "0.34.0"
+    "@skdx/shared": "0.35.0"
   },
   "scripts": {
     "lint": "eslint . --cache --cache-location node_modules/.cache/eslint/",