@zanichelli/albe-web-components 18.5.0 → 18.5.2-RC1

package/www/build/p-5cda7027.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e}from"./p-75c4a726.js";const o=":host{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:0 -1px -1px 0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";const s=o;const r=class{constructor(e){t(this,e)}render(){return e("slot",{key:"3d75845d1ec7fa620b82b32f68fe73368d800e61"})}};r.style=s;export{r as z_visually_hidden};
-//# sourceMappingURL=p-5cda7027.entry.js.map

package/www/build/p-68ac9eba.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as n,a as o,g as s}from"./p-75c4a726.js";import{P as a,B as i,e as c}from"./p-137c2618.js";const l=':host{position:relative;display:flex;max-width:100%;align-items:center;padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host,*{box-sizing:border-box}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([menu-open]){z-index:2}:host(:focus){z-index:20;box-shadow:var(--shadow-focus-primary);outline:none}.cell--content{display:flex;width:100%;height:100%;align-items:center}:host([show-menu]) .cell--content{column-gap:var(--space-unit)}.cell--menu-container{margin-left:auto}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{z-index:1;opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu="hover"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu="hover"]:hover) .cell--menu-container{z-index:1;opacity:1;pointer-events:all}}';const h=l;const r=class{constructor(n){e(this,n);this.colspanChange=t(this,"colspanChange",6);this.colspan=undefined;this.sticky=false;this.showMenu=null;this.popoverPosition=a.AUTO;this.isMenuOpen=false}updateColspan(){if(this.colspan){this.host.style.gridColumn=`span ${this.colspan}`}else{this.host.style.removeProperty("grid-column")}this.colspanChange.emit(this.colspan||1)}onMenuButtonClick(e){e.stopPropagation();this.popoverEl.open=!this.popoverEl.open}componentWillLoad(){this.updateColspan()}render(){return n(o,{key:"8c866902e986231a18c02c447bc390d14f55aecf",role:"cell","menu-open":this.isMenuOpen,tabIndex:0},n("div",{key:"83b6e697548f7fec6705e74111253564066005d8",class:"cell--content"},n("slot",{key:"4129469503f265975bf5a28aa1ea576fa2e3311b"}),this.showMenu&&n("div",{key:"d70b2bb104a891270515e7428593ce9cedbd882c",class:"cell--menu-container prevent-expand"},n("z-button",{key:"cacd10ac34bb695883c1e0d63dc96623fa3c59e9",variant:i.TERTIARY,icon:"contextual-menu",size:c.X_SMALL,ref:e=>this.menuTrigger=e,onClick:this.onMenuButtonClick.bind(this)}),n("z-popover",{key:"e6fdca5d2ba1047264c0703a222c3c5a5c30480b",class:"cell-popover",ref:e=>this.popoverEl=e,bindTo:this.menuTrigger,onOpenChange:e=>this.isMenuOpen=e.detail.open,position:this.popoverPosition},n("slot",{key:"e3e996e448fd49d4248d98d219a899ea254d7fd1",name:"contextual-menu"})))))}get host(){return s(this)}static get watchers(){return{colspan:["updateColspan"]}}};r.style=h;export{r as Z};
-//# sourceMappingURL=p-68ac9eba.js.map

