@gov-design-system-ce/components 0.0.25 → 0.0.27

package/dist/core/p-042d5b20.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-toast/constants.ts","../../../packages/core/src/components/gov-toast/gov-toast.scss?tag=gov-toast","../../../packages/core/src/components/gov-toast/gov-toast.tsx"],"names":["ToastVariants","pick","Variants","Types","ToastClass","root","hidden","icon","content","close","timer","govToastCss","GovToast","[object Object]","hostRef","this","h","govHost","host","toastId","createID","newValue","validateProp","validateVariant","variant","runTimer","existedToasts","document","querySelectorAll","gravity","position","length","Array","from","map","toast","destroy","then","clearTimeout","timeout","isSolid","classList","add","isTimer","setTimeout","bind","time","Host","class","classes","data-toast-id","type","style","--toast-duration","hasSlot","name","aria-live","role","size","wcag-label","wcagCloseLabel","inverse","on-gov-click","onCloseHandler","closeLabel","govClose","emit","catch","Number","isInteger","querySelector","remove"],"mappings":"mRAIO,MAAMA,EAAgBC,EAAKC,EAAU,CAAC,UAAW,UAAW,QAAS,YAAa,YAG/DD,EAAKE,EAAO,CAAC,UAAW,UAG3C,MAAMC,EAAa,CACzBC,KAAM,YACNC,OAAQ,oBACRC,KAAM,kBACNC,QAAS,qBACTC,MAAO,mBACPC,MAAO,oBChBR,MAAMC,EAAc,6sKCYPC,EAAQ,MAKpBC,YAAAC,8DAS8C,uBAKD,oBAIY,kBAIhB,oBAIT,0DAzB/BC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,QAAUC,EAAS,YAuCzBP,gBAAgBQ,GACfC,EAAatB,EAAeqB,EAAUjB,EAAWC,MAGlDQ,oBACCE,KAAKQ,gBAAgBR,KAAKS,SAC1BT,KAAKU,WAGNZ,mBACC,MAAMa,EAAgBC,SAASC,iBAAiB,sBAAsBb,KAAKc,uBAAuBd,KAAKe,kCAAkCf,KAAKI,cAC9I,GAAIO,EAAcK,OAAS,EAAG,CAC7BC,MAAMC,KAAKP,GAAeQ,KAAKC,GAA+BA,EAAMC,UAAUC,UAIhFxB,uBACCyB,aAAavB,KAAKwB,SAGX1B,WACP,GAAIE,KAAKyB,QAAS,CACjBzB,KAAKG,KAAKuB,UAAUC,IAAI,kBAEzB,GAAI3B,KAAK4B,QAAS,CACjB5B,KAAKwB,QAAUK,YAAW,KACzB7B,KAAKG,KAAKuB,UAAUC,IAAItC,EAAWE,QACnCsC,WAAW7B,KAAKqB,QAAQS,KAAK9B,MAAO,OAClCA,KAAK+B,OAIVjC,SACC,OACCG,EAAC+B,EAAI,CACJC,MAAOjC,KAAKC,EAAEiC,QAAQ,CAAC7C,EAAWC,KAAM,sBAAqB6C,gBAC9CnC,KAAKI,QACpBU,QAASd,KAAKc,QACdC,SAAUf,KAAKe,SACfN,QAAST,KAAKS,QACd2B,KAAMpC,KAAKoC,KACXC,MAAO,CAAEC,mBAAoBtC,KAAK+B,KAAO,OAExC/B,KAAKC,EAAEsC,QAAQ,SACftC,EAAA,OAAA,CAAMgC,MAAO5C,EAAWG,MACvBS,EAAA,OAAA,CAAMuC,KAAK,UAIbvC,EAAA,MAAA,CAAKgC,MAAO5C,EAAWI,QAAOgD,YAAY,SAASC,KAAK,UACvDzC,EAAA,OAAA,OAGDA,EAAA,MAAA,CAAKgC,MAAO5C,EAAWK,OACtBO,EAAA,aAAA,CACC0C,KAAK,IAAGC,aACI5C,KAAK6C,eACjBpC,QAAST,KAAKyB,QAAUzB,KAAKS,QAAU,YACvCqC,QAAS9C,KAAKyB,QACdW,KAAK,OAAMW,eACG/C,KAAKgD,eAAelB,KAAK9B,OAEtCA,KAAKiD,WAAajD,KAAKiD,WAAahD,EAAA,WAAA,CAAUuC,KAAK,WAItDvC,EAAA,MAAA,CAAKgC,MAAO5C,EAAWM,SAKlBG,iBACPE,KAAKqB,UACHC,MAAK,IAAMtB,KAAKkD,SAASC,KAAKnD,KAAKI,WACnCgD,QAGH3B,cACC,OAAOzB,KAAKoC,OAAS,QAGtBR,cACC,OAAOyB,OAAOC,UAAUtD,KAAK+B,OAAS/B,KAAK+B,KAAO,EAOnDjC,gBACCyB,aAAavB,KAAKwB,SAClB,MAAMJ,EAAQR,SAAS2C,cAAc,mBAAmBvD,KAAKI,aAC7D,GAAIgB,EAAO,CACVA,EAAMM,UAAUC,IAAItC,EAAWE,QAC/B,UAAW6B,EAAMoC,SAAW,WAAY,CACvCpC,EAAMoC","sourcesContent":["import { Variants, Types } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const ToastVariants = pick(Variants, ['SUCCESS', 'WARNING', 'ERROR', 'SECONDARY', 'PRIMARY'])\nexport type ToastVariantType = `${ValueOf<typeof ToastVariants>}`\n\nexport const ToastTypes = pick(Types, ['CLASSIC', 'SOLID'])\nexport type ToastTypesType = `${ValueOf<typeof ToastTypes>}`\n\nexport const ToastClass = {\n\troot: 'gov-toast',\n\thidden: 'gov-toast--hidden',\n\ticon: 'gov-toast__icon',\n\tcontent: 'gov-toast__content',\n\tclose: 'gov-toast__close',\n\ttimer: 'gov-toast__timer',\n}\n","/*\n *   Alert\n */\n\n@import \"./gov-toast-message-core.scss\";\n$class: \".gov-toast\";\n\n#{$class} {\n\t@include toast-message-core;\n\t@include z-index(\"toast\", 1);\n\tposition: relative;\n\tposition: fixed;\n\tmax-width: rem-calc(375);\n\tpadding-right: rem-calc(50);\n\topacity: 1;\n\ttransition: opacity 300ms ease-in-out;\n\t&__content {\n\t\tpadding-right: 0;\n\t}\n\t&__close {\n\t\tposition: absolute;\n\t\ttop: rem-calc(8);\n\t\tright: rem-calc(12);\n\t}\n\t&__timer {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tz-index: -1;\n\t}\n\n\t// VARIANTS\n\t&--hidden {\n\t\topacity: 0;\n\t}\n\t&[gravity=\"top\" i] {\n\t\ttop: rem-calc(16);\n\t}\n\t&[gravity=\"bottom\" i] {\n\t\tbottom: rem-calc(16);\n\t}\n\t&[position=\"left\" i] {\n\t\tleft: rem-calc(16);\n\t}\n\t&[position=\"center\" i] {\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%);\n\t}\n\t&[position=\"right\" i] {\n\t\tright: rem-calc(16);\n\t}\n\t&[type=\"solid\" i] {\n\t\tborder: none;\n\t\tborder-radius: rem-calc(4);\n\t\toverflow: hidden;\n\t\tbox-shadow: none;\n\t\t&.is-initialized #{$class}__timer {\n\t\t\ttransform-origin: left;\n\t\t\tanimation: countdown linear forwards var(--toast-duration, 0);\n\t\t}\n\t}\n\n\t@each $variant, $definitions in $toast-message-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\tborder-left-color: get(\"decor-color\", $definitions);\n\t\t\t#{$class} {\n\t\t\t\t&__icon {\n\t\t\t\t\tcolor: get(\"decor-color\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&[type=\"solid\" i] {\n\t\t\t\tbackground-color: get(\"background\", $definitions);\n\t\t\t\tcolor: get(\"color\", $definitions);\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__icon {\n\t\t\t\t\t\tcolor: get(\"color\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t\t&__timer {\n\t\t\t\t\t\tbackground-color: get(\"timer-background\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t&__content {\n\t\t\tpadding-right: rem-calc(32);\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, Watch, Method } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { ToastClass, ToastTypesType, ToastVariants } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { ToastVariantType } from './constants'\nimport { createID } from '../../utils/string.utils'\n\n@Component({\n\ttag: 'gov-toast',\n\tstyleUrl: 'gov-toast.scss',\n})\nexport class GovToast {\n\tprivate h: GovHost\n\tprivate timeout\n\tprivate readonly toastId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.toastId = createID('GovToast')\n\t}\n\n\t@Element() host: HTMLGovToastElement\n\t/**\n\t * Style variation of the toast message.\n\t */\n\t@Prop() readonly variant?: ToastVariantType = 'primary'\n\n\t/**\n\t * Toast’s gravity\n\t */\n\t@Prop() readonly gravity: 'top' | 'bottom' = 'top'\n\t/**\n\t * Toast’s position\n\t */\n\t@Prop() readonly position: 'left' | 'center' | 'right' = 'right'\n\t/**\n\t * Toast type\n\t */\n\t@Prop() readonly type?: ToastTypesType = 'classic'\n\t/**\n\t * Number of milliseconds to wait before Toast disappear\n\t */\n\t@Prop() readonly time: number = 0\n\t/**\n\t * Closing button texting instead of icons\n\t */\n\t@Prop({ attribute: 'close-label' }) readonly closeLabel: string\n\t/**\n\t * Aria label for the closing button. It is mandatory if the alert is closable\n\t */\n\t@Prop({ attribute: 'wcag-close-label' }) readonly wcagCloseLabel: string\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({ eventName: 'gov-close' }) govClose: EventEmitter<string>\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(ToastVariants, newValue, ToastClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.runTimer()\n\t}\n\n\tcomponentDidLoad() {\n\t\tconst existedToasts = document.querySelectorAll(`gov-toast[gravity=\"${this.gravity}\"][position=\"${this.position}\"]:not([data-toast-id=\"${this.toastId}\"])`)\n\t\tif (existedToasts.length > 0) {\n\t\t\tArray.from(existedToasts).map((toast: HTMLGovToastElement) => toast.destroy().then())\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tclearTimeout(this.timeout)\n\t}\n\n\tprivate runTimer() {\n\t\tif (this.isSolid) {\n\t\t\tthis.host.classList.add('is-initialized')\n\t\t}\n\t\tif (this.isTimer) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.classList.add(ToastClass.hidden)\n\t\t\t\tsetTimeout(this.destroy.bind(this), 600)\n\t\t\t}, this.time)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes([ToastClass.root, 'gov-box-shadow--m'])}\n\t\t\t\tdata-toast-id={this.toastId}\n\t\t\t\tgravity={this.gravity}\n\t\t\t\tposition={this.position}\n\t\t\t\tvariant={this.variant}\n\t\t\t\ttype={this.type}\n\t\t\t\tstyle={{ '--toast-duration': this.time + 'ms' }}\n\t\t\t>\n\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t<span class={ToastClass.icon}>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<div class={ToastClass.content} aria-live=\"polite\" role=\"status\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t<div class={ToastClass.close}>\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\twcag-label={this.wcagCloseLabel}\n\t\t\t\t\t\tvariant={this.isSolid ? this.variant : 'secondary'}\n\t\t\t\t\t\tinverse={this.isSolid}\n\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.closeLabel ? this.closeLabel : <gov-icon name=\"x-lg\"></gov-icon>}\n\t\t\t\t\t</gov-button>\n\t\t\t\t</div>\n\n\t\t\t\t<div class={ToastClass.timer}></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(): void {\n\t\tthis.destroy()\n\t\t\t.then(() => this.govClose.emit(this.toastId))\n\t\t\t.catch()\n\t}\n\n\tget isSolid(): boolean {\n\t\treturn this.type === 'solid'\n\t}\n\n\tget isTimer(): boolean {\n\t\treturn Number.isInteger(this.time) && this.time > 0\n\t}\n\n\t/**\n\t * Remove toast from dom\n\t */\n\t@Method()\n\tasync destroy(): Promise<void> {\n\t\tclearTimeout(this.timeout)\n\t\tconst toast = document.querySelector(`[data-toast-id=\"${this.toastId}\"]`)\n\t\tif (toast) {\n\t\t\ttoast.classList.add(ToastClass.hidden)\n\t\t\tif (typeof toast.remove === 'function') {\n\t\t\t\ttoast.remove()\n\t\t\t}\n\t\t}\n\t}\n}\n"]}

