@govtechsg/sgds-web-component 3.6.3 → 3.6.4
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.
- package/components/Footer/index.umd.min.js +11 -11
- package/components/Footer/index.umd.min.js.map +1 -1
- package/components/Footer/sgds-footer.d.ts +2 -2
- package/components/Footer/sgds-footer.js +15 -11
- package/components/Footer/sgds-footer.js.map +1 -1
- package/components/index.umd.min.js +7 -7
- package/components/index.umd.min.js.map +1 -1
- package/index.umd.min.js +7 -7
- package/index.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/react/components/Footer/sgds-footer.cjs.js +14 -10
- package/react/components/Footer/sgds-footer.cjs.js.map +1 -1
- package/react/components/Footer/sgds-footer.js +15 -11
- package/react/components/Footer/sgds-footer.js.map +1 -1
|
@@ -20,9 +20,9 @@ export declare class SgdsFooter extends SgdsElement {
|
|
|
20
20
|
contactHref: string;
|
|
21
21
|
/** href link for feedback */
|
|
22
22
|
feedbackHref: string;
|
|
23
|
-
/** href link for faq */
|
|
23
|
+
/** href link for faq (optional) */
|
|
24
24
|
faqHref: string;
|
|
25
|
-
/** href link for sitemap */
|
|
25
|
+
/** href link for sitemap (optional) */
|
|
26
26
|
sitemapHref: string;
|
|
27
27
|
/** href link for privacy statement */
|
|
28
28
|
privacyHref: string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate } from 'tslib';
|
|
2
|
-
import { html } from 'lit';
|
|
2
|
+
import { html, nothing } from 'lit';
|
|
3
3
|
import { property } from 'lit/decorators.js';
|
|
4
4
|
import { classMap } from 'lit/directives/class-map.js';
|
|
5
5
|
import { SgdsLink } from '../Link/sgds-link.js';
|
|
@@ -24,10 +24,10 @@ class SgdsFooter extends SgdsElement {
|
|
|
24
24
|
this.contactHref = "#";
|
|
25
25
|
/** href link for feedback */
|
|
26
26
|
this.feedbackHref = "#";
|
|
27
|
-
/** href link for faq */
|
|
28
|
-
this.faqHref = "
|
|
29
|
-
/** href link for sitemap */
|
|
30
|
-
this.sitemapHref = "
|
|
27
|
+
/** href link for faq (optional) */
|
|
28
|
+
this.faqHref = "";
|
|
29
|
+
/** href link for sitemap (optional) */
|
|
30
|
+
this.sitemapHref = "";
|
|
31
31
|
/** href link for privacy statement */
|
|
32
32
|
this.privacyHref = "#";
|
|
33
33
|
/** href link for terms of use */
|
|
@@ -84,12 +84,16 @@ class SgdsFooter extends SgdsElement {
|
|
|
84
84
|
<li>
|
|
85
85
|
<sgds-link size="sm" tone="fixed-light"><a href=${this.feedbackHref}>Feedback</a></sgds-link>
|
|
86
86
|
</li>
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
87
|
+
${this.faqHref
|
|
88
|
+
? html `<li>
|
|
89
|
+
<sgds-link size="sm" tone="fixed-light"><a href=${this.faqHref}>FAQ</a></sgds-link>
|
|
90
|
+
</li>`
|
|
91
|
+
: nothing}
|
|
92
|
+
${this.sitemapHref
|
|
93
|
+
? html `<li>
|
|
94
|
+
<sgds-link size="sm" tone="fixed-light"><a href=${this.sitemapHref}>Sitemap</a></sgds-link>
|
|
95
|
+
</li>`
|
|
96
|
+
: nothing}
|
|
93
97
|
<li>
|
|
94
98
|
<sgds-link size="sm" tone="fixed-light">
|
|
95
99
|
<a href="https://tech.gov.sg/report_vulnerability" target="_blank" rel="noopener noreferrer">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sgds-footer.js","sources":["../../../src/components/Footer/sgds-footer.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport SgdsLink from \"../Link/sgds-link\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport { HasSlotController } from \"../../utils/slot\";\nimport footerStyle from \"./footer.css\";\n\n/**\n * @summary The footer contains supporting information for your service at the bottom of your website. All .gov.sg digital services shall contain a Global Footer Bar across all pages. The Global Footer Bar should include the name of the digital service, contact information, a privacy statement and the terms of use.\n *\n * @slot default - The slot for footer content. Use this slot if you want full control over the layout or styling. When provided, it replaces the `items` slot layout.\n * @slot title - The slot for title\n * @slot description - The slot for description\n * @slot items - the slot for the list of footer items, styled automatically with `.footer-items`. For custom layouts or styles, use the `default` slot instead.\n */\nexport class SgdsFooter extends SgdsElement {\n static styles = [...SgdsElement.styles, footerStyle];\n\n /** @internal */\n static dependencies = {\n \"sgds-link\": SgdsLink\n };\n\n /** Sets copyrightLiner of SgdsFooter */\n @property({ type: String })\n copyrightLiner = \"Government of Singapore\";\n\n /**\thref link for contacts */\n @property({ type: String })\n contactHref = \"#\";\n\n /**\thref link for feedback */\n @property({ type: String })\n feedbackHref = \"#\";\n\n /**\thref link for faq */\n @property({ type: String })\n faqHref = \"
|
|
1
|
+
{"version":3,"file":"sgds-footer.js","sources":["../../../src/components/Footer/sgds-footer.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport SgdsLink from \"../Link/sgds-link\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport { HasSlotController } from \"../../utils/slot\";\nimport footerStyle from \"./footer.css\";\n\n/**\n * @summary The footer contains supporting information for your service at the bottom of your website. All .gov.sg digital services shall contain a Global Footer Bar across all pages. The Global Footer Bar should include the name of the digital service, contact information, a privacy statement and the terms of use.\n *\n * @slot default - The slot for footer content. Use this slot if you want full control over the layout or styling. When provided, it replaces the `items` slot layout.\n * @slot title - The slot for title\n * @slot description - The slot for description\n * @slot items - the slot for the list of footer items, styled automatically with `.footer-items`. For custom layouts or styles, use the `default` slot instead.\n */\nexport class SgdsFooter extends SgdsElement {\n static styles = [...SgdsElement.styles, footerStyle];\n\n /** @internal */\n static dependencies = {\n \"sgds-link\": SgdsLink\n };\n\n /** Sets copyrightLiner of SgdsFooter */\n @property({ type: String })\n copyrightLiner = \"Government of Singapore\";\n\n /**\thref link for contacts */\n @property({ type: String })\n contactHref = \"#\";\n\n /**\thref link for feedback */\n @property({ type: String })\n feedbackHref = \"#\";\n\n /**\thref link for faq (optional) */\n @property({ type: String })\n faqHref = \"\";\n\n /**\thref link for sitemap (optional) */\n @property({ type: String })\n sitemapHref = \"\";\n\n /**\thref link for privacy statement */\n @property({ type: String })\n privacyHref = \"#\";\n\n /**\thref link for terms of use */\n @property({ type: String })\n termsOfUseHref = \"#\";\n\n /** Used only for SSR to indicate the presence of the `default` slot. */\n @property({ type: Boolean }) hasDefaultSlot = false;\n\n /** Used only for SSR to indicate the presence of the `title` slot. */\n @property({ type: Boolean }) hasTitleSlot = false;\n\n /** Used only for SSR to indicate the presence of the `description` slot. */\n @property({ type: Boolean }) hasDescriptionSlot = false;\n\n /** Used only for SSR to indicate the presence of the `items` slot. */\n @property({ type: Boolean }) hasItemsSlot = false;\n\n private readonly hasSlotController = new HasSlotController(this, \"[default]\", \"title\", \"description\", \"items\");\n\n updated() {\n if (!this.hasDefaultSlot) this.hasDefaultSlot = this.hasSlotController.test(\"[default]\");\n if (!this.hasTitleSlot) this.hasTitleSlot = this.hasSlotController.test(\"title\");\n if (!this.hasDescriptionSlot) this.hasDescriptionSlot = this.hasSlotController.test(\"description\");\n if (!this.hasItemsSlot) this.hasItemsSlot = this.hasSlotController.test(\"items\");\n }\n\n render() {\n return html`\n <footer class=\"footer\">\n <section\n class=\"${classMap({\n \"footer-top\": this.hasDefaultSlot || this.hasTitleSlot || this.hasDescriptionSlot || this.hasItemsSlot,\n \"has-content\": this.hasDefaultSlot || this.hasItemsSlot\n })}\"\n >\n <div class=\"footer-header\">\n <slot name=\"title\"></slot>\n <slot name=\"description\"></slot>\n </div>\n <div>\n ${this.hasDefaultSlot\n ? html`<slot></slot>`\n : html`\n <div class=\"footer-items\">\n <slot name=\"items\"></slot>\n </div>\n `}\n </div>\n </section>\n <section class=\"footer-bottom\">\n <div class=\"footer-mandatory-links\">\n <ul>\n <li>\n <sgds-link size=\"sm\" tone=\"fixed-light\"><a href=${this.contactHref}>Contact</a></sgds-link>\n </li>\n <li>\n <sgds-link size=\"sm\" tone=\"fixed-light\"><a href=${this.feedbackHref}>Feedback</a></sgds-link>\n </li>\n ${this.faqHref\n ? html`<li>\n <sgds-link size=\"sm\" tone=\"fixed-light\"><a href=${this.faqHref}>FAQ</a></sgds-link>\n </li>`\n : nothing}\n ${this.sitemapHref\n ? html`<li>\n <sgds-link size=\"sm\" tone=\"fixed-light\"><a href=${this.sitemapHref}>Sitemap</a></sgds-link>\n </li>`\n : nothing}\n <li>\n <sgds-link size=\"sm\" tone=\"fixed-light\">\n <a href=\"https://tech.gov.sg/report_vulnerability\" target=\"_blank\" rel=\"noopener noreferrer\">\n Report Vulnerability\n </a>\n </sgds-link>\n </li>\n <li>\n <sgds-link size=\"sm\" tone=\"fixed-light\"><a href=${this.privacyHref}>Privacy Statement</a></sgds-link>\n </li>\n <li>\n <sgds-link size=\"sm\" tone=\"fixed-light\"><a href=${this.termsOfUseHref}>Terms of use</a></sgds-link>\n </li>\n </ul>\n <div class=\"footer-copyrights\">© ${new Date().getFullYear()}, ${this.copyrightLiner}</div>\n </div>\n </section>\n </footer>\n `;\n }\n}\n\nexport default SgdsFooter;\n"],"names":["footerStyle"],"mappings":"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"}
|
|
@@ -2719,7 +2719,7 @@ const Ya=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
|
|
|
2719
2719
|
${t}
|
|
2720
2720
|
</ul>
|
|
2721
2721
|
</div>
|
|
2722
|
-
`}}pl.styles=[...Ea.styles,ul],pl.dependencies={"sgds-button":ma,"sgds-close-button":Ht,"sgds-icon":Ot},t([Je({type:Boolean,reflect:!0})],pl.prototype,"multiple",void 0),t([Je({type:String,reflect:!0})],pl.prototype,"accept",void 0),t([Je({type:Boolean,reflect:!0})],pl.prototype,"hasFeedback",void 0),t([Je({type:String,reflect:!0})],pl.prototype,"invalidFeedback",void 0),t([Je({type:Boolean,reflect:!0})],pl.prototype,"required",void 0),t([et()],pl.prototype,"selectedFiles",void 0),t([At("disabled",{waitUntilFirstUpdate:!0})],pl.prototype,"_handleDisabledChange",null);var gl=Me`.footer{background-color:var(--sgds-bg-fixed-dark);container:footer/inline-size;height:auto;padding:var(--sgds-padding-none) var(--sgds-padding-lg)}.footer-top{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-default);display:flex;flex-direction:column;padding:var(--sgds-padding-2-xl) var(--sgds-padding-none)}.footer-top.has-content{gap:var(--sgds-gap-2-xl)}.footer-header{display:flex;flex-direction:column;gap:var(--sgds-gap-sm)}slot[name=title]::slotted(*){color:var(--sgds-color-fixed-light)!important;font-size:var(--sgds-font-size-4)!important;font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-tight);line-height:var(--sgds-line-height-32)!important;margin-bottom:var(--sgds-margin-none)!important;margin-top:var(--sgds-margin-none)}slot:not([name])::slotted(*),slot[name=description]::slotted(*){color:var(--sgds-color-fixed-light);margin-bottom:var(--sgds-margin-none)!important;margin-top:var(--sgds-margin-none)}.footer-items{display:grid;gap:var(--sgds-gap-md) var(--sgds-gap-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.footer ul{margin:0;padding:0}.footer ul li{list-style-type:none}.footer-bottom{display:flex;flex-direction:column;gap:var(--sgds-gap-md);padding:var(--sgds-padding-2-xl) var(--sgds-padding-none)}.footer-mandatory-links{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--sgds-gap-xl);justify-content:space-between}.footer-mandatory-links ul{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--sgds-gap-sm)}.footer-mandatory-links ul li a,.footer-mandatory-links ul li a:focus,.footer-mandatory-links ul li a:hover{color:var(--sgds-color-fixed-light)}.footer-mandatory-links ul li a:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.footer-copyrights{color:var(--sgds-color-fixed-light);font-size:var(--sgds-font-size-1)}@container footer (min-width: 512px){.footer{padding:var(--sgds-padding-none) var(--sgds-padding-xl)}.footer-bottom,.footer-top{padding:var(--sgds-padding-2-xl) var(--sgds-padding-none)}}@container footer (min-width: 768px){.footer{padding:var(--sgds-padding-none) var(--sgds-padding-2-xl)}.footer-mandatory-links ul{flex-direction:row;gap:var(--sgds-gap-sm) var(--sgds-gap-xl)}}@container footer (min-width: 1024px){.footer{padding:var(--sgds-padding-none)}.footer-top{margin:auto;max-width:var(--sgds-dimension-888);padding:var(--sgds-padding-3-xl) var(--sgds-padding-none);width:100%}.footer-top.has-content{gap:var(--sgds-gap-3-xl)}slot[name=title]::slotted(*){font-size:var(--sgds-font-size-5)!important;line-height:var(--sgds-line-height-36)!important}.footer-bottom{margin:auto;max-width:var(--sgds-dimension-888);padding:var(--sgds-padding-2-xl) var(--sgds-padding-none);width:100%}.footer-mandatory-links ul{gap:var(--sgds-gap-xl)}}@container footer (min-width: 1280px){.footer-bottom,.footer-top{max-width:var(--sgds-dimension-1168)}.footer-mandatory-links{flex-direction:row}}@container footer (min-width: 1440px){.footer-bottom,.footer-top{max-width:var(--sgds-dimension-1312)}}`;class vl extends lt{constructor(){super(...arguments),this.copyrightLiner="Government of Singapore",this.contactHref="#",this.feedbackHref="#",this.faqHref="
|
|
2722
|
+
`}}pl.styles=[...Ea.styles,ul],pl.dependencies={"sgds-button":ma,"sgds-close-button":Ht,"sgds-icon":Ot},t([Je({type:Boolean,reflect:!0})],pl.prototype,"multiple",void 0),t([Je({type:String,reflect:!0})],pl.prototype,"accept",void 0),t([Je({type:Boolean,reflect:!0})],pl.prototype,"hasFeedback",void 0),t([Je({type:String,reflect:!0})],pl.prototype,"invalidFeedback",void 0),t([Je({type:Boolean,reflect:!0})],pl.prototype,"required",void 0),t([et()],pl.prototype,"selectedFiles",void 0),t([At("disabled",{waitUntilFirstUpdate:!0})],pl.prototype,"_handleDisabledChange",null);var gl=Me`.footer{background-color:var(--sgds-bg-fixed-dark);container:footer/inline-size;height:auto;padding:var(--sgds-padding-none) var(--sgds-padding-lg)}.footer-top{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-default);display:flex;flex-direction:column;padding:var(--sgds-padding-2-xl) var(--sgds-padding-none)}.footer-top.has-content{gap:var(--sgds-gap-2-xl)}.footer-header{display:flex;flex-direction:column;gap:var(--sgds-gap-sm)}slot[name=title]::slotted(*){color:var(--sgds-color-fixed-light)!important;font-size:var(--sgds-font-size-4)!important;font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-tight);line-height:var(--sgds-line-height-32)!important;margin-bottom:var(--sgds-margin-none)!important;margin-top:var(--sgds-margin-none)}slot:not([name])::slotted(*),slot[name=description]::slotted(*){color:var(--sgds-color-fixed-light);margin-bottom:var(--sgds-margin-none)!important;margin-top:var(--sgds-margin-none)}.footer-items{display:grid;gap:var(--sgds-gap-md) var(--sgds-gap-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.footer ul{margin:0;padding:0}.footer ul li{list-style-type:none}.footer-bottom{display:flex;flex-direction:column;gap:var(--sgds-gap-md);padding:var(--sgds-padding-2-xl) var(--sgds-padding-none)}.footer-mandatory-links{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--sgds-gap-xl);justify-content:space-between}.footer-mandatory-links ul{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--sgds-gap-sm)}.footer-mandatory-links ul li a,.footer-mandatory-links ul li a:focus,.footer-mandatory-links ul li a:hover{color:var(--sgds-color-fixed-light)}.footer-mandatory-links ul li a:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.footer-copyrights{color:var(--sgds-color-fixed-light);font-size:var(--sgds-font-size-1)}@container footer (min-width: 512px){.footer{padding:var(--sgds-padding-none) var(--sgds-padding-xl)}.footer-bottom,.footer-top{padding:var(--sgds-padding-2-xl) var(--sgds-padding-none)}}@container footer (min-width: 768px){.footer{padding:var(--sgds-padding-none) var(--sgds-padding-2-xl)}.footer-mandatory-links ul{flex-direction:row;gap:var(--sgds-gap-sm) var(--sgds-gap-xl)}}@container footer (min-width: 1024px){.footer{padding:var(--sgds-padding-none)}.footer-top{margin:auto;max-width:var(--sgds-dimension-888);padding:var(--sgds-padding-3-xl) var(--sgds-padding-none);width:100%}.footer-top.has-content{gap:var(--sgds-gap-3-xl)}slot[name=title]::slotted(*){font-size:var(--sgds-font-size-5)!important;line-height:var(--sgds-line-height-36)!important}.footer-bottom{margin:auto;max-width:var(--sgds-dimension-888);padding:var(--sgds-padding-2-xl) var(--sgds-padding-none);width:100%}.footer-mandatory-links ul{gap:var(--sgds-gap-xl)}}@container footer (min-width: 1280px){.footer-bottom,.footer-top{max-width:var(--sgds-dimension-1168)}.footer-mandatory-links{flex-direction:row}}@container footer (min-width: 1440px){.footer-bottom,.footer-top{max-width:var(--sgds-dimension-1312)}}`;class vl extends lt{constructor(){super(...arguments),this.copyrightLiner="Government of Singapore",this.contactHref="#",this.feedbackHref="#",this.faqHref="",this.sitemapHref="",this.privacyHref="#",this.termsOfUseHref="#",this.hasDefaultSlot=!1,this.hasTitleSlot=!1,this.hasDescriptionSlot=!1,this.hasItemsSlot=!1,this.hasSlotController=new Wi(this,"[default]","title","description","items")}updated(){this.hasDefaultSlot||(this.hasDefaultSlot=this.hasSlotController.test("[default]")),this.hasTitleSlot||(this.hasTitleSlot=this.hasSlotController.test("title")),this.hasDescriptionSlot||(this.hasDescriptionSlot=this.hasSlotController.test("description")),this.hasItemsSlot||(this.hasItemsSlot=this.hasSlotController.test("items"))}render(){return ee`
|
|
2723
2723
|
<footer class="footer">
|
|
2724
2724
|
<section
|
|
2725
2725
|
class="${bt({"footer-top":this.hasDefaultSlot||this.hasTitleSlot||this.hasDescriptionSlot||this.hasItemsSlot,"has-content":this.hasDefaultSlot||this.hasItemsSlot})}"
|
|
@@ -2745,12 +2745,12 @@ const Ya=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
|
|
|
2745
2745
|
<li>
|
|
2746
2746
|
<sgds-link size="sm" tone="fixed-light"><a href=${this.feedbackHref}>Feedback</a></sgds-link>
|
|
2747
2747
|
</li>
|
|
2748
|
-
|
|
2749
|
-
|
|
2750
|
-
|
|
2751
|
-
|
|
2752
|
-
|
|
2753
|
-
|
|
2748
|
+
${this.faqHref?ee`<li>
|
|
2749
|
+
<sgds-link size="sm" tone="fixed-light"><a href=${this.faqHref}>FAQ</a></sgds-link>
|
|
2750
|
+
</li>`:ie}
|
|
2751
|
+
${this.sitemapHref?ee`<li>
|
|
2752
|
+
<sgds-link size="sm" tone="fixed-light"><a href=${this.sitemapHref}>Sitemap</a></sgds-link>
|
|
2753
|
+
</li>`:ie}
|
|
2754
2754
|
<li>
|
|
2755
2755
|
<sgds-link size="sm" tone="fixed-light">
|
|
2756
2756
|
<a href="https://tech.gov.sg/report_vulnerability" target="_blank" rel="noopener noreferrer">
|