package/www/build/p-68ac9eba.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTdStyle0","ZTd","PopoverPosition","AUTO","updateColspan","this","colspan","host","style","gridColumn","removeProperty","colspanChange","emit","onMenuButtonClick","ev","stopPropagation","popoverEl","open","componentWillLoad","render","h","Host","key","role","isMenuOpen","tabIndex","class","showMenu","variant","ButtonVariant","TERTIARY","icon","size","ControlSize","X_SMALL","ref","el","menuTrigger","onClick","bind","bindTo","onOpenChange","event","detail","position","popoverPosition","name"],"sources":["src/components/table/cells/z-td/styles.css?tag=z-td&encapsulation=shadow","src/components/table/cells/z-td/index.tsx"],"sourcesContent":["@import \"../z-table-cells.css\";\n","import {Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ButtonVariant, ControlSize, PopoverPosition, VisibilityCondition} from \"../../../../beans\";\n\n/**\n * ZTd component.\n * @slot - ZTd content.\n */\n@Component({\n  tag: \"z-td\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTd {\n  @Element() host: HTMLZTdElement;\n\n  /**\n   * Number of columns that the cell should span.\n   */\n  @Prop()\n  colspan: number;\n\n  /**\n   * Whether the cell should stick.\n   */\n  @Prop({reflect: true})\n  sticky = false;\n\n  /**\n   * Enables the contextual menu.\n   * Can be set to \"hover\" or \"always\" to show the button only on cell hover or always.\n   * Set a nullish value to hide the menu button.\n   */\n  @Prop({reflect: true})\n  showMenu: VisibilityCondition = null;\n\n  /**\n   * Set the popover position, the default is \"auto\".\n   */\n  @Prop()\n  popoverPosition?: PopoverPosition = PopoverPosition.AUTO;\n\n  /**\n   * Store the open state of the menu.\n   */\n  @State()\n  isMenuOpen = false;\n\n  private menuTrigger: HTMLZButtonElement;\n\n  private popoverEl: HTMLZPopoverElement;\n\n  /**\n   * Emitted when the value of the `colspan` changes.\n   */\n  @Event({\n    bubbles: true,\n    cancelable: false,\n  })\n  colspanChange: EventEmitter<number>;\n\n  @Watch(\"colspan\")\n  protected updateColspan(): void {\n    if (this.colspan) {\n      this.host.style.gridColumn = `span ${this.colspan}`;\n    } else {\n      this.host.style.removeProperty(\"grid-column\");\n    }\n\n    this.colspanChange.emit(this.colspan || 1);\n  }\n\n  private onMenuButtonClick(ev: MouseEvent): void {\n    ev.stopPropagation();\n    this.popoverEl.open = !this.popoverEl.open;\n  }\n\n  componentWillLoad(): void {\n    this.updateColspan();\n  }\n\n  render(): HTMLZTdElement {\n    return (\n      <Host\n        role=\"cell\"\n        menu-open={this.isMenuOpen}\n        tabIndex={0}\n      >\n        <div class=\"cell--content\">\n          <slot></slot>\n          {this.showMenu && (\n            <div class=\"cell--menu-container prevent-expand\">\n              <z-button\n                variant={ButtonVariant.TERTIARY}\n                icon=\"contextual-menu\"\n                size={ControlSize.X_SMALL}\n                ref={(el) => (this.menuTrigger = el as HTMLZButtonElement)}\n                onClick={this.onMenuButtonClick.bind(this)}\n              />\n              <z-popover\n                class=\"cell-popover\"\n                ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n                bindTo={this.menuTrigger as HTMLElement}\n                onOpenChange={(event) => (this.isMenuOpen = event.detail.open)}\n                position={this.popoverPosition}\n              >\n                <slot name=\"contextual-menu\"></slot>\n              </z-popover>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kHAAA,MAAMA,EAAY,qmCAClB,MAAAC,EAAeD,E,MCWFE,EAAG,M,yGAaL,M,cAQuB,K,qBAMIC,EAAgBC,K,gBAMvC,K,CAgBH,aAAAC,GACR,GAAIC,KAAKC,QAAS,CAChBD,KAAKE,KAAKC,MAAMC,WAAa,QAAQJ,KAAKC,S,KACrC,CACLD,KAAKE,KAAKC,MAAME,eAAe,c,CAGjCL,KAAKM,cAAcC,KAAKP,KAAKC,SAAW,E,CAGlC,iBAAAO,CAAkBC,GACxBA,EAAGC,kBACHV,KAAKW,UAAUC,MAAQZ,KAAKW,UAAUC,I,CAGxC,iBAAAC,GACEb,KAAKD,e,CAGP,MAAAe,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,OAAM,YACAlB,KAAKmB,WAChBC,SAAU,GAEVL,EAAA,OAAAE,IAAA,2CAAKI,MAAM,iBACTN,EAAA,QAAAE,IAAA,6CACCjB,KAAKsB,UACJP,EAAA,OAAAE,IAAA,2CAAKI,MAAM,uCACTN,EAAA,YAAAE,IAAA,2CACEM,QAASC,EAAcC,SACvBC,KAAK,kBACLC,KAAMC,EAAYC,QAClBC,IAAMC,GAAQ/B,KAAKgC,YAAcD,EACjCE,QAASjC,KAAKQ,kBAAkB0B,KAAKlC,QAEvCe,EAAA,aAAAE,IAAA,2CACEI,MAAM,eACNS,IAAMC,GAAQ/B,KAAKW,UAAYoB,EAC/BI,OAAQnC,KAAKgC,YACbI,aAAeC,GAAWrC,KAAKmB,WAAakB,EAAMC,OAAO1B,KACzD2B,SAAUvC,KAAKwC,iBAEfzB,EAAA,QAAAE,IAAA,2CAAMwB,KAAK,uB","ignoreList":[]}

