@spectrum-web-components/base 0.42.2 → 0.42.3

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/base",
-    "version": "0.42.2",
+    "version": "0.42.3",
     "publishConfig": {
         "access": "public"
     },
@@ -109,12 +109,12 @@
         "lit-html"
     ],
     "dependencies": {
-        "lit": "^2.5.0"
+        "lit": "^2.5.0 || ^3.1.3"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",
     "sideEffects": [
         "./**/*.dev.js"
     ],
-    "gitHead": "e19af30387032608baaa88c6a17c2ee50103a7c5"
+    "gitHead": "a03edce4f21f232f1705d8eb222e6e5436cad4c3"
 }

package/src/Base.d.ts

@@ -1,5 +1,5 @@
 import { LitElement, ReactiveElement } from 'lit';
-declare type Constructor<T = Record<string, unknown>> = {
+type Constructor<T = Record<string, unknown>> = {
     new (...args: any[]): T;
     prototype: T;
 };

package/src/Base.js

@@ -1,2 +1,2 @@
-"use strict";import{LitElement as u}from"lit";import{version as g}from"@spectrum-web-components/base/src/version.js";const c=new Set,w=()=>{const s=document.documentElement.dir==="rtl"?document.documentElement.dir:"ltr";c.forEach(o=>{o.setAttribute("dir",s)})},p=new MutationObserver(w);p.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]});const h=s=>typeof s.startManagingContentDirection!="undefined"||s.tagName==="SP-THEME";export function SpectrumMixin(s){class o extends s{get isLTR(){return this.dir==="ltr"}hasVisibleFocusInTree(){const n=((r=document)=>{var l;let t=r.activeElement;for(;t!=null&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;const a=t?[t]:[];for(;t;){const i=t.assignedSlot||t.parentElement||((l=t.getRootNode())==null?void 0:l.host);i&&a.push(i),t=i}return a})(this.getRootNode())[0];if(!n)return!1;try{return n.matches(":focus-visible")||n.matches(".focus-visible")}catch(r){return n.matches(".focus-visible")}}connectedCallback(){if(!this.hasAttribute("dir")){let e=this.assignedSlot||this.parentNode;for(;e!==document.documentElement&&!h(e);)e=e.assignedSlot||e.parentNode||e.host;if(this.dir=e.dir==="rtl"?e.dir:this.dir||"ltr",e===document.documentElement)c.add(this);else{const{localName:n}=e;n.search("-")>-1&&!customElements.get(n)?customElements.whenDefined(n).then(()=>{e.startManagingContentDirection(this)}):e.startManagingContentDirection(this)}this._dirParent=e}super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._dirParent&&(this._dirParent===document.documentElement?c.delete(this):this._dirParent.stopManagingContentDirection(this),this.removeAttribute("dir"))}}return o}export class SpectrumElement extends SpectrumMixin(u){}SpectrumElement.VERSION=g;
+"use strict";import{LitElement as m}from"lit";import{version as u}from"@spectrum-web-components/base/src/version.js";const c=new Set,g=()=>{const s=document.documentElement.dir==="rtl"?document.documentElement.dir:"ltr";c.forEach(o=>{o.setAttribute("dir",s)})},w=new MutationObserver(g);w.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]});const p=s=>typeof s.startManagingContentDirection!="undefined"||s.tagName==="SP-THEME";export function SpectrumMixin(s){class o extends s{get isLTR(){return this.dir==="ltr"}hasVisibleFocusInTree(){const n=((r=document)=>{var l;let t=r.activeElement;for(;t!=null&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;const a=t?[t]:[];for(;t;){const i=t.assignedSlot||t.parentElement||((l=t.getRootNode())==null?void 0:l.host);i&&a.push(i),t=i}return a})(this.getRootNode())[0];if(!n)return!1;try{return n.matches(":focus-visible")||n.matches(".focus-visible")}catch(r){return n.matches(".focus-visible")}}connectedCallback(){if(!this.hasAttribute("dir")){let e=this.assignedSlot||this.parentNode;for(;e!==document.documentElement&&!p(e);)e=e.assignedSlot||e.parentNode||e.host;if(this.dir=e.dir==="rtl"?e.dir:this.dir||"ltr",e===document.documentElement)c.add(this);else{const{localName:n}=e;n.search("-")>-1&&!customElements.get(n)?customElements.whenDefined(n).then(()=>{e.startManagingContentDirection(this)}):e.startManagingContentDirection(this)}this._dirParent=e}super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._dirParent&&(this._dirParent===document.documentElement?c.delete(this):this._dirParent.stopManagingContentDirection(this),this.removeAttribute("dir"))}}return o}export class SpectrumElement extends SpectrumMixin(m){}SpectrumElement.VERSION=u;
 //# sourceMappingURL=Base.js.map

package/src/sizedMixin.d.ts

@@ -1,11 +1,11 @@
 import { ReactiveElement } from 'lit';
-declare type Constructor<T = Record<string, unknown>> = {
+type Constructor<T = Record<string, unknown>> = {
     new (...args: any[]): T;
     prototype: T;
 };
-export declare type ElementSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+export type ElementSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
 export declare const ElementSizes: Record<string, ElementSize>;
-export declare type DefaultElementSize = Exclude<ElementSize, 'xxs' | 'xs' | 'xxl'>;
+export type DefaultElementSize = Exclude<ElementSize, 'xxs' | 'xs' | 'xxl'>;
 export interface SizedElementInterface {
     size: ElementSize;
 }

package/src/streaming-listener.d.ts

@@ -1,8 +1,8 @@
 import { nothing, Part } from 'lit';
 import { AsyncDirective } from 'lit/async-directive.js';
 import type { DirectiveResult } from 'lit/directive.js';
-declare type ListenerConfig = [string | string[], (event?: any) => void];
-declare type ListenerConfigGroup = {
+type ListenerConfig = [string | string[], (event?: any) => void];
+type ListenerConfigGroup = {
     start: ListenerConfig;
     end: ListenerConfig;
     streamInside?: ListenerConfig;

package/src/version.js

@@ -1,2 +1,2 @@
 // Generated by genversion.
-export const version = '0.42.2';
+export const version = '0.42.3';

package/test/base-devmode.test.js

@@ -1,9 +1,22 @@
 "use strict";
 import { expect } from "@open-wc/testing";
 import { stub } from "sinon";
-describe("Base", () => {
-  it("warns in Dev Mode when no attributes", async () => {
-    const consoleWarnStub = stub(console, "warn");
+describe("Dev Mode", () => {
+  let consoleWarnStub;
+  before(() => {
+    window.__swc = {
+      ...window.__swc,
+      verbose: true
+    };
+    consoleWarnStub = stub(console, "warn");
+  });
+  afterEach(() => {
+    consoleWarnStub.resetHistory();
+  });
+  after(() => {
+    consoleWarnStub.restore();
+  });
+  it("announces that Dev Mode is on", async function() {
     const { SpectrumElement } = await import("@spectrum-web-components/base");
     expect(SpectrumElement).to.not.be.undefined;
     expect(consoleWarnStub.called).to.be.true;
@@ -19,7 +32,6 @@ describe("Base", () => {
         level: "default"
       }
     });
-    consoleWarnStub.restore();
   });
 });
 //# sourceMappingURL=base-devmode.test.js.map

package/test/base-devmode.test.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["base-devmode.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\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 { expect } from '@open-wc/testing';\nimport { stub } from 'sinon';\n\ndescribe('Base', () => {\n    it('warns in Dev Mode when no attributes', async () => {\n        const consoleWarnStub = stub(console, 'warn');\n        const { SpectrumElement } = await import(\n            '@spectrum-web-components/base'\n        );\n        expect(SpectrumElement).to.not.be.undefined;\n\n        expect(consoleWarnStub.called).to.be.true;\n        const spyCall = consoleWarnStub.getCall(0);\n        expect(\n            spyCall.args.at(0) as string,\n            'confirm \"dev mode\"-centric message'\n        ).to.include('dev mode');\n        expect(spyCall.args.at(-1), 'confirm `data` shape').to.deep.equal({\n            data: {\n                localName: 'base',\n                type: 'default',\n                level: 'default',\n            },\n        });\n        consoleWarnStub.restore();\n    });\n});\n"],
-  "mappings": ";AAUA,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,SAAS,QAAQ,MAAM;AACnB,KAAG,wCAAwC,YAAY;AACnD,UAAM,kBAAkB,KAAK,SAAS,MAAM;AAC5C,UAAM,EAAE,gBAAgB,IAAI,MAAM,OAC9B,+BACJ;AACA,WAAO,eAAe,EAAE,GAAG,IAAI,GAAG;AAElC,WAAO,gBAAgB,MAAM,EAAE,GAAG,GAAG;AACrC,UAAM,UAAU,gBAAgB,QAAQ,CAAC;AACzC;AAAA,MACI,QAAQ,KAAK,GAAG,CAAC;AAAA,MACjB;AAAA,IACJ,EAAE,GAAG,QAAQ,UAAU;AACvB,WAAO,QAAQ,KAAK,GAAG,EAAE,GAAG,sBAAsB,EAAE,GAAG,KAAK,MAAM;AAAA,MAC9D,MAAM;AAAA,QACF,WAAW;AAAA,QACX,MAAM;AAAA,QACN,OAAO;AAAA,MACX;AAAA,IACJ,CAAC;AACD,oBAAgB,QAAQ;AAAA,EAC5B,CAAC;AACL,CAAC;",
+  "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\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 { expect } from '@open-wc/testing';\nimport { stub } from 'sinon';\n\ndescribe('Dev Mode', () => {\n    let consoleWarnStub!: ReturnType<typeof stub>;\n    before(() => {\n        window.__swc = {\n            ...window.__swc,\n            verbose: true,\n        };\n        consoleWarnStub = stub(console, 'warn');\n    });\n    afterEach(() => {\n        consoleWarnStub.resetHistory();\n    });\n    after(() => {\n        consoleWarnStub.restore();\n    });\n    it('announces that Dev Mode is on', async function () {\n        const { SpectrumElement } = await import(\n            '@spectrum-web-components/base'\n        );\n        expect(SpectrumElement).to.not.be.undefined;\n\n        expect(consoleWarnStub.called).to.be.true;\n        const spyCall = consoleWarnStub.getCall(0);\n        expect(\n            spyCall.args.at(0) as string,\n            'confirm \"dev mode\"-centric message'\n        ).to.include('dev mode');\n        expect(spyCall.args.at(-1), 'confirm `data` shape').to.deep.equal({\n            data: {\n                localName: 'base',\n                type: 'default',\n                level: 'default',\n            },\n        });\n    });\n});\n"],
+  "mappings": ";AAUA,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,SAAS,YAAY,MAAM;AACvB,MAAI;AACJ,SAAO,MAAM;AACT,WAAO,QAAQ;AAAA,MACX,GAAG,OAAO;AAAA,MACV,SAAS;AAAA,IACb;AACA,sBAAkB,KAAK,SAAS,MAAM;AAAA,EAC1C,CAAC;AACD,YAAU,MAAM;AACZ,oBAAgB,aAAa;AAAA,EACjC,CAAC;AACD,QAAM,MAAM;AACR,oBAAgB,QAAQ;AAAA,EAC5B,CAAC;AACD,KAAG,iCAAiC,iBAAkB;AAClD,UAAM,EAAE,gBAAgB,IAAI,MAAM,OAC9B,+BACJ;AACA,WAAO,eAAe,EAAE,GAAG,IAAI,GAAG;AAElC,WAAO,gBAAgB,MAAM,EAAE,GAAG,GAAG;AACrC,UAAM,UAAU,gBAAgB,QAAQ,CAAC;AACzC;AAAA,MACI,QAAQ,KAAK,GAAG,CAAC;AAAA,MACjB;AAAA,IACJ,EAAE,GAAG,QAAQ,UAAU;AACvB,WAAO,QAAQ,KAAK,GAAG,EAAE,GAAG,sBAAsB,EAAE,GAAG,KAAK,MAAM;AAAA,MAC9D,MAAM;AAAA,QACF,WAAW;AAAA,QACX,MAAM;AAAA,QACN,OAAO;AAAA,MACX;AAAA,IACJ,CAAC;AAAA,EACL,CAAC;AACL,CAAC;",
   "names": []
 }