@spectrum-web-components/checkbox 0.39.4 → 0.40.0

package/custom-elements.json

@@ -109,6 +109,20 @@
                 "module": "src/CheckboxBase.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "public",
+              "attribute": "name",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "CheckboxBase",
+                "module": "src/CheckboxBase.js"
+              }
+            },
             {
               "kind": "field",
               "name": "inputElement",
@@ -189,6 +203,17 @@
                 "name": "CheckboxBase",
                 "module": "src/CheckboxBase.ts"
               }
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "name",
+              "inheritedFrom": {
+                "name": "CheckboxBase",
+                "module": "src/CheckboxBase.ts"
+              }
             }
           ],
           "mixins": [
@@ -247,6 +272,16 @@
               "attribute": "readonly",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "public",
+              "attribute": "name",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "inputElement",
@@ -291,6 +326,13 @@
               },
               "default": "false",
               "fieldName": "readonly"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "name"
             }
           ],
           "superclass": {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/checkbox",
-    "version": "0.39.4",
+    "version": "0.40.0",
     "publishConfig": {
         "access": "public"
     },
@@ -61,10 +61,10 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "^0.39.4",
-        "@spectrum-web-components/icon": "^0.39.4",
-        "@spectrum-web-components/icons-ui": "^0.39.4",
-        "@spectrum-web-components/shared": "^0.39.4"
+        "@spectrum-web-components/base": "^0.40.0",
+        "@spectrum-web-components/icon": "^0.40.0",
+        "@spectrum-web-components/icons-ui": "^0.40.0",
+        "@spectrum-web-components/shared": "^0.40.0"
     },
     "devDependencies": {
         "@spectrum-css/checkbox": "^7.0.11"
@@ -75,5 +75,5 @@
         "./sp-*.js",
         "./**/*.dev.js"
     ],
-    "gitHead": "f745c90e8e9ea85ff10be025e058b14cc925ec9f"
+    "gitHead": "24d5569a839da94892ecfd125428779587ffb1f5"
 }

package/src/CheckboxBase.d.ts