package/www/build/p-76ee5c89.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as e}from"./p-75c4a726.js";const r=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div>footer{height:128px;box-sizing:border-box;padding:var(--space-unit) calc(var(--space-unit) * 2) 0;border-top:var(--border-size-medium) solid var(--color-surface03);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-size:16px;line-height:24px}:host>div>footer>div.top,:host>div>footer>div.bottom{height:60px}";const t=r;const a=class{constructor(e){o(this,e)}render(){return e("div",{key:"9703ee2fd10280262569972803a7d3415e1822c4"},e("footer",{key:"d0fc23f9d726852c97b8ffe3efd9492c8c47b1e2"},e("div",{key:"1a5489dec0b81ffb6c4b3c525a55032d1f43ca9a",class:"top"},e("slot",{key:"2a9c1491f63d414f4721056e37e946eed9884f0d",name:"top"})),e("div",{key:"97a7b1fb466a599c5e607d2c289ddc227de2c11f",class:"bottom"},e("slot",{key:"9fa80a29f730178fdb82e78406998faf59f8417f",name:"bottom"}))))}};a.style=t;export{a as z_myz_card_footer_sections};
-//# sourceMappingURL=p-76ee5c89.entry.js.map

package/www/build/p-76fe2d00.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_td}from"./p-68ac9eba.js";import"./p-75c4a726.js";import"./p-137c2618.js";
-//# sourceMappingURL=p-76fe2d00.entry.js.map