package/dist/core/p-0f0564e8.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s,H as i,g as e}from"./p-4af5e4f4.js";import{c as a}from"./p-24636c53.js";import{g as o,t as r}from"./p-3f37ddb6.js";import{T as n}from"./p-80e30702.js";import"./p-ff7365ae.js";import"./p-03990da5.js";const h=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tabs-item{color:var(--gov-tabs-text-color, var(--gov-color-secondary-700))}.gov-tabs-item__inner>*:last-child{margin-bottom:0}";const p=class{constructor(s){t(this,s);this.identifier=undefined;this.triggerIdentifier=undefined;this.label=undefined;this.default=false;this.isActive=false;this.h=o(this.host);this.contentId=a("GovTabContent");this.triggeId=a("GovTabTrigger")}render(){return s(i,{class:this.h.classes(n.root),default:this.default},s("div",{class:n.inner,role:"tabpanel",id:this.identifier||this.contentId,hidden:!this.isActive,"aria-labelledby":this.triggerIdentifier||this.triggeId,"aria-hidden":r(!this.isActive)},s("slot",null)))}async getIdentifier(){return this.identifier||this.contentId}async getTriggerIdentifier(){return this.triggerIdentifier||this.triggeId}async setActiveStatus(t){this.isActive=t}get host(){return e(this)}};p.style=h;export{p as gov_tabs_item};
+//# sourceMappingURL=p-0f0564e8.entry.js.map

