@gov-design-system-ce/components 4.6.3 → 4.6.4

package/dist/core/p-def34832.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as a,g as o}from"./p-ClISz4NF.js";import{g as s}from"./p-CoD1xawt.js";import{p as i}from"./p-CQvUntGY.js";import{S as r}from"./p-BcQO4NH2.js";import{v as c}from"./p-NOJjz9dT.js";import"./p-CgDnDrq5.js";const n=i(r,["_S","_M","_L","_XL"]);var d;(function(t){t["SIMPLE"]="simple";t["WAVES"]="waves";t["STRIPES"]="stripes";t["LINES"]="lines"})(d||(d={}));var b;(function(t){t["IMAGE"]="image";t["LOGO"]="logo";t["ICON"]="icon"})(b||(b={}));var l;(function(t){t["LIGHT"]="light";t["DARK"]="dark"})(l||(l={}));const h={root:"gov-banner",content:"gov-banner__content"};const f=class{constructor(e){t(this,e);this.size=n._M;this.background=d.SIMPLE;this.foreground=b.LOGO;this.textColor=l.LIGHT;this.h=s(this.host)}validateSize(t){c(n,t,h.root)}validateBackground(t){c(d,t,h.root)}validateForeground(t){c(b,t,h.root)}validateTextColor(t){c(l,t,h.root)}componentWillLoad(){this.validateSize(this.size);this.validateBackground(this.background);this.validateForeground(this.foreground);this.validateTextColor(this.textColor)}render(){return e(a,Object.assign({key:"3e20f606dab5e32411afc2dbf2bc94add284bed4",class:this.h.classes(h.root),role:"region",size:this.size},this.size!=="xl"?{background:this.background,foreground:this.foreground}:{"text-color":this.textColor}),e("div",{key:"334c429dac2fcde8b9bbaa223ec5111ba2ea062f"},e("div",{key:"900e59f605db3ddb9a0999ee6d802aa73d0f4cb3",class:h.content},e("slot",{key:"b5bbcc66a5d7154e22c73c78001c1e2609c034cc",name:"headline"}),e("slot",{key:"3bc1675de3e41360eebd57fcc0880ede40053c3f"})),this.h.hasSlot("button")&&e("slot",{key:"9b85a1240ae9a28c8297085f88674006a729cc72",name:"button"})),e("slot",{key:"e2b1423f67a81d8188d68b1fbfdad1a88b3893cd",name:"image"}))}get host(){return o(this)}static get watchers(){return{size:["validateSize"],background:["validateBackground"],foreground:["validateForeground"],"text-color":["validateTextColor"]}}};export{f as gov_banner};
-//# sourceMappingURL=p-def34832.entry.js.map

