@gov-design-system-ce/components 0.0.1

package/dist/collection/components/gov-button/gov-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-button.js","sourceRoot":"","sources":["../../../../../../src/components/gov-button/gov-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC5G,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAEN,UAAU,EACV,WAAW,EAGX,KAAK,EACL,QAAQ,EAER,WAAW,GACX,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAErG,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAChF,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,IAAK,IAGJ;AAHD,WAAK,IAAI;EACR,eAAO,CAAA;EACP,yBAAiB,CAAA;AAClB,CAAC,EAHI,IAAI,KAAJ,IAAI,QAGR;AAMD,MAAM,OAAO,SAAS;EAIrB;mBASwC,SAAS;gBAId,KAAK,CAAC,EAAE;gBAIb,OAAO;oBAIA,KAAK;mBAIN,KAAK;;oBASJ,KAAK;sBAKK,UAAU,CAAC,MAAM;;;;;;;;qBAuC1B,IAAI;;;;;;;;;;;;;qBAoFZ,KAAK;IAjKlC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GAC3B;EA6ID,eAAe,CAAC,QAAgB;IAC/B,YAAY,CAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;EACnD,CAAC;EAGD,YAAY,CAAC,QAAgB;IAC5B,YAAY,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;EAChD,CAAC;EAGD,YAAY,CAAC,QAAgB;IAC5B,YAAY,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;EAChD,CAAC;EAGD,kBAAkB,CAAC,QAAgB;IAClC,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;EACtD,CAAC;EAID,iBAAiB;IAChB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAClC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC5B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC5B,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;EACzC,CAAC;EAED,KAAK,CAAC,kBAAkB;IACvB,IAAI,uBAAuB,EAAE,EAAE;MAC9B,MAAM,KAAK,CAAC,GAAG,CAAC,CAAA;MAChB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAA;KACzB;EACF,CAAC;EAED,IAAI,UAAU;IACb,MAAM,EAAE,CAAC,EAAE,GAAG,IAAI,CAAA;IAElB,OAAO,cAAc,CAAC;MACrB,WAAW,CAAC,IAAI;MAChB,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,WAAW,CAAC,YAAY;MAClD,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,WAAW,CAAC,YAAY;KACnD,CAAC,CAAA;EACH,CAAC;EAED,MAAM;IACL,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAA;IAC5C,MAAM,UAAU,GAAG,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAA;IAE/D,OAAO,CACN,EAAC,IAAI,IAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO;MAC5H,EAAC,GAAG,IAAC,KAAK,EAAC,SAAS,EACf,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,GAAG,EAAuB,EACnD,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,EACnC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,EACjC,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,EACxC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,EACvC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,IAAI,CAAC,UAAU,EACnB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,2BACd,IAAI,CAAC,oBAAoB,sBAC9B,IAAI,CAAC,oBAAoB,sBACzB,IAAI,CAAC,eAAe,mBACvB,IAAI,CAAC,YAAY,kBAClB,IAAI,CAAC,WAAW,mBACf,mBAAmB,CAAC,IAAI,CAAC,YAAY,CAAC,gBACzC,IAAI,CAAC,SAAS,qBACT,IAAI,CAAC,cAAc,eACzB,IAAI,CAAC,QAAQ,mBACT,mBAAmB,CAAC,IAAI,CAAC,YAAY,CAAC,kBACvC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,mBACzB,mBAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC;QACpD,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC;UAChD,gBAAU,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,oBAAoB,GAAY;QACnE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,YAAM,IAAI,EAAC,WAAW,GAAQ;QAC9D,eAAQ;QACP,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,YAAM,IAAI,EAAC,YAAY,GAAQ;QAC/D,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC;UAC/C,gBAAU,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,oBAAoB,GAAY,CAC/D,CACA,CACP,CAAA;EACF,CAAC;EAGO,cAAc,CAAC,CAAe;IACrC,CAAC,CAAC,eAAe,EAAE,CAAA;IACnB,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK,EAAE;MAC5B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;KACrB;EACF,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,QAAQ;IACb,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAA;EACvB,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,YAAY;IACjB,IAAI,IAAI,CAAC,SAAS,EAAE;MACnB,eAAe,CAAC,IAAI,CAAC,oBAAoB,EAAE,uBAAuB,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;MACrF,eAAe,CAAC,IAAI,CAAC,YAAY,EAAE,eAAe,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;MACrE,eAAe,CAAC,IAAI,CAAC,WAAW,EAAE,cAAc,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;MACnE,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;MAC7D,eAAe,CAAC,IAAI,CAAC,YAAY,EAAE,eAAe,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;MACrE,iBAAiB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;KACxE;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport {\n\tSizesType,\n\tNativeType,\n\tNativeTypes,\n\tNativeTypesType,\n\tType,\n\tTypes,\n\tVariants,\n\tVariantType,\n\tButtonClass,\n} from \"./constants\"\nimport { govHost, toBoolAttr, toBoolAttrIfDefined, prepareClasses } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.d\"\nimport { toBool } from \"../../utils/bool.utils\"\nimport { Sizes } from \"../../core/constants/sizes\"\nimport { validateWcagLabel, validateWcagRef } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\nenum Tags {\n\tA = \"a\",\n\tBUTTON = \"button\"\n}\n\n@Component({\n\ttag: \"gov-button\",\n\tstyleUrl: \"gov-button.scss\",\n})\nexport class GovButton {\n\tprivate h: GovHost\n\tprivate buttonRef?: HTMLButtonElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovButtonElement\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant: VariantType = undefined\n\t/**\n\t * Button’s size.\n\t */\n\t@Prop() readonly size: SizesType = Sizes._M\n\t/**\n\t * Button's type\n\t */\n\t@Prop() readonly type: Type = \"solid\"\n\t/**\n\t * Expands the button to fill 100% of the container width.\n\t */\n\t@Prop() readonly expanded: boolean = false\n\t/**\n\t * Determide if component should have inversed colors to be used on dark background\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * The name of the button, which gets paired with the button's value when submitted as part of a form. Corresponds with the native HTML name attribute.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Makes the button component disabled.\n\t * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter\n\t * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type\n\t */\n\t@Prop() readonly nativeType: NativeTypesType = NativeType.BUTTON\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t */\n\t@Prop() readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download\n\t */\n\t@Prop() readonly download: boolean\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-hreflang\n\t */\n\t@Prop() readonly hreflang: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-referrerpolicy\n\t */\n\t@Prop() readonly referrerpolicy: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-rel\n\t */\n\t@Prop() readonly rel: string\n\t/**\n\t * Indicates whether an asynchronous process is running\n\t */\n\t@Prop() readonly loading: string\n\t/**\n\t * Same as original parametr\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable\n\t */\n\t@Prop() readonly focusable: boolean = true\n\t/**\n\t * Custom button identifier.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Indicates the id of a related component’s visually focused element.\n\t */\n\t@Prop({ attribute: \"wcag-active-descendant\" }) readonly wcagActiveDescendant: string\n\t/**\n\t * Use this property to add an aria-controls attribute to the button. Use the attribute to point to the unique id of the content that the button manages.\n\t */\n\t@Prop({ attribute: \"wcag-controls\" }) readonly wcagControls: string\n\t/**\n\t * Indicates the id of a component that describes the button.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) readonly wcagDescribedBy: string\n\t/**\n\t * Aria description the button\n\t */\n\t@Prop({ attribute: \"wcag-description\" }) readonly wcagDescription: string\n\t/**\n\t * Details of the component\n\t */\n\t@Prop({ attribute: \"wcag-details\" }) readonly wcagDetails: string\n\t/**\n\t * If a button expands or collapses adjacent content, then use the ariaExpanded prop to add the aria-expanded attribute to the button.\n\t * Set the value to convey the current expanded (true) or collapsed (false) state of the content.\n\t */\n\t@Prop({ attribute: \"wcag-expanded\" }) readonly wcagExpanded: boolean\n\t/**\n\t * Adds accessible label for the button that is only shown for screen readers.\n\t * Typically, this label text replaces the visible text on the button for users who use assistive technology.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Indicates the id of a component owned by the button.\n\t */\n\t@Prop({ attribute: \"wcag-owns\" }) readonly wcagOwns: string\n\t/**\n\t * \tUse this property to add an aria-haspopup attribute to a button, if you are using it as a menu button.\n\t */\n\t@Prop({ attribute: \"wcag-has-popup\" }) readonly wcagHasPopup: string\n\t/**\n\t * Tells screen reader the element is pressed.\n\t */\n\t@Prop({ attribute: \"wcag-pressed\" }) readonly wcagPressed: string\n\t/**\n\t * Emitted when the button click.\n\t */\n\t@Event({ eventName: \"gov-click\" }) govClick: EventEmitter<PointerEvent>\n\t/**\n\t * Emitted when the button has focus.\n\t */\n\t@Event({ eventName: \"gov-focus\" }) govFocus: EventEmitter\n\t/**\n\t * Emitted when the button loses focus.\n\t */\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(Types, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"nativeType\")\n\tvalidateNativeType(newValue: string): void {\n\t\tvalidateProp(NativeTypes, newValue, ButtonClass.root)\n\t}\n\n\t@State() isPressed: boolean = false\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateType(this.type)\n\t\tthis.validateSize(this.size)\n\t\tthis.validateNativeType(this.nativeType)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tget classNames(): string {\n\t\tconst { h } = this\n\n\t\treturn prepareClasses([\n\t\t\tButtonClass.root,\n\t\t\th.hasSlot(\"left-icon\") && ButtonClass.rootWithIcon,\n\t\t\th.hasSlot(\"right-icon\") && ButtonClass.rootWithIcon,\n\t\t])\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? Tags.A : Tags.BUTTON\n\t\tconst nativeType = Tag === Tags.A ? undefined : this.nativeType\n\n\t\treturn (\n\t\t\t<Host hoverable={true} size={this.size} variant={this.variant} class={this.classNames} type={this.type} inverse={this.inverse}>\n\t\t\t\t<Tag class=\"element\"\n\t\t\t\t     ref={el => this.buttonRef = el as HTMLButtonElement}\n\t\t\t\t     onClick={this.onClickHandler.bind(this)}\n\t\t\t\t     onFocus={() => this.govFocus.emit()}\n\t\t\t\t     onBlur={() => this.govBlur.emit()}\n\t\t\t\t     onMouseDown={() => this.isPressed = true}\n\t\t\t\t     onMouseUp={() => this.isPressed = false}\n\t\t\t\t     disabled={this.disabled}\n\t\t\t\t     id={this.identifier}\n\t\t\t\t     href={this.href}\n\t\t\t\t     target={this.target}\n\t\t\t\t     download={this.download}\n\t\t\t\t     hreflang={this.hreflang}\n\t\t\t\t     rel={this.rel}\n\t\t\t\t     name={this.name}\n\t\t\t\t     type={nativeType}\n\t\t\t\t     tabindex={this.focusable ? '0' : '-1'}\n\t\t\t\t     aria-activedescendant={this.wcagActiveDescendant}\n\t\t\t\t     aria-describedby={this.wcagActiveDescendant}\n\t\t\t\t     aria-description={this.wcagDescription}\n\t\t\t\t     aria-controls={this.wcagControls}\n\t\t\t\t     aria-details={this.wcagDetails}\n\t\t\t\t     aria-expanded={toBoolAttrIfDefined(this.wcagExpanded)}\n\t\t\t\t     aria-label={this.wcagLabel}\n\t\t\t\t     aria-labelledby={this.wcagLabelledBy}\n\t\t\t\t     aria-owns={this.wcagOwns}\n\t\t\t\t     aria-haspopup={toBoolAttrIfDefined(this.wcagHasPopup)}\n\t\t\t\t     aria-pressed={toBoolAttr(this.isPressed)}\n\t\t\t\t     aria-disabled={toBoolAttrIfDefined(this.disabled)}>\n\t\t\t\t\t{toBool(this.loading) && !this.h.hasSlot(\"right-icon\") &&\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"loader\" class=\"gov-spin-animation\"></gov-icon>}\n\t\t\t\t\t{this.h.hasSlot(\"left-icon\") && <slot name=\"left-icon\"></slot>}\n\t\t\t\t\t<slot />\n\t\t\t\t\t{this.h.hasSlot(\"right-icon\") && <slot name=\"right-icon\"></slot>}\n\t\t\t\t\t{toBool(this.loading) && this.h.hasSlot(\"right-icon\") &&\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"loader\" class=\"gov-spin-animation\"></gov-icon>}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\n\tprivate onClickHandler(e: PointerEvent): void {\n\t\te.stopPropagation()\n\t\tif (this.disabled === false) {\n\t\t\tthis.govClick.emit(e)\n\t\t}\n\t}\n\n\t/**\n\t * Focus button element\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tthis.buttonRef.focus()\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tif (this.focusable) {\n\t\t\tvalidateWcagRef(this.wcagActiveDescendant, \"aria-activedescendant\", ButtonClass.root)\n\t\t\tvalidateWcagRef(this.wcagControls, \"aria-controls\", ButtonClass.root)\n\t\t\tvalidateWcagRef(this.wcagDetails, \"aria-details\", ButtonClass.root)\n\t\t\tvalidateWcagRef(this.wcagOwns, \"aria-owns\", ButtonClass.root)\n\t\t\tvalidateWcagRef(this.wcagHasPopup, \"aria-haspopup\", ButtonClass.root)\n\t\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, ButtonClass.root)\n\t\t}\n\t}\n}\n"]}

