@zanichelli/albe-web-components 5.5.1-rc.1 → 5.5.1

package/www/build/p-96ed1e2f.entry.js

@@ -1 +0,0 @@
-import{r as i,c,h,g as s}from"./p-98268a57.js";import{k as t,D as r}from"./p-0c3e7bc3.js";import{g as o,h as e}from"./p-5aa819f8.js";import"./p-d69e14fb.js";const a=class{constructor(h){i(this,h),this.interactiveIconClick=c(this,"interactiveIconClick",7),this.type=t.default,this.disabled=!1}emitinteractiveIconClick(){this.interactiveIconClick.emit()}getIconSize(){return o()!==r.desktop?22:14}render(){return this.interactiveIcon?h("button",{class:this.type,disabled:this.disabled,tabindex:"0",type:"button"},this.icon&&h("z-icon",{class:"iconSx",name:this.icon,width:this.getIconSize(),height:this.getIconSize()}),h("slot",null),h("z-icon",{tabIndex:this.disabled?-1:0,onClick:()=>this.emitinteractiveIconClick(),onKeyUp:i=>e(i,this.emitinteractiveIconClick.bind(this)),name:this.interactiveIcon,width:this.getIconSize(),height:this.getIconSize()})):h("div",{class:`${this.type}`,tabindex:"0"},this.icon&&h("z-icon",{name:this.icon,width:this.getIconSize(),height:this.getIconSize()}),h("slot",null))}get el(){return s(this)}};a.style=".sc-z-chip-h>button.sc-z-chip{display:inline-flex;align-items:center;padding:0 calc(var(--space-unit) * 1.5);background-color:var(--bg-white);border:var(--border-size-small) solid var(--gray400);border-radius:14px;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-sb)}.sc-z-chip-h>button.sc-z-chip:not(:disabled)>z-icon.sc-z-chip:last-child:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled)>z-icon.sc-z-chip:first-child{fill:var(--color-icon02)}.sc-z-chip-h>button.sc-z-chip>z-icon.sc-z-chip:last-child{cursor:pointer}.sc-z-chip-h>button.sc-z-chip>z-icon.iconSx.sc-z-chip{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>button.sc-z-chip>z-icon.sc-z-chip:last-child{margin-left:var(--space-unit);fill:var(--color-primary01)}.sc-z-chip-h>button.sc-z-chip:disabled,.sc-z-chip-h>button.sc-z-chip:disabled>z-icon.sc-z-chip{color:var(--color-disabled03);fill:var(--color-disabled03)}.sc-z-chip-h>button.sc-z-chip:disabled>z-icon.sc-z-chip{cursor:auto}.sc-z-chip-h>button.sc-z-chip:disabled{border:var(--border-size-small) solid var(--color-disabled01)}.sc-z-chip-h>button.sc-z-chip:focus:focus-visible,.sc-z-chip-h>div.sc-z-chip:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled):active:hover>z-icon.sc-z-chip:last-child{color:var(--color-primary01);fill:var(--color-primary01)}.sc-z-chip-h>div.sc-z-chip{display:inline-flex;align-items:center;min-height:28px;line-height:28px;padding:0 calc(var(--space-unit) * 1.5);background-color:var(--bg-white);border:var(--border-size-small) solid var(--bg-grey-200);border-radius:14px;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:14px}.sc-z-chip-h>div.sc-z-chip>z-icon.sc-z-chip{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>button.default.sc-z-chip,.sc-z-chip-h>div.default.sc-z-chip{min-height:44px;line-height:44px;border-radius:22px}.sc-z-chip-h>button.medium.sc-z-chip,.sc-z-chip-h>div.medium.sc-z-chip{min-height:40px;line-height:40px;border-radius:22px}.sc-z-chip-h>button.small.sc-z-chip,.sc-z-chip-h>div.small.sc-z-chip{min-height:36px;line-height:36px;border-radius:22px}@media only screen and (min-width: 1152px){.sc-z-chip-h>button.sc-z-chip{font-size:12px}.sc-z-chip-h>div.sc-z-chip{font-size:12px}.sc-z-chip-h>button.default.sc-z-chip,.sc-z-chip-h>div.default.sc-z-chip{min-height:32px;line-height:32px;border-radius:16px}.sc-z-chip-h>button.medium.sc-z-chip,.sc-z-chip-h>div.medium.sc-z-chip{min-height:28px;line-height:28px;border-radius:16px}.sc-z-chip-h>button.small.sc-z-chip,.sc-z-chip-h>div.small.sc-z-chip{min-height:24px;line-height:24px;border-radius:16px}}";export{a as z_chip}