package/www/build/p-97b78a20.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,h as e,a as s,g as n}from"./p-75c4a726.js";import{P as i,S as a,B as r,e as c}from"./p-137c2618.js";const h=':host{position:relative;display:flex;max-width:100%;align-items:center;padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host,*{box-sizing:border-box}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([menu-open]){z-index:2}:host(:focus){z-index:20;box-shadow:var(--shadow-focus-primary);outline:none}.cell--content{display:flex;width:100%;height:100%;align-items:center}:host([show-menu]) .cell--content{column-gap:var(--space-unit)}.cell--menu-container{margin-left:auto}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{z-index:1;opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu="hover"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu="hover"]:hover) .cell--menu-container{z-index:1;opacity:1;pointer-events:all}}:host{z-index:1;padding:0;background-color:var(--color-background);font-weight:var(--font-sb)}.cell--content{padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2))}:host([show-sorting]) .cell--content{column-gap:var(--space-unit)}.z-th--sort-button{padding:0;border:none;background-color:transparent;cursor:pointer;outline:none}@media (min-width: 768px) and (hover: hover){:host([show-sorting="hover"]) .z-th--sort-button{opacity:0;pointer-events:none}:host([show-sorting="hover"]:hover) .z-th--sort-button,:host([show-sorting="hover"]) .z-th--sort-button:focus:focus-visible,:host([show-sorting="always"]) .z-th--sort-button,:host([sorted]) .z-th--sort-button{opacity:1;pointer-events:all}}:host([show-sorting="hover"]:hover) .z-th--sort-button::after,:host([show-sorting="hover"]) .z-th--sort-button:focus:focus-visible::after,:host([show-sorting="always"]) .z-th--sort-button::after,:host([sorted]) .z-th--sort-button::after{position:absolute;top:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 10px);background-color:transparent;content:""}';const l=h;const d=class{constructor(e){t(this,e);this.sort=o(this,"sort",7);this.colspan=undefined;this.showMenu=null;this.showSorting=null;this.sticky=false;this.sortDirection=undefined;this.sorted=false;this.popoverPosition=i.AUTO;this.isMenuOpen=false}get ariaSortDirection(){if(!this.sortDirection){return null}return this.sortDirection===a.ASC?"ascending":"descending"}handleSort(){if(!this.sortDirection){this.sorted=false;return}this.sortDirection=this.sortDirection===a.ASC?a.DESC:a.ASC;this.sorted=true;this.sort.emit({sortDirection:this.sortDirection})}updateColspan(){if(this.colspan){this.host.style.gridColumn=`span ${this.colspan}`}else{this.host.style.removeProperty("grid-column")}}componentWillLoad(){this.updateColspan()}render(){return e(s,{key:"80d84d10038bfd5171b1596db3175c4e915e3c81",role:"columnheader","menu-open":this.isMenuOpen,"aria-sort":this.ariaSortDirection,sortable:this.showSorting},e("div",{key:"b98f5cbe6c9fa873e39f46ba701c76755a4f9da7",class:"cell--content"},e("slot",{key:"f7d2b12496eb334bf07fcfc80e42cacf95a2b6c7"}),this.showSorting&&e("button",{key:"000518536845b9b1383d2aa90a655000a2d0cc0b",class:"z-th--sort-button",type:"button",onClick:this.handleSort.bind(this)},e("z-icon",{key:"61cedbe8a54e51cac9d94f00e4d9d84dbcc1b48d",name:this.sortDirection===a.DESC?"arrow-simple-up":"arrow-simple-down",width:14,height:14})),this.showMenu&&e("div",{key:"3c2ac483288672ac1c65dc3586fb9b346abe53e9",class:"cell--menu-container"},e("z-button",{key:"6a495a201dc8343267ef8892bc97150c2d4ec4fc",variant:r.TERTIARY,icon:"contextual-menu",size:c.X_SMALL,ref:t=>this.menuTrigger=t,onClick:()=>this.popoverEl.open=!this.popoverEl.open}),e("z-popover",{key:"b97a3477c4f63bccb2445304676ad2127a26d9df",ref:t=>this.popoverEl=t,bindTo:this.menuTrigger,onOpenChange:t=>this.isMenuOpen=t.detail.open,position:this.popoverPosition},e("slot",{key:"d51ba2caa4e7929e3aedf3beec9b95f4c9b1cf24",name:"contextual-menu"})))))}get host(){return n(this)}static get watchers(){return{colspan:["updateColspan"]}}};d.style=l;export{d as Z};
-//# sourceMappingURL=p-97b78a20.js.map

