@dubai-design-system/components-js 3.12.10 → 3.12.12

package/dist/collection/components/dda-footer/dda-footer.js

@@ -12,9 +12,20 @@ export class DdaFooter {
     render() {
         const sections = this.parseJsonArray(this.footerSections);
         const icons = this.parseJsonArray(this.socialIcons);
-        return (h("footer", { key: '22bc0a85b5a528eef2cec528cb158ce6789f9849', class: "WB-footer" }, !!this.footerTitle && (h("div", { key: '0543e06ed4dd1dbe70753f62aa714c87ea1412f7', class: "dda-container line-seperater" }, h("div", { key: '37cc131feb33e3287cce4059b2b318ce5b850a49', class: "dda-d-flex dda-align-center dda-flex-column dda-gap-5" }, h("h4", { key: '16605dfb89f49892da472943b174d2c7943cc046', class: "dda-fs-display-sm dda-fw-700 dda-color-black" }, this.footerTitle), h("p", { key: '5d8d15f189cd4f5a2f8173a65b7443198ef281a2', class: "dda-fs-title-sm dda-fw-400 dda-mb-3" }, this.description), h("div", { key: '304517b0a28d5784b6027acd191174f1299aba9d', class: "dda-d-flex dda-gap-5" }, h("dda-button", { key: 'aca8e6b27201f4a2306b04a563b6051568bfec92', button_color: "default-primary", size: "lg", button_text: this.signUpButtonText }), h("dda-button", { key: '9590372901cbd0dc1cda0147a46076d7508e02cc', button_color: "default-tertiary", size: "lg", button_text: this.loginButtonText }))))), h("div", { key: 'fd880dc02c9b712a6bc958080b0b7461cff60a70', class: "dda-container line-seperater" }, h("div", { key: '9656b9aace420ea107a22a3631ae16dddeb158dd', class: "dda-row" }, h("div", { key: '5ead520ec1de5fea21de977c420cd5b54ab4b3ac', class: "dda-col-lg-4 dda-mb-3" }, h("div", { key: '486daf8b5264e40dd2e068434797432d78fc0012', class: "text-center" }, h("img", { key: '138d73e8a4a53c34469515aa90799a0e0dbdaee2', class: "entt-logo", src: this.logoSrc, alt: this.logoAlt }))), h("div", { key: 'a03ced0bba0e23fc5b2277ba6f037013db53654c', class: "dda-col-lg-8" }, h("div", { key: '71249f64a86d9e224b99e3999c1ef7275dd334b6', class: "dda-row" }, sections.map(section => (h("div", { class: "dda-col-6 dda-col-sm-6 dda-col-md-3 dda-mb-3" }, h("p", { class: "dda-fs-title-sm dda-fw-700 dda-color-black dda-mb-3" }, section.title), h("ul", { class: "footer-menu" }, section.links.map(link => (h("li", null, h("a", { class: "dda-fs-title-sm dda-fw-400", href: link.href }, link.label)))))))))))), h("div", { key: '223a6a6a78092e7ca0f325b17aa226958113301e', class: "dda-container dda-pt-4" }, h("div", { key: 'bd2bb82c1407b8e880a9b201f957a5cc8c8eeb19', class: "dda-d-flex dda-align-center dda-justify-content-between" }, h("p", { key: 'c21f551925dd99bfcd6f4e0f70d0d6f5d3d3526c', class: "dda-fs-title-sm" }, this.copyrightText), h("ul", { key: 'abdc396d4d7a5bc5ff7a139e37f9babd6595f15e', class: "dda-d-flex dda-align-center dda-gap-4" }, icons.map(icon => (h("li", null, h("a", { href: icon.href }, h("img", { class: "footer-social-icn", src: icon.src, alt: icon.alt }))))))))));
+        return (h("footer", { key: '29398e9540f65449c491b2d82b881da90ffa8268', class: "WB-footer" }, h("div", { key: '3175e378293ed00a46396b63417536ba45b2fd38', class: "dda-container line-seperater" }, h("div", { key: 'dd223816f8e9fed8b08504d341965da539a018d3', class: "dda-flex dda-align-center flex-column dda-gap-5" }, h("h4", { key: '988ba3d886b2d9adb3d32e20641477f60e3e2718', class: "dda-fs-display-sm dda-fw-700 dda-color-black" }, this.footerTitle), h("p", { key: '1d481119d79c048a890ce734d612b6b5117690f7', class: "dda-fs-title-sm dda-fw-400 mb-3" }, this.description), h("div", { key: 'bb33954bef65b0a95b9ea219816e0840a50fe436', class: "dda-flex dda-gap-5" }, h("dda-button", { key: '0d18cec60608e3ac45d1ee35c3c7e5861f87f420', button_color: "default-primary", size: "lg" }, this.signUpButtonText), h("dda-button", { key: 'f26349565d6a1841e7390ab7974531ed34d37e05', button_color: "default-tertiary", size: "lg" }, this.loginButtonText)))), h("div", { key: '7f3b3841bbc806719a1bf40ffa3bf52c18fadd79', class: "dda-container line-seperater" }, h("div", { key: 'ea53dbae1213e1bfeb201bb5cf744d7e69593c3a', class: "dda-row" }, h("div", { key: 'fe55f2b539b6a20435be3c0c97b12b9d42ecbbb7', class: "dda-col-lg-4 mb-3" }, h("div", { key: 'c59e97dc51742010cebf4f3062db2566cf3a24f7', class: "text-center" }, h("img", { key: 'a503625e10afb33f9ffba49d5cb8a612b3f8a1b9', class: "entt-logo", src: this.logoSrc, alt: this.logoAlt }), h("p", { key: 'b38929cb149dbec834486897d11d11c54f2d6790', class: "dda-fs-title-sm" }, "Design outstanding interfaces with advanced Figma features in a matter of minutes."))), h("div", { key: 'dc27eedb3f8caf9bcacba781a8b40c2383df5f3c', class: "dda-col-lg-8" }, h("div", { key: '4f0e8510269bd376c1307ea9c672300a861118df', class: "dda-row" }, sections.map((section) => (h("div", { class: "dda-col-6 dda-col-sm-6 dda-col-md-3 mb-3" }, h("p", { class: "dda-fs-title-sm dda-fw-700 dda-color-black mb-3" }, section.title), h("ul", { class: "footer-menu" }, section.links.map((link) => (h("li", null, h("a", { class: "dda-fs-title-sm dda-fw-400", href: link.href }, link.label)))))))))))), h("div", { key: 'e603fdc983908027b5053628a0212eec67000518', class: "dda-container pt-4" }, h("div", { key: 'a6983d850367826d7caf3a85726a82858501af12', class: "dda-flex dda-align-center dda-justify-space" }, h("p", { key: '766720b481915ba66c7905a7ff980cad70ff1899', class: "dda-fs-title-sm" }, this.copyrightText), h("ul", { key: 'c472762106b82b7bb059883e095f7cb975b002f8', class: "dda-flex dda-align-center dda-gap-4" }, icons.map((icon) => (h("li", null, h("a", { href: icon.href }, h("img", { class: "footer-social-icn", src: icon.src, alt: icon.alt }))))))))));
     }
     static get is() { return "dda-footer"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["dda-footer.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["dda-footer.css"]
+        };
+    }
     static get properties() {
         return {
             "footerTitle": {
@@ -33,8 +44,8 @@ export class DdaFooter {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "footer-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "footer-title"
             },
             "description": {
                 "type": "string",
@@ -52,8 +63,8 @@ export class DdaFooter {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "description",
-                "reflect": false
+                "reflect": false,
+                "attribute": "description"
             },
             "signUpButtonText": {
                 "type": "string",
@@ -71,8 +82,8 @@ export class DdaFooter {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "sign-up-button-text",
-                "reflect": false
+                "reflect": false,
+                "attribute": "sign-up-button-text"
             },
             "loginButtonText": {
                 "type": "string",
@@ -90,8 +101,8 @@ export class DdaFooter {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "login-button-text",
-                "reflect": false
+                "reflect": false,
+                "attribute": "login-button-text"
             },
             "logoSrc": {
                 "type": "string",
@@ -109,8 +120,8 @@ export class DdaFooter {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "logo-src",
-                "reflect": false
+                "reflect": false,
+                "attribute": "logo-src"
             },
             "logoAlt": {
                 "type": "string",
@@ -128,8 +139,8 @@ export class DdaFooter {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "logo-alt",
-                "reflect": false
+                "reflect": false,
+                "attribute": "logo-alt"
             },
             "copyrightText": {
                 "type": "string",
@@ -147,8 +158,8 @@ export class DdaFooter {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "copyright-text",
-                "reflect": false
+                "reflect": false,
+                "attribute": "copyright-text"
             },
             "footerSections": {
                 "type": "string",
@@ -166,8 +177,8 @@ export class DdaFooter {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "footer-sections",
-                "reflect": false
+                "reflect": false,
+                "attribute": "footer-sections"
             },
             "socialIcons": {
                 "type": "string",
@@ -185,10 +196,9 @@ export class DdaFooter {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "social-icons",
-                "reflect": false
+                "reflect": false,
+                "attribute": "social-icons"
             }
         };
     }
 }
-//# sourceMappingURL=dda-footer.js.map

package/dist/collection/components/dda-footer/dda-footer.stories.js

@@ -5,40 +5,40 @@ export default {
     parameters: {
         docs: {
             description: {
-                component: `
-  To use the \`dda-chip\` component, pass the following props:
-  
-  \`\`\`html
-<dda-footer
-    title="Welcome to your new digital reality."
-    description="Let us help you take you from zero to serious business and beyond. Our no-strings attached free trial lets you test our product today."
-    logo-src="https://www.digitaldubai.ae/ResourcePackages/Theme/assets/dist/images/logo.svg"
-    logo-alt="Dubai-Digital-Authority"
-    sign-up-button-text="Sign Up"
-    login-button-text="Login"
-    copyright-text="© 2023 Digitaldubai. All Rights Reserved."
-    footer-sections='[{"title":"About Us","links":[{"label":"Our Competition","href":"#"},{"label":"Channels","href":"#"},{"label":"Scale","href":"#"},{"label":"Watch the Demo","href":"#"}]},{"title":"Products","links":[{"label":"Features","href":"#"},{"label":"Products","href":"#"},{"label":"Enterprise","href":"#"},{"label":"Solutions","href":"#"}]},{"title":"Resources","links":[{"label":"Partners","href":"#"},{"label":"Developers","href":"#"},{"label":"Community","href":"#"},{"label":"Apps","href":"#"}]},{"title":"Company","links":[{"label":"About Us","href":"#"},{"label":"Leadership","href":"#"},{"label":"News","href":"#"}]}]'
-    social-icons='[{"href":"#","src":"https://img.icons8.com/?size=256&amp;id=118497&amp;format=png","alt":"Facebook"},{"href":"#","src":"https://img.icons8.com/?size=256&amp;id=118497&amp;format=png","alt":"Google"},{"href":"#","src":"https://img.icons8.com/?size=256&amp;id=118497&amp;format=png","alt":"Apple"},{"href":"#","src":"https://img.icons8.com/?size=256&amp;id=118497&amp;format=png","alt":"Instagram"}]'
-    class="hydrated"
-></dda-footer>
-    \`\`\`
+                component: `
+  To use the \`dda-chip\` component, pass the following props:
+  
+  \`\`\`html
+<dda-footer
+    title="Welcome to your new digital reality."
+    description="Let us help you take you from zero to serious business and beyond. Our no-strings attached free trial lets you test our product today."
+    logo-src="https://www.digitaldubai.ae/ResourcePackages/Theme/assets/dist/images/logo.svg"
+    logo-alt="Dubai-Digital-Authority"
+    sign-up-button-text="Sign Up"
+    login-button-text="Login"
+    copyright-text="© 2023 Digitaldubai. All Rights Reserved."
+    footer-sections='[{"title":"About Us","links":[{"label":"Our Competition","href":"#"},{"label":"Channels","href":"#"},{"label":"Scale","href":"#"},{"label":"Watch the Demo","href":"#"}]},{"title":"Products","links":[{"label":"Features","href":"#"},{"label":"Products","href":"#"},{"label":"Enterprise","href":"#"},{"label":"Solutions","href":"#"}]},{"title":"Resources","links":[{"label":"Partners","href":"#"},{"label":"Developers","href":"#"},{"label":"Community","href":"#"},{"label":"Apps","href":"#"}]},{"title":"Company","links":[{"label":"About Us","href":"#"},{"label":"Leadership","href":"#"},{"label":"News","href":"#"}]}]'
+    social-icons='[{"href":"#","src":"https://img.icons8.com/?size=256&amp;id=118497&amp;format=png","alt":"Facebook"},{"href":"#","src":"https://img.icons8.com/?size=256&amp;id=118497&amp;format=png","alt":"Google"},{"href":"#","src":"https://img.icons8.com/?size=256&amp;id=118497&amp;format=png","alt":"Apple"},{"href":"#","src":"https://img.icons8.com/?size=256&amp;id=118497&amp;format=png","alt":"Instagram"}]'
+    class="hydrated"
+></dda-footer>
+    \`\`\`
   `,
             },
         },
     },
 };
-const Template = (args) => `
-    <dda-footer 
-      title="${args.introTitle}"
-      description="${args.introText}"
-      logo-src="${args.logoUrl}"
-      logo-alt="${args.logoAlt}"
-      sign-up-button-text="${args.signUpLabel}"
-      login-button-text="${args.loginLabel}"
-      copyright-text="${args.copyrightText}"
-      footer-sections='${JSON.stringify(args.footerSections)}'
-      social-icons='${JSON.stringify(args.socialIcons)}'
-    ></dda-footer>
+const Template = (args) => `
+    <dda-footer 
+      title="${args.introTitle}"
+      description="${args.introText}"
+      logo-src="${args.logoUrl}"
+      logo-alt="${args.logoAlt}"
+      sign-up-button-text="${args.signUpLabel}"
+      login-button-text="${args.loginLabel}"
+      copyright-text="${args.copyrightText}"
+      footer-sections='${JSON.stringify(args.footerSections)}'
+      social-icons='${JSON.stringify(args.socialIcons)}'
+    ></dda-footer>
   `;
 export const Default = Template.bind({});
 Default.args = {
@@ -93,4 +93,3 @@ Default.args = {
         { href: "#", src: "https://img.icons8.com/?size=256&id=118497&format=png", alt: "Instagram" },
     ],
 };
-//# sourceMappingURL=dda-footer.stories.js.map