@spectrum-web-components/table 1.1.0 → 1.1.1

package/src/TableBody.js

@@ -0,0 +1,4 @@
+"use strict";var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var u=(o,t,s,r)=>{for(var e=r>1?void 0:r?m(t,s):t,i=o.length-1,l;i>=0;i--)(l=o[i])&&(e=(r?l(t,s,e):l(e))||e);return r&&e&&a(t,s,e),e};import{html as n,SpectrumElement as p}from"@spectrum-web-components/base";import{property as c}from"@spectrum-web-components/base/src/decorators.js";import d from"./table-body.css.js";import{MutationController as h}from"@lit-labs/observers/mutation-controller.js";export class TableBody extends p{constructor(){super();this.role="rowgroup";new h(this,{config:{childList:!0,subtree:!0},callback:()=>{requestAnimationFrame(()=>{this.shouldHaveTabIndex()})}})}static get styles(){return[d]}shouldHaveTabIndex(){this.offsetHeight<this.scrollHeight?this.tabIndex=0:this.removeAttribute("tabindex")}render(){return n`
+            <slot></slot>
+        `}}u([c({reflect:!0})],TableBody.prototype,"role",2);
+//# sourceMappingURL=TableBody.js.map

package/src/TableBody.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["TableBody.ts"],
+  "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 { property } from '@spectrum-web-components/base/src/decorators.js';\nimport styles from './table-body.css.js';\nimport { MutationController } from '@lit-labs/observers/mutation-controller.js';\n\n/**\n * @element sp-table-body\n */\nexport class TableBody extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    constructor() {\n        super();\n        new MutationController(this, {\n            config: {\n                childList: true,\n                subtree: true,\n            },\n            callback: () => {\n                requestAnimationFrame(() => {\n                    this.shouldHaveTabIndex();\n                });\n            },\n        });\n    }\n\n    protected shouldHaveTabIndex(): void {\n        if (this.offsetHeight < this.scrollHeight) {\n            this.tabIndex = 0;\n        } else {\n            this.removeAttribute('tabindex');\n        }\n    }\n\n    @property({ reflect: true })\n    public override role = 'rowgroup';\n\n    protected override render(): TemplateResult {\n        return html`\n            <slot></slot>\n        `;\n    }\n}\n"],
+  "mappings": "qNAWA,OAEI,QAAAA,EACA,mBAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDACzB,OAAOC,MAAY,sBACnB,OAAS,sBAAAC,MAA0B,6CAK5B,aAAM,kBAAkBH,CAAgB,CAK3C,aAAc,CACV,MAAM,EAuBV,KAAgB,KAAO,WAtBnB,IAAIG,EAAmB,KAAM,CACzB,OAAQ,CACJ,UAAW,GACX,QAAS,EACb,EACA,SAAU,IAAM,CACZ,sBAAsB,IAAM,CACxB,KAAK,mBAAmB,CAC5B,CAAC,CACL,CACJ,CAAC,CACL,CAjBA,WAA2B,QAAyB,CAChD,MAAO,CAACD,CAAM,CAClB,CAiBU,oBAA2B,CAC7B,KAAK,aAAe,KAAK,aACzB,KAAK,SAAW,EAEhB,KAAK,gBAAgB,UAAU,CAEvC,CAKmB,QAAyB,CACxC,OAAOH;AAAA;AAAA,SAGX,CACJ,CAPoBK,EAAA,CADfH,EAAS,CAAE,QAAS,EAAK,CAAC,GA5BlB,UA6BO",
+  "names": ["html", "SpectrumElement", "property", "styles", "MutationController", "__decorateClass"]
+}

package/src/TableCell.d.ts

@@ -0,0 +1,9 @@
+import { CSSResultArray, SpectrumElement, TemplateResult } from '@spectrum-web-components/base';
+/**
+ * @element sp-table-cell
+ */
+export declare class TableCell extends SpectrumElement {
+    static get styles(): CSSResultArray;
+    role: string;
+    protected render(): TemplateResult;
+}

package/src/TableCell.dev.js

@@ -0,0 +1,35 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+import {
+  html,
+  SpectrumElement
+} from "@spectrum-web-components/base";
+import { property } from "@spectrum-web-components/base/src/decorators.js";
+import styles from "./table-cell.css.js";
+export class TableCell extends SpectrumElement {
+  constructor() {
+    super(...arguments);
+    this.role = "gridcell";
+  }
+  static get styles() {
+    return [styles];
+  }
+  render() {
+    return html`
+            <slot></slot>
+        `;
+  }
+}
+__decorateClass([
+  property({ reflect: true })
+], TableCell.prototype, "role", 2);
+//# sourceMappingURL=TableCell.dev.js.map

package/src/TableCell.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["TableCell.ts"],
+  "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 { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport styles from './table-cell.css.js';\n\n/**\n * @element sp-table-cell\n */\nexport class TableCell extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    @property({ reflect: true })\n    public override role = 'gridcell';\n\n    protected override render(): TemplateResult {\n        return html`\n            <slot></slot>\n        `;\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;AAWA;AAAA,EAEI;AAAA,EACA;AAAA,OAEG;AACP,SAAS,gBAAgB;AAEzB,OAAO,YAAY;AAKZ,aAAM,kBAAkB,gBAAgB;AAAA,EAAxC;AAAA;AAMH,SAAgB,OAAO;AAAA;AAAA,EALvB,WAA2B,SAAyB;AAChD,WAAO,CAAC,MAAM;AAAA,EAClB;AAAA,EAKmB,SAAyB;AACxC,WAAO;AAAA;AAAA;AAAA,EAGX;AACJ;AAPoB;AAAA,EADf,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GALlB,UAMO;",
+  "names": []
+}

package/src/TableCell.js

@@ -0,0 +1,4 @@
+"use strict";var i=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var m=(l,r,o,t)=>{for(var e=t>1?void 0:t?u(r,o):r,s=l.length-1,p;s>=0;s--)(p=l[s])&&(e=(t?p(r,o,e):p(e))||e);return t&&e&&i(r,o,e),e};import{html as c,SpectrumElement as d}from"@spectrum-web-components/base";import{property as a}from"@spectrum-web-components/base/src/decorators.js";import n from"./table-cell.css.js";export class TableCell extends d{constructor(){super(...arguments);this.role="gridcell"}static get styles(){return[n]}render(){return c`
+            <slot></slot>
+        `}}m([a({reflect:!0})],TableCell.prototype,"role",2);
+//# sourceMappingURL=TableCell.js.map