package/dist/collection/components/gov-button/gov-button.stories.js

@@ -0,0 +1,108 @@
+import { Sizes, NativeTypes, Types } from "./constants";
+import { Sizes as GlobalSizes } from "../../core/constants/sizes";
+import { Variants as GlobalVariants } from "../../core/constants/variants";
+import readme from "./readme.md";
+import { icons, createIcon } from "../../../.storybook/icons";
+import { bindProps, removeUndefinedValues } from "../../../.storybook/helpers";
+const StoryConfiguration = {
+  title: "Design system/Button",
+  args: {
+    variant: GlobalVariants.PRIMARY,
+    type: 'solid',
+    size: GlobalSizes._M,
+    'native-type': '',
+    copy: "Klikni na mě!",
+    'wcag-label': "Klikni na mě a uvidíš zázrak!",
+    expanded: false,
+    disabled: false,
+    loading: false,
+    href: '',
+    target: '',
+    leftIcon: undefined,
+    rightIcon: undefined,
+    inverse: false
+  },
+  argTypes: {
+    size: {
+      control: "select",
+      options: removeUndefinedValues(Sizes),
+    },
+    type: {
+      control: "select",
+      options: removeUndefinedValues(Types),
+    },
+    'native-type': {
+      control: "select",
+      options: removeUndefinedValues(NativeTypes),
+    },
+    copy: "string",
+    href: "string",
+    target: {
+      control: "select",
+      options: [undefined, '_blank', '_self', '_new'],
+    },
+    'wcag-label': "string",
+    expanded: "boolean",
+    disabled: "boolean",
+    loading: "boolean",
+    leftIcon: {
+      control: "select",
+      options: [undefined, ...icons],
+    },
+    rightIcon: {
+      control: "select",
+      options: [undefined, ...icons],
+    },
+    inverse: "boolean",
+  },
+  parameters: {
+    notes: readme,
+  },
+};
+const PROPS = ["variant", "size", "type", "wcag-label", "href", "target", "disabled", 'expanded', "native-type", "loading", "inverse"];
+const Template = (args) => {
+  const el = document.createElement("gov-button");
+  el.innerHTML = args.copy;
+  if (args.leftIcon) {
+    const icon = createIcon(args.leftIcon, 'left-icon');
+    if (icon) {
+      el.appendChild(icon);
+    }
+  }
+  if (args.rightIcon) {
+    const icon = createIcon(args.rightIcon, 'right-icon');
+    if (icon) {
+      el.appendChild(icon);
+    }
+  }
+  bindProps(el, PROPS, args);
+  return el;
+};
+export const Playground = Template.bind({});
+Playground.args = {};
+export const Primary = Template.bind({});
+Primary.args = {
+  variant: 'primary'
+};
+export const Secondary = Template.bind({});
+Secondary.args = {
+  variant: 'secondary'
+};
+export const Error = Template.bind({});
+Error.args = {
+  variant: 'error'
+};
+export const Success = Template.bind({});
+Success.args = {
+  variant: 'success'
+};
+export const Warning = Template.bind({});
+Warning.args = {
+  variant: 'warning'
+};
+export const Inverse = Template.bind({});
+Inverse.args = {
+  inverse: true
+};
+export default StoryConfiguration;
+//# sourceMappingURL=gov-button.stories.js.map

