@zanichelli/albe-web-components 14.5.3-rc7 → 14.6.0

package/www/build/p-47a6173f.system.entry.js

@@ -0,0 +1,2 @@
+var __spreadArray=this&&this.__spreadArray||function(t,i,n){if(n||arguments.length===2)for(var a=0,o=i.length,e;a<o;a++){if(e||!(a in i)){if(!e)e=Array.prototype.slice.call(i,0,a);e[a]=i[a]}}return t.concat(e||Array.prototype.slice.call(i))};System.register(["./p-d8fcaf1f.system.js","./p-c39f227f.system.js"],(function(t){"use strict";var i,n,a,o,e,s;return{setters:[function(t){i=t.r;n=t.c;a=t.h;o=t.a;e=t.g},function(t){s=t.I}],execute:function(){var r="z-pagination{--z-pagination--page-button-width:64px;--z-pagination--pages-container-max-width:100%;display:-ms-flexbox;display:flex;max-width:100%;-ms-flex-flow:column wrap;flex-flow:column wrap;font-family:var(--font-family-sans);font-weight:var(--font-rg);gap:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4)}z-pagination,z-pagination *{-webkit-box-sizing:border-box;box-sizing:border-box}z-pagination button{height:100%}z-pagination z-icon{fill:var(--color-primary01-icon)}z-pagination *:disabled z-icon{fill:var(--color-disabled03)}z-pagination .page-label{margin-right:calc(var(--space-unit) * 3);color:var(--color-default-text)}z-pagination .pagination-bar{display:-ms-flexbox;display:flex;max-width:100%;height:48px;-ms-flex-align:center;align-items:center}z-pagination .pagination-bar button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;margin:0;background-color:var(--color-surface03);color:var(--color-primary01);cursor:pointer;font-family:inherit;font-weight:inherit;-webkit-transition:background-color 0.15s ease-out,\n    color 0.15s ease-out,\n    border-bottom-color 0.15s ease-out,\n    font-size 0.15s ease-in-out,\n    font-weight 0.15s ease-in-out;transition:background-color 0.15s ease-out,\n    color 0.15s ease-out,\n    border-bottom-color 0.15s ease-out,\n    font-size 0.15s ease-in-out,\n    font-weight 0.15s ease-in-out}z-pagination .pagination-bar button:focus-visible{background-color:var(--color-hover-surface);-webkit-box-shadow:inset var(--shadow-focus-primary);box-shadow:inset var(--shadow-focus-primary);outline:none}z-pagination .pagination-bar .pagination-button{padding:calc(var(--space-unit) * 2);font-weight:var(--font-sb);text-transform:uppercase;white-space:nowrap}z-pagination .pagination-bar .navigation-button{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.5)}z-pagination .pagination-bar .pagination-button:disabled,z-pagination .pagination-bar .navigation-button:disabled{background-color:var(--color-disabled01);color:var(--color-disabled03);cursor:default;pointer-events:none}z-pagination .pagination-bar .page-button,z-pagination .pagination-bar .ellipsis-button{width:var(--z-pagination--page-button-width)}z-pagination .pages-container{position:relative;display:-ms-inline-flexbox;display:inline-flex;max-width:100%;height:100%;overflow-x:auto;scroll-behavior:smooth;scroll-snap-align:center;scrollbar-width:none}z-pagination .pages-container::-webkit-scrollbar{display:none}z-pagination .pages-chunk{display:-ms-flexbox;display:flex;scroll-snap-align:center}z-pagination .pagination-bar .page-button{padding-top:var(--border-size-large) solid transparent;border-bottom:var(--border-size-large) solid transparent;font-size:var(--font-size-2);font-weight:var(--font-sb)}z-pagination .pagination-bar .page-button:focus-visible{border-bottom-color:var(--color-hover-light)}z-pagination .pagination-bar .page-button[data-current]{border-bottom-color:var(--color-primary01);font-size:var(--font-size-7)}z-pagination .go-to-page{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;row-gap:var(--space-unit)}z-pagination .go-to-page .label{color:var(--color-default-text);text-transform:uppercase}z-pagination .go-to-page .inputs{display:-ms-flexbox;display:flex;-webkit-column-gap:var(--space-unit);-moz-column-gap:var(--space-unit);column-gap:var(--space-unit)}z-pagination .go-to-page .inputs z-input{width:calc(var(--space-unit) * 11)}z-pagination .go-to-page .inputs z-input input,z-pagination .mobile-go-to-page z-input input{padding:0 calc(var(--space-unit) * 1.5) !important;-webkit-appearance:none;-moz-appearance:none;appearance:none}z-pagination .mobile-go-to-page{display:-ms-flexbox;display:flex;height:100%;-ms-flex:1 auto;flex:1 auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--color-surface03)}z-pagination .mobile-go-to-page z-input{width:var(--z-pagination--page-button-width);margin-right:var(--space-unit)}z-pagination .mobile-go-to-page z-input input{text-align:center}z-pagination .mobile-go-to-page z-input input::-webkit-outer-spin-button,z-pagination .mobile-go-to-page z-input input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}z-pagination .mobile-go-to-page>span{font-size:var(--font-size-2)}@media (hover: hover){z-pagination .pagination-bar button:hover{background-color:var(--color-hover-surface)}z-pagination .pagination-bar .page-button:hover{border-bottom-color:var(--color-hover-light)}}@media (min-width: 768px){z-pagination{--z-pagination--page-button-width:88px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}z-pagination .pages-container{max-width:var(--z-pagination--pages-container-max-width)}}";var l=r;var p=t("z_pagination",function(){function t(t){i(this,t);this.pageChanged=n(this,"pageChanged",7);this.label=undefined;this.navArrows=true;this.totalPages=undefined;this.skip=0;this.edges=false;this.split=undefined;this.visiblePages=undefined;this.currentPage=1;this.goToPage=undefined;this._visiblePages=this.visiblePages;this.isMobile=false;this.goToPageValue=null}t.prototype.setPagesContainerWidth=function(){if(!this._visiblePages||this.split){this.host.style.setProperty("--z-pagination--pages-container-max-width","100%");return}var t=window.getComputedStyle(this.host);var i=t.getPropertyValue("--z-pagination--page-button-width");this.host.style.setProperty("--z-pagination--pages-container-max-width","calc(".concat(i," * ").concat(this._visiblePages,")"))};t.prototype.setVisiblePages=function(){this._visiblePages=Math.min(this.visiblePages||this.totalPages,this.totalPages)};t.prototype.onPageChanged=function(){this.pageChanged.emit(this.currentPage);this.scrollToPage()};t.prototype.onSplitChanged=function(){if(this.split){this.edges=false}};t.prototype.onResize=function(){this.setMobile()};t.prototype.setMobile=function(){var t="screen and (max-width: 767px)";this.isMobile=window.matchMedia(t).matches};t.prototype.getPagesChunks=function(){var t=Array.from({length:this.totalPages},(function(t,i){return i+1}));var i=[];var n=Math.ceil(t.length/this._visiblePages);for(var a=0;a<n;a++){i.push(t.slice(a*this._visiblePages,(a+1)*this._visiblePages))}return i};t.prototype.scrollToPage=function(){var t=this.host.querySelector('[data-page="'.concat(this.currentPage,'"]'));if(!t){return}t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})};t.prototype.selectPage=function(t){this.currentPage=Math.min(Math.max(t,1),this.totalPages)};t.prototype.renderPage=function(t){var i=this;return a("button",{class:"page-button",type:"button","aria-current":this.currentPage===t?"page":"false",title:"Vai alla pagina ".concat(t),"data-page":t,"data-current":this.currentPage===t,onClick:function(){return i.selectPage(t)}},t)};t.prototype.renderEllipsisButton=function(t){var i=this;return a("button",{class:"ellipsis-button",type:"button",title:"Vai alla pagina ".concat(t),onClick:function(){return i.selectPage(t)}},"…")};t.prototype.renderPages=function(){var t=this;var i=this.getPagesChunks();if(i.length<=0){return}return i.map((function(i){return a("div",{class:"pages-chunk"},i.map((function(i){return t.renderPage(i)})))}))};t.prototype.renderSplitPages=function(){var t=this;if(this.totalPages<=this.split*2+5){return Array.from({length:this.totalPages},(function(i,n){return t.renderPage(n+1)}))}if(this.currentPage<=this.split*2+2){return __spreadArray(__spreadArray([],Array.from({length:this.split*2+3},(function(i,n){return t.renderPage(n+1)})),true),[this.renderEllipsisButton(this.split*2+4),this.renderPage(this.totalPages)],false)}if(this.currentPage>this.split*2+2&&this.currentPage<this.totalPages-this.split*2-1){return __spreadArray(__spreadArray([this.renderPage(1),this.renderEllipsisButton(this.currentPage-this.split-1)],Array.from({length:this.split*2+1},(function(i,n){return t.renderPage(t.currentPage-t.split+n)})),true),[this.renderEllipsisButton(this.currentPage+this.split+1),this.renderPage(this.totalPages)],false)}return __spreadArray([this.renderPage(1),this.renderEllipsisButton(this.totalPages-this.split*2-3)],Array.from({length:this.split*2+3},(function(i,n){return t.renderPage(t.totalPages-t.split*2-2+n)})),true)};t.prototype.renderBackButton=function(){var t=this;return a("button",{class:"navigation-button",type:"button",title:"Vai alla pagina precedente",disabled:this.currentPage===1,onClick:function(){return t.selectPage(t.currentPage-1)}},a("z-icon",{name:"chevron-left"}))};t.prototype.renderForwardButton=function(){var t=this;return a("button",{class:"navigation-button",type:"button",title:"Vai alla prossima pagina",disabled:this.currentPage===this.totalPages,onClick:function(){return t.selectPage(t.currentPage+1)}},a("z-icon",{name:"chevron-right"}))};t.prototype.renderMobile=function(){var t=this;var i=this.getPagesChunks();return[this.label&&a("span",{class:"page-label body-1-sb"},this.label),a("div",{class:"pagination-bar"},this.renderBackButton(),!this.goToPage&&a("div",{class:"pages-container",role:"navigation",tabIndex:-1},i.length>0&&i.map((function(i){return a("div",{class:"pages-chunk"},i.map((function(i){return t.renderPage(i)})))}))),this.goToPage&&a("form",{class:"mobile-go-to-page",onSubmit:function(i){i.preventDefault();t.selectPage(t.goToPageValue)}},a("z-input",{class:"go-to-page-input",type:s.NUMBER,min:1,max:this.totalPages,message:false,onInput:function(i){t.goToPageValue=i.target.value},placeholder:this.currentPage.toString(),hasclearicon:false}),a("span",null,"/".concat(this.totalPages))),this.renderForwardButton())]};t.prototype.componentDidLoad=function(){this.setVisiblePages()};t.prototype.componentDidRender=function(){if(this.split){this.edges=false}this.setPagesContainerWidth();this.setMobile()};t.prototype.render=function(){var t=this;if(this.isMobile){return a(o,null,this.renderMobile())}return a(o,null,a("div",{class:"pagination-bar"},this.label&&a("span",{class:"page-label body-1-sb"},this.label),this.edges&&a("button",{class:"pagination-button",type:"button",title:"Vai alla pagina 1",disabled:this.currentPage===1,onClick:function(){return t.selectPage(1)}},"Pagina 1"),this.skip<this.totalPages&&this.skip>1&&a("button",{class:"pagination-button",type:"button",title:"Vai alla pagina ".concat(this.currentPage-this.skip),disabled:this.currentPage<=this.skip,onClick:function(){return t.selectPage(t.currentPage-t.skip)}},"-",this.skip),this.navArrows&&this.renderBackButton(),a("div",{class:"pages-container",role:"navigation",tabIndex:-1},this.split?this.renderSplitPages():this.renderPages()),this.navArrows&&this.renderForwardButton(),this.skip<this.totalPages&&this.skip>1&&a("button",{class:"pagination-button",type:"button",title:"Vai alla pagina ".concat(this.currentPage+this.skip),disabled:this.currentPage>this.totalPages-this.skip,onClick:function(){return t.selectPage(t.currentPage+t.skip)}},"+",this.skip),this.edges&&a("button",{class:"pagination-button",type:"button",title:"Vai alla pagina ".concat(this.totalPages),disabled:this.currentPage===this.totalPages,onClick:function(){return t.selectPage(t.totalPages)}},"Pagina ",this.totalPages)),this.goToPage&&a("div",{class:"go-to-page"},a("span",{class:"label body-5-sb"},"Vai a pagina:"),a("div",{class:"inputs"},a("z-input",{class:"go-to-page-input",type:s.NUMBER,min:1,max:this.totalPages,message:false,placeholder:"2",hasclearicon:false,onInput:function(i){t.goToPageValue=i.target.value},onKeyDown:function(i){return i.key==="Enter"&&t.selectPage(t.goToPageValue)}}),a("z-button",{disabled:!this.goToPageValue,title:"Vai alla pagina inserita",onClick:function(){return t.selectPage(t.goToPageValue)}},"vai"))))};Object.defineProperty(t.prototype,"host",{get:function(){return e(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{_visiblePages:["setPagesContainerWidth"],visiblePages:["setVisiblePages"],currentPage:["onPageChanged"],split:["onSplitChanged"]}},enumerable:false,configurable:true});return t}());p.style=l}}}));
+//# sourceMappingURL=p-47a6173f.system.entry.js.map

