@spectrum-web-components/table 0.0.2-table.2625 → 0.0.2-table.2680

package/custom-elements.json

@@ -4,7 +4,7 @@
   "modules": [
     {
       "kind": "javascript-module",
-      "path": "sp-table-body.ts",
+      "path": "sp-table-body.js",
       "declarations": [],
       "exports": [
         {
@@ -19,7 +19,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "sp-table-cell.ts",
+      "path": "sp-table-cell.js",
       "declarations": [],
       "exports": [
         {
@@ -34,7 +34,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "sp-table-checkbox-cell.ts",
+      "path": "sp-table-checkbox-cell.js",
       "declarations": [],
       "exports": [
         {
@@ -49,7 +49,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "sp-table-head-cell.ts",
+      "path": "sp-table-head-cell.js",
       "declarations": [],
       "exports": [
         {
@@ -64,7 +64,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "sp-table-head.ts",
+      "path": "sp-table-head.js",
       "declarations": [],
       "exports": [
         {
@@ -79,7 +79,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "sp-table-row.ts",
+      "path": "sp-table-row.js",
       "declarations": [],
       "exports": [
         {
@@ -94,7 +94,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "sp-table.ts",
+      "path": "sp-table.js",
       "declarations": [],
       "exports": [
         {
@@ -109,7 +109,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/Table.ts",
+      "path": "src/Table.js",
       "declarations": [
         {
           "kind": "class",
@@ -231,7 +231,8 @@
               "privacy": "public",
               "default": "false",
               "description": "Whether or not the virtualized table has a scroll bar. If this is set to true, make sure to specify a height in the sp-table's inline styles.",
-              "attribute": "scroller"
+              "attribute": "scroller",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -476,6 +477,12 @@
               "fieldName": "scroller"
             }
           ],
+          "mixins": [
+            {
+              "name": "SizedMixin",
+              "package": "@spectrum-web-components/base"
+            }
+          ],
           "superclass": {
             "name": "SpectrumElement",
             "package": "@spectrum-web-components/base"
@@ -490,7 +497,7 @@
           "name": "RangeChangedEvent",
           "declaration": {
             "name": "RangeChangedEvent",
-            "module": "src/Table.ts"
+            "module": "src/Table.js"
           }
         },
         {
@@ -498,14 +505,14 @@
           "name": "Table",
           "declaration": {
             "name": "Table",
-            "module": "src/Table.ts"
+            "module": "src/Table.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/TableBody.ts",
+      "path": "src/TableBody.js",
       "declarations": [
         {
           "kind": "class",
@@ -548,14 +555,14 @@
           "name": "TableBody",
           "declaration": {
             "name": "TableBody",
-            "module": "src/TableBody.ts"
+            "module": "src/TableBody.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/TableCell.ts",
+      "path": "src/TableCell.js",
       "declarations": [
         {
           "kind": "class",
@@ -598,14 +605,14 @@
           "name": "TableCell",
           "declaration": {
             "name": "TableCell",
-            "module": "src/TableCell.ts"
+            "module": "src/TableCell.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/TableCheckboxCell.ts",
+      "path": "src/TableCheckboxCell.js",
       "declarations": [
         {
           "kind": "class",
@@ -671,24 +678,6 @@
               "default": "false",
               "attribute": "selects-single",
               "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleChange",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "change",
-              "type": {
-                "text": "Event"
-              }
             }
           ],
           "attributes": [
@@ -747,14 +736,14 @@
           "name": "TableCheckboxCell",
           "declaration": {
             "name": "TableCheckboxCell",
-            "module": "src/TableCheckboxCell.ts"
+            "module": "src/TableCheckboxCell.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/TableHead.ts",
+      "path": "src/TableHead.js",
       "declarations": [
         {
           "kind": "class",
@@ -850,14 +839,14 @@
           "name": "TableHead",
           "declaration": {
             "name": "TableHead",
-            "module": "src/TableHead.ts"
+            "module": "src/TableHead.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/TableHeadCell.ts",
+      "path": "src/TableHeadCell.js",
       "declarations": [
         {
           "kind": "class",
@@ -973,14 +962,14 @@
           "name": "TableHeadCell",
           "declaration": {
             "name": "TableHeadCell",
-            "module": "src/TableHeadCell.ts"
+            "module": "src/TableHeadCell.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/TableRow.ts",
+      "path": "src/TableRow.js",
       "declarations": [
         {
           "kind": "class",
@@ -1032,12 +1021,12 @@
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "Promise<void>"
                 }
               },
               "parameters": [
                 {
-                  "name": "{\n        target: checkboxCell,\n    }",
+                  "name": "event",
                   "type": {
                     "text": "Event & { target: TableCheckboxCell }"
                   }
@@ -1101,7 +1090,7 @@
           "name": "TableRow",
           "declaration": {
             "name": "TableRow",
-            "module": "src/TableRow.ts"
+            "module": "src/TableRow.js"
           }
         }
       ]

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/table",
-    "version": "0.0.2-table.2625+0c83ba2e6",
+    "version": "0.0.2-table.2680+81c5053db",
     "publishConfig": {
         "access": "public"
     },
@@ -49,10 +49,11 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "^0.5.6",
-        "@spectrum-web-components/checkbox": "^0.13.2",
-        "@spectrum-web-components/icon": "^0.11.8",
-        "@spectrum-web-components/icons-ui": "^0.8.8",
+        "@lit-labs/virtualizer": "^0.7.1",
+        "@spectrum-web-components/base": "^0.5.8",
+        "@spectrum-web-components/checkbox": "^0.13.5",
+        "@spectrum-web-components/icon": "^0.11.11",
+        "@spectrum-web-components/icons-ui": "^0.8.11",
         "tslib": "^2.0.0"
     },
     "devDependencies": {
@@ -63,5 +64,5 @@
     "sideEffects": [
         "./sp-*.js"
     ],
-    "gitHead": "0c83ba2e61dcd1713c08495ea92ee1a8531c1123"
+    "gitHead": "81c5053db58016844feefd16c3dd3c62f1e47714"
 }

package/src/Table.d.ts

@@ -1,23 +1,35 @@
 import { CSSResultArray, PropertyValues, SpectrumElement, TemplateResult } from '@spectrum-web-components/base';
 import '../sp-table-row.js';
 import '../sp-table-checkbox-cell.js';
+import '../sp-table-body.js';
 interface Range {
     first: number;
     last: number;
 }
+export declare enum RowType {
+    ITEM = 0,
+    INFORMATION = 1
+}
+export interface TableItem extends Record<string, unknown> {
+    _$rowType$?: RowType;
+}
 export declare class RangeChangedEvent extends Event {
     static eventName: string;
     first: number;
     last: number;
     constructor(range: Range);
 }
+declare const Table_base: typeof SpectrumElement & {
+    new (...args: any[]): import("@spectrum-web-components/base").SizedElementInterface;
+    prototype: import("@spectrum-web-components/base").SizedElementInterface;
+};
 /**
  * @element sp-table
  *
  * @fires rangeChanged - Announces a change in the range of visible cells on the table body
  * @event change - Announces a change in the `selected` property of a table row
  */
-export declare class Table extends SpectrumElement {
+export declare class Table extends Table_base {
     static get styles(): CSSResultArray;
     get renderItem(): (item: Record<string, unknown>, index: number) => TemplateResult;
     set renderItem(fn: (item: Record<string, unknown>, index: number) => TemplateResult);

package/src/Table.js

@@ -10,12 +10,18 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 import { __decorate } from "tslib";
-import { html, render, SpectrumElement, } from '@spectrum-web-components/base';
+import { html, render, SizedMixin, SpectrumElement, } from '@spectrum-web-components/base';
 import '../sp-table-row.js';
 import '../sp-table-checkbox-cell.js';
+import '../sp-table-body.js';
 import { property } from '@spectrum-web-components/base/src/decorators.js';
 import styles from './table.css.js';
-import { virtualize } from '@lit-labs/virtualizer/virtualize.js';
+import { virtualize, } from '@lit-labs/virtualizer/virtualize.js';
+export var RowType;
+(function (RowType) {
+    RowType[RowType["ITEM"] = 0] = "ITEM";
+    RowType[RowType["INFORMATION"] = 1] = "INFORMATION";
+})(RowType || (RowType = {}));
 export class RangeChangedEvent extends Event {
     constructor(range) {
         super(RangeChangedEvent.eventName, { bubbles: true });
@@ -23,7 +29,6 @@ export class RangeChangedEvent extends Event {
         this.last = range.last;
     }
 }
-// This does not work. See https://github.com/lit/lit/issues/3051 for more info.
 RangeChangedEvent.eventName = 'rangeChanged';
 /**
  * @element sp-table
@@ -31,7 +36,10 @@ RangeChangedEvent.eventName = 'rangeChanged';
  * @fires rangeChanged - Announces a change in the range of visible cells on the table body
  * @event change - Announces a change in the `selected` property of a table row
  */
-export class Table extends SpectrumElement {
+export class Table extends SizedMixin(SpectrumElement, {
+    validSizes: ['s', 'm'],
+    defaultSize: 'm',
+}) {
     constructor() {
         super(...arguments);
         this._renderItem = () => html ``;
@@ -66,13 +74,14 @@ export class Table extends SpectrumElement {
         this._renderItem = (item, index) => {
             const value = this.itemValue(item, index);
             const selected = this.selected.includes(value);
+            const hasCheckbox = this.selects && (item === null || item === void 0 ? void 0 : item._$rowType$) !== 1;
             return html `
                 <sp-table-row
                     value=${value}
                     aria-rowindex=${index + 1}
                     ?selected=${selected}
                 >
-                    ${this.selects
+                    ${hasCheckbox
                 ? html `
                               <sp-table-checkbox-cell
                                   ?checked=${selected}
@@ -105,7 +114,9 @@ export class Table extends SpectrumElement {
     selectAllRows() {
         if (this.isVirtualized) {
             this.items.forEach((item, index) => {
-                this.selectedSet.add(this.itemValue(item, index));
+                if (item._$rowType$ !== 1) {
+                    this.selectedSet.add(this.itemValue(item, index));
+                }
             });
             this.selected = [...this.selectedSet];
         }
@@ -217,8 +228,9 @@ export class Table extends SpectrumElement {
             this.selected.length > 0 && !allSelected;
     }
     handleChange(event) {
-        // Contain the children's change events and convert it to a change event on the table
-        // if rowItem doesn't have a value, we assume it's in TableHead (naive!!!)
+        event.stopPropagation();
+        const previousSelectedSet = new Set(this.selectedSet);
+        const previousSelected = [...this.selected];
         const { target } = event;
         const { parentElement: rowItem } = target;
         if (!rowItem.value) {
@@ -261,12 +273,16 @@ export class Table extends SpectrumElement {
                 }
             }
         }
-        event.stopPropagation();
-        this.dispatchEvent(new Event('change', {
+        const applyDefault = this.dispatchEvent(new Event('change', {
             cancelable: true,
             bubbles: true,
             composed: true,
         }));
+        if (!applyDefault) {
+            event.preventDefault();
+            this.selectedSet = previousSelectedSet;
+            this.selected = previousSelected;
+        }
     }
     scrollToIndex(index) {
         if (index) {
@@ -361,6 +377,6 @@ __decorate([
     property({ type: Object })
 ], Table.prototype, "itemValue", void 0);
 __decorate([
-    property({ type: Boolean })
+    property({ type: Boolean, reflect: true })
 ], Table.prototype, "scroller", void 0);
 //# sourceMappingURL=Table.js.map

package/src/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sourceRoot":"","sources":["Table.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;;AAEF,OAAO,EAEH,IAAI,EAEJ,MAAM,EACN,eAAe,GAElB,MAAM,+BAA+B,CAAC;AACvC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,iDAAiD,CAAC;AAC3E,OAAO,MAAM,MAAM,gBAAgB,CAAC;AAMpC,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAOjE,MAAM,OAAO,iBAAkB,SAAQ,KAAK;IAOxC,YAAY,KAAY;QACpB,KAAK,CAAC,iBAAiB,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACtD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IAC3B,CAAC;;AAVD,gFAAgF;AACzE,2BAAS,GAAG,cAAc,CAAC;AAYtC;;;;;GAKG;AAEH,MAAM,OAAO,KAAM,SAAQ,eAAe;IAA1C;;QAyCY,gBAAW,GAGG,GAAG,EAAE,CAAC,IAAI,CAAA,EAAE,CAAC;QAG5B,SAAI,GAAG,MAAM,CAAC;QAQrB;;WAEG;QAEI,aAAQ,GAAa,EAAE,CAAC;QAEvB,gBAAW,GAAG,IAAI,GAAG,EAAU,CAAC;QAExC;;WAEG;QAEI,UAAK,GAA8B,EAAE,CAAC;QAE7C;;WAEG;QAEI,cAAS,GAAG,CAAC,KAAc,EAAE,KAAa,EAAU,EAAE;YACzD,OAAO,GAAG,KAAK,EAAE,CAAC;QACtB,CAAC,CAAC;QAEF;;WAEG;QAEI,aAAQ,GAAG,KAAK,CAAC;IAsU5B,CAAC;IAtZU,MAAM,KAAc,MAAM;QAC7B,OAAO,CAAC,MAAM,CAAC,CAAC;IACpB,CAAC;IAED,IAAI,UAAU;QAIV,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IAED,IAAI,UAAU,CACV,EAAoE;QAEpE,IAAI,CAAC,WAAW,GAAG,CACf,IAA6B,EAC7B,KAAa,EACC,EAAE;YAChB,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YAC1C,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAE/C,OAAO,IAAI,CAAA;;4BAEK,KAAK;oCACG,KAAK,GAAG,CAAC;gCACb,QAAQ;;sBAElB,IAAI,CAAC,OAAO;gBACV,CAAC,CAAC,IAAI,CAAA;;6CAEe,QAAQ;;2BAE1B;gBACH,CAAC,CAAC,IAAI,CAAA,EAAE;sBACV,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC;;aAExB,CAAC;QACN,CAAC,CAAC;IACN,CAAC;IAgDD,IAAY,SAAS;QACjB,OAAO,IAAI,CAAC,aAAa,CAAC,eAAe,CAAc,CAAC;IAC5D,CAAC;IAED,IAAY,SAAS;QACjB,IAAI,IAAI,CAAC,aAAa,EAAE;YACpB,OAAO,EAAE,CAAC;SACb;QACD,OAAO,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAe,CAAC;IACpE,CAAC;IAED,IAAY,aAAa;QACrB,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;IAC/B,CAAC;IAEe,KAAK;QACjB,MAAM,gBAAgB,GAAG,IAAI,CAAC,aAAa,CACvC,8BAA8B,CAChB,CAAC;QACnB,IAAI,gBAAgB,EAAE;YAClB,gBAAgB,CAAC,KAAK,EAAE,CAAC;SAC5B;IACL,CAAC;IAEO,aAAa;QACjB,IAAI,IAAI,CAAC,aAAa,EAAE;YACpB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAa,EAAE,EAAE;gBACvC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;YACtD,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC;SACzC;aAAM;YACH,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;gBAC3B,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,WAAW;gBAChC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,uBAAuB;YAC5D,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC;SACzC;QAED,IAAI,CAAC,IAAI,CAAC,qBAAqB;YAAE,OAAO;QACxC,IAAI,CAAC,qBAAqB,CAAC,OAAO,GAAG,IAAI,CAAC;QAC1C,IAAI,CAAC,qBAAqB,CAAC,aAAa,GAAG,KAAK,CAAC;IACrD,CAAC;IAEO,eAAe;QACnB,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QAEnB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACrB,MAAM,YAAY,GAAG;gBACjB,GAAG,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC;aAC3B,CAAC;YAEhB,YAAY,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;gBACzB,GAAG,CAAC,QAAQ,GAAG,KAAK,CAAC;YACzB,CAAC,CAAC,CAAC;SACN;QAED,IAAI,CAAC,IAAI,CAAC,qBAAqB;YAAE,OAAO;QACxC,IAAI,CAAC,qBAAqB,CAAC,OAAO,GAAG,KAAK,CAAC;QAC3C,IAAI,CAAC,qBAAqB,CAAC,aAAa,GAAG,KAAK,CAAC;IACrD,CAAC;IAES,aAAa;QACnB,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,CAAC;QACnE,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;QAClE,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,WAAW,GAAG,KAAK,CAAC;YACxB,IAAI,IAAI,CAAC,aAAa,EAAE;gBACpB,WAAW;oBACP,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;wBACxB,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;aAClD;iBAAM;gBACH,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;oBAC3B,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;oBAC/C,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,iCAAiC,CAAC,EAAE;wBACvD,MAAM,cAAc,GAChB,QAAQ,CAAC,SAAS,EAAuB,CAAC;wBAC9C,GAAG,CAAC,qBAAqB,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;wBACxD,QAAQ,CAAC,OAAO,GAAG,GAAG,CAAC,QAAQ,CAAC;qBACnC;gBACL,CAAC,CAAC,CAAC;gBACH,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;aAChE;YAED,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE;gBAC7B,IAAI,CAAC,qBAAqB,GAAG,QAAQ,CAAC,aAAa,CAC/C,wBAAwB,CACN,CAAC;gBACvB,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAChC,YAAY,EACZ,IAAI,CAAC,qBAAqB,CAC7B,CAAC;aACL;YACD,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC;SACxC;aAAM;YACH,UAAU,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;gBACvB,GAAG,CAAC,MAAM,EAAE,CAAC;YACjB,CAAC,CAAC,CAAC;YACH,OAAO,IAAI,CAAC,qBAAqB,CAAC;SACrC;IACL,CAAC;IAES,cAAc;QACpB,IAAI,CAAC,WAAW,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAE1C,IAAI,IAAI,CAAC,aAAa;YAAE,OAAO;QAE/B,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAC3B,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;QACH,IAAI,IAAI,CAAC,qBAAqB,EAAE;YAC5B,IAAI,CAAC,qBAAqB,CAAC,OAAO;gBAC9B,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;SACtD;IACL,CAAC;IAES,gBAAgB;;QACtB,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,qBAAqB,GAAG,QAAQ,CAAC,aAAa,CAC/C,wBAAwB,CAC3B,CAAC;YACF,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;YAEnE,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC;YAErC,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAChC,YAAY,EACZ,IAAI,CAAC,qBAAqB,CAC7B,CAAC;YAEF,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;gBAC3B,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CACnC,wBAAwB,CAC3B,CAAC;gBACF,GAAG,CAAC,qBAAqB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;gBAClD,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBAC/C,QAAQ,CAAC,OAAO,GAAG,GAAG,CAAC,QAAQ,CAAC;YACpC,CAAC,CAAC,CAAC;SACN;aAAM;YACH,MAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,wBAAwB,CAAC,0CAAE,MAAM,EAAE,CAAC;YACjE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;;gBAC3B,MAAA,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,0CAAE,MAAM,EAAE,CAAC;gBAC/B,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;oBACtB,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;iBAClD;YACL,CAAC,CAAC,CAAC;SACN;IACL,CAAC;IAES,kBAAkB,CAAC,WAAoB;QAC7C,IAAI,CAAC,IAAI,CAAC,qBAAqB;YAAE,OAAO;QAExC,IAAI,CAAC,qBAAqB,CAAC,aAAa,GAAG,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC;QACrE,IAAI,CAAC,qBAAqB,CAAC,OAAO,GAAG,WAAW,CAAC;QACjD,IAAI,CAAC,qBAAqB,CAAC,aAAa;YACpC,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;IACjD,CAAC;IAES,YAAY,CAAC,KAAY;QAC/B,qFAAqF;QACrF,0EAA0E;QAC1E,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;QACzB,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,MAElC,CAAC;QACF,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;YAChB,MAAM,EAAE,QAAQ,EAAE,GAAG,MAA2B,CAAC;YACjD,IAAI,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,aAAa,EAAE;gBAC5C,IAAI,CAAC,aAAa,EAAE,CAAC;aACxB;iBAAM;gBACH,IAAI,CAAC,eAAe,EAAE,CAAC;aAC1B;SACJ;aAAM;YACH,QAAQ,IAAI,CAAC,OAAO,EAAE;gBAClB,KAAK,QAAQ,CAAC,CAAC;oBACX,IAAI,CAAC,eAAe,EAAE,CAAC;oBACvB,IAAI,OAAO,CAAC,QAAQ,EAAE;wBAClB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;wBACpC,IAAI,CAAC,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC;qBACzC;oBACD,MAAM;iBACT;gBACD,KAAK,UAAU,CAAC,CAAC;oBACb,IAAI,OAAO,CAAC,QAAQ,EAAE;wBAClB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;qBACvC;yBAAM;wBACH,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;qBAC1C;oBACD,IAAI,CAAC,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC;oBAEtC,MAAM,WAAW,GACb,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;oBAEnD,IAAI,CAAC,IAAI,CAAC,qBAAqB;wBAAE,OAAO;oBACxC,IAAI,CAAC,qBAAqB,CAAC,OAAO,GAAG,WAAW,CAAC;oBACjD,IAAI,CAAC,qBAAqB,CAAC,aAAa;wBACpC,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;oBAC7C,MAAM;iBACT;gBACD,OAAO,CAAC,CAAC;oBACL,MAAM;iBACT;aACJ;SACJ;QACD,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,aAAa,CACd,IAAI,KAAK,CAAC,QAAQ,EAAE;YAChB,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACjB,CAAC,CACL,CAAC;IACN,CAAC;IAEM,aAAa,CAAC,KAAc;QAC/B,IAAI,KAAK,EAAE;YACP,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;SACtC;IACL,CAAC;IAEkB,MAAM;QACrB,OAAO,IAAI,CAAA;4BACS,IAAI,CAAC,YAAY;SACpC,CAAC;IACN,CAAC;IAEkB,UAAU,CAAC,OAA6B;QACvD,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YAClB,MAAM,SAAS,GAAG,IAAI,GAAG,EAAU,CAAC;YAEpC,IAAI,IAAI,CAAC,aAAa,EAAE;gBACpB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;oBAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;oBAC1C,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBACzB,CAAC,CAAC,CAAC;aACN;iBAAM;gBACH,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;oBAC3B,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBAC7B,CAAC,CAAC,CAAC;aACN;YAED,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;YAE9C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,YAAY,EAAE,EAAE,CAClD,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAC9B,CAAC;YACF,IAAI,gBAAgB,KAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;gBAC3C,IAAI,CAAC,aAAa,CACd,IAAI,KAAK,CAAC,QAAQ,EAAE;oBAChB,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,IAAI;iBACjB,CAAC,CACL,CAAC;aACL;YACD,IAAI,CAAC,WAAW,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAE1C,IAAI,CAAC,gBAAgB,EAAE,CAAC;SAC3B;QACD,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;YACxB,IAAI,CAAC,aAAa,EAAE,CAAC;SACxB;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE;YAC5C,IAAI,CAAC,cAAc,EAAE,CAAC;SACzB;IACL,CAAC;IAEkB,OAAO;QACtB,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACnB,IAAI,CAAC,sBAAsB,EAAE,CAAC;SACjC;IACL,CAAC;IAES,sBAAsB,CAAC,KAAc;QAC3C,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACjB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,eAAe,CAAc,CAAC;YAClE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;gBACjB,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;gBACzD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;aAC/B;YACD,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAC3B,cAAc,EACd,CAAC,KAAwB,EAAE,EAAE;gBACzB,IAAI,CAAC,aAAa,CACd,IAAI,iBAAiB,CAAC;oBAClB,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,IAAI,EAAE,KAAK,CAAC,IAAI;iBACnB,CAAC,CACL,CAAC;YACN,CAAC,CACJ,CAAC;SACL;QACD,MAAM,MAAM,GAUR;YACA,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ;SAC1B,CAAC;QACF,IAAI,KAAK,EAAE;YACP,MAAM,CAAC,aAAa,GAAG;gBACnB,KAAK;aACR,CAAC;SACL;QACD,MAAM,CACF,IAAI,CAAA;kBACE,UAAU,CAAC,MAAM,CAAC;aACvB,EACD,IAAI,CAAC,SAAS,CACjB,CAAC;IACN,CAAC;CACJ;AAxWG;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mCACP;AAMrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCACQ;AAMlD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;uCACK;AAQ/B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;oCACmB;AAM7C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAGzB;AAMF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCACJ","sourcesContent":["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    render,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport '../sp-table-row.js';\nimport '../sp-table-checkbox-cell.js';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport styles from './table.css.js';\nimport { TableBody } from './TableBody.js';\nimport type { TableCheckboxCell } from './TableCheckboxCell.js';\nimport type { TableHead } from './TableHead.js';\nimport type { TableHeadCell } from './TableHeadCell.js';\nimport type { TableRow } from './TableRow.js';\nimport { virtualize } from '@lit-labs/virtualizer/virtualize.js';\n\ninterface Range {\n    first: number;\n    last: number;\n}\n\nexport class RangeChangedEvent extends Event {\n    // This does not work. See https://github.com/lit/lit/issues/3051 for more info.\n    static eventName = 'rangeChanged';\n\n    first: number;\n    last: number;\n\n    constructor(range: Range) {\n        super(RangeChangedEvent.eventName, { bubbles: true });\n        this.first = range.first;\n        this.last = range.last;\n    }\n}\n\n/**\n * @element sp-table\n *\n * @fires rangeChanged - Announces a change in the range of visible cells on the table body\n * @event change - Announces a change in the `selected` property of a table row\n */\n\nexport class Table extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    get renderItem(): (\n        item: Record<string, unknown>,\n        index: number\n    ) => TemplateResult {\n        return this._renderItem;\n    }\n\n    set renderItem(\n        fn: (item: Record<string, unknown>, index: number) => TemplateResult\n    ) {\n        this._renderItem = (\n            item: Record<string, unknown>,\n            index: number\n        ): TemplateResult => {\n            const value = this.itemValue(item, index);\n            const selected = this.selected.includes(value);\n\n            return html`\n                <sp-table-row\n                    value=${value}\n                    aria-rowindex=${index + 1}\n                    ?selected=${selected}\n                >\n                    ${this.selects\n                        ? html`\n                              <sp-table-checkbox-cell\n                                  ?checked=${selected}\n                              ></sp-table-checkbox-cell>\n                          `\n                        : html``}\n                    ${fn(item, index)}\n                </sp-table-row>\n            `;\n        };\n    }\n\n    private _renderItem: (\n        item: Record<string, unknown>,\n        index: number\n    ) => TemplateResult = () => html``;\n\n    @property({ reflect: true })\n    public role = 'grid';\n\n    /**\n     * Whether the Table allows users to select a row or rows, and thus controls whether or not the Table also renders checkboxes.\n     */\n    @property({ type: String, reflect: true })\n    public selects: undefined | 'single' | 'multiple';\n\n    /**\n     * An array of <sp-row> values that have been selected.\n     */\n    @property({ type: Array })\n    public selected: string[] = [];\n\n    private selectedSet = new Set<string>();\n\n    /**\n     * The content of the rows rendered by the virtualized table. The key is the value of the sp-table-row, and the value is the sp-table-row's content (not the row itself).\n     */\n    @property({ type: Array })\n    public items: Record<string, unknown>[] = [];\n\n    /**\n     * The value of an item. By default, it is set to the index of the sp-table-row.\n     */\n    @property({ type: Object })\n    public itemValue = (_item: unknown, index: number): string => {\n        return `${index}`;\n    };\n\n    /**\n     * Whether or not the virtualized table has a scroll bar. If this is set to true, make sure to specify a height in the sp-table's inline styles.\n     */\n    @property({ type: Boolean })\n    public scroller = false;\n\n    private tableBody?: TableBody;\n\n    private tableHeadCheckboxCell?: TableCheckboxCell;\n\n    private get tableHead(): TableHead {\n        return this.querySelector('sp-table-head') as TableHead;\n    }\n\n    private get tableRows(): TableRow[] {\n        if (this.isVirtualized) {\n            return [];\n        }\n        return [...this.querySelectorAll('sp-table-row')] as TableRow[];\n    }\n\n    private get isVirtualized(): boolean {\n        return !!this.items.length;\n    }\n\n    public override focus(): void {\n        const sortableHeadCell = this.querySelector(\n            'sp-table-head-cell[sortable]'\n        ) as TableHeadCell;\n        if (sortableHeadCell) {\n            sortableHeadCell.focus();\n        }\n    }\n\n    private selectAllRows(): void {\n        if (this.isVirtualized) {\n            this.items.forEach((item, index: number) => {\n                this.selectedSet.add(this.itemValue(item, index));\n            });\n            this.selected = [...this.selectedSet];\n        } else {\n            this.tableRows.forEach((row) => {\n                row.selected = true; // Visually\n                this.selectedSet.add(row.value); // Prepares table state\n            });\n            this.selected = [...this.selectedSet];\n        }\n\n        if (!this.tableHeadCheckboxCell) return;\n        this.tableHeadCheckboxCell.checked = true;\n        this.tableHeadCheckboxCell.indeterminate = false;\n    }\n\n    private deselectAllRows(): void {\n        this.selectedSet.clear();\n        this.selected = [];\n\n        if (!this.isVirtualized) {\n            const selectedRows = [\n                ...this.querySelectorAll('[selected]'),\n            ] as TableRow[];\n\n            selectedRows.forEach((row) => {\n                row.selected = false;\n            });\n        }\n\n        if (!this.tableHeadCheckboxCell) return;\n        this.tableHeadCheckboxCell.checked = false;\n        this.tableHeadCheckboxCell.indeterminate = false;\n    }\n\n    protected manageSelects(): void {\n        const checkboxes = this.querySelectorAll('sp-table-checkbox-cell');\n        const checkbox = document.createElement('sp-table-checkbox-cell');\n        if (!!this.selects) {\n            let allSelected = false;\n            if (this.isVirtualized) {\n                allSelected =\n                    this.selected.length > 0 &&\n                    this.selected.length === this.items.length;\n            } else {\n                this.tableRows.forEach((row) => {\n                    row.selected = this.selectedSet.has(row.value);\n                    if (!row.querySelector(':scope > sp-table-checkbox-cell')) {\n                        const clonedCheckbox =\n                            checkbox.cloneNode() as TableCheckboxCell;\n                        row.insertAdjacentElement('afterbegin', clonedCheckbox);\n                        checkbox.checked = row.selected;\n                    }\n                });\n                allSelected = this.selected.length === this.tableRows.length;\n            }\n\n            if (!this.tableHeadCheckboxCell) {\n                this.tableHeadCheckboxCell = document.createElement(\n                    'sp-table-checkbox-cell'\n                ) as TableCheckboxCell;\n                this.tableHead.insertAdjacentElement(\n                    'afterbegin',\n                    this.tableHeadCheckboxCell\n                );\n            }\n            this.manageHeadCheckbox(allSelected);\n        } else {\n            checkboxes.forEach((box) => {\n                box.remove();\n            });\n            delete this.tableHeadCheckboxCell;\n        }\n    }\n\n    protected manageSelected(): void {\n        this.selectedSet = new Set(this.selected);\n\n        if (this.isVirtualized) return;\n\n        this.tableRows.forEach((row) => {\n            row.selected = this.selectedSet.has(row.value);\n        });\n        if (this.tableHeadCheckboxCell) {\n            this.tableHeadCheckboxCell.checked =\n                this.selected.length === this.tableRows.length;\n        }\n    }\n\n    protected manageCheckboxes(): void {\n        if (!!this.selects) {\n            this.tableHeadCheckboxCell = document.createElement(\n                'sp-table-checkbox-cell'\n            );\n            const allSelected = this.selected.length === this.tableRows.length;\n\n            this.manageHeadCheckbox(allSelected);\n\n            this.tableHead.insertAdjacentElement(\n                'afterbegin',\n                this.tableHeadCheckboxCell\n            );\n\n            this.tableRows.forEach((row) => {\n                const checkbox = document.createElement(\n                    'sp-table-checkbox-cell'\n                );\n                row.insertAdjacentElement('afterbegin', checkbox);\n                row.selected = this.selectedSet.has(row.value);\n                checkbox.checked = row.selected;\n            });\n        } else {\n            this.tableHead.querySelector('sp-table-checkbox-cell')?.remove();\n            this.tableRows.forEach((row) => {\n                row.checkboxCells[0]?.remove();\n                if (this.selected.length) {\n                    row.selected = this.selectedSet.has(row.value);\n                }\n            });\n        }\n    }\n\n    protected manageHeadCheckbox(allSelected: boolean): void {\n        if (!this.tableHeadCheckboxCell) return;\n\n        this.tableHeadCheckboxCell.selectsSingle = this.selects === 'single';\n        this.tableHeadCheckboxCell.checked = allSelected;\n        this.tableHeadCheckboxCell.indeterminate =\n            this.selected.length > 0 && !allSelected;\n    }\n\n    protected handleChange(event: Event): void {\n        // Contain the children's change events and convert it to a change event on the table\n        // if rowItem doesn't have a value, we assume it's in TableHead (naive!!!)\n        const { target } = event;\n        const { parentElement: rowItem } = target as HTMLElement & {\n            parentElement: TableRow;\n        };\n        if (!rowItem.value) {\n            const { checkbox } = target as TableCheckboxCell;\n            if (checkbox.checked || checkbox.indeterminate) {\n                this.selectAllRows();\n            } else {\n                this.deselectAllRows();\n            }\n        } else {\n            switch (this.selects) {\n                case 'single': {\n                    this.deselectAllRows();\n                    if (rowItem.selected) {\n                        this.selectedSet.add(rowItem.value);\n                        this.selected = [...this.selectedSet];\n                    }\n                    break;\n                }\n                case 'multiple': {\n                    if (rowItem.selected) {\n                        this.selectedSet.add(rowItem.value);\n                    } else {\n                        this.selectedSet.delete(rowItem.value);\n                    }\n                    this.selected = [...this.selectedSet];\n\n                    const allSelected =\n                        this.selected.length === this.tableRows.length;\n\n                    if (!this.tableHeadCheckboxCell) return;\n                    this.tableHeadCheckboxCell.checked = allSelected;\n                    this.tableHeadCheckboxCell.indeterminate =\n                        this.selected.length > 0 && !allSelected;\n                    break;\n                }\n                default: {\n                    break;\n                }\n            }\n        }\n        event.stopPropagation();\n        this.dispatchEvent(\n            new Event('change', {\n                cancelable: true,\n                bubbles: true,\n                composed: true,\n            })\n        );\n    }\n\n    public scrollToIndex(index?: number): void {\n        if (index) {\n            this.renderVirtualizedItems(index);\n        }\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <slot @change=${this.handleChange}></slot>\n        `;\n    }\n\n    protected override willUpdate(changed: PropertyValues<this>): void {\n        if (!this.hasUpdated) {\n            const rowValues = new Set<string>();\n\n            if (this.isVirtualized) {\n                this.items.forEach((item, index) => {\n                    const value = this.itemValue(item, index);\n                    rowValues.add(value);\n                });\n            } else {\n                this.tableRows.forEach((row) => {\n                    rowValues.add(row.value);\n                });\n            }\n\n            const oldSelectedCount = this.selected.length;\n\n            this.selected = this.selected.filter((selectedItem) =>\n                rowValues.has(selectedItem)\n            );\n            if (oldSelectedCount !== this.selected.length) {\n                this.dispatchEvent(\n                    new Event('change', {\n                        cancelable: true,\n                        bubbles: true,\n                        composed: true,\n                    })\n                );\n            }\n            this.selectedSet = new Set(this.selected);\n\n            this.manageCheckboxes();\n        }\n        if (changed.has('selects')) {\n            this.manageSelects();\n        }\n\n        if (changed.has('selected') && this.hasUpdated) {\n            this.manageSelected();\n        }\n    }\n\n    protected override updated(): void {\n        if (this.items.length) {\n            this.renderVirtualizedItems();\n        }\n    }\n\n    protected renderVirtualizedItems(index?: number): void {\n        if (!this.tableBody) {\n            this.tableBody = this.querySelector('sp-table-body') as TableBody;\n            if (!this.tableBody) {\n                this.tableBody = document.createElement('sp-table-body');\n                this.append(this.tableBody);\n            }\n            this.tableBody.addEventListener(\n                'rangeChanged',\n                (event: RangeChangedEvent) => {\n                    this.dispatchEvent(\n                        new RangeChangedEvent({\n                            first: event.first,\n                            last: event.last,\n                        })\n                    );\n                }\n            );\n        }\n        const config: {\n            renderItem?: (\n                item: Record<string, unknown>,\n                index: number\n            ) => TemplateResult;\n            scroller?: boolean;\n            items?: Array<unknown>;\n            scrollToIndex?: {\n                index: number;\n            };\n        } = {\n            items: this.items,\n            renderItem: this.renderItem,\n            scroller: this.scroller,\n        };\n        if (index) {\n            config.scrollToIndex = {\n                index,\n            };\n        }\n        render(\n            html`\n                ${virtualize(config)}\n            `,\n            this.tableBody\n        );\n    }\n}\n"]}
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["Table.ts"],"names":[],"mappings":"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","sourcesContent":["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    render,\n    SizedMixin,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport '../sp-table-row.js';\nimport '../sp-table-checkbox-cell.js';\nimport '../sp-table-body.js';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport styles from './table.css.js';\nimport { TableBody } from './TableBody.js';\nimport type { TableCheckboxCell } from './TableCheckboxCell.js';\nimport type { TableHead } from './TableHead.js';\nimport type { TableHeadCell } from './TableHeadCell.js';\nimport type { TableRow } from './TableRow.js';\nimport {\n    virtualize,\n    VirtualizeDirectiveConfig,\n} from '@lit-labs/virtualizer/virtualize.js';\n\ninterface Range {\n    first: number;\n    last: number;\n}\n\nexport enum RowType {\n    ITEM = 0,\n    INFORMATION,\n}\n\nexport interface TableItem extends Record<string, unknown> {\n    _$rowType$?: RowType;\n}\n\nexport class RangeChangedEvent extends Event {\n    static eventName = 'rangeChanged';\n\n    first: number;\n    last: number;\n\n    constructor(range: Range) {\n        super(RangeChangedEvent.eventName, { bubbles: true });\n        this.first = range.first;\n        this.last = range.last;\n    }\n}\n\n/**\n * @element sp-table\n *\n * @fires rangeChanged - Announces a change in the range of visible cells on the table body\n * @event change - Announces a change in the `selected` property of a table row\n */\n\nexport class Table extends SizedMixin(SpectrumElement, {\n    validSizes: ['s', 'm'],\n    defaultSize: 'm',\n}) {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    get renderItem(): (\n        item: Record<string, unknown>,\n        index: number\n    ) => TemplateResult {\n        return this._renderItem;\n    }\n\n    set renderItem(\n        fn: (item: Record<string, unknown>, index: number) => TemplateResult\n    ) {\n        this._renderItem = (\n            item: Record<string, unknown>,\n            index: number\n        ): TemplateResult => {\n            const value = this.itemValue(item, index);\n            const selected = this.selected.includes(value);\n            const hasCheckbox = this.selects && item?._$rowType$ !== 1;\n\n            return html`\n                <sp-table-row\n                    value=${value}\n                    aria-rowindex=${index + 1}\n                    ?selected=${selected}\n                >\n                    ${hasCheckbox\n                        ? html`\n                              <sp-table-checkbox-cell\n                                  ?checked=${selected}\n                              ></sp-table-checkbox-cell>\n                          `\n                        : html``}\n                    ${fn(item, index)}\n                </sp-table-row>\n            `;\n        };\n    }\n\n    private _renderItem: (\n        item: Record<string, unknown>,\n        index: number\n    ) => TemplateResult = () => html``;\n\n    @property({ reflect: true })\n    public role = 'grid';\n\n    /**\n     * Whether the Table allows users to select a row or rows, and thus controls whether or not the Table also renders checkboxes.\n     */\n    @property({ type: String, reflect: true })\n    public selects: undefined | 'single' | 'multiple';\n\n    /**\n     * An array of <sp-row> values that have been selected.\n     */\n    @property({ type: Array })\n    public selected: string[] = [];\n\n    private selectedSet = new Set<string>();\n\n    /**\n     * The content of the rows rendered by the virtualized table. The key is the value of the sp-table-row, and the value is the sp-table-row's content (not the row itself).\n     */\n    @property({ type: Array })\n    public items: Record<string, unknown>[] = [];\n\n    /**\n     * The value of an item. By default, it is set to the index of the sp-table-row.\n     */\n    @property({ type: Object })\n    public itemValue = (_item: unknown, index: number): string => {\n        return `${index}`;\n    };\n\n    /**\n     * Whether or not the virtualized table has a scroll bar. If this is set to true, make sure to specify a height in the sp-table's inline styles.\n     */\n    @property({ type: Boolean, reflect: true })\n    public scroller = false;\n\n    private tableBody?: TableBody;\n\n    private tableHeadCheckboxCell?: TableCheckboxCell;\n\n    private get tableHead(): TableHead {\n        return this.querySelector('sp-table-head') as TableHead;\n    }\n\n    private get tableRows(): TableRow[] {\n        if (this.isVirtualized) {\n            return [];\n        }\n        return [...this.querySelectorAll('sp-table-row')] as TableRow[];\n    }\n\n    private get isVirtualized(): boolean {\n        return !!this.items.length;\n    }\n\n    public override focus(): void {\n        const sortableHeadCell = this.querySelector(\n            'sp-table-head-cell[sortable]'\n        ) as TableHeadCell;\n        if (sortableHeadCell) {\n            sortableHeadCell.focus();\n        }\n    }\n\n    private selectAllRows(): void {\n        if (this.isVirtualized) {\n            this.items.forEach((item, index: number) => {\n                if (item._$rowType$ !== 1) {\n                    this.selectedSet.add(this.itemValue(item, index));\n                }\n            });\n            this.selected = [...this.selectedSet];\n        } else {\n            this.tableRows.forEach((row) => {\n                row.selected = true; // Visually\n                this.selectedSet.add(row.value); // Prepares table state\n            });\n            this.selected = [...this.selectedSet];\n        }\n\n        if (!this.tableHeadCheckboxCell) return;\n        this.tableHeadCheckboxCell.checked = true;\n        this.tableHeadCheckboxCell.indeterminate = false;\n    }\n\n    private deselectAllRows(): void {\n        this.selectedSet.clear();\n        this.selected = [];\n\n        if (!this.isVirtualized) {\n            const selectedRows = [\n                ...this.querySelectorAll('[selected]'),\n            ] as TableRow[];\n\n            selectedRows.forEach((row) => {\n                row.selected = false;\n            });\n        }\n\n        if (!this.tableHeadCheckboxCell) return;\n        this.tableHeadCheckboxCell.checked = false;\n        this.tableHeadCheckboxCell.indeterminate = false;\n    }\n\n    protected manageSelects(): void {\n        const checkboxes = this.querySelectorAll('sp-table-checkbox-cell');\n        const checkbox = document.createElement('sp-table-checkbox-cell');\n        if (!!this.selects) {\n            let allSelected = false;\n            if (this.isVirtualized) {\n                allSelected =\n                    this.selected.length > 0 &&\n                    this.selected.length === this.items.length;\n            } else {\n                this.tableRows.forEach((row) => {\n                    row.selected = this.selectedSet.has(row.value);\n                    if (!row.querySelector(':scope > sp-table-checkbox-cell')) {\n                        const clonedCheckbox =\n                            checkbox.cloneNode() as TableCheckboxCell;\n                        row.insertAdjacentElement('afterbegin', clonedCheckbox);\n                        checkbox.checked = row.selected;\n                    }\n                });\n                allSelected = this.selected.length === this.tableRows.length;\n            }\n\n            if (!this.tableHeadCheckboxCell) {\n                this.tableHeadCheckboxCell = document.createElement(\n                    'sp-table-checkbox-cell'\n                ) as TableCheckboxCell;\n                this.tableHead.insertAdjacentElement(\n                    'afterbegin',\n                    this.tableHeadCheckboxCell\n                );\n            }\n            this.manageHeadCheckbox(allSelected);\n        } else {\n            checkboxes.forEach((box) => {\n                box.remove();\n            });\n            delete this.tableHeadCheckboxCell;\n        }\n    }\n\n    protected manageSelected(): void {\n        this.selectedSet = new Set(this.selected);\n\n        if (this.isVirtualized) return;\n\n        this.tableRows.forEach((row) => {\n            row.selected = this.selectedSet.has(row.value);\n        });\n        if (this.tableHeadCheckboxCell) {\n            this.tableHeadCheckboxCell.checked =\n                this.selected.length === this.tableRows.length;\n        }\n    }\n\n    protected manageCheckboxes(): void {\n        if (!!this.selects) {\n            this.tableHeadCheckboxCell = document.createElement(\n                'sp-table-checkbox-cell'\n            );\n            const allSelected = this.selected.length === this.tableRows.length;\n\n            this.manageHeadCheckbox(allSelected);\n\n            this.tableHead.insertAdjacentElement(\n                'afterbegin',\n                this.tableHeadCheckboxCell\n            );\n\n            this.tableRows.forEach((row) => {\n                const checkbox = document.createElement(\n                    'sp-table-checkbox-cell'\n                );\n                row.insertAdjacentElement('afterbegin', checkbox);\n                row.selected = this.selectedSet.has(row.value);\n                checkbox.checked = row.selected;\n            });\n        } else {\n            this.tableHead.querySelector('sp-table-checkbox-cell')?.remove();\n            this.tableRows.forEach((row) => {\n                row.checkboxCells[0]?.remove();\n                if (this.selected.length) {\n                    row.selected = this.selectedSet.has(row.value);\n                }\n            });\n        }\n    }\n\n    protected manageHeadCheckbox(allSelected: boolean): void {\n        if (!this.tableHeadCheckboxCell) return;\n\n        this.tableHeadCheckboxCell.selectsSingle = this.selects === 'single';\n        this.tableHeadCheckboxCell.checked = allSelected;\n        this.tableHeadCheckboxCell.indeterminate =\n            this.selected.length > 0 && !allSelected;\n    }\n\n    protected handleChange(event: Event): void {\n        event.stopPropagation();\n\n        const previousSelectedSet = new Set(this.selectedSet);\n        const previousSelected = [...this.selected];\n\n        const { target } = event;\n        const { parentElement: rowItem } = target as HTMLElement & {\n            parentElement: TableRow;\n        };\n        if (!rowItem.value) {\n            const { checkbox } = target as TableCheckboxCell;\n            if (checkbox.checked || checkbox.indeterminate) {\n                this.selectAllRows();\n            } else {\n                this.deselectAllRows();\n            }\n        } else {\n            switch (this.selects) {\n                case 'single': {\n                    this.deselectAllRows();\n                    if (rowItem.selected) {\n                        this.selectedSet.add(rowItem.value);\n                        this.selected = [...this.selectedSet];\n                    }\n                    break;\n                }\n                case 'multiple': {\n                    if (rowItem.selected) {\n                        this.selectedSet.add(rowItem.value);\n                    } else {\n                        this.selectedSet.delete(rowItem.value);\n                    }\n                    this.selected = [...this.selectedSet];\n\n                    const allSelected =\n                        this.selected.length === this.tableRows.length;\n\n                    if (!this.tableHeadCheckboxCell) return;\n                    this.tableHeadCheckboxCell.checked = allSelected;\n                    this.tableHeadCheckboxCell.indeterminate =\n                        this.selected.length > 0 && !allSelected;\n                    break;\n                }\n                default: {\n                    break;\n                }\n            }\n        }\n        const applyDefault = this.dispatchEvent(\n            new Event('change', {\n                cancelable: true,\n                bubbles: true,\n                composed: true,\n            })\n        );\n        if (!applyDefault) {\n            event.preventDefault();\n            this.selectedSet = previousSelectedSet;\n            this.selected = previousSelected;\n        }\n    }\n\n    public scrollToIndex(index?: number): void {\n        if (index) {\n            this.renderVirtualizedItems(index);\n        }\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <slot @change=${this.handleChange}></slot>\n        `;\n    }\n\n    protected override willUpdate(changed: PropertyValues<this>): void {\n        if (!this.hasUpdated) {\n            const rowValues = new Set<string>();\n\n            if (this.isVirtualized) {\n                this.items.forEach((item, index) => {\n                    const value = this.itemValue(item, index);\n                    rowValues.add(value);\n                });\n            } else {\n                this.tableRows.forEach((row) => {\n                    rowValues.add(row.value);\n                });\n            }\n\n            const oldSelectedCount = this.selected.length;\n\n            this.selected = this.selected.filter((selectedItem) =>\n                rowValues.has(selectedItem)\n            );\n            if (oldSelectedCount !== this.selected.length) {\n                this.dispatchEvent(\n                    new Event('change', {\n                        cancelable: true,\n                        bubbles: true,\n                        composed: true,\n                    })\n                );\n            }\n            this.selectedSet = new Set(this.selected);\n\n            this.manageCheckboxes();\n        }\n        if (changed.has('selects')) {\n            this.manageSelects();\n        }\n\n        if (changed.has('selected') && this.hasUpdated) {\n            this.manageSelected();\n        }\n    }\n\n    protected override updated(): void {\n        if (this.items.length) {\n            this.renderVirtualizedItems();\n        }\n    }\n\n    protected renderVirtualizedItems(index?: number): void {\n        if (!this.tableBody) {\n            this.tableBody = this.querySelector('sp-table-body') as TableBody;\n            if (!this.tableBody) {\n                this.tableBody = document.createElement('sp-table-body');\n                this.append(this.tableBody);\n            }\n            this.tableBody.addEventListener(\n                'rangeChanged',\n                (event: RangeChangedEvent) => {\n                    this.dispatchEvent(\n                        new RangeChangedEvent({\n                            first: event.first,\n                            last: event.last,\n                        })\n                    );\n                }\n            );\n        }\n        const config: VirtualizeDirectiveConfig<Record<string, unknown>> = {\n            items: this.items,\n            renderItem: this.renderItem,\n            scroller: this.scroller,\n        };\n        if (index) {\n            config.scrollToIndex = {\n                index,\n            };\n        }\n        render(\n            html`\n                ${virtualize(config)}\n            `,\n            this.tableBody\n        );\n    }\n}\n"]}

package/src/TableCheckboxCell.d.ts

@@ -12,6 +12,5 @@ export declare class TableCheckboxCell extends SpectrumElement {
     checked: boolean;
     disabled: boolean;
     selectsSingle: boolean;
-    protected handleChange(): void;
     protected render(): TemplateResult;
 }

package/src/TableCheckboxCell.js

@@ -32,13 +32,6 @@ export class TableCheckboxCell extends SpectrumElement {
     static get styles() {
         return [cellStyles, headCellStyles, styles];
     }
-    handleChange() {
-        this.dispatchEvent(new Event('change', {
-            bubbles: true,
-            cancelable: true,
-            composed: true,
-        }));
-    }
     render() {
         return html `
             <sp-checkbox
@@ -46,7 +39,6 @@ export class TableCheckboxCell extends SpectrumElement {
                 ?indeterminate=${this.indeterminate}
                 ?disabled=${this.disabled}
                 aria-hidden=${ifDefined(this.selectsSingle)}
-                @change=${this.handleChange}
                 class="checkbox"
             ></sp-checkbox>
         `;

package/src/TableCheckboxCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCheckboxCell.js","sourceRoot":"","sources":["TableCheckboxCell.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAEH,IAAI,EACJ,eAAe,GAElB,MAAM,+BAA+B,CAAC;AACvC,OAAO,kDAAkD,CAAC;AAC1D,OAAO,EACH,QAAQ,EACR,KAAK,GACR,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,iDAAiD,CAAC;AAC5E,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,cAAc,MAAM,0BAA0B,CAAC;AACtD,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAGlD;;GAEG;AACH,MAAM,OAAO,iBAAkB,SAAQ,eAAe;IAAtD;;QAMW,SAAI,GAAG,UAAU,CAAC;QAMlB,kBAAa,GAAG,KAAK,CAAC;QAGtB,YAAO,GAAG,KAAK,CAAC;QAGhB,aAAQ,GAAG,KAAK,CAAC;QAGjB,kBAAa,GAAG,KAAK,CAAC;IAwBjC,CAAC;IA5CU,MAAM,KAAc,MAAM;QAC7B,OAAO,CAAC,UAAU,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;IAChD,CAAC;IAoBS,YAAY;QAClB,IAAI,CAAC,aAAa,CACd,IAAI,KAAK,CAAC,QAAQ,EAAE;YAChB,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;YAChB,QAAQ,EAAE,IAAI;SACjB,CAAC,CACL,CAAC;IACN,CAAC;IAEkB,MAAM;QACrB,OAAO,IAAI,CAAA;;2BAEQ,IAAI,CAAC,OAAO;iCACN,IAAI,CAAC,aAAa;4BACvB,IAAI,CAAC,QAAQ;8BACX,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;0BACjC,IAAI,CAAC,YAAY;;;SAGlC,CAAC;IACN,CAAC;CACJ;AAvCG;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CACH;AAGzB;IADC,KAAK,CAAC,WAAW,CAAC;mDACQ;AAG3B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDACC;AAG7B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDACL;AAGvB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDACJ;AAGxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;wDAC3C","sourcesContent":["/* \nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport {\n    CSSResultArray,\n    html,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport '@spectrum-web-components/checkbox/sp-checkbox.js';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\nimport cellStyles from './table-cell.css.js';\nimport headCellStyles from './table-head-cell.css.js';\nimport styles from './table-checkbox-cell.css.js';\nimport { Checkbox } from '@spectrum-web-components/checkbox';\n\n/**\n * @element sp-table\n */\nexport class TableCheckboxCell extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [cellStyles, headCellStyles, styles];\n    }\n\n    @property({ reflect: true })\n    public role = 'gridcell';\n\n    @query('.checkbox')\n    public checkbox!: Checkbox;\n\n    @property({ type: Boolean })\n    public indeterminate = false;\n\n    @property({ type: Boolean })\n    public checked = false;\n\n    @property({ type: Boolean })\n    public disabled = false;\n\n    @property({ type: Boolean, reflect: true, attribute: 'selects-single' })\n    public selectsSingle = false;\n\n    protected handleChange(): void {\n        this.dispatchEvent(\n            new Event('change', {\n                bubbles: true,\n                cancelable: true,\n                composed: true,\n            })\n        );\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <sp-checkbox\n                ?checked=${this.checked}\n                ?indeterminate=${this.indeterminate}\n                ?disabled=${this.disabled}\n                aria-hidden=${ifDefined(this.selectsSingle)}\n                @change=${this.handleChange}\n                class=\"checkbox\"\n            ></sp-checkbox>\n        `;\n    }\n}\n"]}
+{"version":3,"file":"TableCheckboxCell.js","sourceRoot":"","sources":["TableCheckboxCell.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAEH,IAAI,EACJ,eAAe,GAElB,MAAM,+BAA+B,CAAC;AACvC,OAAO,kDAAkD,CAAC;AAC1D,OAAO,EACH,QAAQ,EACR,KAAK,GACR,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,iDAAiD,CAAC;AAC5E,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,cAAc,MAAM,0BAA0B,CAAC;AACtD,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAGlD;;GAEG;AACH,MAAM,OAAO,iBAAkB,SAAQ,eAAe;IAAtD;;QAMW,SAAI,GAAG,UAAU,CAAC;QAMlB,kBAAa,GAAG,KAAK,CAAC;QAGtB,YAAO,GAAG,KAAK,CAAC;QAGhB,aAAQ,GAAG,KAAK,CAAC;QAGjB,kBAAa,GAAG,KAAK,CAAC;IAajC,CAAC;IAjCU,MAAM,KAAc,MAAM;QAC7B,OAAO,CAAC,UAAU,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;IAChD,CAAC;IAoBkB,MAAM;QACrB,OAAO,IAAI,CAAA;;2BAEQ,IAAI,CAAC,OAAO;iCACN,IAAI,CAAC,aAAa;4BACvB,IAAI,CAAC,QAAQ;8BACX,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;;;SAGlD,CAAC;IACN,CAAC;CACJ;AA5BG;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CACH;AAGzB;IADC,KAAK,CAAC,WAAW,CAAC;mDACQ;AAG3B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDACC;AAG7B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDACL;AAGvB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDACJ;AAGxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;wDAC3C","sourcesContent":["/* \nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport {\n    CSSResultArray,\n    html,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport '@spectrum-web-components/checkbox/sp-checkbox.js';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\nimport cellStyles from './table-cell.css.js';\nimport headCellStyles from './table-head-cell.css.js';\nimport styles from './table-checkbox-cell.css.js';\nimport { Checkbox } from '@spectrum-web-components/checkbox';\n\n/**\n * @element sp-table\n */\nexport class TableCheckboxCell extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [cellStyles, headCellStyles, styles];\n    }\n\n    @property({ reflect: true })\n    public role = 'gridcell';\n\n    @query('.checkbox')\n    public checkbox!: Checkbox;\n\n    @property({ type: Boolean })\n    public indeterminate = false;\n\n    @property({ type: Boolean })\n    public checked = false;\n\n    @property({ type: Boolean })\n    public disabled = false;\n\n    @property({ type: Boolean, reflect: true, attribute: 'selects-single' })\n    public selectsSingle = false;\n\n    protected override render(): TemplateResult {\n        return html`\n            <sp-checkbox\n                ?checked=${this.checked}\n                ?indeterminate=${this.indeterminate}\n                ?disabled=${this.disabled}\n                aria-hidden=${ifDefined(this.selectsSingle)}\n                class=\"checkbox\"\n            ></sp-checkbox>\n        `;\n    }\n}\n"]}

package/src/TableRow.d.ts

@@ -11,9 +11,9 @@ export declare class TableRow extends SpectrumElement {
     role: string;
     selected: boolean;
     value: string;
-    protected handleChange({ target: checkboxCell, }: Event & {
+    protected handleChange(event: Event & {
         target: TableCheckboxCell;
-    }): void;
+    }): Promise<void>;
     protected manageSelected(): void;
     protected render(): TemplateResult;
     protected willUpdate(changed: PropertyValues<this>): void;

package/src/TableRow.js

@@ -28,8 +28,12 @@ export class TableRow extends SpectrumElement {
     static get styles() {
         return [styles];
     }
-    handleChange({ target: checkboxCell, }) {
-        this.selected = checkboxCell.checkbox.checked;
+    async handleChange(event) {
+        this.selected = event.target.checkbox.checked;
+        await 0;
+        if (event === null || event === void 0 ? void 0 : event.defaultPrevented) {
+            this.selected = !this.selected;
+        }
     }
     manageSelected() {
         const [checkboxCell] = this.checkboxCells;

package/src/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["TableRow.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAEH,IAAI,EAEJ,eAAe,GAElB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACH,QAAQ,EACR,qBAAqB,GACxB,MAAM,iDAAiD,CAAC;AACzD,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAGxC;;;;GAIG;AACH,MAAM,OAAO,QAAS,SAAQ,eAAe;IAA7C;;QAYW,SAAI,GAAG,KAAK,CAAC;QAGb,aAAQ,GAAG,KAAK,CAAC;QAGjB,UAAK,GAAG,EAAE,CAAC;IAyBtB,CAAC;IA1CU,MAAM,KAAc,MAAM;QAC7B,OAAO,CAAC,MAAM,CAAC,CAAC;IACpB,CAAC;IAiBS,YAAY,CAAC,EACnB,MAAM,EAAE,YAAY,GACgB;QACpC,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC;IAClD,CAAC;IAES,cAAc;QACpB,MAAM,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC;QAC1C,IAAI,CAAC,YAAY;YAAE,OAAO;QAC1B,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;IACzC,CAAC;IAEkB,MAAM;QACrB,OAAO,IAAI,CAAA;4BACS,IAAI,CAAC,YAAY;SACpC,CAAC;IACN,CAAC;IAEkB,UAAU,CAAC,OAA6B;QACvD,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;YACzB,IAAI,CAAC,cAAc,EAAE,CAAC;SACzB;IACL,CAAC;CACJ;AAlCG;IAJC,qBAAqB,CAAC;QACnB,QAAQ,EAAE,wBAAwB;QAClC,OAAO,EAAE,IAAI;KAChB,CAAC;+CACkC;AAGpC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCACR;AAGpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CACnB;AAGxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACT","sourcesContent":["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    queryAssignedElements,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport styles from './table-row.css.js';\nimport { TableCheckboxCell } from './TableCheckboxCell.js';\n\n/**\n * @element sp-table\n *\n * @fires sorted - Announces that `selected` of the table row has changed\n */\nexport class TableRow extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    @queryAssignedElements({\n        selector: 'sp-table-checkbox-cell',\n        flatten: true,\n    })\n    checkboxCells!: TableCheckboxCell[];\n\n    @property({ reflect: true })\n    public role = 'row';\n\n    @property({ type: Boolean, reflect: true })\n    public selected = false;\n\n    @property({ type: String })\n    public value = '';\n\n    protected handleChange({\n        target: checkboxCell,\n    }: Event & { target: TableCheckboxCell }): void {\n        this.selected = checkboxCell.checkbox.checked;\n    }\n\n    protected manageSelected(): void {\n        const [checkboxCell] = this.checkboxCells;\n        if (!checkboxCell) return;\n        checkboxCell.checked = this.selected;\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <slot @change=${this.handleChange}></slot>\n        `;\n    }\n\n    protected override willUpdate(changed: PropertyValues<this>): void {\n        if (changed.has('selected')) {\n            this.manageSelected();\n        }\n    }\n}\n"]}
+{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["TableRow.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAEH,IAAI,EAEJ,eAAe,GAElB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACH,QAAQ,EACR,qBAAqB,GACxB,MAAM,iDAAiD,CAAC;AACzD,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAGxC;;;;GAIG;AACH,MAAM,OAAO,QAAS,SAAQ,eAAe;IAA7C;;QAYW,SAAI,GAAG,KAAK,CAAC;QAGb,aAAQ,GAAG,KAAK,CAAC;QAGjB,UAAK,GAAG,EAAE,CAAC;IA+BtB,CAAC;IAhDU,MAAM,KAAc,MAAM;QAC7B,OAAO,CAAC,MAAM,CAAC,CAAC;IACpB,CAAC;IAiBS,KAAK,CAAC,YAAY,CACxB,KAA4C;QAE5C,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC;QAE9C,MAAM,CAAC,CAAC;QAER,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,EAAE;YACzB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;SAClC;IACL,CAAC;IAES,cAAc;QACpB,MAAM,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC;QAC1C,IAAI,CAAC,YAAY;YAAE,OAAO;QAC1B,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;IACzC,CAAC;IAEkB,MAAM;QACrB,OAAO,IAAI,CAAA;4BACS,IAAI,CAAC,YAAY;SACpC,CAAC;IACN,CAAC;IAEkB,UAAU,CAAC,OAA6B;QACvD,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;YACzB,IAAI,CAAC,cAAc,EAAE,CAAC;SACzB;IACL,CAAC;CACJ;AAxCG;IAJC,qBAAqB,CAAC;QACnB,QAAQ,EAAE,wBAAwB;QAClC,OAAO,EAAE,IAAI;KAChB,CAAC;+CACkC;AAGpC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCACR;AAGpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CACnB;AAGxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACT","sourcesContent":["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    queryAssignedElements,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport styles from './table-row.css.js';\nimport { TableCheckboxCell } from './TableCheckboxCell.js';\n\n/**\n * @element sp-table\n *\n * @fires sorted - Announces that `selected` of the table row has changed\n */\nexport class TableRow extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    @queryAssignedElements({\n        selector: 'sp-table-checkbox-cell',\n        flatten: true,\n    })\n    checkboxCells!: TableCheckboxCell[];\n\n    @property({ reflect: true })\n    public role = 'row';\n\n    @property({ type: Boolean, reflect: true })\n    public selected = false;\n\n    @property({ type: String })\n    public value = '';\n\n    protected async handleChange(\n        event: Event & { target: TableCheckboxCell }\n    ): Promise<void> {\n        this.selected = event.target.checkbox.checked;\n\n        await 0;\n\n        if (event?.defaultPrevented) {\n            this.selected = !this.selected;\n        }\n    }\n\n    protected manageSelected(): void {\n        const [checkboxCell] = this.checkboxCells;\n        if (!checkboxCell) return;\n        checkboxCell.checked = this.selected;\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <slot @change=${this.handleChange}></slot>\n        `;\n    }\n\n    protected override willUpdate(changed: PropertyValues<this>): void {\n        if (changed.has('selected')) {\n            this.manageSelected();\n        }\n    }\n}\n"]}