@cds/core 6.0.0-next.6 → 6.0.2

package/internal/controllers/aria-multiselectable.controller.d.ts

@@ -0,0 +1,13 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+export declare type AriaMultiSelectable = ReactiveElement & {
+    selectable: 'multi' | 'single' | null;
+};
+/**
+ * Provides all nessesary aria-* attributes to create valid multi-selection state
+ */
+export declare function ariaMultiSelectable<T extends AriaMultiSelectable>(): ClassDecorator;
+export declare class AriaMultiSelectableController<T extends AriaMultiSelectable> implements ReactiveController {
+    private host;
+    constructor(host: T);
+    hostUpdated(): void;
+}

package/internal/controllers/aria-multiselectable.controller.js

@@ -0,0 +1,2 @@
+function t(){return t=>t.addInitializer((t=>new e(t)))}class e{constructor(t){this.host=t,this.host.addController(this)}hostUpdated(){void 0!==this.host.selectable&&null!==this.host.selectable?this.host.ariaMultiSelectable="multi"===this.host.selectable?"true":"false":this.host.ariaMultiSelectable=null}}export{e as AriaMultiSelectableController,t as ariaMultiSelectable};
+//# sourceMappingURL=aria-multiselectable.controller.js.map

package/internal/controllers/aria-multiselectable.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-multiselectable.controller.js","sources":["../../../../src/internal/controllers/aria-multiselectable.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n/**\n * Provides all nessesary aria-* attributes to create valid multi-selection state\n */\nexport function ariaMultiSelectable() {\n    return (target) => target.addInitializer((instance) => new AriaMultiSelectableController(instance));\n}\nexport class AriaMultiSelectableController {\n    constructor(host) {\n        this.host = host;\n        this.host.addController(this);\n    }\n    hostUpdated() {\n        if (this.host.selectable !== undefined && this.host.selectable !== null) {\n            this.host.ariaMultiSelectable = this.host.selectable === 'multi' ? 'true' : 'false';\n        }\n        else {\n            this.host.ariaMultiSelectable = null;\n        }\n    }\n}\n"],"names":["ariaMultiSelectable","target","addInitializer","instance","AriaMultiSelectableController","constructor","host","this","addController","hostUpdated","undefined","selectable"],"mappings":"AAQO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAA8BD,KAEtF,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAE5BE,mBACiCC,IAAzBH,KAAKD,KAAKK,YAAqD,OAAzBJ,KAAKD,KAAKK,WAChDJ,KAAKD,KAAKN,oBAA+C,UAAzBO,KAAKD,KAAKK,WAAyB,OAAS,QAG5EJ,KAAKD,KAAKN,oBAAsB"}

package/internal/controllers/aria-popup-trigger.controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"aria-popup-trigger.controller.js","sources":["../../../../src/internal/controllers/aria-popup-trigger.controller.ts"],"sourcesContent":null,"names":["ariaPopupTrigger","target","addInitializer","instance","AriaPopupTriggerController","[object Object]","host","this","addController","popup","ariaControls","ariaHasPopup","ariaExpanded"],"mappings":"AAIO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAA2BD,KAEnF,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAE5BF,gBACQE,KAAKD,KAAKG,QACVF,KAAKD,KAAKI,aAAeH,KAAKD,KAAKG,MACnCF,KAAKD,KAAKK,aAAe,OACzBJ,KAAKD,KAAKM,aAAe"}
+{"version":3,"file":"aria-popup-trigger.controller.js","sources":["../../../../src/internal/controllers/aria-popup-trigger.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n/**\n * Provides all nessesary aria-* attributes to create a vaild aria popup trigger.\n * Used in combination of the `@ariaPopup` controller.\n */\nexport function ariaPopupTrigger() {\n    return (target) => target.addInitializer((instance) => new AriaPopupTriggerController(instance));\n}\nexport class AriaPopupTriggerController {\n    constructor(host) {\n        this.host = host;\n        this.host.addController(this);\n    }\n    hostConnected() {\n        if (this.host.popup) {\n            this.host.ariaControls = this.host.popup;\n            this.host.ariaHasPopup = 'true';\n            this.host.ariaExpanded = 'false';\n        }\n    }\n}\n"],"names":["ariaPopupTrigger","target","addInitializer","instance","AriaPopupTriggerController","constructor","host","this","addController","hostConnected","popup","ariaControls","ariaHasPopup","ariaExpanded"],"mappings":"AASO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAA2BD,KAEnF,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAE5BE,gBACQF,KAAKD,KAAKI,QACVH,KAAKD,KAAKK,aAAeJ,KAAKD,KAAKI,MACnCH,KAAKD,KAAKM,aAAe,OACzBL,KAAKD,KAAKO,aAAe"}

package/internal/controllers/aria-popup.controller.d.ts

@@ -1,10 +1,19 @@
-import { LitElement } from 'lit';
-export declare class AriaPopupController {
+import { ReactiveController, ReactiveElement } from 'lit';
+export declare type AriaPopup = ReactiveElement & {
+    trigger?: HTMLElement;
+};
+/**
+ * Provides all nessesary aria-* attributes to create a vaild aria popup.
+ * Used in combination of the `@ariaPopupTrigger` controller.
+ */
+export declare function ariaPopup<T extends AriaPopup>(): ClassDecorator;
+export declare class AriaPopupController<T extends AriaPopup> implements ReactiveController {
     private host;
     private observer;
-    constructor(host: LitElement);
-    private get closableController();
+    private trigger;
+    constructor(host: T);
     hostConnected(): Promise<void>;
+    hostUpdate(): Promise<void>;
     hostDisconnected(): void;
-    private onExpand;
+    private updateTrigger;
 }

package/internal/controllers/aria-popup.controller.js

@@ -1,2 +1,2 @@
-class t{constructor(t){this.host=t,this.host.addController(this)}get closableController(){return this.host.closableController}async hostConnected(){await this.host.updateComplete,this.onExpand(!this.host.hasAttribute("hidden")),this.observer=new MutationObserver((t=>{for(const e of t)"attributes"===e.type&&"hidden"===e.attributeName&&this.onExpand(!this.host.hasAttribute("hidden"))})),this.observer.observe(this.host,{attributes:!0})}hostDisconnected(){this.onExpand(!1),this.observer.disconnect()}onExpand(t){if(this.closableController){const e=this.closableController.priorActiveElement;e&&e.hasAttribute("popup")&&e.setAttribute("aria-expanded",t?"true":"false")}}}export{t as AriaPopupController};
+import{listenForAttributeChange as t}from"../utils/events.js";import{TriggerController as e}from"./trigger.controller.js";function r(){return t=>t.addInitializer((t=>new i(t)))}class i{constructor(t){this.host=t,this.host.addController(this),this.trigger=new e(this.host,{focus:!1})}async hostConnected(){await this.host.updateComplete,this.observer=t(this.host,"hidden",(()=>this.updateTrigger(!this.host.hidden)))}async hostUpdate(){await this.host.updateComplete,this.updateTrigger(!this.host.hidden)}hostDisconnected(){this.updateTrigger(!1),this.observer?.disconnect()}updateTrigger(t){this.trigger.current?.hasAttribute("popup")&&(this.trigger.current.ariaExpanded=""+t),this.trigger.prev?.hasAttribute("popup")&&this.trigger.prev!==this.trigger.current&&(this.trigger.prev.ariaExpanded="false")}}export{i as AriaPopupController,r as ariaPopup};
 //# sourceMappingURL=aria-popup.controller.js.map

package/internal/controllers/aria-popup.controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"aria-popup.controller.js","sources":["../../../../src/internal/controllers/aria-popup.controller.ts"],"sourcesContent":null,"names":["AriaPopupController","[object Object]","host","this","addController","closableController","updateComplete","onExpand","hasAttribute","observer","MutationObserver","mutations","mutation","type","attributeName","observe","attributes","disconnect","expand","previousFocusElement","priorActiveElement","setAttribute"],"mappings":"AAAO,MAAMA,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAE5BE,yBACI,OAAOF,KAAKD,KAAKG,mBAGrBJ,4BACUE,KAAKD,KAAKI,eAChBH,KAAKI,UAAUJ,KAAKD,KAAKM,aAAa,WACtCL,KAAKM,SAAW,IAAIC,kBAAiBC,IACjC,IAAK,MAAMC,KAAYD,EACG,eAAlBC,EAASC,MAAoD,WAA3BD,EAASE,eAC3CX,KAAKI,UAAUJ,KAAKD,KAAKM,aAAa,cAIlDL,KAAKM,SAASM,QAAQZ,KAAKD,KAAM,CAAEc,YAAY,IAGnDf,mBACIE,KAAKI,UAAS,GACdJ,KAAKM,SAASQ,aAElBhB,SAASiB,GACL,GAAIf,KAAKE,mBAAoB,CACzB,MAAMc,EAAuBhB,KAAKE,mBAAmBe,mBACjDD,GAAwBA,EAAqBX,aAAa,UAC1DW,EAAqBE,aAAa,gBAAiBH,EAAS,OAAS"}
+{"version":3,"file":"aria-popup.controller.js","sources":["../../../../src/internal/controllers/aria-popup.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { listenForAttributeChange } from '../utils/events.js';\nimport { TriggerController } from './trigger.controller.js';\n/**\n * Provides all nessesary aria-* attributes to create a vaild aria popup.\n * Used in combination of the `@ariaPopupTrigger` controller.\n */\nexport function ariaPopup() {\n    return (target) => target.addInitializer((instance) => new AriaPopupController(instance));\n}\nexport class AriaPopupController {\n    constructor(host) {\n        this.host = host;\n        this.host.addController(this);\n        this.trigger = new TriggerController(this.host, { focus: false });\n    }\n    async hostConnected() {\n        await this.host.updateComplete;\n        this.observer = listenForAttributeChange(this.host, 'hidden', () => this.updateTrigger(!this.host.hidden));\n    }\n    async hostUpdate() {\n        await this.host.updateComplete;\n        this.updateTrigger(!this.host.hidden);\n    }\n    hostDisconnected() {\n        this.updateTrigger(false);\n        this.observer?.disconnect();\n    }\n    updateTrigger(expanded) {\n        if (this.trigger.current?.hasAttribute('popup')) {\n            this.trigger.current.ariaExpanded = `${expanded}`;\n        }\n        if (this.trigger.prev?.hasAttribute('popup') && this.trigger.prev !== this.trigger.current) {\n            this.trigger.prev.ariaExpanded = 'false';\n        }\n    }\n}\n"],"names":["ariaPopup","target","addInitializer","instance","AriaPopupController","constructor","host","this","addController","trigger","TriggerController","focus","async","updateComplete","observer","listenForAttributeChange","updateTrigger","hidden","hostDisconnected","disconnect","expanded","current","hasAttribute","ariaExpanded","prev"],"mappings":"0HAWO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAAoBD,KAE5E,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MACxBA,KAAKE,QAAU,IAAIC,EAAkBH,KAAKD,KAAM,CAAEK,OAAO,IAE7DC,4BACUL,KAAKD,KAAKO,eAChBN,KAAKO,SAAWC,EAAyBR,KAAKD,KAAM,UAAU,IAAMC,KAAKS,eAAeT,KAAKD,KAAKW,UAEtGL,yBACUL,KAAKD,KAAKO,eAChBN,KAAKS,eAAeT,KAAKD,KAAKW,QAElCC,mBACIX,KAAKS,eAAc,GACnBT,KAAKO,UAAUK,aAEnBH,cAAcI,GACNb,KAAKE,QAAQY,SAASC,aAAa,WACnCf,KAAKE,QAAQY,QAAQE,aAAe,GAAGH,GAEvCb,KAAKE,QAAQe,MAAMF,aAAa,UAAYf,KAAKE,QAAQe,OAASjB,KAAKE,QAAQY,UAC/Ed,KAAKE,QAAQe,KAAKD,aAAe"}

package/internal/controllers/aria-pressed.controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"aria-pressed.controller.js","sources":["../../../../src/internal/controllers/aria-pressed.controller.ts"],"sourcesContent":null,"names":["ariaPressed","target","addInitializer","instance","AriaPressedController","[object Object]","host","this","addController","pressed","undefined","readonly"],"mappings":"AAIO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAAsBD,KAE9E,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAE5BF,cAC8B,OAAtBE,KAAKD,KAAKG,cAA0CC,IAAtBH,KAAKD,KAAKG,UACxCF,KAAKD,KAAKN,YAAcO,KAAKD,KAAKG,QAAU,OAAS,SAErDF,KAAKD,KAAKK,WACVJ,KAAKD,KAAKN,YAAc"}
+{"version":3,"file":"aria-pressed.controller.js","sources":["../../../../src/internal/controllers/aria-pressed.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n/**\n * Provides all nessesary aria-* attributes to create valid pressed button states\n * https://sarahmhigley.com/writing/playing-with-state/\n */\nexport function ariaPressed() {\n    return (target) => target.addInitializer((instance) => new AriaPressedController(instance));\n}\nexport class AriaPressedController {\n    constructor(host) {\n        this.host = host;\n        this.host.addController(this);\n    }\n    hostUpdated() {\n        if (this.host.pressed !== null && this.host.pressed !== undefined) {\n            this.host.ariaPressed = this.host.pressed ? 'true' : 'false';\n        }\n        if (this.host.readonly) {\n            this.host.ariaPressed = null;\n        }\n    }\n}\n"],"names":["ariaPressed","target","addInitializer","instance","AriaPressedController","constructor","host","this","addController","hostUpdated","pressed","undefined","readonly"],"mappings":"AASO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAAsBD,KAE9E,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAE5BE,cAC8B,OAAtBF,KAAKD,KAAKI,cAA0CC,IAAtBJ,KAAKD,KAAKI,UACxCH,KAAKD,KAAKN,YAAcO,KAAKD,KAAKI,QAAU,OAAS,SAErDH,KAAKD,KAAKM,WACVL,KAAKD,KAAKN,YAAc"}