@@ -3,6 +3,7 @@ import { Focusable } from '@spectrum-web-components/shared/src/focusable.js';
 export declare class CheckboxBase extends Focusable {
     checked: boolean;
     readonly: boolean;
+    name: string | undefined;
     protected inputElement: HTMLInputElement;
     get focusElement(): HTMLElement;
     handleChange(): void;

package/src/CheckboxBase.dev.js

@@ -15,6 +15,7 @@ import {
   property,
   query
 } from "@spectrum-web-components/base/src/decorators.js";
+import { ifDefined } from "@spectrum-web-components/base/src/directives.js";
 import { Focusable } from "@spectrum-web-components/shared/src/focusable.js";
 export class CheckboxBase extends Focusable {
   constructor() {
@@ -45,6 +46,7 @@ export class CheckboxBase extends Focusable {
   render() {
     return html`
             <input
+                name=${ifDefined(this.name || void 0)}
                 id="input"
                 type="checkbox"
                 .checked=${this.checked}
@@ -59,6 +61,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], CheckboxBase.prototype, "readonly", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], CheckboxBase.prototype, "name", 2);
 __decorateClass([
   query("#input")
 ], CheckboxBase.prototype, "inputElement", 2);

package/src/CheckboxBase.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["CheckboxBase.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 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 { html, TemplateResult } from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\n\nexport class CheckboxBase extends Focusable {\n    @property({ type: Boolean, reflect: true })\n    public checked = false;\n\n    @property({ type: Boolean, reflect: true })\n    public readonly = false;\n\n    @query('#input')\n    protected inputElement!: HTMLInputElement;\n\n    public override get focusElement(): HTMLElement {\n        return this.inputElement;\n    }\n\n    public handleChange(): void {\n        if (this.readonly) {\n            this.inputElement.checked = this.checked;\n            return;\n        }\n        this.checked = this.inputElement.checked;\n\n        const changeEvent = new CustomEvent('change', {\n            bubbles: true,\n            cancelable: true,\n            composed: true,\n        });\n        const applyDefault = this.dispatchEvent(changeEvent);\n\n        if (!applyDefault) {\n            this.checked = !this.inputElement.checked;\n            this.inputElement.checked = this.checked;\n        }\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <input\n                id=\"input\"\n                type=\"checkbox\"\n                .checked=${this.checked}\n                @change=${this.handleChange}\n            />\n        `;\n    }\n}\n"],
-  "mappings": ";;;;;;;;;;;;AAYA,SAAS,YAA4B;AACrC;AAAA,EACI;AAAA,EACA;AAAA,OACG;AACP,SAAS,iBAAiB;AAEnB,aAAM,qBAAqB,UAAU;AAAA,EAArC;AAAA;AAEH,SAAO,UAAU;AAGjB,SAAO,WAAW;AAAA;AAAA,EAKlB,IAAoB,eAA4B;AAC5C,WAAO,KAAK;AAAA,EAChB;AAAA,EAEO,eAAqB;AACxB,QAAI,KAAK,UAAU;AACf,WAAK,aAAa,UAAU,KAAK;AACjC;AAAA,IACJ;AACA,SAAK,UAAU,KAAK,aAAa;AAEjC,UAAM,cAAc,IAAI,YAAY,UAAU;AAAA,MAC1C,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,UAAU;AAAA,IACd,CAAC;AACD,UAAM,eAAe,KAAK,cAAc,WAAW;AAEnD,QAAI,CAAC,cAAc;AACf,WAAK,UAAU,CAAC,KAAK,aAAa;AAClC,WAAK,aAAa,UAAU,KAAK;AAAA,IACrC;AAAA,EACJ;AAAA,EAEmB,SAAyB;AACxC,WAAO;AAAA;AAAA;AAAA;AAAA,2BAIY,KAAK,OAAO;AAAA,0BACb,KAAK,YAAY;AAAA;AAAA;AAAA,EAGvC;AACJ;AA1CW;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GADjC,aAEF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAJjC,aAKF;AAGG;AAAA,EADT,MAAM,QAAQ;AAAA,GAPN,aAQC;",
+  "sourcesContent": ["/*\nCopyright 2020 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 { html, TemplateResult } from '@spectrum-web-components/base';\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 { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\n\nexport class CheckboxBase extends Focusable {\n    @property({ type: Boolean, reflect: true })\n    public checked = false;\n\n    @property({ type: Boolean, reflect: true })\n    public readonly = false;\n\n    @property({ type: String, reflect: true })\n    public name: string | undefined;\n\n    @query('#input')\n    protected inputElement!: HTMLInputElement;\n\n    public override get focusElement(): HTMLElement {\n        return this.inputElement;\n    }\n\n    public handleChange(): void {\n        if (this.readonly) {\n            this.inputElement.checked = this.checked;\n            return;\n        }\n        this.checked = this.inputElement.checked;\n\n        const changeEvent = new CustomEvent('change', {\n            bubbles: true,\n            cancelable: true,\n            composed: true,\n        });\n        const applyDefault = this.dispatchEvent(changeEvent);\n\n        if (!applyDefault) {\n            this.checked = !this.inputElement.checked;\n            this.inputElement.checked = this.checked;\n        }\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <input\n                name=${ifDefined(this.name || undefined)}\n                id=\"input\"\n                type=\"checkbox\"\n                .checked=${this.checked}\n                @change=${this.handleChange}\n            />\n        `;\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;;AAYA,SAAS,YAA4B;AACrC;AAAA,EACI;AAAA,EACA;AAAA,OACG;AACP,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAEnB,aAAM,qBAAqB,UAAU;AAAA,EAArC;AAAA;AAEH,SAAO,UAAU;AAGjB,SAAO,WAAW;AAAA;AAAA,EAQlB,IAAoB,eAA4B;AAC5C,WAAO,KAAK;AAAA,EAChB;AAAA,EAEO,eAAqB;AACxB,QAAI,KAAK,UAAU;AACf,WAAK,aAAa,UAAU,KAAK;AACjC;AAAA,IACJ;AACA,SAAK,UAAU,KAAK,aAAa;AAEjC,UAAM,cAAc,IAAI,YAAY,UAAU;AAAA,MAC1C,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,UAAU;AAAA,IACd,CAAC;AACD,UAAM,eAAe,KAAK,cAAc,WAAW;AAEnD,QAAI,CAAC,cAAc;AACf,WAAK,UAAU,CAAC,KAAK,aAAa;AAClC,WAAK,aAAa,UAAU,KAAK;AAAA,IACrC;AAAA,EACJ;AAAA,EAEmB,SAAyB;AACxC,WAAO;AAAA;AAAA,uBAEQ,UAAU,KAAK,QAAQ,MAAS,CAAC;AAAA;AAAA;AAAA,2BAG7B,KAAK,OAAO;AAAA,0BACb,KAAK,YAAY;AAAA;AAAA;AAAA,EAGvC;AACJ;AA9CW;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GADjC,aAEF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAJjC,aAKF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GAPhC,aAQF;AAGG;AAAA,EADT,MAAM,QAAQ;AAAA,GAVN,aAWC;",
   "names": []
 }

package/src/CheckboxBase.js

@@ -1,9 +1,10 @@
-"use strict";var u=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var l=(i,t,c,n)=>{for(var e=n>1?void 0:n?s(t,c):t,p=i.length-1,r;p>=0;p--)(r=i[p])&&(e=(n?r(t,c,e):r(e))||e);return n&&e&&u(t,c,e),e};import{html as d}from"@spectrum-web-components/base";import{property as h,query as o}from"@spectrum-web-components/base/src/decorators.js";import{Focusable as a}from"@spectrum-web-components/shared/src/focusable.js";export class CheckboxBase extends a{constructor(){super(...arguments);this.checked=!1;this.readonly=!1}get focusElement(){return this.inputElement}handleChange(){if(this.readonly){this.inputElement.checked=this.checked;return}this.checked=this.inputElement.checked;const c=new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0});this.dispatchEvent(c)||(this.checked=!this.inputElement.checked,this.inputElement.checked=this.checked)}render(){return d`
+"use strict";var h=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var c=(l,t,n,i)=>{for(var e=i>1?void 0:i?d(t,n):t,r=l.length-1,p;r>=0;r--)(p=l[r])&&(e=(i?p(t,n,e):p(e))||e);return i&&e&&h(t,n,e),e};import{html as s}from"@spectrum-web-components/base";import{property as u,query as o}from"@spectrum-web-components/base/src/decorators.js";import{ifDefined as m}from"@spectrum-web-components/base/src/directives.js";import{Focusable as a}from"@spectrum-web-components/shared/src/focusable.js";export class CheckboxBase extends a{constructor(){super(...arguments);this.checked=!1;this.readonly=!1}get focusElement(){return this.inputElement}handleChange(){if(this.readonly){this.inputElement.checked=this.checked;return}this.checked=this.inputElement.checked;const n=new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0});this.dispatchEvent(n)||(this.checked=!this.inputElement.checked,this.inputElement.checked=this.checked)}render(){return s`
             <input
+                name=${m(this.name||void 0)}
                 id="input"
                 type="checkbox"
                 .checked=${this.checked}
                 @change=${this.handleChange}
             />
-        `}}l([h({type:Boolean,reflect:!0})],CheckboxBase.prototype,"checked",2),l([h({type:Boolean,reflect:!0})],CheckboxBase.prototype,"readonly",2),l([o("#input")],CheckboxBase.prototype,"inputElement",2);
+        `}}c([u({type:Boolean,reflect:!0})],CheckboxBase.prototype,"checked",2),c([u({type:Boolean,reflect:!0})],CheckboxBase.prototype,"readonly",2),c([u({type:String,reflect:!0})],CheckboxBase.prototype,"name",2),c([o("#input")],CheckboxBase.prototype,"inputElement",2);
 //# sourceMappingURL=CheckboxBase.js.map

package/src/CheckboxBase.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["CheckboxBase.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 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 { html, TemplateResult } from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\n\nexport class CheckboxBase extends Focusable {\n    @property({ type: Boolean, reflect: true })\n    public checked = false;\n\n    @property({ type: Boolean, reflect: true })\n    public readonly = false;\n\n    @query('#input')\n    protected inputElement!: HTMLInputElement;\n\n    public override get focusElement(): HTMLElement {\n        return this.inputElement;\n    }\n\n    public handleChange(): void {\n        if (this.readonly) {\n            this.inputElement.checked = this.checked;\n            return;\n        }\n        this.checked = this.inputElement.checked;\n\n        const changeEvent = new CustomEvent('change', {\n            bubbles: true,\n            cancelable: true,\n            composed: true,\n        });\n        const applyDefault = this.dispatchEvent(changeEvent);\n\n        if (!applyDefault) {\n            this.checked = !this.inputElement.checked;\n            this.inputElement.checked = this.checked;\n        }\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <input\n                id=\"input\"\n                type=\"checkbox\"\n                .checked=${this.checked}\n                @change=${this.handleChange}\n            />\n        `;\n    }\n}\n"],
-  "mappings": "qNAYA,OAAS,QAAAA,MAA4B,gCACrC,OACI,YAAAC,EACA,SAAAC,MACG,kDACP,OAAS,aAAAC,MAAiB,mDAEnB,aAAM,qBAAqBA,CAAU,CAArC,kCAEH,KAAO,QAAU,GAGjB,KAAO,SAAW,GAKlB,IAAoB,cAA4B,CAC5C,OAAO,KAAK,YAChB,CAEO,cAAqB,CACxB,GAAI,KAAK,SAAU,CACf,KAAK,aAAa,QAAU,KAAK,QACjC,MACJ,CACA,KAAK,QAAU,KAAK,aAAa,QAEjC,MAAMC,EAAc,IAAI,YAAY,SAAU,CAC1C,QAAS,GACT,WAAY,GACZ,SAAU,EACd,CAAC,EACoB,KAAK,cAAcA,CAAW,IAG/C,KAAK,QAAU,CAAC,KAAK,aAAa,QAClC,KAAK,aAAa,QAAU,KAAK,QAEzC,CAEmB,QAAyB,CACxC,OAAOJ;AAAA;AAAA;AAAA;AAAA,2BAIY,KAAK,OAAO;AAAA,0BACb,KAAK,YAAY;AAAA;AAAA,SAGvC,CACJ,CA1CWK,EAAA,CADNJ,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GADjC,aAEF,uBAGAI,EAAA,CADNJ,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAJjC,aAKF,wBAGGI,EAAA,CADTH,EAAM,QAAQ,GAPN,aAQC",
-  "names": ["html", "property", "query", "Focusable", "changeEvent", "__decorateClass"]
+  "sourcesContent": ["/*\nCopyright 2020 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 { html, TemplateResult } from '@spectrum-web-components/base';\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 { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\n\nexport class CheckboxBase extends Focusable {\n    @property({ type: Boolean, reflect: true })\n    public checked = false;\n\n    @property({ type: Boolean, reflect: true })\n    public readonly = false;\n\n    @property({ type: String, reflect: true })\n    public name: string | undefined;\n\n    @query('#input')\n    protected inputElement!: HTMLInputElement;\n\n    public override get focusElement(): HTMLElement {\n        return this.inputElement;\n    }\n\n    public handleChange(): void {\n        if (this.readonly) {\n            this.inputElement.checked = this.checked;\n            return;\n        }\n        this.checked = this.inputElement.checked;\n\n        const changeEvent = new CustomEvent('change', {\n            bubbles: true,\n            cancelable: true,\n            composed: true,\n        });\n        const applyDefault = this.dispatchEvent(changeEvent);\n\n        if (!applyDefault) {\n            this.checked = !this.inputElement.checked;\n            this.inputElement.checked = this.checked;\n        }\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <input\n                name=${ifDefined(this.name || undefined)}\n                id=\"input\"\n                type=\"checkbox\"\n                .checked=${this.checked}\n                @change=${this.handleChange}\n            />\n        `;\n    }\n}\n"],
+  "mappings": "qNAYA,OAAS,QAAAA,MAA4B,gCACrC,OACI,YAAAC,EACA,SAAAC,MACG,kDACP,OAAS,aAAAC,MAAiB,kDAC1B,OAAS,aAAAC,MAAiB,mDAEnB,aAAM,qBAAqBA,CAAU,CAArC,kCAEH,KAAO,QAAU,GAGjB,KAAO,SAAW,GAQlB,IAAoB,cAA4B,CAC5C,OAAO,KAAK,YAChB,CAEO,cAAqB,CACxB,GAAI,KAAK,SAAU,CACf,KAAK,aAAa,QAAU,KAAK,QACjC,MACJ,CACA,KAAK,QAAU,KAAK,aAAa,QAEjC,MAAMC,EAAc,IAAI,YAAY,SAAU,CAC1C,QAAS,GACT,WAAY,GACZ,SAAU,EACd,CAAC,EACoB,KAAK,cAAcA,CAAW,IAG/C,KAAK,QAAU,CAAC,KAAK,aAAa,QAClC,KAAK,aAAa,QAAU,KAAK,QAEzC,CAEmB,QAAyB,CACxC,OAAOL;AAAA;AAAA,uBAEQG,EAAU,KAAK,MAAQ,MAAS,CAAC;AAAA;AAAA;AAAA,2BAG7B,KAAK,OAAO;AAAA,0BACb,KAAK,YAAY;AAAA;AAAA,SAGvC,CACJ,CA9CWG,EAAA,CADNL,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GADjC,aAEF,uBAGAK,EAAA,CADNL,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAJjC,aAKF,wBAGAK,EAAA,CADNL,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAPhC,aAQF,oBAGGK,EAAA,CADTJ,EAAM,QAAQ,GAVN,aAWC",
+  "names": ["html", "property", "query", "ifDefined", "Focusable", "changeEvent", "__decorateClass"]
 }

