@gov-design-system-ce/components 0.0.33 → 0.0.35

package/dist/hydrate/index.js

@@ -11685,10 +11685,10 @@ class FormsPage extends HTMLElement {
 			<gov-form-input size="xl" placeholder="Co hledáte" input-type="time"></gov-form-input>
 
 			<h2>Search</h2>
-			<gov-form-control size="m">
+			<gov-form-control>
 				<gov-form-group>
 					<gov-form-search name="test-me-c" value="me" checked>
-						<gov-form-input slot="input" id="kapr" name="test-me" placeholder="Co hledáte"></gov-form-input>
+						<gov-form-input slot="input" id="kapr" name="test-me" size="m" placeholder="Co hledáte"></gov-form-input>
 						<gov-button slot="button" variant="primary" size="s">
 							<gov-icon slot="left-icon" name="search"></gov-icon>
 						</gov-button>
@@ -11696,10 +11696,10 @@ class FormsPage extends HTMLElement {
 				</gov-form-group>
 			</gov-form-control>
 			<br>
-			<gov-form-control size="l">
+			<gov-form-control>
 				<gov-form-group>
 					<gov-form-search name="test-me-c" value="me" checked>
-						<gov-form-input slot="input" id="kapr" name="test-me" placeholder="Co hledáte"></gov-form-input>
+						<gov-form-input slot="input" id="kapr" name="test-me" size="l" placeholder="Co hledáte"></gov-form-input>
 						<gov-button slot="button" variant="primary" size="m">
 							Hledat
 						</gov-button>
@@ -11707,10 +11707,10 @@ class FormsPage extends HTMLElement {
 				</gov-form-group>
 			</gov-form-control>
 			<br>
-			<gov-form-control size="xl">
+			<gov-form-control>
 				<gov-form-group>
-					<gov-form-search name="test-me-c" value="me" checked variant="secondary">
-						<gov-form-input slot="input" id="kapr" name="test-me" placeholder="Co hledáte"></gov-form-input>
+					<gov-form-search name="test-me-c" value="me"checked variant="secondary">
+						<gov-form-input slot="input" id="kapr" size="xl" name="test-me" placeholder="Co hledáte"></gov-form-input>
 						<gov-button slot="button" variant="secondary" size="l">
 							Hledat
 						</gov-button>
@@ -11738,12 +11738,12 @@ class FormsPage extends HTMLElement {
 				</gov-form-control>
 				<br>
 
-				<gov-form-control disabled>
-					<gov-form-label size="s" slot="top">Přidat přílohu *</gov-form-label>
+				<gov-form-control>
+					<gov-form-label size="s" slot="top">Přidat přílohu 22 *</gov-form-label>
 					<gov-form-group>
 						<gov-form-file name="test-me-c">
 							<p aria-hidden="true">
-								<gov-button disabled variant="primary" type="outlined">
+								<gov-button variant="primary" type="outlined">
 									<gov-icon slot="left-icon" name="upload"></gov-icon>
 									Nahrát soubor ze zařízení
 								</gov-button>
@@ -11902,12 +11902,12 @@ class FormsPage extends HTMLElement {
 				</gov-form-message>
 			</gov-form-control>
 			<h3>
-				Disabled
+				Disabled DDD
 			</h3>
-			<gov-form-control disabled type="input" id="metro2">
+			<gov-form-control id="metro2">
 				<gov-form-label size="s" slot="top">Label of textarea</gov-form-label>
 				<gov-form-group>
-					<gov-form-input multiline rows="3" name="test-me" value="Value of textarea"></gov-form-input>
+					<gov-form-input multiline rows="3" name="test-me" disabled value="Value of textarea"></gov-form-input>
 				</gov-form-group>
 			</gov-form-control>
 
@@ -14978,7 +14978,7 @@ class GovBadge {
         BadgeClass.root,
         this.h.hasSlot("right") ? BadgeClass.hasRight : undefined,
         this.h.hasSlot("left") ? BadgeClass.hasLeft : undefined,
-      ]), disabled: this.disabled, href: this.href, variant: this.variant, size: this.size, type: this.type, inverse: this.inverse, hoverable: Tag == NativeType$1.A || Tag == NativeType$1.BUTTON }, hAsync(Tag, { class: "element", href: this.href, target: this.target, "aria-label": this.wcagLabel, onClick: this.onClickHandler.bind(this), type: nativeType }, this.h.hasSlot("left") && hAsync("slot", { name: "left" }), this.h.hasSlot("left-icon") && hAsync("slot", { name: "left-icon" }), hAsync("slot", null), this.h.hasSlot("right-icon") && hAsync("slot", { name: "right-icon" }), this.h.hasSlot("right") && hAsync("slot", { name: "right" }), "ref=", el => (this.triggerRef = el))));
+      ]), disabled: this.disabled, href: this.href, variant: this.variant, size: this.size, type: this.type, inverse: this.inverse, hoverable: Tag == NativeType$1.A || Tag == NativeType$1.BUTTON }, hAsync(Tag, { class: "element", href: this.href, target: this.target, "aria-label": this.wcagLabel, ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), type: nativeType }, this.h.hasSlot("left") && hAsync("slot", { name: "left" }), this.h.hasSlot("left-icon") && hAsync("slot", { name: "left-icon" }), hAsync("slot", null), this.h.hasSlot("right-icon") && hAsync("slot", { name: "right-icon" }), this.h.hasSlot("right") && hAsync("slot", { name: "right" }))));
   }
   onClickHandler(e) {
     e.stopPropagation();
@@ -15951,8 +15951,17 @@ class GovFormCheckbox {
   validateSize(newValue) {
     validateProp(FormCheckboxSizes, newValue, FormCheckboxClass.root);
   }
+  watchDisabled() {
+    this.passControlAttrs();
+  }
+  passControlAttrs() {
+    this.f.passAttrToControl("size", this.size);
+    this.f.passAttrToControl("disabled", toBoolAttr(this.disabled));
+    this.f.passAttrToControl("invalid", toBoolAttr(this.invalid));
+  }
   componentWillLoad() {
     this.f.passAttrToControl("type", "checkbox");
+    this.passControlAttrs();
   }
   async componentDidRender() {
     this.f.passAttrToLabel("identifier", this.identifier || this.checkboxId);
@@ -16018,7 +16027,9 @@ class GovFormCheckbox {
   }
   get host() { return getElement(this); }
   static get watchers() { return {
-    "size": ["validateSize"]
+    "size": ["validateSize", "watchDisabled"],
+    "disabled": ["watchDisabled"],
+    "invalid": ["watchDisabled"]
   }; }
   static get style() { return govFormCheckboxCss; }
   static get cmpMeta() { return {
@@ -16056,10 +16067,10 @@ class GovFormControl {
     this.disabled = false;
     this.success = false;
     this.fieldset = false;
-    this.size = 'm';
+    this.size = "m";
     this.h = govHost(this.host);
     this.f = govForm(this.h);
-    this.controlId = createID('GovFormControl');
+    this.controlId = createID("GovFormControl");
   }
   watchInvalid() {
     this.passChildAttrs();
@@ -16075,25 +16086,22 @@ class GovFormControl {
   }
   passChildAttrs() {
     const formElements = [
-      'gov-form-select',
-      'gov-form-input',
-      'gov-form-switch',
-      'gov-form-checkbox',
-      'gov-form-radio',
-      'gov-form-multi-select',
-      'gov-form-file',
-      'gov-form-search',
+      "gov-form-select",
+      "gov-form-input",
+      "gov-form-switch",
+      "gov-form-checkbox",
+      "gov-form-radio",
+      "gov-form-multi-select",
+      "gov-form-file",
+      "gov-form-search",
     ];
-    this.h.passChildAttr(formElements, 'size', this.size);
-    this.h.passChildAttr(formElements, 'invalid', this.invalid);
-    this.h.passChildAttr(formElements, 'disabled', this.disabled);
-    this.h.passChildAttr(formElements, 'success', this.success);
+    this.h.passChildAttr(formElements, "success", this.success);
     if (this.f.hasGroupChildren === false) {
-      this.h.passChildAttr([...formElements, 'gov-form-label'], 'identifier', this.identifier || this.controlId);
+      this.h.passChildAttr([...formElements, "gov-form-label"], "identifier", this.identifier || this.controlId);
     }
   }
   formElementDescriptionControl() {
-    const bottomSlot = this.host.querySelector('.' + FormControlClass.bottom);
+    const bottomSlot = this.host.querySelector("." + FormControlClass.bottom);
     if (!bottomSlot)
       return;
     this.observer = new MutationObserver(function () {
@@ -16104,20 +16112,20 @@ class GovFormControl {
   syncControlMessages() {
     Promise.all(this.f.messageElements.map((message) => message.identifier())).then((ids) => {
       this.f.mainElementsInControl.forEach((element) => {
-        const currentValue = splitByWhitespace(element.getAttribute('wcag-described-by'));
-        element.removeAttribute('wcag-described-by');
+        const currentValue = splitByWhitespace(element.getAttribute("wcag-described-by"));
+        element.removeAttribute("wcag-described-by");
         if (Array.isArray(currentValue)) {
-          currentValue.forEach(id => (id.indexOf('GovFormMessage') === -1 ? ids.push(id) : null));
+          currentValue.forEach(id => (id.indexOf("GovFormMessage") === -1 ? ids.push(id) : null));
         }
         if (ids.length) {
-          element.setAttribute('wcag-described-by', ids.join(' '));
+          element.setAttribute("wcag-described-by", ids.join(" "));
         }
       });
     });
   }
   render() {
-    const Tag = this.fieldset ? 'fieldset' : 'div';
-    return (hAsync(Host, { size: this.size, class: this.h.classes(FormControlClass.root) }, hAsync(Tag, { class: FormControlClass.holder }, this.h.hasSlot('top') && hAsync("slot", { name: "top" }), hAsync("slot", null), this.h.hasSlot('bottom') && (hAsync("div", { class: FormControlClass.bottom }, hAsync("slot", { name: "bottom" }))))));
+    const Tag = this.fieldset ? "fieldset" : "div";
+    return (hAsync(Host, { size: this.size, class: this.h.classes(FormControlClass.root) }, hAsync(Tag, { class: FormControlClass.holder }, this.h.hasSlot("top") && hAsync("slot", { name: "top" }), hAsync("slot", null), this.h.hasSlot("bottom") && (hAsync("div", { class: FormControlClass.bottom }, hAsync("slot", { name: "bottom" }))))));
   }
   get host() { return getElement(this); }
   static get watchers() { return {
@@ -16209,6 +16217,14 @@ class GovFormFile {
     this.h = govHost(this.host);
     this.f = govForm(this.h);
   }
+  watchDisabled() {
+    this.passControlAttrs();
+  }
+  passControlAttrs() {
+    this.f.passAttrToControl("disabled", toBoolAttr(this.disabled));
+    this.f.passAttrToControl("invalid", toBoolAttr(this.invalid));
+    this.f.passAttrToControl("type", "File");
+  }
   registerListeners() {
     function highlight() {
       this.areaRef.classList.add("highlight");
@@ -16266,8 +16282,8 @@ class GovFormFile {
     });
   }
   componentWillLoad() {
-    this.f.passAttrToControl("type", "File");
     this.f.passAttrToLabel("required", String(this.required));
+    this.watchDisabled();
   }
   async componentDidRender() {
     if (canValidateWcagOnRender()) {
@@ -16334,6 +16350,10 @@ class GovFormFile {
     validateWcagLabelFor(this.identifier || this.fileId, this.wcagLabelledBy, FormFileClass.root);
   }
   get host() { return getElement(this); }
+  static get watchers() { return {
+    "disabled": ["watchDisabled"],
+    "invalid": ["watchDisabled"]
+  }; }
   static get style() { return govFormFileCss; }
   static get cmpMeta() { return {
     "$flags$": 4,
@@ -16451,7 +16471,7 @@ class GovFormInput {
     this.focused = undefined;
     this.h = govHost(this.host);
     this.inputId = createID('GovInput');
-    this.f = govForm(govHost(this.host));
+    this.f = govForm(this.h);
   }
   validateVariant(newValue) {
     validateProp(FormInputVariants, newValue, FormInputClass.root);
@@ -16459,10 +16479,19 @@ class GovFormInput {
   validateSize(newValue) {
     validateProp(FormInputSizes, newValue, FormInputClass.root);
   }
+  watchDisabled() {
+    this.passControlAttrs();
+  }
+  passControlAttrs() {
+    this.f.passAttrToControl("size", this.size);
+    this.f.passAttrToControl("disabled", toBoolAttr(this.disabled));
+    this.f.passAttrToControl("invalid", toBoolAttr(this.invalid));
+    this.f.passAttrToControl('type', this.multiline ? Tags$1.TEXTAREA : Tags$1.INPUT);
+  }
   componentWillLoad() {
     this.validateVariant(this.variant);
     this.validateSize(this.size);
-    this.f.passAttrToControl('type', this.multiline ? Tags$1.TEXTAREA : Tags$1.INPUT);
+    this.passControlAttrs();
     this.f.passAttrToLabel('required', String(this.required));
   }
   async componentDidRender() {
@@ -16555,7 +16584,10 @@ class GovFormInput {
   get host() { return getElement(this); }
   static get watchers() { return {
     "variant": ["validateVariant"],
-    "size": ["validateSize"]
+    "size": ["validateSize", "watchDisabled"],
+    "disabled": ["watchDisabled"],
+    "invalid": ["watchDisabled"],
+    "type": ["watchDisabled"]
   }; }
   static get style() { return govFormInputCss; }
   static get cmpMeta() { return {
@@ -16700,6 +16732,8 @@ class GovFormMultiSelect {
     this.selectedOptions = [];
     this.selectId = createID("GovSelect");
     this.listId = createID("GovMultiList");
+    this.h = govHost(this.host);
+    this.f = govForm(this.h);
   }
   validateVariant(newValue) {
     validateProp(FormMultiselectVariants, newValue, FormMultiSelectClass.root);
@@ -16713,9 +16747,18 @@ class GovFormMultiSelect {
       value: newValue,
     });
   }
+  watchDisabled() {
+    this.passControlAttrs();
+  }
+  passControlAttrs() {
+    this.f.passAttrToControl("size", this.size);
+    this.f.passAttrToControl("disabled", toBoolAttr(this.disabled));
+    this.f.passAttrToControl("invalid", toBoolAttr(this.invalid));
+  }
   componentWillLoad() {
     this.validateVariant(this.variant);
     this.validateSize(this.size);
+    this.watchDisabled();
   }
   getAvailableOptions() {
     return Array.from(this.selectRef.querySelectorAll("option"))
@@ -16840,7 +16883,7 @@ class GovFormMultiSelect {
   /**
    * Returns an instance of the native html select element
    */
-  async getInstance() {
+  async getRef() {
     return this.selectRef;
   }
   /**
@@ -16855,8 +16898,10 @@ class GovFormMultiSelect {
   get host() { return getElement(this); }
   static get watchers() { return {
     "variant": ["validateVariant"],
-    "size": ["validateSize"],
-    "selectedOptions": ["emitChange"]
+    "size": ["validateSize", "watchDisabled"],
+    "selectedOptions": ["emitChange"],
+    "disabled": ["watchDisabled"],
+    "invalid": ["watchDisabled"]
   }; }
   static get style() { return govFormMultiSelectCss; }
   static get cmpMeta() { return {
@@ -16879,7 +16924,7 @@ class GovFormMultiSelect {
       "selectedOptions": [32],
       "setFocus": [64],
       "setValue": [64],
-      "getInstance": [64],
+      "getRef": [64],
       "validateWcag": [64]
     },
     "$listeners$": undefined,
@@ -16931,24 +16976,33 @@ class GovFormRadio {
     this.required = false;
     this.disabled = undefined;
     this.name = undefined;
-    this.size = 'm';
+    this.size = "m";
     this.identifier = undefined;
     this.invalid = undefined;
     this.wcagDescribedBy = undefined;
     this.wcagLabelledBy = undefined;
-    this.radioId = createID('GovRadio');
+    this.radioId = createID("GovRadio");
     this.h = govHost(this.host);
     this.f = govForm(this.h);
   }
   validateSize(newValue) {
     validateProp(FormRadioSizes, newValue, FormRadioClass.root);
   }
+  watchDisabled() {
+    this.passControlAttrs();
+  }
+  passControlAttrs() {
+    this.f.passAttrToControl("size", this.size);
+    this.f.passAttrToControl("disabled", toBoolAttr(this.disabled));
+    this.f.passAttrToControl("invalid", toBoolAttr(this.invalid));
+    this.f.passAttrToControl("type", "radio");
+  }
   componentWillLoad() {
-    this.f.passAttrToControl('type', 'radio');
+    this.passControlAttrs();
   }
   async componentDidRender() {
-    this.f.passAttrToLabel('identifier', this.identifier || this.radioId);
-    this.f.passAttrToLabel('required', String(this.required));
+    this.f.passAttrToLabel("identifier", this.identifier || this.radioId);
+    this.f.passAttrToLabel("required", String(this.required));
     if (canValidateWcagOnRender()) {
       await delay(500);
       await this.validateWcag();
@@ -17004,13 +17058,15 @@ class GovFormRadio {
    * Validate the WCAG attributes of the component
    */
   async validateWcag() {
-    validateWcagRef(this.wcagDescribedBy, 'wcag-described-by', FormRadioClass.root);
-    validateWcagRef(this.wcagLabelledBy, 'wcag-labelled-by', FormRadioClass.root);
+    validateWcagRef(this.wcagDescribedBy, "wcag-described-by", FormRadioClass.root);
+    validateWcagRef(this.wcagLabelledBy, "wcag-labelled-by", FormRadioClass.root);
     validateWcagLabelFor(this.identifier || this.radioId, this.wcagLabelledBy, FormRadioClass.root);
   }
   get host() { return getElement(this); }
   static get watchers() { return {
-    "size": ["validateSize"]
+    "size": ["validateSize", "watchDisabled"],
+    "disabled": ["watchDisabled"],
+    "invalid": ["watchDisabled"]
   }; }
   static get style() { return govFormRadioCss; }
   static get cmpMeta() { return {
@@ -17087,8 +17143,8 @@ class GovFormSelect {
     this.wcagOwns = undefined;
     this.focused = undefined;
     this.h = govHost(this.host);
+    this.f = govForm(this.h);
     this.selectId = createID("GovSelect");
-    this.f = govForm(govHost(this.host));
   }
   validateVariant(newValue) {
     validateProp(FormSelectVariants, newValue, FormSelectClass.root);
@@ -17096,6 +17152,15 @@ class GovFormSelect {
   validateSize(newValue) {
     validateProp(FormSelectSizes, newValue, FormSelectClass.root);
   }
+  watchDisabled() {
+    this.passControlAttrs();
+  }
+  passControlAttrs() {
+    this.f.passAttrToControl("size", this.size);
+    this.f.passAttrToControl("disabled", toBoolAttr(this.disabled));
+    this.f.passAttrToControl("invalid", toBoolAttr(this.invalid));
+    this.f.passAttrToControl("type", "select");
+  }
   componentWillLoad() {
     this.validateVariant(this.variant);
     this.validateSize(this.size);
@@ -17104,7 +17169,7 @@ class GovFormSelect {
         option.setAttribute("selected", "true");
       }
     });
-    this.f.passAttrToControl("type", "select");
+    this.passControlAttrs();
     this.f.passAttrToLabel("required", String(this.required));
   }
   async componentDidRender() {
@@ -17172,7 +17237,9 @@ class GovFormSelect {
   get host() { return getElement(this); }
   static get watchers() { return {
     "variant": ["validateVariant"],
-    "size": ["validateSize"]
+    "size": ["validateSize", "watchDisabled"],
+    "disabled": ["watchDisabled"],
+    "invalid": ["watchDisabled"]
   }; }
   static get style() { return govFormSelectCss; }
   static get cmpMeta() { return {
@@ -17230,12 +17297,21 @@ class GovFormSwitch {
   validateSize(newValue) {
     validateProp(FormSwitchSizes, newValue, FormSwitchClass.root);
   }
-  componentWillLoad() {
+  watchDisabled() {
+    this.passControlAttrs();
+  }
+  passControlAttrs() {
+    this.f.passAttrToControl("size", this.size);
+    this.f.passAttrToControl("disabled", toBoolAttr(this.disabled));
+    this.f.passAttrToControl("invalid", toBoolAttr(this.invalid));
     this.f.passAttrToControl("type", "switch");
   }
+  componentWillLoad() {
+    this.passControlAttrs();
+  }
   async componentDidRender() {
-    this.f.passAttrToLabel('identifier', this.identifier || this.checkboxId);
-    this.f.passAttrToLabel('required', String(this.required));
+    this.f.passAttrToLabel("identifier", this.identifier || this.checkboxId);
+    this.f.passAttrToLabel("required", String(this.required));
     if (canValidateWcagOnRender()) {
       await delay(500);
       await this.validateWcag();
@@ -17259,7 +17335,7 @@ class GovFormSwitch {
       component: FormSwitchClass.root,
       checked: this.checked,
       value: this.value,
-      originalEvent: e
+      originalEvent: e,
     });
   }
   onBlurHandler(e) {
@@ -17268,7 +17344,7 @@ class GovFormSwitch {
       component: FormSwitchClass.root,
       checked: this.checked,
       value: this.value,
-      originalEvent: e
+      originalEvent: e,
     });
   }
   onChangeHandler(e) {
@@ -17278,7 +17354,7 @@ class GovFormSwitch {
       component: FormSwitchClass.root,
       checked: this.checked,
       value: this.value,
-      originalEvent: e
+      originalEvent: e,
     });
   }
   /**
@@ -17297,7 +17373,9 @@ class GovFormSwitch {
   }
   get host() { return getElement(this); }
   static get watchers() { return {
-    "size": ["validateSize"]
+    "size": ["validateSize", "watchDisabled"],
+    "disabled": ["watchDisabled"],
+    "invalid": ["watchDisabled"]
   }; }
   static get style() { return govFormSwitchCss; }
   static get cmpMeta() { return {

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

@@ -67,6 +67,8 @@ export declare class GovFormCheckbox {
    */
   govChange: EventEmitter<FormCheckboxEvent>;
   validateSize(newValue: string): void;
+  watchDisabled(): void;
+  private passControlAttrs;
   componentWillLoad(): void;
   componentDidRender(): Promise<void>;
   render(): any;

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

@@ -1,10 +1,11 @@
-import { FormControlSizesType } from './constants';
+import { FormControlSizesType } from "./constants";
 export declare class GovFormControl {
   private readonly h;
   private f;
   private readonly controlId;
   private observer;
   constructor();
+  host: HTMLGovFormControlElement;
   /**
    * Defines the space between nested components.
    */
@@ -36,7 +37,6 @@ export declare class GovFormControl {
    * Form element size.
    */
   readonly size?: FormControlSizesType;
-  host: HTMLGovFormControlElement;
   watchInvalid(): void;
   componentDidRender(): void;
   disconnectedCallback(): void;

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

@@ -96,6 +96,8 @@ export declare class GovFormFile {
    */
   govRemoveFile: EventEmitter<GovFormFileEvent>;
   files: GovFormFileItem[];
+  watchDisabled(): void;
+  private passControlAttrs;
   private registerListeners;
   preventDefaults(e: any): void;
   handleDrop(e: DragEvent): void;

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

@@ -4,7 +4,7 @@ import { FormInputVariantType } from './constants';
 import { FormInputEvent } from './gov-form-input.types';
 export declare class GovFormInput {
   private f;
-  private h;
+  private readonly h;
   private inputRef?;
   private readonly inputId;
   constructor();
@@ -148,6 +148,8 @@ export declare class GovFormInput {
   focused: boolean;
   validateVariant(newValue: string): void;
   validateSize(newValue: string): void;
+  watchDisabled(): void;
+  private passControlAttrs;
   componentWillLoad(): void;
   componentDidRender(): Promise<void>;
   render(): any;

package/dist/types/components/gov-form/multiselect/gov-form-multi-select.d.ts

@@ -2,6 +2,8 @@ import { EventEmitter } from "../../../stencil-public-runtime";
 import { FormMultiselectSizesType, FormMultiselectVariantType } from "./constants";
 import { FormMultiselectEvent, GovFormMultiSelectItem } from "./gov-form-multi-select.types";
 export declare class GovFormMultiSelect {
+  private f;
+  private readonly h;
   private selectRef?;
   private autocompleteRef?;
   private readonly selectId;
@@ -72,6 +74,8 @@ export declare class GovFormMultiSelect {
   validateVariant(newValue: string): void;
   validateSize(newValue: string): void;
   emitChange(newValue: GovFormMultiSelectItem[]): void;
+  watchDisabled(): void;
+  private passControlAttrs;
   componentWillLoad(): void;
   private getAvailableOptions;
   private initAutocomplete;
@@ -97,7 +101,7 @@ export declare class GovFormMultiSelect {
   /**
    * Returns an instance of the native html select element
    */
-  getInstance(): Promise<HTMLSelectElement>;
+  getRef(): Promise<HTMLSelectElement>;
   /**
    * Validate the WCAG attributes of the component
    */

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

@@ -1,6 +1,6 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { FormRadioSizesType } from './constants';
-import { FormRadioEvent } from './gov-form-radio.types';
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { FormRadioSizesType } from "./constants";
+import { FormRadioEvent } from "./gov-form-radio.types";
 export declare class GovFormRadio {
   private readonly h;
   private f;
@@ -67,6 +67,8 @@ export declare class GovFormRadio {
    */
   govChange: EventEmitter<FormRadioEvent>;
   validateSize(newValue: string): void;
+  watchDisabled(): void;
+  private passControlAttrs;
   componentWillLoad(): void;
   componentDidRender(): Promise<void>;
   render(): any;

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

@@ -3,7 +3,7 @@ import { FormSelectSizesType, FormSelectVariantType } from "./constants";
 import { FormSelectEvent } from "./gov-form-select.types";
 export declare class GovFormSelect {
   private f;
-  private h;
+  private readonly h;
   private selectRef?;
   private readonly selectId;
   constructor();
@@ -77,6 +77,8 @@ export declare class GovFormSelect {
   focused: boolean;
   validateVariant(newValue: string): void;
   validateSize(newValue: string): void;
+  watchDisabled(): void;
+  private passControlAttrs;
   componentWillLoad(): void;
   componentDidRender(): Promise<void>;
   render(): any;

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

@@ -67,6 +67,8 @@ export declare class GovFormSwitch {
    */
   govChange: EventEmitter<FormSwitchEvent>;
   validateSize(newValue: string): void;
+  watchDisabled(): void;
+  private passControlAttrs;
   componentWillLoad(): void;
   componentDidRender(): Promise<void>;
   render(): any;

package/dist/types/components.d.ts

@@ -911,7 +911,7 @@ export namespace Components {
         /**
           * Returns an instance of the native html select element
          */
-        "getInstance": () => Promise<HTMLSelectElement>;
+        "getRef": () => Promise<HTMLSelectElement>;
         /**
           * Custom select identifier.
          */

package/dist/types/types/typings.d.ts

@@ -0,0 +1,6 @@
+declare module '*.jpg'
+
+declare module '*.md' {
+	const value: string // markdown is just a string
+	export default value
+}

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.33",
+    "version" : "0.0.35",
     "license" : "EUPL v1.2 Licensed",
     "main" : "./dist/index.cjs.js",
     "module" : "./dist/index.js",

package/dist/cjs/constants-e8760a84.js

@@ -1,20 +0,0 @@
-'use strict';
-
-const sizes = require('./sizes-79872c2a.js');
-const variants = require('./variants-f5ffeef3.js');
-const utils = require('./utils-c9b1bba3.js');
-
-const FormMultiselectSizes = utils.pick(sizes.Sizes, ['_M', '_L', '_XL']);
-const FormMultiselectVariants = utils.pick(variants.Variants, ['PRIMARY', 'SECONDARY']);
-const FormMultiSelectClass = {
-  root: 'gov-form-multi-select',
-  wrap: 'gov-form-multi-select__wrap',
-  list: 'gov-form-multi-select__list',
-  item: 'gov-form-multi-select__item',
-};
-
-exports.FormMultiSelectClass = FormMultiSelectClass;
-exports.FormMultiselectSizes = FormMultiselectSizes;
-exports.FormMultiselectVariants = FormMultiselectVariants;
-
-//# sourceMappingURL=constants-e8760a84.js.map