package/www/build/p-e0cf7f5e.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as o,a,g as n}from"./p-75c4a726.js";import{r}from"./p-8c322c9a.js";import"./p-68ac9eba.js";import"./p-97b78a20.js";const s=":host{--columns:1;display:grid;box-sizing:border-box;grid-auto-flow:column;grid-template-columns:var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr))}*{box-sizing:border-box}.z-tr--expand-button-container,::slotted(*){border-bottom:var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03)}::slotted(*:not(:last-child)){border-right:var(--z-table--cell-left-border, none)}:host([expandable]){--show-expandable-button:visible;cursor:pointer}:host([expandable]) ::slotted(*){grid-row:1}:host([expandable]) ::slotted(:nth-last-child(2)){border-right:none}:host([expandable]) ::slotted(*:last-child){border-left:0;grid-column:1 / span calc(var(--columns) + 1);grid-row:2}:host([expandable]:not([expanded])) ::slotted(*:last-child){display:none}:host([expanded]){margin-bottom:4px;box-shadow:0 4px 4px -2px var(--shadow-color-base)}:host([expanded]) .z-tr--expand-button-container,:host([expanded]) ::slotted(*){background-color:var(--color-background)}:host(:focus){position:relative;z-index:20;box-shadow:var(--shadow-focus-primary);outline:none}:host(:hover){position:relative;z-index:10;box-shadow:0 4px 4px -2px var(--shadow-color-base, rgb(0 0 0 / 20%))}.z-tr--expand-button-container{display:flex;align-items:center;justify-content:center;background-color:var(--z-table--cells-background, var(--color-surface01))}.z-tr--expand-button-container button{display:flex;align-items:center;justify-content:center;padding:0;border:none;margin:auto;appearance:none;background:transparent;cursor:pointer;visibility:var(--show-expandable-button, hidden)}.z-tr--expand-button-container button:focus{box-shadow:var(--shadow-focus-primary);outline:none}.z-tr--expand-button-container button z-icon{--z-icon-width:16px;--z-icon-height:16px}";const i=s;const d=class{constructor(o){t(this,o);this.expand=e(this,"expand",7);this.expandable=false;this.expanded=false;this.expandableContentId=undefined}updateColumns(){const t=Array.from(this.host.querySelectorAll("z-td, z-th"));if(this.expandable){t.pop()}const e=t.map((t=>t.colspan||1)).reduce(((t,e)=>t+e),0);this.host.style.setProperty("--columns",`${e}`);if(this.expandable){const e=t.pop();e.id=e.id||`z-tr-expandable-content-${r()}`;this.expandableContentId=e.id}}onRowClick(t){const e=t.target.closest(".prevent-expand");if(!this.expandable||e){return}this.expanded=!this.expanded;this.expand.emit({expanded:this.expanded})}componentWillLoad(){this.updateColumns()}render(){return o(a,{key:"6b028d12da65adf37eb6637ddf9bfd06d9f0db24",role:"row",tabIndex:0,expanded:this.expanded,onClick:this.onRowClick.bind(this)},o("div",{key:"598c2865ff6df8c8b6335e08a559407c6074bc6a",class:"z-tr--expand-button-container"},this.expandable&&o("button",{key:"b6b1ec7c8817f0a2494b509f536d640d54012620","aria-expanded":this.expanded?"true":"false","aria-label":this.expanded?"Comprimi riga":"Espandi riga","aria-controls":this.expandableContentId,type:"button"},o("z-icon",{key:"ed1dee7ce70dfee25497d7ba33ce3655217f6d0f",name:this.expanded?"minus-circled":"plus-circled"}))),o("slot",{key:"13d5eea11840b0a28dff58fe144791d8e9cfaca5",onSlotchange:this.updateColumns.bind(this)}))}get host(){return n(this)}static get watchers(){return{expandable:["updateColumns"]}}};d.style=i;export{d as Z};
-//# sourceMappingURL=p-e0cf7f5e.js.map