package/src/TableCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["TableCell.ts"],
+  "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 { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport styles from './table-cell.css.js';\n\n/**\n * @element sp-table-cell\n */\nexport class TableCell extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    @property({ reflect: true })\n    public override role = 'gridcell';\n\n    protected override render(): TemplateResult {\n        return html`\n            <slot></slot>\n        `;\n    }\n}\n"],
+  "mappings": "qNAWA,OAEI,QAAAA,EACA,mBAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDAEzB,OAAOC,MAAY,sBAKZ,aAAM,kBAAkBF,CAAgB,CAAxC,kCAMH,KAAgB,KAAO,WALvB,WAA2B,QAAyB,CAChD,MAAO,CAACE,CAAM,CAClB,CAKmB,QAAyB,CACxC,OAAOH;AAAA;AAAA,SAGX,CACJ,CAPoBI,EAAA,CADfF,EAAS,CAAE,QAAS,EAAK,CAAC,GALlB,UAMO",
+  "names": ["html", "SpectrumElement", "property", "styles", "__decorateClass"]
+}

package/src/TableCheckboxCell.d.ts

@@ -0,0 +1,22 @@
+import { CSSResultArray, SpectrumElement, TemplateResult } from '@spectrum-web-components/base';
+import '@spectrum-web-components/checkbox/sp-checkbox.js';
+import { Checkbox } from '@spectrum-web-components/checkbox';
+/**
+ * @element sp-table-checkbox-cell
+ */
+export declare class TableCheckboxCell extends SpectrumElement {
+    static get styles(): CSSResultArray;
+    /**
+     * Whether or not the checkbox cell is in the table head.
+     */
+    headCell: boolean;
+    role: string;
+    checkbox: Checkbox;
+    indeterminate: boolean;
+    checked: boolean;
+    disabled: boolean;
+    selectsSingle: boolean;
+    emphasized: boolean;
+    click(): void;
+    protected render(): TemplateResult;
+}

package/src/TableCheckboxCell.dev.js

@@ -0,0 +1,77 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+import {
+  html,
+  SpectrumElement
+} from "@spectrum-web-components/base";
+import "@spectrum-web-components/checkbox/sp-checkbox.js";
+import {
+  property,
+  query
+} from "@spectrum-web-components/base/src/decorators.js";
+import { ifDefined } from "@spectrum-web-components/base/src/directives.js";
+import styles from "./table-checkbox-cell.css.js";
+export class TableCheckboxCell extends SpectrumElement {
+  constructor() {
+    super(...arguments);
+    this.headCell = false;
+    this.role = "gridcell";
+    this.indeterminate = false;
+    this.checked = false;
+    this.disabled = false;
+    this.selectsSingle = false;
+    this.emphasized = false;
+  }
+  static get styles() {
+    return [styles];
+  }
+  click() {
+    this.checkbox.click();
+  }
+  render() {
+    return html`
+            <sp-checkbox
+                ?checked=${this.checked}
+                ?indeterminate=${this.indeterminate}
+                ?disabled=${this.disabled}
+                ?emphasized=${this.emphasized}
+                aria-hidden=${ifDefined(this.selectsSingle)}
+                class="checkbox"
+            ></sp-checkbox>
+        `;
+  }
+}
+__decorateClass([
+  property({ type: Boolean, reflect: true, attribute: "head-cell" })
+], TableCheckboxCell.prototype, "headCell", 2);
+__decorateClass([
+  property({ reflect: true })
+], TableCheckboxCell.prototype, "role", 2);
+__decorateClass([
+  query(".checkbox")
+], TableCheckboxCell.prototype, "checkbox", 2);
+__decorateClass([
+  property({ type: Boolean })
+], TableCheckboxCell.prototype, "indeterminate", 2);
+__decorateClass([
+  property({ type: Boolean })
+], TableCheckboxCell.prototype, "checked", 2);
+__decorateClass([
+  property({ type: Boolean })
+], TableCheckboxCell.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true, attribute: "selects-single" })
+], TableCheckboxCell.prototype, "selectsSingle", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], TableCheckboxCell.prototype, "emphasized", 2);
+//# sourceMappingURL=TableCheckboxCell.dev.js.map

package/src/TableCheckboxCell.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["TableCheckboxCell.ts"],
+  "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 styles from './table-checkbox-cell.css.js';\nimport { Checkbox } from '@spectrum-web-components/checkbox';\n\n/**\n * @element sp-table-checkbox-cell\n */\nexport class TableCheckboxCell extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    /**\n     * Whether or not the checkbox cell is in the table head.\n     */\n    @property({ type: Boolean, reflect: true, attribute: 'head-cell' })\n    public headCell = false;\n\n    @property({ reflect: true })\n    public override 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    @property({ type: Boolean, reflect: true })\n    public emphasized = false;\n\n    public override click(): void {\n        this.checkbox.click();\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                ?emphasized=${this.emphasized}\n                aria-hidden=${ifDefined(this.selectsSingle)}\n                class=\"checkbox\"\n            ></sp-checkbox>\n        `;\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;AAWA;AAAA,EAEI;AAAA,EACA;AAAA,OAEG;AACP,OAAO;AACP;AAAA,EACI;AAAA,EACA;AAAA,OACG;AACP,SAAS,iBAAiB;AAC1B,OAAO,YAAY;AAMZ,aAAM,0BAA0B,gBAAgB;AAAA,EAAhD;AAAA;AASH,SAAO,WAAW;AAGlB,SAAgB,OAAO;AAMvB,SAAO,gBAAgB;AAGvB,SAAO,UAAU;AAGjB,SAAO,WAAW;AAGlB,SAAO,gBAAgB;AAGvB,SAAO,aAAa;AAAA;AAAA,EA7BpB,WAA2B,SAAyB;AAChD,WAAO,CAAC,MAAM;AAAA,EAClB;AAAA,EA6BgB,QAAc;AAC1B,SAAK,SAAS,MAAM;AAAA,EACxB;AAAA,EAEmB,SAAyB;AACxC,WAAO;AAAA;AAAA,2BAEY,KAAK,OAAO;AAAA,iCACN,KAAK,aAAa;AAAA,4BACvB,KAAK,QAAQ;AAAA,8BACX,KAAK,UAAU;AAAA,8BACf,UAAU,KAAK,aAAa,CAAC;AAAA;AAAA;AAAA;AAAA,EAIvD;AACJ;AAvCW;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM,WAAW,YAAY,CAAC;AAAA,GARzD,kBASF;AAGS;AAAA,EADf,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAXlB,kBAYO;AAGT;AAAA,EADN,MAAM,WAAW;AAAA,GAdT,kBAeF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,GAjBlB,kBAkBF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,GApBlB,kBAqBF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,GAvBlB,kBAwBF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM,WAAW,iBAAiB,CAAC;AAAA,GA1B9D,kBA2BF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GA7BjC,kBA8BF;",
+  "names": []
+}