package/www/build/p-97d62d2a.entry.js

@@ -1 +0,0 @@
-import{r as o,c as e,h as r,H as t}from"./p-98268a57.js";import{c as p}from"./p-286363e2.js";import{s as a,t as c,u as n,v as s}from"./p-0c3e7bc3.js";import{a as i}from"./p-5aa819f8.js";import"./p-112455b1.js";import"./p-d69e14fb.js";const d=class{constructor(r){o(this,r),this.triggerClick=e(this,"triggerClick",7),this.position=a["after-up"],this.backgroundColor="color-white",this.borderRadius=c.small,this.boxShadow=n["shadow-1"],this.showArrow=!1,this.padding="8px",this.isVisible=!1,this.popoverPosition=this.position,this.handleKeyDown=this.handleKeyDown.bind(this)}emitTriggerClick(){this.triggerClick.emit({isVisible:this.isVisible})}openPopover(){const o=document.body.clientWidth,e=window.innerHeight,r=this.popoverElem.getBoundingClientRect(),t=r.left,p=r.right,c=r.top,n=r.bottom;let s=this.position.split("-")[0],i=this.position.split("-")[1];c<0&&(this.position.startsWith("above")?s="below":i="down"),n>e&&(this.position.startsWith("below")?s="above":i="up"),p>o&&(this.position.startsWith("above")||this.position.startsWith("below")?i="left":s="before"),t<0&&(this.position.startsWith("above")||this.position.startsWith("below")?i="right":s="after"),this.popoverPosition=a[`${s}-${i}`],this.isVisible=!0}closePopover(){this.popoverPosition=this.position,this.isVisible=!1}closePopoverWithKeyboard(o){o.key===s.ESC&&this.closePopover()}handleClick(o){this.isVisible?this.closePopover():this.openPopover(),this.emitTriggerClick(),o.stopPropagation()}handleKeyDown(o){o.code===s.ENTER&&(this.isVisible?this.closePopover():this.openPopover())}handleOutsideClick(o){i(o.target).find((o=>"z-popover-deprecated"===o.nodeName.toLowerCase()))||this.closePopover()}render(){return r(t,{onKeyDown:this.handleKeyDown},r("div",{tabindex:"0",onClick:o=>this.handleClick(o),onKeyDown:o=>{o.key===s.ENTER&&this.handleClick(o)}},r("slot",{name:"trigger"})),r("div",{ref:o=>this.popoverElem=o,class:p("popover-content-container",this.popoverPosition,`border-radius-${this.borderRadius}`,this.boxShadow,{"show-arrow":this.showArrow},{visible:this.isVisible}),style:{backgroundColor:`var(--${this.backgroundColor})`,padding:this.padding}},r("slot",{name:"popover"})))}};d.style='.sc-z-popover-deprecated-h{font-family:var(--dashboard-font);font-weight:var(--font-rg);position:relative;display:inline-block;--shadow-arrow-color:rgba(66, 69, 72, 0.2);--shadow-arrow-below-color:rgba(66, 69, 72, 0.1)}.popover-content-container.sc-z-popover-deprecated{box-sizing:border-box;visibility:hidden;position:absolute;min-width:64px;min-height:32px;z-index:999}.popover-content-container.visible.sc-z-popover-deprecated{visibility:visible}.popover-content-container.border-radius-none.sc-z-popover-deprecated{border-radius:0}.popover-content-container.border-radius-small.sc-z-popover-deprecated{border-radius:var(--border-radius-small)}.popover-content-container.border-radius-medium.sc-z-popover-deprecated{border-radius:var(--border-radius)}.popover-content-container.shadow-1.sc-z-popover-deprecated{box-shadow:var(--shadow-1)}.popover-content-container.shadow-2.sc-z-popover-deprecated{box-shadow:var(--shadow-2)}.popover-content-container.shadow-3.sc-z-popover-deprecated{box-shadow:var(--shadow-3)}.popover-content-container.shadow-4.sc-z-popover-deprecated{box-shadow:var(--shadow-4)}.popover-content-container.shadow-6.sc-z-popover-deprecated{box-shadow:var(--shadow-6)}.popover-content-container.shadow-8.sc-z-popover-deprecated{box-shadow:var(--shadow-8)}.popover-content-container.shadow-12.sc-z-popover-deprecated{box-shadow:var(--shadow-12)}.popover-content-container.shadow-16.sc-z-popover-deprecated{box-shadow:var(--shadow-16)}.popover-content-container.shadow-24.sc-z-popover-deprecated{box-shadow:var(--shadow-24)}.popover-content-container.after-down.sc-z-popover-deprecated{top:0;left:calc(100% + var(--space-unit))}.popover-content-container.after-center.sc-z-popover-deprecated{top:50%;left:calc(100% + var(--space-unit));transform:translateY(-50%)}.popover-content-container.after-up.sc-z-popover-deprecated{bottom:0;left:calc(100% + var(--space-unit))}.popover-content-container.below-right.sc-z-popover-deprecated{left:0;top:calc(100% + var(--space-unit))}.popover-content-container.below-center.sc-z-popover-deprecated{left:50%;top:calc(100% + var(--space-unit));transform:translateX(-50%)}.popover-content-container.below-left.sc-z-popover-deprecated{right:0;top:calc(100% + var(--space-unit))}.popover-content-container.before-down.sc-z-popover-deprecated{top:0;right:calc(100% + var(--space-unit))}.popover-content-container.before-center.sc-z-popover-deprecated{top:50%;right:calc(100% + var(--space-unit));transform:translateY(-50%)}.popover-content-container.before-up.sc-z-popover-deprecated{bottom:0;right:calc(100% + var(--space-unit))}.popover-content-container.above-right.sc-z-popover-deprecated{left:0;bottom:calc(100% + var(--space-unit))}.popover-content-container.above-center.sc-z-popover-deprecated{left:50%;bottom:calc(100% + var(--space-unit));transform:translateX(-50%)}.popover-content-container.above-left.sc-z-popover-deprecated{right:0;bottom:calc(100% + var(--space-unit))}.popover-content-container.sc-z-popover-deprecated:before{display:none;position:absolute;content:"";width:8px;height:8px;z-index:-1;background-color:inherit;transform:rotate(45deg)}.popover-content-container.after-down.sc-z-popover-deprecated:before{top:12px;left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.after-center.sc-z-popover-deprecated:before{top:calc(50% - 4px);left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.after-up.sc-z-popover-deprecated:before{bottom:12px;left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.below-right.sc-z-popover-deprecated:before{left:12px;top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.below-center.sc-z-popover-deprecated:before{left:calc(50% - 4px);top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.below-left.sc-z-popover-deprecated:before{right:12px;top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.before-down.sc-z-popover-deprecated:before{top:12px;right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.before-center.sc-z-popover-deprecated:before{top:calc(50% - 4px);right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.before-up.sc-z-popover-deprecated:before{bottom:12px;right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-right.sc-z-popover-deprecated:before{left:12px;bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-center.sc-z-popover-deprecated:before{left:calc(50% - 4px);bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-left.sc-z-popover-deprecated:before{right:12px;bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.show-arrow.sc-z-popover-deprecated:before{display:block}';export{d as z_popover_deprecated}