@vandeurenglenn/lite-elements 0.3.24 → 0.3.26
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 +2 -2
- package/exports/bundle/button.js +2 -2
- package/exports/bundle/card.js +2 -2
- package/exports/bundle/code.js +3 -3
- package/exports/bundle/column-D2XB0lDz.js +1 -0
- package/exports/bundle/custom-element-DIOmDbQp.js +1 -0
- package/exports/bundle/demo-elements.js +1 -1
- package/exports/bundle/demo-icons.js +3 -3
- package/exports/bundle/demo-shell.js +3 -3
- package/exports/bundle/demo.js +2 -2
- package/exports/bundle/dialog.js +6 -6
- package/exports/bundle/divider.js +2 -2
- package/exports/bundle/drawer-button.js +2 -2
- package/exports/bundle/drawer-item.js +3 -3
- package/exports/bundle/drawer-layout.js +2 -2
- package/exports/bundle/drawer.js +1 -1
- package/exports/bundle/dropdown-menu.js +2 -2
- package/exports/bundle/dropdown.js +2 -2
- package/exports/bundle/elements.js +1 -1
- package/exports/bundle/elevation.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 +2 -2
- package/exports/bundle/list-item.js +2 -2
- package/exports/bundle/menu.js +2 -2
- package/exports/bundle/minute-field.js +2 -2
- package/exports/bundle/notification.js +76 -0
- package/exports/bundle/notifications.js +66 -0
- package/exports/bundle/pane.js +1 -1
- package/exports/bundle/rail.js +1 -1
- package/exports/bundle/root.js +1 -1
- package/exports/bundle/row-DNgwBcX5.js +33 -0
- package/exports/bundle/section.js +3 -3
- package/exports/bundle/section2.js +2 -2
- package/exports/bundle/selector.js +2 -2
- package/exports/bundle/summary-mirror.js +2 -2
- package/exports/bundle/summary.js +3 -3
- package/exports/bundle/supporting-pane.js +1 -1
- package/exports/bundle/tab.js +2 -2
- package/exports/bundle/tabs.js +2 -2
- package/exports/bundle/text-field.js +2 -2
- package/exports/bundle/theme.js +1 -1
- package/exports/bundle/time-picker.js +2 -2
- package/exports/bundle/toggle-button.js +1 -1
- package/exports/bundle/toggle.js +2 -2
- package/exports/bundle/top-app-bar.js +82 -1
- package/exports/bundle/{custom-element-BMhVvZjf.js → tslib.es6-B0cSixZg.js} +1 -1
- package/exports/bundle/typography.js +2 -2
- package/exports/bundle/upload-file.js +2 -2
- package/exports/bundle/upload.js +1 -1
- package/exports/demo-shell.js +6 -0
- package/exports/elements.d.ts +5 -1
- package/exports/elements.js +6 -0
- package/exports/notification/notification.d.ts +13 -0
- package/exports/notification/notifications.d.ts +17 -0
- package/exports/notification.js +100 -0
- package/exports/notifications.js +146 -0
- package/package.json +17 -33
- package/exports/bundle/top-app-bar-DZJ8jFM2.js +0 -114
- package/exports/button/button.d.ts +0 -13
- package/exports/elevation/elevation.d.ts +0 -11
- package/exports/icon/icon.d.ts +0 -12
- package/exports/pane/pane.d.ts +0 -14
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
import{_ as t,a as e,e as s}from"./custom-element-BMhVvZjf.js";import{t as i,j as r,v as n,D as o}from"./property-Do5-bKhz.js";import"./it-Dft_Rjy-.js";
|
|
2
|
-
/**
|
|
3
|
-
* @license
|
|
4
|
-
* Copyright 2017 Google LLC
|
|
5
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
|
-
*/const a=globalThis,c=a.trustedTypes,l=c?c.createPolicy("lit-html",{createHTML:t=>t}):void 0,h="$lit$",d=`lit$${(Math.random()+"").slice(9)}$`,u="?"+d,p=`<${u}>`,g=document,m=()=>g.createComment(""),_=t=>null===t||"object"!=typeof t&&"function"!=typeof t,b=Array.isArray,y="[ \t\n\f\r]",$=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,f=/-->/g,v=/>/g,A=RegExp(`>|${y}(?:([^\\s"'>=/]+)(${y}*=${y}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),x=/'/g,S=/"/g,T=/^(?:script|style|textarea|title)$/i,H=(t,...e)=>({_$litType$:1,strings:t,values:e}),j=Symbol.for("lit-noChange"),W=Symbol.for("lit-nothing"),k=new WeakMap,z=g.createTreeWalker(g,129);function O(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==l?l.createHTML(e):e}const B=(t,e)=>{const s=t.length-1,i=[];let r,n=2===e?"<svg>":"",o=$;for(let e=0;e<s;e++){const s=t[e];let a,c,l=-1,u=0;for(;u<s.length&&(o.lastIndex=u,c=o.exec(s),null!==c);)u=o.lastIndex,o===$?"!--"===c[1]?o=f:void 0!==c[1]?o=v:void 0!==c[2]?(T.test(c[2])&&(r=RegExp("</"+c[2],"g")),o=A):void 0!==c[3]&&(o=A):o===A?">"===c[0]?(o=r??$,l=-1):void 0===c[1]?l=-2:(l=o.lastIndex-c[2].length,a=c[1],o=void 0===c[3]?A:'"'===c[3]?S:x):o===S||o===x?o=A:o===f||o===v?o=$:(o=A,r=void 0);const g=o===A&&t[e+1].startsWith("/>")?" ":"";n+=o===$?s+p:l>=0?(i.push(a),s.slice(0,l)+h+s.slice(l)+d+g):s+d+(-2===l?e:g)}return[O(t,n+(t[s]||"<?>")+(2===e?"</svg>":"")),i]};class N{constructor({strings:t,_$litType$:e},s){let i;this.parts=[];let r=0,n=0;const o=t.length-1,a=this.parts,[l,p]=B(t,e);if(this.el=N.createElement(l,s),z.currentNode=this.el.content,2===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(i=z.nextNode())&&a.length<o;){if(1===i.nodeType){if(i.hasAttributes())for(const t of i.getAttributeNames())if(t.endsWith(h)){const e=p[n++],s=i.getAttribute(t).split(d),o=/([.?@])?(.*)/.exec(e);a.push({type:1,index:r,name:o[2],strings:s,ctor:"."===o[1]?M:"?"===o[1]?E:"@"===o[1]?I:R}),i.removeAttribute(t)}else t.startsWith(d)&&(a.push({type:6,index:r}),i.removeAttribute(t));if(T.test(i.tagName)){const t=i.textContent.split(d),e=t.length-1;if(e>0){i.textContent=c?c.emptyScript:"";for(let s=0;s<e;s++)i.append(t[s],m()),z.nextNode(),a.push({type:2,index:++r});i.append(t[e],m())}}}else if(8===i.nodeType)if(i.data===u)a.push({type:2,index:r});else{let t=-1;for(;-1!==(t=i.data.indexOf(d,t+1));)a.push({type:7,index:r}),t+=d.length-1}r++}}static createElement(t,e){const s=g.createElement("template");return s.innerHTML=t,s}}function P(t,e,s=t,i){if(e===j)return e;let r=void 0!==i?s._$Co?.[i]:s._$Cl;const n=_(e)?void 0:e._$litDirective$;return r?.constructor!==n&&(r?._$AO?.(!1),void 0===n?r=void 0:(r=new n(t),r._$AT(t,s,i)),void 0!==i?(s._$Co??=[])[i]=r:s._$Cl=r),void 0!==r&&(e=P(t,r._$AS(t,e.values),r,i)),e}class C{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:s}=this._$AD,i=(t?.creationScope??g).importNode(e,!0);z.currentNode=i;let r=z.nextNode(),n=0,o=0,a=s[0];for(;void 0!==a;){if(n===a.index){let e;2===a.type?e=new w(r,r.nextSibling,this,t):1===a.type?e=new a.ctor(r,a.name,a.strings,this,t):6===a.type&&(e=new U(r,this,t)),this._$AV.push(e),a=s[++o]}n!==a?.index&&(r=z.nextNode(),n++)}return z.currentNode=g,i}p(t){let e=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class w{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,i){this.type=2,this._$AH=W,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=i,this._$Cv=i?.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=P(this,t,e),_(t)?t===W||null==t||""===t?(this._$AH!==W&&this._$AR(),this._$AH=W):t!==this._$AH&&t!==j&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>b(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!==W&&_(this._$AH)?this._$AA.nextSibling.data=t:this.T(g.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:s}=t,i="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=N.createElement(O(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===i)this._$AH.p(e);else{const t=new C(i,this),s=t.u(this.options);t.p(e),this.T(s),this._$AH=t}}_$AC(t){let e=k.get(t.strings);return void 0===e&&k.set(t.strings,e=new N(t)),e}k(t){b(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,i=0;for(const r of t)i===e.length?e.push(s=new w(this.S(m()),this.S(m()),this,this.options)):s=e[i],s._$AI(r),i++;i<e.length&&(this._$AR(s&&s._$AB.nextSibling,i),e.length=i)}_$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,s,i,r){this.type=1,this._$AH=W,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=W}_$AI(t,e=this,s,i){const r=this.strings;let n=!1;if(void 0===r)t=P(this,t,e,0),n=!_(t)||t!==this._$AH&&t!==j,n&&(this._$AH=t);else{const i=t;let o,a;for(t=r[0],o=0;o<r.length-1;o++)a=P(this,i[s+o],e,o),a===j&&(a=this._$AH[o]),n||=!_(a)||a!==this._$AH[o],a===W?t=W:t!==W&&(t+=(a??"")+r[o+1]),this._$AH[o]=a}n&&!i&&this.j(t)}j(t){t===W?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class M extends R{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===W?void 0:t}}class E extends R{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==W)}}class I extends R{constructor(t,e,s,i,r){super(t,e,s,i,r),this.type=5}_$AI(t,e=this){if((t=P(this,t,e,0)??W)===j)return;const s=this._$AH,i=t===W&&s!==W||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,r=t!==W&&(s===W||i);i&&this.element.removeEventListener(this.name,this,s),r&&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 U{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){P(this,t)}}const L=a.litHtmlPolyfillSupport;L?.(N,w),(a.litHtmlVersions??=[]).push("3.1.2");const V=globalThis;V.ShadowRoot&&(void 0===V.ShadyCSS||V.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&CSSStyleSheet.prototype,Symbol.metadata??=Symbol("metadata");class D extends HTMLElement{static get observedAttributes(){return this[Symbol.metadata]?.observedAttributes?.values()??[]}attributeChangedCallback(t,e,s){this[t]=s}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 H`<slot></slot>`}requestRender(){((t,e,s)=>{const i=e;let r=i._$litPart$;if(void 0===r){const t=null;i._$litPart$=r=new w(e.insertBefore(m(),t),t,void 0,{})}r._$AI(t)})(this.render(),this.shadowRoot),this.renderedOnce||(this.renderResolve(!0),this.renderedOnce=!0,this.firstRender&&this.firstRender())}}globalThis.pubsub=globalThis.pubsub||new class{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,s){this.hasSubscribers(t)||(this.subscribers[t]={handlers:[],value:void 0}),s=this._handleContext(e,s),this.subscribers[t].handlers.push(e.bind(s))}unsubscribe(t,e,s){if(!this.hasSubscribers(t))return;s=this._handleContext(e,s);const i=this.subscribers[t].handlers.indexOf(e.bind(s));this.subscribers[t].handlers.splice(i),0===this.subscribers[t].handlers.length&&delete this.subscribers[t]}publish(t,e,s){this.hasSubscribers(t)||(this.subscribers[t]={handlers:[]});const i=this.subscribers[t]?.value;if(this.verbose||s||i!==e){this.subscribers[t].value=e;for(const s of this.subscribers[t].handlers)s(e,i)}}publishVerbose(t,e){this.publish(t,e,!0)}once(t){return new Promise((e=>{const s=i=>{e(i),this.unsubscribe(t,s)};this.subscribe(t,s)}))}};const q={type:String,reflect:!1,renders:!0,batchDelay:50,temporaryRender:10},F=(t,e)=>{let s=t;return e===Boolean?s=Boolean("true"===t):e===Number?s=Number(t):e===Uint8Array?s=new Uint8Array(t.split(",")):e!==Array&&e!==Object&&e!==WeakMap&&e!==Map&&e!==Uint8Array||(s=JSON.parse(t),e===Map&&(s=new Map(t)),e===WeakMap&&(s=new WeakMap(t))),s},J=t=>{t={...q,...t};let e=0;return function(s,{kind:i,name:r,addInitializer:n,access:o,metadata:a}){const{type:c,reflect:l,attribute:h,renders:d,batches:u,batchDelay:p,consumer:g,provider:m,temporaryRender:_}=t,b=String(r),y=h&&"string"==typeof h?h:b,$=c===Boolean,f=g||"boolean"==typeof t.consumes?y:t.consumes,v=m||"boolean"==typeof t.provides?y:t.provides;if(t.provider&&console.warn(`${b}: 'options.provider' is deprecated, use options.provides instead`),t.consumer&&console.warn(`${b}: 'options.consumer' is deprecated, used options.consumes instead`),n((async function(){"accessor"!==i&&console.warn(`${this.localName}: @property(${t}) ${b} ${i} is not supported`),(h||l)&&(a||(a={}),a.observedAttributes||(a.observedAttributes=new Map),a.observedAttributes.set(b,y)),f&&globalThis.pubsub.subscribe(f,(async t=>{this[r]=t}))})),"accessor"===i)return{get(){return A.call(this)},set(t){return x.call(this,t)},init(t){return this.hasAttribute(y)&&(t=$?this.hasAttribute(y):F(this.getAttribute(y),c)),void 0!==t&&x.call(this,t),f&&globalThis.pubsub.subscribers?.[f]?.value&&x.call(this,globalThis.pubsub.subscribers[f].value),this[r]}};function A(){const t=l||h?$?this.hasAttribute(y):F(this.getAttribute(y),c):this[`__${b}`]?this[`__${b}`]:this[`_${b}`];return f&&!this[`__${b}`]&&globalThis.pubsub.subscribers?.[f]?.value?(t!==globalThis.pubsub.subscribers[f].value&&x.call(this,globalThis.pubsub.subscribers[f].value),globalThis.pubsub.subscribers[f].value):t}async function x(t){if(v&&globalThis.pubsub.publish(v,t),this[`_${b}`]!==t){this.willChange&&(this[`__${b}`]=await this.willChange(r,t)),l||h?$?t||this[`__${b}`]?this.setAttribute(y,""):this.removeAttribute(y):t||this[`__${b}`]?this.setAttribute(y,((t,e)=>{let s=e;if(t===Boolean||t===Number||t===Uint8Array)return e.toString();if(t===Array||t===Object||t===WeakMap||t===Map||t===Uint8Array){let i;t!==Map&&t!==WeakMap||(i=Object(e).entries()),s=JSON.stringify(i)}return s})(c,this[`__${b}`]??t)):this.removeAttribute(y):this[`_${b}`]=t;const s=()=>{e=0,this.requestRender&&d&&this.requestRender(),this.onChange&&this.onChange(r,this[`__${b}`]??t)};u?(e===_&&s(),this[`_${b}_timeout`]&&clearTimeout(this[`_${b}_timeout`]),this[`_${b}_timeout`]=setTimeout(s,p)):s()}}}};var Z=function(t,e,s,i,r,n){function o(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var a,c=i.kind,l="getter"===c?"get":"setter"===c?"set":"value",h=!e&&t?i.static?t:t.prototype:null,d=e||(h?Object.getOwnPropertyDescriptor(h,i.name):{}),u=!1,p=s.length-1;p>=0;p--){var g={};for(var m in i)g[m]="access"===m?{}:i[m];for(var m in i.access)g.access[m]=i.access[m];g.addInitializer=function(t){if(u)throw new TypeError("Cannot add initializers after decoration has completed");n.push(o(t||null))};var _=(0,s[p])("accessor"===c?{get:d.get,set:d.set}:d[l],g);if("accessor"===c){if(void 0===_)continue;if(null===_||"object"!=typeof _)throw new TypeError("Object expected");(a=o(_.get))&&(d.get=a),(a=o(_.set))&&(d.set=a),(a=o(_.init))&&r.unshift(a)}else(a=o(_))&&("field"===c?r.unshift(a):d[l]=a)}h&&Object.defineProperty(h,i.name,d),u=!0},G=function(t,e,s){for(var i=arguments.length>2,r=0;r<e.length;r++)s=i?e[r].call(t,s):e[r].call(t);return i?s:void 0};let K=(()=>{let t,e,s,i,r,n,o,a,c,l,h=D,d=[],u=[],p=[],g=[],m=[],_=[],b=[],y=[],$=[],f=[],v=[];return class FlexDisplay extends h{static{const A="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;t=[J({type:String})],e=[J({type:String})],s=[J({type:String})],i=[J({type:String})],r=[J({type:String,reflect:!0})],n=[J({type:Boolean,reflect:!0})],o=[J({type:Boolean,reflect:!0,attribute:"center-center"})],a=[J({type:String})],c=[J({type:String})],l=[J({type:String})],Z(this,null,t,{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:A},u,d),Z(this,null,e,{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:A},p,d),Z(this,null,s,{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:A},g,d),Z(this,null,i,{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:A},m,d),Z(this,null,r,{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:A},_,d),Z(this,null,n,{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:A},b,d),Z(this,null,o,{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:A},y,d),Z(this,null,a,{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:A},$,d),Z(this,null,c,{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:A},f,d),Z(this,null,l,{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:A},v,d),A&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:A})}#t=(G(this,d),G(this,u,"0"));get padding(){return this.#t}set padding(t){this.#t=t}#e=G(this,p,"auto");get minWidth(){return this.#e}set minWidth(t){this.#e=t}#s=G(this,g,"auto");get maxWidth(){return this.#s}set maxWidth(t){this.#s=t}#i=G(this,m,"100%");get width(){return this.#i}set width(t){this.#i=t}#r=G(this,_,"row");get direction(){return this.#r}set direction(t){this.#r=t}#n=G(this,b,void 0);get center(){return this.#n}set center(t){this.#n=t}#o=G(this,y,void 0);get centerCenter(){return this.#o}set centerCenter(t){this.#o=t}#a=G(this,$,"flex-start");get justifyContent(){return this.#a}set justifyContent(t){this.#a=t}#c=G(this,f,"flex-start");get alignItems(){return this.#c}set alignItems(t){this.#c=t}#l=G(this,v,"border-box");get boxSizing(){return this.#l}set boxSizing(t){this.#l=t}render(){return H`
|
|
7
|
-
<style>
|
|
8
|
-
:host {
|
|
9
|
-
display: flex;
|
|
10
|
-
box-sizing: var(--flex-display-box-sizing, ${this.boxSizing});
|
|
11
|
-
max-width: var(--flex-display-max-width, ${this.maxWidth});
|
|
12
|
-
min-width: var(--flex-display-min-width, ${this.minWidth});
|
|
13
|
-
width: var(--flex-display-width, ${this.width});
|
|
14
|
-
flex-direction: var(--flex-display-direction, ${this.direction});
|
|
15
|
-
justify-content: var(
|
|
16
|
-
--flex-display-justify-content,
|
|
17
|
-
${this.justifyContent}
|
|
18
|
-
);
|
|
19
|
-
align-items: var(--flex-display-align-items, ${this.alignItems});
|
|
20
|
-
padding: var(--flex-display-padding, ${this.padding});
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
:host([center]) {
|
|
24
|
-
align-items: center;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
:host([center-center]) {
|
|
28
|
-
align-items: center;
|
|
29
|
-
justify-content: center;
|
|
30
|
-
}
|
|
31
|
-
</style>
|
|
32
|
-
<slot></slot>
|
|
33
|
-
`}}})();customElements.define("flex-row",class FlexRow extends K{constructor(){super(),this.direction="row",this.width="auto"}});let Q=(()=>{let a,c,l,h,d=[s("custom-top-app-bar")],u=[],p=o,g=[],m=[],_=[],b=[];return class extends p{static{c=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;l=[i({type:String,reflect:!0})],h=[i({type:Boolean,reflect:!0})],t(this,null,l,{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},g,m),t(this,null,h,{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},_,b),t(null,a={value:c},d,{kind:"class",name:c.name,metadata:e},null,u),c=a.value,e&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#h=e(this,g,"center-aligned");get type(){return this.#h}set type(t){this.#h=t}#d=(e(this,m),e(this,_,void 0));get scrolling(){return this.#d}set scrolling(t){this.#d=t}static styles=[r`
|
|
34
|
-
:host {
|
|
35
|
-
display: flex;
|
|
36
|
-
flex-direction: column;
|
|
37
|
-
width: calc(100% - 2px);
|
|
38
|
-
background-color: var(--md-sys-color-surface);
|
|
39
|
-
color: var(--md-sys-color-on-surface);
|
|
40
|
-
box-sizing: border-box;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.container {
|
|
44
|
-
padding: 20px 12px 24px 12px;
|
|
45
|
-
box-sizing: border-box;
|
|
46
|
-
position: relative;
|
|
47
|
-
height: 64px;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
:host([type='center-aligned']) .container,
|
|
51
|
-
:host([type='small']) .container {
|
|
52
|
-
justify-content: center;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
:host(:not([type='center-aligned'])) ::slotted([name='title']) {
|
|
56
|
-
padding-left: 16px;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
:host(:not([type='large'])) ::slotted([name='title']) {
|
|
60
|
-
padding-bottom: 28px;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
:host([type='medium']) .container {
|
|
64
|
-
height: 112px;
|
|
65
|
-
}
|
|
66
|
-
:host([type='large']) .container {
|
|
67
|
-
height: 152px;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
:host([type='center-aligned']) slot[name='title']::slotted(*) {
|
|
71
|
-
position: absolute;
|
|
72
|
-
left: 50%;
|
|
73
|
-
top: 50%;
|
|
74
|
-
transform: translate(-50%, -50%);
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
:host(:not([type='center-aligned'])) slot[name='title']::slotted(*) {
|
|
78
|
-
padding-left: 6px;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
:host([scrolling]) {
|
|
82
|
-
--md-elevation-level: 2;
|
|
83
|
-
padding: 0 16px;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
flex-row {
|
|
87
|
-
width: 100%;
|
|
88
|
-
align-items: center;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
custom-elevation {
|
|
92
|
-
border-radius: var(--md-sys-shape-corner-large);
|
|
93
|
-
}
|
|
94
|
-
`];connectedCallback(){document.addEventListener("custom-scroll",(({detail:t})=>{this.scrolling=t.scrolling}))}render(){return n`
|
|
95
|
-
<flex-column class="container">
|
|
96
|
-
<custom-elevation></custom-elevation>
|
|
97
|
-
<flex-row>
|
|
98
|
-
<slot name="start"></slot>
|
|
99
|
-
${"center-aligned"===this.type||"small"===this.type?n`
|
|
100
|
-
<custom-typography>
|
|
101
|
-
<slot name="title"></slot>
|
|
102
|
-
</custom-typography>
|
|
103
|
-
`:""}
|
|
104
|
-
<flex-it></flex-it>
|
|
105
|
-
<slot name="end"></slot>
|
|
106
|
-
</flex-row>
|
|
107
|
-
${"medium"===this.type||"large"===this.type?n`
|
|
108
|
-
<flex-it></flex-it>
|
|
109
|
-
<custom-typography type="headline" size="small">
|
|
110
|
-
<slot name="title"></slot>
|
|
111
|
-
</custom-typography>
|
|
112
|
-
`:""}
|
|
113
|
-
</flex-column>
|
|
114
|
-
`}constructor(){super(...arguments),e(this,b)}static{e(c,u)}},c})();export{Q as C,K as F};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { LiteElement } from '@vandeurenglenn/lite';
|
|
2
|
-
import '../elevation/elevation.js';
|
|
3
|
-
export declare class CustomButton extends LiteElement {
|
|
4
|
-
#private;
|
|
5
|
-
accessor hasIcon: boolean;
|
|
6
|
-
accessor hasLabel: boolean;
|
|
7
|
-
accessor type: 'elevated' | 'filled' | 'text' | 'tonal' | 'outlined';
|
|
8
|
-
accessor label: any;
|
|
9
|
-
static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
|
|
10
|
-
connectedCallback(): void;
|
|
11
|
-
onChange(propertyKey: any, value: any): void;
|
|
12
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
13
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { LiteElement } from '@vandeurenglenn/lite';
|
|
7
|
-
export declare class CustomElevation extends LiteElement {
|
|
8
|
-
accessor level: number;
|
|
9
|
-
onChange(propertyKey: any, value: any): void;
|
|
10
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
11
|
-
}
|
package/exports/icon/icon.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { LiteElement } from '@vandeurenglenn/lite';
|
|
2
|
-
declare class Icon extends LiteElement {
|
|
3
|
-
accessor host: any;
|
|
4
|
-
accessor icon: string;
|
|
5
|
-
accessor setName: any;
|
|
6
|
-
accessor _icon: any;
|
|
7
|
-
onChange(propertyKey: any, value: any): void;
|
|
8
|
-
static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
|
|
9
|
-
connectedCallback(): void;
|
|
10
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
11
|
-
}
|
|
12
|
-
export { Icon, Icon as CustomIcon };
|
package/exports/pane/pane.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { LiteElement } from '@vandeurenglenn/lite';
|
|
2
|
-
import '../elevation/elevation.js';
|
|
3
|
-
import '../button/button.js';
|
|
4
|
-
import '../icon/icon.js';
|
|
5
|
-
export declare class CustomPane extends LiteElement {
|
|
6
|
-
accessor open: boolean;
|
|
7
|
-
accessor mobile: boolean;
|
|
8
|
-
accessor type: 'modal' | undefined;
|
|
9
|
-
accessor left: boolean;
|
|
10
|
-
accessor right: boolean;
|
|
11
|
-
accessor id: string;
|
|
12
|
-
closePane(event: any): void;
|
|
13
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
14
|
-
}
|