package/src/TableCheckboxCell.js

@@ -0,0 +1,11 @@
+"use strict";var d=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var e=(s,r,l,c)=>{for(var t=c>1?void 0:c?a(r,l):r,p=s.length-1,o;p>=0;p--)(o=s[p])&&(t=(c?o(r,l,t):o(t))||t);return c&&t&&d(r,l,t),t};import{html as u,SpectrumElement as m}from"@spectrum-web-components/base";import"@spectrum-web-components/checkbox/sp-checkbox.js";import{property as i,query as n}from"@spectrum-web-components/base/src/decorators.js";import{ifDefined as f}from"@spectrum-web-components/base/src/directives.js";import h from"./table-checkbox-cell.css.js";export class TableCheckboxCell extends m{constructor(){super(...arguments);this.headCell=!1;this.role="gridcell";this.indeterminate=!1;this.checked=!1;this.disabled=!1;this.selectsSingle=!1;this.emphasized=!1}static get styles(){return[h]}click(){this.checkbox.click()}render(){return u`
+            <sp-checkbox
+                ?checked=${this.checked}
+                ?indeterminate=${this.indeterminate}
+                ?disabled=${this.disabled}
+                ?emphasized=${this.emphasized}
+                aria-hidden=${f(this.selectsSingle)}
+                class="checkbox"
+            ></sp-checkbox>
+        `}}e([i({type:Boolean,reflect:!0,attribute:"head-cell"})],TableCheckboxCell.prototype,"headCell",2),e([i({reflect:!0})],TableCheckboxCell.prototype,"role",2),e([n(".checkbox")],TableCheckboxCell.prototype,"checkbox",2),e([i({type:Boolean})],TableCheckboxCell.prototype,"indeterminate",2),e([i({type:Boolean})],TableCheckboxCell.prototype,"checked",2),e([i({type:Boolean})],TableCheckboxCell.prototype,"disabled",2),e([i({type:Boolean,reflect:!0,attribute:"selects-single"})],TableCheckboxCell.prototype,"selectsSingle",2),e([i({type:Boolean,reflect:!0})],TableCheckboxCell.prototype,"emphasized",2);
+//# sourceMappingURL=TableCheckboxCell.js.map

package/src/TableCheckboxCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["TableCheckboxCell.ts"],
+  "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 styles from './table-checkbox-cell.css.js';\nimport { Checkbox } from '@spectrum-web-components/checkbox';\n\n/**\n * @element sp-table-checkbox-cell\n */\nexport class TableCheckboxCell extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    /**\n     * Whether or not the checkbox cell is in the table head.\n     */\n    @property({ type: Boolean, reflect: true, attribute: 'head-cell' })\n    public headCell = false;\n\n    @property({ reflect: true })\n    public override 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    @property({ type: Boolean, reflect: true })\n    public emphasized = false;\n\n    public override click(): void {\n        this.checkbox.click();\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                ?emphasized=${this.emphasized}\n                aria-hidden=${ifDefined(this.selectsSingle)}\n                class=\"checkbox\"\n            ></sp-checkbox>\n        `;\n    }\n}\n"],
+  "mappings": "qNAWA,OAEI,QAAAA,EACA,mBAAAC,MAEG,gCACP,MAAO,mDACP,OACI,YAAAC,EACA,SAAAC,MACG,kDACP,OAAS,aAAAC,MAAiB,kDAC1B,OAAOC,MAAY,+BAMZ,aAAM,0BAA0BJ,CAAgB,CAAhD,kCASH,KAAO,SAAW,GAGlB,KAAgB,KAAO,WAMvB,KAAO,cAAgB,GAGvB,KAAO,QAAU,GAGjB,KAAO,SAAW,GAGlB,KAAO,cAAgB,GAGvB,KAAO,WAAa,GA7BpB,WAA2B,QAAyB,CAChD,MAAO,CAACI,CAAM,CAClB,CA6BgB,OAAc,CAC1B,KAAK,SAAS,MAAM,CACxB,CAEmB,QAAyB,CACxC,OAAOL;AAAA;AAAA,2BAEY,KAAK,OAAO;AAAA,iCACN,KAAK,aAAa;AAAA,4BACvB,KAAK,QAAQ;AAAA,8BACX,KAAK,UAAU;AAAA,8BACfI,EAAU,KAAK,aAAa,CAAC;AAAA;AAAA;AAAA,SAIvD,CACJ,CAvCWE,EAAA,CADNJ,EAAS,CAAE,KAAM,QAAS,QAAS,GAAM,UAAW,WAAY,CAAC,GARzD,kBASF,wBAGSI,EAAA,CADfJ,EAAS,CAAE,QAAS,EAAK,CAAC,GAXlB,kBAYO,oBAGTI,EAAA,CADNH,EAAM,WAAW,GAdT,kBAeF,wBAGAG,EAAA,CADNJ,EAAS,CAAE,KAAM,OAAQ,CAAC,GAjBlB,kBAkBF,6BAGAI,EAAA,CADNJ,EAAS,CAAE,KAAM,OAAQ,CAAC,GApBlB,kBAqBF,uBAGAI,EAAA,CADNJ,EAAS,CAAE,KAAM,OAAQ,CAAC,GAvBlB,kBAwBF,wBAGAI,EAAA,CADNJ,EAAS,CAAE,KAAM,QAAS,QAAS,GAAM,UAAW,gBAAiB,CAAC,GA1B9D,kBA2BF,6BAGAI,EAAA,CADNJ,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GA7BjC,kBA8BF",
+  "names": ["html", "SpectrumElement", "property", "query", "ifDefined", "styles", "__decorateClass"]
+}

package/src/TableHead.d.ts

@@ -0,0 +1,16 @@
+import { CSSResultArray, SpectrumElement, TemplateResult } from '@spectrum-web-components/base';
+import { TableCheckboxCell } from './TableCheckboxCell.js';
+/**
+ * @element sp-table-head
+ *
+ */
+export declare class TableHead extends SpectrumElement {
+    static get styles(): CSSResultArray;
+    role: string;
+    selected?: boolean;
+    private handleSorted;
+    protected handleChange({ target: checkboxCell, }: Event & {
+        target: TableCheckboxCell;
+    }): void;
+    protected render(): TemplateResult;
+}

package/src/TableHead.dev.js

