@gov-design-system-ce/components 4.2.4 → 4.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/dist/cjs/core.cjs.js +1 -1
  2. package/dist/cjs/gov-flex_3.cjs.entry.js +1 -1
  3. package/dist/cjs/gov-form-input_2.cjs.entry.js +1 -1
  4. package/dist/cjs/gov-form-input_2.cjs.entry.js.map +1 -1
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/collection/components/gov-loading/skeleton/gov-skeleton.js +6 -6
  7. package/dist/collection/components/gov-loading/skeleton/gov-skeleton.js.map +1 -1
  8. package/dist/collection/pages/Loading.js +5 -1
  9. package/dist/collection/pages/Loading.js.map +1 -1
  10. package/dist/components/gov-accordion-item.js +1 -1
  11. package/dist/components/gov-attachments-item.js +1 -1
  12. package/dist/components/gov-blockquote.js +1 -1
  13. package/dist/components/gov-breadcrumbs.js +1 -1
  14. package/dist/components/gov-button.js +1 -1
  15. package/dist/components/gov-card.js +1 -1
  16. package/dist/components/gov-chip.js +1 -1
  17. package/dist/components/gov-dialog.js +1 -1
  18. package/dist/components/gov-form-autocomplete.js +1 -1
  19. package/dist/components/gov-form-checkbox.js +1 -1
  20. package/dist/components/gov-form-file.js +1 -1
  21. package/dist/components/gov-form-input.js +1 -1
  22. package/dist/components/gov-form-multi-select.js +1 -1
  23. package/dist/components/gov-form-range.js +1 -1
  24. package/dist/components/gov-form-range.js.map +1 -1
  25. package/dist/components/gov-form-select.js +1 -1
  26. package/dist/components/gov-form-switch.js +1 -1
  27. package/dist/components/gov-icon.js +1 -1
  28. package/dist/components/gov-infobar.js +1 -1
  29. package/dist/components/gov-link.js +1 -1
  30. package/dist/components/gov-loading.js +1 -1
  31. package/dist/components/gov-pagination.js +1 -1
  32. package/dist/components/gov-skeleton.js +1 -1
  33. package/dist/components/gov-tabs.js +1 -1
  34. package/dist/components/gov-tabs.js.map +1 -1
  35. package/dist/components/gov-tag.js +1 -1
  36. package/dist/components/gov-theme-switch.js +1 -1
  37. package/dist/components/gov-tile.js +1 -1
  38. package/dist/components/gov-toast.js +1 -1
  39. package/dist/components/gov-tooltip-content.js +1 -1
  40. package/dist/components/gov-wizard-item.js +1 -1
  41. package/dist/components/{p-bd393ff0.js → p-106a27de.js} +2 -2
  42. package/dist/components/{p-90657523.js → p-246216b9.js} +2 -2
  43. package/dist/components/{p-043a676e.js → p-2d1d727d.js} +2 -2
  44. package/dist/components/{p-cbe3bc71.js → p-5c247bc2.js} +2 -2
  45. package/dist/components/{p-abea96cf.js → p-80c889e2.js} +2 -2
  46. package/dist/components/{p-2b33d27c.js → p-d1a59544.js} +2 -2
  47. package/dist/components/{p-b56d6b99.js → p-f7ca5e39.js} +2 -2
  48. package/dist/components/{p-313b4611.js → p-fcc6dd1d.js} +2 -2
  49. package/dist/components/p-fcc6dd1d.js.map +1 -0
  50. package/dist/core/core.css +20 -18
  51. package/dist/core/core.esm.js +1 -1
  52. package/dist/core/core.esm.js.map +1 -1
  53. package/dist/core/p-2fd53723.entry.js +2 -0
  54. package/dist/core/{p-b9f1c2ef.entry.js.map → p-2fd53723.entry.js.map} +1 -1
  55. package/dist/core/{p-9e5eb19a.entry.js → p-d3014dc5.entry.js} +2 -2
  56. package/dist/esm/core.js +1 -1
  57. package/dist/esm/gov-flex_3.entry.js +1 -1
  58. package/dist/esm/gov-form-input_2.entry.js +1 -1
  59. package/dist/esm/gov-form-input_2.entry.js.map +1 -1
  60. package/dist/esm/loader.js +1 -1
  61. package/dist/hydrate/index.js +6 -6
  62. package/dist/hydrate/index.mjs +6 -6
  63. package/dist/types/components/gov-loading/skeleton/gov-skeleton.d.ts +2 -2
  64. package/dist/types/components.d.ts +2 -2
  65. package/package.json +1 -1
  66. package/dist/components/p-313b4611.js.map +0 -1
  67. package/dist/core/p-b9f1c2ef.entry.js +0 -2
  68. /package/dist/components/{p-bd393ff0.js.map → p-106a27de.js.map} +0 -0
  69. /package/dist/components/{p-90657523.js.map → p-246216b9.js.map} +0 -0
  70. /package/dist/components/{p-043a676e.js.map → p-2d1d727d.js.map} +0 -0
  71. /package/dist/components/{p-cbe3bc71.js.map → p-5c247bc2.js.map} +0 -0
  72. /package/dist/components/{p-abea96cf.js.map → p-80c889e2.js.map} +0 -0
  73. /package/dist/components/{p-2b33d27c.js.map → p-d1a59544.js.map} +0 -0
  74. /package/dist/components/{p-b56d6b99.js.map → p-f7ca5e39.js.map} +0 -0
  75. /package/dist/core/{p-9e5eb19a.entry.js.map → p-d3014dc5.entry.js.map} +0 -0