package/dist/core/p-0f0564e8.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-tabs/gov-tabs-item.scss?tag=gov-tabs-item","../../../packages/core/src/components/gov-tabs/gov-tabs-item.tsx"],"names":["govTabsItemCss","GovTabsItem","[object Object]","hostRef","this","h","govHost","host","contentId","createID","triggeId","Host","class","classes","TabsItemClass","root","default","inner","role","id","identifier","hidden","isActive","aria-labelledby","triggerIdentifier","aria-hidden","toBoolAttrIfDefined","status"],"mappings":"4NAAA,MAAMA,EAAiB,keCUVC,EAAW,MAKvBC,YAAAC,0GAsBoC,oBAChB,MAtBnBC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,UAAYC,EAAS,iBAC1BL,KAAKM,SAAWD,EAAS,iBAsB1BP,SACC,OACCG,EAACM,EAAI,CAACC,MAAOR,KAAKC,EAAEQ,QAAQC,EAAcC,MAAOC,QAASZ,KAAKY,SAC9DX,EAAA,MAAA,CACCO,MAAOE,EAAcG,MACrBC,KAAK,WACLC,GAAIf,KAAKgB,YAAchB,KAAKI,UAC5Ba,QAASjB,KAAKkB,SAAQC,kBACLnB,KAAKoB,mBAAqBpB,KAAKM,SAAQe,cAC3CC,GAAqBtB,KAAKkB,WAEvCjB,EAAA,OAAA,QAUJH,sBACC,OAAOE,KAAKgB,YAAchB,KAAKI,UAOhCN,6BACC,OAAOE,KAAKoB,mBAAqBpB,KAAKM,SAOvCR,sBAAsByB,GACrBvB,KAAKkB,SAAWK","sourcesContent":["/*\n *   Tabs - Item\n */\n\n$class: \".gov-tabs-item\";\n\n#{$class} {\n\tcolor: $tabs-text-color;\n\t&__inner {\n\t\t@include reset-last-margin();\n\t}\n}\n","import { Component, Element, h, Prop, Method, State, Host } from '@stencil/core'\nimport { createID } from '../../utils/string.utils'\nimport { govHost, toBoolAttrIfDefined } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { TabsItemClass } from './constants'\n\n@Component({\n\ttag: 'gov-tabs-item',\n\tstyleUrl: 'gov-tabs-item.scss',\n})\nexport class GovTabsItem {\n\tprivate h: GovHost\n\tprivate readonly contentId: string\n\tprivate readonly triggeId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.contentId = createID('GovTabContent')\n\t\tthis.triggeId = createID('GovTabTrigger')\n\t}\n\n\t@Element() host: HTMLGovTabsItemElement\n\t/**\n\t * Custom tab item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Custom tab trigger item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly triggerIdentifier: string\n\t/**\n\t * Item name of the tab\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Default selected tab\n\t */\n\t@Prop() readonly default: boolean = false\n\t@State() isActive = false\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TabsItemClass.root)} default={this.default}>\n\t\t\t\t<div\n\t\t\t\t\tclass={TabsItemClass.inner}\n\t\t\t\t\trole=\"tabpanel\"\n\t\t\t\t\tid={this.identifier || this.contentId}\n\t\t\t\t\thidden={!this.isActive}\n\t\t\t\t\taria-labelledby={this.triggerIdentifier || this.triggeId}\n\t\t\t\t\taria-hidden={toBoolAttrIfDefined(!this.isActive)}\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns a unique tab content identifier\n\t */\n\t@Method()\n\tasync getIdentifier(): Promise<string> {\n\t\treturn this.identifier || this.contentId\n\t}\n\n\t/**\n\t * Returns a unique tab trigger identifier\n\t */\n\t@Method()\n\tasync getTriggerIdentifier(): Promise<string> {\n\t\treturn this.triggerIdentifier || this.triggeId\n\t}\n\n\t/**\n\t * Set status of tab-item\n\t */\n\t@Method()\n\tasync setActiveStatus(status: boolean): Promise<void> {\n\t\tthis.isActive = status\n\t}\n}\n"]}