@@ -0,0 +1,54 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+import {
+  html,
+  SpectrumElement
+} from "@spectrum-web-components/base";
+import { property } from "@spectrum-web-components/base/src/decorators.js";
+import styles from "./table-head.css.js";
+export class TableHead extends SpectrumElement {
+  constructor() {
+    super(...arguments);
+    this.role = "row";
+  }
+  static get styles() {
+    return [styles];
+  }
+  handleSorted({ target }) {
+    const childCells = [...this.children];
+    childCells.forEach((cell) => {
+      if (cell !== target) {
+        cell.sortDirection = void 0;
+      }
+    });
+  }
+  handleChange({
+    target: checkboxCell
+  }) {
+    this.selected = checkboxCell.checkbox.checked || checkboxCell.checkbox.indeterminate;
+  }
+  render() {
+    return html`
+            <slot
+                @sorted=${this.handleSorted}
+                @change=${this.handleChange}
+            ></slot>
+        `;
+  }
+}
+__decorateClass([
+  property({ reflect: true })
+], TableHead.prototype, "role", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], TableHead.prototype, "selected", 2);
+//# sourceMappingURL=TableHead.dev.js.map

package/src/TableHead.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["TableHead.ts"],
+  "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 { property } from '@spectrum-web-components/base/src/decorators.js';\nimport type { TableHeadCell } from './TableHeadCell.dev.js'\nimport { TableCheckboxCell } from './TableCheckboxCell.dev.js'\n\nimport styles from './table-head.css.js';\n\n/**\n * @element sp-table-head\n *\n */\nexport class TableHead extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    @property({ reflect: true })\n    public override role = 'row';\n\n    @property({ type: Boolean, reflect: true })\n    public selected?: boolean;\n\n    private handleSorted({ target }: Event): void {\n        const childCells = [...this.children] as TableHeadCell[];\n        childCells.forEach((cell) => {\n            if (cell !== target) {\n                cell.sortDirection = undefined;\n            }\n        });\n    }\n\n    protected handleChange({\n        target: checkboxCell,\n    }: Event & { target: TableCheckboxCell }): void {\n        this.selected =\n            checkboxCell.checkbox.checked ||\n            checkboxCell.checkbox.indeterminate;\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <slot\n                @sorted=${this.handleSorted}\n                @change=${this.handleChange}\n            ></slot>\n        `;\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;AAWA;AAAA,EAEI;AAAA,EACA;AAAA,OAEG;AACP,SAAS,gBAAgB;AAIzB,OAAO,YAAY;AAMZ,aAAM,kBAAkB,gBAAgB;AAAA,EAAxC;AAAA;AAMH,SAAgB,OAAO;AAAA;AAAA,EALvB,WAA2B,SAAyB;AAChD,WAAO,CAAC,MAAM;AAAA,EAClB;AAAA,EAQQ,aAAa,EAAE,OAAO,GAAgB;AAC1C,UAAM,aAAa,CAAC,GAAG,KAAK,QAAQ;AACpC,eAAW,QAAQ,CAAC,SAAS;AACzB,UAAI,SAAS,QAAQ;AACjB,aAAK,gBAAgB;AAAA,MACzB;AAAA,IACJ,CAAC;AAAA,EACL;AAAA,EAEU,aAAa;AAAA,IACnB,QAAQ;AAAA,EACZ,GAAgD;AAC5C,SAAK,WACD,aAAa,SAAS,WACtB,aAAa,SAAS;AAAA,EAC9B;AAAA,EAEmB,SAAyB;AACxC,WAAO;AAAA;AAAA,0BAEW,KAAK,YAAY;AAAA,0BACjB,KAAK,YAAY;AAAA;AAAA;AAAA,EAGvC;AACJ;AA9BoB;AAAA,EADf,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GALlB,UAMO;AAGT;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GARjC,UASF;",
+  "names": []
+}

package/src/TableHead.js

@@ -0,0 +1,7 @@
+"use strict";var c=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var d=(o,r,t,l)=>{for(var e=l>1?void 0:l?n(r,t):r,i=o.length-1,a;i>=0;i--)(a=o[i])&&(e=(l?a(r,t,e):a(e))||e);return l&&e&&c(r,t,e),e};import{html as h,SpectrumElement as p}from"@spectrum-web-components/base";import{property as s}from"@spectrum-web-components/base/src/decorators.js";import m from"./table-head.css.js";export class TableHead extends p{constructor(){super(...arguments);this.role="row"}static get styles(){return[m]}handleSorted({target:t}){[...this.children].forEach(e=>{e!==t&&(e.sortDirection=void 0)})}handleChange({target:t}){this.selected=t.checkbox.checked||t.checkbox.indeterminate}render(){return h`
+            <slot
+                @sorted=${this.handleSorted}
+                @change=${this.handleChange}
+            ></slot>
+        `}}d([s({reflect:!0})],TableHead.prototype,"role",2),d([s({type:Boolean,reflect:!0})],TableHead.prototype,"selected",2);
+//# sourceMappingURL=TableHead.js.map

package/src/TableHead.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["TableHead.ts"],
+  "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 { property } from '@spectrum-web-components/base/src/decorators.js';\nimport type { TableHeadCell } from './TableHeadCell.js';\nimport { TableCheckboxCell } from './TableCheckboxCell.js';\n\nimport styles from './table-head.css.js';\n\n/**\n * @element sp-table-head\n *\n */\nexport class TableHead extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    @property({ reflect: true })\n    public override role = 'row';\n\n    @property({ type: Boolean, reflect: true })\n    public selected?: boolean;\n\n    private handleSorted({ target }: Event): void {\n        const childCells = [...this.children] as TableHeadCell[];\n        childCells.forEach((cell) => {\n            if (cell !== target) {\n                cell.sortDirection = undefined;\n            }\n        });\n    }\n\n    protected handleChange({\n        target: checkboxCell,\n    }: Event & { target: TableCheckboxCell }): void {\n        this.selected =\n            checkboxCell.checkbox.checked ||\n            checkboxCell.checkbox.indeterminate;\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <slot\n                @sorted=${this.handleSorted}\n                @change=${this.handleChange}\n            ></slot>\n        `;\n    }\n}\n"],
+  "mappings": "qNAWA,OAEI,QAAAA,EACA,mBAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDAIzB,OAAOC,MAAY,sBAMZ,aAAM,kBAAkBF,CAAgB,CAAxC,kCAMH,KAAgB,KAAO,MALvB,WAA2B,QAAyB,CAChD,MAAO,CAACE,CAAM,CAClB,CAQQ,aAAa,CAAE,OAAAC,CAAO,EAAgB,CACvB,CAAC,GAAG,KAAK,QAAQ,EACzB,QAASC,GAAS,CACrBA,IAASD,IACTC,EAAK,cAAgB,OAE7B,CAAC,CACL,CAEU,aAAa,CACnB,OAAQC,CACZ,EAAgD,CAC5C,KAAK,SACDA,EAAa,SAAS,SACtBA,EAAa,SAAS,aAC9B,CAEmB,QAAyB,CACxC,OAAON;AAAA;AAAA,0BAEW,KAAK,YAAY;AAAA,0BACjB,KAAK,YAAY;AAAA;AAAA,SAGvC,CACJ,CA9BoBO,EAAA,CADfL,EAAS,CAAE,QAAS,EAAK,CAAC,GALlB,UAMO,oBAGTK,EAAA,CADNL,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GARjC,UASF",
+  "names": ["html", "SpectrumElement", "property", "styles", "target", "cell", "checkboxCell", "__decorateClass"]
+}

