@zanichelli/delta_share 4.2.1 → 4.2.3

package/dist/wc/esm/license-activation_10.entry.js

@@ -1870,8 +1870,11 @@ const LicenseActivation = class {
       previewButtonSize,
       linkLabel: this.cms["newdashboard.licenseActivation.helperLink"],
       errorButtonLabel: this.cms["newdashboard.licenseActivation.contactUs.btnLabel"],
+      errorButtonAriaLabel: this.cms["newdashboard.licenseActivation.contactUs.btnLabel"] +
+        this.cms["newdashboard.openInNewTab"],
       errorSectionMessage: this.cms["newdashboard.licenseActivation.contactUs.message"],
-      infoBoxIcon: `${this.environment.URL_S3_IMAGES_FOLDER}bollinoSIAE.svg`,
+      infoBoxIcon: `${this.environment.URL_S3_IMAGES_FOLDER}etichetta-bollino-SIAE.svg`,
+      infoBoxImgAlt: this.cms["newdashboard.licenseActivation.infoBoxImgAlt"],
       infoBoxContent: this.cms["newdashboard.licenseActivation.infoBoxContent"],
       supportLink: this.cms["newdashboard.licenseActivation.contactUs.url"],
       additionalDescription: description,
@@ -1926,7 +1929,7 @@ const LicenseActivationBox = class {
 };
 LicenseActivationBox.style = licenseActivationBoxCss;
 
-const licenseActivationFormCss = ".sc-license-activation-form-h{display:block}.sc-license-activation-form-h>div.sc-license-activation-form>.body-3.sc-license-activation-form{display:block;margin-bottom:calc(var(--space-unit) * 4)}.sc-license-activation-form-h:has(z-input)>div.sc-license-activation-form>z-button.sc-license-activation-form{padding:calc(var(--space-unit) * 2) 0;width:100%}[variant=\"modal\"].sc-license-activation-form-h>div.sc-license-activation-form>z-button.sc-license-activation-form{padding:calc(var(--space-unit) * 5.5) 0 calc(var(--space-unit) * 2)}[variant=\"modal\"].sc-license-activation-form-h:has(z-input-message)>div.sc-license-activation-form>z-button.sc-license-activation-form{padding:calc(var(--space-unit) * 2) 0 calc(var(--space-unit) * 2)}[variant=\"preview\"].sc-license-activation-form-h:has(z-input) .input-section.sc-license-activation-form,.sc-license-activation-form-h .license-input-container.sc-license-activation-form{width:100%}.sc-license-activation-form-h>div.sc-license-activation-form>z-info-box.sc-license-activation-form>div.sc-license-activation-form{display:flex}[variant=\"modal\"].sc-license-activation-form-h{padding:calc(var(--space-unit) * 2)}[variant=\"modal\"].sc-license-activation-form-h .error-section.sc-license-activation-form{display:flex;flex-direction:column;border-top:var(--border-size-small) solid var(--color-surface03);margin-top:calc(var(--space-unit) * 3);padding-top:calc(var(--space-unit) * 2)}[variant=\"modal\"].sc-license-activation-form-h .error-section.sc-license-activation-form>span.sc-license-activation-form{padding:calc(var(--space-unit) * 2) 0;display:block;color:var(--color-default-text);fill:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:20px}[variant=\"preview\"].sc-license-activation-form-h .license-input-container.sc-license-activation-form{width:100%;margin-right:calc(var(--space-unit) * 2)}[variant=\"modal\"].sc-license-activation-form-h .infobox-content.sc-license-activation-form{display:flex;align-items:center;color:var(--color-text-link-blue);column-gap:0.5em;padding:calc(var(--space-unit) / 2) 0}[variant=\"modal\"].sc-license-activation-form-h .infobox-content.sc-license-activation-form z-icon.sc-license-activation-form{fill:var(--color-text-link-blue)}.sc-license-activation-form-h .info-link.sc-license-activation-form{margin-top:var(--space-unit)}@media only screen and (min-width: 768px){[variant=\"modal\"].sc-license-activation-form-h{padding:calc(var(--space-unit) * 3);width:396px}.sc-license-activation-form-h>div.sc-license-activation-form{display:flex;flex-direction:row}[variant=\"modal\"].sc-license-activation-form-h>div.sc-license-activation-form{flex-direction:column}.sc-license-activation-form-h:has(z-input)>div.sc-license-activation-form>z-button.sc-license-activation-form{padding-top:calc(var(--space-unit) * 3);padding-left:calc(var(--space-unit) * 2);width:auto}[variant=\"preview\"].sc-license-activation-form-h>div.sc-license-activation-form>z-button.sc-license-activation-form{padding-top:0}[variant=\"modal\"].sc-license-activation-form-h>div.sc-license-activation-form>z-button.sc-license-activation-form{padding:calc(var(--space-unit) * 5.5) 0 calc(var(--space-unit) * 2);width:max-content}[variant=\"modal\"].sc-license-activation-form-h:has(z-input-message)>div.sc-license-activation-form>z-button.sc-license-activation-form{padding:calc(var(--space-unit) * 3) 0 calc(var(--space-unit) * 2);width:max-content}[variant=\"modal\"].sc-license-activation-form-h .error-section.sc-license-activation-form>z-button.sc-license-activation-form{width:max-content}}@media only screen and (min-width: 1152px){.sc-license-activation-form-h>div.sc-license-activation-form{flex-direction:row}}@media only screen and (min-width: 1366px){[variant=\"modal\"].sc-license-activation-form-h{padding:calc(var(--space-unit) * 4);width:477px}}";
+const licenseActivationFormCss = ".sc-license-activation-form-h{display:block}.sc-license-activation-form-h>div.sc-license-activation-form>.body-3.sc-license-activation-form{display:block;margin-bottom:calc(var(--space-unit) * 4)}.sc-license-activation-form-h:has(z-input)>div.sc-license-activation-form>z-button.sc-license-activation-form{padding:calc(var(--space-unit) * 2) 0;width:100%}[variant=\"modal\"].sc-license-activation-form-h>div.sc-license-activation-form>z-button.sc-license-activation-form{padding:calc(var(--space-unit) * 5.5) 0 calc(var(--space-unit) * 2)}[variant=\"modal\"].sc-license-activation-form-h:has(z-input-message)>div.sc-license-activation-form>z-button.sc-license-activation-form{padding:calc(var(--space-unit) * 2) 0 calc(var(--space-unit) * 2)}[variant=\"preview\"].sc-license-activation-form-h:has(z-input) .input-section.sc-license-activation-form,.sc-license-activation-form-h .license-input-container.sc-license-activation-form{width:100%}.sc-license-activation-form-h>div.sc-license-activation-form>z-info-box.sc-license-activation-form>div.sc-license-activation-form{display:flex}[variant=\"modal\"].sc-license-activation-form-h{padding:calc(var(--space-unit) * 2)}[variant=\"modal\"].sc-license-activation-form-h .error-section.sc-license-activation-form{display:flex;flex-direction:column;border-top:var(--border-size-small) solid var(--color-surface03);margin-top:calc(var(--space-unit) * 3);padding-top:calc(var(--space-unit) * 2)}[variant=\"modal\"].sc-license-activation-form-h .error-section.sc-license-activation-form>span.sc-license-activation-form{padding:calc(var(--space-unit) * 2) 0;display:block;color:var(--color-default-text);fill:var(--color-default-text)}[variant=\"preview\"].sc-license-activation-form-h .license-input-container.sc-license-activation-form{width:100%;margin-right:calc(var(--space-unit) * 2)}[variant=\"modal\"].sc-license-activation-form-h .infobox-content.sc-license-activation-form{display:flex;align-items:center;color:var(--color-text-link-blue);column-gap:0.5em;padding:calc(var(--space-unit) / 2) 0}[variant=\"modal\"].sc-license-activation-form-h .infobox-content.sc-license-activation-form z-icon.sc-license-activation-form{fill:var(--color-text-link-blue)}[variant=\"modal\"].sc-license-activation-form-h #info-code-position.sc-license-activation-form{flex-direction:column;gap:calc(var(--space-unit) * 2)}[variant=\"modal\"].sc-license-activation-form-h #info-code-position.sc-license-activation-form img.sc-license-activation-form{width:185px}.sc-license-activation-form-h .info-link.sc-license-activation-form{margin-top:var(--space-unit)}@media only screen and (min-width: 768px){[variant=\"modal\"].sc-license-activation-form-h{padding:calc(var(--space-unit) * 3);width:396px}.sc-license-activation-form-h>div.sc-license-activation-form{display:flex;flex-direction:row}[variant=\"modal\"].sc-license-activation-form-h>div.sc-license-activation-form{flex-direction:column}.sc-license-activation-form-h:has(z-input)>div.sc-license-activation-form>z-button.sc-license-activation-form{padding-top:calc(var(--space-unit) * 3);padding-left:calc(var(--space-unit) * 2);width:auto}[variant=\"preview\"].sc-license-activation-form-h>div.sc-license-activation-form>z-button.sc-license-activation-form{padding-top:0}[variant=\"modal\"].sc-license-activation-form-h>div.sc-license-activation-form>z-button.sc-license-activation-form{padding:calc(var(--space-unit) * 5.5) 0 calc(var(--space-unit) * 2);width:max-content}[variant=\"modal\"].sc-license-activation-form-h:has(z-input-message)>div.sc-license-activation-form>z-button.sc-license-activation-form{padding:calc(var(--space-unit) * 3) 0 calc(var(--space-unit) * 2);width:max-content}[variant=\"modal\"].sc-license-activation-form-h .error-section.sc-license-activation-form>z-button.sc-license-activation-form{width:max-content}[variant=\"modal\"].sc-license-activation-form-h #info-code-position.sc-license-activation-form{flex-direction:row}}@media only screen and (min-width: 1152px){.sc-license-activation-form-h>div.sc-license-activation-form{flex-direction:row}}@media only screen and (min-width: 1366px){[variant=\"modal\"].sc-license-activation-form-h{padding:calc(var(--space-unit) * 4);width:477px}}";
 
 const LicenseActivationForm = class {
   constructor(hostRef) {
@@ -2014,13 +2017,13 @@ const LicenseActivationForm = class {
       return;
     if (this.variant === LicenseActivationVariantEnum.modal)
       return (h("span", { class: "infobox-content body-4-sb" }, h("z-icon", { name: "question-mark" }), " ", linkLabel));
-    return (h("button", { class: "z-link z-link-blue z-link-icon z-link-sb", "aria-label": `${linkLabel} clicca per avere maggiori informazioni`, onClick: () => this.handleInfoClick() }, h("z-icon", { name: "question-mark" }), linkLabel));
+    return (h("button", { class: "z-link z-link-blue z-link-icon z-link-sb", "aria-label": `${linkLabel} clicca per avere maggiori informazioni`, "aria-haspopup": "dialog", onClick: () => this.handleInfoClick() }, h("z-icon", { name: "question-mark" }), linkLabel));
   }
   renderInfoBox() {
     if (this.variant !== LicenseActivationVariantEnum.modal)
       return;
-    const { infoBoxContent, infoBoxIcon } = this.formTexts;
-    return (h("z-info-box", { boxid: "singleInputFormInfoSection", isclosable: false }, h("div", { slot: "content" }, infoBoxIcon && (h("span", { "aria-hidden": "true" }, h("img", { src: infoBoxIcon, alt: "" }))), infoBoxContent && (h("span", { innerHTML: manageMarkupContent(infoBoxContent) })))));
+    const { infoBoxContent, infoBoxIcon, infoBoxImgAlt } = this.formTexts;
+    return (h("z-info-box", { boxid: "singleInputFormInfoSection", isclosable: false }, h("div", { slot: "content", id: "info-code-position" }, infoBoxContent && (h("span", { class: "body-4", innerHTML: manageMarkupContent(infoBoxContent) })), infoBoxIcon && (h("span", null, h("img", { src: infoBoxIcon, alt: infoBoxImgAlt }))))));
   }
   redirectToSupport() {
     const { formTexts } = this;
@@ -2031,8 +2034,8 @@ const LicenseActivationForm = class {
   renderErrorSection() {
     if (this.variant !== LicenseActivationVariantEnum.modal || !this.error)
       return;
-    const { errorButtonLabel, errorSectionMessage } = this.formTexts;
-    return (h("section", { class: "error-section" }, h("span", { class: "body-4-sb" }, errorSectionMessage), h("z-button", { variant: ButtonVariant.secondary, onClick: this.redirectToSupport, role: "link" }, errorButtonLabel)));
+    const { errorButtonLabel, errorSectionMessage, errorButtonAriaLabel } = this.formTexts;
+    return (h("section", { class: "error-section" }, h("span", { class: "body-4-sb" }, errorSectionMessage), h("z-button", { variant: ButtonVariant.secondary, onClick: this.redirectToSupport, role: "link", ariaLabel: errorButtonAriaLabel }, errorButtonLabel)));
   }
   getButtonSize(variant) {
     const { previewButtonSize } = this.formTexts;

package/dist/wc/types/beans/index.d.ts

@@ -30,9 +30,11 @@ export declare type LicenseActivationFormTexts = {
   previewButtonSize: null | string;
   linkLabel: null | string;
   errorButtonLabel: null | string;
+  errorButtonAriaLabel: null | string;
   errorSectionMessage: null | string;
   infoBoxIcon: null | string;
   infoBoxContent: null | string;
+  infoBoxImgAlt: null | string;
   supportLink: null | string;
   additionalDescription: null | string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zanichelli/delta_share",
-  "version": "4.2.1",
+  "version": "4.2.3",
   "description": "",
   "main": "./dist/react/index.js",
   "module": "./dist/react/index.js",