package/dist/core/p-1020a160.js

@@ -0,0 +1,2 @@
+import{p as t}from"./p-03990da5.js";import{V as s}from"./p-ff7365ae.js";var o;(function(t){t["LEFT"]="left"})(o||(o={}));const a=t(s,["PRIMARY","SECONDARY"]);const r={root:"gov-statsbar",section:"gov-statsbar__section"};const e={root:"gov-statsbar-item",icon:"gov-statsbar-item__icon",number:"gov-statsbar-item__number",text:"gov-statsbar-item__text"};export{e as S,r as a,o as b,a as c};
+//# sourceMappingURL=p-1020a160.js.map

package/dist/core/p-1020a160.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-statsbar/constants.tsx"],"names":["StatsBarIconPosition","StatsBarVariants","pick","Variants","StatsBarClass","root","section","StatsBarItemClass","icon","number","text"],"mappings":"4EAIYA,GAAZ,SAAYA,GACXA,EAAA,QAAA,QADD,CAAYA,IAAAA,EAAoB,WAKnBC,EAAmBC,EAAKC,EAAU,CAAC,UAAW,oBAG9CC,EAAgB,CAC5BC,KAAM,eACNC,QAAS,+BAGGC,EAAoB,CAChCF,KAAM,oBACNG,KAAM,0BACNC,OAAQ,4BACRC,KAAM","sourcesContent":["import { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils'\nimport { Variants } from '../../core/constants/variants'\n\nexport enum StatsBarIconPosition {\n\tLEFT = 'left',\n}\nexport type StatsBarIconPositionType = `${ValueOf<typeof StatsBarIconPosition>}`\n\nexport const StatsBarVariants = pick(Variants, ['PRIMARY', 'SECONDARY'])\nexport type StatsBarVariantType = `${ValueOf<typeof StatsBarVariants>}`\n\nexport const StatsBarClass = {\n\troot: 'gov-statsbar',\n\tsection: 'gov-statsbar__section',\n}\n\nexport const StatsBarItemClass = {\n\troot: 'gov-statsbar-item',\n\ticon: 'gov-statsbar-item__icon',\n\tnumber: 'gov-statsbar-item__number',\n\ttext: 'gov-statsbar-item__text',\n}\n"]}