package/src/TableHeadCell.d.ts

@@ -0,0 +1,26 @@
+import { CSSResultArray, PropertyValues, SpectrumElement, TemplateResult } from '@spectrum-web-components/base';
+import '@spectrum-web-components/icons-ui/icons/sp-icon-arrow100.js';
+export type SortedEventDetails = {
+    sortDirection: 'asc' | 'desc';
+    sortKey: string;
+};
+/**
+ * @element sp-table-head-cell
+ *
+ * @fires sorted - Announces that the table head has been sorted and handles the sorted event
+ */
+export declare class TableHeadCell extends SpectrumElement {
+    static get styles(): CSSResultArray;
+    active: boolean;
+    role: string;
+    sortable: boolean;
+    sortDirection: 'asc' | 'desc' | undefined;
+    sortKey: string;
+    protected handleKeydown(event: KeyboardEvent): void;
+    private handleKeypress;
+    protected handleKeyup(event: KeyboardEvent): void;
+    protected handleClick(): void;
+    protected render(): TemplateResult;
+    protected firstUpdated(changes: PropertyValues): void;
+    protected update(changes: PropertyValues): void;
+}

package/src/TableHeadCell.dev.js

@@ -0,0 +1,134 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+import {
+  html,
+  nothing,
+  SpectrumElement
+} from "@spectrum-web-components/base";
+import { property } from "@spectrum-web-components/base/src/decorators.js";
+import "@spectrum-web-components/icons-ui/icons/sp-icon-arrow100.js";
+import styles from "./table-head-cell.css.js";
+import arrowStyles from "@spectrum-web-components/icon/src/spectrum-icon-arrow.css.js";
+import arrowOverrides from "@spectrum-web-components/icon/src/icon-arrow-overrides.css.js";
+const ariaSortValue = (sortDirection) => {
+  const values = {
+    asc: "ascending",
+    desc: "descending"
+  };
+  return values[sortDirection] || "none";
+};
+export class TableHeadCell extends SpectrumElement {
+  constructor() {
+    super(...arguments);
+    this.active = false;
+    this.role = "columnheader";
+    this.sortable = false;
+    this.sortKey = "";
+  }
+  static get styles() {
+    return [styles, arrowStyles, arrowOverrides];
+  }
+  handleKeydown(event) {
+    const { code } = event;
+    switch (code) {
+      case "Space":
+        event.preventDefault();
+        this.addEventListener("keyup", this.handleKeyup);
+        this.active = true;
+        break;
+      default:
+        break;
+    }
+  }
+  handleKeypress(event) {
+    const { code } = event;
+    switch (code) {
+      case "Enter":
+      case "NumpadEnter":
+        this.click();
+        break;
+      default:
+        break;
+    }
+  }
+  handleKeyup(event) {
+    const { code } = event;
+    switch (code) {
+      case "Space":
+        this.active = false;
+        this.removeEventListener("keyup", this.handleKeyup);
+        this.click();
+        break;
+      default:
+        break;
+    }
+  }
+  handleClick() {
+    if (!this.sortable) return;
+    if (this.sortDirection) {
+      this.sortDirection = this.sortDirection === "asc" ? "desc" : "asc";
+    } else {
+      this.sortDirection = "asc";
+    }
+    this.dispatchEvent(
+      new CustomEvent("sorted", {
+        bubbles: true,
+        detail: {
+          sortDirection: this.sortDirection,
+          sortKey: this.sortKey
+        }
+      })
+    );
+  }
+  render() {
+    const visiblySorted = this.sortable && !!this.sortDirection;
+    return html`
+            ${visiblySorted ? html`
+                      <sp-icon-arrow100
+                          class="sortedIcon spectrum-UIIcon-ArrowDown100"
+                      ></sp-icon-arrow100>
+                  ` : nothing}
+            <slot></slot>
+        `;
+  }
+  firstUpdated(changes) {
+    super.firstUpdated(changes);
+    this.addEventListener("click", this.handleClick);
+    this.addEventListener("keydown", this.handleKeydown);
+    this.addEventListener("keypress", this.handleKeypress);
+  }
+  update(changes) {
+    if (changes.has("sortDirection")) {
+      this.setAttribute("aria-sort", ariaSortValue(this.sortDirection));
+    }
+    if (changes.has("sortable")) {
+      this.tabIndex = this.sortable ? 0 : -1;
+    }
+    super.update(changes);
+  }
+}
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], TableHeadCell.prototype, "active", 2);
+__decorateClass([
+  property({ reflect: true })
+], TableHeadCell.prototype, "role", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], TableHeadCell.prototype, "sortable", 2);
+__decorateClass([
+  property({ reflect: true, attribute: "sort-direction" })
+], TableHeadCell.prototype, "sortDirection", 2);
+__decorateClass([
+  property({ attribute: "sort-key" })
+], TableHeadCell.prototype, "sortKey", 2);
+//# sourceMappingURL=TableHeadCell.dev.js.map