package/dist/core/p-def34832.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["BannerSizes","pick","Sizes","BannerBackground","BannerForeground","BannerTextColor","BannerClass","root","content","GovBanner","constructor","hostRef","this","size","_M","background","SIMPLE","foreground","LOGO","textColor","LIGHT","h","govHost","host","validateSize","newValue","validateProp","validateBackground","validateForeground","validateTextColor","componentWillLoad","render","Host","Object","assign","key","class","classes","role","name","hasSlot"],"sources":["../../../packages/core/src/components/gov-banner/constants.ts","../../../packages/core/src/components/gov-banner/gov-banner.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\nimport {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\n\nexport const BannerSizes = pick(Sizes, ['_S', '_M', '_L', '_XL'])\nexport type BannerSizesType = `${ValueOf<typeof BannerSizes>}`\n\nexport enum BannerBackground {\n\tSIMPLE = 'simple',\n\tWAVES = 'waves',\n\tSTRIPES = 'stripes',\n\tLINES = 'lines',\n}\nexport type BannerBackgroundsType = `${ValueOf<typeof BannerBackground>}`\n\nexport enum BannerForeground {\n\tIMAGE = 'image',\n\tLOGO = 'logo',\n\tICON = 'icon',\n}\nexport type BannerForegroundsType = `${ValueOf<typeof BannerForeground>}`\n\nexport enum BannerTextColor {\n\tLIGHT = 'light',\n\tDARK = 'dark',\n}\nexport type BannerTextColorsType = `${ValueOf<typeof BannerTextColor>}`\n\nexport const BannerClass = {\n\troot: 'gov-banner',\n\tcontent: 'gov-banner__content',\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {\n    BannerBackground,\n    BannerBackgroundsType,\n    BannerClass,\n    BannerForeground,\n    BannerForegroundsType,\n    BannerSizes,\n    BannerSizesType,\n    BannerTextColor,\n    BannerTextColorsType\n} from \"./constants\";\nimport {validateProp} from \"../../helpers/Validate/props\";\n\n@Component({\n    tag: 'gov-banner',\n})\nexport class GovBanner {\n    private h: GovHost\n\n    constructor() {\n        this.h = govHost(this.host)\n    }\n\n    @Element() host: HTMLGovBannerElement\n    /**\n     * Banner’s size.\n     */\n    @Prop({reflect: true}) readonly size: BannerSizesType = BannerSizes._M\n    /**\n     * Banner’s background\n     */\n    @Prop() readonly background: BannerBackgroundsType = BannerBackground.SIMPLE\n    /**\n     * Banner’s foreground\n     */\n    @Prop() readonly foreground: BannerForegroundsType = BannerForeground.LOGO\n    /**\n     * XL Banner’s text color\n     */\n    @Prop({attribute: 'text-color'}) readonly textColor: BannerTextColorsType = BannerTextColor.LIGHT\n\n    @Watch('size')\n    validateSize(newValue: string): void {\n        validateProp(BannerSizes, newValue, BannerClass.root)\n    }\n\n    @Watch('background')\n    validateBackground(newValue: string): void {\n        validateProp(BannerBackground, newValue, BannerClass.root)\n    }\n\n    @Watch('foreground')\n    validateForeground(newValue: string): void {\n        validateProp(BannerForeground, newValue, BannerClass.root)\n    }\n\n    @Watch('text-color')\n    validateTextColor(newValue: string): void {\n        validateProp(BannerTextColor, newValue, BannerClass.root)\n    }\n\n    componentWillLoad(): void {\n        this.validateSize(this.size)\n        this.validateBackground(this.background)\n        this.validateForeground(this.foreground)\n        this.validateTextColor(this.textColor)\n    }\n\n    render() {\n        return (\n            <Host class={this.h.classes(BannerClass.root)}\n                  role=\"region\"\n                  size={this.size}\n                  {...(this.size !== \"xl\" ? {\n                      background: this.background,\n                      foreground: this.foreground\n                  } : {'text-color': this.textColor})}>\n                <div>\n                    <div class={BannerClass.content}>\n                        <slot name=\"headline\"/>\n                        <slot/>\n                    </div>\n                    {this.h.hasSlot('button') && (\n                        <slot name=\"button\"/>\n                    )}\n                </div>\n                <slot name=\"image\"/>\n            </Host>\n        )\n    }\n}\n"],"mappings":"iOAIO,MAAMA,EAAcC,EAAKC,EAAO,CAAC,KAAM,KAAM,KAAM,QAG1D,IAAYC,GAAZ,SAAYA,GACXA,EAAA,mBACAA,EAAA,iBACAA,EAAA,qBACAA,EAAA,gBACA,EALD,CAAYA,MAKX,KAGD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,eACAA,EAAA,cACA,EAJD,CAAYA,MAIX,KAGD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,cACA,EAHD,CAAYA,MAGX,KAGM,MAAMC,EAAc,CAC1BC,KAAM,aACNC,QAAS,uB,MCXGC,EAAS,MAGlB,WAAAC,CAAAC,G,UAQgCC,KAAAC,KAAwBb,EAAYc,GAInDF,KAAAG,WAAoCZ,EAAiBa,OAIrDJ,KAAAK,WAAoCb,EAAiBc,KAI5BN,KAAAO,UAAkCd,EAAgBe,MAnBxFR,KAAKS,EAAIC,EAAQV,KAAKW,KACzB,CAqBD,YAAAC,CAAaC,GACTC,EAAa1B,EAAayB,EAAUnB,EAAYC,K,CAIpD,kBAAAoB,CAAmBF,GACfC,EAAavB,EAAkBsB,EAAUnB,EAAYC,K,CAIzD,kBAAAqB,CAAmBH,GACfC,EAAatB,EAAkBqB,EAAUnB,EAAYC,K,CAIzD,iBAAAsB,CAAkBJ,GACdC,EAAarB,EAAiBoB,EAAUnB,EAAYC,K,CAGxD,iBAAAuB,GACIlB,KAAKY,aAAaZ,KAAKC,MACvBD,KAAKe,mBAAmBf,KAAKG,YAC7BH,KAAKgB,mBAAmBhB,KAAKK,YAC7BL,KAAKiB,kBAAkBjB,KAAKO,U,CAGhC,MAAAY,GACI,OACIV,EAACW,EAAIC,OAAAC,OAAA,CAAAC,IAAA,2CAACC,MAAOxB,KAAKS,EAAEgB,QAAQ/B,EAAYC,MAClC+B,KAAK,SACLzB,KAAMD,KAAKC,MACND,KAAKC,OAAS,KAAO,CACtBE,WAAYH,KAAKG,WACjBE,WAAYL,KAAKK,YACjB,CAAC,aAAcL,KAAKO,YAC1BE,EAAA,OAAAc,IAAA,4CACId,EAAA,OAAAc,IAAA,2CAAKC,MAAO9B,EAAYE,SACpBa,EAAM,QAAAc,IAAA,2CAAAI,KAAK,aACXlB,EAAA,QAAAc,IAAA,8CAEHvB,KAAKS,EAAEmB,QAAQ,WACZnB,EAAA,QAAAc,IAAA,2CAAMI,KAAK,YAGnBlB,EAAA,QAAAc,IAAA,2CAAMI,KAAK,U","ignoreList":[]}

package/dist/types/work/packages/core/.stencil/packages/core/stencil.config.d.ts

@@ -1,2 +0,0 @@
-import { Config } from "../../../../../../stencil-public-runtime";
-export declare const config: Config;