package/dist/collection/components/gov-button/gov-button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-button.stories.js","sourceRoot":"","sources":["../../../../../../src/components/gov-button/gov-button.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Sizes, NativeTypes, Types } from \"./constants\"\nimport { Sizes as GlobalSizes } from \"../../core/constants/sizes\"\nimport { Variants as GlobalVariants } from \"../../core/constants/variants\"\nimport readme from \"./readme.md\"\nimport { icons, createIcon } from \"../../../.storybook/icons\"\nimport { bindProps, removeUndefinedValues } from \"../../../.storybook/helpers\"\n\nconst StoryConfiguration = {\n\ttitle: \"Design system/Button\",\n\targs: {\n\t\tvariant: GlobalVariants.PRIMARY,\n\t\ttype: 'solid',\n\t\tsize: GlobalSizes._M,\n\t\t'native-type': '',\n\t\tcopy: \"Klikni na mě!\",\n\t\t'wcag-label': \"Klikni na mě a uvidíš zázrak!\",\n\t\texpanded: false,\n\t\tdisabled: false,\n\t\tloading: false,\n\t\thref: '',\n\t\ttarget: '',\n\t\tleftIcon: undefined,\n\t\trightIcon: undefined,\n\t\tinverse: false\n\t},\n\targTypes: {\n\t\tsize: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: removeUndefinedValues(Sizes),\n\t\t},\n\t\ttype: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: removeUndefinedValues(Types),\n\t\t},\n\t\t'native-type': {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: removeUndefinedValues(NativeTypes),\n\t\t},\n\t\tcopy: \"string\",\n\t\thref: \"string\",\n\t\ttarget: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [undefined, '_blank', '_self', '_new'],\n\t\t},\n\t\t'wcag-label': \"string\",\n\t\texpanded: \"boolean\",\n\t\tdisabled: \"boolean\",\n\t\tloading: \"boolean\",\n\t\tleftIcon: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [undefined, ...icons],\n\t\t},\n\t\trightIcon: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [undefined, ...icons],\n\t\t},\n\t\tinverse: \"boolean\",\n\t},\n\tparameters: {\n\t\tnotes: readme,\n\t},\n}\n\nconst PROPS = [\"variant\", \"size\", \"type\", \"wcag-label\", \"href\", \"target\", \"disabled\", 'expanded', \"native-type\", \"loading\", \"inverse\" ]\n\nconst Template = (args) => {\n\tconst el = document.createElement(\"gov-button\")\n\n\tel.innerHTML = args.copy\n\n\tif (args.leftIcon) {\n\t\tconst icon = createIcon(args.leftIcon, 'left-icon')\n\t\tif(icon) {\n\t\t\tel.appendChild(icon)\n\t\t}\n\t}\n\tif (args.rightIcon) {\n\t\tconst icon = createIcon(args.rightIcon, 'right-icon')\n\t\tif(icon) {\n\t\t\tel.appendChild(icon)\n\t\t}\n\t}\n\n\tbindProps(el, PROPS, args)\n\treturn el\n}\n\nexport const Playground = Template.bind({})\nPlayground.args = {}\nexport const Primary = Template.bind({})\nPrimary.args = {\n\tvariant: 'primary'\n}\nexport const Secondary = Template.bind({})\nSecondary.args = {\n\tvariant: 'secondary'\n}\nexport const Error = Template.bind({})\nError.args = {\n\tvariant: 'error'\n}\nexport const Success = Template.bind({})\nSuccess.args = {\n\tvariant: 'success'\n}\nexport const Warning = Template.bind({})\nWarning.args = {\n\tvariant: 'warning'\n}\nexport const Inverse = Template.bind({})\nInverse.args = {\n\tinverse: true\n}\n\n\nexport default StoryConfiguration\n"]}

