@zanichelli/delta_share 2.0.0 → 2.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -15,5 +15,5 @@ const patchBrowser = () => {
15
15
  };
16
16
 
17
17
  patchBrowser().then(options => {
18
- return index.bootstrapLazy([["z-modal-login.cjs",[[6,"z-modal-login",{"heading":[1],"status":[1025],"message":[1025],"externalProviderCheck":[32]}]]],["z-combobox.cjs",[[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32]},[[0,"inputCheck","inputCheckListener"]]]]],["z-header.cjs",[[1,"z-header",{"intlinkdata":[1],"extlinkdata":[1],"userdata":[1],"ismyz":[4],"logolink":[1],"imagealt":[1],"activeintlinkid":[1],"activesublinkid":[1],"hideloginbutton":[4],"activeMenuItem":[32],"currentMenuItem":[32],"isMobile":[32],"isMenuMobileOpen":[32]},[[9,"resize","handleResize"],[2,"zListItemLinkClick","handleZListItemLinkClick"],[2,"zListItemClick","handleZListItemClick"]]]]],["z-footer.cjs",[[1,"z-footer",{"data":[1],"copyrightuser":[1]}]]],["z-cookiebar.cjs",[[1,"z-cookiebar",{"cookiepolicyurl":[1],"hide":[4],"callback":[16]}]]],["z-pagination-bar.cjs",[[1,"z-pagination-bar",{"pages":[2],"visiblepages":[2],"currentpage":[1026],"startpage":[1026],"historyraw":[1],"listhistoryrow":[1040],"currentPages":[32]}]]],["z-panel-elem.cjs",[[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descr_slot_name":[1]}]]],["z-registro-table-cell.cjs",[[6,"z-registro-table-cell",{"showButton":[4,"show-button"],"isMenuOpened":[32]}]]],["z-user-dropdown.cjs",[[1,"z-user-dropdown",{"logged":[4],"userfullname":[1],"menucontent":[1],"theme":[1],"ismenuopen":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"],[8,"click","handleClickOutside"]]]]],["z-app-switcher.cjs",[[1,"z-app-switcher",{"theme":[1],"isopen":[32]}]]],["z-button-sort.cjs",[[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028]}]]],["z-card-alert.cjs",[[1,"z-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}]]],["z-card-icon.cjs",[[1,"z-card-icon",{"icon":[1],"isdisabled":[4]}]]],["z-heading.cjs",[[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["z-icon-package.cjs",[[1,"z-icon-package"]]],["z-menu.cjs",[[1,"z-menu",{"active":[516],"floating":[516],"open":[32],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["z-menu-section.cjs",[[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["z-toggle-button.cjs",[[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"isOpen":[32]}]]],["z-app-header.cjs",[[1,"z-app-header"]]],["z-app-topbar.cjs",[[1,"z-app-topbar",{"theme":[1],"logged":[4],"hashtag":[1],"zLinksValues":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]]]],["z-card.cjs",[[1,"z-card",{"faded":[4],"cardtype":[1],"ispressed":[4],"ishighlighted":[4]}]]],["z-card-body.cjs",[[1,"z-card-body"]]],["z-card-cover.cjs",[[1,"z-card-cover",{"img":[1],"titolo":[1],"faded":[4],"defaultimg":[1]}]]],["z-card-footer.cjs",[[1,"z-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]]]],["z-card-header.cjs",[[1,"z-card-header",{"titolo":[1],"faded":[4],"cardtype":[1],"allowTooltip":[32]}]]],["z-card-list.cjs",[[1,"z-card-list",{"listdata":[1]}]]],["z-chip.cjs",[[1,"z-chip",{"regulartext":[1],"boldtext":[2]}]]],["z-divider.cjs",[[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}]]],["z-registro-table.cjs",[[4,"z-registro-table",{"bordered":[4],"columnSticky":[4,"column-sticky"],"headerSticky":[4,"header-sticky"]}]]],["z-registro-table-body.cjs",[[6,"z-registro-table-body"]]],["z-registro-table-footer.cjs",[[6,"z-registro-table-footer"]]],["z-registro-table-head.cjs",[[6,"z-registro-table-head"]]],["z-registro-table-header.cjs",[[6,"z-registro-table-header"]]],["z-registro-table-row.cjs",[[6,"z-registro-table-row"]]],["z-registro-table-sticky-footer.cjs",[[6,"z-registro-table-sticky-footer"]]],["z-stepper.cjs",[[1,"z-stepper"]]],["z-stepper-item.cjs",[[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}]]],["z-tooltip.cjs",[[1,"z-tooltip",{"content":[1],"type":[1]}]]],["z-candybar.cjs",[[1,"z-candybar"]]],["z-pagination-page.cjs",[[1,"z-pagination-page",{"pageid":[1],"value":[2],"isselected":[4],"isdisabled":[4],"isvisited":[4]}]]],["license-activation_16.cjs",[[2,"license-activation",{"variant":[1],"modalState":[1025,"modal-state"],"componentid":[1],"inputLabel":[1,"input-label"],"inputMessage":[1,"input-message"],"inputPlaceholder":[1,"input-placeholder"],"additionalDescription":[1,"additional-description"],"buttonLabel":[1,"button-label"],"buttonIcon":[1,"button-icon"],"previewButtonLabel":[1,"preview-button-label"],"previewButtonIcon":[1,"preview-button-icon"],"enableButton":[4,"enable-button"],"forceModal":[4,"force-modal"],"env":[1],"cms":[32],"enableFormSubmitButton":[32],"submitClicked":[32],"isMobile":[32],"initialShowInfoBox":[32],"licenseActivationState":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]],[1,"license-activation-form",{"direction":[1],"error":[1],"formTexts":[16],"requestLoading":[4,"request-loading"],"initialCode":[1,"initial-code"],"initialShowInfoBox":[4,"initial-show-info-box"],"enableButton":[4,"enable-button"],"activationState":[1,"activation-state"],"formid":[1],"variant":[1],"handleModalOpen":[16],"showInfoBox":[32],"inputVal":[32]}],[6,"license-activation-box",{"error":[16],"code":[1]}],[6,"license-activation-modal",{"modalTitle":[1,"modal-title"],"resetStore":[16]}],[1,"z-info-box",{"boxid":[1],"isclosable":[4]}],[1,"z-body",{"level":[2],"variant":[1],"component":[1]}],[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1]}],[1,"z-typography",{"component":[1],"variant":[1],"level":[1]}],[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"value":[1025],"disabled":[4],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"hasmessage":[4],"message":[1],"labelafter":[4],"typingtimeout":[2],"items":[1],"autocomplete":[8],"multiple":[4],"hasclearicon":[4],"icon":[1],"isTyping":[32],"textareaWrapperHover":[32],"textareaWrapperFocus":[32],"passwordHidden":[32],"getValue":[64],"setValue":[64],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[1,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"disabled":[4],"readonly":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"hasmessage":[4],"message":[1],"autocomplete":[8],"multiple":[4],"noresultslabel":[1],"isOpen":[32],"selectedItems":[32],"searchString":[32],"getSelectedItems":[64],"getValue":[64],"setValue":[64]}],[1,"z-button",{"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513],"issmall":[516],"square":[516]}],[1,"z-button-filter",{"filtername":[1],"isfixed":[4],"hasicon":[4],"filterid":[1],"issmall":[4]}],[1,"z-input-message",{"message":[1],"status":[1]}],[1,"z-input-label",{"value":[1],"disabled":[4]}],[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[4]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1]}]]],["z-list_2.cjs",[[1,"z-list",{"inputrawdata":[1025],"list":[1040]}],[1,"z-menu-dropdown",{"nomeutente":[1],"menucontent":[1],"buttonid":[1],"ismenuopen":[32]}]]],["z-logo.cjs",[[1,"z-logo",{"width":[2],"height":[2],"imagealt":[1],"link":[1],"targetblank":[4]}]]],["z-footer-link_3.cjs",[[1,"z-footer-section",{"name":[1],"isOpen":[32]}],[1,"z-footer-link",{"href":[1]}],[1,"z-footer-social",{"icon":[1],"href":[1],"description":[1]}]]],["z-list-item.cjs",[[1,"z-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}]]]], options);
18
+ return index.bootstrapLazy([["z-modal-login.cjs",[[6,"z-modal-login",{"heading":[1],"status":[1025],"message":[1025],"externalProviderCheck":[32]}]]],["z-combobox.cjs",[[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32]},[[0,"inputCheck","inputCheckListener"]]]]],["z-header.cjs",[[1,"z-header",{"intlinkdata":[1],"extlinkdata":[1],"userdata":[1],"ismyz":[4],"logolink":[1],"imagealt":[1],"activeintlinkid":[1],"activesublinkid":[1],"hideloginbutton":[4],"activeMenuItem":[32],"currentMenuItem":[32],"isMobile":[32],"isMenuMobileOpen":[32]},[[9,"resize","handleResize"],[2,"zListItemLinkClick","handleZListItemLinkClick"],[2,"zListItemClick","handleZListItemClick"]]]]],["z-footer.cjs",[[1,"z-footer",{"data":[1],"copyrightuser":[1]}]]],["z-cookiebar.cjs",[[1,"z-cookiebar",{"cookiepolicyurl":[1],"hide":[4],"callback":[16]}]]],["z-pagination-bar.cjs",[[1,"z-pagination-bar",{"pages":[2],"visiblepages":[2],"currentpage":[1026],"startpage":[1026],"historyraw":[1],"listhistoryrow":[1040],"currentPages":[32]}]]],["z-panel-elem.cjs",[[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descr_slot_name":[1]}]]],["z-registro-table-cell.cjs",[[6,"z-registro-table-cell",{"showButton":[4,"show-button"],"isMenuOpened":[32]}]]],["z-user-dropdown.cjs",[[1,"z-user-dropdown",{"logged":[4],"userfullname":[1],"menucontent":[1],"theme":[1],"ismenuopen":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"],[8,"click","handleClickOutside"]]]]],["z-app-switcher.cjs",[[1,"z-app-switcher",{"theme":[1],"isopen":[32]}]]],["z-button-sort.cjs",[[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028]}]]],["z-card-alert.cjs",[[1,"z-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}]]],["z-card-icon.cjs",[[1,"z-card-icon",{"icon":[1],"isdisabled":[4]}]]],["z-heading.cjs",[[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["z-icon-package.cjs",[[1,"z-icon-package"]]],["z-menu.cjs",[[1,"z-menu",{"active":[516],"floating":[516],"open":[32],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["z-menu-section.cjs",[[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["z-toggle-button.cjs",[[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"isOpen":[32]}]]],["z-app-header.cjs",[[1,"z-app-header"]]],["z-app-topbar.cjs",[[1,"z-app-topbar",{"theme":[1],"logged":[4],"hashtag":[1],"zLinksValues":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]]]],["z-card.cjs",[[1,"z-card",{"faded":[4],"cardtype":[1],"ispressed":[4],"ishighlighted":[4]}]]],["z-card-body.cjs",[[1,"z-card-body"]]],["z-card-cover.cjs",[[1,"z-card-cover",{"img":[1],"titolo":[1],"faded":[4],"defaultimg":[1]}]]],["z-card-footer.cjs",[[1,"z-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]]]],["z-card-header.cjs",[[1,"z-card-header",{"titolo":[1],"faded":[4],"cardtype":[1],"allowTooltip":[32]}]]],["z-card-list.cjs",[[1,"z-card-list",{"listdata":[1]}]]],["z-chip.cjs",[[1,"z-chip",{"regulartext":[1],"boldtext":[2]}]]],["z-divider.cjs",[[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}]]],["z-registro-table.cjs",[[4,"z-registro-table",{"bordered":[4],"columnSticky":[4,"column-sticky"],"headerSticky":[4,"header-sticky"]}]]],["z-registro-table-body.cjs",[[6,"z-registro-table-body"]]],["z-registro-table-footer.cjs",[[6,"z-registro-table-footer"]]],["z-registro-table-head.cjs",[[6,"z-registro-table-head"]]],["z-registro-table-header.cjs",[[6,"z-registro-table-header"]]],["z-registro-table-row.cjs",[[6,"z-registro-table-row"]]],["z-registro-table-sticky-footer.cjs",[[6,"z-registro-table-sticky-footer"]]],["z-stepper.cjs",[[1,"z-stepper"]]],["z-stepper-item.cjs",[[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}]]],["z-tooltip.cjs",[[1,"z-tooltip",{"content":[1],"type":[1]}]]],["z-candybar.cjs",[[1,"z-candybar"]]],["z-pagination-page.cjs",[[1,"z-pagination-page",{"pageid":[1],"value":[2],"isselected":[4],"isdisabled":[4],"isvisited":[4]}]]],["license-activation_16.cjs",[[2,"license-activation",{"variant":[1],"modalState":[1025,"modal-state"],"componentid":[1],"inputLabel":[1,"input-label"],"inputMessage":[1,"input-message"],"inputPlaceholder":[1,"input-placeholder"],"additionalDescription":[1,"additional-description"],"buttonLabel":[1,"button-label"],"buttonIcon":[1,"button-icon"],"previewInputPlaceholder":[1,"preview-input-placeholder"],"previewButtonLabel":[1,"preview-button-label"],"previewButtonIcon":[1,"preview-button-icon"],"previewButtonSize":[1,"preview-button-size"],"enableButton":[4,"enable-button"],"forceModal":[4,"force-modal"],"env":[1],"cms":[32],"enableFormSubmitButton":[32],"submitClicked":[32],"isMobile":[32],"initialShowInfoBox":[32],"licenseActivationState":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]],[1,"license-activation-form",{"direction":[1],"error":[1],"formTexts":[16],"requestLoading":[4,"request-loading"],"initialCode":[1,"initial-code"],"initialShowInfoBox":[4,"initial-show-info-box"],"enableButton":[4,"enable-button"],"activationState":[1,"activation-state"],"formid":[1],"variant":[1],"handleModalOpen":[16],"showInfoBox":[32],"inputVal":[32]}],[6,"license-activation-box",{"error":[16],"code":[1]}],[6,"license-activation-modal",{"modalTitle":[1,"modal-title"],"resetStore":[16]}],[1,"z-info-box",{"boxid":[1],"isclosable":[4]}],[1,"z-body",{"level":[2],"variant":[1],"component":[1]}],[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1]}],[1,"z-typography",{"component":[1],"variant":[1],"level":[1]}],[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"value":[1025],"disabled":[4],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"hasmessage":[4],"message":[1],"labelafter":[4],"typingtimeout":[2],"items":[1],"autocomplete":[8],"multiple":[4],"hasclearicon":[4],"icon":[1],"isTyping":[32],"textareaWrapperHover":[32],"textareaWrapperFocus":[32],"passwordHidden":[32],"getValue":[64],"setValue":[64],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[1,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"disabled":[4],"readonly":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"hasmessage":[4],"message":[1],"autocomplete":[8],"multiple":[4],"noresultslabel":[1],"isOpen":[32],"selectedItems":[32],"searchString":[32],"getSelectedItems":[64],"getValue":[64],"setValue":[64]}],[1,"z-button",{"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513],"issmall":[516],"square":[516]}],[1,"z-button-filter",{"filtername":[1],"isfixed":[4],"hasicon":[4],"filterid":[1],"issmall":[4]}],[1,"z-input-message",{"message":[1],"status":[1]}],[1,"z-input-label",{"value":[1],"disabled":[4]}],[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[4]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1]}]]],["z-list_2.cjs",[[1,"z-list",{"inputrawdata":[1025],"list":[1040]}],[1,"z-menu-dropdown",{"nomeutente":[1],"menucontent":[1],"buttonid":[1],"ismenuopen":[32]}]]],["z-logo.cjs",[[1,"z-logo",{"width":[2],"height":[2],"imagealt":[1],"link":[1],"targetblank":[4]}]]],["z-footer-link_3.cjs",[[1,"z-footer-section",{"name":[1],"isOpen":[32]}],[1,"z-footer-link",{"href":[1]}],[1,"z-footer-social",{"icon":[1],"href":[1],"description":[1]}]]],["z-list-item.cjs",[[1,"z-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}]]]], options);
19
19
  });
