@m3e/web 2.0.3 → 2.0.4

package/dist/theme.min.js

@@ -3,7 +3,7 @@
  * Copyright (c) 2025 matraic
  * See LICENSE file in the project root for full license text.
  */
-import{css as t,LitElement as e,html as r}from"lit";import{property as a,customElement as n}from"lit/decorators.js";import{DesignToken as o}from"@m3e/web/core";function i(t,e,r,a){var n,o=arguments.length,i=o<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,a);else for(var s=t.length-1;s>=0;s--)(n=t[s])&&(i=(o<3?n(i):o>3?n(e,r,i):n(e,r))||i);return o>3&&i&&Object.defineProperty(e,r,i),i}function s(t,e,r,a){if("a"===r&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?a:"a"===r?a.call(t):a?a.value:e.get(t)}function c(t,e,r,a,n){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?n.call(t,r):n?n.value=r:e.set(t,r),r}
+import{css as t,LitElement as e,html as r}from"lit";import{property as a}from"lit/decorators.js";import{DesignToken as n,element as o}from"@m3e/web/core";function i(t,e,r,a){var n,o=arguments.length,i=o<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,a);else for(var s=t.length-1;s>=0;s--)(n=t[s])&&(i=(o<3?n(i):o>3?n(e,r,i):n(e,r))||i);return o>3&&i&&Object.defineProperty(e,r,i),i}function s(t,e,r,a){if("a"===r&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?a:"a"===r?a.call(t):a?a.value:e.get(t)}function c(t,e,r,a,n){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?n.call(t,r):n?n.value=r:e.set(t,r),r}
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -314,5 +314,5 @@ class et extends Z{constructor(t,e,r){super({sourceColorArgb:t.toInt(),variant:H
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-function rt(t){const e=P(t),r=C(t),a=w(t),n=[e.toString(16),r.toString(16),a.toString(16)];for(const[t,e]of n.entries())1===e.length&&(n[t]="0"+e);return"#"+n.join("")}function at(t){return parseInt(t,16)}et.hues=[0,41,61,101,131,181,251,301,360],et.secondaryRotations=[18,15,10,12,15,18,15,12,12],et.tertiaryRotations=[35,30,20,25,30,35,30,25,25];let nt=class extends e{constructor(){super(...arguments),N.add(this),z.set(this,new CSSStyleSheet),q.set(this,!1),U.set(this,void 0),$.set(this,void 0),j.set(this,void 0),K.set(this,()=>s(this,N,"m",Y).call(this,!0)),this.color="#6750A4",this.scheme="auto",this.contrast="standard",this.strongFocus=!1,this.density=0,this.motion="standard"}get isDark(){switch(this.scheme){case"light":return!1;case"dark":return!0;default:if(this.parentElement instanceof HTMLBodyElement)switch(document.documentElement.style.colorScheme){case"light":return!1;case"dark":return!0}return s(this,$,"f")?.matches??!1}}connectedCallback(){super.connectedCallback(),this.shadowRoot&&!this.shadowRoot.adoptedStyleSheets.includes(s(this,z,"f"))&&(this.shadowRoot.adoptedStyleSheets=[...this.shadowRoot.adoptedStyleSheets,s(this,z,"f")]),c(this,U,matchMedia("(prefers-color-scheme: light)"),"f"),c(this,$,matchMedia("(prefers-color-scheme: dark)"),"f"),c(this,j,matchMedia("(forced-colors: active)"),"f"),[s(this,U,"f"),s(this,$,"f"),s(this,j,"f")].forEach(t=>t.addEventListener("change",s(this,K,"f")))}disconnectedCallback(){super.disconnectedCallback(),[s(this,U,"f"),s(this,$,"f"),s(this,j,"f")].forEach(t=>t?.removeEventListener("change",s(this,K,"f"))),c(this,U,c(this,$,c(this,j,void 0,"f"),"f"),"f")}updated(t){super.updated(t),s(this,N,"m",Y).call(this,s(this,q,"f")&&["color","scheme","contrast"].some(e=>t.has(e)))}firstUpdated(t){super.firstUpdated(t),c(this,q,!0,"f")}render(){return r`<slot></slot>`}};z=new WeakMap,q=new WeakMap,U=new WeakMap,$=new WeakMap,j=new WeakMap,K=new WeakMap,N=new WeakSet,Y=function(t){const e=function(t){const e=3===(t=t.replace("#","")).length,r=6===t.length,a=8===t.length;if(!e&&!r&&!a)throw new Error("unexpected hex "+t);let n=0,o=0,i=0;return e?(n=at(t.slice(0,1).repeat(2)),o=at(t.slice(1,2).repeat(2)),i=at(t.slice(2,3).repeat(2))):r?(n=at(t.slice(0,2)),o=at(t.slice(2,4)),i=at(t.slice(4,6))):a&&(n=at(t.slice(2,4)),o=at(t.slice(4,6)),i=at(t.slice(6,8))),(255<<24|(255&n)<<16|(255&o)<<8|255&i)>>>0}(this.color),r=Q.of(e),a=new Z({sourceColorArgb:e,variant:1,contrastLevel:s(this,N,"m",G).call(this),isDark:this.isDark,primaryPalette:r.a1,secondaryPalette:r.a2,tertiaryPalette:r.a3,neutralPalette:r.n1,neutralVariantPalette:r.n2});let n="";for(const t in X)if(!t.endsWith("PaletteKeyColor")){const e=X[t];e instanceof B&&(n+=`--md-sys-color-${t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}: ${rt(e.getArgb(a))};`)}if("expressive"===this.motion&&(n+="--md-sys-motion-spring-fast-spatial: 350ms cubic-bezier(0.42, 1.67, 0.21, 0.90);",n+="--md-sys-motion-spring-default-spatial: 500ms cubic-bezier(0.38, 1.21, 0.22, 1.00);",n+="--md-sys-motion-spring-slow-spatial: 650ms cubic-bezier(0.39, 1.29, 0.35, 0.98);",n+="--md-sys-motion-spring-fast-effects: 150ms cubic-bezier(0.31, 0.94, 0.34, 1.00);",n+="--md-sys-motion-spring-default-effects: 200ms cubic-bezier(0.34, 0.80, 0.34, 1.00);",n+="--md-sys-motion-spring-slow-effects: 300ms cubic-bezier(0.34, 0.88, 0.34, 1.00);"),n+=`--md-sys-density-scale: ${this.density};`,n+=`--m3e-scrollbar-thumb-color: ${rt(a.neutralPalette.tone(60))};`,n+=`--m3e-focus-ring-visibility: ${this.strongFocus?"visible":"hidden"};`,s(this,z,"f").replaceSync(`:host { ${n} }`),this.parentElement instanceof HTMLBodyElement){const t=getComputedStyle(this);switch(this.scheme){case"light":document.documentElement.style.colorScheme="light";break;case"dark":document.documentElement.style.colorScheme="dark";break;default:switch(document.documentElement.style.colorScheme){case"light":case"dark":document.documentElement.style.colorScheme="light dark"}}s(this,j,"f")?.matches?this.parentElement.style.backgroundColor=this.parentElement.style.color=this.parentElement.ownerDocument.documentElement.style.scrollbarColor=this.parentElement.style.scrollbarColor="":(this.parentElement.style.backgroundColor=t.getPropertyValue("--md-sys-color-background"),this.parentElement.style.color=t.getPropertyValue("--md-sys-color-on-background"),this.parentElement.ownerDocument.documentElement.style.scrollbarColor=this.parentElement.style.scrollbarColor=`${t.getPropertyValue("--m3e-scrollbar-thumb-color")} ${t.getPropertyValue("--m3e-scrollbar-track-color")}`)}s(this,q,"f")&&this.dispatchEvent(new Event("change",{bubbles:!0})),t&&document.body.offsetHeight},G=function(){switch(this.contrast){case"high":return 1;case"medium":return.5;default:return 0}},nt.styles=t`:host { display: contents; font-size: ${o.typescale.standard.body.large.fontSize}; font-weight: ${o.typescale.standard.body.large.fontWeight}; line-height: ${o.typescale.standard.body.large.lineHeight}; letter-spacing: ${o.typescale.standard.body.large.tracking}; }`,i([a()],nt.prototype,"color",void 0),i([a()],nt.prototype,"scheme",void 0),i([a()],nt.prototype,"contrast",void 0),i([a({attribute:"strong-focus",type:Boolean})],nt.prototype,"strongFocus",void 0),i([a({type:Number})],nt.prototype,"density",void 0),i([a()],nt.prototype,"motion",void 0),nt=i([n("m3e-theme")],nt);export{nt as M3eThemeElement};
+function rt(t){const e=P(t),r=C(t),a=w(t),n=[e.toString(16),r.toString(16),a.toString(16)];for(const[t,e]of n.entries())1===e.length&&(n[t]="0"+e);return"#"+n.join("")}function at(t){return parseInt(t,16)}et.hues=[0,41,61,101,131,181,251,301,360],et.secondaryRotations=[18,15,10,12,15,18,15,12,12],et.tertiaryRotations=[35,30,20,25,30,35,30,25,25];let nt=class extends e{constructor(){super(...arguments),N.add(this),z.set(this,new CSSStyleSheet),q.set(this,!1),U.set(this,void 0),$.set(this,void 0),j.set(this,void 0),K.set(this,()=>s(this,N,"m",Y).call(this,!0)),this.color="#6750A4",this.scheme="auto",this.contrast="standard",this.strongFocus=!1,this.density=0,this.motion="standard"}get isDark(){switch(this.scheme){case"light":return!1;case"dark":return!0;default:if(this.parentElement instanceof HTMLBodyElement)switch(document.documentElement.style.colorScheme){case"light":return!1;case"dark":return!0}return s(this,$,"f")?.matches??!1}}connectedCallback(){super.connectedCallback(),this.shadowRoot&&!this.shadowRoot.adoptedStyleSheets.includes(s(this,z,"f"))&&(this.shadowRoot.adoptedStyleSheets=[...this.shadowRoot.adoptedStyleSheets,s(this,z,"f")]),c(this,U,matchMedia("(prefers-color-scheme: light)"),"f"),c(this,$,matchMedia("(prefers-color-scheme: dark)"),"f"),c(this,j,matchMedia("(forced-colors: active)"),"f"),[s(this,U,"f"),s(this,$,"f"),s(this,j,"f")].forEach(t=>t.addEventListener("change",s(this,K,"f")))}disconnectedCallback(){super.disconnectedCallback(),[s(this,U,"f"),s(this,$,"f"),s(this,j,"f")].forEach(t=>t?.removeEventListener("change",s(this,K,"f"))),c(this,U,c(this,$,c(this,j,void 0,"f"),"f"),"f")}updated(t){super.updated(t),s(this,N,"m",Y).call(this,s(this,q,"f")&&["color","scheme","contrast"].some(e=>t.has(e)))}firstUpdated(t){super.firstUpdated(t),c(this,q,!0,"f")}render(){return r`<slot></slot>`}};z=new WeakMap,q=new WeakMap,U=new WeakMap,$=new WeakMap,j=new WeakMap,K=new WeakMap,N=new WeakSet,Y=function(t){const e=function(t){const e=3===(t=t.replace("#","")).length,r=6===t.length,a=8===t.length;if(!e&&!r&&!a)throw new Error("unexpected hex "+t);let n=0,o=0,i=0;return e?(n=at(t.slice(0,1).repeat(2)),o=at(t.slice(1,2).repeat(2)),i=at(t.slice(2,3).repeat(2))):r?(n=at(t.slice(0,2)),o=at(t.slice(2,4)),i=at(t.slice(4,6))):a&&(n=at(t.slice(2,4)),o=at(t.slice(4,6)),i=at(t.slice(6,8))),(255<<24|(255&n)<<16|(255&o)<<8|255&i)>>>0}(this.color),r=Q.of(e),a=new Z({sourceColorArgb:e,variant:1,contrastLevel:s(this,N,"m",G).call(this),isDark:this.isDark,primaryPalette:r.a1,secondaryPalette:r.a2,tertiaryPalette:r.a3,neutralPalette:r.n1,neutralVariantPalette:r.n2});let n="";for(const t in X)if(!t.endsWith("PaletteKeyColor")){const e=X[t];e instanceof B&&(n+=`--md-sys-color-${t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}: ${rt(e.getArgb(a))};`)}if("expressive"===this.motion&&(n+="--md-sys-motion-spring-fast-spatial: 350ms cubic-bezier(0.42, 1.67, 0.21, 0.90);",n+="--md-sys-motion-spring-default-spatial: 500ms cubic-bezier(0.38, 1.21, 0.22, 1.00);",n+="--md-sys-motion-spring-slow-spatial: 650ms cubic-bezier(0.39, 1.29, 0.35, 0.98);",n+="--md-sys-motion-spring-fast-effects: 150ms cubic-bezier(0.31, 0.94, 0.34, 1.00);",n+="--md-sys-motion-spring-default-effects: 200ms cubic-bezier(0.34, 0.80, 0.34, 1.00);",n+="--md-sys-motion-spring-slow-effects: 300ms cubic-bezier(0.34, 0.88, 0.34, 1.00);"),n+=`--md-sys-density-scale: ${this.density};`,n+=`--m3e-scrollbar-thumb-color: ${rt(a.neutralPalette.tone(60))};`,n+=`--m3e-focus-ring-visibility: ${this.strongFocus?"visible":"hidden"};`,s(this,z,"f").replaceSync(`:host { ${n} }`),this.parentElement instanceof HTMLBodyElement){const t=getComputedStyle(this);switch(this.scheme){case"light":document.documentElement.style.colorScheme="light";break;case"dark":document.documentElement.style.colorScheme="dark";break;default:switch(document.documentElement.style.colorScheme){case"light":case"dark":document.documentElement.style.colorScheme="light dark"}}s(this,j,"f")?.matches?this.parentElement.style.backgroundColor=this.parentElement.style.color=this.parentElement.ownerDocument.documentElement.style.scrollbarColor=this.parentElement.style.scrollbarColor="":(this.parentElement.style.backgroundColor=t.getPropertyValue("--md-sys-color-background"),this.parentElement.style.color=t.getPropertyValue("--md-sys-color-on-background"),this.parentElement.ownerDocument.documentElement.style.scrollbarColor=this.parentElement.style.scrollbarColor=`${t.getPropertyValue("--m3e-scrollbar-thumb-color")} ${t.getPropertyValue("--m3e-scrollbar-track-color")}`)}s(this,q,"f")&&this.dispatchEvent(new Event("change",{bubbles:!0})),t&&document.body.offsetHeight},G=function(){switch(this.contrast){case"high":return 1;case"medium":return.5;default:return 0}},nt.styles=t`:host { display: contents; font-size: ${n.typescale.standard.body.large.fontSize}; font-weight: ${n.typescale.standard.body.large.fontWeight}; line-height: ${n.typescale.standard.body.large.lineHeight}; letter-spacing: ${n.typescale.standard.body.large.tracking}; }`,i([a()],nt.prototype,"color",void 0),i([a()],nt.prototype,"scheme",void 0),i([a()],nt.prototype,"contrast",void 0),i([a({attribute:"strong-focus",type:Boolean})],nt.prototype,"strongFocus",void 0),i([a({type:Number})],nt.prototype,"density",void 0),i([a()],nt.prototype,"motion",void 0),nt=i([o("m3e-theme")],nt);export{nt as M3eThemeElement};
 //# sourceMappingURL=theme.min.js.map