package/dist/collection/components/gov-card/constants.js

@@ -0,0 +1,13 @@
+export const CardClass = {
+  root: "gov-card",
+  header: "gov-card__header",
+  title: "gov-card__title",
+  inner: "gov-card__inner",
+  img: "gov-card__img",
+  main: "gov-card__main",
+  content: "gov-card__content",
+  icon: "gov-card__icon",
+  btns: "gov-card__btns",
+  footer: "gov-card__footer",
+};
+//# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-card/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-card/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;EACxB,IAAI,EAAE,UAAU;EAChB,MAAM,EAAE,kBAAkB;EAC1B,KAAK,EAAE,iBAAiB;EACxB,KAAK,EAAE,iBAAiB;EACxB,GAAG,EAAE,eAAe;EACpB,IAAI,EAAE,gBAAgB;EACtB,OAAO,EAAE,mBAAmB;EAC5B,IAAI,EAAE,gBAAgB;EACtB,IAAI,EAAE,gBAAgB;EACtB,MAAM,EAAE,kBAAkB;CAC1B,CAAA","sourcesContent":["export const CardClass = {\n\troot: \"gov-card\",\n\theader: \"gov-card__header\",\n\ttitle: \"gov-card__title\",\n\tinner: \"gov-card__inner\",\n\timg: \"gov-card__img\",\n\tmain: \"gov-card__main\",\n\tcontent: \"gov-card__content\",\n\ticon: \"gov-card__icon\",\n\tbtns: \"gov-card__btns\",\n\tfooter: \"gov-card__footer\",\n}\n"]}