package/src/TableHeadCell.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["TableHeadCell.ts"],
+  "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    nothing,\n    PropertyValues,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-arrow100.js';\n\nimport styles from './table-head-cell.css.js';\nimport arrowStyles from '@spectrum-web-components/icon/src/spectrum-icon-arrow.css.js';\nimport arrowOverrides from '@spectrum-web-components/icon/src/icon-arrow-overrides.css.js';\n\nexport type SortedEventDetails = {\n    sortDirection: 'asc' | 'desc';\n    sortKey: string;\n};\n\nconst ariaSortValue = (sortDirection?: 'asc' | 'desc'): string => {\n    const values = {\n        asc: 'ascending',\n        desc: 'descending',\n    };\n    return values[sortDirection as 'asc' | 'desc'] || 'none';\n};\n\n/**\n * @element sp-table-head-cell\n *\n * @fires sorted - Announces that the table head has been sorted and handles the sorted event\n */\nexport class TableHeadCell extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [styles, arrowStyles, arrowOverrides];\n    }\n\n    @property({ type: Boolean, reflect: true })\n    public active = false;\n\n    @property({ reflect: true })\n    public override role = 'columnheader';\n\n    @property({ type: Boolean, reflect: true })\n    public sortable = false;\n\n    @property({ reflect: true, attribute: 'sort-direction' })\n    public sortDirection: 'asc' | 'desc' | undefined;\n\n    @property({ attribute: 'sort-key' })\n    public sortKey = '';\n\n    protected handleKeydown(event: KeyboardEvent): void {\n        const { code } = event;\n        switch (code) {\n            case 'Space':\n                event.preventDefault();\n                this.addEventListener('keyup', this.handleKeyup);\n                this.active = true;\n                break;\n            /* c8 ignore next 2 */\n            default:\n                break;\n        }\n    }\n\n    private handleKeypress(event: KeyboardEvent): void {\n        const { code } = event;\n        switch (code) {\n            case 'Enter':\n            case 'NumpadEnter':\n                this.click();\n                break;\n            /* c8 ignore next 2 */\n            default:\n                break;\n        }\n    }\n\n    protected handleKeyup(event: KeyboardEvent): void {\n        const { code } = event;\n        switch (code) {\n            case 'Space':\n                this.active = false;\n                this.removeEventListener('keyup', this.handleKeyup);\n                this.click();\n                break;\n            /* c8 ignore next 2 */\n            default:\n                break;\n        }\n    }\n\n    protected handleClick(): void {\n        if (!this.sortable) return;\n        if (this.sortDirection) {\n            this.sortDirection = this.sortDirection === 'asc' ? 'desc' : 'asc';\n        } else {\n            this.sortDirection = 'asc';\n        }\n        this.dispatchEvent(\n            new CustomEvent<SortedEventDetails>('sorted', {\n                bubbles: true,\n                detail: {\n                    sortDirection: this.sortDirection,\n                    sortKey: this.sortKey,\n                },\n            })\n        );\n    }\n\n    protected override render(): TemplateResult {\n        const visiblySorted = this.sortable && !!this.sortDirection;\n        return html`\n            ${visiblySorted\n                ? html`\n                      <sp-icon-arrow100\n                          class=\"sortedIcon spectrum-UIIcon-ArrowDown100\"\n                      ></sp-icon-arrow100>\n                  `\n                : nothing}\n            <slot></slot>\n        `;\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        this.addEventListener('click', this.handleClick);\n        this.addEventListener('keydown', this.handleKeydown);\n        this.addEventListener('keypress', this.handleKeypress);\n    }\n\n    protected override update(changes: PropertyValues): void {\n        if (changes.has('sortDirection')) {\n            this.setAttribute('aria-sort', ariaSortValue(this.sortDirection));\n        }\n        if (changes.has('sortable')) {\n            this.tabIndex = this.sortable ? 0 : -1;\n        }\n        super.update(changes);\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;AAWA;AAAA,EAEI;AAAA,EACA;AAAA,EAEA;AAAA,OAEG;AACP,SAAS,gBAAgB;AACzB,OAAO;AAEP,OAAO,YAAY;AACnB,OAAO,iBAAiB;AACxB,OAAO,oBAAoB;AAO3B,MAAM,gBAAgB,CAAC,kBAA2C;AAC9D,QAAM,SAAS;AAAA,IACX,KAAK;AAAA,IACL,MAAM;AAAA,EACV;AACA,SAAO,OAAO,aAA+B,KAAK;AACtD;AAOO,aAAM,sBAAsB,gBAAgB;AAAA,EAA5C;AAAA;AAMH,SAAO,SAAS;AAGhB,SAAgB,OAAO;AAGvB,SAAO,WAAW;AAMlB,SAAO,UAAU;AAAA;AAAA,EAjBjB,WAA2B,SAAyB;AAChD,WAAO,CAAC,QAAQ,aAAa,cAAc;AAAA,EAC/C;AAAA,EAiBU,cAAc,OAA4B;AAChD,UAAM,EAAE,KAAK,IAAI;AACjB,YAAQ,MAAM;AAAA,MACV,KAAK;AACD,cAAM,eAAe;AACrB,aAAK,iBAAiB,SAAS,KAAK,WAAW;AAC/C,aAAK,SAAS;AACd;AAAA,MAEJ;AACI;AAAA,IACR;AAAA,EACJ;AAAA,EAEQ,eAAe,OAA4B;AAC/C,UAAM,EAAE,KAAK,IAAI;AACjB,YAAQ,MAAM;AAAA,MACV,KAAK;AAAA,MACL,KAAK;AACD,aAAK,MAAM;AACX;AAAA,MAEJ;AACI;AAAA,IACR;AAAA,EACJ;AAAA,EAEU,YAAY,OAA4B;AAC9C,UAAM,EAAE,KAAK,IAAI;AACjB,YAAQ,MAAM;AAAA,MACV,KAAK;AACD,aAAK,SAAS;AACd,aAAK,oBAAoB,SAAS,KAAK,WAAW;AAClD,aAAK,MAAM;AACX;AAAA,MAEJ;AACI;AAAA,IACR;AAAA,EACJ;AAAA,EAEU,cAAoB;AAC1B,QAAI,CAAC,KAAK,SAAU;AACpB,QAAI,KAAK,eAAe;AACpB,WAAK,gBAAgB,KAAK,kBAAkB,QAAQ,SAAS;AAAA,IACjE,OAAO;AACH,WAAK,gBAAgB;AAAA,IACzB;AACA,SAAK;AAAA,MACD,IAAI,YAAgC,UAAU;AAAA,QAC1C,SAAS;AAAA,QACT,QAAQ;AAAA,UACJ,eAAe,KAAK;AAAA,UACpB,SAAS,KAAK;AAAA,QAClB;AAAA,MACJ,CAAC;AAAA,IACL;AAAA,EACJ;AAAA,EAEmB,SAAyB;AACxC,UAAM,gBAAgB,KAAK,YAAY,CAAC,CAAC,KAAK;AAC9C,WAAO;AAAA,cACD,gBACI;AAAA;AAAA;AAAA;AAAA,sBAKA,OAAO;AAAA;AAAA;AAAA,EAGrB;AAAA,EAEmB,aAAa,SAA+B;AAC3D,UAAM,aAAa,OAAO;AAC1B,SAAK,iBAAiB,SAAS,KAAK,WAAW;AAC/C,SAAK,iBAAiB,WAAW,KAAK,aAAa;AACnD,SAAK,iBAAiB,YAAY,KAAK,cAAc;AAAA,EACzD;AAAA,EAEmB,OAAO,SAA+B;AACrD,QAAI,QAAQ,IAAI,eAAe,GAAG;AAC9B,WAAK,aAAa,aAAa,cAAc,KAAK,aAAa,CAAC;AAAA,IACpE;AACA,QAAI,QAAQ,IAAI,UAAU,GAAG;AACzB,WAAK,WAAW,KAAK,WAAW,IAAI;AAAA,IACxC;AACA,UAAM,OAAO,OAAO;AAAA,EACxB;AACJ;AAvGW;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GALjC,cAMF;AAGS;AAAA,EADf,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GARlB,cASO;AAGT;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAXjC,cAYF;AAGA;AAAA,EADN,SAAS,EAAE,SAAS,MAAM,WAAW,iBAAiB,CAAC;AAAA,GAd/C,cAeF;AAGA;AAAA,EADN,SAAS,EAAE,WAAW,WAAW,CAAC;AAAA,GAjB1B,cAkBF;",
+  "names": []
+}

