@vandeurenglenn/lite-elements 0.3.35 → 0.3.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/exports/bundle/banner.js +1 -1
- package/exports/bundle/button.js +1 -1
- package/exports/bundle/card.js +1 -1
- package/exports/bundle/code.js +1 -1
- package/exports/bundle/{column-D2XB0lDz.js → column-CNOGwAhj.js} +1 -1
- package/exports/bundle/demo-elements.js +1 -1
- package/exports/bundle/demo-icons.js +2 -2
- package/exports/bundle/demo-shell.js +1 -1
- package/exports/bundle/demo.js +1 -1
- package/exports/bundle/dialog.js +1 -1
- package/exports/bundle/divider.js +1 -1
- package/exports/bundle/drawer-button.js +2 -6
- package/exports/bundle/drawer-item.js +1 -1
- package/exports/bundle/drawer-layout.js +1 -1
- package/exports/bundle/drawer.js +2 -2
- package/exports/bundle/dropdown-menu.js +2 -2
- package/exports/bundle/dropdown.js +1 -1
- package/exports/bundle/elements.js +1 -1
- package/exports/bundle/elevation.js +1 -1
- package/exports/bundle/fab.js +2 -2
- package/exports/bundle/icon-button.js +3 -3
- package/exports/bundle/icon-set.js +1 -1
- package/exports/bundle/icon.js +2 -2
- package/exports/bundle/input.js +1 -1
- package/exports/bundle/list-item.js +1 -1
- package/exports/bundle/menu.js +1 -1
- package/exports/bundle/minute-field.js +1 -1
- package/exports/bundle/notification.js +3 -3
- package/exports/bundle/notifications.js +1 -1
- package/exports/bundle/pages.js +1 -1
- package/exports/bundle/pane.js +4 -5
- package/exports/bundle/property-BhmaXNYq.js +39 -0
- package/exports/bundle/property-D-Y1CFIF.js +11 -0
- package/exports/bundle/rail.js +1 -1
- package/exports/bundle/root.js +1 -1
- package/exports/bundle/row-BHK6Zell.js +28 -0
- package/exports/bundle/section.js +1 -1
- package/exports/bundle/section2.js +1 -1
- package/exports/bundle/select-mixin.js +1 -1
- package/exports/bundle/selector-mixin.js +1 -1
- package/exports/bundle/selector.js +1 -1
- package/exports/bundle/summary-mirror.js +1 -1
- package/exports/bundle/summary.js +1 -1
- package/exports/bundle/supporting-pane.js +2 -2
- package/exports/bundle/tab.js +1 -1
- package/exports/bundle/tabs.js +1 -1
- package/exports/bundle/text-field.js +1 -1
- package/exports/bundle/theme.js +1 -1
- package/exports/bundle/time-picker.js +1 -1
- package/exports/bundle/toggle-button.js +1 -1
- package/exports/bundle/toggle.js +1 -1
- package/exports/bundle/top-app-bar.js +4 -4
- package/exports/bundle/typography.js +1 -1
- package/exports/bundle/upload-file.js +1 -1
- package/exports/bundle/upload-image.js +142 -147
- package/exports/drawer/drawer-button.d.ts +1 -2
- package/exports/drawer-button.js +4 -7
- package/exports/drawer-layout.js +1 -0
- package/exports/drawer.js +1 -0
- package/exports/dropdown-menu.js +1 -1
- package/exports/icon/icon.d.ts +1 -1
- package/exports/icon.js +2 -2
- package/exports/notifications.js +1 -0
- package/exports/pane/pane.d.ts +1 -1
- package/exports/pane.js +5 -5
- package/exports/rail.js +1 -0
- package/exports/supporting-pane.js +1 -0
- package/exports/theme/theme.d.ts +2 -1
- package/exports/theme.js +20 -12
- package/package.json +2 -2
- package/exports/bundle/index-B3uz3f8C.js +0 -1
- package/exports/bundle/property-Do5-bKhz.js +0 -11
- package/exports/bundle/property-DyuvULjI.js +0 -44
- package/exports/bundle/row-DNgwBcX5.js +0 -33
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2017 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
+
*/
|
|
6
|
+
const t=globalThis,e=t.trustedTypes,i=e?e.createPolicy("lit-html",{createHTML:t=>t}):void 0,r="$lit$",n=`lit$${(Math.random()+"").slice(9)}$`,h="?"+n,l=`<${h}>`,a=document,u=()=>a.createComment(""),c=t=>null===t||"object"!=typeof t&&"function"!=typeof t,d=Array.isArray,b="[ \t\n\f\r]",p=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$=/-->/g,_=/>/g,A=RegExp(`>|${b}(?:([^\\s"'>=/]+)(${b}*=${b}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),g=/'/g,v=/"/g,m=/^(?:script|style|textarea|title)$/i,y=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),f=Symbol.for("lit-noChange"),x=Symbol.for("lit-nothing"),w=new WeakMap,T=a.createTreeWalker(a,129);function N(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==i?i.createHTML(e):e}const C=(t,e)=>{const i=t.length-1,h=[];let a,u=2===e?"<svg>":"",c=p;for(let e=0;e<i;e++){const i=t[e];let d,b,y=-1,f=0;for(;f<i.length&&(c.lastIndex=f,b=c.exec(i),null!==b);)f=c.lastIndex,c===p?"!--"===b[1]?c=$:void 0!==b[1]?c=_:void 0!==b[2]?(m.test(b[2])&&(a=RegExp("</"+b[2],"g")),c=A):void 0!==b[3]&&(c=A):c===A?">"===b[0]?(c=a??p,y=-1):void 0===b[1]?y=-2:(y=c.lastIndex-b[2].length,d=b[1],c=void 0===b[3]?A:'"'===b[3]?v:g):c===v||c===g?c=A:c===$||c===_?c=p:(c=A,a=void 0);const x=c===A&&t[e+1].startsWith("/>")?" ":"";u+=c===p?i+l:y>=0?(h.push(d),i.slice(0,y)+r+i.slice(y)+n+x):i+n+(-2===y?e:x)}return[N(t,u+(t[i]||"<?>")+(2===e?"</svg>":"")),h]};class V{constructor({strings:t,_$litType$:i},l){let a;this.parts=[];let c=0,d=0;const b=t.length-1,p=this.parts,[$,_]=C(t,i);if(this.el=V.createElement($,l),T.currentNode=this.el.content,2===i){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(a=T.nextNode())&&p.length<b;){if(1===a.nodeType){if(a.hasAttributes())for(const t of a.getAttributeNames())if(t.endsWith(r)){const e=_[d++],i=a.getAttribute(t).split(n),r=/([.?@])?(.*)/.exec(e);p.push({type:1,index:c,name:r[2],strings:i,ctor:"."===r[1]?k:"?"===r[1]?H:"@"===r[1]?I:R}),a.removeAttribute(t)}else t.startsWith(n)&&(p.push({type:6,index:c}),a.removeAttribute(t));if(m.test(a.tagName)){const t=a.textContent.split(n),i=t.length-1;if(i>0){a.textContent=e?e.emptyScript:"";for(let e=0;e<i;e++)a.append(t[e],u()),T.nextNode(),p.push({type:2,index:++c});a.append(t[i],u())}}}else if(8===a.nodeType)if(a.data===h)p.push({type:2,index:c});else{let t=-1;for(;-1!==(t=a.data.indexOf(n,t+1));)p.push({type:7,index:c}),t+=n.length-1}c++}}static createElement(t,e){const i=a.createElement("template");return i.innerHTML=t,i}}function E(t,e,i=t,r){if(e===f)return e;let n=void 0!==r?i._$Co?.[r]:i._$Cl;const h=c(e)?void 0:e._$litDirective$;return n?.constructor!==h&&(n?._$AO?.(!1),void 0===h?n=void 0:(n=new h(t),n._$AT(t,i,r)),void 0!==r?(i._$Co??=[])[r]=n:i._$Cl=n),void 0!==n&&(e=E(t,n._$AS(t,e.values),n,r)),e}class S{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:i}=this._$AD,r=(t?.creationScope??a).importNode(e,!0);T.currentNode=r;let n=T.nextNode(),h=0,l=0,u=i[0];for(;void 0!==u;){if(h===u.index){let e;2===u.type?e=new M(n,n.nextSibling,this,t):1===u.type?e=new u.ctor(n,u.name,u.strings,this,t):6===u.type&&(e=new L(n,this,t)),this._$AV.push(e),u=i[++l]}h!==u?.index&&(n=T.nextNode(),h++)}return T.currentNode=a,r}p(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class M{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,i,r){this.type=2,this._$AH=x,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=E(this,t,e),c(t)?t===x||null==t||""===t?(this._$AH!==x&&this._$AR(),this._$AH=x):t!==this._$AH&&t!==f&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>d(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}_(t){this._$AH!==x&&c(this._$AH)?this._$AA.nextSibling.data=t:this.T(a.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,r="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=V.createElement(N(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===r)this._$AH.p(e);else{const t=new S(r,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=w.get(t.strings);return void 0===e&&w.set(t.strings,e=new V(t)),e}k(t){d(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,r=0;for(const n of t)r===e.length?e.push(i=new M(this.S(u()),this.S(u()),this,this.options)):i=e[r],i._$AI(n),r++;r<e.length&&(this._$AR(i&&i._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class R{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,r,n){this.type=1,this._$AH=x,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=n,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=x}_$AI(t,e=this,i,r){const n=this.strings;let h=!1;if(void 0===n)t=E(this,t,e,0),h=!c(t)||t!==this._$AH&&t!==f,h&&(this._$AH=t);else{const r=t;let l,a;for(t=n[0],l=0;l<n.length-1;l++)a=E(this,r[i+l],e,l),a===f&&(a=this._$AH[l]),h||=!c(a)||a!==this._$AH[l],a===x?t=x:t!==x&&(t+=(a??"")+n[l+1]),this._$AH[l]=a}h&&!r&&this.j(t)}j(t){t===x?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class k extends R{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===x?void 0:t}}class H extends R{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==x)}}class I extends R{constructor(t,e,i,r,n){super(t,e,i,r,n),this.type=5}_$AI(t,e=this){if((t=E(this,t,e,0)??x)===f)return;const i=this._$AH,r=t===x&&i!==x||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,n=t!==x&&(i===x||r);r&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class L{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){E(this,t)}}const U=t.litHtmlPolyfillSupport;U?.(V,M),(t.litHtmlVersions??=[]).push("3.1.2");const B=(t,e,i)=>{const r=i?.renderBefore??e;let n=r._$litPart$;if(void 0===n){const t=i?.renderBefore??null;r._$litPart$=n=new M(e.insertBefore(u(),t),t,void 0,i??{})}return n._$AI(t),n
|
|
7
|
+
/**
|
|
8
|
+
* @license
|
|
9
|
+
* Copyright 2019 Google LLC
|
|
10
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
+
*/},O=window,P=O.ShadowRoot&&(void 0===O.ShadyCSS||O.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,W=Symbol(),j=new WeakMap;class o{constructor(t,e,i){if(this._$cssResult$=!0,i!==W)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(P&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=j.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&j.set(e,t))}return t}toString(){return this.cssText}}const D=(t,...e)=>{const i=1===t.length?t[0]:e.reduce(((e,i,r)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[r+1]),t[0]);return new o(i,t,W)};Symbol.metadata??=Symbol("metadata");let q=class s extends HTMLElement{static get observedAttributes(){return this[Symbol.metadata]?.observedAttributes?.values()??[]}attributeChangedCallback(t,e,i){this[t]===i&&e===i||(this[t]=i)}constructor(){super(),this.renderedOnce=!1,this.rendered=new Promise((t=>{this.renderResolve=t})),this.attachShadow({mode:"open"});const t=customElements.get(this.localName);this.shadowRoot.adoptedStyleSheets=t.styles?t.styles.map((t=>t.styleSheet??t)):[],this.requestRender()}render(){return y`<slot></slot>`}requestRender(){B(this.render(),this.shadowRoot),this.renderedOnce||(this.renderResolve(!0),this.renderedOnce=!0,this.firstRender&&this.firstRender())}};class LittlePubSub{subscribers={};verbose;constructor(t){this.verbose=t}_handleContext(t,e){return void 0===e&&(e=t),e}hasSubscribers(t){return!!this.subscribers[t]}subscribe(t,e,i){this.hasSubscribers(t)||(this.subscribers[t]={handlers:[],value:void 0}),i=this._handleContext(e,i),this.subscribers[t].handlers.push(e.bind(i))}unsubscribe(t,e,i){if(!this.hasSubscribers(t))return;i=this._handleContext(e,i);const r=this.subscribers[t].handlers.indexOf(e.bind(i));this.subscribers[t].handlers.splice(r),0===this.subscribers[t].handlers.length&&delete this.subscribers[t]}publish(t,e,i){this.hasSubscribers(t)||(this.subscribers[t]={handlers:[]});const r=this.subscribers[t]?.value;if(this.verbose||i||r!==e){this.subscribers[t].value=e;for(const i of this.subscribers[t].handlers)i(e,r)}}publishVerbose(t,e){this.publish(t,e,!0)}once(t){return new Promise((e=>{const i=r=>{e(r),this.unsubscribe(t,i)};this.subscribe(t,i)}))}}globalThis.pubsub=globalThis.pubsub||new LittlePubSub;const z={type:String,reflect:!1,renders:!0,batchDelay:50,temporaryRender:10},J=(t,e)=>{let i=t;return e===Boolean?i=Boolean("true"===t):e===Number?i=Number(t):e===Uint8Array?i=new Uint8Array(t.split(",")):e!==Array&&e!==Object&&e!==WeakMap&&e!==Map&&e!==Uint8Array||(i=JSON.parse(t),e===Map&&(i=new Map(t)),e===WeakMap&&(i=new WeakMap(t))),i},Z=t=>{t={...z,...t};let e=0;return function(i,{kind:r,name:n,addInitializer:h,access:l,metadata:a}){const{type:u,reflect:c,renders:d,batches:b,batchDelay:p,consumer:$,provider:_,temporaryRender:A}=t,g=t.attribute??c,v=String(n),m=g&&"string"==typeof g?g:v,y=u===Boolean,f=$||"boolean"==typeof t.consumes?m:t.consumes,x=_||"boolean"==typeof t.provides?m:t.provides;if(t.provider&&console.warn(`${v}: 'options.provider' is deprecated, use options.provides instead`),t.consumer&&console.warn(`${v}: 'options.consumer' is deprecated, used options.consumes instead`),h((async function(){"accessor"!==r&&console.warn(`${this.localName}: @property(${t}) ${v} ${r} is not supported`),g&&(a||(a={}),a.observedAttributes||(a.observedAttributes=new Map),a.observedAttributes.set(v,m)),f&&globalThis.pubsub.subscribe(f,(async t=>{this[n]=t}))})),"accessor"===r)return{get(){return w.call(this)},set(t){return T.call(this,t)},init(t){return this.hasAttribute(m)&&(t=y?this.hasAttribute(m):J(this.getAttribute(m),u)),void 0!==t&&T.call(this,t),f&&globalThis.pubsub.subscribers?.[f]?.value&&T.call(this,globalThis.pubsub.subscribers[f].value),this[n]}};function w(){const t=g?y?this.hasAttribute(m):J(this.getAttribute(m),u):this[`__lite_${v}`]?this[`__lite_${v}`]:this[`_lite_${v}`];return f&&!this[`__lite_${v}`]&&globalThis.pubsub.subscribers?.[f]?.value?(t!==globalThis.pubsub.subscribers[f].value&&T.call(this,globalThis.pubsub.subscribers[f].value),globalThis.pubsub.subscribers[f].value):t}async function T(t){if(x&&globalThis.pubsub.publish(x,t),this[`_lite_${v}`]!==t){this.willChange&&(this[`__lite_${v}`]=await this.willChange(n,t)),g?y?t||this[`__lite_${v}`]?this.setAttribute(m,""):this.removeAttribute(m):t||this[`__lite_${v}`]?this.setAttribute(m,((t,e)=>{let i=e;if(t===Boolean||t===Number||t===Uint8Array)return e.toString();if(t===Array||t===Object||t===WeakMap||t===Map||t===Uint8Array){let r;t!==Map&&t!==WeakMap||(r=Object(e).entries()),i=JSON.stringify(r)}return i})(u,this[`__lite_${v}`]??t)):this.removeAttribute(m):this[`_lite_${v}`]=t;const i=()=>{e=0,this.requestRender&&d&&this.requestRender(),this.onChange&&this.onChange(n,this[`__lite_${v}`]??t)};b?(e===A&&i(),this[`_${v}_timeout`]&&clearTimeout(this[`_${v}_timeout`]),this[`_${v}_timeout`]=setTimeout(i,p)):i()}}}};export{LittlePubSub as L,x as T,Z as a,D as i,B as j,q as s,f as w,y as x};
|
package/exports/bundle/rail.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,e as s}from"./custom-element-BOdKJYdz.js";import{
|
|
1
|
+
import{_ as t,a as e,e as s}from"./custom-element-BOdKJYdz.js";import{a as o,x as a,s as i}from"./property-D-Y1CFIF.js";import"./pane.js";import"./elevation.js";import"./icon-button.js";import"./button.js";import"./icon.js";let l=(()=>{let l,r,n,c,m,p,h=[s("custom-rail")],d=[],y=i,g=[],u=[],b=[],f=[],_=[],v=[],x=[],j=[];return class extends y{static{r=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;n=[o({type:Boolean,reflect:!0})],c=[o({type:Boolean,reflect:!0})],m=[o({type:String,reflect:!0})],p=[o({type:Boolean})],t(this,null,n,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:t=>"open"in t,get:t=>t.open,set:(t,e)=>{t.open=e}},metadata:s},g,u),t(this,null,c,{kind:"accessor",name:"mobile",static:!1,private:!1,access:{has:t=>"mobile"in t,get:t=>t.mobile,set:(t,e)=>{t.mobile=e}},metadata:s},b,f),t(this,null,m,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:t=>"type"in t,get:t=>t.type,set:(t,e)=>{t.type=e}},metadata:s},_,v),t(this,null,p,{kind:"accessor",name:"right",static:!1,private:!1,access:{has:t=>"right"in t,get:t=>t.right,set:(t,e)=>{t.right=e}},metadata:s},x,j),t(null,l={value:r},h,{kind:"class",name:r.name,metadata:s},null,d),r=l.value,s&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(r,d)}#t=e(this,g,!1);get open(){return this.#t}set open(t){this.#t=t}#e=(e(this,u),e(this,b,!1));get mobile(){return this.#e}set mobile(t){this.#e=t}#s=(e(this,f),e(this,_,void 0));get type(){return this.#s}set type(t){this.#s=t}#o=(e(this,v),e(this,x,!1));get right(){return this.#o}set right(t){this.#o=t}render(){return a`<style>
|
|
2
2
|
:host {
|
|
3
3
|
display: contents;
|
|
4
4
|
}
|
package/exports/bundle/root.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,e as a}from"./custom-element-BOdKJYdz.js";import{
|
|
1
|
+
import{_ as t,a as e,e as a}from"./custom-element-BOdKJYdz.js";import{i as o,x as s,s as l}from"./property-D-Y1CFIF.js";import"./theme.js";let m=(()=>{let m,r,n=[a("custom-root")],c=[],i=l;return class extends i{static{r=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;t(null,m={value:r},n,{kind:"class",name:r.name,metadata:e},null,c),r=m.value,e&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[o`
|
|
2
2
|
:host {
|
|
3
3
|
display: contents;
|
|
4
4
|
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import{x as t,j as e,L as i}from"./property-D-Y1CFIF.js";Symbol.metadata??=Symbol("metadata");let r=class s extends HTMLElement{static get observedAttributes(){return this[Symbol.metadata]?.observedAttributes?.values()??[]}attributeChangedCallback(t,e,i){this[t]===i&&e===i||(this[t]=i)}constructor(){super(),this.renderedOnce=!1,this.rendered=new Promise((t=>{this.renderResolve=t})),this.attachShadow({mode:"open"});const t=customElements.get(this.localName);this.shadowRoot.adoptedStyleSheets=t.styles?t.styles.map((t=>t.styleSheet??t)):[],this.requestRender()}render(){return t`<slot></slot>`}requestRender(){e(this.render(),this.shadowRoot),this.renderedOnce||(this.renderResolve(!0),this.renderedOnce=!0,this.firstRender&&this.firstRender())}};globalThis.pubsub=globalThis.pubsub||new i;const a={type:String,reflect:!1,renders:!0,batchDelay:50,temporaryRender:10},n=(t,e)=>{let i=t;return e===Boolean?i=Boolean("true"===t):e===Number?i=Number(t):e===Uint8Array?i=new Uint8Array(t.split(",")):e!==Array&&e!==Object&&e!==WeakMap&&e!==Map&&e!==Uint8Array||(i=JSON.parse(t),e===Map&&(i=new Map(t)),e===WeakMap&&(i=new WeakMap(t))),i},o=t=>{t={...a,...t};let e=0;return function(i,{kind:r,name:a,addInitializer:o,access:c,metadata:l}){const{type:h,reflect:d,renders:u,batches:g,batchDelay:p,consumer:b,provider:m,temporaryRender:_}=t,y=t.attribute??d,f=String(a),v=y&&"string"==typeof y?y:f,x=h===Boolean,w=b||"boolean"==typeof t.consumes?v:t.consumes,S=m||"boolean"==typeof t.provides?v:t.provides;if(t.provider&&console.warn(`${f}: 'options.provider' is deprecated, use options.provides instead`),t.consumer&&console.warn(`${f}: 'options.consumer' is deprecated, used options.consumes instead`),o((async function(){"accessor"!==r&&console.warn(`${this.localName}: @property(${t}) ${f} ${r} is not supported`),y&&(l||(l={}),l.observedAttributes||(l.observedAttributes=new Map),l.observedAttributes.set(f,v)),w&&globalThis.pubsub.subscribe(w,(async t=>{this[a]=t}))})),"accessor"===r)return{get(){return $.call(this)},set(t){return C.call(this,t)},init(t){return this.hasAttribute(v)&&(t=x?this.hasAttribute(v):n(this.getAttribute(v),h)),void 0!==t&&C.call(this,t),w&&globalThis.pubsub.subscribers?.[w]?.value&&C.call(this,globalThis.pubsub.subscribers[w].value),this[a]}};function $(){const t=y?x?this.hasAttribute(v):n(this.getAttribute(v),h):this[`__lite_${f}`]?this[`__lite_${f}`]:this[`_lite_${f}`];return w&&!this[`__lite_${f}`]&&globalThis.pubsub.subscribers?.[w]?.value?(t!==globalThis.pubsub.subscribers[w].value&&C.call(this,globalThis.pubsub.subscribers[w].value),globalThis.pubsub.subscribers[w].value):t}async function C(t){if(S&&globalThis.pubsub.publish(S,t),this[`_lite_${f}`]!==t){this.willChange&&(this[`__lite_${f}`]=await this.willChange(a,t)),y?x?t||this[`__lite_${f}`]?this.setAttribute(v,""):this.removeAttribute(v):t||this[`__lite_${f}`]?this.setAttribute(v,((t,e)=>{let i=e;if(t===Boolean||t===Number||t===Uint8Array)return e.toString();if(t===Array||t===Object||t===WeakMap||t===Map||t===Uint8Array){let r;t!==Map&&t!==WeakMap||(r=Object(e).entries()),i=JSON.stringify(r)}return i})(h,this[`__lite_${f}`]??t)):this.removeAttribute(v):this[`_lite_${f}`]=t;const i=()=>{e=0,this.requestRender&&u&&this.requestRender(),this.onChange&&this.onChange(a,this[`__lite_${f}`]??t)};g?(e===_&&i(),this[`_${f}_timeout`]&&clearTimeout(this[`_${f}_timeout`]),this[`_${f}_timeout`]=setTimeout(i,p)):i()}}}};var c=function(t,e,i,r,a,n){function o(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var c,l=r.kind,h="getter"===l?"get":"setter"===l?"set":"value",d=!e&&t?r.static?t:t.prototype:null,u=e||(d?Object.getOwnPropertyDescriptor(d,r.name):{}),g=!1,p=i.length-1;p>=0;p--){var b={};for(var m in r)b[m]="access"===m?{}:r[m];for(var m in r.access)b.access[m]=r.access[m];b.addInitializer=function(t){if(g)throw new TypeError("Cannot add initializers after decoration has completed");n.push(o(t||null))};var _=(0,i[p])("accessor"===l?{get:u.get,set:u.set}:u[h],b);if("accessor"===l){if(void 0===_)continue;if(null===_||"object"!=typeof _)throw new TypeError("Object expected");(c=o(_.get))&&(u.get=c),(c=o(_.set))&&(u.set=c),(c=o(_.init))&&a.unshift(c)}else(c=o(_))&&("field"===l?a.unshift(c):u[h]=c)}d&&Object.defineProperty(d,r.name,u),g=!0},l=function(t,e,i){for(var r=arguments.length>2,a=0;a<e.length;a++)i=r?e[a].call(t,i):e[a].call(t);return r?i:void 0};let h=(()=>{let e,i,a,n,h,d,u,g,p,b,m=r,_=[],y=[],f=[],v=[],x=[],w=[],S=[],$=[],C=[],W=[],j=[];return class FlexDisplay extends m{static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;e=[o({type:String})],i=[o({type:String})],a=[o({type:String})],n=[o({type:String})],h=[o({type:String,reflect:!0})],d=[o({type:Boolean,reflect:!0})],u=[o({type:Boolean,reflect:!0,attribute:"center-center"})],g=[o({type:String})],p=[o({type:String})],b=[o({type:String})],c(this,null,e,{kind:"accessor",name:"padding",static:!1,private:!1,access:{has:t=>"padding"in t,get:t=>t.padding,set:(t,e)=>{t.padding=e}},metadata:t},y,_),c(this,null,i,{kind:"accessor",name:"minWidth",static:!1,private:!1,access:{has:t=>"minWidth"in t,get:t=>t.minWidth,set:(t,e)=>{t.minWidth=e}},metadata:t},f,_),c(this,null,a,{kind:"accessor",name:"maxWidth",static:!1,private:!1,access:{has:t=>"maxWidth"in t,get:t=>t.maxWidth,set:(t,e)=>{t.maxWidth=e}},metadata:t},v,_),c(this,null,n,{kind:"accessor",name:"width",static:!1,private:!1,access:{has:t=>"width"in t,get:t=>t.width,set:(t,e)=>{t.width=e}},metadata:t},x,_),c(this,null,h,{kind:"accessor",name:"direction",static:!1,private:!1,access:{has:t=>"direction"in t,get:t=>t.direction,set:(t,e)=>{t.direction=e}},metadata:t},w,_),c(this,null,d,{kind:"accessor",name:"center",static:!1,private:!1,access:{has:t=>"center"in t,get:t=>t.center,set:(t,e)=>{t.center=e}},metadata:t},S,_),c(this,null,u,{kind:"accessor",name:"centerCenter",static:!1,private:!1,access:{has:t=>"centerCenter"in t,get:t=>t.centerCenter,set:(t,e)=>{t.centerCenter=e}},metadata:t},$,_),c(this,null,g,{kind:"accessor",name:"justifyContent",static:!1,private:!1,access:{has:t=>"justifyContent"in t,get:t=>t.justifyContent,set:(t,e)=>{t.justifyContent=e}},metadata:t},C,_),c(this,null,p,{kind:"accessor",name:"alignItems",static:!1,private:!1,access:{has:t=>"alignItems"in t,get:t=>t.alignItems,set:(t,e)=>{t.alignItems=e}},metadata:t},W,_),c(this,null,b,{kind:"accessor",name:"boxSizing",static:!1,private:!1,access:{has:t=>"boxSizing"in t,get:t=>t.boxSizing,set:(t,e)=>{t.boxSizing=e}},metadata:t},j,_),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#t=(l(this,_),l(this,y,"0"));get padding(){return this.#t}set padding(t){this.#t=t}#e=l(this,f,"auto");get minWidth(){return this.#e}set minWidth(t){this.#e=t}#s=l(this,v,"auto");get maxWidth(){return this.#s}set maxWidth(t){this.#s=t}#i=l(this,x,"100%");get width(){return this.#i}set width(t){this.#i=t}#r=l(this,w,"row");get direction(){return this.#r}set direction(t){this.#r=t}#a=l(this,S,void 0);get center(){return this.#a}set center(t){this.#a=t}#n=l(this,$,void 0);get centerCenter(){return this.#n}set centerCenter(t){this.#n=t}#o=l(this,C,"flex-start");get justifyContent(){return this.#o}set justifyContent(t){this.#o=t}#c=l(this,W,"flex-start");get alignItems(){return this.#c}set alignItems(t){this.#c=t}#l=l(this,j,"border-box");get boxSizing(){return this.#l}set boxSizing(t){this.#l=t}render(){return t`
|
|
2
|
+
<style>
|
|
3
|
+
:host {
|
|
4
|
+
display: flex;
|
|
5
|
+
box-sizing: var(--flex-display-box-sizing, ${this.boxSizing});
|
|
6
|
+
max-width: var(--flex-display-max-width, ${this.maxWidth});
|
|
7
|
+
min-width: var(--flex-display-min-width, ${this.minWidth});
|
|
8
|
+
width: var(--flex-display-width, ${this.width});
|
|
9
|
+
flex-direction: var(--flex-display-direction, ${this.direction});
|
|
10
|
+
justify-content: var(
|
|
11
|
+
--flex-display-justify-content,
|
|
12
|
+
${this.justifyContent}
|
|
13
|
+
);
|
|
14
|
+
align-items: var(--flex-display-align-items, ${this.alignItems});
|
|
15
|
+
padding: var(--flex-display-padding, ${this.padding});
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
:host([center]) {
|
|
19
|
+
align-items: center;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
:host([center-center]) {
|
|
23
|
+
align-items: center;
|
|
24
|
+
justify-content: center;
|
|
25
|
+
}
|
|
26
|
+
</style>
|
|
27
|
+
<slot></slot>
|
|
28
|
+
`}}})();customElements.define("flex-row",class FlexRow extends h{constructor(){super(),this.direction="row",this.width="auto"}});export{h as F};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e,a as t,e as o}from"./custom-element-BOdKJYdz.js";import{
|
|
1
|
+
import{_ as e,a as t,e as o}from"./custom-element-BOdKJYdz.js";import{i as s,x as a,s as l}from"./property-D-Y1CFIF.js";import"./section2.js";import"./code.js";import"./scroll-mixin.js";import"./elevation.js";let c=(()=>{let c,n,r=[o("demo-section")],i=[],m=l;return class extends m{static{n=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;e(null,c={value:n},r,{kind:"class",name:n.name,metadata:t},null,i),n=c.value,t&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}async connectedCallback(){const e=this.shadowRoot.querySelector("slot").assignedElements();for(const o of e){const e=document.createElement("demo-code");e.code=await(t=o.outerHTML,t.replace(/(\ <\/(?=[^<\/]*$))/g,"<")),o.after(e)}var t}static styles=[s`
|
|
2
2
|
:host {
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e,a as t,e as a}from"./custom-element-BOdKJYdz.js";import{
|
|
1
|
+
import{_ as e,a as t,e as a}from"./custom-element-BOdKJYdz.js";import{i as o,x as l,s as n}from"./property-D-Y1CFIF.js";import{ScrollMixin as s}from"./scroll-mixin.js";import"./elevation.js";let r=(()=>{let r,i,m=[a("custom-section")],c=[],u=s(n);return class extends u{static{i=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;e(null,r={value:i},m,{kind:"class",name:i.name,metadata:t},null,c),i=r.value,t&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static styles=[o`
|
|
2
2
|
:host {
|
|
3
3
|
display: flex;
|
|
4
4
|
justify-content: center;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{s as e}from"./property-D-Y1CFIF.js";class SelectBase extends e{#e;currentSelected;connectedCallback(){this.selected=this.defaultSelected}get multi(){return this.hasAttribute("multi")}set multi(e){e?this.setAttribute("multi",""):this.removeAttribute("multi")}get defaultSelected(){return this.getAttribute("default-selected")||0}set selected(e){this.#e=e,this.#t()}get selected(){return this.#e}get slotted(){return this.shadowRoot?this.shadowRoot.querySelector("slot"):this}get#s(){const e="assignedNodes"in this.slotted?this.slotted.assignedNodes():this.children,t=[];for(var s=0;s<e.length;s++){const d=e[s];1===d.nodeType&&t.push(d)}return t}get attrForSelected(){return this.getAttribute("attr-for-selected")||"name"}set attrForSelected(e){this.setAttribute("attr-for-selected",e)}attributeChangedCallback(e,t,s){t!==s&&(isNaN(s)||(s=Number(s)),this[e]=s)}select(e){e&&(this.selected=e),this.multi&&this.#t()}next(){const e=this.getIndexFor(this.currentSelected);-1!==e&&e>=0&&this.#s.length>e&&e+1<=this.#s.length-1&&(this.selected=this.#s[e+1])}previous(){const e=this.getIndexFor(this.currentSelected);-1!==e&&e>=0&&this.#s.length>e&&e-1>=0&&(this.selected=this.#s[e-1])}getIndexFor(e){return this.#s.indexOf(e||this.selected)}#d(e,t){e.classList.add("custom-selected"),t&&t!==e&&t.classList.remove("custom-selected"),this.currentSelected=e}#i(e){for(const t of this.#s)e.includes(t.getAttribute(this.attrForSelected))?t.classList.add("custom-selected"):t.classList.remove("custom-selected")}#r(e){for(const t of this.#s)if(t.getAttribute(this.attrForSelected)===e)return this.#d(t,this.currentSelected)}#t(){if(void 0===this.selected)return void(this.currentSelected&&this.currentSelected.classList.remove("custom-selected"));const e=typeof this.selected;if(Array.isArray(this.selected))return this.#i(this.selected);if("object"===e)return this.#d(this.selected,this.currentSelected);if("string"===e)return this.#r(this.selected);const t=this.#s[this.selected];t&&this.#d(t,this.currentSelected)}}function t(e){return SelectBase}export{SelectBase,t as SelectMixin};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{SelectBase as e}from"./select-mixin.js";import"./property-
|
|
1
|
+
import{SelectBase as e}from"./select-mixin.js";import"./property-D-Y1CFIF.js";class SelectorBase extends e{constructor(){super()}async connectedCallback(){super.connectedCallback&&await super.connectedCallback(),this.slotted.addEventListener("click",this.#e.bind(this))}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),this.slotted.removeEventListener("click",this.#e.bind(this))}#e(e){const t=e.composedPath()[0];if(t.localName===this.localName)return;const s=t.getAttribute(this.attrForSelected)||t;if(this.multi){const e=Array.isArray(this.selected)?this.selected:[],t=e.indexOf(s);-1===t?e.push(s):e.splice(t,1),this.selected=e}else this.selected=s;this.dispatchEvent(new CustomEvent("selected",{detail:s}))}}function t(e){return SelectorBase}export{SelectorBase,t as SelectorMixin};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e,a as t,e as a}from"./custom-element-BOdKJYdz.js";import{
|
|
1
|
+
import{_ as e,a as t,e as a}from"./custom-element-BOdKJYdz.js";import{i as o,x as l}from"./property-D-Y1CFIF.js";import{SelectorBase as s}from"./selector-mixin.js";import"./select-mixin.js";let r=(()=>{let r,n,c=[a("custom-selector")],i=[],m=s;return class extends m{static{n=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;e(null,r={value:n},c,{kind:"class",name:n.name,metadata:t},null,i),n=r.value,t&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static styles=[o`
|
|
2
2
|
:host {
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,e as s}from"./custom-element-BOdKJYdz.js";import{
|
|
1
|
+
import{_ as t,a as e,e as s}from"./custom-element-BOdKJYdz.js";import{x as i,s as a}from"./property-D-Y1CFIF.js";let l=(()=>{let l,o,r=[s("custom-summary-mirror")],m=[],h=a;return class extends h{static{o=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;t(null,l={value:o},r,{kind:"class",name:o.name,metadata:s},null,m),o=l.value,s&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(o,m)}connectedCallback(){const t=window.matchMedia("(min-width: 1200px)");this._matches(t),this._matches=this._matches.bind(this),t.onchange=this._matches}_matches({matches:t}){const e=this.querySelector('[slot="left"]'),s=this.querySelector('[slot="right"]');t?s.hasAttribute("switched")&&(e.removeAttribute("switched"),e.setAttribute("slot","right"),s.setAttribute("slot","left")):(e.setAttribute("switched",""),e.setAttribute("slot","right"),s.setAttribute("slot","left"))}get template(){return i`
|
|
2
2
|
<style>
|
|
3
3
|
:host {
|
|
4
4
|
display: flex;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,e as a}from"./custom-element-BOdKJYdz.js";import{
|
|
1
|
+
import{_ as t,a as e,e as a}from"./custom-element-BOdKJYdz.js";import{i as l,x as o,s as i}from"./property-D-Y1CFIF.js";let s=(()=>{let s,m,n=[a("custom-summary")],r=[],d=i;return class extends d{static{m=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;t(null,s={value:m},n,{kind:"class",name:m.name,metadata:e},null,r),m=s.value,e&&Object.defineProperty(m,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[l`
|
|
2
2
|
:host {
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,e as s}from"./custom-element-BOdKJYdz.js";import{
|
|
1
|
+
import{_ as t,a as e,e as s}from"./custom-element-BOdKJYdz.js";import{a,x as o,s as i}from"./property-D-Y1CFIF.js";import{t as n}from"./query-D-PG8Oyh.js";import"./pane.js";import"./elevation.js";import"./icon-button.js";import"./button.js";import"./icon.js";let r=(()=>{let r,c,p,l,d,u,h,m=[s("custom-supporting-pane")],g=[],v=i,_=[],f=[],y=[],b=[],j=[],w=[],x=[],k=[],S=[],C=[];return class extends v{static{c=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(v[Symbol.metadata]??null):void 0;p=[a({type:Boolean,reflect:!0})],l=[a({type:String,reflect:!0})],d=[a({type:Boolean,reflect:!0})],u=[a({type:String})],h=[n(".support")],t(this,null,p,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:t=>"open"in t,get:t=>t.open,set:(t,e)=>{t.open=e}},metadata:s},_,f),t(this,null,l,{kind:"accessor",name:"variant",static:!1,private:!1,access:{has:t=>"variant"in t,get:t=>t.variant,set:(t,e)=>{t.variant=e}},metadata:s},y,b),t(this,null,d,{kind:"accessor",name:"left",static:!1,private:!1,access:{has:t=>"left"in t,get:t=>t.left,set:(t,e)=>{t.left=e}},metadata:s},j,w),t(this,null,u,{kind:"accessor",name:"id",static:!1,private:!1,access:{has:t=>"id"in t,get:t=>t.id,set:(t,e)=>{t.id=e}},metadata:s},x,k),t(this,null,h,{kind:"accessor",name:"supporting",static:!1,private:!1,access:{has:t=>"supporting"in t,get:t=>t.supporting,set:(t,e)=>{t.supporting=e}},metadata:s},S,C),t(null,r={value:c},m,{kind:"class",name:c.name,metadata:s},null,g),c=r.value,s&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(c,g)}#t=e(this,_,!1);get open(){return this.#t}set open(t){this.#t=t}#e=(e(this,f),e(this,y,"expanded"));get variant(){return this.#e}set variant(t){this.#e=t}#s=(e(this,b),e(this,j,!1));get left(){return this.#s}set left(t){this.#s=t}#a=(e(this,w),e(this,x,void 0));get id(){return this.#a}set id(t){this.#a=t}#o=(e(this,k),e(this,S,void 0));get supporting(){return this.#o}set supporting(t){this.#o=t}onPaneClose({detail:t}){this.id===t&&(this.open=!1)}connectedCallback(){document.addEventListener("custom-pane-close",this.onPaneClose.bind(this)),document.addEventListener("custom-pane-open",(({detail:t})=>{this.id===t&&(this.open=!0)}))}render(){return o`<style>
|
|
2
2
|
:host {
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|
|
@@ -44,4 +44,4 @@ import{_ as t,a as e,e as s}from"./custom-element-BOdKJYdz.js";import{t as a,v a
|
|
|
44
44
|
<slot name="supporting-header" slot="header"></slot>
|
|
45
45
|
<slot name="supporting-content"></slot>
|
|
46
46
|
</slot>
|
|
47
|
-
</custom-pane>`}constructor(){super(...arguments),e(this,C)}},c})();export{
|
|
47
|
+
</custom-pane>`}constructor(){super(...arguments),e(this,C)}},c})();export{r as CustomSupportingPane};
|
package/exports/bundle/tab.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,e as a}from"./custom-element-BOdKJYdz.js";import{
|
|
1
|
+
import{_ as t,a as e,e as a}from"./custom-element-BOdKJYdz.js";import{x as o,s as n}from"./property-D-Y1CFIF.js";let r=(()=>{let r,l,s=[a("custom-tab")],i=[],p=n;return class extends p{static{l=this}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;t(null,r={value:l},s,{kind:"class",name:l.name,metadata:a},null,i),l=r.value,a&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),e(l,i)}render(){return o`
|
|
2
2
|
<style>
|
|
3
3
|
:host {
|
|
4
4
|
display: flex;
|
package/exports/bundle/tabs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as r,a as o,e as t}from"./custom-element-BOdKJYdz.js";import{
|
|
1
|
+
import{_ as r,a as o,e as t}from"./custom-element-BOdKJYdz.js";import{x as e}from"./property-D-Y1CFIF.js";import{SelectorBase as a}from"./selector-mixin.js";import"./tab.js";import"./select-mixin.js";let s=(()=>{let s,l,c=[t("custom-tabs")],d=[],m=a;return class extends m{static{l=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;r(null,s={value:l},c,{kind:"class",name:l.name,metadata:t},null,d),l=s.value,t&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t}),o(l,d)}render(){return e`
|
|
2
2
|
<style>
|
|
3
3
|
:host {
|
|
4
4
|
--custom-tabs-background: var(---md-sys-color-surface);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as a,a as t,e as n}from"./custom-element-BOdKJYdz.js";import{
|
|
1
|
+
import{_ as a,a as t,e as n}from"./custom-element-BOdKJYdz.js";import{a as e,i as s,x as i,s as o}from"./property-D-Y1CFIF.js";import{t as l}from"./query-D-PG8Oyh.js";let c=(()=>{let c,r,g,h,d,I,m=[n("text-field")],S=[],_=o,u=[],p=[],b=[],v=[],L=[],y=[],T=[],f=[];return class extends _{static{r=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(_[Symbol.metadata]??null):void 0;g=[l('slot[name="leading-icon"]')],h=[l('slot[name="trailing-icon"]')],d=[e({type:Boolean,reflect:!0,attribute:"has-leading-icon"})],I=[e({type:Boolean,reflect:!0,attribute:"has-trailing-icon"})],a(this,null,g,{kind:"accessor",name:"leadingIconSlot",static:!1,private:!1,access:{has:a=>"leadingIconSlot"in a,get:a=>a.leadingIconSlot,set:(a,t)=>{a.leadingIconSlot=t}},metadata:t},u,p),a(this,null,h,{kind:"accessor",name:"trailingIconSlot",static:!1,private:!1,access:{has:a=>"trailingIconSlot"in a,get:a=>a.trailingIconSlot,set:(a,t)=>{a.trailingIconSlot=t}},metadata:t},b,v),a(this,null,d,{kind:"accessor",name:"hasLeadingIcon",static:!1,private:!1,access:{has:a=>"hasLeadingIcon"in a,get:a=>a.hasLeadingIcon,set:(a,t)=>{a.hasLeadingIcon=t}},metadata:t},L,y),a(this,null,I,{kind:"accessor",name:"hasTrailingIcon",static:!1,private:!1,access:{has:a=>"hasTrailingIcon"in a,get:a=>a.hasTrailingIcon,set:(a,t)=>{a.hasTrailingIcon=t}},metadata:t},T,f),a(null,c={value:r},m,{kind:"class",name:r.name,metadata:t},null,S),r=c.value,t&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#a=t(this,u,void 0);get leadingIconSlot(){return this.#a}set leadingIconSlot(a){this.#a=a}#t=(t(this,p),t(this,b,void 0));get trailingIconSlot(){return this.#t}set trailingIconSlot(a){this.#t=a}#n=(t(this,v),t(this,L,void 0));get hasLeadingIcon(){return this.#n}set hasLeadingIcon(a){this.#n=a}#e=(t(this,y),t(this,T,void 0));get hasTrailingIcon(){return this.#e}set hasTrailingIcon(a){this.#e=a}#s=(t(this,f),()=>{this.leadingIconSlot.assignedElements.length>0?this.hasLeadingIcon=!0:this.hasLeadingIcon=!1});#i=()=>{this.trailingIconSlot.assignedElements.length>0?this.hasTrailingIcon=!0:this.hasTrailingIcon=!1};connectedCallback(){this.leadingIconSlot.addEventListener("slotchange",this.#s),this.trailingIconSlot.addEventListener("slotchange",this.#i)}static styles=[s`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
}
|
package/exports/bundle/theme.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as
|
|
1
|
+
import{_ as e,a as t,e as s}from"./custom-element-BOdKJYdz.js";import{a,s as o}from"./property-D-Y1CFIF.js";let i=(()=>{let i,r,n,l,c,m,d=[s("custom-theme")],g=[],h=o,b=[],u=[],y=[],p=[],_=[],f=[],w=[],S=[];return class extends h{static{r=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;n=[a({type:Boolean,attribute:"load-font"})],l=[a({type:Boolean,attribute:"load-symbols"})],c=[a({type:String,attribute:"mobile-trigger"})],m=[a({type:Boolean})],e(this,null,n,{kind:"accessor",name:"loadFont",static:!1,private:!1,access:{has:e=>"loadFont"in e,get:e=>e.loadFont,set:(e,t)=>{e.loadFont=t}},metadata:s},b,u),e(this,null,l,{kind:"accessor",name:"loadSymbols",static:!1,private:!1,access:{has:e=>"loadSymbols"in e,get:e=>e.loadSymbols,set:(e,t)=>{e.loadSymbols=t}},metadata:s},y,p),e(this,null,c,{kind:"accessor",name:"mobileTrigger",static:!1,private:!1,access:{has:e=>"mobileTrigger"in e,get:e=>e.mobileTrigger,set:(e,t)=>{e.mobileTrigger=t}},metadata:s},_,f),e(this,null,m,{kind:"accessor",name:"narrow",static:!1,private:!1,access:{has:e=>"narrow"in e,get:e=>e.narrow,set:(e,t)=>{e.narrow=t}},metadata:s},w,S),e(null,i={value:r},d,{kind:"class",name:r.name,metadata:s},null,g),r=i.value,s&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),t(r,g)}#e;#t=t(this,b,!0);get loadFont(){return this.#t}set loadFont(e){this.#t=e}#s=(t(this,u),t(this,y,!0));get loadSymbols(){return this.#s}set loadSymbols(e){this.#s=e}#a=(t(this,p),t(this,_,"(max-width: 860px)"));get mobileTrigger(){return this.#a}set mobileTrigger(e){this.#a=e}#o=(t(this,f),t(this,w,void 0));get narrow(){return this.#o}set narrow(e){this.#o=e}#i(e,t,s){let a=document.createElement("link");if(a.rel=t,a.href=e,s)for(const e of s)a.setAttribute(e,"");document.head.appendChild(a)}#r(){let e="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0&display=swap";return globalThis.symbols&&(e+=`&text=${globalThis.symbols}`),e}onChange(e,t){"mobileTrigger"===e&&this.#n()}#n(){this.#e=matchMedia(this.mobileTrigger),this.#e.onchange=this.#l,this.#l({matches:this.#e.matches})}connectedCallback(){this.load("./themes/default/theme.css");const e=document.createElement("style");e.innerHTML="\n html, body {\n inset: 0;\n position: absolute;\n margin: 0;\n background: var(--md-sys-color-background);\n color: var(--md-sys-color-on-background);\n overflow: hidden;\n }",document.head.appendChild(e),(this.loadFont||this.loadSymbols)&&this.#i("https://fonts.googleapis.com","preconnect"),this.#i("https://fonts.gstatic.com","preconnect",["crossorigin"]),this.loadFont&&this.#i("https://fonts.googleapis.com/css2?family=Roboto&display=swap","stylesheet"),this.loadSymbols&&this.#i(this.#r(),"stylesheet")}#l=(t(this,S),({matches:e})=>{this.narrow=e,document.dispatchEvent(new CustomEvent("custom-theme-narrow",{detail:this.narrow}))});set language(e){this.setAttribute("language",e)}get language(){return this.getAttribute("language")||"css"}async load(e){if("js"===this.language){const t=await import(e);for(const[e,s]of Object.entries(t)){const t=`--${e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}`;document.body.style.setProperty(t,s)}}else if("css"===this.language){const t=document.createElement("link");t.rel="stylesheet",t.href=e,document.head.appendChild(t)}}},r})();export{i as CustomTheme};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,e as a}from"./custom-element-BOdKJYdz.js";import{
|
|
1
|
+
import{_ as t,a as e,e as a}from"./custom-element-BOdKJYdz.js";import{i as s,x as l,s as i}from"./property-D-Y1CFIF.js";import"./input.js";let c=(()=>{let c,n,m=[a("custom-time-picker")],p=[],o=i;return class extends o{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;t(null,c={value:n},m,{kind:"class",name:n.name,metadata:e},null,p),n=c.value,e&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[s`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,e as s}from"./custom-element-BOdKJYdz.js";import{
|
|
1
|
+
import{_ as t,a as e,e as s}from"./custom-element-BOdKJYdz.js";import{a,x as o,s as c}from"./property-D-Y1CFIF.js";import"./button.js";import"./toggle.js";import"./elevation.js";let i=(()=>{let i,r,l,g,n=[s("custom-toggle-button")],m=[],u=c,v=[],h=[],d=[],_=[];return class extends u{static{r=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;l=[a({type:Number})],g=[a({type:Array})],t(this,null,l,{kind:"accessor",name:"active",static:!1,private:!1,access:{has:t=>"active"in t,get:t=>t.active,set:(t,e)=>{t.active=e}},metadata:s},v,h),t(this,null,g,{kind:"accessor",name:"togglers",static:!1,private:!1,access:{has:t=>"togglers"in t,get:t=>t.togglers,set:(t,e)=>{t.togglers=e}},metadata:s},d,_),t(null,i={value:r},n,{kind:"class",name:r.name,metadata:s},null,m),r=i.value,s&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(r,m)}#t=e(this,v,0);get active(){return this.#t}set active(t){this.#t=t}#e=(e(this,h),e(this,d,void 0));get togglers(){return this.#e}set togglers(t){this.#e=t}get _toggle(){return this.shadowRoot.querySelector("custom-toggle")}_click=(e(this,_),()=>{this._toggle.next()});connectedCallback(){this.addEventListener("click",this._click)}disconnectedCallback(){this.removeEventListener("click",this._click)}_onactive=t=>{this.dispatchEvent(new CustomEvent("active",{detail:t.detail}))};render(){return o` <custom-button>
|
|
2
2
|
<custom-toggle slot="icon" .active=${this.active} @active=${this._onactive} .togglers=${this.togglers}>
|
|
3
3
|
</custom-toggle>
|
|
4
4
|
</custom-button>`}},r})();export{i as CustomToggleButton};
|
package/exports/bundle/toggle.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,e as s}from"./custom-element-BOdKJYdz.js";import{
|
|
1
|
+
import{_ as t,a as e,e as s}from"./custom-element-BOdKJYdz.js";import{a,i,x as c,s as o}from"./property-D-Y1CFIF.js";let r=(()=>{let r,n,g,l,h,v=[s("custom-toggle")],m=[],u=o,d=[],_=[],p=[],y=[],b=[],f=[];return class extends u{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;g=[a({type:Number})],l=[a({type:Array})],h=[a()],t(this,null,g,{kind:"accessor",name:"active",static:!1,private:!1,access:{has:t=>"active"in t,get:t=>t.active,set:(t,e)=>{t.active=e}},metadata:e},d,_),t(this,null,l,{kind:"accessor",name:"togglers",static:!1,private:!1,access:{has:t=>"togglers"in t,get:t=>t.togglers,set:(t,e)=>{t.togglers=e}},metadata:e},p,y),t(this,null,h,{kind:"accessor",name:"icon",static:!1,private:!1,access:{has:t=>"icon"in t,get:t=>t.icon,set:(t,e)=>{t.icon=e}},metadata:e},b,f),t(null,r={value:n},v,{kind:"class",name:n.name,metadata:e},null,m),n=r.value,e&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,d,0);get active(){return this.#t}set active(t){this.#t=t}#e=(e(this,_),e(this,p,void 0));get togglers(){return this.#e}set togglers(t){this.#e=t}#s=(e(this,y),e(this,b,void 0));get icon(){return this.#s}set icon(t){this.#s=t}restartOnEnd=(e(this,f),!0);onChange(t,e){"active"===t&&this.dispatchEvent(new CustomEvent("active",{detail:this.active})),("active"===t&&this.togglers||"togglers"===t&&void 0!==this.active)&&(this.icon=this.togglers[this.active])}async next(){this.active<this.togglers.length-1?this.active+=1:this.restartOnEnd&&(this.active=0)}previous(){0!==this.active&&(this.active-=1)}static styles=[i`
|
|
2
2
|
:host {
|
|
3
3
|
display: contents;
|
|
4
4
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,e as s}from"./custom-element-BOdKJYdz.js";import{
|
|
1
|
+
import{_ as t,a as e,e as s}from"./custom-element-BOdKJYdz.js";import{a as o,i as a,x as l,s as r}from"./property-D-Y1CFIF.js";import"./it-Dft_Rjy-.js";import"./row-BHK6Zell.js";let i=(()=>{let i,n,c,p,m=[s("custom-top-app-bar")],d=[],g=r,y=[],h=[],u=[],x=[];return class extends g{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(g[Symbol.metadata]??null):void 0;c=[o({type:String,reflect:!0})],p=[o({type:Boolean,reflect:!0})],t(this,null,c,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:t=>"type"in t,get:t=>t.type,set:(t,e)=>{t.type=e}},metadata:e},y,h),t(this,null,p,{kind:"accessor",name:"scrolling",static:!1,private:!1,access:{has:t=>"scrolling"in t,get:t=>t.scrolling,set:(t,e)=>{t.scrolling=e}},metadata:e},u,x),t(null,i={value:n},m,{kind:"class",name:n.name,metadata:e},null,d),n=i.value,e&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,y,"center-aligned");get type(){return this.#t}set type(t){this.#t=t}#e=(e(this,h),e(this,u,void 0));get scrolling(){return this.#e}set scrolling(t){this.#e=t}static styles=[a`
|
|
2
2
|
:host {
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|
|
@@ -59,12 +59,12 @@ import{_ as t,a as e,e as s}from"./custom-element-BOdKJYdz.js";import{t as o,j a
|
|
|
59
59
|
custom-elevation {
|
|
60
60
|
border-radius: var(--md-sys-shape-corner-large);
|
|
61
61
|
}
|
|
62
|
-
`];connectedCallback(){document.addEventListener("custom-scroll",(({detail:t})=>{this.scrolling=t.scrolling}))}render(){return
|
|
62
|
+
`];connectedCallback(){document.addEventListener("custom-scroll",(({detail:t})=>{this.scrolling=t.scrolling}))}render(){return l`
|
|
63
63
|
<flex-column class="container">
|
|
64
64
|
<custom-elevation></custom-elevation>
|
|
65
65
|
<flex-row>
|
|
66
66
|
<slot name="start"></slot>
|
|
67
|
-
${"center-aligned"===this.type||"small"===this.type?
|
|
67
|
+
${"center-aligned"===this.type||"small"===this.type?l`
|
|
68
68
|
<custom-typography>
|
|
69
69
|
<slot name="title"></slot>
|
|
70
70
|
</custom-typography>
|
|
@@ -72,7 +72,7 @@ import{_ as t,a as e,e as s}from"./custom-element-BOdKJYdz.js";import{t as o,j a
|
|
|
72
72
|
<flex-it></flex-it>
|
|
73
73
|
<slot name="end"></slot>
|
|
74
74
|
</flex-row>
|
|
75
|
-
${"medium"===this.type||"large"===this.type?
|
|
75
|
+
${"medium"===this.type||"large"===this.type?l`
|
|
76
76
|
<flex-it></flex-it>
|
|
77
77
|
<custom-typography type="headline" size="small">
|
|
78
78
|
<slot name="title"></slot>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e,a as t,e as s}from"./custom-element-BOdKJYdz.js";import{
|
|
1
|
+
import{_ as e,a as t,e as s}from"./custom-element-BOdKJYdz.js";import{a,i as l,x as y,s as i}from"./property-D-Y1CFIF.js";let m=(()=>{let m,r,o,n,d=[s("custom-typography")],c=[],f=i,p=[],g=[],h=[],v=[];return class extends f{static{r=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(f[Symbol.metadata]??null):void 0;o=[a({type:String,reflect:!0})],n=[a({type:String,reflect:!0})],e(this,null,o,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:e=>"type"in e,get:e=>e.type,set:(e,t)=>{e.type=t}},metadata:t},p,g),e(this,null,n,{kind:"accessor",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:t},h,v),e(null,m={value:r},d,{kind:"class",name:r.name,metadata:t},null,c),r=m.value,t&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,p,"title");get type(){return this.#e}set type(e){this.#e=e}#t=(t(this,g),t(this,h,"large"));get size(){return this.#t}set size(e){this.#t=e}static styles=[l`
|
|
2
2
|
:host {
|
|
3
3
|
display: contents;
|
|
4
4
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,e as l}from"./custom-element-BOdKJYdz.js";import{
|
|
1
|
+
import{_ as t,a as e,e as l}from"./custom-element-BOdKJYdz.js";import{a,i as s,x as i,s as r}from"./property-D-Y1CFIF.js";let o=(()=>{let o,u,m,n=[l("custom-upload-file")],p=[],c=r,d=[],y=[];return class extends c{static{u=this}static{const l="function"==typeof Symbol&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;m=[a({type:Boolean})],t(this,null,m,{kind:"accessor",name:"multiple",static:!1,private:!1,access:{has:t=>"multiple"in t,get:t=>t.multiple,set:(t,e)=>{t.multiple=e}},metadata:l},d,y),t(null,o={value:u},n,{kind:"class",name:u.name,metadata:l},null,p),u=o.value,l&&Object.defineProperty(u,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:l}),e(u,p)}#t=e(this,d,void 0);get multiple(){return this.#t}set multiple(t){this.#t=t}static get styles(){return[s`
|
|
2
2
|
:host {
|
|
3
3
|
display: flex;
|
|
4
4
|
}
|