@zanichelli/albe-web-components 12.6.1 → 13.0.0

package/dist/web-components-library/p-2731d501.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTableDeprecatedStyle0","ZTableDeprecated","handleResize","this","isMobile","window","innerWidth","mobileBreakpoint","handleOrientationChange","screen","width","componentWillLoad","tableBody","host","querySelector","hasTableBody","_a","children","length","remove","componentWillRender","setAttribute","renderError","tableClass","minHeight","lines","h","Host","class","name","style","errorMessage","renderEmpty","buttonSize","ButtonSize","SMALL","BIG","tableContentClass","bordered","message","subtitle","callToActionLabel","slot","variant","ButtonVariant","TERTIARY","onClick","callToAction","emit","size","callToActionTwoLabel","callToActionTwo","render","empty","columnSticky","headerSticky","error"],"sources":["src/deprecated/z-table-deprecated/z-table-deprecated/styles.css?tag=z-table-deprecated","src/deprecated/z-table-deprecated/z-table-deprecated/index.tsx"],"sourcesContent":["z-table-deprecated {\n  display: block;\n  width: 100%;\n  background-color: var(--color-white);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  overflow-x: auto;\n}\n\nz-table-deprecated > div.table {\n  display: table;\n  width: 100%;\n  border-collapse: separate;\n}\n\nz-table-deprecated > div.table-bordered > z-table-body > z-table-row > z-table-cell:not(:last-child),\nz-table-deprecated > div.table-bordered > z-table-head > z-table-header-row > z-table-header:not(:last-child) {\n  border-right: var(--border-size-small) solid var(--color-surface03);\n}\n\n/** Remove border right to first cell if row is expandable */\nz-table-deprecated > div > z-table-body > z-table-row[expandable] > z-table-cell:first-child,\nz-table-deprecated > div > z-table-head > z-table-header-row[expandable] > z-table-header:first-child {\n  border-right: none;\n}\n\nz-table-deprecated > div > z-table-body > z-table-row[expanded] > z-table-cell {\n  background-color: var(--gray50);\n}\n\nz-table-deprecated > div > z-table-body > z-table-row[expanded] + z-table-expanded-row {\n  border-bottom: 1px solid var(--gray200);\n}\n\nz-table-deprecated > div.table-column-sticky > z-table-body > z-table-row > z-table-cell:first-child,\nz-table-deprecated > div.table-column-sticky > z-table-head > z-table-header-row > z-table-header:first-child {\n  position: sticky;\n  z-index: 1;\n  left: 0;\n  box-shadow: 1px 0 4px -1px rgb(66 69 72 / 40%);\n}\n\nz-table-deprecated > div.table-header-sticky > z-table-head > z-table-header-row > z-table-header {\n  position: sticky;\n  z-index: 2; /* L'ombra delle celle sticky non va sopra all'header fisso. */\n  top: 0;\n  box-shadow: 0 2px 3px -3px rgb(66 69 72 / 40%);\n}\n\n/**\n * La cella in alto a sinistra rimane sempre sopra alle cell durante lo scroll.\n */\nz-table-deprecated > div.table-header-sticky > z-table-head > z-table-header-row > z-table-header:first-child,\nz-table-deprecated > div.table-column-sticky > z-table-head > z-table-header-row > z-table-header:first-child {\n  z-index: 5;\n}\n\nz-table-body {\n  width: auto;\n  background-color: var(--color-white);\n}\n\nz-table-empty-box {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  border-bottom: var(--border-size-small) solid var(--color-surface03);\n}\n\nz-table-empty-box.bordered {\n  border-left: var(--border-size-small) solid var(--color-surface03);\n}\n\n.error-message {\n  margin-top: calc(var(--space-unit) * 2);\n}\n\n.table-content {\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n}\n\n.error-content {\n  display: flex;\n  padding: calc(var(--space-unit) * 3);\n  font-family: var(--font-family-sans);\n}\n\n.error-content > img {\n  width: 244px;\n  height: 188px;\n  margin-right: calc(var(--space-unit) * 3);\n}\n\n/* Mobile */\n@media only screen and (max-width: 768px) {\n  z-table-deprecated > div.table-empty {\n    display: none;\n  }\n\n  .error-content {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .error-content > img {\n    width: auto;\n    height: auto;\n  }\n\n  .text {\n    padding: calc(var(--space-unit) * 3) 0;\n  }\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, h} from \"@stencil/core\";\nimport {ButtonSize, ButtonVariant} from \"../../../beans\";\nimport {mobileBreakpoint} from \"../../../constants/breakpoints\";\nimport \"../z-table-body/index\";\nimport \"../z-table-cell/index\";\nimport \"../z-table-empty-box/index\";\nimport \"../z-table-expanded-row/index\";\nimport \"../z-table-footer/index\";\nimport \"../z-table-head/index\";\nimport \"../z-table-header/index\";\nimport \"../z-table-header-row/index\";\nimport \"../z-table-row/index\";\nimport \"../z-table-sticky-footer/index\";\n\n/**\n * @slot - table elements\n * @slot sticky-footer - set the content of the sticky footer\n * @deprecated\n */\n@Component({\n  assetsDirs: [\"assets\"],\n  styleUrl: \"styles.css\",\n  tag: \"z-table-deprecated\",\n})\nexport class ZTableDeprecated {\n  @Element() host: HTMLZTableDeprecatedElement;\n\n  /** Number of lines of element */\n  @Prop({reflect: true})\n  lines?: number;\n\n  /** Error message */\n  @Prop()\n  errorMessage?: string = \"Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto\";\n\n  /** Sets table with border */\n  @Prop()\n  bordered?: boolean = false;\n\n  /** Sets call to action label */\n  @Prop()\n  callToActionLabel?: string;\n\n  /** Sets call to action label */\n  @Prop()\n  callToActionTwoLabel?: string;\n\n  /** Sets first column sticky */\n  @Prop()\n  columnSticky?: boolean = false;\n\n  /** Sets empty table */\n  @Prop()\n  empty?: boolean = false;\n\n  /** Set error status */\n  @Prop()\n  error?: boolean = false;\n\n  /** Set error status */\n  @Prop()\n  errorLink?: string;\n\n  /** Sets header sticky */\n  @Prop()\n  headerSticky?: boolean = false;\n\n  /** Set message */\n  @Prop()\n  message?: string = \"Siamo spiacenti, al momento non sono presenti dati da visualizzare\";\n\n  /** Set subtitle */\n  @Prop()\n  subtitle?: string = \"\";\n\n  /** Set if has table content, useful when empty conte to who first column */\n  @State()\n  hasTableBody: boolean;\n\n  /** Handle mobile */\n  @State()\n  isMobile: boolean;\n  /** remove call to action event */\n\n  /** remove call to action event */\n  @Event({\n    eventName: \"callToAction\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  callToAction: EventEmitter;\n\n  /** remove call to action event */\n  @Event({\n    eventName: \"callToActionTwo\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  callToActionTwo: EventEmitter;\n\n  @Listen(\"resize\", {target: \"window\"})\n  handleResize(): void {\n    this.isMobile = window.innerWidth <= mobileBreakpoint;\n  }\n\n  @Listen(\"orientationchange\", {target: \"window\"})\n  handleOrientationChange(): void {\n    this.isMobile = screen.width <= mobileBreakpoint;\n  }\n\n  componentWillLoad(): void {\n    this.isMobile = window.innerWidth <= mobileBreakpoint;\n\n    const tableBody = this.host.querySelector('[slot=\"table-body\"]');\n    this.hasTableBody = !!tableBody?.children?.length;\n\n    if (!!tableBody && !this.hasTableBody) {\n      tableBody.remove();\n    }\n  }\n\n  componentWillRender(): void {\n    this.host.setAttribute(\"role\", \"table\");\n  }\n\n  private renderError(tableClass): HTMLZTableDeprecatedElement {\n    const minHeight = this.lines ? `calc(40px * ${this.lines})` : \"auto\";\n\n    return (\n      <Host>\n        <div class={tableClass}>\n          <slot name=\"table-header\" />\n        </div>\n        <z-table-error>\n          <div\n            class=\"error-content\"\n            style={{minHeight}}\n          >\n            <slot name=\"error-image\" />\n            <div class=\"text\">\n              <span class=\"body-3-sb error-message\">{this.errorMessage}</span>\n              <slot name=\"error-action\" />\n            </div>\n          </div>\n        </z-table-error>\n      </Host>\n    );\n  }\n\n  private renderEmpty(tableClass): HTMLZTableDeprecatedElement {\n    const buttonSize = this.isMobile ? ButtonSize.SMALL : ButtonSize.BIG;\n    const tableContentClass = `${this.hasTableBody ? \"table-content\" : \"\"}`;\n    if (this.hasTableBody) {\n      return (\n        <Host>\n          <div class={tableClass}>\n            <slot name=\"table-header\" />\n            <div class={tableContentClass}>\n              <slot name=\"table-body\" />\n              <z-table-empty-box\n                class={this.bordered && \"bordered\"}\n                message={this.message}\n                subtitle={this.subtitle}\n              >\n                {!!this.callToActionLabel && (\n                  <z-button\n                    slot=\"cta1\"\n                    variant={ButtonVariant.TERTIARY}\n                    onClick={() => this.callToAction.emit()}\n                    size={buttonSize}\n                  >\n                    {this.callToActionLabel}\n                  </z-button>\n                )}\n                {!!this.callToActionTwoLabel && (\n                  <z-button\n                    slot=\"cta2\"\n                    variant={ButtonVariant.TERTIARY}\n                    onClick={() => this.callToActionTwo.emit()}\n                    size={buttonSize}\n                  >\n                    {this.callToActionTwoLabel}\n                  </z-button>\n                )}\n              </z-table-empty-box>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <div class={tableClass}>\n          <slot name=\"table-header\" />\n        </div>\n        <z-table-empty-box\n          class={this.bordered && \"bordered\"}\n          message={this.message}\n          subtitle={this.subtitle}\n        >\n          {!!this.callToActionLabel && (\n            <z-button\n              slot=\"cta1\"\n              variant={ButtonVariant.TERTIARY}\n              onClick={() => this.callToAction.emit()}\n              size={buttonSize}\n            >\n              {this.callToActionLabel}\n            </z-button>\n          )}\n          {!!this.callToActionTwoLabel && (\n            <z-button\n              slot=\"cta2\"\n              variant={ButtonVariant.TERTIARY}\n              onClick={() => this.callToActionTwo.emit()}\n              size={buttonSize}\n            >\n              {this.callToActionTwoLabel}\n            </z-button>\n          )}\n        </z-table-empty-box>\n      </Host>\n    );\n  }\n\n  render(): HTMLZTableDeprecatedElement {\n    const tableClass = `table ${this.empty ? \"table-empty\" : \"\"} ${this.bordered ? \"table-bordered\" : \"\"}\n    ${this.columnSticky ? \"table-column-sticky\" : \"\"}\n    ${this.headerSticky ? \"table-header-sticky\" : \"\"}`;\n\n    if (this.error) {\n      return this.renderError(tableClass);\n    }\n    if (this.empty) {\n      return this.renderEmpty(tableClass);\n    }\n\n    return (\n      <Host>\n        <div class={tableClass}>\n          <slot />\n        </div>\n        <slot name=\"sticky-footer\" />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/web-components-library/p-28c6bb97.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_table_sticky_footer}from"./p-6087739d.js";import"./p-10bb4f4b.js";
-//# sourceMappingURL=p-28c6bb97.entry.js.map

package/dist/web-components-library/p-28c6bb97.entry.js.map

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

package/dist/web-components-library/p-3441cb4e.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_table_head}from"./p-011a7536.js";import"./p-10bb4f4b.js";
-//# sourceMappingURL=p-3441cb4e.entry.js.map