package/src/TableHeadCell.js

@@ -0,0 +1,9 @@
+"use strict";var l=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var i=(o,s,e,t)=>{for(var r=t>1?void 0:t?p(s,e):s,c=o.length-1,n;c>=0;c--)(n=o[c])&&(r=(t?n(s,e,r):n(r))||r);return t&&r&&l(s,e,r),r};import{html as d,nothing as u,SpectrumElement as h}from"@spectrum-web-components/base";import{property as a}from"@spectrum-web-components/base/src/decorators.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-arrow100.js";import v from"./table-head-cell.css.js";import y from"@spectrum-web-components/icon/src/spectrum-icon-arrow.css.js";import b from"@spectrum-web-components/icon/src/icon-arrow-overrides.css.js";const f=o=>({asc:"ascending",desc:"descending"})[o]||"none";export class TableHeadCell extends h{constructor(){super(...arguments);this.active=!1;this.role="columnheader";this.sortable=!1;this.sortKey=""}static get styles(){return[v,y,b]}handleKeydown(e){const{code:t}=e;switch(t){case"Space":e.preventDefault(),this.addEventListener("keyup",this.handleKeyup),this.active=!0;break;default:break}}handleKeypress(e){const{code:t}=e;switch(t){case"Enter":case"NumpadEnter":this.click();break;default:break}}handleKeyup(e){const{code:t}=e;switch(t){case"Space":this.active=!1,this.removeEventListener("keyup",this.handleKeyup),this.click();break;default:break}}handleClick(){this.sortable&&(this.sortDirection?this.sortDirection=this.sortDirection==="asc"?"desc":"asc":this.sortDirection="asc",this.dispatchEvent(new CustomEvent("sorted",{bubbles:!0,detail:{sortDirection:this.sortDirection,sortKey:this.sortKey}})))}render(){const e=this.sortable&&!!this.sortDirection;return d`
+            ${e?d`
+                      <sp-icon-arrow100
+                          class="sortedIcon spectrum-UIIcon-ArrowDown100"
+                      ></sp-icon-arrow100>
+                  `:u}
+            <slot></slot>
+        `}firstUpdated(e){super.firstUpdated(e),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("keypress",this.handleKeypress)}update(e){e.has("sortDirection")&&this.setAttribute("aria-sort",f(this.sortDirection)),e.has("sortable")&&(this.tabIndex=this.sortable?0:-1),super.update(e)}}i([a({type:Boolean,reflect:!0})],TableHeadCell.prototype,"active",2),i([a({reflect:!0})],TableHeadCell.prototype,"role",2),i([a({type:Boolean,reflect:!0})],TableHeadCell.prototype,"sortable",2),i([a({reflect:!0,attribute:"sort-direction"})],TableHeadCell.prototype,"sortDirection",2),i([a({attribute:"sort-key"})],TableHeadCell.prototype,"sortKey",2);
+//# sourceMappingURL=TableHeadCell.js.map