package/www/build/p-e0cf7f5e.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTrStyle0","ZTr","updateColumns","cells","Array","from","this","host","querySelectorAll","expandable","pop","columns","map","cell","colspan","reduce","a","b","style","setProperty","expandableContent","id","randomId","expandableContentId","onRowClick","event","preventExpand","target","closest","expanded","expand","emit","componentWillLoad","render","h","Host","key","role","tabIndex","onClick","bind","class","type","name","onSlotchange"],"sources":["src/components/table/z-tr/styles.css?tag=z-tr&encapsulation=shadow","src/components/table/z-tr/index.tsx"],"sourcesContent":[":host {\n  /* number of columns of the row. will be set in component's ts code */\n  --columns: 1;\n\n  display: grid;\n  box-sizing: border-box;\n  grid-auto-flow: column;\n  grid-template-columns: var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr));\n}\n\n* {\n  box-sizing: border-box;\n}\n\n.z-tr--expand-button-container,\n::slotted(*) {\n  border-bottom: var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03);\n}\n\n::slotted(*:not(:last-child)) {\n  border-right: var(--z-table--cell-left-border, none);\n}\n\n:host([expandable]) {\n  --show-expandable-button: visible;\n\n  cursor: pointer;\n}\n\n:host([expandable]) ::slotted(*) {\n  grid-row: 1;\n}\n\n:host([expandable]) ::slotted(:nth-last-child(2)) {\n  border-right: none;\n}\n\n:host([expandable]) ::slotted(*:last-child) {\n  border-left: 0;\n  grid-column: 1 / span calc(var(--columns) + 1);\n  grid-row: 2;\n}\n\n:host([expandable]:not([expanded])) ::slotted(*:last-child) {\n  display: none;\n}\n\n:host([expanded]) {\n  margin-bottom: 4px; /* prevents shadow to be cut by the next element */\n  box-shadow: 0 4px 4px -2px var(--shadow-color-base);\n}\n\n:host([expanded]) .z-tr--expand-button-container,\n:host([expanded]) ::slotted(*) {\n  background-color: var(--color-background);\n}\n\n:host(:focus) {\n  position: relative;\n  z-index: 20;\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host(:hover) {\n  position: relative;\n  z-index: 10;\n  box-shadow: 0 4px 4px -2px var(--shadow-color-base, rgb(0 0 0 / 20%));\n}\n\n.z-tr--expand-button-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--z-table--cells-background, var(--color-surface01));\n}\n\n.z-tr--expand-button-container button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  margin: auto;\n  appearance: none;\n  background: transparent;\n  cursor: pointer;\n  visibility: var(--show-expandable-button, hidden);\n}\n\n.z-tr--expand-button-container button:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n.z-tr--expand-button-container button z-icon {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {randomId} from \"../../../utils/utils\";\nimport \"../cells/z-td/index\";\nimport \"../cells/z-th/index\";\n\n/**\n * ZTr component.\n * When the row is `expandable`, you can set the `prevent-expand` css class on an interactive element inside the row\n * to prevent the row from expanding.\n * @slot - ZTr content (`z-td` or `z-th`).\n */\n@Component({\n  tag: \"z-tr\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTr {\n  @Element() host: HTMLZTrElement;\n\n  /**\n   * Whether the row is expandable.\n   * Use a `z-td` as the last cell of the row for the additional content.\n   * It will show a button to expand/collapse the row.\n   * The last cell will be hidden until the button or row is clicked.\n   *\n   * If some element inside the expandable row contains the `prevent-expand` css class,\n   * the row will not expand by clicking that element.\n   */\n  @Prop({reflect: true})\n  expandable = false;\n\n  /**\n   * Whether the row is currently expanded.\n   */\n  @State()\n  expanded = false;\n\n  /**\n   * HTML Id of the expandable content.\n   * It is used to link the button to the content through the `aria-controls` attribute.\n   */\n  @State()\n  expandableContentId: string;\n\n  /** Row has been expanded */\n  @Event()\n  expand: EventEmitter;\n\n  @Watch(\"expandable\")\n  @Listen(\"colspanchange\")\n  protected updateColumns(): void {\n    const cells = Array.from(this.host.querySelectorAll<HTMLZTdElement | HTMLZThElement>(\"z-td, z-th\"));\n    if (this.expandable) {\n      cells.pop();\n    }\n\n    const columns = cells.map((cell) => cell.colspan || 1).reduce((a, b) => a + b, 0);\n    this.host.style.setProperty(\"--columns\", `${columns}`);\n\n    if (this.expandable) {\n      const expandableContent = cells.pop();\n      expandableContent.id = expandableContent.id || `z-tr-expandable-content-${randomId()}`;\n      this.expandableContentId = expandableContent.id;\n    }\n  }\n\n  /**\n   * Handle click on row.\n   * Skip expansion if the click is on a element with `prevent-expand` css class.\n   */\n  private onRowClick(event: MouseEvent): void {\n    const preventExpand = (event.target as HTMLElement).closest(\".prevent-expand\");\n    if (!this.expandable || preventExpand) {\n      return;\n    }\n\n    this.expanded = !this.expanded;\n    this.expand.emit({expanded: this.expanded});\n  }\n\n  componentWillLoad(): void {\n    this.updateColumns();\n  }\n\n  render(): HTMLZTrElement {\n    return (\n      <Host\n        role=\"row\"\n        tabIndex={0}\n        expanded={this.expanded}\n        onClick={this.onRowClick.bind(this)}\n      >\n        <div class=\"z-tr--expand-button-container\">\n          {this.expandable && (\n            <button\n              aria-expanded={this.expanded ? \"true\" : \"false\"}\n              aria-label={this.expanded ? \"Comprimi riga\" : \"Espandi riga\"}\n              aria-controls={this.expandableContentId}\n              type=\"button\"\n            >\n              <z-icon name={this.expanded ? \"minus-circled\" : \"plus-circled\"}></z-icon>\n            </button>\n          )}\n        </div>\n        <slot onSlotchange={this.updateColumns.bind(this)}></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0IAAA,MAAMA,EAAY,owDAClB,MAAAC,EAAeD,E,MCeFE,EAAG,M,wEAaD,M,cAMF,M,mCAeD,aAAAC,GACR,MAAMC,EAAQC,MAAMC,KAAKC,KAAKC,KAAKC,iBAAkD,eACrF,GAAIF,KAAKG,WAAY,CACnBN,EAAMO,K,CAGR,MAAMC,EAAUR,EAAMS,KAAKC,GAASA,EAAKC,SAAW,IAAGC,QAAO,CAACC,EAAGC,IAAMD,EAAIC,GAAG,GAC/EX,KAAKC,KAAKW,MAAMC,YAAY,YAAa,GAAGR,KAE5C,GAAIL,KAAKG,WAAY,CACnB,MAAMW,EAAoBjB,EAAMO,MAChCU,EAAkBC,GAAKD,EAAkBC,IAAM,2BAA2BC,MAC1EhB,KAAKiB,oBAAsBH,EAAkBC,E,EAQzC,UAAAG,CAAWC,GACjB,MAAMC,EAAiBD,EAAME,OAAuBC,QAAQ,mBAC5D,IAAKtB,KAAKG,YAAciB,EAAe,CACrC,M,CAGFpB,KAAKuB,UAAYvB,KAAKuB,SACtBvB,KAAKwB,OAAOC,KAAK,CAACF,SAAUvB,KAAKuB,U,CAGnC,iBAAAG,GACE1B,KAAKJ,e,CAGP,MAAA+B,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,MACLC,SAAU,EACVT,SAAUvB,KAAKuB,SACfU,QAASjC,KAAKkB,WAAWgB,KAAKlC,OAE9B4B,EAAA,OAAAE,IAAA,2CAAKK,MAAM,iCACRnC,KAAKG,YACJyB,EAAA,UAAAE,IAAA,2DACiB9B,KAAKuB,SAAW,OAAS,QAAO,aACnCvB,KAAKuB,SAAW,gBAAkB,eAAc,gBAC7CvB,KAAKiB,oBACpBmB,KAAK,UAELR,EAAA,UAAAE,IAAA,2CAAQO,KAAMrC,KAAKuB,SAAW,gBAAkB,mBAItDK,EAAA,QAAAE,IAAA,2CAAMQ,aAActC,KAAKJ,cAAcsC,KAAKlC,Q","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-export{Z as z_tr}from"./p-e0cf7f5e.js";import"./p-75c4a726.js";import"./p-8c322c9a.js";import"./p-137c2618.js";import"./p-5145a606.js";import"./p-68ac9eba.js";import"./p-97b78a20.js";
-//# sourceMappingURL=p-e90d3072.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as a,h as r,a as t}from"./p-75c4a726.js";import{t as s}from"./p-137c2618.js";const e=class{constructor(r){a(this,r);this.mode=s.POLITE}render(){return r(t,{key:"583949db78c250fbedcf782e8985635f23a109d8","aria-live":this.mode,"aria-atomic":"true","aria-relevant":"additions"},r("slot",{key:"12d852a544ac602c33237d7f24124bd2fd47847c"}))}};export{e as z_aria_alert};
-//# sourceMappingURL=p-ee8c03e3.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as e,h as t,a,g as s}from"./p-75c4a726.js";import"./p-1170826b.js";import"./p-195ed6d2.js";import"./p-eb9ef3cb.js";import"./p-e0cf7f5e.js";import"./p-8c322c9a.js";import"./p-137c2618.js";import"./p-5145a606.js";import"./p-68ac9eba.js";import"./p-97b78a20.js";const r=":host{--z-table--cells-padding:calc(var(--space-unit) * 2);position:relative;display:block;overflow:auto;max-width:100%;box-sizing:border-box;background-color:var(--color-surface01)}:host([expandable]){--z-table--expand-button-size:40px}:host([bordered]){--z-table--cell-left-border:1px solid var(--color-surface03)}";const o=r;const i=class{constructor(t){e(this,t);this.bordered=false;this.expandable=false}updateExpandable(){this.expandable=this.host.querySelectorAll("z-tr[expandable]").length>0}componentWillLoad(){this.expandableMutationObserver=new MutationObserver((()=>{this.updateExpandable()}));this.expandableMutationObserver.observe(this.host,{childList:true,subtree:true,attributes:true,attributeFilter:["expandable"],attributeOldValue:false})}disconnectedCallback(){var e;(e=this.expandableMutationObserver)===null||e===void 0?void 0:e.disconnect()}render(){return t(a,{key:"a37bf2d018aedf198e11248d9952c062deddc545",expandable:this.expandable},t("div",{key:"a769b79ee55eb5425bb6c72059437f051967c3b3",class:"table",role:"table"},t("slot",{key:"0ba782144cc2f139484954747d530d6f1c606a0d"})))}get host(){return s(this)}};i.style=o;export{i as z_table};
-//# sourceMappingURL=p-f97b82aa.entry.js.map

package/www/build/p-f97b82aa.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTableStyle0","ZTable","updateExpandable","this","expandable","host","querySelectorAll","length","componentWillLoad","expandableMutationObserver","MutationObserver","observe","childList","subtree","attributes","attributeFilter","attributeOldValue","disconnectedCallback","_a","disconnect","render","h","Host","key","class","role"],"sources":["src/components/table/z-table/styles.css?tag=z-table&encapsulation=shadow","src/components/table/z-table/index.tsx"],"sourcesContent":[":host {\n  --z-table--cells-padding: calc(var(--space-unit) * 2);\n\n  position: relative;\n  display: block;\n  overflow: auto;\n  max-width: 100%;\n  box-sizing: border-box;\n  background-color: var(--color-surface01);\n}\n\n:host([expandable]) {\n  --z-table--expand-button-size: 40px;\n}\n\n:host([bordered]) {\n  --z-table--cell-left-border: 1px solid var(--color-surface03);\n}\n","import {Component, Element, Host, Prop, State, h} from \"@stencil/core\";\nimport \"../z-tbody/index\";\nimport \"../z-tfoot/index\";\nimport \"../z-thead/index\";\nimport \"../z-tr/index\";\n\n/**\n * ZTable component.\n * @slot - Table content (`z-thead`, `z-tbody`, `z-tfoot`, `z-tr`).\n * @cssprop --z-table--cells-padding - Padding of the cells.\n */\n@Component({\n  tag: \"z-table\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTable {\n  @Element() host: HTMLZTableElement;\n\n  /**\n   * Whether the table cells should show a border between them.\n   */\n  @Prop({reflect: true})\n  bordered = false;\n\n  /**\n   * Whether the table contains some expandable rows.\n   */\n  @State()\n  expandable = false;\n\n  private updateExpandable(): void {\n    this.expandable = this.host.querySelectorAll(\"z-tr[expandable]\").length > 0;\n  }\n\n  private expandableMutationObserver: MutationObserver;\n\n  /**\n   * Setup the table creating a mutation observer for the expandable attribute.\n   */\n  componentWillLoad(): void {\n    this.expandableMutationObserver = new MutationObserver(() => {\n      this.updateExpandable();\n    });\n    this.expandableMutationObserver.observe(this.host, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: [\"expandable\"],\n      attributeOldValue: false,\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.expandableMutationObserver?.disconnect();\n  }\n\n  render(): HTMLZTableElement {\n    return (\n      <Host expandable={this.expandable}>\n        <div\n          class=\"table\"\n          role=\"table\"\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"4QAAA,MAAMA,EAAY,+TAClB,MAAAC,EAAeD,E,MCeFE,EAAM,M,uCAON,M,gBAME,K,CAEL,gBAAAC,GACNC,KAAKC,WAAaD,KAAKE,KAAKC,iBAAiB,oBAAoBC,OAAS,C,CAQ5E,iBAAAC,GACEL,KAAKM,2BAA6B,IAAIC,kBAAiB,KACrDP,KAAKD,kBAAkB,IAEzBC,KAAKM,2BAA2BE,QAAQR,KAAKE,KAAM,CACjDO,UAAW,KACXC,QAAS,KACTC,WAAY,KACZC,gBAAiB,CAAC,cAClBC,kBAAmB,O,CAIvB,oBAAAC,G,OACEC,EAAAf,KAAKM,8BAA0B,MAAAS,SAAA,SAAAA,EAAEC,Y,CAGnC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACnB,WAAYD,KAAKC,YACrBiB,EAAA,OAAAE,IAAA,2CACEC,MAAM,QACNC,KAAK,SAELJ,EAAA,QAAAE,IAAA,8C","ignoreList":[]}