package/www/build/p-47a6173f.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZPaginationStyle0","ZPagination","exports","this","visiblePages","class_1","prototype","setPagesContainerWidth","_visiblePages","split","host","style","setProperty","pagesContainerStyle","window","getComputedStyle","pageButtonWidth","getPropertyValue","concat","setVisiblePages","Math","min","totalPages","onPageChanged","pageChanged","emit","currentPage","scrollToPage","onSplitChanged","edges","onResize","setMobile","mobileMediaQuery","isMobile","matchMedia","matches","getPagesChunks","pages","Array","from","length","_","i","chunks","chunksCount","ceil","index","push","slice","pageBtn","querySelector","scrollIntoView","behavior","block","inline","selectPage","page","max","renderPage","_this","h","class","type","title","onClick","renderEllipsisButton","renderPages","pagesChunks","map","chunk","renderSplitPages","__spreadArray","renderBackButton","disabled","name","renderForwardButton","renderMobile","label","goToPage","role","tabIndex","onSubmit","ev","preventDefault","goToPageValue","InputType","NUMBER","message","onInput","target","value","placeholder","toString","hasclearicon","componentDidLoad","componentDidRender","render","Host","skip","navArrows","onKeyDown","key"],"sources":["src/components/z-pagination/styles.css?tag=z-pagination","src/components/z-pagination/index.tsx"],"sourcesContent":["z-pagination {\n  --z-pagination--page-button-width: 64px;\n  --z-pagination--pages-container-max-width: 100%;\n\n  display: flex;\n  max-width: 100%;\n  flex-flow: column wrap;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  gap: calc(var(--space-unit) * 2) calc(var(--space-unit) * 4);\n}\n\nz-pagination,\nz-pagination * {\n  box-sizing: border-box;\n}\n\nz-pagination button {\n  height: 100%;\n}\n\nz-pagination z-icon {\n  fill: var(--color-primary01-icon);\n}\n\nz-pagination *:disabled z-icon {\n  fill: var(--color-disabled03);\n}\n\nz-pagination .page-label {\n  margin-right: calc(var(--space-unit) * 3);\n  color: var(--color-default-text);\n}\n\nz-pagination .pagination-bar {\n  display: flex;\n  max-width: 100%;\n  height: 48px;\n  align-items: center;\n}\n\nz-pagination .pagination-bar button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  margin: 0;\n  background-color: var(--color-surface03);\n  color: var(--color-primary01);\n  cursor: pointer;\n  font-family: inherit;\n  font-weight: inherit;\n  transition:\n    background-color 0.15s ease-out,\n    color 0.15s ease-out,\n    border-bottom-color 0.15s ease-out,\n    font-size 0.15s ease-in-out,\n    font-weight 0.15s ease-in-out;\n}\n\nz-pagination .pagination-bar button:focus-visible {\n  background-color: var(--color-hover-surface);\n  box-shadow: inset var(--shadow-focus-primary);\n  outline: none;\n}\n\nz-pagination .pagination-bar .pagination-button {\n  padding: calc(var(--space-unit) * 2);\n  font-weight: var(--font-sb);\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\nz-pagination .pagination-bar .navigation-button {\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.5);\n}\n\nz-pagination .pagination-bar .pagination-button:disabled,\nz-pagination .pagination-bar .navigation-button:disabled {\n  background-color: var(--color-disabled01);\n  color: var(--color-disabled03);\n  cursor: default;\n  pointer-events: none;\n}\n\nz-pagination .pagination-bar .page-button,\nz-pagination .pagination-bar .ellipsis-button {\n  width: var(--z-pagination--page-button-width);\n}\n\nz-pagination .pages-container {\n  position: relative;\n  display: inline-flex;\n  max-width: 100%;\n  height: 100%;\n  overflow-x: auto;\n  scroll-behavior: smooth;\n  scroll-snap-align: center;\n\n  /* hide scrollbar in Firefox */\n  scrollbar-width: none;\n}\n\nz-pagination .pages-container::-webkit-scrollbar {\n  display: none;\n}\n\nz-pagination .pages-chunk {\n  display: flex;\n  scroll-snap-align: center;\n}\n\nz-pagination .pagination-bar .page-button {\n  padding-top: var(--border-size-large) solid transparent;\n  border-bottom: var(--border-size-large) solid transparent;\n  font-size: var(--font-size-2);\n  font-weight: var(--font-sb);\n}\n\nz-pagination .pagination-bar .page-button:focus-visible {\n  border-bottom-color: var(--color-hover-light);\n}\n\nz-pagination .pagination-bar .page-button[data-current] {\n  border-bottom-color: var(--color-primary01);\n  font-size: var(--font-size-7);\n}\n\nz-pagination .go-to-page {\n  display: flex;\n  flex-direction: column;\n  row-gap: var(--space-unit);\n}\n\nz-pagination .go-to-page .label {\n  color: var(--color-default-text);\n  text-transform: uppercase;\n}\n\nz-pagination .go-to-page .inputs {\n  display: flex;\n  column-gap: var(--space-unit);\n}\n\nz-pagination .go-to-page .inputs z-input {\n  width: calc(var(--space-unit) * 11);\n}\n\nz-pagination .go-to-page .inputs z-input input,\nz-pagination .mobile-go-to-page z-input input {\n  padding: 0 calc(var(--space-unit) * 1.5) !important;\n  appearance: none;\n}\n\nz-pagination .mobile-go-to-page {\n  display: flex;\n  height: 100%;\n  flex: 1 auto;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--color-surface03);\n}\n\nz-pagination .mobile-go-to-page z-input {\n  width: var(--z-pagination--page-button-width);\n  margin-right: var(--space-unit);\n}\n\nz-pagination .mobile-go-to-page z-input input {\n  text-align: center;\n}\n\nz-pagination .mobile-go-to-page z-input input::-webkit-outer-spin-button,\nz-pagination .mobile-go-to-page z-input input::-webkit-inner-spin-button {\n  appearance: none;\n}\n\nz-pagination .mobile-go-to-page > span {\n  font-size: var(--font-size-2);\n}\n\n@media (hover: hover) {\n  z-pagination .pagination-bar button:hover {\n    background-color: var(--color-hover-surface);\n  }\n\n  z-pagination .pagination-bar .page-button:hover {\n    border-bottom-color: var(--color-hover-light);\n  }\n}\n\n@media (min-width: 768px) {\n  z-pagination {\n    --z-pagination--page-button-width: 88px;\n\n    flex-direction: row;\n    align-items: flex-end;\n  }\n\n  z-pagination .pages-container {\n    max-width: var(--z-pagination--pages-container-max-width);\n  }\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {InputType} from \"../../beans\";\n\n/**\n * Pagination bar component.\n */\n@Component({\n  tag: \"z-pagination\",\n  styleUrl: \"styles.css\",\n})\nexport class ZPagination {\n  @Element() host: HTMLZPaginationElement;\n\n  /** Pagination label placed before the bar. */\n  @Prop()\n  label?: string;\n\n  /** Enable navigation arrows. */\n  @Prop()\n  navArrows = true;\n\n  /** Total number of pages. Required. */\n  @Prop()\n  totalPages!: number;\n\n  /** Number of pages to skip. */\n  @Prop()\n  skip = 0;\n\n  /** Enable buttons to go to the first and last pages. */\n  @Prop()\n  edges = false;\n\n  /** Number of pages to show left/right of the current, before showing \"load more\" symbol (…). */\n  @Prop()\n  split?: number;\n\n  /** Number of pages to show at a time. If not set, all pages will be shown. */\n  @Prop()\n  visiblePages?: number;\n\n  /** Current page. */\n  @Prop({mutable: true})\n  currentPage = 1;\n\n  /** Whether to show \"go to page\" feature. */\n  @Prop()\n  goToPage: boolean;\n\n  /**\n   * Internal visible pages variable.\n   * Needed to better handle conflicting props like `visiblePages` and `split`.\n   * This state will change based on props values and validation,\n   * keeping original `visiblePages` value intact.\n   */\n  @State()\n  private _visiblePages = this.visiblePages;\n\n  /** Used to hides/change some functionalities on smaller screen sizes */\n  @State()\n  isMobile = false;\n\n  /** Value of the go to page input */\n  @State()\n  goToPageValue = null;\n\n  /** Event emitted when the current page has changed. */\n  @Event()\n  pageChanged: EventEmitter;\n\n  /**\n   * Set the max width of the pages container.\n   */\n  @Watch(\"_visiblePages\")\n  setPagesContainerWidth(): void {\n    if (!this._visiblePages || this.split) {\n      this.host.style.setProperty(\"--z-pagination--pages-container-max-width\", \"100%\");\n\n      return;\n    }\n\n    const pagesContainerStyle = window.getComputedStyle(this.host);\n    const pageButtonWidth = pagesContainerStyle.getPropertyValue(\"--z-pagination--page-button-width\");\n    this.host.style.setProperty(\n      \"--z-pagination--pages-container-max-width\",\n      `calc(${pageButtonWidth} * ${this._visiblePages})`\n    );\n  }\n\n  /**\n   * Set visible pages.\n   * Ensure that the visible pages are always <= the total pages.\n   * If `visiblePages` isn't set, fallback to the total pages.\n   */\n  @Watch(\"visiblePages\")\n  setVisiblePages(): void {\n    this._visiblePages = Math.min(this.visiblePages || this.totalPages, this.totalPages);\n  }\n\n  /**\n   * On page changed.\n   * @emits pageChanged\n   */\n  @Watch(\"currentPage\")\n  onPageChanged(): void {\n    this.pageChanged.emit(this.currentPage);\n    this.scrollToPage();\n  }\n\n  /**\n   * On split changed.\n   * Empty `edges` value. The split feature wins over the pages chunks and edges.\n   */\n  @Watch(\"split\")\n  onSplitChanged(): void {\n    if (this.split) {\n      this.edges = false;\n    }\n  }\n\n  /**\n   * Hide stuff on mobile.\n   */\n  @Listen(\"resize\", {target: \"window\", passive: true})\n  onResize(): void {\n    this.setMobile();\n  }\n\n  /**\n   * Set functionalities according to screen size.\n   */\n  private setMobile(): void {\n    const mobileMediaQuery = \"screen and (max-width: 767px)\";\n    this.isMobile = window.matchMedia(mobileMediaQuery).matches;\n  }\n\n  /**\n   * Get a list of pages chunks, each of `visiblePages` length.\n   * @returns {number[][]}\n   */\n  private getPagesChunks(): number[][] {\n    // array of numbers from 1 to `totalPages`\n    const pages = Array.from({length: this.totalPages}, (_, i) => i + 1);\n\n    const chunks = [];\n    const chunksCount = Math.ceil(pages.length / this._visiblePages);\n    for (let index = 0; index < chunksCount; index++) {\n      chunks.push(pages.slice(index * this._visiblePages, (index + 1) * this._visiblePages));\n    }\n\n    return chunks;\n  }\n\n  /**\n   * Scroll to the left the chunk of pages containing the current page.\n   */\n  private scrollToPage(): void {\n    const pageBtn = this.host.querySelector(`[data-page=\"${this.currentPage}\"]`) as HTMLElement;\n\n    if (!pageBtn) {\n      return;\n    }\n\n    pageBtn.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"nearest\",\n      inline: \"center\",\n    });\n  }\n\n  /**\n   * Select a page.\n   * Do validations on the passed value before assigning it to `currentPage`.\n   * @param {number} page Page number to set\n   */\n  private selectPage(page): void {\n    this.currentPage = Math.min(Math.max(page, 1), this.totalPages);\n  }\n\n  /**\n   * Render page number button.\n   * @param {number} page Page number to render\n   * @returns {HTMLButtonElement}\n   */\n  private renderPage(page): HTMLButtonElement {\n    return (\n      <button\n        class=\"page-button\"\n        type=\"button\"\n        aria-current={this.currentPage === page ? \"page\" : \"false\"}\n        title={`Vai alla pagina ${page}`}\n        data-page={page}\n        data-current={this.currentPage === page}\n        onClick={() => this.selectPage(page)}\n      >\n        {page}\n      </button>\n    );\n  }\n\n  /**\n   * Render split button.\n   * @param {number} page Page to select on click.\n   * @returns {HTMLButtonElement}\n   */\n  private renderEllipsisButton(page): HTMLButtonElement {\n    return (\n      <button\n        class=\"ellipsis-button\"\n        type=\"button\"\n        title={`Vai alla pagina ${page}`}\n        onClick={() => this.selectPage(page)}\n      >\n        …\n      </button>\n    );\n  }\n\n  /**\n   * Render chunked page buttons.\n   * @returns {HTMLDivElement[]}\n   */\n  private renderPages(): HTMLDivElement[] {\n    const pagesChunks = this.getPagesChunks();\n    if (pagesChunks.length <= 0) {\n      return;\n    }\n\n    return pagesChunks.map((chunk) => <div class=\"pages-chunk\">{chunk.map((page) => this.renderPage(page))}</div>);\n  }\n\n  /**\n   * Render page buttons when split feature is enabled.\n   * @returns {HTMLButtonElement[]}\n   */\n  private renderSplitPages(): HTMLButtonElement[] {\n    // left and right split pages, current page, first and last page, left and right ellipsis button\n    if (this.totalPages <= this.split * 2 + 5) {\n      // Too few pages: ellipsis will never be rendered, so let's just render all pages and that's it.\n      return Array.from({length: this.totalPages}, (_, i) => this.renderPage(i + 1));\n    }\n\n    if (this.currentPage <= this.split * 2 + 2) {\n      // Render first (2 * split + 3) pages, ellipsis, then last page.\n      return [\n        ...Array.from({length: this.split * 2 + 3}, (_, i) => this.renderPage(i + 1)),\n        this.renderEllipsisButton(this.split * 2 + 4),\n        this.renderPage(this.totalPages),\n      ];\n    }\n\n    if (this.currentPage > this.split * 2 + 2 && this.currentPage < this.totalPages - this.split * 2 - 1) {\n      // Render first page, ellipsis, current page surrounded by (split) pages both before and after, another ellipsis, then last page.\n      return [\n        this.renderPage(1),\n        this.renderEllipsisButton(this.currentPage - this.split - 1),\n        ...Array.from({length: this.split * 2 + 1}, (_, i) => this.renderPage(this.currentPage - this.split + i)),\n        this.renderEllipsisButton(this.currentPage + this.split + 1),\n        this.renderPage(this.totalPages),\n      ];\n    }\n\n    // Render first page, ellipsis, then last (2 * split + 3) pages.\n    return [\n      this.renderPage(1),\n      this.renderEllipsisButton(this.totalPages - this.split * 2 - 3),\n      ...Array.from({length: this.split * 2 + 3}, (_, i) => this.renderPage(this.totalPages - this.split * 2 - 2 + i)),\n    ];\n  }\n\n  private renderBackButton(): HTMLButtonElement {\n    return (\n      <button\n        class=\"navigation-button\"\n        type=\"button\"\n        title=\"Vai alla pagina precedente\"\n        disabled={this.currentPage === 1}\n        onClick={() => this.selectPage(this.currentPage - 1)}\n      >\n        <z-icon name=\"chevron-left\"></z-icon>\n      </button>\n    );\n  }\n\n  private renderForwardButton(): HTMLButtonElement {\n    return (\n      <button\n        class=\"navigation-button\"\n        type=\"button\"\n        title=\"Vai alla prossima pagina\"\n        disabled={this.currentPage === this.totalPages}\n        onClick={() => this.selectPage(this.currentPage + 1)}\n      >\n        <z-icon name=\"chevron-right\"></z-icon>\n      </button>\n    );\n  }\n\n  private renderMobile(): HTMLElement[] {\n    const pagesChunks = this.getPagesChunks();\n\n    return [\n      this.label && <span class=\"page-label body-1-sb\">{this.label}</span>,\n\n      <div class=\"pagination-bar\">\n        {this.renderBackButton()}\n\n        {!this.goToPage && (\n          <div\n            class=\"pages-container\"\n            role=\"navigation\"\n            tabIndex={-1}\n          >\n            {pagesChunks.length > 0 &&\n              pagesChunks.map((chunk) => <div class=\"pages-chunk\">{chunk.map((page) => this.renderPage(page))}</div>)}\n          </div>\n        )}\n\n        {this.goToPage && (\n          <form\n            class=\"mobile-go-to-page\"\n            onSubmit={(ev) => {\n              ev.preventDefault();\n              this.selectPage(this.goToPageValue);\n            }}\n          >\n            <z-input\n              class=\"go-to-page-input\"\n              type={InputType.NUMBER}\n              min={1}\n              max={this.totalPages}\n              message={false}\n              onInput={(ev: InputEvent) => {\n                this.goToPageValue = (ev.target as HTMLZInputElement).value;\n              }}\n              placeholder={this.currentPage.toString()}\n              hasclearicon={false}\n            ></z-input>\n            <span>{`/${this.totalPages}`}</span>\n          </form>\n        )}\n\n        {this.renderForwardButton()}\n      </div>,\n    ];\n  }\n\n  componentDidLoad(): void {\n    this.setVisiblePages();\n  }\n\n  componentDidRender(): void {\n    if (this.split) {\n      this.edges = false;\n    }\n\n    this.setPagesContainerWidth();\n    this.setMobile();\n  }\n\n  render(): HTMLZPaginationElement {\n    if (this.isMobile) {\n      return <Host>{this.renderMobile()}</Host>;\n    }\n\n    return (\n      <Host>\n        <div class=\"pagination-bar\">\n          {this.label && <span class=\"page-label body-1-sb\">{this.label}</span>}\n\n          {this.edges && (\n            <button\n              class=\"pagination-button\"\n              type=\"button\"\n              title=\"Vai alla pagina 1\"\n              disabled={this.currentPage === 1}\n              onClick={() => this.selectPage(1)}\n            >\n              Pagina 1\n            </button>\n          )}\n\n          {this.skip < this.totalPages && this.skip > 1 && (\n            <button\n              class=\"pagination-button\"\n              type=\"button\"\n              title={`Vai alla pagina ${this.currentPage - this.skip}`}\n              disabled={this.currentPage <= this.skip}\n              onClick={() => this.selectPage(this.currentPage - this.skip)}\n            >\n              -{this.skip}\n            </button>\n          )}\n\n          {this.navArrows && this.renderBackButton()}\n\n          <div\n            class=\"pages-container\"\n            role=\"navigation\"\n            tabIndex={-1}\n          >\n            {this.split ? this.renderSplitPages() : this.renderPages()}\n          </div>\n\n          {this.navArrows && this.renderForwardButton()}\n\n          {this.skip < this.totalPages && this.skip > 1 && (\n            <button\n              class=\"pagination-button\"\n              type=\"button\"\n              title={`Vai alla pagina ${this.currentPage + this.skip}`}\n              disabled={this.currentPage > this.totalPages - this.skip}\n              onClick={() => this.selectPage(this.currentPage + this.skip)}\n            >\n              +{this.skip}\n            </button>\n          )}\n\n          {this.edges && (\n            <button\n              class=\"pagination-button\"\n              type=\"button\"\n              title={`Vai alla pagina ${this.totalPages}`}\n              disabled={this.currentPage === this.totalPages}\n              onClick={() => this.selectPage(this.totalPages)}\n            >\n              Pagina {this.totalPages}\n            </button>\n          )}\n        </div>\n        {this.goToPage && (\n          <div class=\"go-to-page\">\n            <span class=\"label body-5-sb\">Vai a pagina:</span>\n            <div class=\"inputs\">\n              <z-input\n                class=\"go-to-page-input\"\n                type={InputType.NUMBER}\n                min={1}\n                max={this.totalPages}\n                message={false}\n                placeholder=\"2\"\n                hasclearicon={false}\n                onInput={(ev: InputEvent) => {\n                  this.goToPageValue = (ev.target as HTMLZInputElement).value;\n                }}\n                onKeyDown={(ev) => ev.key === \"Enter\" && this.selectPage(this.goToPageValue)}\n              ></z-input>\n              <z-button\n                disabled={!this.goToPageValue}\n                title=\"Vai alla pagina inserita\"\n                onClick={() => this.selectPage(this.goToPageValue)}\n              >\n                vai\n              </z-button>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-47b3dc77.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-da925f05.system.js","./p-d8fcaf1f.system.js","./p-1fe56b25.system.js","./p-c39f227f.system.js","./p-ad6b3f77.system.js","./p-07c0b378.system.js","./p-02f7fe6b.system.js"],(function(s){"use strict";return{setters:[function(t){s("z_tr",t.Z)},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){}}}));
+//# sourceMappingURL=p-47b3dc77.system.entry.js.map