package/src/TableHeadCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["TableHeadCell.ts"],
+  "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    nothing,\n    PropertyValues,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-arrow100.js';\n\nimport styles from './table-head-cell.css.js';\nimport arrowStyles from '@spectrum-web-components/icon/src/spectrum-icon-arrow.css.js';\nimport arrowOverrides from '@spectrum-web-components/icon/src/icon-arrow-overrides.css.js';\n\nexport type SortedEventDetails = {\n    sortDirection: 'asc' | 'desc';\n    sortKey: string;\n};\n\nconst ariaSortValue = (sortDirection?: 'asc' | 'desc'): string => {\n    const values = {\n        asc: 'ascending',\n        desc: 'descending',\n    };\n    return values[sortDirection as 'asc' | 'desc'] || 'none';\n};\n\n/**\n * @element sp-table-head-cell\n *\n * @fires sorted - Announces that the table head has been sorted and handles the sorted event\n */\nexport class TableHeadCell extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [styles, arrowStyles, arrowOverrides];\n    }\n\n    @property({ type: Boolean, reflect: true })\n    public active = false;\n\n    @property({ reflect: true })\n    public override role = 'columnheader';\n\n    @property({ type: Boolean, reflect: true })\n    public sortable = false;\n\n    @property({ reflect: true, attribute: 'sort-direction' })\n    public sortDirection: 'asc' | 'desc' | undefined;\n\n    @property({ attribute: 'sort-key' })\n    public sortKey = '';\n\n    protected handleKeydown(event: KeyboardEvent): void {\n        const { code } = event;\n        switch (code) {\n            case 'Space':\n                event.preventDefault();\n                this.addEventListener('keyup', this.handleKeyup);\n                this.active = true;\n                break;\n            /* c8 ignore next 2 */\n            default:\n                break;\n        }\n    }\n\n    private handleKeypress(event: KeyboardEvent): void {\n        const { code } = event;\n        switch (code) {\n            case 'Enter':\n            case 'NumpadEnter':\n                this.click();\n                break;\n            /* c8 ignore next 2 */\n            default:\n                break;\n        }\n    }\n\n    protected handleKeyup(event: KeyboardEvent): void {\n        const { code } = event;\n        switch (code) {\n            case 'Space':\n                this.active = false;\n                this.removeEventListener('keyup', this.handleKeyup);\n                this.click();\n                break;\n            /* c8 ignore next 2 */\n            default:\n                break;\n        }\n    }\n\n    protected handleClick(): void {\n        if (!this.sortable) return;\n        if (this.sortDirection) {\n            this.sortDirection = this.sortDirection === 'asc' ? 'desc' : 'asc';\n        } else {\n            this.sortDirection = 'asc';\n        }\n        this.dispatchEvent(\n            new CustomEvent<SortedEventDetails>('sorted', {\n                bubbles: true,\n                detail: {\n                    sortDirection: this.sortDirection,\n                    sortKey: this.sortKey,\n                },\n            })\n        );\n    }\n\n    protected override render(): TemplateResult {\n        const visiblySorted = this.sortable && !!this.sortDirection;\n        return html`\n            ${visiblySorted\n                ? html`\n                      <sp-icon-arrow100\n                          class=\"sortedIcon spectrum-UIIcon-ArrowDown100\"\n                      ></sp-icon-arrow100>\n                  `\n                : nothing}\n            <slot></slot>\n        `;\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        this.addEventListener('click', this.handleClick);\n        this.addEventListener('keydown', this.handleKeydown);\n        this.addEventListener('keypress', this.handleKeypress);\n    }\n\n    protected override update(changes: PropertyValues): void {\n        if (changes.has('sortDirection')) {\n            this.setAttribute('aria-sort', ariaSortValue(this.sortDirection));\n        }\n        if (changes.has('sortable')) {\n            this.tabIndex = this.sortable ? 0 : -1;\n        }\n        super.update(changes);\n    }\n}\n"],
+  "mappings": "qNAWA,OAEI,QAAAA,EACA,WAAAC,EAEA,mBAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDACzB,MAAO,8DAEP,OAAOC,MAAY,2BACnB,OAAOC,MAAiB,+DACxB,OAAOC,MAAoB,gEAO3B,MAAMC,EAAiBC,IACJ,CACX,IAAK,YACL,KAAM,YACV,GACcA,CAA+B,GAAK,OAQ/C,aAAM,sBAAsBN,CAAgB,CAA5C,kCAMH,KAAO,OAAS,GAGhB,KAAgB,KAAO,eAGvB,KAAO,SAAW,GAMlB,KAAO,QAAU,GAjBjB,WAA2B,QAAyB,CAChD,MAAO,CAACE,EAAQC,EAAaC,CAAc,CAC/C,CAiBU,cAAcG,EAA4B,CAChD,KAAM,CAAE,KAAAC,CAAK,EAAID,EACjB,OAAQC,EAAM,CACV,IAAK,QACDD,EAAM,eAAe,EACrB,KAAK,iBAAiB,QAAS,KAAK,WAAW,EAC/C,KAAK,OAAS,GACd,MAEJ,QACI,KACR,CACJ,CAEQ,eAAeA,EAA4B,CAC/C,KAAM,CAAE,KAAAC,CAAK,EAAID,EACjB,OAAQC,EAAM,CACV,IAAK,QACL,IAAK,cACD,KAAK,MAAM,EACX,MAEJ,QACI,KACR,CACJ,CAEU,YAAYD,EAA4B,CAC9C,KAAM,CAAE,KAAAC,CAAK,EAAID,EACjB,OAAQC,EAAM,CACV,IAAK,QACD,KAAK,OAAS,GACd,KAAK,oBAAoB,QAAS,KAAK,WAAW,EAClD,KAAK,MAAM,EACX,MAEJ,QACI,KACR,CACJ,CAEU,aAAoB,CACrB,KAAK,WACN,KAAK,cACL,KAAK,cAAgB,KAAK,gBAAkB,MAAQ,OAAS,MAE7D,KAAK,cAAgB,MAEzB,KAAK,cACD,IAAI,YAAgC,SAAU,CAC1C,QAAS,GACT,OAAQ,CACJ,cAAe,KAAK,cACpB,QAAS,KAAK,OAClB,CACJ,CAAC,CACL,EACJ,CAEmB,QAAyB,CACxC,MAAMC,EAAgB,KAAK,UAAY,CAAC,CAAC,KAAK,cAC9C,OAAOX;AAAA,cACDW,EACIX;AAAA;AAAA;AAAA;AAAA,oBAKAC,CAAO;AAAA;AAAA,SAGrB,CAEmB,aAAaW,EAA+B,CAC3D,MAAM,aAAaA,CAAO,EAC1B,KAAK,iBAAiB,QAAS,KAAK,WAAW,EAC/C,KAAK,iBAAiB,UAAW,KAAK,aAAa,EACnD,KAAK,iBAAiB,WAAY,KAAK,cAAc,CACzD,CAEmB,OAAOA,EAA+B,CACjDA,EAAQ,IAAI,eAAe,GAC3B,KAAK,aAAa,YAAaL,EAAc,KAAK,aAAa,CAAC,EAEhEK,EAAQ,IAAI,UAAU,IACtB,KAAK,SAAW,KAAK,SAAW,EAAI,IAExC,MAAM,OAAOA,CAAO,CACxB,CACJ,CAvGWC,EAAA,CADNV,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GALjC,cAMF,sBAGSU,EAAA,CADfV,EAAS,CAAE,QAAS,EAAK,CAAC,GARlB,cASO,oBAGTU,EAAA,CADNV,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAXjC,cAYF,wBAGAU,EAAA,CADNV,EAAS,CAAE,QAAS,GAAM,UAAW,gBAAiB,CAAC,GAd/C,cAeF,6BAGAU,EAAA,CADNV,EAAS,CAAE,UAAW,UAAW,CAAC,GAjB1B,cAkBF",
+  "names": ["html", "nothing", "SpectrumElement", "property", "styles", "arrowStyles", "arrowOverrides", "ariaSortValue", "sortDirection", "event", "code", "visiblySorted", "changes", "__decorateClass"]
+}

package/src/TableRow.d.ts

@@ -0,0 +1,25 @@
+import { CSSResultArray, PropertyValues, SpectrumElement, TemplateResult } from '@spectrum-web-components/base';
+import { TableCheckboxCell } from './TableCheckboxCell.js';
+/**
+ * @element sp-table-row
+ *
+ * @fires sorted - Announces that `selected` of the table row has changed
+ */
+export declare class TableRow extends SpectrumElement {
+    static get styles(): CSSResultArray;
+    checkboxCells: TableCheckboxCell[];
+    role: string;
+    selectable: boolean;
+    selected: boolean;
+    value: string;
+    protected handleChange(event: Event & {
+        target: TableCheckboxCell;
+    }): Promise<void>;
+    protected handleSlotchange({ target, }: Event & {
+        target: HTMLSlotElement;
+    }): void;
+    protected manageSelected(): Promise<void>;
+    protected handleClick(event: Event): void;
+    protected render(): TemplateResult;
+    protected willUpdate(changed: PropertyValues<this>): void;
+}