@vandeurenglenn/lite-elements 0.3.44 → 0.3.45

package/exports/bundle/drawer.js

@@ -33,24 +33,10 @@ import{_ as t,a as e,e as s}from"./custom-element-CAdbJRVg.js";import{i as a,r a
     border-top: 1px solid rgba(0, 0, 0, 0.14);
   }
 
-  ::slotted([slot='content']) {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    width: 100%;
-    overflow-y: auto;
-  }
-
   ::slotted(*) {
     pointer-events: none;
   }
-
-  aside {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-  }
-`;let l=(()=>{let a,l,c,d,m,p,h,g=[s("custom-drawer")],u=[],y=r,f=[],v=[],b=[],_=[],x=[],w=[],j=[],k=[],S=[],z=[];return class extends y{static{l=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;c=[o({type:Boolean,reflect:!0})],d=[o({type:Boolean,reflect:!0})],m=[o({type:String,reflect:!0})],p=[o({type:Boolean})],h=[o({type:String})],t(this,null,c,{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:e},f,v),t(this,null,d,{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:e},b,_),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:e},x,w),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:e},j,k),t(this,null,h,{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:e},S,z),t(null,a={value:l},g,{kind:"class",name:l.name,metadata:e},null,u),l=a.value,e&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,f,void 0);get open(){return this.#t}set open(t){this.#t=t}#e=(e(this,v),e(this,b,void 0));get mobile(){return this.#e}set mobile(t){this.#e=t}#s=(e(this,_),e(this,x,void 0));get type(){return this.#s}set type(t){this.#s=t}#a=(e(this,w),e(this,j,void 0));get right(){return this.#a}set right(t){this.#a=t}#o=(e(this,k),e(this,S,void 0));get id(){return this.#o}set id(t){this.#o=t}connectedCallback(){document.addEventListener("custom-pane-close",(({detail:t})=>{this.id===t&&(this.open=!1)})),document.addEventListener("custom-pane-open",(({detail:t})=>{this.id===t&&(this.open=!0)}))}static styles=[n];render(){return i`
+`;let l=(()=>{let a,l,c,m,d,p,h,g=[s("custom-drawer")],u=[],y=r,b=[],v=[],f=[],_=[],x=[],w=[],j=[],k=[],S=[],z=[];return class extends y{static{l=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;c=[o({type:Boolean,reflect:!0})],m=[o({type:Boolean,reflect:!0})],d=[o({type:String,reflect:!0})],p=[o({type:Boolean})],h=[o({type:String})],t(this,null,c,{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:e},b,v),t(this,null,m,{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:e},f,_),t(this,null,d,{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},x,w),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:e},j,k),t(this,null,h,{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:e},S,z),t(null,a={value:l},g,{kind:"class",name:l.name,metadata:e},null,u),l=a.value,e&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,b,void 0);get open(){return this.#t}set open(t){this.#t=t}#e=(e(this,v),e(this,f,void 0));get mobile(){return this.#e}set mobile(t){this.#e=t}#s=(e(this,_),e(this,x,void 0));get type(){return this.#s}set type(t){this.#s=t}#a=(e(this,w),e(this,j,void 0));get right(){return this.#a}set right(t){this.#a=t}#o=(e(this,k),e(this,S,void 0));get id(){return this.#o}set id(t){this.#o=t}connectedCallback(){document.addEventListener("custom-pane-close",(({detail:t})=>{this.id===t&&(this.open=!1)})),document.addEventListener("custom-pane-open",(({detail:t})=>{this.id===t&&(this.open=!0)}))}static styles=[n];render(){return i`
       <custom-pane .open=${this.open} .mobile=${this.mobile} .type=${this.type} .id=${this.id}>
         <slot name="headline" slot="headline"></slot>
         <slot name="menu-button" slot="menu-button"></slot>

package/exports/bundle/pane.js

@@ -65,6 +65,7 @@ import{_ as e,a as t,e as s}from"./custom-element-CAdbJRVg.js";import{L as o,i a
 
   .content {
     flex: 1;
+    overflow-y: auto;
     width: 100%;
   }
 
@@ -72,7 +73,7 @@ import{_ as e,a as t,e as s}from"./custom-element-CAdbJRVg.js";import{L as o,i a
     transform: rotateZ(180deg);
   }
 
-  slot[name='header']::slotted(flex-row) {
+  slot[name='header'] flex-row {
     padding: var(--custom-pane-header-padding, 8px);
     height: var(--custom-pane-header-height, 54px);
     box-sizing: border-box;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vandeurenglenn/lite-elements",
-	"version": "0.3.44",
+	"version": "0.3.45",
 	"description": "set of lite elements following Material Design 3 spec",
 	"type": "module",
 	"scripts": {
@@ -21,7 +21,7 @@
 		"@material-design-icons/svg": "^0.14.13",
 		"@material-symbols/svg-400": "^0.17.0",
 		"@material/web": "^1.3.0",
-		"@vandeurenglenn/custom-shared-styles": "^0.0.12",
+		"@vandeurenglenn/custom-shared-styles": "^0.0.13",
 		"@vandeurenglenn/flex-elements": "^1.3.1",
 		"@vandeurenglenn/lite": "^0.2.37",
 		"custom-element-decorator": "^0.6.0"