package/test/checkbox.test.js

@@ -172,6 +172,14 @@ describe("Checkbox", () => {
     el = testFixture.querySelector("#checkbox1");
     expect(el.checked).to.be.true;
   });
+  it("has name attribute", () => {
+    let el = testFixture.querySelector("#checkbox0");
+    el = testFixture.querySelector("#checkbox1");
+    expect(el.hasAttribute("name"));
+    expect(el.name).to.be.undefined;
+    el.setAttribute("name", "test");
+    expect(el.name).to.be.equal("test");
+  });
   it("handles click events", async () => {
     const el = testFixture.querySelector("#checkbox1");
     expect(el.checked).to.be.true;

package/test/checkbox.test.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["checkbox.test.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 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 '@spectrum-web-components/checkbox/sp-checkbox.js';\nimport { Checkbox } from '../';\nimport {\n    elementUpdated,\n    expect,\n    fixture,\n    html,\n    triggerBlurFor,\n    waitUntil,\n} from '@open-wc/testing';\nimport '@spectrum-web-components/shared/src/focus-visible.js';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\nimport { a11ySnapshot, findAccessibilityNode } from '@web/test-runner-commands';\n\nfunction inputForCheckbox(checkbox: Checkbox): HTMLInputElement {\n    if (!checkbox.shadowRoot) throw new Error('No shadowRoot');\n    return checkbox.shadowRoot.querySelector('#input') as HTMLInputElement;\n}\n\nfunction labelForCheckbox(checkbox: Checkbox): HTMLLabelElement {\n    if (!checkbox.shadowRoot) throw new Error('No shadowRoot');\n    const labelEl = checkbox.shadowRoot.querySelector('label');\n    if (!labelEl) {\n        throw new Error('Failed to find label in shadowRoot');\n    }\n    return labelEl;\n}\n\nfunction labelNodeForCheckbox(checkbox: Checkbox): Node {\n    if (!checkbox.shadowRoot) throw new Error('No shadowRoot');\n    const slotEl = checkbox.shadowRoot.querySelector('slot');\n    if (!slotEl) {\n        throw new Error('Failed to find slot in shadowRoot');\n    }\n    return slotEl.assignedNodes()[0];\n}\ndescribe('Checkbox', () => {\n    let testFixture: HTMLDivElement;\n\n    beforeEach(async () => {\n        testFixture = await fixture<HTMLDivElement>(\n            html`\n                <div>\n                    <div id=\"test-checkbox\">\n                        <sp-checkbox id=\"checkbox0\" tabindex=\"5\">\n                            Component\n                        </sp-checkbox>\n                        <sp-checkbox id=\"checkbox1\" tabindex=\"2\" checked>\n                            Check 1\n                        </sp-checkbox>\n                        <sp-checkbox id=\"checkbox2\" tabindex=\"3\" disabled>\n                            Check 2\n                        </sp-checkbox>\n                        <sp-checkbox id=\"checkbox3\" tabindex=\"1\" autofocus>\n                            Check 3\n                        </sp-checkbox>\n                        <sp-checkbox id=\"checkbox4\" tabindex=\"0\">\n                            Check 4\n                        </sp-checkbox>\n                        <sp-checkbox id=\"checkbox5\" tabindex=\"-1\">\n                            Check 5\n                        </sp-checkbox>\n                    </div>\n                </div>\n            `\n        );\n    });\n\n    it('loads', async () => {\n        const el = testFixture.querySelector('sp-checkbox') as Checkbox;\n        expect(el).to.not.equal(undefined);\n        const textNode = labelNodeForCheckbox(el);\n        const content = (textNode.textContent || '').trim();\n        expect(content).to.equal('Component');\n    });\n    testForLitDevWarnings(\n        async () =>\n            await fixture<Checkbox>(\n                html`\n                    <sp-checkbox>Not Checked</sp-checkbox>\n                `\n            )\n    );\n\n    it('loads default checkbox accessibly', async () => {\n        const el = await fixture<Checkbox>(\n            html`\n                <sp-checkbox>Not Checked</sp-checkbox>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n\n        const labelEl = labelForCheckbox(el);\n        const inputEl = inputForCheckbox(el);\n\n        expect(labelEl.getAttribute('for')).to.equal(inputEl.id);\n        expect(inputEl.checked).to.be.false;\n        expect(inputEl.indeterminate).to.be.false;\n\n        type NamedRoledAndCheckedNode = {\n            name: string;\n            role: string;\n            checked: boolean;\n        };\n        const snapshot = (await a11ySnapshot(\n            {}\n        )) as unknown as NamedRoledAndCheckedNode & {\n            children: NamedRoledAndCheckedNode[];\n        };\n        expect(\n            findAccessibilityNode<NamedRoledAndCheckedNode>(\n                snapshot,\n                (node) =>\n                    node.role === 'checkbox' &&\n                    !node.checked &&\n                    node.name === 'Not Checked'\n            ),\n            'Has a named and not checked \"checkbox\" element'\n        ).to.not.be.null;\n    });\n\n    it('loads `checked` checkbox accessibly', async () => {\n        const el = await fixture<Checkbox>(\n            html`\n                <sp-checkbox checked>Checked</sp-checkbox>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n\n        const labelEl = labelForCheckbox(el);\n        const inputEl = inputForCheckbox(el);\n\n        expect(labelEl.getAttribute('for')).to.equal(inputEl.id);\n        expect(inputEl.checked).to.be.true;\n        expect(inputEl.indeterminate).to.be.false;\n\n        type NamedRoledAndCheckedNode = {\n            name: string;\n            role: string;\n            checked: boolean;\n        };\n        const snapshot = (await a11ySnapshot(\n            {}\n        )) as unknown as NamedRoledAndCheckedNode & {\n            children: NamedRoledAndCheckedNode[];\n        };\n        expect(\n            findAccessibilityNode<NamedRoledAndCheckedNode>(\n                snapshot,\n                (node) =>\n                    node.role === 'checkbox' &&\n                    node.checked &&\n                    node.name === 'Checked'\n            ),\n            'Has a named and checked \"checkbox\" element'\n        ).to.not.be.null;\n    });\n\n    it('is `invalid` checkbox accessibly', async () => {\n        const el = await fixture<Checkbox>(\n            html`\n                <sp-checkbox invalid>Invalid Not Checked</sp-checkbox>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n\n        const labelEl = labelForCheckbox(el);\n        const inputEl = inputForCheckbox(el);\n\n        expect(labelEl.getAttribute('for')).to.equal(inputEl.id);\n        expect(inputEl).to.have.attribute('aria-invalid', 'true');\n    });\n\n    it('autofocuses', async () => {\n        const autoElement = testFixture.querySelector(\n            'sp-checkbox[autofocus]'\n        ) as Checkbox;\n\n        expect(autoElement).to.exist;\n        await waitUntil(\n            () => document.activeElement === autoElement,\n            'Autofocused'\n        );\n\n        await triggerBlurFor(autoElement);\n\n        expect(document.activeElement).to.not.equal(autoElement);\n    });\n\n    it('`click()`ing host clicks `focusElement`', async () => {\n        const el = await fixture<Checkbox>(\n            html`\n                <sp-checkbox checked autofocus>Checked</sp-checkbox>\n            `\n        );\n\n        await elementUpdated(el);\n\n        expect(el.checked, 'checked initially').to.be.true;\n\n        el.click();\n        await elementUpdated(el);\n\n        expect(el.checked, 'unchecked').to.be.false;\n\n        el.click();\n        await elementUpdated(el);\n\n        expect(el.checked, 'checked again').to.be.true;\n    });\n\n    it('respects checked attribute', () => {\n        let el = testFixture.querySelector('#checkbox0') as Checkbox;\n        expect(el.checked).to.be.false;\n\n        el = testFixture.querySelector('#checkbox1') as Checkbox;\n        expect(el.checked).to.be.true;\n    });\n\n    it('handles click events', async () => {\n        const el = testFixture.querySelector('#checkbox1') as Checkbox;\n        expect(el.checked).to.be.true;\n\n        inputForCheckbox(el).click();\n        await elementUpdated(el);\n\n        expect(el.checked).to.be.false;\n    });\n\n    it('can have `change` events cancelled', async () => {\n        const el = testFixture.querySelector('#checkbox0') as Checkbox;\n        await elementUpdated(el);\n        expect(el.checked).to.be.false;\n\n        inputForCheckbox(el).click();\n        await elementUpdated(el);\n\n        expect(el.checked).to.be.true;\n\n        el.addEventListener('change', (event: Event) => event.preventDefault());\n        inputForCheckbox(el).click();\n        await elementUpdated(el);\n\n        expect(el.checked).to.be.true;\n    });\n\n    it('maintains its value when [readonly]', async () => {\n        const el = await fixture<Checkbox>(html`\n            <sp-checkbox id=\"checkbox0\" checked readonly>Component</sp-checkbox>\n        `);\n        expect(el.checked).to.be.true;\n\n        inputForCheckbox(el).click();\n        await elementUpdated(el);\n\n        expect(el.checked).to.be.true;\n    });\n\n    it('`indeterminate, checked` becomes `not checked` on click', async () => {\n        const el = await fixture<Checkbox>(html`\n            <sp-checkbox checked .indeterminate=${true}>\n                indeterminate, checked\n            </sp-checkbox>\n        `);\n        expect(el.checked).to.be.true;\n        expect(el.indeterminate).to.be.true;\n\n        const inputEl = inputForCheckbox(el);\n        expect(inputEl.checked).to.be.true;\n        expect(inputEl.indeterminate).to.be.true;\n\n        el.click();\n        await elementUpdated(el);\n\n        expect(el.checked).to.be.false;\n        expect(el.indeterminate).to.be.false;\n        expect(inputEl.checked).to.be.false;\n        expect(inputEl.indeterminate).to.be.false;\n\n    });\n\n    it('`indeterminate, not checked` becomes `checked` on click', async () => {\n        const el = await fixture<Checkbox>(html`\n            <sp-checkbox .indeterminate=${true}>\n                indeterminate, checked\n            </sp-checkbox>\n        `);\n        expect(el.checked).to.be.false;\n        expect(el.indeterminate).to.be.true;\n\n        const inputEl = inputForCheckbox(el);\n        expect(inputEl.checked).to.be.false;\n        expect(inputEl.indeterminate).to.be.true;\n\n        el.click();\n        await elementUpdated(el);\n\n        expect(el.checked).to.be.true;\n        expect(el.indeterminate).to.be.false;\n        expect(inputEl.checked).to.be.true;\n        expect(inputEl.indeterminate).to.be.false;\n    });\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["/*\nCopyright 2020 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 '@spectrum-web-components/checkbox/sp-checkbox.js';\nimport { Checkbox } from '../';\nimport {\n    elementUpdated,\n    expect,\n    fixture,\n    html,\n    triggerBlurFor,\n    waitUntil,\n} from '@open-wc/testing';\nimport '@spectrum-web-components/shared/src/focus-visible.js';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\nimport { a11ySnapshot, findAccessibilityNode } from '@web/test-runner-commands';\n\nfunction inputForCheckbox(checkbox: Checkbox): HTMLInputElement {\n    if (!checkbox.shadowRoot) throw new Error('No shadowRoot');\n    return checkbox.shadowRoot.querySelector('#input') as HTMLInputElement;\n}\n\nfunction labelForCheckbox(checkbox: Checkbox): HTMLLabelElement {\n    if (!checkbox.shadowRoot) throw new Error('No shadowRoot');\n    const labelEl = checkbox.shadowRoot.querySelector('label');\n    if (!labelEl) {\n        throw new Error('Failed to find label in shadowRoot');\n    }\n    return labelEl;\n}\n\nfunction labelNodeForCheckbox(checkbox: Checkbox): Node {\n    if (!checkbox.shadowRoot) throw new Error('No shadowRoot');\n    const slotEl = checkbox.shadowRoot.querySelector('slot');\n    if (!slotEl) {\n        throw new Error('Failed to find slot in shadowRoot');\n    }\n    return slotEl.assignedNodes()[0];\n}\ndescribe('Checkbox', () => {\n    let testFixture: HTMLDivElement;\n\n    beforeEach(async () => {\n        testFixture = await fixture<HTMLDivElement>(\n            html`\n                <div>\n                    <div id=\"test-checkbox\">\n                        <sp-checkbox id=\"checkbox0\" tabindex=\"5\">\n                            Component\n                        </sp-checkbox>\n                        <sp-checkbox id=\"checkbox1\" tabindex=\"2\" checked>\n                            Check 1\n                        </sp-checkbox>\n                        <sp-checkbox id=\"checkbox2\" tabindex=\"3\" disabled>\n                            Check 2\n                        </sp-checkbox>\n                        <sp-checkbox id=\"checkbox3\" tabindex=\"1\" autofocus>\n                            Check 3\n                        </sp-checkbox>\n                        <sp-checkbox id=\"checkbox4\" tabindex=\"0\">\n                            Check 4\n                        </sp-checkbox>\n                        <sp-checkbox id=\"checkbox5\" tabindex=\"-1\">\n                            Check 5\n                        </sp-checkbox>\n                    </div>\n                </div>\n            `\n        );\n    });\n\n    it('loads', async () => {\n        const el = testFixture.querySelector('sp-checkbox') as Checkbox;\n        expect(el).to.not.equal(undefined);\n        const textNode = labelNodeForCheckbox(el);\n        const content = (textNode.textContent || '').trim();\n        expect(content).to.equal('Component');\n    });\n    testForLitDevWarnings(\n        async () =>\n            await fixture<Checkbox>(\n                html`\n                    <sp-checkbox>Not Checked</sp-checkbox>\n                `\n            )\n    );\n\n    it('loads default checkbox accessibly', async () => {\n        const el = await fixture<Checkbox>(\n            html`\n                <sp-checkbox>Not Checked</sp-checkbox>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n\n        const labelEl = labelForCheckbox(el);\n        const inputEl = inputForCheckbox(el);\n\n        expect(labelEl.getAttribute('for')).to.equal(inputEl.id);\n        expect(inputEl.checked).to.be.false;\n        expect(inputEl.indeterminate).to.be.false;\n\n        type NamedRoledAndCheckedNode = {\n            name: string;\n            role: string;\n            checked: boolean;\n        };\n        const snapshot = (await a11ySnapshot(\n            {}\n        )) as unknown as NamedRoledAndCheckedNode & {\n            children: NamedRoledAndCheckedNode[];\n        };\n        expect(\n            findAccessibilityNode<NamedRoledAndCheckedNode>(\n                snapshot,\n                (node) =>\n                    node.role === 'checkbox' &&\n                    !node.checked &&\n                    node.name === 'Not Checked'\n            ),\n            'Has a named and not checked \"checkbox\" element'\n        ).to.not.be.null;\n    });\n\n    it('loads `checked` checkbox accessibly', async () => {\n        const el = await fixture<Checkbox>(\n            html`\n                <sp-checkbox checked>Checked</sp-checkbox>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n\n        const labelEl = labelForCheckbox(el);\n        const inputEl = inputForCheckbox(el);\n\n        expect(labelEl.getAttribute('for')).to.equal(inputEl.id);\n        expect(inputEl.checked).to.be.true;\n        expect(inputEl.indeterminate).to.be.false;\n\n        type NamedRoledAndCheckedNode = {\n            name: string;\n            role: string;\n            checked: boolean;\n        };\n        const snapshot = (await a11ySnapshot(\n            {}\n        )) as unknown as NamedRoledAndCheckedNode & {\n            children: NamedRoledAndCheckedNode[];\n        };\n        expect(\n            findAccessibilityNode<NamedRoledAndCheckedNode>(\n                snapshot,\n                (node) =>\n                    node.role === 'checkbox' &&\n                    node.checked &&\n                    node.name === 'Checked'\n            ),\n            'Has a named and checked \"checkbox\" element'\n        ).to.not.be.null;\n    });\n\n    it('is `invalid` checkbox accessibly', async () => {\n        const el = await fixture<Checkbox>(\n            html`\n                <sp-checkbox invalid>Invalid Not Checked</sp-checkbox>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n\n        const labelEl = labelForCheckbox(el);\n        const inputEl = inputForCheckbox(el);\n\n        expect(labelEl.getAttribute('for')).to.equal(inputEl.id);\n        expect(inputEl).to.have.attribute('aria-invalid', 'true');\n    });\n\n    it('autofocuses', async () => {\n        const autoElement = testFixture.querySelector(\n            'sp-checkbox[autofocus]'\n        ) as Checkbox;\n\n        expect(autoElement).to.exist;\n        await waitUntil(\n            () => document.activeElement === autoElement,\n            'Autofocused'\n        );\n\n        await triggerBlurFor(autoElement);\n\n        expect(document.activeElement).to.not.equal(autoElement);\n    });\n\n    it('`click()`ing host clicks `focusElement`', async () => {\n        const el = await fixture<Checkbox>(\n            html`\n                <sp-checkbox checked autofocus>Checked</sp-checkbox>\n            `\n        );\n\n        await elementUpdated(el);\n\n        expect(el.checked, 'checked initially').to.be.true;\n\n        el.click();\n        await elementUpdated(el);\n\n        expect(el.checked, 'unchecked').to.be.false;\n\n        el.click();\n        await elementUpdated(el);\n\n        expect(el.checked, 'checked again').to.be.true;\n    });\n\n    it('respects checked attribute', () => {\n        let el = testFixture.querySelector('#checkbox0') as Checkbox;\n        expect(el.checked).to.be.false;\n\n        el = testFixture.querySelector('#checkbox1') as Checkbox;\n        expect(el.checked).to.be.true;\n    });\n\n    it('has name attribute', () => {\n        let el = testFixture.querySelector('#checkbox0') as Checkbox;\n\n        el = testFixture.querySelector('#checkbox1') as Checkbox;\n        expect(el.hasAttribute('name'));\n        expect(el.name).to.be.undefined;\n        el.setAttribute('name', 'test');\n        expect(el.name).to.be.equal('test');\n    });\n\n    it('handles click events', async () => {\n        const el = testFixture.querySelector('#checkbox1') as Checkbox;\n        expect(el.checked).to.be.true;\n\n        inputForCheckbox(el).click();\n        await elementUpdated(el);\n\n        expect(el.checked).to.be.false;\n    });\n\n    it('can have `change` events cancelled', async () => {\n        const el = testFixture.querySelector('#checkbox0') as Checkbox;\n        await elementUpdated(el);\n        expect(el.checked).to.be.false;\n\n        inputForCheckbox(el).click();\n        await elementUpdated(el);\n\n        expect(el.checked).to.be.true;\n\n        el.addEventListener('change', (event: Event) => event.preventDefault());\n        inputForCheckbox(el).click();\n        await elementUpdated(el);\n\n        expect(el.checked).to.be.true;\n    });\n\n    it('maintains its value when [readonly]', async () => {\n        const el = await fixture<Checkbox>(html`\n            <sp-checkbox id=\"checkbox0\" checked readonly>Component</sp-checkbox>\n        `);\n        expect(el.checked).to.be.true;\n\n        inputForCheckbox(el).click();\n        await elementUpdated(el);\n\n        expect(el.checked).to.be.true;\n    });\n\n    it('`indeterminate, checked` becomes `not checked` on click', async () => {\n        const el = await fixture<Checkbox>(html`\n            <sp-checkbox checked .indeterminate=${true}>\n                indeterminate, checked\n            </sp-checkbox>\n        `);\n        expect(el.checked).to.be.true;\n        expect(el.indeterminate).to.be.true;\n\n        const inputEl = inputForCheckbox(el);\n        expect(inputEl.checked).to.be.true;\n        expect(inputEl.indeterminate).to.be.true;\n\n        el.click();\n        await elementUpdated(el);\n\n        expect(el.checked).to.be.false;\n        expect(el.indeterminate).to.be.false;\n        expect(inputEl.checked).to.be.false;\n        expect(inputEl.indeterminate).to.be.false;\n    });\n\n    it('`indeterminate, not checked` becomes `checked` on click', async () => {\n        const el = await fixture<Checkbox>(html`\n            <sp-checkbox .indeterminate=${true}>\n                indeterminate, checked\n            </sp-checkbox>\n        `);\n        expect(el.checked).to.be.false;\n        expect(el.indeterminate).to.be.true;\n\n        const inputEl = inputForCheckbox(el);\n        expect(inputEl.checked).to.be.false;\n        expect(inputEl.indeterminate).to.be.true;\n\n        el.click();\n        await elementUpdated(el);\n\n        expect(el.checked).to.be.true;\n        expect(el.indeterminate).to.be.false;\n        expect(inputEl.checked).to.be.true;\n        expect(inputEl.indeterminate).to.be.false;\n    });\n});\n"],
+  "mappings": "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",
   "names": []
 }