package/www/build/p-47b3dc77.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/www/build/p-4b95363f.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-d8fcaf1f.system.js","./p-c39f227f.system.js"],(function(e){"use strict";var i,t,o,a,n,r;return{setters:[function(e){i=e.r;t=e.h;o=e.a;a=e.g},function(e){n=e.J;r=e.e}],execute:function(){var s=':host{--z-info-reveal-panel-width:384px;--trigger-size:44px;position:relative}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}button{--trigger-icon-size:calc(var(--trigger-size) / 2);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0;border:none;background-color:transparent;cursor:pointer;font-family:inherit;letter-spacing:inherit}button:focus:focus-visible{-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none}.z-info-reveal-trigger{min-width:var(--trigger-size);height:var(--trigger-size);padding:calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);background-color:var(--color-surface05);border-radius:var(--border-radius);color:var(--color-text-inverse);-webkit-column-gap:var(--space-unit);-moz-column-gap:var(--space-unit);column-gap:var(--space-unit);font-weight:var(--font-sb);line-height:1rem}:host([size="big"]) .z-info-reveal-trigger{font-size:var(--font-size-2)}:host([size="small"]) .z-info-reveal-trigger{--trigger-size:36px;font-size:var(--font-size-2)}:host([size="x-small"]) .z-info-reveal-trigger{--trigger-size:32px;padding:var(--space-unit);font-size:var(--font-size-1)}:host>.z-info-reveal-trigger z-icon{--z-icon-width:var(--trigger-icon-size);--z-icon-height:var(--trigger-icon-size);display:-ms-flexbox;display:flex;fill:var(--color-inverse-icon)}:host([size="small"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:18px}:host([size="x-small"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:16px}.z-info-reveal-panel{position:absolute;display:-ms-flexbox;display:flex;width:var(--z-info-reveal-panel-width);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-ms-flex-align:start;align-items:flex-start;padding:calc(var(--space-unit) * 1.5);background-color:var(--color-surface05);border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-4);box-shadow:var(--shadow-4);color:var(--color-text-inverse);-webkit-column-gap:var(--space-unit);-moz-column-gap:var(--space-unit);column-gap:var(--space-unit)}.z-info-reveal-panel[hidden]{display:none}:host([position="top_left"]) .z-info-reveal-panel,:host([position="top_right"]) .z-info-reveal-panel{top:0}:host([position="bottom_left"]) .z-info-reveal-panel,:host([position="bottom_right"]) .z-info-reveal-panel{bottom:0}:host([position="top_right"]) .z-info-reveal-panel,:host([position="bottom_right"]) .z-info-reveal-panel{right:0}:host([position="top_left"]) .z-info-reveal-panel,:host([position="bottom_left"]) .z-info-reveal-panel{left:0}.z-info-reveal-panel .z-info-reveal-close{margin-left:auto}.z-info-reveal-panel z-icon{fill:var(--color-inverse-icon)}@media (max-width: 767px){.z-info-reveal-panel{position:fixed;top:auto !important;bottom:auto !important;left:var(--grid-margin) !important;width:calc(100% - (var(--grid-margin) * 2)) !important;max-width:none !important;margin-top:calc(var(--trigger-size) * -1)}}';var l=s;var c=e("z_info_reveal",function(){function e(e){i(this,e);this.icon="informationsource";this.position=n.BOTTOM_RIGHT;this.label=undefined;this.ariaLabel="Apri pannello informazioni";this.size=r.BIG;this.open=false}e.prototype.adjustPanelPosition=function(){if(!this.open||!this.panel){return}var e=this.host.getBoundingClientRect();var i=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--grid-margin"),10);var t=document.documentElement.offsetWidth;var o=Math.round((this.position.includes("left")?t-e.left:e.right)-i);this.panel.style.maxWidth="".concat(o,"px")};e.prototype.togglePanel=function(){this.open=!this.open};e.prototype.closePanel=function(){this.open=false};e.prototype.handleEscapeKey=function(e){if(e.key==="Escape"&&this.open){this.closePanel()}};e.prototype.render=function(){var e=this;return t(o,{key:"45471ff481d7ce13ff05da131b5de64fadaf68d9",open:this.open},t("button",{key:"8677715bec503a1bd07f6df15932a98417599495",class:"z-info-reveal-trigger",type:"button",onClick:this.togglePanel.bind(this),"aria-label":!this.label?this.ariaLabel:undefined,"aria-expanded":this.open?"true":"false","aria-controls":"z-info-reveal-panel"},this.icon&&t("z-icon",{key:"48e14ecbee56d2dc6b9b297f8daa171c34c2a98d",name:this.icon}),this.label&&t("span",{key:"89e72867433abd07cb334120558ccdc02a5bbb81",class:"z-info-reveal-label"},this.label)),t("div",{key:"06268f048b3d6244f940900ca114dfcad5417849",class:"z-info-reveal-panel",id:"z-info-reveal-panel",ref:function(i){return e.panel=i},hidden:!this.open},t("slot",{key:"3698cbc239ab16b04226e7e9f1619014500b30f6"}),t("button",{key:"7e03364aeb76b404d4ed78d640de500b95f68769",class:"z-info-reveal-close",type:"button",onClick:this.closePanel.bind(this),"aria-label":"Chiudi pannello informazioni"},t("z-icon",{key:"524131a6b9b100729c10657c778bc6bb1daf6946",name:"multiply"}))))};Object.defineProperty(e.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{position:["adjustPanelPosition"],open:["adjustPanelPosition"]}},enumerable:false,configurable:true});return e}());c.style=l}}}));
+//# sourceMappingURL=p-4b95363f.system.entry.js.map