package/internal/controllers/aria-selected.controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"aria-selected.controller.js","sources":["../../../../src/internal/controllers/aria-selected.controller.ts"],"sourcesContent":null,"names":["ariaSelected","target","addInitializer","instance","AriaSelectedController","[object Object]","host","this","addController","selected","undefined"],"mappings":"AAGO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAAuBD,KAE/E,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAE5BF,cAC+B,OAAvBE,KAAKD,KAAKG,eAA4CC,IAAvBH,KAAKD,KAAKG,WACzCF,KAAKD,KAAKN,aAAeO,KAAKD,KAAKG,SAAW,OAAS"}
+{"version":3,"file":"aria-selected.controller.js","sources":["../../../../src/internal/controllers/aria-selected.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n/**\n * Provides all nessesary aria-* attributes to create valid aria selection state.\n */\nexport function ariaSelected() {\n    return (target) => target.addInitializer((instance) => new AriaSelectedController(instance));\n}\nexport class AriaSelectedController {\n    constructor(host) {\n        this.host = host;\n        this.host.addController(this);\n    }\n    hostUpdated() {\n        if (this.host.selected !== null && this.host.selected !== undefined) {\n            this.host.ariaSelected = this.host.selected ? 'true' : 'false';\n        }\n    }\n}\n"],"names":["ariaSelected","target","addInitializer","instance","AriaSelectedController","constructor","host","this","addController","hostUpdated","selected","undefined"],"mappings":"AAQO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAAuBD,KAE/E,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAE5BE,cAC+B,OAAvBF,KAAKD,KAAKI,eAA4CC,IAAvBJ,KAAKD,KAAKI,WACzCH,KAAKD,KAAKN,aAAeO,KAAKD,KAAKI,SAAW,OAAS"}

package/internal/controllers/button-anchor.controller.d.ts

