@gov-design-system-ce/components 0.0.11 → 0.0.13

package/dist/hydrate/index.js

@@ -5803,7 +5803,7 @@ const property = (name, object) => {
 };
 const pick = (obj, keys) => Object.fromEntries(Object.entries(obj).filter(([key]) => keys.includes(key)));
 
-const AccordionSizes = pick(Sizes, ['_S', '_M', '_L']);
+const AccordionSizes = pick(Sizes, ['_XS', '_S', '_M', '_L']);
 const AccordionVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'CUSTOM']);
 const AccordionClass = {
   root: 'gov-accordion',
@@ -6097,17 +6097,18 @@ class GovAccordionItem {
     registerInstance(this, hostRef);
     this.govChange = createEvent(this, "gov-change", 7);
     this.isExpandedState = undefined;
-    this.variant = 'primary';
+    this.variant = "primary";
     this.identifier = undefined;
     this.size = undefined;
     this.label = undefined;
     this.annotation = undefined;
     this.disabled = false;
     this.isExpanded = false;
-    this.triggerTag = 'h3';
+    this.triggerTag = "h3";
+    this.noBorder = false;
     this.h = govHost(this.host);
-    this.triggerId = createID('GovAccordionItem');
-    this.contentId = createID('GovAccordionContent');
+    this.triggerId = createID("GovAccordionItem");
+    this.contentId = createID("GovAccordionContent");
   }
   validateLabel(newValue) {
     if (!newValue) {
@@ -6115,7 +6116,7 @@ class GovAccordionItem {
     }
   }
   validateTriggerTag(newValue) {
-    const validTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span'];
+    const validTags = ["h1", "h2", "h3", "h4", "h5", "h6", "span"];
     if (newValue) {
       if (!validTags.includes(newValue)) {
         govErrorLog(`[${AccordionItemClass.root}]: Tag ${newValue} is not allowed.`);
@@ -6143,7 +6144,10 @@ class GovAccordionItem {
     const contentId = this.contentId;
     const { isExpandedState, label } = this;
     const TriggerTag = this.triggerTag;
-    return (hAsync(Host, { class: this.h.classes(AccordionItemClass.root), role: "listitem" }, hAsync("button", { id: triggerId, class: AccordionItemClass.header, "aria-expanded": booleanString(isExpandedState), "aria-controls": contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: () => this.toggle() }, hAsync(TriggerTag, { class: AccordionItemClass.title }, this.h.hasSlot('icon') && (hAsync("span", { class: AccordionItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: AccordionItemClass.name }, hAsync("span", { class: AccordionItemClass.label }, label), this.annotation && hAsync("span", { class: AccordionItemClass.annot }, this.annotation)), this.h.hasSlot('suffix') && (hAsync("span", { class: AccordionItemClass.suffix }, hAsync("slot", { name: "suffix" })))), hAsync("gov-icon", { class: AccordionItemClass.arrow, name: "chevron-down" })), hAsync("div", { class: AccordionItemClass.content, id: contentId, "aria-hidden": booleanString(!isExpandedState), hidden: !isExpandedState, "aria-labelledby": triggerId }, hAsync("slot", null))));
+    return (hAsync(Host, { class: this.h.classes(AccordionItemClass.root), "no-border": this.noBorder, role: "listitem" }, hAsync("button", { id: triggerId, class: AccordionItemClass.header, "aria-expanded": booleanString(isExpandedState), "aria-controls": contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: (e) => {
+        e.stopPropagation();
+        this.toggle().finally();
+      } }, hAsync(TriggerTag, { class: AccordionItemClass.title }, this.h.hasSlot("icon") && (hAsync("span", { class: AccordionItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: AccordionItemClass.name }, hAsync("span", { class: AccordionItemClass.label }, label), this.annotation && hAsync("span", { class: AccordionItemClass.annot }, this.annotation)), this.h.hasSlot("suffix") && (hAsync("span", { class: AccordionItemClass.suffix }, hAsync("slot", { name: "suffix" })))), hAsync("gov-icon", { class: AccordionItemClass.arrow, name: "chevron-down" })), hAsync("div", { class: AccordionItemClass.content, id: contentId, "aria-hidden": booleanString(!isExpandedState), hidden: !isExpandedState, "aria-labelledby": triggerId }, hAsync("slot", null))));
   }
   /**
    * Opening the accordion
@@ -6192,6 +6196,7 @@ class GovAccordionItem {
       "disabled": [4],
       "isExpanded": [4, "is-expanded"],
       "triggerTag": [1, "trigger-tag"],
+      "noBorder": [4, "no-border"],
       "isExpandedState": [32],
       "open": [64],
       "close": [64],
@@ -11196,15 +11201,35 @@ class BreadcrumbsPage extends HTMLElement {
     this.innerHTML = `
 		<h2>Breadcrumbs</h2>
 
-		<gov-breadcrumbs wcag-label="Drobečková navigace pro stránku Czech POINT"></gov-breadcrumbs>
+		<gov-breadcrumbs wcag-label="Drobečková navigace pro stránku Czech POINT">
+			<ul>
+				<li>
+					<button>
+					Domů
+					</button>
+				</li>
+				<li>
+					<gov-icon  name="chevron-right"></gov-icon>
+					<a href="#">Kam dál</a>
+				</li>
+				<li>
+					<gov-icon  name="chevron-right"></gov-icon>
+					<a href="#">
+					Český eGovernment
+					</a>
+				</li>
+				<li>
+					<gov-icon name="chevron-right"></gov-icon>
+					<strong>Czech POINT</strong>
+				</li>
+			</ul>
+		</gov-breadcrumbs>
 
-		<h3>Collapsible</h3>
-		<gov-breadcrumbs collapsible="true" wcag-label="Drobečková navigace pro stránku Czech POINT"></gov-breadcrumbs>
 		`;
   }
 }
-if (customElements.get('breadcrumbs-page') === undefined) {
-  customElements.define('breadcrumbs-page', BreadcrumbsPage);
+if (customElements.get("breadcrumbs-page") === undefined) {
+  customElements.define("breadcrumbs-page", BreadcrumbsPage);
 }
 
 class CardPage extends HTMLElement {
@@ -11753,6 +11778,7 @@ class FormsPage extends HTMLElement {
 			</h3>
 
 			<gov-form-control size="xs">
+				<gov-form-label size="xs" slot="top">Label of word</gov-form-label>
 				<gov-form-group gap="2xs">
 					<gov-form-checkbox name="test-me-c" value="me" checked></gov-form-checkbox>
 					<gov-form-checkbox name="test-me-c" value="me" checked></gov-form-checkbox>
@@ -11908,7 +11934,7 @@ class FormsPage extends HTMLElement {
 				Default group
 			</h3>
 			<gov-form-control size="xs" fieldset>
-				<gov-form-label legend size="s" slot="top">Seznam skupiny</gov-form-label>
+					<gov-form-label legend size="s" slot="top">Seznam skupiny</gov-form-label>
 				<gov-form-group>
 					<gov-form-radio name="test1" value="me" >
 						<gov-form-label slot="label">Value 1</gov-form-label>
@@ -12310,7 +12336,7 @@ class FormsPage extends HTMLElement {
 				Right icon
 			</h3>
 			<gov-form-control size="m" type="input" id="metro2">
-				<gov-form-label size="s" slot="top">Label of input</gov-form-label>
+				<gov-form-label slot="top">Label of input</gov-form-label>
 				<gov-form-group>
 					<gov-form-input id="kapr" name="test-me" placeholder="Placeholder">
 					</gov-form-input>
@@ -14803,28 +14829,20 @@ class GovBadge {
 
 const BreadcrumbsClass = {
   root: 'gov-breadcrumbs',
-  arrow: 'gov-breadcrumbs__arrow',
-  list: 'gov-breadcrumbs__list',
-  item: 'gov-breadcrumbs__item',
-  button: 'gov-breadcrumbs__button',
 };
 
-const govBreadcrumbsCss = ".gov-breadcrumbs__list{margin:0;padding:0}.gov-breadcrumbs__list .gov-breadcrumbs__item{margin:0;padding:0;background:none}.gov-breadcrumbs__list .gov-breadcrumbs__item::before{display:none}.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)}}.gov-breadcrumbs{position:relative;display:flex;width:100%;gap:1rem;justify-content:space-between;align-items:flex-start}.gov-breadcrumbs__list .gov-breadcrumbs__item{display:inline}.gov-breadcrumbs__arrow{width:0.625rem;height:0.625rem;margin:0rem 1rem;color:var(--gov-breadcrumbs-arrow-color, var(--gov-color-secondary-600))}.gov-breadcrumbs__button{flex:0 0 auto}.gov-breadcrumbs__button[aria-expanded=\"\"],.gov-breadcrumbs__button[aria-expanded=true i],.gov-breadcrumbs__button[aria-expanded=\"1\"]{transform:scale(-1)}";
+const govBreadcrumbsCss = ".gov-breadcrumbs ul{margin:0;padding:0}.gov-breadcrumbs li{margin:0;padding:0;background:none}.gov-breadcrumbs li::before{display:none}.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)}}.gov-breadcrumbs ul{position:relative;display:flex;width:100%;padding-bottom:0.3125rem;overflow-x:auto}.gov-breadcrumbs li{display:flex;justify-content:flex-start;align-items:center;white-space:nowrap}.gov-breadcrumbs button{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0;border:none;background:none;color:var(--gov-breadcrumbs-link-color, var(--gov-color-primary));text-decoration:underline}.gov-breadcrumbs button:hover{text-decoration:none}.gov-breadcrumbs .gov-icon{width:0.625rem;height:0.625rem;margin:0rem 1rem;color:var(--gov-breadcrumbs-arrow-color, var(--gov-color-secondary-600))}";
 
 class GovBreadcrumbs {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.govChange = createEvent(this, "gov-change", 7);
-    this.isExpandedState = undefined;
     this.collapsible = false;
     this.isExpanded = false;
     this.wcagLabel = undefined;
     this.wcagLabelledBy = undefined;
     this.h = govHost(this.host);
   }
-  emmitChange() {
-    this.govChange.emit({ open: this.isExpandedState, element: this.host });
-  }
   async componentDidRender() {
     if (canValidateWcagOnRender()) {
       await delay(500);
@@ -14832,29 +14850,7 @@ class GovBreadcrumbs {
     }
   }
   render() {
-    const { isExpandedState } = this;
-    return (hAsync(Host, { class: this.h.classes(BreadcrumbsClass.root), collapsible: this.collapsible }, hAsync("nav", { "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy }, hAsync("ul", { class: BreadcrumbsClass.list }, hAsync("li", { class: BreadcrumbsClass.item }, hAsync("a", { href: "#", class: "gov-link" }, "Dom\u016F"), hAsync("gov-icon", { class: BreadcrumbsClass.arrow, name: "chevron-right" })), hAsync("li", { class: BreadcrumbsClass.item }, hAsync("a", { href: "#", class: "gov-link" }, "Kam d\u00E1l"), hAsync("gov-icon", { class: BreadcrumbsClass.arrow, name: "chevron-right" })), hAsync("li", { class: BreadcrumbsClass.item }, hAsync("a", { href: "#", class: "gov-link" }, "\u010Cesk\u00FD eGovernment"), hAsync("gov-icon", { class: BreadcrumbsClass.arrow, name: "chevron-right" })), hAsync("li", { class: BreadcrumbsClass.item }, hAsync("strong", null, "Czech POINT")))), this.collapsible && (hAsync("gov-button", { "aria-expanded": booleanString(isExpandedState), class: BreadcrumbsClass.button, variant: "primary", size: "s", inverse: true }, hAsync("gov-icon", { slot: "left-icon", name: "chevron-down", onClick: () => this.toggle() })))));
-  }
-  /**
-   * Opening the Breadcrumbs
-   */
-  async open() {
-    this.isExpandedState = true;
-    this.emmitChange();
-  }
-  /**
-   * Closing the Breadcrumbs
-   */
-  async close() {
-    this.isExpandedState = false;
-    this.emmitChange();
-  }
-  /**
-   * Breadcrumbs switch
-   */
-  async toggle() {
-    this.isExpandedState = !this.isExpandedState;
-    this.emmitChange();
+    return (hAsync(Host, { class: this.h.classes(BreadcrumbsClass.root) }, hAsync("nav", { "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy }, hAsync("slot", null))));
   }
   /**
    * Validate the WCAG attributes of the component
@@ -14865,17 +14861,13 @@ class GovBreadcrumbs {
   get host() { return getElement(this); }
   static get style() { return govBreadcrumbsCss; }
   static get cmpMeta() { return {
-    "$flags$": 0,
+    "$flags$": 4,
     "$tagName$": "gov-breadcrumbs",
     "$members$": {
       "collapsible": [4],
       "isExpanded": [4, "is-expanded"],
       "wcagLabel": [1, "wcag-label"],
       "wcagLabelledBy": [1, "wcag-labelded-by"],
-      "isExpandedState": [32],
-      "open": [64],
-      "close": [64],
-      "toggle": [64],
       "validateWcag": [64]
     },
     "$listeners$": undefined,
@@ -15583,6 +15575,7 @@ const FormMessageClass = {
   icon: 'gov-form-message__icon',
 };
 
+pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
 const FormLabelClass = {
   root: 'gov-form-label',
   label: 'gov-form-label__label',
@@ -15616,6 +15609,10 @@ const govForm = (govHost) => {
       return this.govHost.getParent(FormControlClass.root);
     },
     get label() {
+      const innerLabel = this.govHost.hostElement.querySelector(`.${FormLabelClass.root}`);
+      if (innerLabel) {
+        return innerLabel;
+      }
       if (this.control) {
         return this.control.querySelector(`.${FormLabelClass.root}`);
       }
@@ -16265,12 +16262,13 @@ class GovFormLabel {
     registerInstance(this, hostRef);
     this.govClick = createEvent(this, "gov-click", 7);
     this.identifier = undefined;
+    this.size = 'm';
     this.required = false;
     this.legend = false;
   }
   render() {
     const Tag = this.legend ? 'legend' : 'label';
-    return (hAsync(Host, { class: FormLabelClass.root }, hAsync(Tag, { class: FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, hAsync("slot", null), this.required ? (hAsync("span", { class: "gov-color--danger-500" }, "*")) : null)));
+    return (hAsync(Host, { class: FormLabelClass.root, size: this.size }, hAsync(Tag, { class: FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, hAsync("slot", null), this.required ? (hAsync("span", { class: "gov-color--danger-500" }, "*")) : null)));
   }
   static get style() { return govFormLabelCss; }
   static get cmpMeta() { return {
@@ -16278,6 +16276,7 @@ class GovFormLabel {
     "$tagName$": "gov-form-label",
     "$members$": {
       "identifier": [1],
+      "size": [1],
       "required": [4],
       "legend": [4]
     },

package/dist/stencil.config.js

@@ -3,6 +3,7 @@ import { sass } from '@stencil/sass';
 import autoprefixer from 'autoprefixer';
 import path from 'path';
 import { reactOutputTarget } from '@stencil/react-output-target';
+import { vueOutputTarget } from '@stencil/vue-output-target';
 export const config = {
   namespace: 'core',
   globalStyle: 'src/sass/global.scss',
@@ -58,6 +59,10 @@ export const config = {
       proxiesFile: '../../../packages/core-react/lib/components.ts',
       includeDefineCustomElements: true,
     }),
+    vueOutputTarget({
+      componentCorePackage: '@gov-design-system-ce/components',
+      proxiesFile: '../../../packages/core-vue/lib/components.ts',
+    }),
   ],
 };
 //# sourceMappingURL=stencil.config.js.map

package/dist/stencil.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../stencil.config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,YAAY,MAAM,cAAc,CAAA;AACvC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAEhE,MAAM,CAAC,MAAM,MAAM,GAAW;EAC7B,SAAS,EAAE,MAAM;EACjB,WAAW,EAAE,sBAAsB;EACnC,SAAS,EAAE,OAAO;EAClB,SAAS,EAAE,IAAI;EACf,MAAM,EAAE;IACP,2BAA2B,EAAE,IAAI;GACjC;EACD,OAAO,EAAE;IACR,IAAI,CAAC;MACJ,iBAAiB,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;KACvF,CAAC;IACF,OAAO,CAAC;MACP,OAAO,EAAE,CAAC,YAAY,EAAE,CAAC;KACzB,CAAC;GACF;EACD,aAAa,EAAE;IACd;MACC,IAAI,EAAE,6BAA6B;MACnC,eAAe,EAAE,KAAK;MACtB,MAAM,EAAE,IAAI;KACZ;IACD;MACC,IAAI,EAAE,MAAM;MACZ,aAAa,EAAE,WAAW;KAC1B;IACD;MACC,IAAI,EAAE,sBAAsB;KAC5B;IACD;MACC,IAAI,EAAE,aAAa;MACnB,MAAM,EAAE,IAAI;KACZ;IACD;MACC,IAAI,EAAE,KAAK;MACX,IAAI,EAAE;QACL,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,oBAAoB,EAAE;QACtD,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,oBAAoB,EAAE;OACtD;MACD,aAAa,EAAE,IAAI;KACnB;IACD;MACC,IAAI,EAAE,qBAAqB;MAC3B,GAAG,EAAE,cAAc;KACnB;IACD;MACC,IAAI,EAAE,sBAAsB;MAC5B,wBAAwB,EAAE,IAAI;MAC9B,oBAAoB,EAAE,KAAK;KAC3B;IAED,iBAAiB,CAAC;MACjB,oBAAoB,EAAE,kCAAkC;MACxD,WAAW,EAAE,gDAAgD;MAC7D,2BAA2B,EAAE,IAAI;KACjC,CAAC;GACF;CACD,CAAA","sourcesContent":["import { Config } from '@stencil/core'\nimport { postcss } from '@stencil/postcss'\nimport { sass } from '@stencil/sass'\nimport autoprefixer from 'autoprefixer'\nimport path from 'path'\nimport { reactOutputTarget } from '@stencil/react-output-target'\n\nexport const config: Config = {\n\tnamespace: 'core',\n\tglobalStyle: 'src/sass/global.scss',\n\ttaskQueue: 'async',\n\tsourceMap: true,\n\textras: {\n\t\texperimentalImportInjection: true,\n\t},\n\tplugins: [\n\t\tsass({\n\t\t\tinjectGlobalPaths: [path.resolve(__dirname, `src/sass/core.scss`).replace(/\\\\/g, '/'),],\n\t\t}),\n\t\tpostcss({\n\t\t\tplugins: [autoprefixer()],\n\t\t}),\n\t],\n\toutputTargets: [\n\t\t{\n\t\t\ttype: 'dist-custom-elements-bundle',\n\t\t\texternalRuntime: false,\n\t\t\tminify: true,\n\t\t},\n\t\t{\n\t\t\ttype: 'dist',\n\t\t\tesmLoaderPath: '../loader',\n\t\t},\n\t\t{\n\t\t\ttype: 'dist-custom-elements',\n\t\t},\n\t\t{\n\t\t\ttype: 'docs-readme',\n\t\t\tstrict: true\n\t\t},\n\t\t{\n\t\t\ttype: 'www',\n\t\t\tcopy: [\n\t\t\t\t{ src: '../../fonts/lib', dest: 'build/assets/fonts' },\n\t\t\t\t{ src: '../../icons/lib', dest: 'build/assets/icons' }\n\t\t\t],\n\t\t\tserviceWorker: null,\n\t\t},\n\t\t{\n\t\t\ttype: 'dist-hydrate-script',\n\t\t\tdir: 'dist/hydrate',\n\t\t},\n\t\t{\n\t\t\ttype: 'dist-custom-elements',\n\t\t\tautoDefineCustomElements: true,\n\t\t\tincludeGlobalScripts: false,\n\t\t},\n\n\t\treactOutputTarget({\n\t\t\tcomponentCorePackage: '@gov-design-system-ce/components',\n\t\t\tproxiesFile: '../../../packages/core-react/lib/components.ts',\n\t\t\tincludeDefineCustomElements: true,\n\t\t}),\n\t],\n}\n"]}
+{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../stencil.config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,YAAY,MAAM,cAAc,CAAA;AACvC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAE5D,MAAM,CAAC,MAAM,MAAM,GAAW;EAC7B,SAAS,EAAE,MAAM;EACjB,WAAW,EAAE,sBAAsB;EACnC,SAAS,EAAE,OAAO;EAClB,SAAS,EAAE,IAAI;EACf,MAAM,EAAE;IACP,2BAA2B,EAAE,IAAI;GACjC;EACD,OAAO,EAAE;IACR,IAAI,CAAC;MACJ,iBAAiB,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;KACvF,CAAC;IACF,OAAO,CAAC;MACP,OAAO,EAAE,CAAC,YAAY,EAAE,CAAC;KACzB,CAAC;GACF;EACD,aAAa,EAAE;IACd;MACC,IAAI,EAAE,6BAA6B;MACnC,eAAe,EAAE,KAAK;MACtB,MAAM,EAAE,IAAI;KACZ;IACD;MACC,IAAI,EAAE,MAAM;MACZ,aAAa,EAAE,WAAW;KAC1B;IACD;MACC,IAAI,EAAE,sBAAsB;KAC5B;IACD;MACC,IAAI,EAAE,aAAa;MACnB,MAAM,EAAE,IAAI;KACZ;IACD;MACC,IAAI,EAAE,KAAK;MACX,IAAI,EAAE;QACL,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,oBAAoB,EAAE;QACtD,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,oBAAoB,EAAE;OACtD;MACD,aAAa,EAAE,IAAI;KACnB;IACD;MACC,IAAI,EAAE,qBAAqB;MAC3B,GAAG,EAAE,cAAc;KACnB;IACD;MACC,IAAI,EAAE,sBAAsB;MAC5B,wBAAwB,EAAE,IAAI;MAC9B,oBAAoB,EAAE,KAAK;KAC3B;IAED,iBAAiB,CAAC;MACjB,oBAAoB,EAAE,kCAAkC;MACxD,WAAW,EAAE,gDAAgD;MAC7D,2BAA2B,EAAE,IAAI;KACjC,CAAC;IACF,eAAe,CAAC;MACf,oBAAoB,EAAE,kCAAkC;MACxD,WAAW,EAAE,8CAA8C;KAC3D,CAAC;GACF;CACD,CAAA","sourcesContent":["import { Config } from '@stencil/core'\nimport { postcss } from '@stencil/postcss'\nimport { sass } from '@stencil/sass'\nimport autoprefixer from 'autoprefixer'\nimport path from 'path'\nimport { reactOutputTarget } from '@stencil/react-output-target'\nimport { vueOutputTarget } from '@stencil/vue-output-target'\n\nexport const config: Config = {\n\tnamespace: 'core',\n\tglobalStyle: 'src/sass/global.scss',\n\ttaskQueue: 'async',\n\tsourceMap: true,\n\textras: {\n\t\texperimentalImportInjection: true,\n\t},\n\tplugins: [\n\t\tsass({\n\t\t\tinjectGlobalPaths: [path.resolve(__dirname, `src/sass/core.scss`).replace(/\\\\/g, '/'),],\n\t\t}),\n\t\tpostcss({\n\t\t\tplugins: [autoprefixer()],\n\t\t}),\n\t],\n\toutputTargets: [\n\t\t{\n\t\t\ttype: 'dist-custom-elements-bundle',\n\t\t\texternalRuntime: false,\n\t\t\tminify: true,\n\t\t},\n\t\t{\n\t\t\ttype: 'dist',\n\t\t\tesmLoaderPath: '../loader',\n\t\t},\n\t\t{\n\t\t\ttype: 'dist-custom-elements',\n\t\t},\n\t\t{\n\t\t\ttype: 'docs-readme',\n\t\t\tstrict: true\n\t\t},\n\t\t{\n\t\t\ttype: 'www',\n\t\t\tcopy: [\n\t\t\t\t{ src: '../../fonts/lib', dest: 'build/assets/fonts' },\n\t\t\t\t{ src: '../../icons/lib', dest: 'build/assets/icons' }\n\t\t\t],\n\t\t\tserviceWorker: null,\n\t\t},\n\t\t{\n\t\t\ttype: 'dist-hydrate-script',\n\t\t\tdir: 'dist/hydrate',\n\t\t},\n\t\t{\n\t\t\ttype: 'dist-custom-elements',\n\t\t\tautoDefineCustomElements: true,\n\t\t\tincludeGlobalScripts: false,\n\t\t},\n\n\t\treactOutputTarget({\n\t\t\tcomponentCorePackage: '@gov-design-system-ce/components',\n\t\t\tproxiesFile: '../../../packages/core-react/lib/components.ts',\n\t\t\tincludeDefineCustomElements: true,\n\t\t}),\n\t\tvueOutputTarget({\n\t\t\tcomponentCorePackage: '@gov-design-system-ce/components',\n\t\t\tproxiesFile: '../../../packages/core-vue/lib/components.ts',\n\t\t}),\n\t],\n}\n"]}

package/dist/types/components/gov-accordion/constants.d.ts

@@ -1,7 +1,7 @@
 import { Sizes } from '../../core/constants/sizes';
 import { Variants } from '../../core/constants/variants';
 import { ValueOf } from '../../types/interfaces';
-export declare const AccordionSizes: Pick<typeof Sizes, "_S" | "_M" | "_L">;
+export declare const AccordionSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L">;
 export declare type AccordionSizeType = `${ValueOf<typeof AccordionSizes>}`;
 export declare const AccordionVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "CUSTOM">;
 export declare type AccordionVariantType = `${ValueOf<typeof AccordionVariants>}`;

package/dist/types/components/gov-accordion/gov-accordion-item.d.ts

@@ -1,6 +1,6 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { AccordionSizeType, AccordionVariantType } from './constants';
-import { GovAccordionItemChangeEvent } from './gov-accordion-item.d';
+import { EventEmitter } from "../../stencil-public-runtime";
+import { AccordionSizeType, AccordionVariantType } from "./constants";
+import { GovAccordionItemChangeEvent } from "./gov-accordion-item.d";
 export declare class GovAccordionItem {
   private readonly triggerId;
   private readonly contentId;
@@ -38,9 +38,13 @@ export declare class GovAccordionItem {
    */
   readonly isExpanded: boolean;
   /**
-   * Used to change the HMTL tag in the accordion trigger for correct semantic structure
+   * Used to change the HTML tag in the accordion trigger for correct semantic structure
    */
   readonly triggerTag: string;
+  /**
+   * To remove the main underline of an item
+   */
+  readonly noBorder: boolean;
   /**
    * Called when the accordion state changes
    */

package/dist/types/components/gov-breadcrumbs/constants.d.ts

@@ -1,7 +1,3 @@
 export declare const BreadcrumbsClass: {
   root: string;
-  arrow: string;
-  list: string;
-  item: string;
-  button: string;
 };

package/dist/types/components/gov-breadcrumbs/gov-breadcrumbs.d.ts

@@ -4,7 +4,6 @@ export declare class GovBreadcrumbs {
   private h;
   constructor();
   readonly host: HTMLGovBreadcrumbsElement;
-  isExpandedState: boolean;
   /**
    * Defines wether the components can be collapsible when element doesn't fit in one row.
    */
@@ -25,21 +24,8 @@ export declare class GovBreadcrumbs {
    * Called when the Breadrumbs state changes
    */
   govChange: EventEmitter<GovBreadcrumbsChangeEvent>;
-  private emmitChange;
   componentDidRender(): Promise<void>;
   render(): any;
-  /**
-   * Opening the Breadcrumbs
-   */
-  open(): Promise<void>;
-  /**
-   * Closing the Breadcrumbs
-   */
-  close(): Promise<void>;
-  /**
-   * Breadcrumbs switch
-   */
-  toggle(): Promise<void>;
   /**
    * Validate the WCAG attributes of the component
    */

package/dist/types/components/gov-button/constants.d.ts

@@ -1,7 +1,7 @@
 import { Sizes } from '../../core/constants/sizes';
 import { Variants } from '../../core/constants/variants';
 import { ValueOf } from '../../types/interfaces';
-export declare const ButtonSizes: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_XS" | "_XL">;
+export declare const ButtonSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_XL">;
 export declare type ButtonSizesType = `${ValueOf<typeof ButtonSizes>}`;
 export declare const ButtonVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
 export declare type ButtonVariantType = `${ValueOf<typeof ButtonVariants>}`;

package/dist/types/components/gov-form/checkbox/constants.d.ts

@@ -1,6 +1,6 @@
 import { Sizes } from '../../../core/constants/sizes';
 import { ValueOf } from '../../../types/interfaces';
-export declare const FormCheckboxSizes: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_XS">;
+export declare const FormCheckboxSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L">;
 export declare type FormCheckboxSizesType = `${ValueOf<typeof FormCheckboxSizes>}`;
 export declare const FormCheckboxClass: {
   root: string;

package/dist/types/components/gov-form/group/constants.d.ts

@@ -1,6 +1,6 @@
 import { Sizes } from "../../../core/constants/sizes";
 import { ValueOf } from "../../../types/interfaces";
-export declare const FormGroupSizes: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_2XS" | "_XS">;
+export declare const FormGroupSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_2XS">;
 export declare type FormGroupSizesType = `${ValueOf<typeof FormGroupSizes>}`;
 export declare const FormGroupClass: {
   root: string;

package/dist/types/components/gov-form/label/constants.d.ts

@@ -1,3 +1,7 @@
+import { Sizes } from "../../../core/constants/sizes";
+import { ValueOf } from "../../../types/interfaces";
+export declare const FormLabelSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_XL">;
+export declare type FormLabelSizesTypes = `${ValueOf<typeof FormLabelSizes>}`;
 export declare const FormLabelClass: {
   root: string;
   label: string;

package/dist/types/components/gov-form/label/gov-form-label.d.ts

@@ -1,9 +1,14 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
+import { FormLabelSizesTypes } from "./constants";
 export declare class GovFormLabel {
   /**
    * Identifier for label.
    */
   readonly identifier: string;
+  /**
+   * Label's size.
+   */
+  readonly size?: FormLabelSizesTypes;
   /**
    * Set whether the input is required or not.
    */

package/dist/types/components/gov-form/radio/constants.d.ts

@@ -1,6 +1,6 @@
 import { Sizes } from '../../../core/constants/sizes';
 import { ValueOf } from '../../../types/interfaces';
-export declare const FormRadioSizes: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_XS">;
+export declare const FormRadioSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L">;
 export declare type FormRadioSizesType = `${ValueOf<typeof FormRadioSizes>}`;
 export declare const FormRadioClass: {
   root: string;

package/dist/types/components/gov-form/switch/constants.d.ts

@@ -1,6 +1,6 @@
 import { Sizes } from '../../../core/constants/sizes';
 import { ValueOf } from '../../../types/interfaces';
-export declare const FormSwitchSizes: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_XS">;
+export declare const FormSwitchSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L">;
 export declare type FormSwitchSizesType = `${ValueOf<typeof FormSwitchSizes>}`;
 export declare const FormSwitchClass: {
   root: string;

package/dist/types/components/gov-spacer/constants.d.ts

@@ -1,6 +1,6 @@
 import { Sizes } from '../../core/constants/sizes';
 import { ValueOf } from '../../types/interfaces';
-export declare const SpacerSize: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_2XS" | "_XS" | "_XL" | "_2XL" | "_3XL" | "_5XL">;
+export declare const SpacerSize: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_2XS" | "_XL" | "_2XL" | "_3XL" | "_5XL">;
 export declare type SpacerSizeType = `${ValueOf<typeof SpacerSize>}`;
 export declare enum SpacerBreakpoints {
   NONE = "none",

package/dist/types/components/gov-stepper/constants.d.ts

@@ -3,7 +3,7 @@ import { Sizes } from '../../core/constants/sizes';
 import { ValueOf } from '../../types/interfaces';
 export declare const StepperVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
 export declare type StepperVariantType = `${ValueOf<typeof StepperVariants>}`;
-export declare const StepperSizes: Pick<typeof Sizes, "_S" | "_M" | "_XS">;
+export declare const StepperSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M">;
 export declare type StepperSizesType = `${ValueOf<typeof StepperSizes>}`;
 export declare const StepperClass: {
   root: string;

package/dist/types/components/gov-wizzard/constants.d.ts

@@ -3,7 +3,7 @@ import { Sizes } from '../../core/constants/sizes';
 import { ValueOf } from '../../types/interfaces';
 export declare const WizardVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
 export declare type WizardVariantsType = `${ValueOf<typeof WizardVariants>}`;
-export declare const WizardSizes: Pick<typeof Sizes, "_S" | "_M" | "_XS">;
+export declare const WizardSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M">;
 export declare type WizardSizesType = `${ValueOf<typeof WizardSizes>}`;
 export declare const WizzardClass: {
   root: string;

package/dist/types/components.d.ts

@@ -20,6 +20,7 @@ import { FormControlSizesType } from "./components/gov-form/control/constants";
 import { GovFormFileItem } from "./components/gov-form/file/gov-form-file.types";
 import { FormGroupSizesType } from "./components/gov-form/group/constants";
 import { FormInputSizesType, FormInputVariantType, InputType, Type } from "./components/gov-form/input/constants";
+import { FormLabelSizesTypes } from "./components/gov-form/label/constants";
 import { FormMessageVariantType } from "./components/gov-form/message/constants";
 import { FormMultiselectSizesType, FormMultiselectVariantType } from "./components/gov-form/multiselect/constants";
 import { GovFormMultiSelectItem } from "./components/gov-form/multiselect/interfaces";
@@ -100,6 +101,10 @@ export namespace Components {
           * Item name of the accordion
          */
         "label": string;
+        /**
+          * To remove the main underline of an item
+         */
+        "noBorder": boolean;
         /**
           * Opening the accordion
          */
@@ -113,7 +118,7 @@ export namespace Components {
          */
         "toggle": () => Promise<void>;
         /**
-          * Used to change the HMTL tag in the accordion trigger for correct semantic structure
+          * Used to change the HTML tag in the accordion trigger for correct semantic structure
          */
         "triggerTag": string;
         /**
@@ -232,10 +237,6 @@ export namespace Components {
         "wcagLabel": string;
     }
     interface GovBreadcrumbs {
-        /**
-          * Closing the Breadcrumbs
-         */
-        "close": () => Promise<void>;
         /**
           * Defines wether the components can be collapsible when element doesn't fit in one row.
          */
@@ -244,14 +245,6 @@ export namespace Components {
           * Defines whether the breadcrumbs are open or closed by default
          */
         "isExpanded": boolean;
-        /**
-          * Opening the Breadcrumbs
-         */
-        "open": () => Promise<void>;
-        /**
-          * Breadcrumbs switch
-         */
-        "toggle": () => Promise<void>;
         /**
           * Validate the WCAG attributes of the component
          */
@@ -838,6 +831,10 @@ export namespace Components {
           * Set whether the input is required or not.
          */
         "required": boolean;
+        /**
+          * Label's size.
+         */
+        "size"?: FormLabelSizesTypes;
     }
     interface GovFormMessage {
         /**
@@ -2275,6 +2272,10 @@ declare namespace LocalJSX {
           * Item name of the accordion
          */
         "label"?: string;
+        /**
+          * To remove the main underline of an item
+         */
+        "noBorder"?: boolean;
         /**
           * Called when the accordion state changes
          */
@@ -2284,7 +2285,7 @@ declare namespace LocalJSX {
          */
         "size"?: AccordionSizeType;
         /**
-          * Used to change the HMTL tag in the accordion trigger for correct semantic structure
+          * Used to change the HTML tag in the accordion trigger for correct semantic structure
          */
         "triggerTag"?: string;
         /**
@@ -3015,6 +3016,10 @@ declare namespace LocalJSX {
           * Set whether the input is required or not.
          */
         "required"?: boolean;
+        /**
+          * Label's size.
+         */
+        "size"?: FormLabelSizesTypes;
     }
     interface GovFormMessage {
         /**

package/package.json

@@ -2,7 +2,7 @@
     "name" : "@gov-design-system-ce/components",
     "description" : "This package includes Gov Design System Web Components and related utilities.",
     "author": "Zdeněk Vítek",
-    "version" : "0.0.11",
+    "version" : "0.0.13",
     "license" : "EUPL v1.2 Licensed",
     "main" : "./dist/index.cjs.js",
     "module" : "./dist/index.js",

package/dist/cjs/constants-736bf980.js

@@ -1,10 +0,0 @@
-'use strict';
-
-const FormLabelClass = {
-  root: 'gov-form-label',
-  label: 'gov-form-label__label',
-};
-
-exports.FormLabelClass = FormLabelClass;
-
-//# sourceMappingURL=constants-736bf980.js.map

package/dist/cjs/constants-736bf980.js.map

@@ -1 +0,0 @@
-{"file":"constants-736bf980.js","mappings":";;MAAa,cAAc,GAAG;EAC7B,IAAI,EAAE,gBAAgB;EACtB,KAAK,EAAE,uBAAuB;;;;;","names":[],"sources":["../../../packages/core/src/components/gov-form/label/constants.ts"],"sourcesContent":["export const FormLabelClass = {\n\troot: 'gov-form-label',\n\tlabel: 'gov-form-label__label',\n}\n"],"version":3}

package/dist/cjs/constants-e175be18.js.map

@@ -1 +0,0 @@
-{"file":"constants-e175be18.js","mappings":";;;;;;MAKa,cAAc,GAAGA,UAAI,CAACC,WAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAC;MAGhD,iBAAiB,GAAGD,UAAI,CAACE,iBAAQ,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAC;MAGtE,cAAc,GAAG;EAC7B,IAAI,EAAE,eAAe;EACrB;MAEY,kBAAkB,GAAG;EACjC,IAAI,EAAE,oBAAoB;EAC1B,MAAM,EAAE,4BAA4B;EACpC,KAAK,EAAE,2BAA2B;EAClC,IAAI,EAAE,0BAA0B;EAChC,MAAM,EAAE,4BAA4B;EACpC,KAAK,EAAE,2BAA2B;EAClC,KAAK,EAAE,2BAA2B;EAClC,IAAI,EAAE,0BAA0B;EAChC,KAAK,EAAE,2BAA2B;EAClC,OAAO,EAAE,6BAA6B;;;;;;;;","names":["pick","Sizes","Variants"],"sources":["../../../packages/core/src/components/gov-accordion/constants.ts"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { Variants } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const AccordionSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type AccordionSizeType = `${ValueOf<typeof AccordionSizes>}`\n\nexport const AccordionVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'CUSTOM'])\nexport type AccordionVariantType = `${ValueOf<typeof AccordionVariants>}`\n\nexport const AccordionClass = {\n\troot: 'gov-accordion',\n}\n\nexport const AccordionItemClass = {\n\troot: 'gov-accordion-item',\n\theader: 'gov-accordion-item__header',\n\tarrow: 'gov-accordion-item__arrow',\n\ticon: 'gov-accordion-item__icon',\n\tsuffix: 'gov-accordion-item__suffix',\n\ttitle: 'gov-accordion-item__title',\n\tlabel: 'gov-accordion-item__label',\n\tname: 'gov-accordion-item__name',\n\tannot: 'gov-accordion-item__annot',\n\tcontent: 'gov-accordion-item__content',\n}\n"],"version":3}

package/dist/cjs/form-02872a5e.js.map

@@ -1 +0,0 @@
-{"file":"form-02872a5e.js","mappings":"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","names":["pick","Sizes","Variants","FormLabelClass","FormMultiSelectClass","FormAutocompleteClass","FormMessageClass"],"sources":["../../../packages/core/src/components/gov-form/checkbox/constants.ts","../../../packages/core/src/components/gov-form/control/constants.ts","../../../packages/core/src/components/gov-form/input/constants.ts","../../../packages/core/src/components/gov-form/select/constants.ts","../../../packages/core/src/components/gov-form/switch/constants.ts","../../../packages/core/src/components/gov-form/radio/constants.ts","../../../packages/core/src/helpers/Dom/form.ts"],"sourcesContent":["import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormCheckboxSizes = pick(Sizes, ['_XS', '_S', '_M', '_L'])\nexport type FormCheckboxSizesType = `${ValueOf<typeof FormCheckboxSizes>}`\n\nexport const FormCheckboxClass = {\n\troot: 'gov-form-checkbox',\n\tcheck: 'gov-form-checkbox__check',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormControlSizes = pick(Sizes, ['_M', '_L', '_XL'])\nexport type FormControlSizesType = `${ValueOf<typeof FormControlSizes>}`\n\nexport const FormControlClass = {\n\troot: 'gov-form-control',\n\tholder: 'gov-form-control__holder',\n\tbottom: 'gov-form-control__bottom',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { Variants } from '../../../core/constants/variants'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormInputSizes = pick(Sizes, ['_M', '_L', '_XL'])\nexport type FormInputSizesType = `${ValueOf<typeof FormInputSizes>}`\n\nexport const FormInputVariants = pick(Variants, ['PRIMARY', 'SECONDARY'])\nexport type FormInputVariantType = `${ValueOf<typeof FormInputVariants>}`\n\nexport enum InputTypes {\n\tCOLOR = 'color',\n\tDATE = 'date',\n\tDATETIME_LOCAL = 'datetime-local',\n\tEMAIL = 'email',\n\tMONTH = 'month',\n\tNUMBER = 'number',\n\tPASSWORD = 'password',\n\tSEARCH = 'search',\n\tTEL = 'tel',\n\tTEXT = 'text',\n\tTIME = 'time',\n\tURL = 'url',\n\tWEEK = 'week',\n}\n\nexport type InputType = `${ValueOf<typeof InputTypes>}`\n\nexport enum Type {\n\tRESET = 'reset',\n}\n\nexport type TypesType = `${ValueOf<typeof Type>}`\n\nexport const FormInputClass = {\n\troot: 'gov-form-input',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { Variants } from '../../../core/constants/variants'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormSelectSizes = pick(Sizes, ['_M', '_L', '_XL'])\nexport type FormSelectSizesType = `${ValueOf<typeof FormSelectSizes>}`\n\nexport const FormSelectVariants = pick(Variants, ['PRIMARY', 'SECONDARY'])\nexport type FormSelectVariantType = `${ValueOf<typeof FormSelectVariants>}`\n\nexport const FormSelectClass = {\n\troot: 'gov-form-select',\n\ticon: 'gov-form-select__icon',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\n\nexport const FormSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L'])\nexport type FormSwitchSizesType = `${ValueOf<typeof FormSwitchSizes>}`\n\nexport const FormSwitchClass = {\n\troot: 'gov-form-switch',\n\tholder: 'gov-form-switch__holder',\n\tinput: 'gov-form-switch__input',\n\tindicator: 'gov-form-switch__indicator',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormRadioSizes = pick(Sizes, ['_XS', '_S', '_M', '_L'])\nexport type FormRadioSizesType = `${ValueOf<typeof FormRadioSizes>}`\n\nexport const FormRadioClass = {\n\troot: 'gov-form-radio',\n\tholder: 'gov-form-radio__holder',\n\tinput: 'gov-form-radio__input',\n\tindicator: 'gov-form-radio__indicator',\n}\n","import { GovHost } from './template.types'\nimport { GovForm } from './form.types'\nimport { FormControlClass } from '../../components/gov-form/control/constants'\nimport { FormInputClass } from '../../components/gov-form/input/constants'\nimport { FormSelectClass } from '../../components/gov-form/select/constants'\nimport { FormMultiSelectClass } from '../../components/gov-form/multiselect/constants'\nimport { FormSwitchClass } from '../../components/gov-form/switch/constants'\nimport { FormCheckboxClass } from '../../components/gov-form/checkbox/constants'\nimport { FormRadioClass } from '../../components/gov-form/radio/constants'\nimport { FormMessageClass } from '../../components/gov-form/message/constants'\nimport { FormAutocompleteClass } from '../../components/gov-form/autocomplete/constants'\nimport { Nullable } from '../../types/interfaces'\nimport { FormLabelClass } from \"../../components/gov-form/label/constants\"\n\nexport const govForm = (govHost: GovHost): GovForm => {\n\treturn {\n\t\tget govHost(): GovHost {\n\t\t\treturn govHost\n\t\t},\n\t\tpassAttrToControl(name: string, value: string): void {\n\t\t\tif (this.control) {\n\t\t\t\tthis.control.setAttribute(name, value)\n\t\t\t}\n\t\t},\n\t\tpassAttrToLabel(name: string, value: string): void {\n\t\t\tif (this.label) {\n\t\t\t\tthis.label.setAttribute(name, value)\n\t\t\t}\n\t\t},\n\t\tget hasGroupChildren(): boolean {\n\t\t\tif (this.control) {\n\t\t\t\treturn this.control.querySelectorAll('gov-form-group > *').length > 1\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tget control(): Nullable<HTMLGovFormControlElement> {\n\t\t\tif (this.govHost.name === FormControlClass.root) {\n\t\t\t\treturn this.govHost.hostElement\n\t\t\t}\n\t\t\treturn this.govHost.getParent(FormControlClass.root)\n\t\t},\n\t\tget label(): Nullable<HTMLGovFormLabelElement> {\n\t\t\tif (this.control) {\n\t\t\t\treturn this.control.querySelector(`.${FormLabelClass.root}`)\n\t\t\t}\n\t\t\treturn null\n\t\t},\n\t\tget mainElementsInControl(): Element[] {\n\t\t\tconst formElements = [\n\t\t\t\tFormSelectClass.root,\n\t\t\t\tFormInputClass.root,\n\t\t\t\tFormSwitchClass.root,\n\t\t\t\tFormCheckboxClass.root,\n\t\t\t\tFormRadioClass.root,\n\t\t\t\tFormMultiSelectClass.root,\n\t\t\t\tFormAutocompleteClass.root,\n\t\t\t]\n\t\t\tif (this.control) {\n\t\t\t\tconst elements = formElements.map(el => `${el}:first-of-type`).join(', ')\n\t\t\t\treturn Array.from(this.control.querySelectorAll(elements))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t\tget messageElements(): HTMLGovFormMessageElement[] {\n\t\t\tif (this.control) {\n\t\t\t\treturn Array.from(this.control.querySelectorAll(FormMessageClass.root))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t}\n}\n"],"version":3}

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tiles/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;EACzB,IAAI,EAAE,WAAW;CACjB,CAAA","sourcesContent":["export const TilesClass = {\n\troot: 'gov-tiles',\n}\n"]}