package/www/build/p-4b95363f.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZInfoRevealStyle0","ZInfoReveal","exports","InfoRevealPosition","BOTTOM_RIGHT","ControlSize","BIG","class_1","prototype","adjustPanelPosition","this","open","panel","rect","host","getBoundingClientRect","gridMargin","parseInt","getComputedStyle","document","documentElement","getPropertyValue","pageWidth","offsetWidth","availableSpace","Math","round","position","includes","left","right","style","maxWidth","concat","togglePanel","closePanel","handleEscapeKey","event","key","render","_this","h","Host","class","type","onClick","bind","label","ariaLabel","undefined","icon","name","id","ref","el","hidden"],"sources":["src/components/z-info-reveal/styles.css?tag=z-info-reveal&encapsulation=shadow","src/components/z-info-reveal/index.tsx"],"sourcesContent":[":host {\n  --z-info-reveal-panel-width: 384px; /* defaults half the size of the mobile breakpoint */\n  --trigger-size: 44px;\n\n  position: relative;\n}\n\n:host * {\n  box-sizing: border-box;\n}\n\nbutton {\n  --trigger-icon-size: calc(var(--trigger-size) / 2);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\nbutton:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n.z-info-reveal-trigger {\n  min-width: var(--trigger-size);\n  height: var(--trigger-size);\n  padding: calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);\n  background-color: var(--color-surface05);\n  border-radius: var(--border-radius);\n  color: var(--color-text-inverse);\n  column-gap: var(--space-unit);\n  font-weight: var(--font-sb);\n  line-height: 1rem;\n}\n\n:host([size=\"big\"]) .z-info-reveal-trigger {\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"small\"]) .z-info-reveal-trigger {\n  --trigger-size: 36px;\n\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) .z-info-reveal-trigger {\n  --trigger-size: 32px;\n\n  padding: var(--space-unit);\n  font-size: var(--font-size-1);\n}\n\n:host > .z-info-reveal-trigger z-icon {\n  --z-icon-width: var(--trigger-icon-size);\n  --z-icon-height: var(--trigger-icon-size);\n\n  display: flex;\n  fill: var(--color-inverse-icon);\n}\n\n:host([size=\"small\"]) > .z-info-reveal-trigger z-icon {\n  --trigger-icon-size: 18px;\n}\n\n:host([size=\"x-small\"]) > .z-info-reveal-trigger z-icon {\n  --trigger-icon-size: 16px;\n}\n\n.z-info-reveal-panel {\n  position: absolute;\n  display: flex;\n  width: var(--z-info-reveal-panel-width);\n  height: fit-content;\n  align-items: flex-start;\n  padding: calc(var(--space-unit) * 1.5);\n  background-color: var(--color-surface05);\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow-4);\n  color: var(--color-text-inverse);\n  column-gap: var(--space-unit);\n}\n\n.z-info-reveal-panel[hidden] {\n  display: none;\n}\n\n:host([position=\"top_left\"]) .z-info-reveal-panel,\n:host([position=\"top_right\"]) .z-info-reveal-panel {\n  top: 0;\n}\n\n:host([position=\"bottom_left\"]) .z-info-reveal-panel,\n:host([position=\"bottom_right\"]) .z-info-reveal-panel {\n  bottom: 0;\n}\n\n:host([position=\"top_right\"]) .z-info-reveal-panel,\n:host([position=\"bottom_right\"]) .z-info-reveal-panel {\n  right: 0;\n}\n\n:host([position=\"top_left\"]) .z-info-reveal-panel,\n:host([position=\"bottom_left\"]) .z-info-reveal-panel {\n  left: 0;\n}\n\n.z-info-reveal-panel .z-info-reveal-close {\n  margin-left: auto;\n}\n\n.z-info-reveal-panel z-icon {\n  fill: var(--color-inverse-icon);\n}\n\n@media (max-width: 767px) {\n  .z-info-reveal-panel {\n    position: fixed;\n    top: auto !important;\n    bottom: auto !important;\n    left: var(--grid-margin) !important;\n    width: calc(100% - (var(--grid-margin) * 2)) !important;\n    max-width: none !important;\n    margin-top: calc(var(--trigger-size) * -1);\n  }\n}\n","import {Component, Element, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ControlSize, InfoRevealPosition} from \"../../beans\";\n\n/**\n * Info reveal component.\n *\n * @slot - content of the info panel.\n * @cssprop --z-info-reveal-panel-width - Width of the info panel.\n */\n@Component({\n  tag: \"z-info-reveal\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZInfoReveal {\n  /** Name of the icon for the trigger button */\n  @Prop()\n  icon? = \"informationsource\";\n\n  /**\n   * The position of the z-info-reveal in the page. This helps to correctly place the info panel.\n   * The panel will grow in the opposite direction of the position.\n   * For example, with the default position `BOTTOM_RIGHT`, the panel will grow vertically upwards and horizontally to the left.\n   */\n  @Prop({reflect: true})\n  position?: InfoRevealPosition = InfoRevealPosition.BOTTOM_RIGHT;\n\n  /** Label of the trigger button. */\n  @Prop()\n  label?: string;\n\n  /** Aria label of the trigger button. It will be only used when `label` prop is empty. */\n  @Prop()\n  ariaLabel = \"Apri pannello informazioni\";\n\n  /** Size of the trigger button */\n  @Prop({reflect: true})\n  size?: ControlSize = ControlSize.BIG;\n\n  /** Whether the info panel is open. */\n  @State()\n  open = false;\n\n  @Element() host: HTMLZInfoRevealElement;\n\n  private panel: HTMLDivElement;\n\n  /**\n   * Adjust the position of the info panel to prevent exiting the viewport.\n   */\n  @Watch(\"position\")\n  @Watch(\"open\")\n  @Listen(\"resize\", {target: \"window\", passive: true})\n  adjustPanelPosition(): void {\n    if (!this.open || !this.panel) {\n      return;\n    }\n\n    const rect = this.host.getBoundingClientRect();\n    const gridMargin = parseInt(getComputedStyle(document.documentElement).getPropertyValue(\"--grid-margin\"), 10);\n    const pageWidth = document.documentElement.offsetWidth;\n    // Available space for the info panel to grow towards the edge of the page, based on the `position` prop.\n    const availableSpace = Math.round(\n      (this.position.includes(\"left\") ? pageWidth - rect.left : rect.right) - gridMargin\n    );\n    this.panel.style.maxWidth = `${availableSpace}px`;\n  }\n\n  /**\n   * Toggle the open state of the info panel.\n   */\n  private togglePanel(): void {\n    this.open = !this.open;\n  }\n\n  /**\n   * Close the info panel.\n   */\n  private closePanel(): void {\n    this.open = false;\n  }\n\n  @Listen(\"keydown\", {target: \"window\", capture: true})\n  handleEscapeKey(event: KeyboardEvent): void {\n    if (event.key === \"Escape\" && this.open) {\n      this.closePanel();\n    }\n  }\n\n  render(): HTMLZInfoRevealElement {\n    return (\n      <Host open={this.open}>\n        <button\n          class=\"z-info-reveal-trigger\"\n          type=\"button\"\n          onClick={this.togglePanel.bind(this)}\n          aria-label={!this.label ? this.ariaLabel : undefined}\n          aria-expanded={this.open ? \"true\" : \"false\"}\n          aria-controls=\"z-info-reveal-panel\"\n        >\n          {this.icon && <z-icon name={this.icon} />}\n          {this.label && <span class=\"z-info-reveal-label\">{this.label}</span>}\n        </button>\n        <div\n          class=\"z-info-reveal-panel\"\n          id=\"z-info-reveal-panel\"\n          ref={(el) => (this.panel = el)}\n          hidden={!this.open}\n        >\n          <slot></slot>\n          <button\n            class=\"z-info-reveal-close\"\n            type=\"button\"\n            onClick={this.closePanel.bind(this)}\n            aria-label=\"Chiudi pannello informazioni\"\n          >\n            <z-icon name=\"multiply\" />\n          </button>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gNAAA,IAAMA,EAAY,g6FAClB,IAAAC,EAAeD,E,ICaFE,EAAWC,EAAA,2B,kCAGd,oB,cAQwBC,EAAmBC,a,oCAQvC,6B,UAISC,EAAYC,I,UAI1B,K,CAYPC,EAAAC,UAAAC,oBAAA,WACE,IAAKC,KAAKC,OAASD,KAAKE,MAAO,CAC7B,M,CAGF,IAAMC,EAAOH,KAAKI,KAAKC,wBACvB,IAAMC,EAAaC,SAASC,iBAAiBC,SAASC,iBAAiBC,iBAAiB,iBAAkB,IAC1G,IAAMC,EAAYH,SAASC,gBAAgBG,YAE3C,IAAMC,EAAiBC,KAAKC,OACzBhB,KAAKiB,SAASC,SAAS,QAAUN,EAAYT,EAAKgB,KAAOhB,EAAKiB,OAASd,GAE1EN,KAAKE,MAAMmB,MAAMC,SAAW,GAAAC,OAAGT,EAAc,K,EAMvCjB,EAAAC,UAAA0B,YAAA,WACNxB,KAAKC,MAAQD,KAAKC,I,EAMZJ,EAAAC,UAAA2B,WAAA,WACNzB,KAAKC,KAAO,K,EAIdJ,EAAAC,UAAA4B,gBAAA,SAAgBC,GACd,GAAIA,EAAMC,MAAQ,UAAY5B,KAAKC,KAAM,CACvCD,KAAKyB,Y,GAIT5B,EAAAC,UAAA+B,OAAA,eAAAC,EAAA9B,KACE,OACE+B,EAACC,EAAI,CAAAJ,IAAA,2CAAC3B,KAAMD,KAAKC,MACf8B,EAAA,UAAAH,IAAA,2CACEK,MAAM,wBACNC,KAAK,SACLC,QAASnC,KAAKwB,YAAYY,KAAKpC,MAAK,cACvBA,KAAKqC,MAAQrC,KAAKsC,UAAYC,UAAS,gBACrCvC,KAAKC,KAAO,OAAS,QAAO,gBAC7B,uBAEbD,KAAKwC,MAAQT,EAAA,UAAAH,IAAA,2CAAQa,KAAMzC,KAAKwC,OAChCxC,KAAKqC,OAASN,EAAA,QAAAH,IAAA,2CAAMK,MAAM,uBAAuBjC,KAAKqC,QAEzDN,EAAA,OAAAH,IAAA,2CACEK,MAAM,sBACNS,GAAG,sBACHC,IAAK,SAACC,GAAE,OAAMd,EAAK5B,MAAQ0C,CAAnB,EACRC,QAAS7C,KAAKC,MAEd8B,EAAA,QAAAH,IAAA,6CACAG,EAAA,UAAAH,IAAA,2CACEK,MAAM,sBACNC,KAAK,SACLC,QAASnC,KAAKyB,WAAWW,KAAKpC,MAAK,aACxB,gCAEX+B,EAAA,UAAAH,IAAA,2CAAQa,KAAK,e,wRAtGD,I","ignoreList":[]}

package/www/build/p-4f4233fc.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-d8fcaf1f.system.js","./p-c39f227f.system.js","./p-1fe56b25.system.js","./p-ad6b3f77.system.js"],(function(i){"use strict";var t,n,e,o,s;return{setters:[function(i){t=i.r;n=i.c;e=i.h},function(i){o=i.P},function(i){s=i.a},function(){}],execute:function(){var r=':host{width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;display:grid;width:calc(100% + calc(var(--space-unit) * 2));height:402px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--color-primary01);margin-left:calc(-1 * var(--space-unit));background:var(--color-surface01);border-radius:0;-webkit-box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%);box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%)}:host>div>z-icon{position:absolute;top:var(--space-unit);right:var(--space-unit);cursor:pointer;fill:var(--color-primary01)}:host>div>div.cta-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-item-align:end;align-self:end;-ms-flex-pack:justify;justify-content:space-between}:host>div>div.content-wrapper{position:relative;overflow:hidden;-ms-flex-item-align:stretch;align-self:stretch}:host>div>div.content-wrapper>section{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);font-size:14px;line-height:20px}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden::after{position:absolute;top:0;right:0;bottom:0;left:0;background:-webkit-gradient(linear, left top, left bottom, from(rgb(255 0 0 / 0%)), color-stop(60%, rgb(255 0 0 / 0%)), to(white));background:linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);content:"";pointer-events:none}:host>div>div.content-wrapper>section>span.license-heading{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-secondary02);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-warning01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-popover{position:absolute;top:0;left:calc(var(--space-unit) * 4)}';var a=r;var l=i("z_myz_card_info",function(){function i(i){t(this,i);this.flipCard=n(this,"flipCard",7);this.data=undefined;this.htmltabindex=0;this.hiddenContent=false;this.tooltip=false;this.emitFlipCard=this.emitFlipCard.bind(this)}i.prototype.emitFlipCard=function(i){if(i===void 0){i=false}this.flipCard.emit(i)};i.prototype.componentWillLoad=function(){this.setStringOrArray()};i.prototype.componentWillUpdate=function(){this.setStringOrArray()};i.prototype.componentDidRender=function(){this.handleContentHeight()};i.prototype.handleContentHeight=function(){if(!this.contentWrapper&&!this.infoWrapper){this.hiddenContent=false;return}if(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight){var i=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight;this.infoWrapper.style.height="".concat(i,"px");this.hiddenContent=true;return}this.hiddenContent=false};i.prototype.setStringOrArray=function(){if(typeof this.data==="string"){this.cardData=JSON.parse(this.data)}else{this.cardData=this.data}};i.prototype.renderCloseIcon=function(){var i=this;return e("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:function(){return i.emitFlipCard(false)},tabindex:this.htmltabindex,onKeyUp:function(t){s(t,i.emitFlipCard,false)}})};i.prototype.renderGeneralSection=function(){var i=this;var t,n;var o=(t=this===null||this===void 0?void 0:this.cardData)===null||t===void 0?void 0:t.title;var s=(n=this===null||this===void 0?void 0:this.cardData)===null||n===void 0?void 0:n.description;return e("section",{class:"info-wrapper ".concat(this.hiddenContent?"hidden":""),onClick:function(){if(i.hiddenContent){i.tooltip=!i.tooltip}},ref:function(t){return i.infoWrapper=t}},this.renderAuthor(),this.renderYear(),o,e("br",null),s)};i.prototype.renderAuthor=function(){var i;var t=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.author;if(!t){return null}return e("span",null,"Autore: ",e("b",null,t),e("br",null))};i.prototype.renderYear=function(){var i;var t=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.year;if(!t){return null}return e("span",null,"Anno: ",e("b",null,t),e("br",null))};i.prototype.renderTooltip=function(){var i=this;if(!this.tooltip){return}if(!this.cardData){return}var t=this.cardData,n=t.title,s=t.year,r=t.author,a=t.description;return e("z-popover",{position:o.RIGHT,onClick:function(){return i.tooltip=false}},"".concat(n," ").concat(s," ").concat(r," ").concat(a))};i.prototype.setExpirationLicenseMessage=function(i){if(i==="online"&&this.cardData.onlineLicense.expired||i==="offline"&&this.cardData.offlineLicense.expired){return e("span",{class:"expired"},"SCADUTA")}if(i==="online"&&this.cardData.onlineLicense.expiring||i==="offline"&&this.cardData.offlineLicense.expiring){return e("span",{class:"expiring"},"IN SCADENZA")}};i.prototype.renderOnlineLicenseSection=function(){var i=this;var t;if(!((t=this===null||this===void 0?void 0:this.cardData)===null||t===void 0?void 0:t.onlineLicense)){return}return e("section",{ref:function(t){return i.onlineLicenseWrapper=t}},e("span",{class:"license-heading"},e("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",e("b",null,this.cardData.onlineLicense.expiration),e("br",null))};i.prototype.renderOfflineLicenseSection=function(){var i=this;var t;if(!((t=this===null||this===void 0?void 0:this.cardData)===null||t===void 0?void 0:t.offlineLicense)){return}return e("section",{ref:function(t){return i.offlineLicenseWrapper=t}},e("span",{class:"license-heading"},e("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",e("b",null,this.cardData.offlineLicense.expiration),e("br",null),"Installazioni disponibili: ",e("b",null,this.cardData.offlineLicense.installations))};i.prototype.render=function(){var i=this;return e("div",{key:"086c4df611ed65fc3929e9d607b4043a6ef33f06"},this.renderCloseIcon(),e("div",{key:"c3dbdc2e386d06269e79109fc29ae6e0b5826ad5",class:"content-wrapper",ref:function(t){return i.contentWrapper=t}},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),e("div",{key:"5e79d55d2e1673de4e40d03d6e3ad385af65152f",class:"cta-wrapper"},e("slot",{key:"aa7141484bdbaf50856f31285dc2fef49f84abe1"})))};return i}());l.style=a}}}));
+//# sourceMappingURL=p-4f4233fc.system.entry.js.map