package/dist/web-components-library/p-3441cb4e.entry.js.map

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

package/dist/web-components-library/p-356aac96.js

@@ -1,2 +0,0 @@
-import{r as t,h as o,g as a}from"./p-10bb4f4b.js";const r=".sc-z-table-body-h{display:table-row-group;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-table-body-h>z-table-row[expanded].sc-z-table-body+z-table-expanded-row.sc-z-table-body{display:table-row}";const e=r;const s=class{constructor(o){t(this,o)}componentWillRender(){this.host.setAttribute("role","rowgroup");Array.from(this.host.children).forEach(((t,o)=>t.setAttribute("aria-rowindex",`${o}`)))}render(){return o("slot",{key:"d422df9305a81ae9beb6b1a695cf08a944f7b893"})}get host(){return a(this)}};s.style=e;export{s as Z};
-//# sourceMappingURL=p-356aac96.js.map

package/dist/web-components-library/p-356aac96.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTableBodyStyle0","ZTableBody","componentWillRender","this","host","setAttribute","Array","from","children","forEach","child","index","render","h","key"],"sources":["src/deprecated/z-table-deprecated/z-table-body/styles.css?tag=z-table-body&encapsulation=scoped","src/deprecated/z-table-deprecated/z-table-body/index.tsx"],"sourcesContent":[":host {\n  display: table-row-group;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > z-table-row[expanded] + z-table-expanded-row {\n  display: table-row;\n}\n","import {Component, Element, h} from \"@stencil/core\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-body\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZTableBody {\n  @Element() host: HTMLZTableBodyElement;\n\n  componentWillRender(): void {\n    this.host.setAttribute(\"role\", \"rowgroup\");\n\n    Array.from(this.host.children).forEach((child, index) => child.setAttribute(\"aria-rowindex\", `${index}`));\n  }\n\n  render(): HTMLSlotElement {\n    return <slot />;\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAY,6NAClB,MAAAC,EAAeD,E,MCUFE,EAAU,M,yBAGrB,mBAAAC,GACEC,KAAKC,KAAKC,aAAa,OAAQ,YAE/BC,MAAMC,KAAKJ,KAAKC,KAAKI,UAAUC,SAAQ,CAACC,EAAOC,IAAUD,EAAML,aAAa,gBAAiB,GAAGM,M,CAGlG,MAAAC,GACE,OAAOC,EAAA,QAAAC,IAAA,4C"}

package/dist/web-components-library/p-40f68d35.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_table_header_row}from"./p-55d22af2.js";import"./p-10bb4f4b.js";
-//# sourceMappingURL=p-40f68d35.entry.js.map

package/dist/web-components-library/p-40f68d35.entry.js.map

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