@@ -9,6 +9,35 @@ const index$2 = require('./index-1fda0714.js');
9
9
  const icons = require('./icons-f65fa82e.js');
10
10
  const utils = require('./utils-1f907efa.js');
11
11
 
12
+ var DeviceEnum;
13
+ (function (DeviceEnum) {
14
+ DeviceEnum["mobile"] = "mobile";
15
+ DeviceEnum["tablet"] = "tablet";
16
+ DeviceEnum["desktop"] = "desktop";
17
+ DeviceEnum["desktopNew"] = "desktopNew";
18
+ })(DeviceEnum || (DeviceEnum = {}));
19
+ var LicenseActivationVariantEnum;
20
+ (function (LicenseActivationVariantEnum) {
21
+ LicenseActivationVariantEnum["box"] = "box";
22
+ LicenseActivationVariantEnum["modal"] = "modal";
23
+ LicenseActivationVariantEnum["preview"] = "preview";
24
+ })(LicenseActivationVariantEnum || (LicenseActivationVariantEnum = {}));
25
+ var LicenseActivationStateEnum;
26
+ (function (LicenseActivationStateEnum) {
27
+ LicenseActivationStateEnum["INITIAL"] = "INITIAL";
28
+ LicenseActivationStateEnum["ACTIVATING"] = "ACTIVATING";
29
+ LicenseActivationStateEnum["ACTIVATED"] = "ACTIVATED";
30
+ LicenseActivationStateEnum["SUCCESS"] = "SUCCESS";
31
+ })(LicenseActivationStateEnum || (LicenseActivationStateEnum = {}));
32
+ var LicenseActivationActionEnum;
33
+ (function (LicenseActivationActionEnum) {
34
+ LicenseActivationActionEnum["REQUEST"] = "app/LICENSE_ACTIVATION/REQUEST";
35
+ LicenseActivationActionEnum["ACTIVATED"] = "app/LICENSE_ACTIVATION/ACTIVATED";
36
+ LicenseActivationActionEnum["SUCCESS"] = "app/LICENSE_ACTIVATION/SUCCESS";
37
+ LicenseActivationActionEnum["FAIL"] = "app/LICENSE_ACTIVATION/FAIL";
38
+ LicenseActivationActionEnum["RESET"] = "app/LICENSE_ACTIVATION/RESET";
39
+ })(LicenseActivationActionEnum || (LicenseActivationActionEnum = {}));
40
+
12
41
  const appendToMap = (map, propName, value) => {
13
42
  const items = map.get(propName);
14
43
  if (!items) {
@@ -215,8 +244,6 @@ class Env {
215
244
  buildApiV3Url() {
216
245
  if (this.zanienv === "prod")
217
246
  return "https://api-catalogo.zanichelli.it/v3";
218
- if (this.zanienv === "local")
219
- return "https://api-catalogo.zanichelli.local/v3";
220
247
  return `https://${this.zanienv}-api-catalogo.zanichelli.it/v3`;
221
248
  }
222
249
  buildUrlS3ImagesFolder() {
@@ -1731,7 +1758,8 @@ const LicenseActivation = class {
1731
1758
  async componentWillLoad() {
1732
1759
  await getCms(state);
1733
1760
  this.cms = state.cms;
1734
- this.modalState = this.variant === "modal" ? "open" : "closed";
1761
+ this.modalState =
1762
+ this.variant === LicenseActivationVariantEnum.modal ? "open" : "closed";
1735
1763
  this.isMobile =
1736
1764
  window.screen.width <= mobileBreakpoint ||
1737
1765
  window.innerWidth <= mobileBreakpoint;
@@ -1814,7 +1842,7 @@ const LicenseActivation = class {
1814
1842
  if (!inputVal) {
1815
1843
  this.handleLicenseModalOpen(false);
1816
1844
  }
1817
- if ((this.variant === "modal" ||
1845
+ if ((this.variant === LicenseActivationVariantEnum.modal ||
1818
1846
  this.modalState === "open" ||
1819
1847
  licenseActivationStatus === "initial") &&
1820
1848
  inputVal) {
@@ -1837,10 +1865,10 @@ const LicenseActivation = class {
1837
1865
  return (index.h("license-activation-box", { error: this.licenseActivationState.licenseActivationApiError, code: this.licenseActivationState.licenseActivationCode }, this.renderLicenseActivationForm(variant)));
1838
1866
  }
1839
1867
  renderLicenseActivationModal() {
1840
- return (index.h("license-activation-modal", { id: `${this.host.id}-modal`, "modal-title": this.cms["newdashboard.licenseActivation.modalTitle"], onActivationModalClose: () => this.handleLicenseModalClose(), resetStore: this.resetStore }, this.renderLicenseActivationForm("modal")));
1868
+ return (index.h("license-activation-modal", { id: `${this.host.id}-modal`, "modal-title": this.cms["newdashboard.licenseActivation.modalTitle"], onActivationModalClose: () => this.handleLicenseModalClose(), resetStore: this.resetStore }, this.renderLicenseActivationForm(LicenseActivationVariantEnum.modal)));
1841
1869
  }
1842
1870
  retrieveTextsObject() {
1843
- const { inputMessage, inputLabel, inputPlaceholder, buttonLabel, isMobile, additionalDescription, buttonIcon, previewButtonLabel, previewButtonIcon, } = this;
1871
+ const { inputMessage, inputLabel, inputPlaceholder, buttonLabel, isMobile, additionalDescription, buttonIcon, previewInputPlaceholder, previewButtonLabel, previewButtonIcon, previewButtonSize, } = this;
1844
1872
  const { licenseActivationStatus } = this.licenseActivationState;
1845
1873
  return {
1846
1874
  inputStatus: this.mapInputStatus(licenseActivationStatus),
@@ -1853,15 +1881,18 @@ const LicenseActivation = class {
1853
1881
  ? buttonLabel || this.cms["newdashboard.licenseActivation.submitLabel"]
1854
1882
  : this.cms["newdashboard.onboarding.licenseActivation.submitLabel"],
1855
1883
  buttonIcon,
1884
+ previewInputPlaceholder,
1856
1885
  previewButtonLabel,
1857
1886
  previewButtonIcon,
1887
+ previewButtonSize,
1858
1888
  linkLabel: this.cms["newdashboard.licenseActivation.helperLink"].toUpperCase(),
1859
1889
  errorButtonLabel: this.cms["newdashboard.licenseActivation.contactUs.btnLabel"],
1860
1890
  errorSectionMessage: this.cms["newdashboard.licenseActivation.contactUs.message"],
1861
1891
  infoBoxIcon: `${this.environment.URL_S3_IMAGES_FOLDER}bollinoSIAE.svg`,
1862
1892
  infoBoxContent: this.cms["newdashboard.licenseActivation.infoBoxContent"],
1863
1893
  supportLink: this.cms["newdashboard.licenseActivation.contactUs.url"],
1864
- additionalDescription: this.variant === "modal" && additionalDescription,
1894
+ additionalDescription: this.variant === LicenseActivationVariantEnum.modal &&
1895
+ additionalDescription,
1865
1896
  };
1866
1897
  }
1867
1898
  renderLicenseActivationForm(variant) {
@@ -1874,16 +1905,19 @@ const LicenseActivation = class {
1874
1905
  return (index.h("z-button", { onClick: () => this.handleMobileButtonClick() }, this.cms["newdashboard.onboarding.licenseActivation.mobileSubmitLabel"]));
1875
1906
  }
1876
1907
  render() {
1877
- if (this.isMobile) {
1908
+ if (this.isMobile &&
1909
+ this.variant !== LicenseActivationVariantEnum.preview) {
1878
1910
  return (index.h(index.Host, null, this.forceModal
1879
1911
  ? this.renderLicenseActivationModal()
1880
- : this.renderMobileButton(), (this.variant === "box" || this.variant === "button") &&
1912
+ : this.renderMobileButton(), this.variant === LicenseActivationVariantEnum.box &&
1881
1913
  this.modalState === "open" &&
1882
1914
  this.renderLicenseActivationModal()));
1883
1915
  }
1884
- return (index.h(index.Host, null, this.variant === "box" || this.variant === "button"
1916
+ return (index.h(index.Host, null, this.variant === LicenseActivationVariantEnum.box ||
1917
+ this.variant === LicenseActivationVariantEnum.preview
1885
1918
  ? this.renderLicenseActivationBox(this.variant)
1886
- : this.modalState === "open" && this.renderLicenseActivationModal(), (this.variant === "box" || this.variant === "button") &&
1919
+ : this.modalState === "open" && this.renderLicenseActivationModal(), (this.variant === LicenseActivationVariantEnum.box ||
1920
+ this.variant === LicenseActivationVariantEnum.preview) &&
1887
1921
  this.modalState === "open" &&
1888
1922
  this.submitClicked &&
1889
1923
  this.renderLicenseActivationModal()));
@@ -1920,7 +1954,7 @@ const LicenseActivationBox = class {
1920
1954
  };
1921
1955
  LicenseActivationBox.style = licenseActivationBoxCss;
1922
1956
 
1923
- const licenseActivationFormCss = ":host{display:block;padding:calc(var(--space-unit) * 2)}:host>div>z-body{margin-bottom:calc(var(--space-unit) * 2)}:host>div>z-button{padding:calc(var(--space-unit) * 2) 0;width:100%}:host>div>z-input{width:100%}:host>z-link{font-weight:bold}:host>div>z-info-box>div{display:flex}:host([variant='modal']) .error-section{display:flex;flex-direction:column;border-top:var(--border-size-small) solid var(--bg-grey-200);margin-top:calc(var(--space-unit) * 3);padding-top:calc(var(--space-unit) * 2)}:host([variant='modal']) .error-section>span{padding:var(--basex2) 0;display:block;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:14px;line-height:20px}@media only screen and (min-width: 768px){:host{padding:0}:host([variant='modal']){padding:32px;width:396px}:host>div{display:flex;flex-direction:row}:host([variant='modal'])>div{flex-direction:column}:host>div>z-button{padding:32px 0 calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);width:auto}:host([variant='modal'])>div>z-button{padding:32px 0 calc(var(--space-unit) * 2);width:max-content}:host([variant='modal']) .error-section>z-button{width:max-content}}@media only screen and (min-width: 1152px){:host([variant='modal']){width:477px}:host>div{flex-direction:row}}";
1957
+ const licenseActivationFormCss = ":host{display:block;padding:calc(var(--space-unit) * 2)}:host>div>z-body{margin-bottom:calc(var(--space-unit) * 2)}:host>div>z-button{padding:calc(var(--space-unit) * 2) 0;width:100%}:host>div>z-input{width:100%}:host>z-link{font-weight:bold}:host>div>z-info-box>div{display:flex}:host([variant=\"modal\"]) .error-section{display:flex;flex-direction:column;border-top:var(--border-size-small) solid var(--bg-grey-200);margin-top:calc(var(--space-unit) * 3);padding-top:calc(var(--space-unit) * 2)}:host([variant=\"modal\"]) .error-section>span{padding:var(--basex2) 0;display:block;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:14px;line-height:20px}:host([variant=\"preview\"]){margin:0;padding:0}:host([variant=\"preview\"]) z-button{margin:0;padding:0;width:initial}:host([variant=\"preview\"]) z-input{margin-right:calc(var(--space-unit) * 2)}@media only screen and (min-width: 768px){:host{padding:0}:host([variant=\"modal\"]){padding:32px;width:396px}:host>div{display:flex;flex-direction:row}:host([variant=\"modal\"])>div{flex-direction:column}:host>div>z-button{padding-top:calc(var(--space-unit) * 4);padding-left:calc(var(--space-unit) * 2);width:auto}:host([variant=\"preview\"])>div>z-button{padding-top:0}:host([variant=\"modal\"])>div>z-button{padding:32px 0 calc(var(--space-unit) * 2);width:max-content}:host([variant=\"modal\"]) .error-section>z-button{width:max-content}}@media only screen and (min-width: 1152px){:host([variant=\"modal\"]){width:477px}:host>div{flex-direction:row}}";
1924
1958
 
1925
1959
  const LicenseActivationForm = class {
1926
1960
  constructor(hostRef) {
@@ -1941,13 +1975,52 @@ const LicenseActivationForm = class {
1941
1975
  this.submitButtonClick.emit({ value: inputVal });
1942
1976
  }
1943
1977
  handleInfoClick() {
1944
- if (this.variant === "modal") {
1978
+ if (this.variant === LicenseActivationVariantEnum.modal) {
1945
1979
  this.showInfoBox = true;
1946
1980
  }
1947
- if (this.variant === "box" || this.variant === "button") {
1981
+ if (this.variant === LicenseActivationVariantEnum.box ||
1982
+ this.variant === LicenseActivationVariantEnum.preview) {
1948
1983
  this.handleModalOpen();
1949
1984
  }
1950
1985
  }
1986
+ renderInput() {
1987
+ const { inputMessage, inputLabel, placeholder, inputStatus, previewInputPlaceholder, } = this.formTexts;
1988
+ if (this.variant === LicenseActivationVariantEnum.preview &&
1989
+ !previewInputPlaceholder)
1990
+ return;
1991
+ const message = this.variant === LicenseActivationVariantEnum.box
1992
+ ? inputMessage
1993
+ : this.error
1994
+ ? this.error
1995
+ : inputMessage;
1996
+ return (index.h("z-input", { value: this.inputVal, htmlid: `${this.formid}_input`, label: this.variant === LicenseActivationVariantEnum.preview
1997
+ ? ""
1998
+ : inputLabel, placeholder: this.variant === LicenseActivationVariantEnum.preview
1999
+ ? previewInputPlaceholder
2000
+ : placeholder, htmltitle: placeholder, message: this.variant === LicenseActivationVariantEnum.preview ? "" : message, hasmessage: this.variant !== LicenseActivationVariantEnum.preview, status: this.variant === LicenseActivationVariantEnum.box ? null : inputStatus, disabled: !!this.requestLoading, onInputChange: (e) => this.handleFormInputChange(e.detail) }));
2001
+ }
2002
+ renderButton() {
2003
+ const disabled = (this.variant === LicenseActivationVariantEnum.modal && !this.inputVal) ||
2004
+ !!this.requestLoading;
2005
+ return (index.h("z-button", { variant: index$1.ButtonVariantEnum.primary, size: this.getButtonSize(this.variant), square: this.getButtonSquare(this.variant), disabled: disabled || !this.enableButton || this.requestLoading, onClick: () => this.handleSubmitButtonClick(this.inputVal) }, this.renderButtonValue(this.variant, disabled)));
2006
+ }
2007
+ renderButtonValue(variant, disabled = false) {
2008
+ const icon = this.getButtonIcon(variant);
2009
+ const label = this.getButtonLabel(variant);
2010
+ return (index.h("button", { slot: "element", disabled: disabled }, icon ? index.h("z-icon", { name: icon }) : null, label));
2011
+ }
2012
+ renderAdditionalDescription() {
2013
+ const { additionalDescription } = this.formTexts;
2014
+ if (!additionalDescription)
2015
+ return;
2016
+ return index.h("z-body", { level: 3 }, additionalDescription);
2017
+ }
2018
+ renderInfoLink() {
2019
+ const { linkLabel } = this.formTexts;
2020
+ if (this.variant === LicenseActivationVariantEnum.preview)
2021
+ return;
2022
+ return (index.h("z-link", { icon: "question-mark", onClick: () => this.handleInfoClick() }, linkLabel));
2023
+ }
1951
2024
  renderInfoBox() {
1952
2025
  if (!this.showInfoBox)
1953
2026
  return;
@@ -1967,30 +2040,43 @@ const LicenseActivationForm = class {
1967
2040
  window.location.href = formTexts.supportLink;
1968
2041
  }
1969
2042
  renderErrorSection() {
2043
+ if (this.variant !== LicenseActivationVariantEnum.modal || !this.error)
2044
+ return;
1970
2045
  const { errorButtonLabel, errorSectionMessage } = this.formTexts;
1971
2046
  return (index.h("section", { class: "error-section" }, index.h("span", { class: "heading-01" }, errorSectionMessage), index.h("z-button", { variant: index$1.ButtonVariantEnum.secondary, onClick: this.redirectToSupport }, errorButtonLabel)));
1972
2047
  }
2048
+ getButtonSize(variant) {
2049
+ const { previewButtonSize } = this.formTexts;
2050
+ if (variant === LicenseActivationVariantEnum.preview && previewButtonSize)
2051
+ return previewButtonSize;
2052
+ return "big";
2053
+ }
2054
+ getButtonSquare(variant) {
2055
+ const { previewButtonLabel, previewButtonIcon } = this.formTexts;
2056
+ if (variant === LicenseActivationVariantEnum.preview &&
2057
+ previewButtonIcon &&
2058
+ !previewButtonLabel)
2059
+ return true;
2060
+ return undefined;
2061
+ }
1973
2062
  getButtonIcon(variant) {
1974
2063
  const { buttonIcon, previewButtonIcon } = this.formTexts;
1975
- if (variant === "button" && previewButtonIcon)
2064
+ if (variant === LicenseActivationVariantEnum.preview && previewButtonIcon)
1976
2065
  return previewButtonIcon;
1977
- if (variant !== "button" && buttonIcon)
2066
+ if (variant !== LicenseActivationVariantEnum.preview && buttonIcon)
1978
2067
  return buttonIcon;
1979
2068
  return undefined;
1980
2069
  }
1981
2070
  getButtonLabel(variant) {
1982
2071
  const { buttonLabel, previewButtonLabel } = this.formTexts;
1983
- if (variant === "button" && previewButtonLabel)
2072
+ if (variant === LicenseActivationVariantEnum.preview && previewButtonLabel)
1984
2073
  return previewButtonLabel;
1985
- if (variant !== "button" && buttonLabel)
2074
+ if (variant !== LicenseActivationVariantEnum.preview && buttonLabel)
1986
2075
  return buttonLabel;
1987
2076
  return "";
1988
2077
  }
1989
2078
  render() {
1990
- const { error, requestLoading, formTexts, formid, variant } = this;
1991
- const { inputMessage, inputLabel, linkLabel, placeholder, inputStatus, additionalDescription, } = formTexts;
1992
- const disabled = (variant === "modal" && !this.inputVal) || !!requestLoading;
1993
- return (index.h(index.Host, { variant: variant }, index.h("div", null, additionalDescription && (index.h("z-body", { level: 3 }, additionalDescription)), variant !== "button" && (index.h("z-input", { value: this.inputVal, htmlid: `${formid}_input`, label: inputLabel, placeholder: placeholder, htmltitle: placeholder, message: variant === "box" ? inputMessage : error ? error : inputMessage, status: variant === "box" ? null : inputStatus, disabled: !!requestLoading, onInputChange: (e) => this.handleFormInputChange(e.detail) })), index.h("z-button", { variant: index$1.ButtonVariantEnum.primary, icon: this.getButtonIcon(variant), disabled: disabled || !this.enableButton || requestLoading ? true : false, onClick: () => this.handleSubmitButtonClick(this.inputVal) }, this.getButtonLabel(variant))), variant !== "button" && (index.h("z-link", { icon: "question-mark", onClick: () => this.handleInfoClick() }, linkLabel)), index.h("div", null, this.renderInfoBox(), variant === "modal" && error && this.renderErrorSection())));
2079
+ return (index.h(index.Host, { variant: this.variant }, index.h("div", null, this.renderAdditionalDescription(), this.renderInput(), this.renderButton()), this.renderInfoLink(), index.h("div", null, this.renderInfoBox(), this.renderErrorSection())));
1994
2080
  }
1995
2081
  };
1996
2082
  LicenseActivationForm.style = licenseActivationFormCss;
@@ -14,7 +14,7 @@ const patchEsm = () => {
14
14
  const defineCustomElements = (win, options) => {
15
15
  if (typeof window === 'undefined') return Promise.resolve();
16
16
  return patchEsm().then(() => {
17
- return index.bootstrapLazy([["z-modal-login.cjs",[[6,"z-modal-login",{"heading":[1],"status":[1025],"message":[1025],"externalProviderCheck":[32]}]]],["z-combobox.cjs",[[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32]},[[0,"inputCheck","inputCheckListener"]]]]],["z-header.cjs",[[1,"z-header",{"intlinkdata":[1],"extlinkdata":[1],"userdata":[1],"ismyz":[4],"logolink":[1],"imagealt":[1],"activeintlinkid":[1],"activesublinkid":[1],"hideloginbutton":[4],"activeMenuItem":[32],"currentMenuItem":[32],"isMobile":[32],"isMenuMobileOpen":[32]},[[9,"resize","handleResize"],[2,"zListItemLinkClick","handleZListItemLinkClick"],[2,"zListItemClick","handleZListItemClick"]]]]],["z-footer.cjs",[[1,"z-footer",{"data":[1],"copyrightuser":[1]}]]],["z-cookiebar.cjs",[[1,"z-cookiebar",{"cookiepolicyurl":[1],"hide":[4],"callback":[16]}]]],["z-pagination-bar.cjs",[[1,"z-pagination-bar",{"pages":[2],"visiblepages":[2],"currentpage":[1026],"startpage":[1026],"historyraw":[1],"listhistoryrow":[1040],"currentPages":[32]}]]],["z-panel-elem.cjs",[[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descr_slot_name":[1]}]]],["z-registro-table-cell.cjs",[[6,"z-registro-table-cell",{"showButton":[4,"show-button"],"isMenuOpened":[32]}]]],["z-user-dropdown.cjs",[[1,"z-user-dropdown",{"logged":[4],"userfullname":[1],"menucontent":[1],"theme":[1],"ismenuopen":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"],[8,"click","handleClickOutside"]]]]],["z-app-switcher.cjs",[[1,"z-app-switcher",{"theme":[1],"isopen":[32]}]]],["z-button-sort.cjs",[[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028]}]]],["z-card-alert.cjs",[[1,"z-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}]]],["z-card-icon.cjs",[[1,"z-card-icon",{"icon":[1],"isdisabled":[4]}]]],["z-heading.cjs",[[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["z-icon-package.cjs",[[1,"z-icon-package"]]],["z-menu.cjs",[[1,"z-menu",{"active":[516],"floating":[516],"open":[32],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["z-menu-section.cjs",[[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["z-toggle-button.cjs",[[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"isOpen":[32]}]]],["z-app-header.cjs",[[1,"z-app-header"]]],["z-app-topbar.cjs",[[1,"z-app-topbar",{"theme":[1],"logged":[4],"hashtag":[1],"zLinksValues":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]]]],["z-card.cjs",[[1,"z-card",{"faded":[4],"cardtype":[1],"ispressed":[4],"ishighlighted":[4]}]]],["z-card-body.cjs",[[1,"z-card-body"]]],["z-card-cover.cjs",[[1,"z-card-cover",{"img":[1],"titolo":[1],"faded":[4],"defaultimg":[1]}]]],["z-card-footer.cjs",[[1,"z-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]]]],["z-card-header.cjs",[[1,"z-card-header",{"titolo":[1],"faded":[4],"cardtype":[1],"allowTooltip":[32]}]]],["z-card-list.cjs",[[1,"z-card-list",{"listdata":[1]}]]],["z-chip.cjs",[[1,"z-chip",{"regulartext":[1],"boldtext":[2]}]]],["z-divider.cjs",[[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}]]],["z-registro-table.cjs",[[4,"z-registro-table",{"bordered":[4],"columnSticky":[4,"column-sticky"],"headerSticky":[4,"header-sticky"]}]]],["z-registro-table-body.cjs",[[6,"z-registro-table-body"]]],["z-registro-table-footer.cjs",[[6,"z-registro-table-footer"]]],["z-registro-table-head.cjs",[[6,"z-registro-table-head"]]],["z-registro-table-header.cjs",[[6,"z-registro-table-header"]]],["z-registro-table-row.cjs",[[6,"z-registro-table-row"]]],["z-registro-table-sticky-footer.cjs",[[6,"z-registro-table-sticky-footer"]]],["z-stepper.cjs",[[1,"z-stepper"]]],["z-stepper-item.cjs",[[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}]]],["z-tooltip.cjs",[[1,"z-tooltip",{"content":[1],"type":[1]}]]],["z-candybar.cjs",[[1,"z-candybar"]]],["z-pagination-page.cjs",[[1,"z-pagination-page",{"pageid":[1],"value":[2],"isselected":[4],"isdisabled":[4],"isvisited":[4]}]]],["license-activation_16.cjs",[[2,"license-activation",{"variant":[1],"modalState":[1025,"modal-state"],"componentid":[1],"inputLabel":[1,"input-label"],"inputMessage":[1,"input-message"],"inputPlaceholder":[1,"input-placeholder"],"additionalDescription":[1,"additional-description"],"buttonLabel":[1,"button-label"],"buttonIcon":[1,"button-icon"],"previewButtonLabel":[1,"preview-button-label"],"previewButtonIcon":[1,"preview-button-icon"],"enableButton":[4,"enable-button"],"forceModal":[4,"force-modal"],"env":[1],"cms":[32],"enableFormSubmitButton":[32],"submitClicked":[32],"isMobile":[32],"initialShowInfoBox":[32],"licenseActivationState":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]],[1,"license-activation-form",{"direction":[1],"error":[1],"formTexts":[16],"requestLoading":[4,"request-loading"],"initialCode":[1,"initial-code"],"initialShowInfoBox":[4,"initial-show-info-box"],"enableButton":[4,"enable-button"],"activationState":[1,"activation-state"],"formid":[1],"variant":[1],"handleModalOpen":[16],"showInfoBox":[32],"inputVal":[32]}],[6,"license-activation-box",{"error":[16],"code":[1]}],[6,"license-activation-modal",{"modalTitle":[1,"modal-title"],"resetStore":[16]}],[1,"z-info-box",{"boxid":[1],"isclosable":[4]}],[1,"z-body",{"level":[2],"variant":[1],"component":[1]}],[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1]}],[1,"z-typography",{"component":[1],"variant":[1],"level":[1]}],[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"value":[1025],"disabled":[4],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"hasmessage":[4],"message":[1],"labelafter":[4],"typingtimeout":[2],"items":[1],"autocomplete":[8],"multiple":[4],"hasclearicon":[4],"icon":[1],"isTyping":[32],"textareaWrapperHover":[32],"textareaWrapperFocus":[32],"passwordHidden":[32],"getValue":[64],"setValue":[64],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[1,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"disabled":[4],"readonly":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"hasmessage":[4],"message":[1],"autocomplete":[8],"multiple":[4],"noresultslabel":[1],"isOpen":[32],"selectedItems":[32],"searchString":[32],"getSelectedItems":[64],"getValue":[64],"setValue":[64]}],[1,"z-button",{"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513],"issmall":[516],"square":[516]}],[1,"z-button-filter",{"filtername":[1],"isfixed":[4],"hasicon":[4],"filterid":[1],"issmall":[4]}],[1,"z-input-message",{"message":[1],"status":[1]}],[1,"z-input-label",{"value":[1],"disabled":[4]}],[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[4]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1]}]]],["z-list_2.cjs",[[1,"z-list",{"inputrawdata":[1025],"list":[1040]}],[1,"z-menu-dropdown",{"nomeutente":[1],"menucontent":[1],"buttonid":[1],"ismenuopen":[32]}]]],["z-logo.cjs",[[1,"z-logo",{"width":[2],"height":[2],"imagealt":[1],"link":[1],"targetblank":[4]}]]],["z-footer-link_3.cjs",[[1,"z-footer-section",{"name":[1],"isOpen":[32]}],[1,"z-footer-link",{"href":[1]}],[1,"z-footer-social",{"icon":[1],"href":[1],"description":[1]}]]],["z-list-item.cjs",[[1,"z-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}]]]], options);
17
+ return index.bootstrapLazy([["z-modal-login.cjs",[[6,"z-modal-login",{"heading":[1],"status":[1025],"message":[1025],"externalProviderCheck":[32]}]]],["z-combobox.cjs",[[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32]},[[0,"inputCheck","inputCheckListener"]]]]],["z-header.cjs",[[1,"z-header",{"intlinkdata":[1],"extlinkdata":[1],"userdata":[1],"ismyz":[4],"logolink":[1],"imagealt":[1],"activeintlinkid":[1],"activesublinkid":[1],"hideloginbutton":[4],"activeMenuItem":[32],"currentMenuItem":[32],"isMobile":[32],"isMenuMobileOpen":[32]},[[9,"resize","handleResize"],[2,"zListItemLinkClick","handleZListItemLinkClick"],[2,"zListItemClick","handleZListItemClick"]]]]],["z-footer.cjs",[[1,"z-footer",{"data":[1],"copyrightuser":[1]}]]],["z-cookiebar.cjs",[[1,"z-cookiebar",{"cookiepolicyurl":[1],"hide":[4],"callback":[16]}]]],["z-pagination-bar.cjs",[[1,"z-pagination-bar",{"pages":[2],"visiblepages":[2],"currentpage":[1026],"startpage":[1026],"historyraw":[1],"listhistoryrow":[1040],"currentPages":[32]}]]],["z-panel-elem.cjs",[[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descr_slot_name":[1]}]]],["z-registro-table-cell.cjs",[[6,"z-registro-table-cell",{"showButton":[4,"show-button"],"isMenuOpened":[32]}]]],["z-user-dropdown.cjs",[[1,"z-user-dropdown",{"logged":[4],"userfullname":[1],"menucontent":[1],"theme":[1],"ismenuopen":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"],[8,"click","handleClickOutside"]]]]],["z-app-switcher.cjs",[[1,"z-app-switcher",{"theme":[1],"isopen":[32]}]]],["z-button-sort.cjs",[[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028]}]]],["z-card-alert.cjs",[[1,"z-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}]]],["z-card-icon.cjs",[[1,"z-card-icon",{"icon":[1],"isdisabled":[4]}]]],["z-heading.cjs",[[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["z-icon-package.cjs",[[1,"z-icon-package"]]],["z-menu.cjs",[[1,"z-menu",{"active":[516],"floating":[516],"open":[32],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["z-menu-section.cjs",[[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["z-toggle-button.cjs",[[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"isOpen":[32]}]]],["z-app-header.cjs",[[1,"z-app-header"]]],["z-app-topbar.cjs",[[1,"z-app-topbar",{"theme":[1],"logged":[4],"hashtag":[1],"zLinksValues":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]]]],["z-card.cjs",[[1,"z-card",{"faded":[4],"cardtype":[1],"ispressed":[4],"ishighlighted":[4]}]]],["z-card-body.cjs",[[1,"z-card-body"]]],["z-card-cover.cjs",[[1,"z-card-cover",{"img":[1],"titolo":[1],"faded":[4],"defaultimg":[1]}]]],["z-card-footer.cjs",[[1,"z-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]]]],["z-card-header.cjs",[[1,"z-card-header",{"titolo":[1],"faded":[4],"cardtype":[1],"allowTooltip":[32]}]]],["z-card-list.cjs",[[1,"z-card-list",{"listdata":[1]}]]],["z-chip.cjs",[[1,"z-chip",{"regulartext":[1],"boldtext":[2]}]]],["z-divider.cjs",[[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}]]],["z-registro-table.cjs",[[4,"z-registro-table",{"bordered":[4],"columnSticky":[4,"column-sticky"],"headerSticky":[4,"header-sticky"]}]]],["z-registro-table-body.cjs",[[6,"z-registro-table-body"]]],["z-registro-table-footer.cjs",[[6,"z-registro-table-footer"]]],["z-registro-table-head.cjs",[[6,"z-registro-table-head"]]],["z-registro-table-header.cjs",[[6,"z-registro-table-header"]]],["z-registro-table-row.cjs",[[6,"z-registro-table-row"]]],["z-registro-table-sticky-footer.cjs",[[6,"z-registro-table-sticky-footer"]]],["z-stepper.cjs",[[1,"z-stepper"]]],["z-stepper-item.cjs",[[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}]]],["z-tooltip.cjs",[[1,"z-tooltip",{"content":[1],"type":[1]}]]],["z-candybar.cjs",[[1,"z-candybar"]]],["z-pagination-page.cjs",[[1,"z-pagination-page",{"pageid":[1],"value":[2],"isselected":[4],"isdisabled":[4],"isvisited":[4]}]]],["license-activation_16.cjs",[[2,"license-activation",{"variant":[1],"modalState":[1025,"modal-state"],"componentid":[1],"inputLabel":[1,"input-label"],"inputMessage":[1,"input-message"],"inputPlaceholder":[1,"input-placeholder"],"additionalDescription":[1,"additional-description"],"buttonLabel":[1,"button-label"],"buttonIcon":[1,"button-icon"],"previewInputPlaceholder":[1,"preview-input-placeholder"],"previewButtonLabel":[1,"preview-button-label"],"previewButtonIcon":[1,"preview-button-icon"],"previewButtonSize":[1,"preview-button-size"],"enableButton":[4,"enable-button"],"forceModal":[4,"force-modal"],"env":[1],"cms":[32],"enableFormSubmitButton":[32],"submitClicked":[32],"isMobile":[32],"initialShowInfoBox":[32],"licenseActivationState":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]],[1,"license-activation-form",{"direction":[1],"error":[1],"formTexts":[16],"requestLoading":[4,"request-loading"],"initialCode":[1,"initial-code"],"initialShowInfoBox":[4,"initial-show-info-box"],"enableButton":[4,"enable-button"],"activationState":[1,"activation-state"],"formid":[1],"variant":[1],"handleModalOpen":[16],"showInfoBox":[32],"inputVal":[32]}],[6,"license-activation-box",{"error":[16],"code":[1]}],[6,"license-activation-modal",{"modalTitle":[1,"modal-title"],"resetStore":[16]}],[1,"z-info-box",{"boxid":[1],"isclosable":[4]}],[1,"z-body",{"level":[2],"variant":[1],"component":[1]}],[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1]}],[1,"z-typography",{"component":[1],"variant":[1],"level":[1]}],[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"value":[1025],"disabled":[4],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"hasmessage":[4],"message":[1],"labelafter":[4],"typingtimeout":[2],"items":[1],"autocomplete":[8],"multiple":[4],"hasclearicon":[4],"icon":[1],"isTyping":[32],"textareaWrapperHover":[32],"textareaWrapperFocus":[32],"passwordHidden":[32],"getValue":[64],"setValue":[64],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[1,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"disabled":[4],"readonly":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"hasmessage":[4],"message":[1],"autocomplete":[8],"multiple":[4],"noresultslabel":[1],"isOpen":[32],"selectedItems":[32],"searchString":[32],"getSelectedItems":[64],"getValue":[64],"setValue":[64]}],[1,"z-button",{"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513],"issmall":[516],"square":[516]}],[1,"z-button-filter",{"filtername":[1],"isfixed":[4],"hasicon":[4],"filterid":[1],"issmall":[4]}],[1,"z-input-message",{"message":[1],"status":[1]}],[1,"z-input-label",{"value":[1],"disabled":[4]}],[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[4]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1]}]]],["z-list_2.cjs",[[1,"z-list",{"inputrawdata":[1025],"list":[1040]}],[1,"z-menu-dropdown",{"nomeutente":[1],"menucontent":[1],"buttonid":[1],"ismenuopen":[32]}]]],["z-logo.cjs",[[1,"z-logo",{"width":[2],"height":[2],"imagealt":[1],"link":[1],"targetblank":[4]}]]],["z-footer-link_3.cjs",[[1,"z-footer-section",{"name":[1],"isOpen":[32]}],[1,"z-footer-link",{"href":[1]}],[1,"z-footer-social",{"icon":[1],"href":[1],"description":[1]}]]],["z-list-item.cjs",[[1,"z-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}]]]], options);
18
18
  });