package/www/build/p-4f4233fc.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardInfoStyle0","ZMyzCardInfo","exports","class_1","hostRef","this","emitFlipCard","bind","prototype","showBack","flipCard","emit","componentWillLoad","setStringOrArray","componentWillUpdate","componentDidRender","handleContentHeight","contentWrapper","infoWrapper","hiddenContent","scrollHeight","offsetHeight","height","onlineLicenseWrapper","offlineLicenseWrapper","style","concat","data","cardData","JSON","parse","renderCloseIcon","_this","h","name","width","onClick","tabindex","htmltabindex","onKeyUp","e","handleKeyboardSubmit","renderGeneralSection","title","_a","description","_b","class","tooltip","ref","el","renderAuthor","renderYear","author","year","renderTooltip","_c","position","PopoverPosition","RIGHT","setExpirationLicenseMessage","type","onlineLicense","expired","offlineLicense","expiring","renderOnlineLicenseSection","expiration","renderOfflineLicenseSection","installations","render","key"],"sources":["src/snowflakes/myz/card/z-myz-card-info/styles.css?tag=z-myz-card-info&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-info/index.tsx"],"sourcesContent":[":host {\n  width: 100%;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > div {\n  position: relative;\n  display: grid;\n  width: calc(100% + calc(var(--space-unit) * 2));\n  height: 402px;\n  box-sizing: border-box;\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);\n  border: var(--border-size-small) solid var(--color-primary01);\n  margin-left: calc(-1 * var(--space-unit));\n  background: var(--color-surface01);\n  border-radius: 0;\n  box-shadow: 0 2px 4px 0 rgb(66 69 72 / 35%);\n}\n\n:host > div > z-icon {\n  position: absolute;\n  top: var(--space-unit);\n  right: var(--space-unit);\n  cursor: pointer;\n  fill: var(--color-primary01);\n}\n\n:host > div > div.cta-wrapper {\n  display: flex;\n  flex-flow: column nowrap;\n  align-self: end;\n  justify-content: space-between;\n}\n\n:host > div > div.content-wrapper {\n  position: relative;\n  overflow: hidden;\n  align-self: stretch;\n}\n\n:host > div > div.content-wrapper > section {\n  box-sizing: border-box;\n  padding: var(--space-unit) 0;\n  border-bottom: var(--border-size-small) solid var(--color-surface04);\n  color: var(--color-surface05);\n  font-size: 14px;\n  line-height: 20px;\n}\n\n:host > div > div.content-wrapper > section:last-child {\n  border-bottom: none;\n}\n\n:host > div > div.content-wrapper > section.info-wrapper {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n:host > div > div.content-wrapper > section.info-wrapper.hidden::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);\n  content: \"\";\n  pointer-events: none;\n}\n\n:host > div > div.content-wrapper > section > span.license-heading {\n  display: flex;\n  justify-content: space-between;\n}\n\n:host > div > div.content-wrapper > section > span.license-heading > span.expired {\n  color: var(--color-secondary02);\n  font-size: 12px;\n  font-weight: 600;\n}\n\n:host > div > div.content-wrapper > section > span.license-heading > span.expiring {\n  color: var(--color-warning01);\n  font-size: 12px;\n  font-weight: 600;\n}\n\n:host > div > div.content-wrapper > z-popover {\n  position: absolute;\n  top: 0;\n  left: calc(var(--space-unit) * 4);\n}\n","import {Component, Event, EventEmitter, Prop, State, h} from \"@stencil/core\";\nimport {DictionaryData, PopoverPosition} from \"../../../../beans\";\nimport {handleKeyboardSubmit} from \"../../../../utils/utils\";\n\n/**\n * @slot  - content\n */\n@Component({\n  tag: \"z-myz-card-info\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardInfo {\n  /** dictionary info */\n  @Prop()\n  data: string | DictionaryData;\n\n  /** tabindex link attribute (optional) */\n  @Prop()\n  htmltabindex?: number = 0;\n\n  @State()\n  hiddenContent = false;\n\n  @State()\n  tooltip = false;\n\n  private cardData: DictionaryData;\n\n  private contentWrapper: HTMLElement;\n\n  private infoWrapper: HTMLElement;\n\n  private onlineLicenseWrapper: HTMLElement;\n\n  private offlineLicenseWrapper: HTMLElement;\n\n  /** flip card to front */\n  @Event()\n  flipCard: EventEmitter;\n\n  private emitFlipCard(showBack = false): void {\n    this.flipCard.emit(showBack);\n  }\n\n  constructor() {\n    this.emitFlipCard = this.emitFlipCard.bind(this);\n  }\n\n  componentWillLoad(): void {\n    this.setStringOrArray();\n  }\n\n  componentWillUpdate(): void {\n    this.setStringOrArray();\n  }\n\n  componentDidRender(): void {\n    this.handleContentHeight();\n  }\n\n  private handleContentHeight(): void {\n    if (!this.contentWrapper && !this.infoWrapper) {\n      this.hiddenContent = false;\n\n      return;\n    }\n\n    if (\n      this.contentWrapper.scrollHeight > this.contentWrapper.offsetHeight ||\n      this.infoWrapper.scrollHeight > this.infoWrapper.offsetHeight\n    ) {\n      const height =\n        this.contentWrapper.offsetHeight -\n        this.onlineLicenseWrapper.offsetHeight -\n        this.offlineLicenseWrapper.offsetHeight;\n      this.infoWrapper.style.height = `${height}px`;\n      this.hiddenContent = true;\n\n      return;\n    }\n\n    this.hiddenContent = false;\n  }\n\n  private setStringOrArray(): void {\n    if (typeof this.data === \"string\") {\n      this.cardData = JSON.parse(this.data);\n    } else {\n      this.cardData = this.data;\n    }\n  }\n\n  private renderCloseIcon(): HTMLZIconElement {\n    return (\n      <z-icon\n        name=\"multiply-circled-filled\"\n        height={18}\n        width={18}\n        onClick={() => this.emitFlipCard(false)}\n        tabindex={this.htmltabindex}\n        onKeyUp={(e: KeyboardEvent) => {\n          handleKeyboardSubmit(e, this.emitFlipCard, false);\n        }}\n      />\n    );\n  }\n\n  private renderGeneralSection(): HTMLElement {\n    const title = this?.cardData?.title;\n    const description = this?.cardData?.description;\n\n    return (\n      <section\n        class={`info-wrapper ${this.hiddenContent ? \"hidden\" : \"\"}`}\n        onClick={() => {\n          if (this.hiddenContent) {\n            this.tooltip = !this.tooltip;\n          }\n        }}\n        ref={(el) => (this.infoWrapper = el)}\n      >\n        {this.renderAuthor()}\n        {this.renderYear()}\n        {title}\n        <br />\n        {description}\n      </section>\n    );\n  }\n\n  private renderAuthor(): HTMLSpanElement {\n    const author = this?.cardData?.author;\n    if (!author) {\n      return null;\n    }\n\n    return (\n      <span>\n        Autore: <b>{author}</b>\n        <br />\n      </span>\n    );\n  }\n\n  private renderYear(): HTMLSpanElement {\n    const year = this?.cardData?.year;\n    if (!year) {\n      return null;\n    }\n\n    return (\n      <span>\n        Anno: <b>{year}</b>\n        <br />\n      </span>\n    );\n  }\n\n  private renderTooltip(): HTMLZPopoverElement {\n    if (!this.tooltip) {\n      return;\n    }\n\n    if (!this.cardData) {\n      return;\n    }\n    const {title, year, author, description} = this.cardData;\n\n    return (\n      <z-popover\n        position={PopoverPosition.RIGHT}\n        onClick={() => (this.tooltip = false)}\n      >\n        {`${title} ${year} ${author} ${description}`}\n      </z-popover>\n    );\n  }\n\n  private setExpirationLicenseMessage(type: string): HTMLSpanElement {\n    if (\n      (type === \"online\" && this.cardData.onlineLicense.expired) ||\n      (type === \"offline\" && this.cardData.offlineLicense.expired)\n    ) {\n      return <span class=\"expired\">SCADUTA</span>;\n    }\n\n    if (\n      (type === \"online\" && this.cardData.onlineLicense.expiring) ||\n      (type === \"offline\" && this.cardData.offlineLicense.expiring)\n    ) {\n      return <span class=\"expiring\">IN SCADENZA</span>;\n    }\n  }\n\n  private renderOnlineLicenseSection(): HTMLElement {\n    if (!this?.cardData?.onlineLicense) {\n      return;\n    }\n\n    return (\n      <section ref={(el) => (this.onlineLicenseWrapper = el)}>\n        <span class=\"license-heading\">\n          <span>Licenza online</span>\n          {this.setExpirationLicenseMessage(\"online\")}\n        </span>\n        Scadenza il <b>{this.cardData.onlineLicense.expiration}</b>\n        <br />\n      </section>\n    );\n  }\n\n  private renderOfflineLicenseSection(): HTMLElement {\n    if (!this?.cardData?.offlineLicense) {\n      return;\n    }\n\n    return (\n      <section ref={(el) => (this.offlineLicenseWrapper = el)}>\n        <span class=\"license-heading\">\n          <span>Licenza offline</span>\n          {this.setExpirationLicenseMessage(\"offline\")}\n        </span>\n        Scadenza il <b>{this.cardData.offlineLicense.expiration}</b>\n        <br />\n        Installazioni disponibili: <b>{this.cardData.offlineLicense.installations}</b>\n      </section>\n    );\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div>\n        {this.renderCloseIcon()}\n        <div\n          class=\"content-wrapper\"\n          ref={(el) => (this.contentWrapper = el)}\n        >\n          {this.renderGeneralSection()}\n          {this.renderTooltip()}\n          {this.renderOnlineLicenseSection()}\n          {this.renderOfflineLicenseSection()}\n        </div>\n        <div class=\"cta-wrapper\">\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-50861123.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-d8fcaf1f.system.js"],(function(e){"use strict";var a,t;return{setters:[function(e){a=e.r;t=e.h}],execute:function(){var o=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:grid;padding-top:calc(var(--space-unit) * 1.5);border-bottom:var(--border-size-small) solid var(--color-surface03);color:var(--color-surface05);fill:var(--color-surface05);font-size:14px;grid-template-columns:36px auto;grid-template-rows:auto auto}:host>div>z-icon{grid-column:1 / 2;grid-row:1 / 2}:host>div>div.content{margin-bottom:var(--space-unit);grid-column:2 / 3;grid-row:1 / 2}:host>div>div.cta-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:var(--space-unit);grid-column:1 / 3;grid-row:2 / 3}@media only screen and (min-width: 768px){:host>div>div.cta-wrapper{-ms-flex-direction:row;flex-direction:row;grid-column:2 / 3}}";var r=o;var i=e("z_pocket_message",function(){function e(e){a(this,e)}e.prototype.render=function(){return t("div",{key:"94fdc25ba4ed0c5f5e84c009b28349a659a35e7d"},t("z-icon",{key:"dbfe2f3bde1476afa7b852e3e53f1150477e9992",name:"exclamation-circle"}),t("div",{key:"7391e3e79397acaf1d8ef706549403f33ff4e649",class:"content"},t("slot",{key:"7a54d609a2d40de9df327b3a73bc9a9e01eddc27"})),t("div",{key:"dd97a4204d0ab7668b3ef6847b18ae578bb4aeea",class:"cta-wrapper"},t("slot",{key:"7bdc0e8253113f03976d151baefaf7b8bcbf777f",name:"cta"})))};return e}());i.style=r}}}));
+//# sourceMappingURL=p-50861123.system.entry.js.map

package/www/build/p-50861123.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZPocketMessageStyle0","ZPocketMessage","exports","class_1","prototype","render","h","key","name","class"],"sources":["src/snowflakes/myz/pocket/z-pocket-message/styles.css?tag=z-pocket-message&encapsulation=shadow","src/snowflakes/myz/pocket/z-pocket-message/index.tsx"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > div {\n  display: grid;\n  padding-top: calc(var(--space-unit) * 1.5);\n  border-bottom: var(--border-size-small) solid var(--color-surface03);\n  color: var(--color-surface05);\n  fill: var(--color-surface05);\n  font-size: 14px;\n  grid-template-columns: 36px auto;\n  grid-template-rows: auto auto;\n}\n\n:host > div > z-icon {\n  grid-column: 1 / 2;\n  grid-row: 1 / 2;\n}\n\n:host > div > div.content {\n  margin-bottom: var(--space-unit);\n  grid-column: 2 / 3;\n  grid-row: 1 / 2;\n}\n\n:host > div > div.cta-wrapper {\n  display: flex;\n  flex-flow: column nowrap;\n  align-items: center;\n  justify-content: flex-start;\n  margin-bottom: var(--space-unit);\n  grid-column: 1 / 3;\n  grid-row: 2 / 3;\n}\n\n/* Tablet breakpoint */\n@media only screen and (min-width: 768px) {\n  :host > div > div.cta-wrapper {\n    flex-direction: row;\n    grid-column: 2 / 3;\n  }\n}\n","import {Component, h} from \"@stencil/core\";\n\n/**\n * @slot  - message body\n * @slot cta - message CTAs\n */\n@Component({\n  tag: \"z-pocket-message\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZPocketMessage {\n  render(): HTMLDivElement {\n    return (\n      <div>\n        <z-icon name=\"exclamation-circle\" />\n        <div class=\"content\">\n          <slot />\n        </div>\n        <div class=\"cta-wrapper\">\n          <slot name=\"cta\" />\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"0IAAA,IAAMA,EAAY,o2BAClB,IAAAC,EAAeD,E,ICUFE,EAAcC,EAAA,8B,wBACzBC,EAAAC,UAAAC,OAAA,WACE,OACEC,EAAA,OAAAC,IAAA,4CACED,EAAA,UAAAC,IAAA,2CAAQC,KAAK,uBACbF,EAAA,OAAAC,IAAA,2CAAKE,MAAM,WACTH,EAAA,QAAAC,IAAA,8CAEFD,EAAA,OAAAC,IAAA,2CAAKE,MAAM,eACTH,EAAA,QAAAC,IAAA,2CAAMC,KAAK,S,WATM,I","ignoreList":[]}

package/www/build/p-5377560b.system.js

@@ -0,0 +1,2 @@
+System.register(["./p-d8fcaf1f.system.js"],(function(t){"use strict";var e,r,o;return{setters:[function(t){e=t.r;r=t.h;o=t.a}],execute:function(){var n=":host{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}";var f=n;var c=t("Z",function(){function t(t){e(this,t)}t.prototype.render=function(){return r(o,{key:"82690ddf3bdd8b742cadcf45a75778892d15c5bf",role:"rowgroup"},r("slot",{key:"6b1a45b35318f6df0966ee67aa60f33aa32c5751"}))};return t}());c.style=f}}}));
+//# sourceMappingURL=p-5377560b.system.js.map

package/www/build/p-5377560b.system.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTbodyStyle0","ZTbody","exports","class_1","prototype","render","h","Host","key","role"],"sources":["src/components/table/z-tbody/styles.css?tag=z-tbody&encapsulation=shadow","src/components/table/z-tbody/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n/**\n * ZTbody component.\n * @slot - ZTbody content (`z-tr`).\n */\n@Component({\n  tag: \"z-tbody\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTbody {\n  render(): HTMLZTbodyElement {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAY,2EAClB,IAAAC,EAAeD,E,ICUFE,EAAMC,EAAA,e,wBACjBC,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,YACTH,EAAA,QAAAE,IAAA,6C,WAJW,I","ignoreList":[]}

package/www/build/p-56ba5cbf.system.js

@@ -0,0 +1,2 @@
+System.register([],(function(t){"use strict";return{execute:function(){var n=t("g",(function(){}))}}}));
+//# sourceMappingURL=p-56ba5cbf.system.js.map

package/www/build/p-56ba5cbf.system.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["globalScripts","exports"],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"mappings":"uEAAY,IAACA,EAAaC,EAAA,KAAG,WAAM,G","ignoreList":[]}

package/www/build/p-58ca2dea.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,a as i}from"./p-cc3c02fe.js";import{A as s}from"./p-025f494e.js";const a=":host{display:-ms-inline-flexbox;display:inline-flex;overflow:hidden;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--gray700);border-radius:50%;font-family:var(--font-family-sans);text-transform:uppercase}:host(.small),:host(.small)>img{width:calc(var(--space-unit) * 3);height:calc(var(--space-unit) * 3)}:host(.medium),:host(.medium)>img{width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4)}:host(.large),:host(.large)>img{width:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 5)}:host>img{-o-object-fit:cover;object-fit:cover}";const r=a;const c=class{constructor(e){t(this,e);var i,a;this.size=s.MEDIUM;this.text=undefined;this.textColor="color-white";this.backgroundColor="gray700";this.image=undefined;if(((i=this.text)===null||i===void 0?void 0:i.length)===0&&((a=this.image)===null||a===void 0?void 0:a.length)===0){console.warn("z-avatar must contain at least one prop between text and image")}}getTextSize(){if(this.size===s.SMALL){return"5"}else if(this.size===s.MEDIUM){return"4"}else if(this.size===s.LARGE){return"2"}}render(){return e(i,{key:"63564a1499f36b406dcece1fd47bb0aa8e06ed6d",class:{[this.size]:true,[`body-${this.getTextSize()}-sb`]:true},style:{color:`var(--${this.textColor})`,backgroundColor:`var(--${this.backgroundColor})`}},this.text&&!this.image&&e("span",{key:"9813952059608df9a5cdf74db7038aec2751dfa8"},this.text.substring(0,2)),this.image&&e("img",{key:"d918f83b5212cb7618e30a0dc040f0c312341386",src:this.image,onError:()=>this.image=""}))}};c.style=r;export{c as z_avatar};
+//# sourceMappingURL=p-58ca2dea.entry.js.map

package/www/build/p-58ca2dea.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZAvatarStyle0","ZAvatar","constructor","hostRef","AvatarSize","MEDIUM","_a","this","text","length","_b","image","console","warn","getTextSize","size","SMALL","LARGE","render","h","Host","key","class","style","color","textColor","backgroundColor","substring","src","onError"],"sources":["src/components/z-avatar/styles.css?tag=z-avatar&encapsulation=shadow","src/components/z-avatar/index.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  overflow: hidden;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--gray700);\n  border-radius: 50%;\n  font-family: var(--font-family-sans);\n  text-transform: uppercase;\n}\n\n:host(.small),\n:host(.small) > img {\n  width: calc(var(--space-unit) * 3);\n  height: calc(var(--space-unit) * 3);\n}\n\n:host(.medium),\n:host(.medium) > img {\n  width: calc(var(--space-unit) * 4);\n  height: calc(var(--space-unit) * 4);\n}\n\n:host(.large),\n:host(.large) > img {\n  width: calc(var(--space-unit) * 5);\n  height: calc(var(--space-unit) * 5);\n}\n\n:host > img {\n  object-fit: cover;\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\nimport {AvatarSize} from \"../../beans\";\n\n@Component({\n  tag: \"z-avatar\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZAvatar {\n  /** [optional] Avatar size */\n  @Prop()\n  size?: AvatarSize = AvatarSize.MEDIUM;\n\n  /** [optional] Avatar text */\n  @Prop()\n  text?: string;\n\n  /** [optional] Avatar text color */\n  @Prop()\n  textColor?: string = \"color-white\";\n\n  /** [optional] Avatar background color */\n  @Prop()\n  backgroundColor?: string = \"gray700\";\n\n  /** [optional] Avatar image */\n  @Prop({mutable: true})\n  image?: string;\n\n  constructor() {\n    if (this.text?.length === 0 && this.image?.length === 0) {\n      console.warn(\"z-avatar must contain at least one prop between text and image\");\n    }\n  }\n\n  private getTextSize(): string {\n    if (this.size === AvatarSize.SMALL) {\n      return \"5\";\n    } else if (this.size === AvatarSize.MEDIUM) {\n      return \"4\";\n    } else if (this.size === AvatarSize.LARGE) {\n      return \"2\";\n    }\n  }\n\n  render(): HTMLZAvatarElement {\n    return (\n      <Host\n        class={{[this.size]: true, [`body-${this.getTextSize()}-sb`]: true}}\n        style={{\n          color: `var(--${this.textColor})`,\n          backgroundColor: `var(--${this.backgroundColor})`,\n        }}\n      >\n        {this.text && !this.image && <span>{this.text.substring(0, 2)}</span>}\n        {this.image && (\n          <img\n            src={this.image}\n            onError={() => (this.image = \"\")}\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAY,4mBAClB,MAAAC,EAAeD,E,MCOFE,EAAO,MAqBlB,WAAAC,CAAAC,G,4BAlBoBC,EAAWC,O,mCAQV,c,qBAIM,U,qBAOzB,KAAIC,EAAAC,KAAKC,QAAI,MAAAF,SAAA,SAAAA,EAAEG,UAAW,KAAKC,EAAAH,KAAKI,SAAK,MAAAD,SAAA,SAAAA,EAAED,UAAW,EAAG,CACvDG,QAAQC,KAAK,iE,EAIT,WAAAC,GACN,GAAIP,KAAKQ,OAASX,EAAWY,MAAO,CAClC,MAAO,G,MACF,GAAIT,KAAKQ,OAASX,EAAWC,OAAQ,CAC1C,MAAO,G,MACF,GAAIE,KAAKQ,OAASX,EAAWa,MAAO,CACzC,MAAO,G,EAIX,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CAAC,CAACf,KAAKQ,MAAO,KAAM,CAAC,QAAQR,KAAKO,oBAAqB,MAC9DS,MAAO,CACLC,MAAO,SAASjB,KAAKkB,aACrBC,gBAAiB,SAASnB,KAAKmB,qBAGhCnB,KAAKC,OAASD,KAAKI,OAASQ,EAAA,QAAAE,IAAA,4CAAOd,KAAKC,KAAKmB,UAAU,EAAG,IAC1DpB,KAAKI,OACJQ,EAAA,OAAAE,IAAA,2CACEO,IAAKrB,KAAKI,MACVkB,QAAS,IAAOtB,KAAKI,MAAQ,K","ignoreList":[]}