@@ -17,6 +17,10 @@ export declare type ButtonAnchor = ReactiveElement & HTMLElement & {
 export declare function buttonAnchor<T extends ButtonAnchor>(): ClassDecorator;
 export declare class ButtonAnchorController<T extends ButtonAnchor> implements ReactiveController {
     private host;
+    private previousAnchor;
+    private get currentAnchor();
     constructor(host: T);
+    hostConnected(): void;
     hostUpdated(): void;
+    private setAnchor;
 }

package/internal/controllers/button-anchor.controller.js

@@ -1,2 +1,2 @@
-function t(){return t=>t.addInitializer((t=>new e(t)))}class e{constructor(t){this.host=t,this.host.addController(this)}hostUpdated(){const t="A"===this.host.parentElement?.tagName;t&&this.host.parentElement&&(this.host.readonly=t,this.host.parentElement.style.lineHeight="0",this.host.parentElement.style.textDecoration="none")}}export{e as ButtonAnchorController,t as buttonAnchor};
+function t(){return t=>t.addInitializer((t=>new r(t)))}class r{constructor(t){this.host=t,this.host.addController(this)}get currentAnchor(){return"A"===this.host.parentElement?.tagName?this.host.parentElement:null}hostConnected(){this.setAnchor()}hostUpdated(){this.setAnchor()}setAnchor(){this.currentAnchor&&this.currentAnchor!==this.previousAnchor&&(this.previousAnchor=this.currentAnchor,this.host.readonly=!0,this.currentAnchor.style.lineHeight="0",this.currentAnchor.style.textDecoration="none")}}export{r as ButtonAnchorController,t as buttonAnchor};
 //# sourceMappingURL=button-anchor.controller.js.map

package/internal/controllers/button-anchor.controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-anchor.controller.js","sources":["../../../../src/internal/controllers/button-anchor.controller.ts"],"sourcesContent":null,"names":["buttonAnchor","target","addInitializer","instance","ButtonAnchorController","[object Object]","host","this","addController","hasAnchor","parentElement","tagName","readonly","style","lineHeight","textDecoration"],"mappings":"AAYO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAAuBD,KAE/E,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAE5BF,cACI,MAAMI,EAAiD,MAArCF,KAAKD,KAAKI,eAAeC,QACvCF,GAAaF,KAAKD,KAAKI,gBACvBH,KAAKD,KAAKM,SAAWH,EACrBF,KAAKD,KAAKI,cAAcG,MAAMC,WAAa,IAC3CP,KAAKD,KAAKI,cAAcG,MAAME,eAAiB"}
+{"version":3,"file":"button-anchor.controller.js","sources":["../../../../src/internal/controllers/button-anchor.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n/**\n * Shim for allowing custom element button types to be wrapped with anchors as Safari prevents use of extending native element types.\n * Will detect presence of anchor and set component to a readonly button state.\n *\n * Example:\n *\n * ```html\n * <a href=\"#\">\n *  <cds-button></cds-button>\n * </a>\n * ```\n */\nexport function buttonAnchor() {\n    return (target) => target.addInitializer((instance) => new ButtonAnchorController(instance));\n}\nexport class ButtonAnchorController {\n    constructor(host) {\n        this.host = host;\n        this.host.addController(this);\n    }\n    get currentAnchor() {\n        return this.host.parentElement?.tagName === 'A' ? this.host.parentElement : null;\n    }\n    hostConnected() {\n        this.setAnchor();\n    }\n    hostUpdated() {\n        this.setAnchor();\n    }\n    setAnchor() {\n        if (this.currentAnchor && this.currentAnchor !== this.previousAnchor) {\n            this.previousAnchor = this.currentAnchor;\n            this.host.readonly = true;\n            this.currentAnchor.style.lineHeight = '0';\n            this.currentAnchor.style.textDecoration = 'none'; // fixes issue when style is applied to text node\n        }\n    }\n}\n"],"names":["buttonAnchor","target","addInitializer","instance","ButtonAnchorController","constructor","host","this","addController","currentAnchor","parentElement","tagName","hostConnected","setAnchor","hostUpdated","previousAnchor","readonly","style","lineHeight","textDecoration"],"mappings":"AAiBO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAAuBD,KAE/E,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAExBE,oBACA,MAA4C,MAArCF,KAAKD,KAAKI,eAAeC,QAAkBJ,KAAKD,KAAKI,cAAgB,KAEhFE,gBACIL,KAAKM,YAETC,cACIP,KAAKM,YAETA,YACQN,KAAKE,eAAiBF,KAAKE,gBAAkBF,KAAKQ,iBAClDR,KAAKQ,eAAiBR,KAAKE,cAC3BF,KAAKD,KAAKU,UAAW,EACrBT,KAAKE,cAAcQ,MAAMC,WAAa,IACtCX,KAAKE,cAAcQ,MAAME,eAAiB"}

package/internal/controllers/button-submit.controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-submit.controller.js","sources":["../../../../src/internal/controllers/button-submit.controller.ts"],"sourcesContent":null,"names":["buttonSubmit","target","addInitializer","instance","ButtonSubmitController","[object Object]","host","this","triggerNativeButtonBehaviorHandler","triggerNativeButtonBehavior","bind","emulateKeyBoardEventBehaviorHandler","emulateKeyBoardEventBehavior","addController","setButtonType","setupNativeButtonBehavior","type","closest","readonly","disabled","removeEventListener","addEventListener","evt","onAnyKey","click","stopEvent","event","defaultPrevented","submitButton","renderAfter","html","ifDefined","value","name","dispatchEvent","MouseEvent","relatedTarget","composed","remove"],"mappings":"iOAQO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAAuBD,KAE/E,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKC,mCAAqCD,KAAKE,4BAA4BC,KAAKH,MAChFA,KAAKI,oCAAsCJ,KAAKK,6BAA6BF,KAAKH,MAClFA,KAAKD,KAAKO,cAAcN,MAE5BF,cACIE,KAAKO,gBACLP,KAAKQ,4BAETV,iBACSE,KAAKD,KAAKU,MAAQT,KAAKD,KAAKW,QAAQ,UACrCV,KAAKD,KAAKU,KAAO,UAGzBX,4BACQE,KAAKD,KAAKY,UAAYX,KAAKD,KAAKa,UAChCZ,KAAKD,KAAKc,oBAAoB,QAASb,KAAKC,oCAC5CD,KAAKD,KAAKc,oBAAoB,QAASb,KAAKI,uCAG5CJ,KAAKD,KAAKe,iBAAiB,QAASd,KAAKC,oCACzCD,KAAKD,KAAKe,iBAAiB,QAASd,KAAKI,sCAGjDN,6BAA6BiB,GACzBC,EAAS,CAAC,QAAS,SAAUD,GAAK,KAEP,WAAnBf,KAAKD,KAAKU,KACVT,KAAKE,4BAA4Ba,GAGjCf,KAAKD,KAAKkB,QAEdC,EAAUH,MAOlBjB,4BAA4BqB,GACxB,GAAInB,KAAKD,KAAKa,SACVM,EAAUC,QAET,IAAKA,EAAMC,iBAAkB,CAC9B,MAAMC,EAAeC,EAAYC,CAAK,6DAG3BvB,KAAKD,KAAKa,iEAGdY,EAAUxB,KAAKD,KAAK0B,iBACrBD,EAAUxB,KAAKD,KAAK2B,gBACpBF,EAAUxB,KAAKD,KAAKU,mBACjBT,KAAKD,MACdsB,GAAcM,cAAc,IAAIC,WAAW,QAAS,CAAEC,cAAe7B,KAAKD,KAAM+B,UAAU,KAC1FT,GAAcU"}
+{"version":3,"file":"button-submit.controller.js","sources":["../../../../src/internal/controllers/button-submit.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { stopEvent } from '../utils/events.js';\nimport { onAnyKey } from '../utils/keycodes.js';\nimport { renderAfter } from '../utils/lit.js';\n/**\n * Shim for allowing native submit type events with custom element buttons as Safari prevents use of extending native element types\n */\nexport function buttonSubmit() {\n    return (target) => target.addInitializer((instance) => new ButtonSubmitController(instance));\n}\nexport class ButtonSubmitController {\n    constructor(host) {\n        this.host = host;\n        this.triggerNativeButtonBehaviorHandler = this.triggerNativeButtonBehavior.bind(this);\n        this.emulateKeyBoardEventBehaviorHandler = this.emulateKeyBoardEventBehavior.bind(this);\n        this.host.addController(this);\n    }\n    hostUpdated() {\n        this.setButtonType();\n        this.setupNativeButtonBehavior();\n    }\n    setButtonType() {\n        if (!this.host.type && this.host.closest('form')) {\n            this.host.type = 'submit';\n        }\n    }\n    setupNativeButtonBehavior() {\n        if (this.host.readonly || this.host.disabled) {\n            this.host.removeEventListener('click', this.triggerNativeButtonBehaviorHandler);\n            this.host.removeEventListener('keyup', this.emulateKeyBoardEventBehaviorHandler);\n        }\n        else {\n            this.host.addEventListener('click', this.triggerNativeButtonBehaviorHandler);\n            this.host.addEventListener('keyup', this.emulateKeyBoardEventBehaviorHandler);\n        }\n    }\n    emulateKeyBoardEventBehavior(evt) {\n        onAnyKey(['enter', 'space'], evt, () => {\n            // When submitting forms with Enter key, the default submit button receives a click event from the form.\n            if (this.host.type === 'submit') {\n                this.triggerNativeButtonBehavior(evt);\n            }\n            else {\n                this.host.click();\n            }\n            stopEvent(evt);\n        });\n    }\n    /**\n     * We have to append a hidden button outside the web component in the light DOM\n     * This allows us to trigger native submit events within a form element.\n     */\n    triggerNativeButtonBehavior(event) {\n        if (this.host.disabled) {\n            stopEvent(event);\n        }\n        else if (!event.defaultPrevented) {\n            const submitButton = renderAfter(html `<button\n          aria-hidden=\"true\"\n          role=\"presentation\"\n          ?disabled=\"${this.host.disabled}\"\n          tabindex=\"-1\"\n          style=\"display: none !important\"\n          value=\"${ifDefined(this.host.value)}\"\n          name=\"${ifDefined(this.host.name)}\"\n          type=\"${ifDefined(this.host.type)}\"\n        ></button>`, this.host);\n            submitButton?.dispatchEvent(new MouseEvent('click', { relatedTarget: this.host, composed: true }));\n            submitButton?.remove();\n        }\n    }\n}\n"],"names":["buttonSubmit","target","addInitializer","instance","ButtonSubmitController","constructor","host","this","triggerNativeButtonBehaviorHandler","triggerNativeButtonBehavior","bind","emulateKeyBoardEventBehaviorHandler","emulateKeyBoardEventBehavior","addController","hostUpdated","setButtonType","setupNativeButtonBehavior","type","closest","readonly","disabled","removeEventListener","addEventListener","evt","onAnyKey","click","stopEvent","event","defaultPrevented","submitButton","renderAfter","html","ifDefined","value","name","dispatchEvent","MouseEvent","relatedTarget","composed","remove"],"mappings":"iOAaO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAAuBD,KAE/E,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKC,mCAAqCD,KAAKE,4BAA4BC,KAAKH,MAChFA,KAAKI,oCAAsCJ,KAAKK,6BAA6BF,KAAKH,MAClFA,KAAKD,KAAKO,cAAcN,MAE5BO,cACIP,KAAKQ,gBACLR,KAAKS,4BAETD,iBACSR,KAAKD,KAAKW,MAAQV,KAAKD,KAAKY,QAAQ,UACrCX,KAAKD,KAAKW,KAAO,UAGzBD,4BACQT,KAAKD,KAAKa,UAAYZ,KAAKD,KAAKc,UAChCb,KAAKD,KAAKe,oBAAoB,QAASd,KAAKC,oCAC5CD,KAAKD,KAAKe,oBAAoB,QAASd,KAAKI,uCAG5CJ,KAAKD,KAAKgB,iBAAiB,QAASf,KAAKC,oCACzCD,KAAKD,KAAKgB,iBAAiB,QAASf,KAAKI,sCAGjDC,6BAA6BW,GACzBC,EAAS,CAAC,QAAS,SAAUD,GAAK,KAEP,WAAnBhB,KAAKD,KAAKW,KACVV,KAAKE,4BAA4Bc,GAGjChB,KAAKD,KAAKmB,QAEdC,EAAUH,MAOlBd,4BAA4BkB,GACxB,GAAIpB,KAAKD,KAAKc,SACVM,EAAUC,QAET,IAAKA,EAAMC,iBAAkB,CAC9B,MAAMC,EAAeC,EAAYC,CAAK,6DAG3BxB,KAAKD,KAAKc,iEAGdY,EAAUzB,KAAKD,KAAK2B,iBACrBD,EAAUzB,KAAKD,KAAK4B,gBACpBF,EAAUzB,KAAKD,KAAKW,mBACjBV,KAAKD,MACduB,GAAcM,cAAc,IAAIC,WAAW,QAAS,CAAEC,cAAe9B,KAAKD,KAAMgC,UAAU,KAC1FT,GAAcU"}

package/internal/controllers/closable.controller.d.ts

@@ -1,29 +1,23 @@
-import { ReactiveControllerHost } from 'lit';
-interface ClosableConfig {
-    escape?: boolean;
-    lastFocus?: boolean;
-    closable?: () => boolean;
+import { ReactiveController, ReactiveElement } from 'lit';
+export declare type CloseChangeType = 'focusout' | 'backdrop-click' | 'escape-keypress' | 'close-button-click' | 'custom';
+export declare type Closable = ReactiveElement & {
+    trigger?: HTMLElement;
+};
+export interface ClosableControllerConfig {
+    escape: boolean;
+    focusout: boolean;
 }
 /**
  * Given a closable component provides the following
  * - close on escape
- * - focus to trigger
- * - close method for component specific events
+ * - close on focusout
+ * - close on custom event
  */
-export declare class ClosableController {
+export declare function closable<T extends Closable>(config?: Partial<ClosableControllerConfig>): ClassDecorator;
+export declare class ClosableController<T extends Closable> implements ReactiveController {
     private host;
     private config;
-    private observer;
-    priorActiveElement: HTMLElement;
-    private get isFocusTrapper();
-    constructor(host: ReactiveControllerHost & HTMLElement, config?: ClosableConfig);
+    constructor(host: T, config?: Partial<ClosableControllerConfig>);
     hostConnected(): void;
-    hostDisconnected(): void;
     close(detail?: any): void;
-    private setFocusTrap;
-    private removeFocusTrap;
-    private togglePriorActiveElement;
-    private setPriorActiveElement;
-    private keyEvent;
 }
-export {};

package/internal/controllers/closable.controller.js

@@ -1,2 +1,2 @@
-import{listenForAttributeChange as t}from"../utils/events.js";import{ignoreFocusTrap as s}from"./utils/first-focus.controller.utils.js";import{FocusTrapTrackerService as e}from"../services/focus-trap-tracker.service.js";class o{constructor(t,s){this.host=t,this.config={escape:!0,lastFocus:!0,closable:()=>!0,...s},this.host.addController(this)}get isFocusTrapper(){return this.host.focusTrapId&&!s(this.host)}hostConnected(){this.togglePriorActiveElement(),this.host.addEventListener("keyup",(t=>this.keyEvent(t))),this.observer=t(this.host,"hidden",(()=>this.togglePriorActiveElement()))}hostDisconnected(){this.priorActiveElement?.focus(),this.removeFocusTrap(),this.observer.disconnect()}close(t){this.config&&this.config.closable&&this.config.closable()&&(this.host.closeChange?this.host.closeChange.emit(t):this.host.dispatchEvent(new CustomEvent("closeChange",{detail:t})))}setFocusTrap(){this.isFocusTrapper&&e.setCurrent({focusTrapId:this.host.focusTrapId})}removeFocusTrap(){this.isFocusTrapper&&e.removeTrapElement({focusTrapId:this.host.focusTrapId})}togglePriorActiveElement(){this.host.hidden&&this.config.lastFocus?(this.removeFocusTrap(),this.priorActiveElement?.focus()):(this.setFocusTrap(),this.setPriorActiveElement())}setPriorActiveElement(){this.priorActiveElement=this.host.getRootNode().activeElement}keyEvent(t){this.config.escape&&"Escape"===t.code&&(t.preventDefault(),t.stopPropagation(),this.close("escape-keypress"))}}export{o as ClosableController};
+import{onEscape as s,onFocusOut as t}from"../utils/focus.js";function o(s={}){return t=>{t.addInitializer((t=>{t.closableController||(t.closableController=new e(t,s))}))}}class e{constructor(s,t={}){this.host=s,this.config={escape:!0,focusout:!1,...t},this.host.addController(this)}hostConnected(){this.config.escape&&s(this.host,(()=>this.close("escape-keypress"))),this.config.focusout&&(this.host.tabIndex=0,t(this.host,(()=>this.close("focusout"))))}close(s){this.host.dispatchEvent(new CustomEvent("closeChange",{detail:s}))}}export{e as ClosableController,o as closable};
 //# sourceMappingURL=closable.controller.js.map

package/internal/controllers/closable.controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"closable.controller.js","sources":["../../../../src/internal/controllers/closable.controller.ts"],"sourcesContent":null,"names":["ClosableController","[object Object]","host","config","this","escape","lastFocus","closable","addController","isFocusTrapper","focusTrapId","ignoreFocusTrap","togglePriorActiveElement","addEventListener","e","keyEvent","observer","listenForAttributeChange","priorActiveElement","focus","removeFocusTrap","disconnect","detail","closeChange","emit","dispatchEvent","CustomEvent","FocusTrapTrackerService","setCurrent","removeTrapElement","hidden","setFocusTrap","setPriorActiveElement","getRootNode","activeElement","code","preventDefault","stopPropagation","close"],"mappings":"4NASO,MAAMA,EACTC,YAAYC,EAAMC,GACdC,KAAKF,KAAOA,EACZE,KAAKD,OAAS,CAAEE,QAAQ,EAAMC,WAAW,EAAMC,SAAU,KAAM,KAASJ,GACxEC,KAAKF,KAAKM,cAAcJ,MAE5BK,qBACI,OAAOL,KAAKF,KAAKQ,cAAgBC,EAAgBP,KAAKF,MAE1DD,gBACIG,KAAKQ,2BACLR,KAAKF,KAAKW,iBAAiB,SAAUC,GAAMV,KAAKW,SAASD,KACzDV,KAAKY,SAAWC,EAAyBb,KAAKF,KAAM,UAAU,IAAME,KAAKQ,6BAE7EX,mBACIG,KAAKc,oBAAoBC,QACzBf,KAAKgB,kBACLhB,KAAKY,SAASK,aAElBpB,MAAMqB,GACElB,KAAKD,QAAUC,KAAKD,OAAOI,UAAYH,KAAKD,OAAOI,aAE/CH,KAAKF,KAAKqB,YACVnB,KAAKF,KAAKqB,YAAYC,KAAKF,GAG3BlB,KAAKF,KAAKuB,cAAc,IAAIC,YAAY,cAAe,CAAEJ,OAAAA,MAIrErB,eACQG,KAAKK,gBACLkB,EAAwBC,WAAW,CAAElB,YAAaN,KAAKF,KAAKQ,cAGpET,kBACQG,KAAKK,gBACLkB,EAAwBE,kBAAkB,CAAEnB,YAAaN,KAAKF,KAAKQ,cAG3ET,2BACQG,KAAKF,KAAK4B,QAAU1B,KAAKD,OAAOG,WAChCF,KAAKgB,kBACLhB,KAAKc,oBAAoBC,UAGzBf,KAAK2B,eACL3B,KAAK4B,yBAGb/B,wBACIG,KAAKc,mBAAqBd,KAAKF,KAAK+B,cAAcC,cAEtDjC,SAASa,GACDV,KAAKD,OAAOE,QAAqB,WAAXS,EAAEqB,OACxBrB,EAAEsB,iBACFtB,EAAEuB,kBACFjC,KAAKkC,MAAM"}
+{"version":3,"file":"closable.controller.js","sources":["../../../../src/internal/controllers/closable.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { onEscape, onFocusOut } from '../utils/focus.js';\n/**\n * Given a closable component provides the following\n * - close on escape\n * - close on focusout\n * - close on custom event\n */\nexport function closable(config = {}) {\n    return (target) => {\n        target.addInitializer((instance) => {\n            if (!instance.closableController) {\n                instance.closableController = new ClosableController(instance, config);\n            }\n        });\n    };\n}\nexport class ClosableController {\n    constructor(host, config = {}) {\n        this.host = host;\n        this.config = { escape: true, focusout: false, ...config };\n        this.host.addController(this);\n    }\n    hostConnected() {\n        if (this.config.escape) {\n            onEscape(this.host, () => this.close('escape-keypress'));\n        }\n        if (this.config.focusout) {\n            this.host.tabIndex = 0; // for a11y focus out https://stackoverflow.com/questions/152975/how-do-i-detect-a-click-outside-an-element\n            onFocusOut(this.host, () => this.close('focusout'));\n        }\n    }\n    close(detail) {\n        this.host.dispatchEvent(new CustomEvent('closeChange', { detail }));\n    }\n}\n"],"names":["closable","config","target","addInitializer","instance","closableController","ClosableController","constructor","host","this","escape","focusout","addController","hostConnected","onEscape","close","tabIndex","onFocusOut","detail","dispatchEvent","CustomEvent"],"mappings":"6DAYO,SAASA,EAASC,EAAS,IAC9B,OAAQC,IACJA,EAAOC,gBAAgBC,IACdA,EAASC,qBACVD,EAASC,mBAAqB,IAAIC,EAAmBF,EAAUH,QAKxE,MAAMK,EACTC,YAAYC,EAAMP,EAAS,IACvBQ,KAAKD,KAAOA,EACZC,KAAKR,OAAS,CAAES,QAAQ,EAAMC,UAAU,KAAUV,GAClDQ,KAAKD,KAAKI,cAAcH,MAE5BI,gBACQJ,KAAKR,OAAOS,QACZI,EAASL,KAAKD,MAAM,IAAMC,KAAKM,MAAM,qBAErCN,KAAKR,OAAOU,WACZF,KAAKD,KAAKQ,SAAW,EACrBC,EAAWR,KAAKD,MAAM,IAAMC,KAAKM,MAAM,eAG/CA,MAAMG,GACFT,KAAKD,KAAKW,cAAc,IAAIC,YAAY,cAAe,CAAEF,OAAAA"}

package/internal/controllers/draggable-list.controller.d.ts

@@ -0,0 +1,32 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+export declare type DraggableItem = HTMLElement & {
+    cdsDraggableItem?: 'item' | 'dropzone';
+};
+/**
+ * Provides support for HTML5 native drag and drop to a component
+ */
+export declare function draggableList<T extends ReactiveElement>(config?: DraggableListControllerConfig): ClassDecorator;
+export interface DraggableListControllerConfig {
+    layout?: 'both' | 'horizontal' | 'vertical';
+    item?: string;
+    dropZone?: string;
+    manageFocus?: boolean;
+    manageTabindex?: boolean;
+}
+export declare type CdsDraggableChangeType = 'grabbed' | 'dropped' | 'reordered';
+export declare type CdsDraggableInteractionType = 'touch' | 'key';
+export declare class DraggableListController<T extends ReactiveElement> implements ReactiveController {
+    private host;
+    private get items();
+    private get dropZones();
+    private observer;
+    private config;
+    private id;
+    constructor(host: T, config?: DraggableListControllerConfig);
+    hostConnected(): Promise<void>;
+    hostDisconnected(): void;
+    private initializeKeyListController;
+    private clickItem;
+    private focusItem;
+    private addDragEventListeners;
+}

package/internal/controllers/draggable-list.controller.js

@@ -0,0 +1,2 @@
+import{querySelectorRoots as e}from"../utils/dom.js";import{onFirstInteraction as t,onChildListMutation as r}from"../utils/events.js";import{createId as a}from"../utils/identity.js";import{KeyNavigationListController as s}from"./key-navigation-list.controller.js";let i=null;function d(e){return t=>t.addInitializer((t=>new n(t,e)))}class n{constructor(e,t){this.host=e,this.id="__"+a(),this.host.addController(this),this.config={layout:"both",item:"",dropZone:"",manageFocus:!0,manageTabindex:!1,...t}}get items(){return e(this.host,this.config.item+'[draggable="true"]')}get dropZones(){return e(this.host,this.config.dropZone+'[draggable="false"]')}async hostConnected(){await this.host.updateComplete,t(this.host).then((()=>{this.addDragEventListeners(this.items),this.initializeKeyListController(),this.host.addEventListener("click",(async e=>this.clickItem(e))),this.host.addEventListener("cdsKeyChange",(e=>this.focusItem(e))),this.host.shadowRoot?.addEventListener("click",(async e=>this.clickItem(e))),this.host.shadowRoot?.addEventListener("cdsKeyChange",(e=>this.focusItem(e))),this.observer=r(this.host,(e=>{if(e){const t=Array.from(e.addedNodes).filter((e=>e.draggable));t.length&&this.addDragEventListeners(t)}}))}))}hostDisconnected(){this.observer?.disconnect()}initializeKeyListController(){Object.defineProperty(this.host,this.id,{get:()=>this.items.map((e=>e.querySelector("[cds-draggable]")))}),new s(this.host,{layout:this.config.layout,keyListItems:this.id,manageFocus:this.config.manageFocus,manageTabindex:this.config.manageTabindex})}clickItem(e){const t=Array.from(e.composedPath()).find((e=>e.getAttribute&&"handle"===e.getAttribute("cds-draggable"))),r=e.composedPath()[0].closest("[draggable]");t&&r&&("true"===t.ariaPressed?(r.setAttribute("cds-draggable","active"),o(e.currentTarget,r,null,"grabbed","touch")):"false"===t.ariaPressed&&(r.removeAttribute("cds-draggable"),o(e.currentTarget,r,null,"dropped","touch")))}focusItem(e){if(e.detail.keyListItems===this.id&&"active"===e.detail.previousItem?.closest("[draggable]").getAttribute("cds-draggable")){const t=e.detail.previousItem?.closest("[draggable]"),r=e.detail.activeItem.closest("[draggable]");"handle"===e.detail.activeItem.getAttribute("cds-draggable")&&t!==r&&(e.detail.previousItem.ariaPressed="false",e.detail.activeItem.ariaPressed="true",e.detail.previousItem.pressed=!1,e.detail.activeItem.pressed=!0,t.removeAttribute("cds-draggable"),r.setAttribute("cds-draggable","active"),o(e.detail.activeItem,t,r,"reordered","key"))}}addDragEventListeners(e){e.filter((e=>!e.cdsDraggableItem)).forEach((e=>{return(t=e).cdsDraggableItem="item",t.addEventListener("dragstart",g,!1),t.addEventListener("dragover",c,!1),t.addEventListener("drop",l,!1),t.addEventListener("dragleave",u,!1),void t.addEventListener("dragend",(e=>e.currentTarget.removeAttribute("cds-draggable")),!1);var t})),this.dropZones.filter((e=>!e.cdsDraggableItem)).forEach((e=>{e.addEventListener("dragover",c,!1),e.addEventListener("dragleave",u,!1),e.addEventListener("drop",l,!1),e.cdsDraggableItem="dropzone"}))}}async function o(e,t,r,a,s){e?.updateComplete&&await e.updateComplete,e.dispatchEvent(new CustomEvent("cdsDraggableChange",{detail:{from:t,target:r,type:a,interaction:s},bubbles:!0}))}function g(e){i=e.currentTarget,e.dataTransfer.effectAllowed="move",e.dataTransfer.setDragImage(e.currentTarget,0,0),e.currentTarget.setAttribute("cds-draggable","active"),o(e.currentTarget,e.currentTarget,null,"grabbed","touch")}function c(e){return e.preventDefault&&e.preventDefault(),e.dataTransfer.dropEffect="move",i!==e.currentTarget&&e.currentTarget.setAttribute("cds-draggable","target"),!1}function l(e){const t=i,r=e.currentTarget;return t?.removeAttribute("cds-draggable"),r?.removeAttribute("cds-draggable"),o(e.currentTarget,t,r,"reordered","touch"),!1}function u(e){"target"===e.currentTarget.getAttribute("cds-draggable")&&e.currentTarget.removeAttribute("cds-draggable")}export{n as DraggableListController,d as draggableList};
+//# sourceMappingURL=draggable-list.controller.js.map

package/internal/controllers/draggable-list.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draggable-list.controller.js","sources":["../../../../src/internal/controllers/draggable-list.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { querySelectorRoots } from '../utils/dom.js';\nimport { onChildListMutation, onFirstInteraction } from '../utils/events.js';\nimport { createId } from '../utils/identity.js';\nimport { KeyNavigationListController } from './key-navigation-list.controller.js';\nlet dragSrcEl = null;\n/**\n * Provides support for HTML5 native drag and drop to a component\n */\nexport function draggableList(config) {\n    return (target) => target.addInitializer((instance) => new DraggableListController(instance, config));\n}\nexport class DraggableListController {\n    constructor(host, config) {\n        this.host = host;\n        this.id = `__${createId()}`;\n        this.host.addController(this);\n        this.config = {\n            layout: 'both',\n            item: '',\n            dropZone: '',\n            manageFocus: true,\n            manageTabindex: false,\n            ...config,\n        };\n    }\n    get items() {\n        return querySelectorRoots(this.host, `${this.config.item}[draggable=\"true\"]`);\n    }\n    get dropZones() {\n        return querySelectorRoots(this.host, `${this.config.dropZone}[draggable=\"false\"]`);\n    }\n    async hostConnected() {\n        await this.host.updateComplete;\n        onFirstInteraction(this.host).then(() => {\n            this.addDragEventListeners(this.items);\n            this.initializeKeyListController();\n            this.host.addEventListener('click', async (e) => this.clickItem(e));\n            this.host.addEventListener('cdsKeyChange', (e) => this.focusItem(e));\n            this.host.shadowRoot?.addEventListener('click', async (e) => this.clickItem(e));\n            this.host.shadowRoot?.addEventListener('cdsKeyChange', (e) => this.focusItem(e));\n            this.observer = onChildListMutation(this.host, mutation => {\n                if (mutation) {\n                    const items = Array.from(mutation.addedNodes).filter(i => i.draggable);\n                    if (items.length) {\n                        this.addDragEventListeners(items);\n                    }\n                }\n            });\n        });\n    }\n    hostDisconnected() {\n        this.observer?.disconnect();\n    }\n    initializeKeyListController() {\n        Object.defineProperty(this.host, this.id, { get: () => this.items.map(i => i.querySelector('[cds-draggable]')) });\n        new KeyNavigationListController(this.host, {\n            layout: this.config.layout,\n            keyListItems: this.id,\n            manageFocus: this.config.manageFocus,\n            manageTabindex: this.config.manageTabindex,\n        });\n    }\n    clickItem(e) {\n        const handle = Array.from(e.composedPath()).find((e) => e.getAttribute && e.getAttribute('cds-draggable') === 'handle');\n        const from = e.composedPath()[0].closest('[draggable]');\n        if (handle && from) {\n            if (handle.ariaPressed === 'true') {\n                from.setAttribute('cds-draggable', 'active');\n                dispatchDraggableChange(e.currentTarget, from, null, 'grabbed', 'touch');\n            }\n            else if (handle.ariaPressed === 'false') {\n                from.removeAttribute('cds-draggable');\n                dispatchDraggableChange(e.currentTarget, from, null, 'dropped', 'touch');\n            }\n        }\n    }\n    focusItem(e) {\n        if (e.detail.keyListItems === this.id &&\n            e.detail.previousItem?.closest('[draggable]').getAttribute('cds-draggable') === 'active') {\n            const from = e.detail.previousItem?.closest('[draggable]');\n            const target = e.detail.activeItem.closest('[draggable]');\n            if (e.detail.activeItem.getAttribute('cds-draggable') === 'handle' && from !== target) {\n                e.detail.previousItem.ariaPressed = 'false';\n                e.detail.activeItem.ariaPressed = 'true';\n                e.detail.previousItem.pressed = false;\n                e.detail.activeItem.pressed = true;\n                from.removeAttribute('cds-draggable');\n                target.setAttribute('cds-draggable', 'active');\n                dispatchDraggableChange(e.detail.activeItem, from, target, 'reordered', 'key');\n            }\n        }\n    }\n    addDragEventListeners(items) {\n        items.filter(i => !i.cdsDraggableItem).forEach(item => addHandlers(item));\n        this.dropZones\n            .filter(i => !i.cdsDraggableItem)\n            .forEach(elem => {\n            elem.addEventListener('dragover', handleDragOver, false);\n            elem.addEventListener('dragleave', handleDragLeave, false);\n            elem.addEventListener('drop', handleDrop, false);\n            elem.cdsDraggableItem = 'dropzone';\n        });\n    }\n}\nasync function dispatchDraggableChange(host, from, target, type, interaction) {\n    if (host?.updateComplete) {\n        await host.updateComplete;\n    }\n    host.dispatchEvent(new CustomEvent('cdsDraggableChange', { detail: { from, target, type, interaction }, bubbles: true }));\n}\nfunction handleDragStart(e) {\n    dragSrcEl = e.currentTarget;\n    e.dataTransfer.effectAllowed = 'move';\n    e.dataTransfer.setDragImage(e.currentTarget, 0, 0);\n    e.currentTarget.setAttribute('cds-draggable', 'active');\n    dispatchDraggableChange(e.currentTarget, e.currentTarget, null, 'grabbed', 'touch');\n}\nfunction handleDragOver(e) {\n    if (e.preventDefault) {\n        e.preventDefault();\n    }\n    e.dataTransfer.dropEffect = 'move';\n    if (dragSrcEl !== e.currentTarget) {\n        e.currentTarget.setAttribute('cds-draggable', 'target');\n    }\n    return false;\n}\nfunction handleDrop(e) {\n    const from = dragSrcEl;\n    const target = e.currentTarget;\n    from?.removeAttribute('cds-draggable');\n    target?.removeAttribute('cds-draggable');\n    dispatchDraggableChange(e.currentTarget, from, target, 'reordered', 'touch');\n    return false;\n}\nfunction handleDragLeave(e) {\n    if (e.currentTarget.getAttribute('cds-draggable') === 'target') {\n        e.currentTarget.removeAttribute('cds-draggable');\n    }\n}\nfunction addHandlers(elem) {\n    elem.cdsDraggableItem = 'item';\n    elem.addEventListener('dragstart', handleDragStart, false);\n    elem.addEventListener('dragover', handleDragOver, false);\n    elem.addEventListener('drop', handleDrop, false);\n    elem.addEventListener('dragleave', handleDragLeave, false);\n    elem.addEventListener('dragend', (e) => e.currentTarget.removeAttribute('cds-draggable'), false);\n}\n"],"names":["dragSrcEl","draggableList","config","target","addInitializer","instance","DraggableListController","constructor","host","this","id","createId","addController","layout","item","dropZone","manageFocus","manageTabindex","items","querySelectorRoots","dropZones","async","updateComplete","onFirstInteraction","then","addDragEventListeners","initializeKeyListController","addEventListener","e","clickItem","focusItem","shadowRoot","observer","onChildListMutation","mutation","Array","from","addedNodes","filter","i","draggable","length","hostDisconnected","disconnect","Object","defineProperty","get","map","querySelector","KeyNavigationListController","keyListItems","handle","composedPath","find","getAttribute","closest","ariaPressed","setAttribute","dispatchDraggableChange","currentTarget","removeAttribute","detail","previousItem","activeItem","pressed","cdsDraggableItem","forEach","addHandlers","elem","handleDragStart","handleDragOver","handleDrop","handleDragLeave","type","interaction","dispatchEvent","CustomEvent","bubbles","dataTransfer","effectAllowed","setDragImage","preventDefault","dropEffect"],"mappings":"wQASA,IAAIA,EAAY,KAIT,SAASC,EAAcC,GAC1B,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAAwBD,EAAUH,KAE1F,MAAMI,EACTC,YAAYC,EAAMN,GACdO,KAAKD,KAAOA,EACZC,KAAKC,GAAK,KAAKC,IACfF,KAAKD,KAAKI,cAAcH,MACxBA,KAAKP,OAAS,CACVW,OAAQ,OACRC,KAAM,GACNC,SAAU,GACVC,aAAa,EACbC,gBAAgB,KACbf,GAGPgB,YACA,OAAOC,EAAmBV,KAAKD,KAASC,KAAKP,OAAOY,KAAf,sBAErCM,gBACA,OAAOD,EAAmBV,KAAKD,KAASC,KAAKP,OAAOa,SAAf,uBAEzCM,4BACUZ,KAAKD,KAAKc,eAChBC,EAAmBd,KAAKD,MAAMgB,MAAK,KAC/Bf,KAAKgB,sBAAsBhB,KAAKS,OAChCT,KAAKiB,8BACLjB,KAAKD,KAAKmB,iBAAiB,SAASN,MAAOO,GAAMnB,KAAKoB,UAAUD,KAChEnB,KAAKD,KAAKmB,iBAAiB,gBAAiBC,GAAMnB,KAAKqB,UAAUF,KACjEnB,KAAKD,KAAKuB,YAAYJ,iBAAiB,SAASN,MAAOO,GAAMnB,KAAKoB,UAAUD,KAC5EnB,KAAKD,KAAKuB,YAAYJ,iBAAiB,gBAAiBC,GAAMnB,KAAKqB,UAAUF,KAC7EnB,KAAKuB,SAAWC,EAAoBxB,KAAKD,MAAM0B,IAC3C,GAAIA,EAAU,CACV,MAAMhB,EAAQiB,MAAMC,KAAKF,EAASG,YAAYC,QAAOC,GAAKA,EAAEC,YACxDtB,EAAMuB,QACNhC,KAAKgB,sBAAsBP,UAM/CwB,mBACIjC,KAAKuB,UAAUW,aAEnBjB,8BACIkB,OAAOC,eAAepC,KAAKD,KAAMC,KAAKC,GAAI,CAAEoC,IAAK,IAAMrC,KAAKS,MAAM6B,KAAIR,GAAKA,EAAES,cAAc,uBAC3F,IAAIC,EAA4BxC,KAAKD,KAAM,CACvCK,OAAQJ,KAAKP,OAAOW,OACpBqC,aAAczC,KAAKC,GACnBM,YAAaP,KAAKP,OAAOc,YACzBC,eAAgBR,KAAKP,OAAOe,iBAGpCY,UAAUD,GACN,MAAMuB,EAAShB,MAAMC,KAAKR,EAAEwB,gBAAgBC,MAAMzB,GAAMA,EAAE0B,cAAoD,WAApC1B,EAAE0B,aAAa,mBACnFlB,EAAOR,EAAEwB,eAAe,GAAGG,QAAQ,eACrCJ,GAAUf,IACiB,SAAvBe,EAAOK,aACPpB,EAAKqB,aAAa,gBAAiB,UACnCC,EAAwB9B,EAAE+B,cAAevB,EAAM,KAAM,UAAW,UAEpC,UAAvBe,EAAOK,cACZpB,EAAKwB,gBAAgB,iBACrBF,EAAwB9B,EAAE+B,cAAevB,EAAM,KAAM,UAAW,WAI5EN,UAAUF,GACN,GAAIA,EAAEiC,OAAOX,eAAiBzC,KAAKC,IACiD,WAAhFkB,EAAEiC,OAAOC,cAAcP,QAAQ,eAAeD,aAAa,iBAA+B,CAC1F,MAAMlB,EAAOR,EAAEiC,OAAOC,cAAcP,QAAQ,eACtCpD,EAASyB,EAAEiC,OAAOE,WAAWR,QAAQ,eACe,WAAtD3B,EAAEiC,OAAOE,WAAWT,aAAa,kBAAiClB,IAASjC,IAC3EyB,EAAEiC,OAAOC,aAAaN,YAAc,QACpC5B,EAAEiC,OAAOE,WAAWP,YAAc,OAClC5B,EAAEiC,OAAOC,aAAaE,SAAU,EAChCpC,EAAEiC,OAAOE,WAAWC,SAAU,EAC9B5B,EAAKwB,gBAAgB,iBACrBzD,EAAOsD,aAAa,gBAAiB,UACrCC,EAAwB9B,EAAEiC,OAAOE,WAAY3B,EAAMjC,EAAQ,YAAa,SAIpFsB,sBAAsBP,GAClBA,EAAMoB,QAAOC,IAAMA,EAAE0B,mBAAkBC,SAAQpD,IAAQqD,OA+C1CC,EA/CsDtD,GAgDlEmD,iBAAmB,OACxBG,EAAKzC,iBAAiB,YAAa0C,GAAiB,GACpDD,EAAKzC,iBAAiB,WAAY2C,GAAgB,GAClDF,EAAKzC,iBAAiB,OAAQ4C,GAAY,GAC1CH,EAAKzC,iBAAiB,YAAa6C,GAAiB,QACpDJ,EAAKzC,iBAAiB,WAAYC,GAAMA,EAAE+B,cAAcC,gBAAgB,mBAAkB,GAN9F,IAAqBQ,KA9Cb3D,KAAKW,UACAkB,QAAOC,IAAMA,EAAE0B,mBACfC,SAAQE,IACTA,EAAKzC,iBAAiB,WAAY2C,GAAgB,GAClDF,EAAKzC,iBAAiB,YAAa6C,GAAiB,GACpDJ,EAAKzC,iBAAiB,OAAQ4C,GAAY,GAC1CH,EAAKH,iBAAmB,eAIpC5C,eAAeqC,EAAwBlD,EAAM4B,EAAMjC,EAAQsE,EAAMC,GACzDlE,GAAMc,sBACAd,EAAKc,eAEfd,EAAKmE,cAAc,IAAIC,YAAY,qBAAsB,CAAEf,OAAQ,CAAEzB,KAAAA,EAAMjC,OAAAA,EAAQsE,KAAAA,EAAMC,YAAAA,GAAeG,SAAS,KAErH,SAASR,EAAgBzC,GACrB5B,EAAY4B,EAAE+B,cACd/B,EAAEkD,aAAaC,cAAgB,OAC/BnD,EAAEkD,aAAaE,aAAapD,EAAE+B,cAAe,EAAG,GAChD/B,EAAE+B,cAAcF,aAAa,gBAAiB,UAC9CC,EAAwB9B,EAAE+B,cAAe/B,EAAE+B,cAAe,KAAM,UAAW,SAE/E,SAASW,EAAe1C,GAQpB,OAPIA,EAAEqD,gBACFrD,EAAEqD,iBAENrD,EAAEkD,aAAaI,WAAa,OACxBlF,IAAc4B,EAAE+B,eAChB/B,EAAE+B,cAAcF,aAAa,gBAAiB,WAE3C,EAEX,SAASc,EAAW3C,GAChB,MAAMQ,EAAOpC,EACPG,EAASyB,EAAE+B,cAIjB,OAHAvB,GAAMwB,gBAAgB,iBACtBzD,GAAQyD,gBAAgB,iBACxBF,EAAwB9B,EAAE+B,cAAevB,EAAMjC,EAAQ,YAAa,UAC7D,EAEX,SAASqE,EAAgB5C,GACiC,WAAlDA,EAAE+B,cAAcL,aAAa,kBAC7B1B,EAAE+B,cAAcC,gBAAgB"}

package/internal/controllers/first-focus.controller.d.ts

@@ -1,12 +1,16 @@
-import { LitElement } from 'lit';
+import { ReactiveController, ReactiveElement } from 'lit';
+export interface FirstFocusConfig {
+    fallback: 'none' | 'host' | 'focusable';
+}
 /**
  * Provides a focus first behavior to any component via the cds-first-focus attribute
  */
-export declare class FirstFocusController {
+export declare function firstFocus<T extends ReactiveElement>(config?: FirstFocusConfig): ClassDecorator;
+export declare class FirstFocusController<T extends ReactiveElement> implements ReactiveController {
     private host;
+    private config;
     private observer;
-    constructor(host: LitElement);
-    private get focusableItems();
+    constructor(host: T, config?: FirstFocusConfig);
     hostConnected(): Promise<void>;
     hostDisconnected(): void;
     private cdsFocusFirst;

package/internal/controllers/first-focus.controller.js

@@ -1,2 +1,2 @@
-import{listenForAttributeChange as s}from"../utils/events.js";import{getFocusableItems as t}from"../utils/traversal.js";import{ignoreFocusTrap as o,getItemToFocus as r}from"./utils/first-focus.controller.utils.js";import{FocusTrapTrackerService as e}from"../services/focus-trap-tracker.service.js";class i{constructor(s){this.host=s,this.host.addController(this)}get focusableItems(){return t(this.host)}async hostConnected(){await this.host.updateComplete,this.observer=s(this.host,"hidden",(()=>this.cdsFocusFirst())),this.cdsFocusFirst()}hostDisconnected(){const s=this.host.focusTrapId;s&&e.removeTrapElement({focusTrapId:s}),this.observer.disconnect()}cdsFocusFirst(){this.host.hidden||o(this.host)||r(this.host,this.focusableItems).focus()}}export{i as FirstFocusController};
+import{ignoreFocus as s,focusable as t,focusElement as o}from"../utils/focus.js";import{listenForAttributeChange as i}from"../utils/events.js";import{getFlattenedDOMTree as c}from"../utils/traversal.js";function h(s={fallback:"focusable"}){return t=>t.addInitializer((t=>new e(t,s)))}class e{constructor(s,t={fallback:"focusable"}){this.host=s,this.config=t,this.host.addController(this)}async hostConnected(){await this.host.updateComplete,this.observer=i(this.host,"hidden",(()=>this.cdsFocusFirst())),this.cdsFocusFirst()}hostDisconnected(){this.observer?.disconnect()}cdsFocusFirst(){if(!s(this.host)){const s=this.host.shadowRoot?this.host.shadowRoot:this.host,i=s.querySelector(".private-host")??this.host,h=c(s).filter((s=>!s.hasAttribute("cds-focus-boundary"))),e=h.find((s=>s.hasAttribute("cds-first-focus"))),r="focusable"===this.config.fallback?h.find((s=>t(s)&&!s.classList.contains("private-host"))):null,a="none"===this.config.fallback?null:i,n=e??r??a;n&&o(n)}}}export{e as FirstFocusController,h as firstFocus};
 //# sourceMappingURL=first-focus.controller.js.map

package/internal/controllers/first-focus.controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"first-focus.controller.js","sources":["../../../../src/internal/controllers/first-focus.controller.ts"],"sourcesContent":null,"names":["FirstFocusController","[object Object]","host","this","addController","focusableItems","getFocusableItems","updateComplete","observer","listenForAttributeChange","cdsFocusFirst","hostFocusTrapId","focusTrapId","FocusTrapTrackerService","removeTrapElement","disconnect","hidden","ignoreFocusTrap","getItemToFocus","focus"],"mappings":"0SAOO,MAAMA,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAE5BE,qBACI,OAAOC,EAAkBH,KAAKD,MAElCD,4BACUE,KAAKD,KAAKK,eAChBJ,KAAKK,SAAWC,EAAyBN,KAAKD,KAAM,UAAU,IAAMC,KAAKO,kBACzEP,KAAKO,gBAETT,mBACI,MAAMU,EAAkBR,KAAKD,KAAKU,YAC9BD,GAEAE,EAAwBC,kBAAkB,CAAEF,YAAaD,IAE7DR,KAAKK,SAASO,aAElBd,gBACQE,KAAKD,KAAKc,QAAUC,EAAgBd,KAAKD,OAG7CgB,EAAef,KAAKD,KAAMC,KAAKE,gBAAgBc"}
+{"version":3,"file":"first-focus.controller.js","sources":["../../../../src/internal/controllers/first-focus.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { focusable, focusElement, ignoreFocus } from '../utils/focus.js';\nimport { listenForAttributeChange } from '../utils/events.js';\nimport { getFlattenedDOMTree } from '../utils/traversal.js';\n/**\n * Provides a focus first behavior to any component via the cds-first-focus attribute\n */\nexport function firstFocus(config = { fallback: 'focusable' }) {\n    return (target) => target.addInitializer((instance) => new FirstFocusController(instance, config));\n}\nexport class FirstFocusController {\n    constructor(host, config = { fallback: 'focusable' }) {\n        this.host = host;\n        this.config = config;\n        this.host.addController(this);\n    }\n    async hostConnected() {\n        await this.host.updateComplete;\n        this.observer = listenForAttributeChange(this.host, 'hidden', () => this.cdsFocusFirst());\n        this.cdsFocusFirst();\n    }\n    hostDisconnected() {\n        this.observer?.disconnect();\n    }\n    cdsFocusFirst() {\n        if (!ignoreFocus(this.host)) {\n            const root = this.host.shadowRoot ? this.host.shadowRoot : this.host;\n            const rootHost = root.querySelector('.private-host') ?? this.host;\n            const elements = getFlattenedDOMTree(root).filter(i => !i.hasAttribute('cds-focus-boundary'));\n            const firstFocus = elements.find(i => i.hasAttribute('cds-first-focus'));\n            const focusableElement = this.config.fallback === 'focusable'\n                ? elements.find(i => focusable(i) && !i.classList.contains('private-host'))\n                : null;\n            const host = this.config.fallback === 'none' ? null : rootHost;\n            const focus = firstFocus ?? focusableElement ?? host;\n            if (focus) {\n                focusElement(focus);\n            }\n        }\n    }\n}\n"],"names":["firstFocus","config","fallback","target","addInitializer","instance","FirstFocusController","constructor","host","this","addController","async","updateComplete","observer","listenForAttributeChange","cdsFocusFirst","hostDisconnected","disconnect","ignoreFocus","root","shadowRoot","rootHost","querySelector","elements","getFlattenedDOMTree","filter","i","hasAttribute","find","focusableElement","focusable","classList","contains","focus","focusElement"],"mappings":"2MAWO,SAASA,EAAWC,EAAS,CAAEC,SAAU,cAC5C,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAAqBD,EAAUJ,KAEvF,MAAMK,EACTC,YAAYC,EAAMP,EAAS,CAAEC,SAAU,cACnCO,KAAKD,KAAOA,EACZC,KAAKR,OAASA,EACdQ,KAAKD,KAAKE,cAAcD,MAE5BE,4BACUF,KAAKD,KAAKI,eAChBH,KAAKI,SAAWC,EAAyBL,KAAKD,KAAM,UAAU,IAAMC,KAAKM,kBACzEN,KAAKM,gBAETC,mBACIP,KAAKI,UAAUI,aAEnBF,gBACI,IAAKG,EAAYT,KAAKD,MAAO,CACzB,MAAMW,EAAOV,KAAKD,KAAKY,WAAaX,KAAKD,KAAKY,WAAaX,KAAKD,KAC1Da,EAAWF,EAAKG,cAAc,kBAAoBb,KAAKD,KACvDe,EAAWC,EAAoBL,GAAMM,QAAOC,IAAMA,EAAEC,aAAa,wBACjE3B,EAAauB,EAASK,MAAKF,GAAKA,EAAEC,aAAa,qBAC/CE,EAA4C,cAAzBpB,KAAKR,OAAOC,SAC/BqB,EAASK,MAAKF,GAAKI,EAAUJ,KAAOA,EAAEK,UAAUC,SAAS,kBACzD,KACAxB,EAAgC,SAAzBC,KAAKR,OAAOC,SAAsB,KAAOmB,EAChDY,EAAQjC,GAAc6B,GAAoBrB,EAC5CyB,GACAC,EAAaD"}

package/internal/controllers/grid-range-selection.controller.d.ts

@@ -0,0 +1,28 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+declare type GridRange = {
+    grid: HTMLElement;
+    cells: NodeListOf<HTMLElement>;
+    rows: NodeListOf<HTMLElement>;
+    rangeSelection?: boolean;
+};
+/**
+ * Given a 2d array grid structure provide a highlight/range selection of given cells
+ */
+export declare function gridRangeSelection<T extends ReactiveElement & GridRange>(): ClassDecorator;
+export declare class GridRangeSelectionController<T extends ReactiveElement & GridRange> implements ReactiveController {
+    private host;
+    private selectionActive;
+    private firstCell;
+    private activeCell;
+    private get enabled();
+    constructor(host: T);
+    hostConnected(): Promise<void>;
+    private setupMouseEvents;
+    private setupKeyboardListeners;
+    private setFirstCell;
+    private setActiveCell;
+    private stopSelection;
+    private resetAllActiveCells;
+    private calculateSelection;
+}
+export {};

package/internal/controllers/grid-range-selection.controller.js

@@ -0,0 +1,2 @@
+function t(){return t=>t.addInitializer((t=>new e(t)))}class e{constructor(t){this.host=t,this.selectionActive=!1,t.addController(this)}get enabled(){return!1!==this.host.rangeSelection&&!Array.from(this.host.rows).find((t=>t.draggable))}async hostConnected(){await this.host.updateComplete,this.setupKeyboardListeners(),this.setupMouseEvents()}setupMouseEvents(){const t=this.host.grid.shadowRoot?this.host.grid.shadowRoot:this.host.grid;t.addEventListener("mousedown",(t=>{this.enabled&&1===t.buttons&&!t.ctrlKey&&this.setFirstCell(t)})),t.addEventListener("mouseover",(t=>{this.enabled&&this.setActiveCell(t.composedPath().find((t=>Array.from(this.host.cells).includes(t))))})),t.addEventListener("mouseup",(()=>{this.enabled&&this.stopSelection()}))}setupKeyboardListeners(){this.host.addEventListener("cdsKeyChange",(t=>{this.enabled&&t.detail.code&&(this.setActiveCell(t.detail.activeItem),t.detail.shiftKey||(this.stopSelection(),this.resetAllActiveCells(),this.host.dispatchEvent(new CustomEvent("rangeSelectionChange",{detail:[]}))))})),this.host.addEventListener("keydown",(t=>{this.enabled&&"ShiftLeft"===t.code&&t.shiftKey&&!this.selectionActive&&this.setFirstCell(t)}))}setFirstCell(t){const e=t.composedPath().find((t=>Array.from(this.host.cells).includes(t)));e&&(this.firstCell=e,this.selectionActive=!0,this.resetAllActiveCells())}setActiveCell(t){t&&this.selectionActive&&(this.activeCell=t,this.calculateSelection())}stopSelection(){this.selectionActive=!1}resetAllActiveCells(){this.host.cells.forEach((t=>t.removeAttribute("highlight")))}calculateSelection(){const t=parseInt(this.firstCell.ariaColIndex),e=parseInt(this.activeCell.ariaColIndex),s=parseInt(this.firstCell.parentElement?.ariaRowIndex),i=parseInt(this.activeCell.parentElement?.ariaRowIndex);this.resetAllActiveCells(),this.host.cells.forEach((l=>{const h=parseInt(l.ariaColIndex),n=parseInt(l.parentElement?.ariaRowIndex);(t<=e&&h>=t&&h<=e||t>=e&&h<=t&&h>=e)&&(s<=i&&n>=s&&n<=i||s>=i&&n<=s&&n>=i)&&l.setAttribute("highlight","")})),this.host.dispatchEvent(new CustomEvent("rangeSelectionChange",{detail:Array.from(this.host.cells).filter((t=>t.hasAttribute("highlight")))}))}}export{e as GridRangeSelectionController,t as gridRangeSelection};
+//# sourceMappingURL=grid-range-selection.controller.js.map

package/internal/controllers/grid-range-selection.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-range-selection.controller.js","sources":["../../../../src/internal/controllers/grid-range-selection.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n/**\n * Given a 2d array grid structure provide a highlight/range selection of given cells\n */\nexport function gridRangeSelection() {\n    return (target) => target.addInitializer((instance) => new GridRangeSelectionController(instance));\n}\nexport class GridRangeSelectionController {\n    constructor(host) {\n        this.host = host;\n        this.selectionActive = false;\n        host.addController(this);\n    }\n    get enabled() {\n        return this.host.rangeSelection !== false && !Array.from(this.host.rows).find(r => r.draggable);\n    }\n    async hostConnected() {\n        await this.host.updateComplete;\n        this.setupKeyboardListeners();\n        this.setupMouseEvents();\n    }\n    setupMouseEvents() {\n        const root = this.host.grid.shadowRoot ? this.host.grid.shadowRoot : this.host.grid;\n        root.addEventListener('mousedown', (e) => {\n            // preserve right click for context menus & keyboard mouse control https://apple.stackexchange.com/questions/32715/how-do-i-open-the-context-menu-from-a-mac-keyboard\n            if (this.enabled && e.buttons === 1 && !e.ctrlKey) {\n                this.setFirstCell(e);\n            }\n        });\n        root.addEventListener('mouseover', (e) => {\n            if (this.enabled) {\n                this.setActiveCell(e.composedPath().find((i) => Array.from(this.host.cells).includes(i)));\n            }\n        });\n        root.addEventListener('mouseup', () => {\n            if (this.enabled) {\n                this.stopSelection();\n            }\n        });\n    }\n    setupKeyboardListeners() {\n        this.host.addEventListener('cdsKeyChange', (e) => {\n            if (this.enabled && e.detail.code) {\n                this.setActiveCell(e.detail.activeItem);\n                if (!e.detail.shiftKey) {\n                    this.stopSelection();\n                    this.resetAllActiveCells();\n                    this.host.dispatchEvent(new CustomEvent('rangeSelectionChange', { detail: [] }));\n                }\n            }\n        });\n        this.host.addEventListener('keydown', (e) => {\n            if (this.enabled && e.code === 'ShiftLeft' && e.shiftKey && !this.selectionActive) {\n                this.setFirstCell(e);\n            }\n        });\n    }\n    setFirstCell(e) {\n        const firstCell = e.composedPath().find((i) => Array.from(this.host.cells).includes(i));\n        if (firstCell) {\n            this.firstCell = firstCell;\n            this.selectionActive = true;\n            this.resetAllActiveCells();\n        }\n    }\n    setActiveCell(activeCell) {\n        if (activeCell && this.selectionActive) {\n            this.activeCell = activeCell;\n            this.calculateSelection();\n        }\n    }\n    stopSelection() {\n        this.selectionActive = false;\n    }\n    resetAllActiveCells() {\n        this.host.cells.forEach(cell => cell.removeAttribute('highlight'));\n    }\n    calculateSelection() {\n        const x1 = parseInt(this.firstCell.ariaColIndex);\n        const x2 = parseInt(this.activeCell.ariaColIndex);\n        const y1 = parseInt(this.firstCell.parentElement?.ariaRowIndex);\n        const y2 = parseInt(this.activeCell.parentElement?.ariaRowIndex);\n        this.resetAllActiveCells();\n        this.host.cells.forEach((cell) => {\n            const colIndex = parseInt(cell.ariaColIndex);\n            const rowIndex = parseInt(cell.parentElement?.ariaRowIndex);\n            if ((x1 <= x2 && colIndex >= x1 && colIndex <= x2) || (x1 >= x2 && colIndex <= x1 && colIndex >= x2)) {\n                if ((y1 <= y2 && rowIndex >= y1 && rowIndex <= y2) || (y1 >= y2 && rowIndex <= y1 && rowIndex >= y2)) {\n                    cell.setAttribute('highlight', '');\n                }\n            }\n        });\n        this.host.dispatchEvent(new CustomEvent('rangeSelectionChange', {\n            detail: Array.from(this.host.cells).filter(c => c.hasAttribute('highlight')),\n        }));\n    }\n}\n"],"names":["gridRangeSelection","target","addInitializer","instance","GridRangeSelectionController","constructor","host","this","selectionActive","addController","enabled","rangeSelection","Array","from","rows","find","r","draggable","async","updateComplete","setupKeyboardListeners","setupMouseEvents","root","grid","shadowRoot","addEventListener","e","buttons","ctrlKey","setFirstCell","setActiveCell","composedPath","i","cells","includes","stopSelection","detail","code","activeItem","shiftKey","resetAllActiveCells","dispatchEvent","CustomEvent","firstCell","activeCell","calculateSelection","forEach","cell","removeAttribute","x1","parseInt","ariaColIndex","x2","y1","parentElement","ariaRowIndex","y2","colIndex","rowIndex","setAttribute","filter","c","hasAttribute"],"mappings":"AAQO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAA6BD,KAErF,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKC,iBAAkB,EACvBF,EAAKG,cAAcF,MAEnBG,cACA,OAAoC,IAA7BH,KAAKD,KAAKK,iBAA6BC,MAAMC,KAAKN,KAAKD,KAAKQ,MAAMC,MAAKC,GAAKA,EAAEC,YAEzFC,4BACUX,KAAKD,KAAKa,eAChBZ,KAAKa,yBACLb,KAAKc,mBAETA,mBACI,MAAMC,EAAOf,KAAKD,KAAKiB,KAAKC,WAAajB,KAAKD,KAAKiB,KAAKC,WAAajB,KAAKD,KAAKiB,KAC/ED,EAAKG,iBAAiB,aAAcC,IAE5BnB,KAAKG,SAAyB,IAAdgB,EAAEC,UAAkBD,EAAEE,SACtCrB,KAAKsB,aAAaH,MAG1BJ,EAAKG,iBAAiB,aAAcC,IAC5BnB,KAAKG,SACLH,KAAKuB,cAAcJ,EAAEK,eAAehB,MAAMiB,GAAMpB,MAAMC,KAAKN,KAAKD,KAAK2B,OAAOC,SAASF,SAG7FV,EAAKG,iBAAiB,WAAW,KACzBlB,KAAKG,SACLH,KAAK4B,mBAIjBf,yBACIb,KAAKD,KAAKmB,iBAAiB,gBAAiBC,IACpCnB,KAAKG,SAAWgB,EAAEU,OAAOC,OACzB9B,KAAKuB,cAAcJ,EAAEU,OAAOE,YACvBZ,EAAEU,OAAOG,WACVhC,KAAK4B,gBACL5B,KAAKiC,sBACLjC,KAAKD,KAAKmC,cAAc,IAAIC,YAAY,uBAAwB,CAAEN,OAAQ,WAItF7B,KAAKD,KAAKmB,iBAAiB,WAAYC,IAC/BnB,KAAKG,SAAsB,cAAXgB,EAAEW,MAAwBX,EAAEa,WAAahC,KAAKC,iBAC9DD,KAAKsB,aAAaH,MAI9BG,aAAaH,GACT,MAAMiB,EAAYjB,EAAEK,eAAehB,MAAMiB,GAAMpB,MAAMC,KAAKN,KAAKD,KAAK2B,OAAOC,SAASF,KAChFW,IACApC,KAAKoC,UAAYA,EACjBpC,KAAKC,iBAAkB,EACvBD,KAAKiC,uBAGbV,cAAcc,GACNA,GAAcrC,KAAKC,kBACnBD,KAAKqC,WAAaA,EAClBrC,KAAKsC,sBAGbV,gBACI5B,KAAKC,iBAAkB,EAE3BgC,sBACIjC,KAAKD,KAAK2B,MAAMa,SAAQC,GAAQA,EAAKC,gBAAgB,eAEzDH,qBACI,MAAMI,EAAKC,SAAS3C,KAAKoC,UAAUQ,cAC7BC,EAAKF,SAAS3C,KAAKqC,WAAWO,cAC9BE,EAAKH,SAAS3C,KAAKoC,UAAUW,eAAeC,cAC5CC,EAAKN,SAAS3C,KAAKqC,WAAWU,eAAeC,cACnDhD,KAAKiC,sBACLjC,KAAKD,KAAK2B,MAAMa,SAASC,IACrB,MAAMU,EAAWP,SAASH,EAAKI,cACzBO,EAAWR,SAASH,EAAKO,eAAeC,eACzCN,GAAMG,GAAMK,GAAYR,GAAMQ,GAAYL,GAAQH,GAAMG,GAAMK,GAAYR,GAAMQ,GAAYL,KACxFC,GAAMG,GAAME,GAAYL,GAAMK,GAAYF,GAAQH,GAAMG,GAAME,GAAYL,GAAMK,GAAYF,IAC7FT,EAAKY,aAAa,YAAa,OAI3CpD,KAAKD,KAAKmC,cAAc,IAAIC,YAAY,uBAAwB,CAC5DN,OAAQxB,MAAMC,KAAKN,KAAKD,KAAK2B,OAAO2B,QAAOC,GAAKA,EAAEC,aAAa"}

package/internal/controllers/inline-focus-trap.controller.d.ts

@@ -1,16 +1,17 @@
-import { ReactiveControllerHost } from 'lit';
+import { ReactiveController, ReactiveElement } from 'lit';
 /**
  * Focus Trap that given a DOM element creates a flattened tree traversal
  * between both Shadow DOM and Light DOM
+ *
+ * safari https://bugs.webkit.org/show_bug.cgi?id=174667
  */
-export declare class InlineFocusTrapController {
+export declare function focusTrap<T extends ReactiveElement>(): ClassDecorator;
+export declare class InlineFocusTrapController<T extends ReactiveElement> implements ReactiveController {
     private host;
-    private config;
-    constructor(host: ReactiveControllerHost & HTMLElement, config?: {
-        start: string;
-        end: string;
-    });
+    constructor(host: T);
     private get focusableItems();
     private get root();
+    private get styles();
+    private boundary;
     hostConnected(): Promise<void>;
 }

package/internal/controllers/inline-focus-trap.controller.js

@@ -1,2 +1,2 @@
-import{createFragment as t}from"../utils/dom.js";import{getFlattenedFocusableItems as s}from"../utils/traversal.js";import{getHostElementToFocus as o}from"./utils/first-focus.controller.utils.js";class i{constructor(t,s={start:"start",end:"end"}){this.host=t,this.config=s,this.host.addController(this)}get focusableItems(){return s(this.root).filter((t=>!t.hasAttribute("cds-focus-boundary")&&(this.root.contains(t)||t.closest("[cds-focus-trap]")===this.host)))}get root(){return this.host.shadowRoot?this.host.shadowRoot:this.host}async hostConnected(){await this.host.updateComplete;const s=t=>`<div cds-focus-boundary tabindex="0" style="display:none;position:absolute;width:1px;height:1px;clip:rect(0,0,0,0)">${t}</div>`;0===Array.from(this.root.querySelectorAll("[cds-focus-boundary]")).length&&(this.root.appendChild(t("<style>:host(:host:focus-within) [cds-focus-boundary],:host(:focus-within) [cds-focus-boundary] {display: block !important}</style>")),this.root.prepend(t(s(this.config.start))),this.root.appendChild(t(s(this.config.end))),this.host.setAttribute("cds-focus-trap",""));const[i,e]=Array.from(this.root.querySelectorAll("[cds-focus-boundary]"));i.addEventListener("focusin",(()=>(this.focusableItems.length>0?this.focusableItems[this.focusableItems.length-1]:o(this.host)).focus())),e.addEventListener("focusin",(()=>(this.focusableItems.length>0?this.focusableItems[0]:o(this.host)).focus()))}}export{i as InlineFocusTrapController};
+import{html as t}from"lit";import{getFlattenedFocusableItems as s}from"../utils/traversal.js";import{renderBefore as o,renderAfter as i}from"../utils/lit.js";import{ignoreFocus as r}from"../utils/focus.js";function h(){return t=>t.addInitializer((t=>new e(t)))}class e{constructor(t){this.host=t,this.host.addController(this)}get focusableItems(){return s(this.root).filter((t=>!t.hasAttribute("cds-focus-boundary")&&(this.root.contains(t)||t.closest("[cds-focus-trap]")===this.host)))}get root(){return this.host.shadowRoot?this.host.shadowRoot:this.host}get styles(){return t`<style cds-focus-style>:host(:focus-within) [cds-focus-boundary],:host(:host:focus-within) [cds-focus-boundary]{display:block!important}</style>`}boundary(s){return t`<div @focusin="${()=>this.focusableItems.at(s)?.focus()}" test="${s}" cds-focus-boundary tabindex="0" style="display:none;position:absolute;width:1px;height:1px;clip:rect(0,0,0,0)">boundary</div>`}async hostConnected(){await this.host.updateComplete,r(this.host)||(o(this.styles,this.root),o(this.boundary(-1),this.root),i(this.boundary(0),this.root),this.host.setAttribute("cds-focus-trap",""))}}export{e as InlineFocusTrapController,h as focusTrap};
 //# sourceMappingURL=inline-focus-trap.controller.js.map

package/internal/controllers/inline-focus-trap.controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline-focus-trap.controller.js","sources":["../../../../src/internal/controllers/inline-focus-trap.controller.ts"],"sourcesContent":null,"names":["InlineFocusTrapController","[object Object]","host","config","start","end","this","addController","focusableItems","getFlattenedFocusableItems","root","filter","e","hasAttribute","contains","closest","shadowRoot","updateComplete","trap","v","Array","from","querySelectorAll","length","appendChild","createFragment","prepend","setAttribute","addEventListener","getHostElementToFocus","focus"],"mappings":"oMAOO,MAAMA,EACTC,YAAYC,EAAMC,EAAS,CAAEC,MAAO,QAASC,IAAK,QAC9CC,KAAKJ,KAAOA,EACZI,KAAKH,OAASA,EACdG,KAAKJ,KAAKK,cAAcD,MAE5BE,qBACI,OAAOC,EAA2BH,KAAKI,MAAMC,QAAOC,IAAMA,EAAEC,aAAa,wBAA0BP,KAAKI,KAAKI,SAASF,IAAMA,EAAEG,QAAQ,sBAAwBT,KAAKJ,QAEvKQ,WACI,OAAQJ,KAAKJ,KAAKc,WAAaV,KAAKJ,KAAKc,WAAaV,KAAKJ,KAE/DD,4BACUK,KAAKJ,KAAKe,eAChB,MACMC,EAAQC,GAAM,uHAAuHA,UAGzG,IADPC,MAAMC,KAAKf,KAAKI,KAAKY,iBAAiB,yBAC1CC,SACnBjB,KAAKI,KAAKc,YAAYC,EALZ,wIAMVnB,KAAKI,KAAKgB,QAAQD,EAAeP,EAAKZ,KAAKH,OAAOC,SAClDE,KAAKI,KAAKc,YAAYC,EAAeP,EAAKZ,KAAKH,OAAOE,OACtDC,KAAKJ,KAAKyB,aAAa,iBAAkB,KAE7C,MAAOvB,EAAOC,GAAOe,MAAMC,KAAKf,KAAKI,KAAKY,iBAAiB,yBAC3DlB,EAAMwB,iBAAiB,WAAW,KAAOtB,KAAKE,eAAee,OAAS,EAChEjB,KAAKE,eAAeF,KAAKE,eAAee,OAAS,GACjDM,EAAsBvB,KAAKJ,OAAO4B,UACxCzB,EAAIuB,iBAAiB,WAAW,KAAOtB,KAAKE,eAAee,OAAS,EAAIjB,KAAKE,eAAe,GAAKqB,EAAsBvB,KAAKJ,OAAO4B"}
+{"version":3,"file":"inline-focus-trap.controller.js","sources":["../../../../src/internal/controllers/inline-focus-trap.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { html } from 'lit';\nimport { getFlattenedFocusableItems } from '../utils/traversal.js';\nimport { renderAfter, renderBefore } from '../utils/lit.js';\nimport { ignoreFocus } from '../utils/focus.js';\n/**\n * Focus Trap that given a DOM element creates a flattened tree traversal\n * between both Shadow DOM and Light DOM\n *\n * safari https://bugs.webkit.org/show_bug.cgi?id=174667\n */\nexport function focusTrap() {\n    return (target) => target.addInitializer((instance) => new InlineFocusTrapController(instance));\n}\nexport class InlineFocusTrapController {\n    constructor(host) {\n        this.host = host;\n        this.host.addController(this);\n    }\n    get focusableItems() {\n        return getFlattenedFocusableItems(this.root).filter(e => !e.hasAttribute('cds-focus-boundary') && (this.root.contains(e) || e.closest('[cds-focus-trap]') === this.host));\n    }\n    get root() {\n        return (this.host.shadowRoot ? this.host.shadowRoot : this.host);\n    }\n    get styles() {\n        return html `<style cds-focus-style>\n      :host(:host:focus-within) [cds-focus-boundary],\n      :host(:focus-within) [cds-focus-boundary] {\n        display: block !important;\n      }\n    </style>`;\n    }\n    boundary(index) {\n        return html `<div\n      @focusin=${() => this.focusableItems.at(index)?.focus()}\n      test=${index}\n      cds-focus-boundary\n      tabindex=\"0\"\n      style=\"display:none;position:absolute;width:1px;height:1px;clip:rect(0,0,0,0)\"\n    >\n      boundary\n    </div>`;\n    }\n    async hostConnected() {\n        await this.host.updateComplete;\n        if (!ignoreFocus(this.host)) {\n            renderBefore(this.styles, this.root);\n            renderBefore(this.boundary(-1), this.root);\n            renderAfter(this.boundary(0), this.root);\n            this.host.setAttribute('cds-focus-trap', '');\n        }\n    }\n}\n"],"names":["focusTrap","target","addInitializer","instance","InlineFocusTrapController","constructor","host","this","addController","focusableItems","getFlattenedFocusableItems","root","filter","e","hasAttribute","contains","closest","shadowRoot","styles","html","boundary","index","at","focus","async","updateComplete","ignoreFocus","renderBefore","renderAfter","setAttribute"],"mappings":"8MAeO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAA0BD,KAElF,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAExBE,qBACA,OAAOC,EAA2BH,KAAKI,MAAMC,QAAOC,IAAMA,EAAEC,aAAa,wBAA0BP,KAAKI,KAAKI,SAASF,IAAMA,EAAEG,QAAQ,sBAAwBT,KAAKD,QAEnKK,WACA,OAAQJ,KAAKD,KAAKW,WAAaV,KAAKD,KAAKW,WAAaV,KAAKD,KAE3DY,aACA,OAAOC,CAAK,mJAOhBC,SAASC,GACL,OAAOF,CAAK,kBACH,IAAMZ,KAAKE,eAAea,GAAGD,IAAQE,kBACzCF,mIAQTG,4BACUjB,KAAKD,KAAKmB,eACXC,EAAYnB,KAAKD,QAClBqB,EAAapB,KAAKW,OAAQX,KAAKI,MAC/BgB,EAAapB,KAAKa,UAAU,GAAIb,KAAKI,MACrCiB,EAAYrB,KAAKa,SAAS,GAAIb,KAAKI,MACnCJ,KAAKD,KAAKuB,aAAa,iBAAkB"}

package/internal/controllers/key-navigation-grid.controller.d.ts

@@ -0,0 +1,28 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+export interface KeyNavigationGridConfig {
+    keyNavGrid?: HTMLElement;
+    columnRow?: HTMLElement;
+    columns?: NodeListOf<HTMLElement> | HTMLElement[];
+    rows: NodeListOf<HTMLElement> | HTMLElement[];
+    cells: NodeListOf<HTMLElement> | HTMLElement[];
+}
+/**
+ * Given a 2d array grid structure provide keyboard navigation following aria grid spec
+ * https://w3c.github.io/aria-practices/#gridNav_focus
+ */
+export declare function keyNavigationGrid<T extends ReactiveElement & KeyNavigationGridConfig>(): ClassDecorator;
+export declare class KeyNavigationGridController<T extends ReactiveElement & KeyNavigationGridConfig> implements ReactiveController {
+    private host;
+    private observers;
+    private get hostGrid();
+    private get hostRows();
+    private get hostCells();
+    private get activeCell();
+    constructor(host: T);
+    hostConnected(): Promise<void>;
+    hostDisconnected(): void;
+    private clickCell;
+    private keynavCell;
+    private setActiveCell;
+    private updateCellActivation;
+}

package/internal/controllers/key-navigation-grid.controller.js

@@ -0,0 +1,2 @@
+import{onFirstInteraction as t,onChildListMutation as s}from"../utils/events.js";import{getFlattenedDOMTree as e,getFlattenedFocusableItems as i}from"../utils/traversal.js";import{contextMenuClick as o}from"../utils/dom.js";import{validKeyNavigationCode as h}from"../utils/keycodes.js";import{initializeKeyListItems as l,simpleFocusable as r,getActiveElement as n,setActiveKeyListItem as c,focusElement as d}from"../utils/focus.js";import{getNextKeyGridItem as a}from"./key-navigation.utils.js";function u(){return t=>t.addInitializer((t=>new f(t)))}class f{constructor(t){this.host=t,this.observers=[],this.host.addController(this)}get hostGrid(){return this.host.keyNavGrid?this.host.keyNavGrid:this.host}get hostRows(){const t=Array.from(this.host.rows);return this.host.columnRow&&t.unshift(this.host.columnRow),t}get hostCells(){const t=Array.from(this.host.cells);return this.host.columns&&t.unshift(...Array.from(this.host.columns)),t}get activeCell(){return Array.from(this.hostCells).find((t=>0===t.tabIndex))}async hostConnected(){await this.host.updateComplete,t(this.host).then((()=>{l(this.hostCells),this.hostGrid.addEventListener("mouseup",(t=>this.clickCell(t))),this.hostGrid.addEventListener("keydown",(t=>this.keynavCell(t))),this.hostGrid.addEventListener("keyup",(t=>this.updateCellActivation(t)))})),this.observers.push(s(this.host,(()=>l(this.hostCells))))}hostDisconnected(){this.observers.forEach((t=>t?.disconnect()))}clickCell(t){if(!o(t)){const s=t.composedPath().find((t=>this.hostCells.find((s=>s===t))));s&&this.setActiveCell(t,s)}}keynavCell(t){if(h(t)&&r(n())){const{x:s,y:i}=a(this.hostCells,this.hostRows,{code:t.code,ctrlKey:t.ctrlKey,dir:this.host.dir}),o=Array.from(e(this.hostRows[i])).filter((t=>!!this.hostCells.find((s=>s===t))))[s];this.setActiveCell(t,o),t.preventDefault()}}setActiveCell(t,s){c(this.hostCells,s);const e=i(s),o=e.filter((t=>r(t)));1===o.length&&1===e.length?d(o[0]):d(s),s.dispatchEvent(new CustomEvent("cdsKeyChange",{bubbles:!0,detail:{code:t.code,shiftKey:t.shiftKey,activeItem:s}}))}updateCellActivation(t){"Escape"===t.code&&this.activeCell?.focus(),"Enter"===t.code&&this.activeCell===t.composedPath()[0]&&i(this.activeCell)[0]?.focus()}}export{f as KeyNavigationGridController,u as keyNavigationGrid};
+//# sourceMappingURL=key-navigation-grid.controller.js.map

package/internal/controllers/key-navigation-grid.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-navigation-grid.controller.js","sources":["../../../../src/internal/controllers/key-navigation-grid.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { onChildListMutation, onFirstInteraction } from '../utils/events.js';\nimport { getFlattenedDOMTree, getFlattenedFocusableItems } from '../utils/traversal.js';\nimport { contextMenuClick } from '../utils/dom.js';\nimport { validKeyNavigationCode } from '../utils/keycodes.js';\nimport { focusElement, getActiveElement, initializeKeyListItems, setActiveKeyListItem, simpleFocusable, } from '../utils/focus.js';\nimport { getNextKeyGridItem } from './key-navigation.utils.js';\n/**\n * Given a 2d array grid structure provide keyboard navigation following aria grid spec\n * https://w3c.github.io/aria-practices/#gridNav_focus\n */\nexport function keyNavigationGrid() {\n    return (target) => target.addInitializer((instance) => new KeyNavigationGridController(instance));\n}\nexport class KeyNavigationGridController {\n    constructor(host) {\n        this.host = host;\n        this.observers = [];\n        this.host.addController(this);\n    }\n    get hostGrid() {\n        return this.host.keyNavGrid ? this.host.keyNavGrid : this.host;\n    }\n    get hostRows() {\n        const rows = Array.from(this.host.rows);\n        if (this.host.columnRow) {\n            rows.unshift(this.host.columnRow);\n        }\n        return rows;\n    }\n    get hostCells() {\n        const cells = Array.from(this.host.cells);\n        if (this.host.columns) {\n            cells.unshift(...Array.from(this.host.columns));\n        }\n        return cells;\n    }\n    get activeCell() {\n        return Array.from(this.hostCells).find(i => i.tabIndex === 0);\n    }\n    async hostConnected() {\n        await this.host.updateComplete;\n        onFirstInteraction(this.host).then(() => {\n            initializeKeyListItems(this.hostCells);\n            this.hostGrid.addEventListener('mouseup', (e) => this.clickCell(e));\n            this.hostGrid.addEventListener('keydown', (e) => this.keynavCell(e));\n            this.hostGrid.addEventListener('keyup', (e) => this.updateCellActivation(e));\n        });\n        this.observers.push(onChildListMutation(this.host, () => initializeKeyListItems(this.hostCells)));\n    }\n    hostDisconnected() {\n        this.observers.forEach(o => o?.disconnect());\n    }\n    clickCell(e) {\n        if (!contextMenuClick(e)) {\n            const activeCell = e.composedPath().find(i => this.hostCells.find(c => c === i));\n            if (activeCell) {\n                this.setActiveCell(e, activeCell);\n            }\n        }\n    }\n    keynavCell(e) {\n        if (validKeyNavigationCode(e) && simpleFocusable(getActiveElement())) {\n            const { x, y } = getNextKeyGridItem(this.hostCells, this.hostRows, {\n                code: e.code,\n                ctrlKey: e.ctrlKey,\n                dir: this.host.dir,\n            });\n            const nextCell = Array.from(getFlattenedDOMTree(this.hostRows[y])).filter(c => !!this.hostCells.find(i => i === c))[x];\n            this.setActiveCell(e, nextCell);\n            e.preventDefault();\n        }\n    }\n    setActiveCell(e, activeCell) {\n        setActiveKeyListItem(this.hostCells, activeCell);\n        // https://w3c.github.io/aria-practices/#gridNav_focus\n        const items = getFlattenedFocusableItems(activeCell);\n        const simpleItems = items.filter(i => simpleFocusable(i));\n        if (simpleItems.length === 1 && items.length === 1) {\n            focusElement(simpleItems[0]);\n        }\n        else {\n            focusElement(activeCell);\n        }\n        activeCell.dispatchEvent(new CustomEvent('cdsKeyChange', {\n            bubbles: true,\n            detail: { code: e.code, shiftKey: e.shiftKey, activeItem: activeCell },\n        }));\n    }\n    updateCellActivation(e) {\n        if (e.code === 'Escape') {\n            this.activeCell?.focus();\n        }\n        if (e.code === 'Enter' && this.activeCell === e.composedPath()[0]) {\n            getFlattenedFocusableItems(this.activeCell)[0]?.focus();\n        }\n    }\n}\n"],"names":["keyNavigationGrid","target","addInitializer","instance","KeyNavigationGridController","constructor","host","this","observers","addController","hostGrid","keyNavGrid","hostRows","rows","Array","from","columnRow","unshift","hostCells","cells","columns","activeCell","find","i","tabIndex","async","updateComplete","onFirstInteraction","then","initializeKeyListItems","addEventListener","e","clickCell","keynavCell","updateCellActivation","push","onChildListMutation","hostDisconnected","forEach","o","disconnect","contextMenuClick","composedPath","c","setActiveCell","validKeyNavigationCode","simpleFocusable","getActiveElement","x","y","getNextKeyGridItem","code","ctrlKey","dir","nextCell","getFlattenedDOMTree","filter","preventDefault","setActiveKeyListItem","items","getFlattenedFocusableItems","simpleItems","length","focusElement","dispatchEvent","CustomEvent","bubbles","detail","shiftKey","activeItem","focus"],"mappings":"+eAeO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAA4BD,KAEpF,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKC,UAAY,GACjBD,KAAKD,KAAKG,cAAcF,MAExBG,eACA,OAAOH,KAAKD,KAAKK,WAAaJ,KAAKD,KAAKK,WAAaJ,KAAKD,KAE1DM,eACA,MAAMC,EAAOC,MAAMC,KAAKR,KAAKD,KAAKO,MAIlC,OAHIN,KAAKD,KAAKU,WACVH,EAAKI,QAAQV,KAAKD,KAAKU,WAEpBH,EAEPK,gBACA,MAAMC,EAAQL,MAAMC,KAAKR,KAAKD,KAAKa,OAInC,OAHIZ,KAAKD,KAAKc,SACVD,EAAMF,WAAWH,MAAMC,KAAKR,KAAKD,KAAKc,UAEnCD,EAEPE,iBACA,OAAOP,MAAMC,KAAKR,KAAKW,WAAWI,MAAKC,GAAoB,IAAfA,EAAEC,WAElDC,4BACUlB,KAAKD,KAAKoB,eAChBC,EAAmBpB,KAAKD,MAAMsB,MAAK,KAC/BC,EAAuBtB,KAAKW,WAC5BX,KAAKG,SAASoB,iBAAiB,WAAYC,GAAMxB,KAAKyB,UAAUD,KAChExB,KAAKG,SAASoB,iBAAiB,WAAYC,GAAMxB,KAAK0B,WAAWF,KACjExB,KAAKG,SAASoB,iBAAiB,SAAUC,GAAMxB,KAAK2B,qBAAqBH,QAE7ExB,KAAKC,UAAU2B,KAAKC,EAAoB7B,KAAKD,MAAM,IAAMuB,EAAuBtB,KAAKW,cAEzFmB,mBACI9B,KAAKC,UAAU8B,SAAQC,GAAKA,GAAGC,eAEnCR,UAAUD,GACN,IAAKU,EAAiBV,GAAI,CACtB,MAAMV,EAAaU,EAAEW,eAAepB,MAAKC,GAAKhB,KAAKW,UAAUI,MAAKqB,GAAKA,IAAMpB,MACzEF,GACAd,KAAKqC,cAAcb,EAAGV,IAIlCY,WAAWF,GACP,GAAIc,EAAuBd,IAAMe,EAAgBC,KAAqB,CAClE,MAAMC,EAAEA,EAACC,EAAEA,GAAMC,EAAmB3C,KAAKW,UAAWX,KAAKK,SAAU,CAC/DuC,KAAMpB,EAAEoB,KACRC,QAASrB,EAAEqB,QACXC,IAAK9C,KAAKD,KAAK+C,MAEbC,EAAWxC,MAAMC,KAAKwC,EAAoBhD,KAAKK,SAASqC,KAAKO,QAAOb,KAAOpC,KAAKW,UAAUI,MAAKC,GAAKA,IAAMoB,MAAIK,GACpHzC,KAAKqC,cAAcb,EAAGuB,GACtBvB,EAAE0B,kBAGVb,cAAcb,EAAGV,GACbqC,EAAqBnD,KAAKW,UAAWG,GAErC,MAAMsC,EAAQC,EAA2BvC,GACnCwC,EAAcF,EAAMH,QAAOjC,GAAKuB,EAAgBvB,KAC3B,IAAvBsC,EAAYC,QAAiC,IAAjBH,EAAMG,OAClCC,EAAaF,EAAY,IAGzBE,EAAa1C,GAEjBA,EAAW2C,cAAc,IAAIC,YAAY,eAAgB,CACrDC,SAAS,EACTC,OAAQ,CAAEhB,KAAMpB,EAAEoB,KAAMiB,SAAUrC,EAAEqC,SAAUC,WAAYhD,MAGlEa,qBAAqBH,GACF,WAAXA,EAAEoB,MACF5C,KAAKc,YAAYiD,QAEN,UAAXvC,EAAEoB,MAAoB5C,KAAKc,aAAeU,EAAEW,eAAe,IAC3DkB,EAA2BrD,KAAKc,YAAY,IAAIiD"}

package/internal/controllers/key-navigation-list.controller.d.ts

@@ -0,0 +1,26 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+export interface KeyNavigationListConfig {
+    keyListItems: string;
+    layout: 'both' | 'horizontal' | 'vertical';
+    manageFocus: boolean;
+    manageTabindex: boolean;
+    loop: boolean;
+    dir: string | null;
+}
+/**
+ * Provides key list naviation behavior
+ * https://webaim.org/techniques/keyboard/
+ */
+export declare function keyNavigationList<T extends ReactiveElement>(config?: Partial<KeyNavigationListConfig>): ClassDecorator;
+export declare class KeyNavigationListController<T extends ReactiveElement> implements ReactiveController {
+    private host;
+    private get listItems();
+    private config;
+    constructor(host: T, config?: Partial<KeyNavigationListConfig>);
+    hostConnected(): Promise<void>;
+    private initializeTabIndex;
+    private clickItem;
+    private focusItem;
+    private getActiveItem;
+    private setActiveItem;
+}

package/internal/controllers/key-navigation-list.controller.js

@@ -0,0 +1,2 @@
+import{initializeKeyListItems as t,setActiveKeyListItem as e,focusElement as s}from"../utils/focus.js";import{validKeyNavigationCode as i}from"../utils/keycodes.js";import{getFlattenedFocusableItems as o}from"../utils/traversal.js";import{getNextKeyListItem as n}from"./key-navigation.utils.js";function a(t={}){return e=>{e.addInitializer((e=>{e.keyNavigationListController||(e.keyNavigationListController=new c(e,t))}))}}class c{constructor(t,e={}){this.host=t,this.host.addController(this),this.config={keyListItems:"keyListItems",layout:"horizontal",manageFocus:!0,manageTabindex:!0,loop:!1,dir:this.host.getAttribute("rtl"),...e}}get listItems(){return this.host[this.config.keyListItems]}async hostConnected(){await this.host.updateComplete,this.initializeTabIndex(),this.host.addEventListener("click",(t=>this.clickItem(t))),this.host.addEventListener("keydown",(t=>this.focusItem(t))),this.host.shadowRoot?.addEventListener("click",(t=>this.clickItem(t))),this.host.shadowRoot?.addEventListener("keydown",(t=>this.focusItem(t)))}initializeTabIndex(){this.config.manageFocus&&this.config.manageTabindex&&t(this.listItems)}clickItem(t){const e=this.getActiveItem(t);e&&this.setActiveItem(t,e)}focusItem(t){if(i(t)){const e=this.getActiveItem(t);if(e){const{next:s,previous:i}=n(e,Array.from(this.listItems),{...this.config,code:t.code});s!==i&&this.setActiveItem(t,this.listItems[s],this.listItems[i])}}}getActiveItem(t){return Array.from(this.listItems).find((e=>e===t.target.closest(this.listItems[0].tagName.toLocaleLowerCase())??e===t.target))}setActiveItem(t,i,n){if(this.config.manageFocus){this.config.manageTabindex&&e(this.listItems,i);const n=o(i)[0]??i;s(n),t.preventDefault()}i.dispatchEvent(new CustomEvent("cdsKeyChange",{bubbles:!0,detail:{activeItem:i,previousItem:n,code:t.code,metaKey:t.ctrlKey||t.metaKey,keyListItems:this.config.keyListItems}}))}}export{c as KeyNavigationListController,a as keyNavigationList};
+//# sourceMappingURL=key-navigation-list.controller.js.map