@@ -6417,7 +6417,7 @@ const IconClass = {
6417
6417
  holder: 'gov-icon__holder',
6418
6418
  };
6419
6419
 
6420
- const version = "4.2.4";
6420
+ const version = "4.2.5";
6421
6421
 
6422
6422
  const dsVersion = () => {
6423
6423
  return version;
@@ -7233,7 +7233,7 @@ class GovSkeleton {
7233
7233
  return Object.assign({}, dimenssionsStyles);
7234
7234
  }
7235
7235
  render() {
7236
- return (hAsync(Host, Object.assign({ key: 'fa43a5bc92210a51bb681449542c6f5c2863e3ad', size: this.size, color: this.color, class: {
7236
+ return (hAsync(Host, Object.assign({ key: '613250c817d9f03aa3af10639b01b523c3107868', size: this.size, color: this.color, class: {
7237
7237
  [SkeletonClass.root]: true,
7238
7238
  circle: this.shape === "circle",
7239
7239
  line: this.shape === "line",
@@ -7251,17 +7251,17 @@ class GovSkeleton {
7251
7251
  "$flags$": 0,
7252
7252
  "$tagName$": "gov-skeleton",
7253
7253
  "$members$": {
7254
- "size": [1],
7254
+ "size": [513],
7255
7255
  "color": [1],
7256
7256
  "shape": [1],
7257
- "width": [1],
7258
- "height": [1],
7257
+ "width": [513],
7258
+ "height": [513],
7259
7259
  "animation": [1],
7260
7260
  "inheritedAttributes": [32]
7261
7261
  },
7262
7262
  "$listeners$": undefined,
7263
7263
  "$lazyBundleId$": "-",
7264
- "$attrsToReflect$": []
7264
+ "$attrsToReflect$": [["size", "size"], ["width", "width"], ["height", "height"]]
7265
7265
  }; }
7266
7266
  }
7267
7267
 
@@ -6413,7 +6413,7 @@ const IconClass = {
6413
6413
  holder: 'gov-icon__holder',
6414
6414
  };
6415
6415
 
6416
- const version = "4.2.4";
6416
+ const version = "4.2.5";
6417
6417
 
6418
6418
  const dsVersion = () => {
6419
6419
  return version;
@@ -7229,7 +7229,7 @@ class GovSkeleton {
7229
7229
  return Object.assign({}, dimenssionsStyles);
7230
7230
  }
7231
7231
  render() {
7232
- return (hAsync(Host, Object.assign({ key: 'fa43a5bc92210a51bb681449542c6f5c2863e3ad', size: this.size, color: this.color, class: {
7232
+ return (hAsync(Host, Object.assign({ key: '613250c817d9f03aa3af10639b01b523c3107868', size: this.size, color: this.color, class: {
7233
7233
  [SkeletonClass.root]: true,
7234
7234
  circle: this.shape === "circle",
7235
7235
  line: this.shape === "line",
@@ -7247,17 +7247,17 @@ class GovSkeleton {
7247
7247
  "$flags$": 0,
7248
7248
  "$tagName$": "gov-skeleton",
7249
7249
  "$members$": {
7250
- "size": [1],
7250
+ "size": [513],
7251
7251
  "color": [1],
7252
7252
  "shape": [1],
7253
- "width": [1],
7254
- "height": [1],
7253
+ "width": [513],
7254
+ "height": [513],
7255
7255
  "animation": [1],
7256
7256
  "inheritedAttributes": [32]
7257
7257
  },
7258
7258
  "$listeners$": undefined,
7259
7259
  "$lazyBundleId$": "-",
7260
- "$attrsToReflect$": []
7260
+ "$attrsToReflect$": [["size", "size"], ["width", "width"], ["height", "height"]]
7261
7261
  }; }
7262
7262
  }
7263
7263
 
@@ -22,11 +22,11 @@ export declare class GovSkeleton {
22
22
  /**
23
23
  * Width of the skeleton ex. 100px, 100%, auto etc.
24
24
  */
25
- width: string;
25
+ width?: string;
26
26
  /**
27
27
  * Height of the skeleton ex. 100px, 100%, auto etc.
28
28
  */
29
- height: string;
29
+ height?: string;
30
30
  /**
31
31
  * Animation type
32
32
  */
@@ -1546,7 +1546,7 @@ export namespace Components {
1546
1546
  /**
1547
1547
  * Height of the skeleton ex. 100px, 100%, auto etc.
1548
1548
  */
1549
- "height": string;
1549
+ "height"?: string;
1550
1550
  /**
1551
1551
  * Shape of the skeleton
1552
1552
  */
@@ -1558,7 +1558,7 @@ export namespace Components {
1558
1558
  /**
1559
1559
  * Width of the skeleton ex. 100px, 100%, auto etc.
1560
1560
  */
1561
- "width": string;
1561
+ "width"?: string;
1562
1562
  }
1563
1563
  interface GovSpacer {
1564
1564
  /**
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@gov-design-system-ce/components",
3
3
  "description": "This package includes Gov Design System Web Components and related utilities.",
4
4
  "author": "Zdeněk Vítek",
5
- "version": "4.2.4",
5
+ "version": "4.2.5",
6
6
  "license": "EUPL v1.2 Licensed",
7
7
  "main": "./dist/index.cjs.js",
8
8
  "unpkg": "./dist/core/core.esm.js",
@@ -1 +0,0 @@
1
- {"version":3,"names":["SkeletonSizes","pick","Sizes","Colors","SkeletonShapes","SkeletonAnimation","SkeletonClass","root","GovSkeleton","proxyCustomElement","H","constructor","this","items","h","govHost","host","validateSize","newValue","validateProp","validateShape","validateAnimation","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","size","shape","animation","init","inheritedAttributes","inheritAriaAttributes","componentWillUpdate","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","fill","style","dimenssionsStyles","width","height","render","Host","key","color","class","circle","line","progress","pulse","role","tabindex"],"sources":["../../../packages/core/src/components/gov-loading/skeleton/constants.ts","../../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.tsx"],"sourcesContent":["import { pick } from \"../../../utils/utils\"\nimport { ValueOf } from \"../../../types/interfaces\"\nimport {Sizes} from \"../../../core/constants/sizes\";\nimport {Colors} from \"../../../core/constants/colors\";\n\nexport const SkeletonSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type SkeletonSizesType = `${ValueOf<typeof SkeletonSizes>}`\n\nexport const SkeletonColors = pick(Colors, [\"PRIMARY\", \"NEUTRAL\"])\nexport type SkeletonColorType = `${ValueOf<typeof SkeletonColors>}`\n\nexport enum SkeletonShapes {\n\tCIRCLE = 'circle',\n\tLINE = 'line'\n}\nexport type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`\n\nexport enum SkeletonAnimation {\n\tPULSE = 'pulse',\n\tPROGRESS = 'progress',\n\tFALSE = 'false'\n}\nexport type SkeletonAnimationType = `${ValueOf<typeof SkeletonAnimation>}`\n\nexport const SkeletonClass = {\n\troot: 'gov-skeleton',\n}\n","import {Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {\n\tSkeletonAnimation,\n\tSkeletonAnimationType,\n\tSkeletonClass,\n\tSkeletonColorType,\n\tSkeletonShapes,\n\tSkeletonShapesType,\n\tSkeletonSizes,\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormInputSizesType} from \"../../gov-form/input/constants\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-skeleton\",\n})\nexport class GovSkeleton {\n\th: GovHost\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovSkeletonElement\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop() readonly size?: FormInputSizesType = \"m\"\n\t/**\n\t * Style variation of the skeleton.\n\t */\n\t@Prop() readonly color?: SkeletonColorType = \"neutral\"\n\t/**\n\t * Shape of the skeleton\n\t */\n\t@Prop() shape?: SkeletonShapesType = \"line\"\n\t/**\n\t * Width of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop() width: string = null\n\t/**\n\t * Height of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop() height: string = null\n\t/**\n\t * Animation type\n\t */\n\t@Prop() animation?: SkeletonAnimationType = \"progress\"\n\n\titems: number[] = []\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(SkeletonSizes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('shape')\n\tvalidateShape(newValue: string): void {\n\t\tvalidateProp(SkeletonShapes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('animation')\n\tvalidateAnimation(newValue: string): void {\n\t\tvalidateProp(SkeletonAnimation, newValue, SkeletonClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateShape(this.shape)\n\t\tthis.validateAnimation(this.animation)\n\t\tthis.init()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentWillUpdate() {\n\t\tthis.init()\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tinit() {\n\t\tthis.items.fill(1)\n\t}\n\n\tget style() {\n\t\tconst dimenssionsStyles: {\n\t\t\twidth?: string,\n\t\t\theight?: string,\n\t\t} = {\n\t\t\twidth: null,\n\t\t\theight: null,\n\t\t}\n\t\tif (this.width) {\n\t\t\tdimenssionsStyles.width = this.width\n\t\t}\n\n\t\tif (this.height) {\n\t\t\tdimenssionsStyles.height = this.height\n\t\t}\n\n\t\treturn {...dimenssionsStyles}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host size={this.size}\n\t\t\t\t color={this.color}\n\t\t\t\t class={{\n\t\t\t\t\t [SkeletonClass.root]: true,\n\t\t\t\t\t circle: this.shape === \"circle\",\n\t\t\t\t\t line: this.shape === \"line\",\n\t\t\t\t\t progress: this.animation === \"progress\",\n\t\t\t\t\t pulse: this.animation === \"pulse\",\n\t\t\t\t }}\n\t\t\t\t {...this.inheritedAttributes}\n\t\t\t\t aria-busy=\"true\"\n\t\t\t\t aria-valuemin=\"0\"\n\t\t\t\t aria-valuemax=\"100\"\n\t\t\t\t role=\"progressbar\"\n\t\t\t\t tabindex=\"0\"\n\t\t\t\t style={this.style}>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"+RAKO,MAAMA,EAAgBC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAGrCD,EAAKE,EAAQ,CAAC,UAAW,YAGvD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,mBACAA,EAAA,cACA,EAHD,CAAYA,MAAc,KAM1B,IAAYC,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,uBACAA,EAAA,gBACA,EAJD,CAAYA,MAAiB,KAOtB,MAAMC,EAAgB,CAC5BC,KAAM,gB,MCJMC,EAAWC,EAAA,MAAAD,UAAAE,EAIvB,WAAAC,G,8BA8BAC,KAAAC,MAAkB,G,UAtB2B,I,WAIA,U,WAIR,O,WAIb,K,YAIC,K,eAImB,W,yBAmBD,GA9C1CD,KAAKE,EAAIC,EAAQH,KAAKI,K,CAgCvB,YAAAC,CAAaC,GACZC,EAAanB,EAAekB,EAAUZ,EAAcC,K,CAIrD,aAAAa,CAAcF,GACbC,EAAaf,EAAgBc,EAAUZ,EAAcC,K,CAItD,iBAAAc,CAAkBH,GACjBC,EAAad,EAAmBa,EAAUZ,EAAcC,K,CAKzD,gBAAAe,GACCV,KAAKW,kBAAoB,IAAIC,EAAkBZ,KAAKI,MAAM,CAACS,EAAeP,KACzEN,KAAKc,sBAAsBD,EAAeP,EAAS,IAGpDN,KAAKW,kBAAkBI,eAAeC,E,CAGvC,iBAAAC,GACCjB,KAAKK,aAAaL,KAAKkB,MACvBlB,KAAKQ,cAAcR,KAAKmB,OACxBnB,KAAKS,kBAAkBT,KAAKoB,WAC5BpB,KAAKqB,OACLrB,KAAKsB,oBAAsBC,EAAsBvB,KAAKI,K,CAGvD,mBAAAoB,GACCxB,KAAKqB,M,CAGN,oBAAAI,G,OACCC,EAAA1B,KAAKW,qBAAiB,MAAAe,SAAA,SAAAA,EAAEC,e,CAGzB,qBAAAb,CAAsBD,EAAuBP,GAC5CN,KAAKI,KAAKwB,gBAAgBf,GAC1Bb,KAAKsB,oBAAmBO,OAAAC,OAAAD,OAAAC,OAAA,GAAO9B,KAAKsB,qBAAmB,CAAET,CAACA,GAAgBP,G,CAG3E,IAAAe,GACCrB,KAAKC,MAAM8B,KAAK,E,CAGjB,SAAIC,GACH,MAAMC,EAGF,CACHC,MAAO,KACPC,OAAQ,MAET,GAAInC,KAAKkC,MAAO,CACfD,EAAkBC,MAAQlC,KAAKkC,K,CAGhC,GAAIlC,KAAKmC,OAAQ,CAChBF,EAAkBE,OAASnC,KAAKmC,M,CAGjC,OAAAN,OAAAC,OAAA,GAAWG,E,CAGZ,MAAAG,GACC,OACClC,EAACmC,EAAIR,OAAAC,OAAA,CAAAQ,IAAA,2CAACpB,KAAMlB,KAAKkB,KACdqB,MAAOvC,KAAKuC,MACZC,MAAO,CACN,CAAC9C,EAAcC,MAAO,KACtB8C,OAAQzC,KAAKmB,QAAU,SACvBuB,KAAM1C,KAAKmB,QAAU,OACrBwB,SAAU3C,KAAKoB,YAAc,WAC7BwB,MAAO5C,KAAKoB,YAAc,UAEvBpB,KAAKsB,oBAAmB,aAClB,OAAM,gBACF,IAAG,gBACH,MACduB,KAAK,cACLC,SAAS,IACTd,MAAOhC,KAAKgC,Q","ignoreList":[]}
@@ -1,2 +0,0 @@
1
- import{r as t,c as i,h as s,a as e,g as a}from"./p-9dea2efa.js";import{g as h,l as n,m as o}from"./p-da1db6fd.js";import{g as r,c,t as d,d as l}from"./p-ea7fdd2e.js";import{v as u}from"./p-0b3574c2.js";import{c as f}from"./p-cd6c2938.js";import{A as p,a as m}from"./p-9ac55bd1.js";import{i as b}from"./p-d9a299a4.js";import{p as v}from"./p-e0e2e9c1.js";import{S as g}from"./p-92f420cb.js";import{C as y}from"./p-5aad3497.js";import"./p-7f3becc5.js";import"./p-56efd4a2.js";import"./p-7ba4daf4.js";import"./p-e8ec030e.js";var k;(function(t){t["INPUT"]="input";t["TEXTAREA"]="textarea"})(k||(k={}));const j=class{constructor(s){t(this,s);this.govFocus=i(this,"gov-focus",7);this.govBlur=i(this,"gov-blur",7);this.govInput=i(this,"gov-input",7);this.govKeyUp=i(this,"gov-keyup",7);this.govHydrated=i(this,"gov-hydrated",7);this.govKeyDown=i(this,"gov-keydown",7);this.value=undefined;this.identifier=undefined;this.success=undefined;this.size="m";this.name=undefined;this.multiline=undefined;this.rows=undefined;this.cols=undefined;this.required=false;this.disabled=false;this.placeholder=undefined;this.readonly=undefined;this.minlength=undefined;this.maxlength=undefined;this.min=undefined;this.max=undefined;this.autocomplete=undefined;this.autocorrect=undefined;this.spellcheck=undefined;this.inputLang=undefined;this.type=undefined;this.inputType="text";this.role=undefined;this.invalid=undefined;this.accessibleShowPasswordLabel="Zobrazit heslo";this.accessibleHidePasswordLabel="Skrýt heslo";this.focused=undefined;this.showPassword=false;this.inheritedAttributes={};this.h=r(this.host);this.inputId=f("GovInput");this.f=h(this.h)}validateSize(t){u(o,t,n.root)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("success",c(this.success));this.f.passAttrToControl("disabled",c(this.disabled));this.f.passAttrToControl("invalid",c(this.invalid));this.f.passAttrToControl("type",this.multiline?k.TEXTAREA:k.INPUT)}componentDidLoad(){this.attributeObserver=new p(this.host,((t,i)=>{this.onAriaAttributeChange(t,i)}));this.attributeObserver.startObserving(m);this.govHydrated.emit()}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=b(this.host)}componentDidRender(){this.passControlAttrs();this.f.passAttrToLabel("required",String(this.required))}onAriaAttributeChange(t,i){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:i})}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}render(){const t=this.multiline?k.TEXTAREA:k.INPUT;return s(e,{key:"f2b0e3a105b6a3904d59821bc68e13bfa01acea9",class:n.root,size:this.size,type:this.type},this.h.hasSlot("prefix")&&s("slot",{key:"13ff8da008e08322cd0eb241600751f8e896416b",name:"prefix"}),s("span",{key:"22c1467190afaf1a2c8e98d0cd4500f123494885",class:"element"},this.h.hasSlot("icon-start")&&!this.multiline&&s("div",{key:"1ab85a6556b44fd92959c0311b57028a8e3b8d74",class:n.icons,onClick:()=>this.inputRef.focus()},s("slot",{key:"dcc9f5a1da1245bd4eccc0a919b08b73a556efe7",name:"icon-start"})),s(t,Object.assign({key:"f05f59a1ad7d28acfd005942fdd22e7ba04e2d73",type:this.inputType==="password"&&this.showPassword?"text":this.inputType,disabled:this.disabled,id:this.identifier||this.inputId,name:this.name,onFocus:this.onFocusHandler.bind(this),onInput:this.onInputHandler.bind(this),onBlur:this.onBlurHandler.bind(this),onKeyUp:this.onKeyUpHandler.bind(this),onKeyDown:this.onKeyDownHandler.bind(this),ref:t=>this.inputRef=t,placeholder:this.placeholder,spellcheck:d(this.spellcheck),lang:this.inputLang,readonly:d(this.readonly),autocomplete:l(this.autocomplete),autocorrect:l(this.autocorrect),minlength:this.minlength,maxlength:this.maxlength,min:this.min,max:this.max,required:this.required,rows:this.rows,cols:this.cols,role:this.role,value:this.value},this.inheritedAttributes,{"aria-required":d(this.required),"aria-invalid":d(this.invalid),"aria-disabled":d(this.disabled)})),(this.success||this.invalid||this.h.hasSlot("icon-end")||this.inputType==="password")&&!this.multiline&&s("div",{key:"ab940283ca797a54590c73881aabe6e4032d4a77",class:n.icons,onClick:()=>this.inputRef.focus()},this.success&&!this.multiline&&s("gov-icon",{key:"af0b7c6e3c815eb74318052f490db2241f246707",class:"validation-icon",name:"check-lg",type:"components"}),this.invalid&&!this.multiline&&s("gov-icon",{key:"4feef0479c061b9b073dea6c04e2bc428464a9de",class:"validation-icon",name:"exclamation-lg",type:"components"}),this.h.hasSlot("icon-end")&&this.inputType!=="password"&&s("slot",{key:"fa3f4ac957a08d066706c273b008edef401f0a2b",name:"icon-end"}),this.inputType==="password"?s("gov-button",{color:"primary",type:"base",size:this.size,"aria-label":this.showPassword?this.accessibleHidePasswordLabel:this.accessibleShowPasswordLabel,"on-gov-click":()=>this.showPassword=!this.showPassword},s("gov-icon",{slot:"icon-start",name:"eye",type:"components"})):null)),this.h.hasSlot("sufix")&&s("slot",{key:"ce4b50ff45632098c4457339538bac4a5a685df8",name:"sufix"}))}onFocusHandler(t){t.stopPropagation();this.focused=true;this.govFocus.emit({component:n.root,value:this.value,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.focused=false;this.govBlur.emit({component:n.root,value:this.value,originalEvent:t})}onKeyUpHandler(t){t.stopPropagation();this.govKeyUp.emit({component:n.root,value:this.value,originalEvent:t})}onKeyDownHandler(t){t.stopPropagation();this.govKeyDown.emit({component:n.root,value:this.value,originalEvent:t})}onInputHandler(t){this.value=t.target.value;t.stopPropagation();this.govInput.emit({component:n.root,value:this.value,originalEvent:t})}async setFocus(t){return this.inputRef.focus(t)}async setValue(t){this.value=t}async clearValue(){this.value="";this.inputRef.value=""}async getRef(){return this.inputRef}get host(){return a(this)}static get watchers(){return{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"],success:["watchControlAttrs"]}}};const w=v(g,["_XS","_S","_M","_L","_XL"]);v(y,["PRIMARY","NEUTRAL"]);var A;(function(t){t["CIRCLE"]="circle";t["LINE"]="line"})(A||(A={}));var x;(function(t){t["PULSE"]="pulse";t["PROGRESS"]="progress";t["FALSE"]="false"})(x||(x={}));const C={root:"gov-skeleton"};const z=class{constructor(i){t(this,i);this.items=[];this.size="m";this.color="neutral";this.shape="line";this.width=null;this.height=null;this.animation="progress";this.inheritedAttributes={};this.h=r(this.host)}validateSize(t){u(w,t,C.root)}validateShape(t){u(A,t,C.root)}validateAnimation(t){u(x,t,C.root)}componentDidLoad(){this.attributeObserver=new p(this.host,((t,i)=>{this.onAriaAttributeChange(t,i)}));this.attributeObserver.startObserving(m)}componentWillLoad(){this.validateSize(this.size);this.validateShape(this.shape);this.validateAnimation(this.animation);this.init();this.inheritedAttributes=b(this.host)}componentWillUpdate(){this.init()}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,i){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:i})}init(){this.items.fill(1)}get style(){const t={width:null,height:null};if(this.width){t.width=this.width}if(this.height){t.height=this.height}return Object.assign({},t)}render(){return s(e,Object.assign({key:"fa43a5bc92210a51bb681449542c6f5c2863e3ad",size:this.size,color:this.color,class:{[C.root]:true,circle:this.shape==="circle",line:this.shape==="line",progress:this.animation==="progress",pulse:this.animation==="pulse"}},this.inheritedAttributes,{"aria-busy":"true","aria-valuemin":"0","aria-valuemax":"100",role:"progressbar",tabindex:"0",style:this.style}))}get host(){return a(this)}static get watchers(){return{size:["validateSize"],shape:["validateShape"],animation:["validateAnimation"]}}};export{j as gov_form_input,z as gov_skeleton};
2
- //# sourceMappingURL=p-b9f1c2ef.entry.js.map