@zanichelli/albe-web-components 2.24.9 → 2.24.13

package/www/build/p-f63a3dbe.entry.js

@@ -1 +0,0 @@
-import{r as a,c as i,h as o}from"./p-859f6438.js";const r=class{constructor(o){a(this,o),this.modalClose=i(this,"modalClose",7),this.modalHeaderActive=i(this,"modalHeaderActive",7),this.modalBackgroundClick=i(this,"modalBackgroundClick",7),this.closeButtonLabel="close modal"}emitModalClose(){this.modalClose.emit({modalid:this.modalid})}emitModalHeaderActive(){this.modalHeaderActive.emit({modalid:this.modalid})}emitBackgroundClick(){this.modalBackgroundClick.emit({modalid:this.modalid})}render(){return[o("div",{class:"modal-container",id:this.modalid},o("header",{onClick:this.emitModalHeaderActive.bind(this)},o("div",null,this.modaltitle&&o("h1",null,this.modaltitle),this.modalsubtitle&&o("h2",null,this.modalsubtitle)),o("slot",{name:"modalCloseButton"},o("button",{"aria-label":this.closeButtonLabel,onClick:this.emitModalClose.bind(this)},o("z-icon",{name:"multiply-circle-filled"})))),o("main",null,o("slot",{name:"modalContent"}))),o("div",{class:"modal-background","data-action":"modalBackground","data-modal":this.modalid,onClick:this.emitBackgroundClick.bind(this)})]}};r.style=":host{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;flex-direction:row;justify-content:center;width:100%;height:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.modal-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--gray900);opacity:0.7}.modal-container{display:flex;flex-direction:column;z-index:1010;width:100%;height:100vh;overflow:-moz-scrollbars-none;overflow:hidden}.modal-container>header{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);background:var(--color-surface02)}.modal-container>header button{margin:0;padding:0;border:none;background:transparent;cursor:pointer;margin-left:auto}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 2.5);--z-icon-height:calc(var(--space-unit) * 2.5);display:flex;fill:var(--color-icon01)}.modal-container>header>div{display:flex;flex-direction:column;width:100%;margin-right:calc(var(--space-unit) * 2)}.modal-container>header h1,.modal-container>header h2{margin:0;padding:0;font-weight:var(--font-rg);color:var(--color-text01)}.modal-container>header h1{font-size:var(--font-size-5);line-height:1.4;letter-spacing:0}.modal-container>header h2{font-size:var(--font-size-3);line-height:1.5;letter-spacing:0}.modal-container>header>div *:empty{display:none}.modal-container>header h1+h2{margin-top:calc(var(--space-unit) * 0.5)}.modal-container>main{flex:1 auto;background:var(--color-surface01);overflow:auto;overflow-x:hidden}.modal-container main::-webkit-scrollbar{background:linear-gradient(\n    to right,\n    transparent 0 3px,\n    var(--gray200) 3px 7px,\n    transparent 7px 10px\n  );width:10px;border-radius:var(--border-radius)}.modal-container main::-webkit-scrollbar-track{background-color:transparent}.modal-container main::-webkit-scrollbar-thumb{background-color:var(--color-primary01);border-radius:var(--border-radius);width:10px}.modal-container main::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.modal-container main{scrollbar-color:var(--color-primary01) transparent}@media only screen and (min-width: 768px){.modal-container{position:absolute;top:calc(var(--space-unit) * 6);left:50%;transform:translateX(-50%);width:auto;height:auto;min-width:calc(var(--space-unit) * 40);min-height:calc(var(--space-unit) * 40);max-height:calc(100vh - calc(var(--space-unit) * 6 * 2));border-radius:var(--border-radius)}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 3);--z-icon-height:calc(var(--space-unit) * 3)}}@media only screen and (min-width: 768px) and (max-width: 1151px){.modal-container>header{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 3)}}@media only screen and (min-width: 1152px){.modal-container>header{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 4)}.modal-container>header h1{font-size:var(--font-size-6);line-height:1.33;letter-spacing:0}.modal-container>header h2{font-size:var(--font-size-4);line-height:1.5;letter-spacing:0}.modal-container>header h1+h2{margin-top:0}}";export{r as z_modal}