package/dist/collection/components/gov-card/gov-card.css

@@ -0,0 +1,319 @@
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* [Core] - Buttons
+------------------------------------------------------------------ */
+/*
+ * Gets color from theme-colors or from palette-colors
+ */
+/*
+ * Converts hex value to rgb colors value
+ */
+/* stylelint-disable order/order */
+/* stylelint-enable order/order */
+/*
+ * Generates list of utility classes for margin, padding
+ *
+ * Make sure $list of definitions is sorted so that last item is defined last
+ * So largest views are mentioned last.
+ */
+/*
+ -  Variables - Sizes
+ */
+/* "Constants" for general usage */
+/*
+ -  Variables - Layout
+ */
+/**
+* Utilities - Offset
+*/
+/* stylelint-disable order/order */
+/* stylelint-enable order/order */
+/* stylelint-disable order/order */
+/* stylelint-enable order/order */
+/* stylelint-disable order/order */
+/* stylelint-enable order/order */
+/**
+* Generates CSS3 var with default value
+*/
+/*
+ -  Variables - General
+ */
+/*
+ -  Variables - Typography
+ */
+/*
+ -  Variables - Sizes
+ */
+/* "Constants" for general usage */
+/*
+ -  Variables - Variants
+ */
+/*
+ -  Variables - Layout
+ */
+/*
+ -  Variables - Accordion
+ */
+/*
+ -  Variables - Attachments
+ */
+/*
+ -  Variables - Alert
+ */
+/*
+ -  Variables - Backdrop
+ */
+/*
+ -  Variables - Buttons (&& Badges)
+ */
+/*
+ -  Variables - Classes
+ */
+/*
+ -  Variables - Colors
+ */
+/*
+ -  Variables - Cookiebar
+ */
+/*
+ -  Variables - Card
+ */
+/*
+ -  Variables - Container
+ */
+/*
+ -  Variables - Message
+ */
+/*
+ -  Variables - Empty
+ */
+/*
+ -  Variables - Error code
+ */
+/*
+ -  Variables - Grid
+ */
+/*
+ -  Variables - Modal & Prompt
+ */
+/**
+* Utilities - Offset
+*/
+/*
+ -  Variables - shadows
+ */
+/* "Constants" for general usage */
+/*
+ -  Variables - Statsbar
+ */
+/*
+ -  Variables - Tabs
+ */
+/*
+ -  Variables - Tooltip
+ */
+/*
+ -	Variables - Forms
+ */
+/*
+ -  Variables - Form Autocomplete
+ */
+/*
+ -  Variables - Form Message
+ */
+/*
+ -	Variables - Form label
+ */
+/*
+ -	Variables - Form switch
+ */
+/*
+ -	Variables - Form select
+ */
+/*
+ -	Variables - Form input
+ */
+/*
+ -	Variables - Form multiselect
+ */
+/*
+ -	Variables - Form checkbox & radio
+ */
+/*
+ -	Variables - Form file
+ */
+/*
+ -  Variables - Toast Message
+ */
+/*
+ -  Variables - Wizzard
+ */
+/*
+ -  Variables - Stepper
+ */
+/*
+ -  Variables - Grid & Tile
+ */
+/*
+ -  Variables - Pagination
+ */
+.gov-spin-animation,
+.gov-pseudo-spin-animation::before {
+  animation: spin 4s linear infinite;
+}
+
+@keyframes spin {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+/*
+*   Alert
+*/
+.gov-card {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  border: var(--gov-card-border-width, 0.0625rem solid var(--gov-color-secondary-500));
+  border-radius: var(--gov-border-radius, 0.1875rem);
+  background: var(--gov-card-bg, var(--gov-color-secondary-100));
+  overflow: hidden;
+}
+.gov-card__header {
+  gap: 1.75rem;
+  width: 100%;
+  padding: 1.5rem;
+  border-bottom: var(--gov-card-border-width, 0.0625rem solid var(--gov-color-secondary-500));
+  border-radius: 0;
+  text-align: left;
+  text-transform: none;
+  transition: background-color 150ms ease-in-out;
+}
+.gov-card__header .gov-icon {
+  flex: 0 0 auto;
+  width: 1rem;
+  height: 1rem;
+  color: var(--gov-card-arrow-color, var(--gov-color-primary));
+}
+.gov-card__title {
+  margin: 0;
+  padding: 0;
+  font-family: "Roboto", sans-serif;
+  font-weight: 400;
+  box-sizing: border-box;
+  font-weight: var(--gov-text-xl-font-weight);
+  font-size: var(--gov-text-xl-font-size);
+  line-height: var(--gov-text-xl-line-height);
+  letter-spacing: var(--gov-text-xl-letter-spacing);
+  color: var(--gov-card-title-color, var(--gov-color-secondary-800));
+  font-weight: 700;
+}
+.gov-card__img {
+  width: 100%;
+  margin: 0;
+  line-height: 1;
+}
+.gov-card__img img {
+  width: 100%;
+  height: auto;
+}
+.gov-card__inner {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+}
+.gov-card__inner[aria-hidden=""], .gov-card__inner[aria-hidden=true i], .gov-card__inner[aria-hidden="1"] {
+  display: none;
+}
+.gov-card__main {
+  display: flex;
+  gap: 16px 24px;
+  flex: 1 1 auto;
+  flex-direction: column;
+  padding: 1.5rem;
+}
+.gov-card__icon {
+  flex: 0 0 auto;
+  width: 2.5rem;
+  height: 2.5rem;
+  color: var(--gov-card-icon-color, var(--gov-color-primary));
+}
+.gov-card__btns {
+  display: flex;
+  gap: 1rem;
+  flex: 0 0 auto;
+  flex-wrap: wrap;
+}
+.gov-card__footer {
+  padding: 1rem 1.5rem;
+  background: var(--gov-card-footer-bg, var(--gov-color-primary-100));
+}
+.gov-card__footer p {
+  font-weight: var(--gov-text-s-font-weight);
+  font-size: var(--gov-text-s-font-size);
+  line-height: var(--gov-text-s-line-height);
+  letter-spacing: var(--gov-text-s-letter-spacing);
+}
+.gov-card__content > *:last-child, .gov-card__footer > *:last-child {
+  margin-bottom: 0;
+}
+.gov-card[is-expanded=""], .gov-card[is-expanded=true i], .gov-card[is-expanded="1"] {
+  height: 100%;
+}
+.gov-card[collapsible=""] .gov-card__header, .gov-card[collapsible=true i] .gov-card__header, .gov-card[collapsible="1"] .gov-card__header {
+  display: inline-flex;
+  vertical-align: middle;
+  justify-content: center;
+  align-items: center;
+  border: 0;
+  background-color: transparent;
+  text-align: center;
+  text-decoration: none;
+  cursor: pointer;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  justify-content: space-between;
+  text-align: left;
+}
+.gov-card[collapsible=""] .gov-card__header:focus, .gov-card[collapsible=true i] .gov-card__header:focus, .gov-card[collapsible="1"] .gov-card__header:focus {
+  outline: none;
+}
+.gov-card[collapsible=""] .gov-card__header:focus, .gov-card[collapsible=true i] .gov-card__header:focus, .gov-card[collapsible="1"] .gov-card__header:focus {
+  outline: none;
+}
+.gov-card[collapsible=""] .gov-card__header:focus-visible, .gov-card[collapsible=true i] .gov-card__header:focus-visible, .gov-card[collapsible="1"] .gov-card__header:focus-visible {
+  border-radius: var(--gov-border-radius, 0.1875rem);
+  outline: var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);
+  outline-offset: -0.125rem;
+}
+@media not all and (pointer: coarse) {
+  .gov-card[collapsible=""] .gov-card__header:hover, .gov-card[collapsible=true i] .gov-card__header:hover, .gov-card[collapsible="1"] .gov-card__header:hover {
+    background: var(--gov-card-header-hover-bg, var(--gov-color-primary-100));
+  }
+}
+.gov-card[collapsible=""][is-expanded=""] .gov-card__header, .gov-card[collapsible=""][is-expanded=true i] .gov-card__header, .gov-card[collapsible=""][is-expanded="1"] .gov-card__header, .gov-card[collapsible=true i][is-expanded=""] .gov-card__header, .gov-card[collapsible=true i][is-expanded=true i] .gov-card__header, .gov-card[collapsible=true i][is-expanded="1"] .gov-card__header, .gov-card[collapsible="1"][is-expanded=""] .gov-card__header, .gov-card[collapsible="1"][is-expanded=true i] .gov-card__header, .gov-card[collapsible="1"][is-expanded="1"] .gov-card__header {
+  border-bottom: var(--gov-card-border-width, 0.0625rem solid var(--gov-color-secondary-500));
+}
+.gov-card[collapsible=""][is-expanded=""] .gov-card__header .gov-icon, .gov-card[collapsible=""][is-expanded=true i] .gov-card__header .gov-icon, .gov-card[collapsible=""][is-expanded="1"] .gov-card__header .gov-icon, .gov-card[collapsible=true i][is-expanded=""] .gov-card__header .gov-icon, .gov-card[collapsible=true i][is-expanded=true i] .gov-card__header .gov-icon, .gov-card[collapsible=true i][is-expanded="1"] .gov-card__header .gov-icon, .gov-card[collapsible="1"][is-expanded=""] .gov-card__header .gov-icon, .gov-card[collapsible="1"][is-expanded=true i] .gov-card__header .gov-icon, .gov-card[collapsible="1"][is-expanded="1"] .gov-card__header .gov-icon {
+  transform: scale(-1);
+}
+@media (min-width: 30em) {
+  .gov-card[promotion=""] .gov-card__main, .gov-card[promotion=true i] .gov-card__main, .gov-card[promotion="1"] .gov-card__main {
+    flex-direction: row;
+    padding: 2rem;
+  }
+  .gov-card[promotion=""] .gov-card__icon, .gov-card[promotion=true i] .gov-card__icon, .gov-card[promotion="1"] .gov-card__icon {
+    width: 3rem;
+    height: 3rem;
+  }
+  .gov-card[promotion=""] .gov-card__btns, .gov-card[promotion=true i] .gov-card__btns, .gov-card[promotion="1"] .gov-card__btns {
+    flex-direction: column;
+  }
+}

package/dist/collection/components/gov-card/gov-card.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=gov-card.d.js.map

package/dist/collection/components/gov-card/gov-card.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-card.d.js","sourceRoot":"","sources":["../../../../../../src/components/gov-card/gov-card.d.tsx"],"names":[],"mappings":"","sourcesContent":["export interface GovCardChangeEvent {\n\topen: boolean;\n\telement: HTMLGovCardElement\n}\n"]}