19
19
  };
20
20
 
@@ -5,6 +5,12 @@ export var DeviceEnum;
5
5
  DeviceEnum["desktop"] = "desktop";
6
6
  DeviceEnum["desktopNew"] = "desktopNew";
7
7
  })(DeviceEnum || (DeviceEnum = {}));
8
+ export var LicenseActivationVariantEnum;
9
+ (function (LicenseActivationVariantEnum) {
10
+ LicenseActivationVariantEnum["box"] = "box";
11
+ LicenseActivationVariantEnum["modal"] = "modal";
12
+ LicenseActivationVariantEnum["preview"] = "preview";
13
+ })(LicenseActivationVariantEnum || (LicenseActivationVariantEnum = {}));
8
14
  export var LicenseActivationStateEnum;
9
15
  (function (LicenseActivationStateEnum) {
10
16
  LicenseActivationStateEnum["INITIAL"] = "INITIAL";
@@ -1,4 +1,5 @@
1
1
  import { Component, Host, h, Prop, State, Element, Event, Listen, } from "@stencil/core";
2
+ import { LicenseActivationVariantEnum, } from "../../beans";
2
3
  import state from "../../store";
3
4
  import { getCms } from "../../store/CMS";
4
5
  import { Env } from "../../utils/env";
@@ -14,7 +15,8 @@ export class LicenseActivation {
14
15
  async componentWillLoad() {
15
16
  await getCms(state);
16
17
  this.cms = state.cms;
17
- this.modalState = this.variant === "modal" ? "open" : "closed";
18
+ this.modalState =
19
+ this.variant === LicenseActivationVariantEnum.modal ? "open" : "closed";
18
20
  this.isMobile =
19
21
  window.screen.width <= mobileBreakpoint ||
20
22
  window.innerWidth <= mobileBreakpoint;
@@ -97,7 +99,7 @@ export class LicenseActivation {
97
99
  if (!inputVal) {
98
100
  this.handleLicenseModalOpen(false);
99
101
  }
100
- if ((this.variant === "modal" ||
102
+ if ((this.variant === LicenseActivationVariantEnum.modal ||
101
103
  this.modalState === "open" ||
102
104
  licenseActivationStatus === "initial") &&
103
105
  inputVal) {
@@ -120,10 +122,10 @@ export class LicenseActivation {
120
122
  return (h("license-activation-box", { error: this.licenseActivationState.licenseActivationApiError, code: this.licenseActivationState.licenseActivationCode }, this.renderLicenseActivationForm(variant)));
121
123
  }
122
124
  renderLicenseActivationModal() {
123
- return (h("license-activation-modal", { id: `${this.host.id}-modal`, "modal-title": this.cms["newdashboard.licenseActivation.modalTitle"], onActivationModalClose: () => this.handleLicenseModalClose(), resetStore: this.resetStore }, this.renderLicenseActivationForm("modal")));
125
+ return (h("license-activation-modal", { id: `${this.host.id}-modal`, "modal-title": this.cms["newdashboard.licenseActivation.modalTitle"], onActivationModalClose: () => this.handleLicenseModalClose(), resetStore: this.resetStore }, this.renderLicenseActivationForm(LicenseActivationVariantEnum.modal)));
124
126
  }
125
127
  retrieveTextsObject() {
126
- const { inputMessage, inputLabel, inputPlaceholder, buttonLabel, isMobile, additionalDescription, buttonIcon, previewButtonLabel, previewButtonIcon, } = this;
128
+ const { inputMessage, inputLabel, inputPlaceholder, buttonLabel, isMobile, additionalDescription, buttonIcon, previewInputPlaceholder, previewButtonLabel, previewButtonIcon, previewButtonSize, } = this;
127
129
  const { licenseActivationStatus } = this.licenseActivationState;
128
130
  return {
129
131
  inputStatus: this.mapInputStatus(licenseActivationStatus),
@@ -136,15 +138,18 @@ export class LicenseActivation {
136
138
  ? buttonLabel || this.cms["newdashboard.licenseActivation.submitLabel"]
137
139
  : this.cms["newdashboard.onboarding.licenseActivation.submitLabel"],
138
140
  buttonIcon,
141
+ previewInputPlaceholder,
139
142
  previewButtonLabel,
140
143
  previewButtonIcon,
144
+ previewButtonSize,
141
145
  linkLabel: this.cms["newdashboard.licenseActivation.helperLink"].toUpperCase(),
142
146
  errorButtonLabel: this.cms["newdashboard.licenseActivation.contactUs.btnLabel"],
143
147
  errorSectionMessage: this.cms["newdashboard.licenseActivation.contactUs.message"],
144
148
  infoBoxIcon: `${this.environment.URL_S3_IMAGES_FOLDER}bollinoSIAE.svg`,
145
149
  infoBoxContent: this.cms["newdashboard.licenseActivation.infoBoxContent"],
146
150
  supportLink: this.cms["newdashboard.licenseActivation.contactUs.url"],
147
- additionalDescription: this.variant === "modal" && additionalDescription,
151
+ additionalDescription: this.variant === LicenseActivationVariantEnum.modal &&
152
+ additionalDescription,
148
153
  };
149
154
  }
150
155
  renderLicenseActivationForm(variant) {
@@ -157,20 +162,23 @@ export class LicenseActivation {
157
162
  return (h("z-button", { onClick: () => this.handleMobileButtonClick() }, this.cms["newdashboard.onboarding.licenseActivation.mobileSubmitLabel"]));
158
163
  }
159
164
  render() {
160
- if (this.isMobile) {
165
+ if (this.isMobile &&
166
+ this.variant !== LicenseActivationVariantEnum.preview) {
161
167
  return (h(Host, null,
162
168
  this.forceModal
163
169
  ? this.renderLicenseActivationModal()
164
170
  : this.renderMobileButton(),
165
- (this.variant === "box" || this.variant === "button") &&
171
+ this.variant === LicenseActivationVariantEnum.box &&
166
172
  this.modalState === "open" &&
167
173
  this.renderLicenseActivationModal()));
168
174
  }
169
175
  return (h(Host, null,
170
- this.variant === "box" || this.variant === "button"
176
+ this.variant === LicenseActivationVariantEnum.box ||
177
+ this.variant === LicenseActivationVariantEnum.preview
171
178
  ? this.renderLicenseActivationBox(this.variant)
172
179
  : this.modalState === "open" && this.renderLicenseActivationModal(),
173
- (this.variant === "box" || this.variant === "button") &&
180
+ (this.variant === LicenseActivationVariantEnum.box ||
181
+ this.variant === LicenseActivationVariantEnum.preview) &&
174
182
  this.modalState === "open" &&
175
183
  this.submitClicked &&
176
184
  this.renderLicenseActivationModal()));
@@ -188,9 +196,14 @@ export class LicenseActivation {
188
196
  "type": "string",
189
197
  "mutable": false,
190
198
  "complexType": {
191
- "original": "\"box\" | \"modal\" | \"button\"",
192
- "resolved": "\"box\" | \"button\" | \"modal\"",
193
- "references": {}
199
+ "original": "LicenseActivationVariantType",
200
+ "resolved": "LicenseActivationVariantEnum.box | LicenseActivationVariantEnum.modal | LicenseActivationVariantEnum.preview",
201
+ "references": {
202
+ "LicenseActivationVariantType": {
203
+ "location": "import",
204
+ "path": "../../beans"
205
+ }
206
+ }
194
207
  },
195
208
  "required": false,
196
209
  "optional": false,
@@ -337,6 +350,23 @@ export class LicenseActivation {
337
350
  "attribute": "button-icon",
338
351
  "reflect": false
339
352
  },
353
+ "previewInputPlaceholder": {
354
+ "type": "string",
355
+ "mutable": false,
356
+ "complexType": {
357
+ "original": "string",
358
+ "resolved": "string",
359
+ "references": {}
360
+ },
361
+ "required": false,
362
+ "optional": true,
363
+ "docs": {
364
+ "tags": [],
365
+ "text": "preview-input-placeholder: custom preview input placeholder string [optional]"
366
+ },
367
+ "attribute": "preview-input-placeholder",
368
+ "reflect": false
369
+ },
340
370
  "previewButtonLabel": {
341
371
  "type": "string",
342
372
  "mutable": false,
@@ -371,6 +401,23 @@ export class LicenseActivation {
371
401
  "attribute": "preview-button-icon",
372
402
  "reflect": false
373
403
  },
404
+ "previewButtonSize": {
405
+ "type": "string",
406
+ "mutable": false,
407
+ "complexType": {
408
+ "original": "string",
409
+ "resolved": "string",
410
+ "references": {}
411
+ },
412
+ "required": false,
413
+ "optional": true,
414
+ "docs": {
415
+ "tags": [],
416
+ "text": "preview-button-size: custom preview button size [optional]"
417
+ },
418
+ "attribute": "preview-button-size",
419
+ "reflect": false
420
+ },
374
421
  "enableButton": {
375
422
  "type": "boolean",
376
423
  "mutable": false,
@@ -24,14 +24,14 @@
24
24
  display: flex;
25
25
  }
26
26
 
27
- :host([variant='modal']) .error-section {
27
+ :host([variant="modal"]) .error-section {
28
28
  display: flex;
29
29
  flex-direction: column;
30
30
  border-top: var(--border-size-small) solid var(--bg-grey-200);
31
31
  margin-top: calc(var(--space-unit) * 3);
32
32
  padding-top: calc(var(--space-unit) * 2);
33
33
  }
34
- :host([variant='modal']) .error-section > span {
34
+ :host([variant="modal"]) .error-section > span {
35
35
  padding: var(--basex2) 0;
36
36
  display: block;
37
37
  color: var(--text-grey-800);
@@ -42,48 +42,65 @@
42
42
  line-height: 20px;
43
43
  }
44
44
 
45
+ :host([variant="preview"]) {
46
+ margin: 0;
47
+ padding: 0;
48
+ }
49
+
50
+ :host([variant="preview"]) z-button {
51
+ margin: 0;
52
+ padding: 0;
53
+ width: initial;
54
+ }
55
+
56
+ :host([variant="preview"]) z-input {
57
+ margin-right: calc(var(--space-unit) * 2);
58
+ }
59
+
45
60
  /* Tablet breakpoint */
46
61
  @media only screen and (min-width: 768px) {
47
-
48
62
  :host {
49
63
  padding: 0;
50
64
  }
51
65
 
52
- :host([variant='modal']) {
66
+ :host([variant="modal"]) {
53
67
  padding: 32px;
54
68
  width: 396px;
55
- }
69
+ }
56
70
 
57
71
  :host > div {
58
72
  display: flex;
59
73
  flex-direction: row;
60
74
  }
61
75
 
62
- :host([variant='modal']) > div {
63
- flex-direction: column
64
- }
76
+ :host([variant="modal"]) > div {
77
+ flex-direction: column;
78
+ }
65
79
 
66
80
  :host > div > z-button {
67
- padding: 32px 0 calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);
81
+ padding-top: calc(var(--space-unit) * 4);
82
+ padding-left: calc(var(--space-unit) * 2);
68
83
  width: auto;
69
84
  }
85
+ :host([variant="preview"]) > div > z-button {
86
+ padding-top: 0;
87
+ }
70
88
 
71
- :host([variant='modal']) > div > z-button {
89
+ :host([variant="modal"]) > div > z-button {
72
90
  padding: 32px 0 calc(var(--space-unit) * 2);
73
91
  width: max-content;
74
- }
92
+ }
75
93
 
76
- :host([variant='modal']) .error-section > z-button {
94
+ :host([variant="modal"]) .error-section > z-button {
77
95
  width: max-content;
78
96
  }
79
97
  }
80
98
 
81
99
  /* Desktop breakpoint */
82
100
  @media only screen and (min-width: 1152px) {
83
-
84
- :host([variant='modal']) {
101
+ :host([variant="modal"]) {
85
102
  width: 477px;
86
- }
103
+ }
87
104
 
88
105
  :host > div {
89
106
  flex-direction: row;