@gov-design-system-ce/components 0.0.1

package/dist/collection/helpers/Dom/template.js

@@ -0,0 +1,107 @@
+export const prepareClasses = (classes) => {
+  if (Array.isArray(classes) === false)
+    return;
+  return classes.filter(classname => !!classname).join(" ").trim();
+};
+export const slottedChildren = (host) => {
+  let slotted = host.querySelector("slot");
+  if (slotted) {
+    return slotted.assignedNodes().filter((node) => {
+      return node.nodeName !== "#text";
+    });
+  }
+  return [];
+};
+export const booleanString = (value) => {
+  return value ? "true" : "false";
+};
+export const govHost = (host) => {
+  return {
+    get hostElement() {
+      return host;
+    },
+    get name() {
+      return this.hostElement.nodeName.toLowerCase();
+    },
+    hasSlot(name) {
+      return !!this.getSlot(name);
+    },
+    getSlot(name) {
+      return this.hostElement.querySelector("[slot=\"" + name + "\"]");
+    },
+    getParent(element) {
+      return this.hostElement.closest(element);
+    },
+    passChildAttr(selector, name, value) {
+      if (Array.isArray(selector)) {
+        selector.forEach((selector) => {
+          this.hostElement.querySelectorAll(selector).forEach((child) => child.setAttribute(name, value));
+        });
+      }
+      else {
+        this.hostElement.querySelectorAll(selector).forEach((child) => child.setAttribute(name, value));
+      }
+    },
+    removeChildAttr(selector, name) {
+      if (Array.isArray(selector)) {
+        selector.forEach((selector) => {
+          this.hostElement.querySelectorAll(selector).forEach((child) => child.removeAttribute(name));
+        });
+      }
+      else {
+        this.hostElement.querySelectorAll(selector).forEach((child) => child.removeAttribute(name));
+      }
+    },
+    get slottedChildren() {
+      let slotted = this.hostElement.shadowRoot.querySelector("slot");
+      if (slotted) {
+        return slotted.assignedNodes().filter((node) => {
+          return node.nodeName !== "#text";
+        });
+      }
+      return [];
+    },
+    classes(classes) {
+      const clearClasses = Array.isArray(classes) ? classes.join(' ') : classes;
+      if (this.hostElement) {
+        return this.hostElement.classList.toString() + ' ' + clearClasses;
+      }
+      return clearClasses;
+    }
+  };
+};
+export const toBoolAttr = (value) => {
+  if (typeof value === "string") {
+    return ["true", "True", "TRUE", "1"].indexOf(value) !== -1 ? "true" : "false";
+  }
+  else if (typeof value === "number") {
+    return value > 0 ? "true" : "false";
+  }
+  else if (typeof value === "boolean") {
+    return value ? "true" : "false";
+  }
+  else {
+    return value ? "true" : "false";
+  }
+};
+export const toOnOffAttr = (value) => {
+  if (typeof value === "string") {
+    return ["true", "True", "TRUE", "1", "On", "on", "ON"].indexOf(value) !== -1 ? "on" : "off";
+  }
+  else if (typeof value === "number") {
+    return value > 0 ? "on" : "off";
+  }
+  else if (typeof value === "boolean") {
+    return value ? "on" : "off";
+  }
+  else {
+    return value ? "on" : "off";
+  }
+};
+export const toBoolAttrIfDefined = (value) => {
+  return typeof value === "undefined" ? undefined : toBoolAttr(value);
+};
+export const toOnOffAttrIfDefined = (value) => {
+  return typeof value === "undefined" ? undefined : toOnOffAttr(value);
+};
+//# sourceMappingURL=template.js.map

package/dist/collection/helpers/Dom/template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../../src/helpers/Dom/template.ts"],"names":[],"mappings":"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","sourcesContent":["import { HTMLStencilElement } from \"@stencil/core/internal\"\nimport { GovHost } from \"./template.d\"\n\nexport const prepareClasses = (classes: string[]): string => {\n\tif (Array.isArray(classes) === false) return\n\treturn classes.filter(classname => !!classname).join(\" \").trim()\n}\n\nexport const slottedChildren = (host: HTMLDivElement): Node[] => {\n\tlet slotted = host.querySelector(\"slot\") as HTMLSlotElement\n\tif (slotted) {\n\t\treturn slotted.assignedNodes().filter((node) => {\n\t\t\treturn node.nodeName !== \"#text\"\n\t\t})\n\t}\n\treturn []\n}\n\nexport const booleanString = (value: boolean): string => {\n\treturn value ? \"true\" : \"false\"\n}\n\nexport const govHost = (host: HTMLStencilElement): GovHost => {\n\treturn {\n\t\tget hostElement(): HTMLStencilElement {\n\t\t\treturn host\n\t\t},\n\t\tget name(): string {\n\t\t\treturn this.hostElement.nodeName.toLowerCase()\n\t\t},\n\t\thasSlot(name: string): boolean {\n\t\t\treturn !!this.getSlot(name)\n\t\t},\n\t\tgetSlot(name: string): HTMLElement {\n\t\t\treturn this.hostElement.querySelector(\"[slot=\\\"\" + name + \"\\\"]\")\n\t\t},\n\t\tgetParent(element): HTMLElement | null {\n\t\t\treturn this.hostElement.closest(element)\n\t\t},\n\t\tpassChildAttr(selector: string | string[], name: string, value: any): void {\n\t\t\tif (Array.isArray(selector)) {\n\t\t\t\tselector.forEach((selector) => {\n\t\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach((child) => child.setAttribute(name, value))\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach((child) => child.setAttribute(name, value))\n\t\t\t}\n\t\t},\n\t\tremoveChildAttr(selector: string | string[], name: string): void {\n\t\t\tif (Array.isArray(selector)) {\n\t\t\t\tselector.forEach((selector) => {\n\t\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach((child) => child.removeAttribute(name))\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach((child) => child.removeAttribute(name))\n\t\t\t}\n\t\t},\n\t\tget slottedChildren(): Node[] {\n\t\t\tlet slotted = this.hostElement.shadowRoot.querySelector(\"slot\") as HTMLSlotElement\n\t\t\tif (slotted) {\n\t\t\t\treturn slotted.assignedNodes().filter((node) => {\n\t\t\t\t\treturn node.nodeName !== \"#text\"\n\t\t\t\t})\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t\tclasses(classes: string | string[]): string {\n\t\t\tconst clearClasses = Array.isArray(classes) ? classes.join(' ') : classes\n\t\t\tif(this.hostElement) {\n\t\t\t\treturn this.hostElement.classList.toString() + ' ' + clearClasses\n\t\t\t}\n\t\t\treturn clearClasses\n\t\t}\n\t}\n}\n\nexport const toBoolAttr = (value: boolean | string | number): string => {\n\tif (typeof value === \"string\") {\n\t\treturn [\"true\", \"True\", \"TRUE\", \"1\"].indexOf(value) !== -1 ? \"true\" : \"false\"\n\t} else if (typeof value === \"number\") {\n\t\treturn value > 0 ? \"true\" : \"false\"\n\t} else if (typeof value === \"boolean\") {\n\t\treturn value ? \"true\" : \"false\"\n\t} else {\n\t\treturn value ? \"true\" : \"false\"\n\t}\n}\n\nexport const toOnOffAttr = (value: boolean | string | number): string => {\n\tif (typeof value === \"string\") {\n\t\treturn [\"true\", \"True\", \"TRUE\", \"1\", \"On\", \"on\", \"ON\"].indexOf(value) !== -1 ? \"on\" : \"off\"\n\t} else if (typeof value === \"number\") {\n\t\treturn value > 0 ? \"on\" : \"off\"\n\t} else if (typeof value === \"boolean\") {\n\t\treturn value ? \"on\" : \"off\"\n\t} else {\n\t\treturn value ? \"on\" : \"off\"\n\t}\n}\n\nexport const toBoolAttrIfDefined = (value: boolean | string | number | undefined | null): undefined | string => {\n\treturn typeof value === \"undefined\" ? undefined : toBoolAttr(value)\n}\n\nexport const toOnOffAttrIfDefined = (value: boolean | string | number | undefined | null): undefined | string => {\n\treturn typeof value === \"undefined\" ? undefined : toOnOffAttr(value)\n}\n"]}

package/dist/collection/helpers/Dom/win.js

@@ -0,0 +1,5 @@
+export const canValidateWcagOnRender = () => {
+  const keyName = 'CAN_VALIDATE_WCAG_ON_RENDER';
+  return window && window.hasOwnProperty(keyName) && window[keyName];
+};
+//# sourceMappingURL=win.js.map

package/dist/collection/helpers/Dom/win.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"win.js","sourceRoot":"","sources":["../../../../../../src/helpers/Dom/win.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAY,EAAE;EACpD,MAAM,OAAO,GAAG,6BAA6B,CAAC;EAC9C,OAAO,MAAM,IAAI,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAA;AACnE,CAAC,CAAA","sourcesContent":["\nexport const canValidateWcagOnRender = (): boolean => {\n\tconst keyName = 'CAN_VALIDATE_WCAG_ON_RENDER';\n\treturn window && window.hasOwnProperty(keyName) && window[keyName]\n}\n"]}

package/dist/collection/helpers/Log/gov.log.js

@@ -0,0 +1,21 @@
+const WARNING_COLORS = { bg: '#ecae1a', text: '#3b3b3b' };
+const INFO_COLORS = { bg: '#2362a2', text: '#fff' };
+const ERROR_COLORS = { bg: '#c52a3a', text: '#fff' };
+export const govLog = (message, colors = INFO_COLORS) => {
+  const styles = [
+    'color: ' + colors.text,
+    'background: ' + colors.bg,
+    'font-size: 11px',
+    'padding: 2px 4px',
+    'border-radius: 3px',
+    'font-weight: 600',
+  ].join(';');
+  console.log('%cgov', styles, message);
+};
+export const govWarningLog = (message) => {
+  govLog(message, WARNING_COLORS);
+};
+export const govErrorLog = (message) => {
+  govLog(message, ERROR_COLORS);
+};
+//# sourceMappingURL=gov.log.js.map

package/dist/collection/helpers/Log/gov.log.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov.log.js","sourceRoot":"","sources":["../../../../../../src/helpers/Log/gov.log.ts"],"names":[],"mappings":"AAKA,MAAM,cAAc,GAAgB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,CAAA;AACtE,MAAM,WAAW,GAAgB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;AAChE,MAAM,YAAY,GAAgB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;AAEjE,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,OAAe,EAAE,SAAsB,WAAW,EAAQ,EAAE;EAClF,MAAM,MAAM,GAAG;IACd,SAAS,GAAG,MAAM,CAAC,IAAI;IACvB,cAAc,GAAG,MAAM,CAAC,EAAE;IAC1B,iBAAiB;IACjB,kBAAkB;IAClB,oBAAoB;IACpB,kBAAkB;GAClB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;EAEX,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;AACtC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAAe,EAAQ,EAAE;EACtD,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,CAAA;AAChC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAAe,EAAQ,EAAE;EACpD,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;AAC9B,CAAC,CAAA","sourcesContent":["interface ColorConfig {\n\tbg: string\n\ttext: string\n}\n\nconst WARNING_COLORS: ColorConfig = { bg: '#ecae1a', text: '#3b3b3b' }\nconst INFO_COLORS: ColorConfig = { bg: '#2362a2', text: '#fff' }\nconst ERROR_COLORS: ColorConfig = { bg: '#c52a3a', text: '#fff' }\n\nexport const govLog = (message: string, colors: ColorConfig = INFO_COLORS): void => {\n\tconst styles = [\n\t\t'color: ' + colors.text,\n\t\t'background: ' + colors.bg,\n\t\t'font-size: 11px',\n\t\t'padding: 2px 4px',\n\t\t'border-radius: 3px',\n\t\t'font-weight: 600',\n\t].join(';')\n\n\tconsole.log('%cgov', styles, message)\n}\n\nexport const govWarningLog = (message: string): void => {\n\tgovLog(message, WARNING_COLORS)\n}\n\nexport const govErrorLog = (message: string): void => {\n\tgovLog(message, ERROR_COLORS)\n}\n"]}

package/dist/collection/helpers/Validate/props.js

@@ -0,0 +1,10 @@
+import { govWarningLog } from "../Log/gov.log";
+export const validateProp = (values, value, component) => {
+  if (Array.isArray(values) === false)
+    return;
+  const isValid = values.indexOf(value) > -1;
+  if (!isValid) {
+    govWarningLog(`[${component}]: Bad parameter with value (${value}). Available parameters are (${values.join(", ")}).`);
+  }
+};
+//# sourceMappingURL=props.js.map

package/dist/collection/helpers/Validate/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sourceRoot":"","sources":["../../../../../../src/helpers/Validate/props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAE9C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAW,EAAE,KAAa,EAAE,SAAiB,EAAQ,EAAE;EACnF,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,KAAK;IAAE,OAAM;EAC3C,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;EAC1C,IAAI,CAAC,OAAO,EAAE;IACb,aAAa,CAAC,IAAI,SAAS,gCAAgC,KAAK,gCAAgC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GACtH;AACF,CAAC,CAAA","sourcesContent":["import { govWarningLog } from \"../Log/gov.log\"\n\nexport const validateProp = (values: any, value: string, component: string): void => {\n\tif (Array.isArray(values) === false) return\n\tconst isValid = values.indexOf(value) > -1\n\tif (!isValid) {\n\t\tgovWarningLog(`[${component}]: Bad parameter with value (${value}). Available parameters are (${values.join(\", \")}).`)\n\t}\n}\n"]}

package/dist/collection/helpers/Validate/wcag.js

@@ -0,0 +1,53 @@
+import { govWarningLog } from "../Log/gov.log";
+import { splitByWhitespace } from "../../utils/string.utils";
+export const validateWcagProp = (value, propName, component) => {
+  if (value === undefined || String(value).length === 0) {
+    govWarningLog(`[${component}]: The (${propName}) attribute is important for correct accessibility.`);
+  }
+};
+export const validateWcagRef = (referenceId, name, component) => {
+  if (typeof referenceId === "undefined" || referenceId === undefined) {
+    return true;
+  }
+  if (String(referenceId).length === 0) {
+    govWarningLog(`[${component}]: Attribute (${name}) is defined with an empty value.`);
+    return false;
+  }
+  const strings = splitByWhitespace(referenceId).filter(function (e) {
+    return e.trim().length > 0;
+  });
+  return !!strings.filter((referenceId) => {
+    if (document.getElementById(referenceId) === null) {
+      //govWarningLog(`[${component}][${name}]: Reference to element with id (${referenceId}) does not exist.`)
+      return false;
+    }
+    else {
+      return true;
+    }
+  }).length;
+};
+export const validateWcagLabelFor = (inputId, labelledBy, component) => {
+  const labelEl = document.querySelector(`[for=${inputId}]`);
+  if (labelEl === null) {
+    const labelledByEl = document.getElementById(labelledBy);
+    if (labelledByEl === null) {
+      govWarningLog(`[${component}]: The form element has no defined wcag-label or wcag-labelled-by attribute.`);
+      return false;
+    }
+  }
+  return true;
+};
+export const validateWcagLabel = (label, labelledBy, component) => {
+  if (typeof label === "string" && label.length > 0) {
+    return true;
+  }
+  if (typeof labelledBy === "string" && labelledBy.length > 0) {
+    const labelledByEl = document.getElementById(labelledBy);
+    if (labelledByEl) {
+      return true;
+    }
+  }
+  govWarningLog(`[${component}]: The element has no defined wcag-label or wcag-labelled-by attribute.`);
+  return false;
+};
+//# sourceMappingURL=wcag.js.map

package/dist/collection/helpers/Validate/wcag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wcag.js","sourceRoot":"","sources":["../../../../../../src/helpers/Validate/wcag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAE5D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAyB,EAAE,QAAgB,EAAE,SAAiB,EAAQ,EAAE;EACxG,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;IACtD,aAAa,CAAC,IAAI,SAAS,WAAW,QAAQ,qDAAqD,CAAC,CAAA;GACpG;AACF,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,WAAmB,EAAE,IAAY,EAAE,SAAiB,EAAW,EAAE;EAChG,IAAI,OAAO,WAAW,KAAK,WAAW,IAAI,WAAW,KAAK,SAAS,EAAE;IACpE,OAAO,IAAI,CAAA;GACX;EACD,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;IACrC,aAAa,CAAC,IAAI,SAAS,iBAAiB,IAAI,mCAAmC,CAAC,CAAA;IACpF,OAAO,KAAK,CAAA;GACZ;EACD,MAAM,OAAO,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,UAAS,CAAC;IAC/D,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAA;EAC3B,CAAC,CAAC,CAAA;EACF,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,EAAE;IACvC,IAAI,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;MAClD,yGAAyG;MACzG,OAAO,KAAK,CAAA;KACZ;SAAM;MACN,OAAO,IAAI,CAAA;KACX;EACF,CAAC,CAAC,CAAC,MAAM,CAAA;AACV,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,OAAe,EAAE,UAA8B,EAAE,SAAiB,EAAW,EAAE;EACnH,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,OAAO,GAAG,CAAC,CAAA;EAC1D,IAAI,OAAO,KAAK,IAAI,EAAE;IACrB,MAAM,YAAY,GAAG,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAA;IACxD,IAAI,YAAY,KAAK,IAAI,EAAE;MAC1B,aAAa,CAAC,IAAI,SAAS,8EAA8E,CAAC,CAAA;MAC1G,OAAO,KAAK,CAAA;KACZ;GACD;EACD,OAAO,IAAI,CAAA;AACZ,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAyB,EAAE,UAA8B,EAAE,SAAiB,EAAW,EAAE;EAC1H,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;IAClD,OAAO,IAAI,CAAA;GACX;EACD,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;IAC5D,MAAM,YAAY,GAAG,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAA;IACxD,IAAI,YAAY,EAAE;MACjB,OAAO,IAAI,CAAA;KACX;GACD;EACD,aAAa,CAAC,IAAI,SAAS,yEAAyE,CAAC,CAAA;EACrG,OAAO,KAAK,CAAA;AACb,CAAC,CAAA","sourcesContent":["import { govWarningLog } from \"../Log/gov.log\"\nimport { splitByWhitespace } from \"../../utils/string.utils\"\n\nexport const validateWcagProp = (value: string | undefined, propName: string, component: string): void => {\n\tif (value === undefined || String(value).length === 0) {\n\t\tgovWarningLog(`[${component}]: The (${propName}) attribute is important for correct accessibility.`)\n\t}\n}\n\nexport const validateWcagRef = (referenceId: string, name: string, component: string): boolean => {\n\tif (typeof referenceId === \"undefined\" || referenceId === undefined) {\n\t\treturn true\n\t}\n\tif (String(referenceId).length === 0) {\n\t\tgovWarningLog(`[${component}]: Attribute (${name}) is defined with an empty value.`)\n\t\treturn false\n\t}\n\tconst strings = splitByWhitespace(referenceId).filter(function(e) {\n\t\treturn e.trim().length > 0\n\t})\n\treturn !!strings.filter((referenceId) => {\n\t\tif (document.getElementById(referenceId) === null) {\n\t\t\t//govWarningLog(`[${component}][${name}]: Reference to element with id (${referenceId}) does not exist.`)\n\t\t\treturn false\n\t\t} else {\n\t\t\treturn true\n\t\t}\n\t}).length\n}\n\nexport const validateWcagLabelFor = (inputId: string, labelledBy: string | undefined, component: string): boolean => {\n\tconst labelEl = document.querySelector(`[for=${inputId}]`)\n\tif (labelEl === null) {\n\t\tconst labelledByEl = document.getElementById(labelledBy)\n\t\tif (labelledByEl === null) {\n\t\t\tgovWarningLog(`[${component}]: The form element has no defined wcag-label or wcag-labelled-by attribute.`)\n\t\t\treturn false\n\t\t}\n\t}\n\treturn true\n}\n\nexport const validateWcagLabel = (label: string | undefined, labelledBy: string | undefined, component: string): boolean => {\n\tif (typeof label === \"string\" && label.length > 0) {\n\t\treturn true\n\t}\n\tif (typeof labelledBy === \"string\" && labelledBy.length > 0) {\n\t\tconst labelledByEl = document.getElementById(labelledBy)\n\t\tif (labelledByEl) {\n\t\t\treturn true\n\t\t}\n\t}\n\tgovWarningLog(`[${component}]: The element has no defined wcag-label or wcag-labelled-by attribute.`)\n\treturn false\n}\n\n"]}

package/dist/collection/index.js

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

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/index.ts"],"names":[],"mappings":"","sourcesContent":["export { Components, JSX } from './components'\n"]}

package/dist/collection/pages/Accordion.js

@@ -0,0 +1,254 @@
+class AccordionPage extends HTMLElement {
+  connectedCallback() {
+    this.innerHTML = `
+		
+			<h4>Accordion - small</h4>
+			<div class="container-view">
+				<gov-accordion size="s">
+					<gov-accordion-item trigger-tag="h1" label="Font Awesome Icon">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Kontaktní osoby" disabled is-expanded>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Působnost v agendách">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Zřizované organizace">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+				</gov-accordion>
+				<br>
+				<gov-accordion size="s">
+					<gov-accordion-item trigger-tag="h1" label="Font Awesome Icon">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Kontaktní osoby">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Působnost v agendách">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Zřizované organizace">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+				</gov-accordion>
+			</div>
+
+			<h4>Accordion - medium (default)</h4>
+			<div class="container-view">
+				<gov-accordion>
+					<gov-accordion-item trigger-tag="h1" label="Lorem ipsum dolor sit amet" disabled>
+						<gov-badge variant="primary" size="s" slot="suffix">super badge</gov-badge>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Kontaktní osoby">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Působnost v agendách">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Zřizované organizace">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+				</gov-accordion>
+				<br>
+				<gov-accordion>
+					<gov-accordion-item trigger-tag="h1" label="Lorem ipsum dolor sit amet, consectetur adipiscing elit. In imperdiet dictum consectetur. Sed posuere tellus in lobortis aliquam. Pellentesque a porttitor purus." is-expanded>
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+						<gov-badge variant="primary" size="s" slot="suffix">super badge</gov-badge>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Kontaktní osoby">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Působnost v agendách">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Zřizované organizace">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+				</gov-accordion>
+			</div>
+					
+			<h4>Accordion - large</h4>
+			<div class="container-view">
+				<gov-accordion size="l">
+					<gov-accordion-item trigger-tag="h1" label="Základní informace">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Kontaktní osoby">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Působnost v agendách">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Zřizované organizace">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+				</gov-accordion>
+				<br>
+				<gov-accordion size="l">
+					<gov-accordion-item trigger-tag="h1" label="Základní informace">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Kontaktní osoby">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Působnost v agendách">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Zřizované organizace">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+				</gov-accordion>
+			</div>
+			
+			
+			
+			
+			
+			<h4>Accordion Secondary - small</h4>
+			<div class="container-view">
+				<gov-accordion size="s" variant="secondary">
+					<gov-accordion-item trigger-tag="h1" label="Font Awesome Icon" disabled>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Kontaktní osoby">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Působnost v agendách">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Zřizované organizace">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+				</gov-accordion>
+				<br>
+				<gov-accordion size="s" variant="secondary">
+					<gov-accordion-item trigger-tag="h1" label="Font Awesome Icon">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Kontaktní osoby">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Působnost v agendách">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Zřizované organizace">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+				</gov-accordion>
+			</div>
+
+			<h4>Accordion Secondary - medium (default)</h4>
+			<div class="container-view">
+				<gov-accordion variant="secondary">
+					<gov-accordion-item trigger-tag="h1" label="Lorem ipsum dolor sit amet">
+						<gov-badge variant="primary" size="s" slot="suffix">super badge</gov-badge>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Kontaktní osoby">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Působnost v agendách">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Zřizované organizace">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+				</gov-accordion>
+				<br>
+				<gov-accordion variant="secondary">
+					<gov-accordion-item trigger-tag="h1" label="Lorem ipsum dolor sit amet, consectetur adipiscing elit. In imperdiet dictum consectetur. Sed posuere tellus in lobortis aliquam. Pellentesque a porttitor purus." is-expanded>
+						<gov-icon slot="icon" icon="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+						<gov-badge variant="primary" size="s" slot="suffix">super badge</gov-badge>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Kontaktní osoby">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Působnost v agendách">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Zřizované organizace">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+				</gov-accordion>
+			</div>
+					
+			<h4>Accordion Secondary - large</h4>
+			<div class="container-view">
+				<gov-accordion size="l" variant="secondary">
+					<gov-accordion-item trigger-tag="h1" label="Základní informace">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Kontaktní osoby">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Působnost v agendách">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Zřizované organizace">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+				</gov-accordion>
+				<br>
+				<gov-accordion size="l" variant="secondary">
+					<gov-accordion-item trigger-tag="h1" label="Základní informace">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Kontaktní osoby">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Působnost v agendách">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+					<gov-accordion-item label="Zřizované organizace">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</gov-accordion-item>
+				</gov-accordion>
+			</div>
+
+			
+		`;
+  }
+}
+if (customElements.get("accordion-page") === undefined) {
+  customElements.define("accordion-page", AccordionPage);
+}
+//# sourceMappingURL=Accordion.js.map

package/dist/collection/pages/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../../src/pages/Accordion.ts"],"names":[],"mappings":"AAAA,MAAM,aAAc,SAAQ,WAAW;EACtC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqPhB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,SAAS,EAAE;EACvD,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAA;CACtD","sourcesContent":["class AccordionPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\n\t\t\t<h4>Accordion - small</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-accordion size=\"s\">\n\t\t\t\t\t<gov-accordion-item trigger-tag=\"h1\" label=\"Font Awesome Icon\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Kontaktní osoby\" disabled is-expanded>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Působnost v agendách\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Zřizované organizace\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t</gov-accordion>\n\t\t\t\t<br>\n\t\t\t\t<gov-accordion size=\"s\">\n\t\t\t\t\t<gov-accordion-item trigger-tag=\"h1\" label=\"Font Awesome Icon\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Kontaktní osoby\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Působnost v agendách\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Zřizované organizace\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t</gov-accordion>\n\t\t\t</div>\n\n\t\t\t<h4>Accordion - medium (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-accordion>\n\t\t\t\t\t<gov-accordion-item trigger-tag=\"h1\" label=\"Lorem ipsum dolor sit amet\" disabled>\n\t\t\t\t\t\t<gov-badge variant=\"primary\" size=\"s\" slot=\"suffix\">super badge</gov-badge>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Kontaktní osoby\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Působnost v agendách\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Zřizované organizace\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t</gov-accordion>\n\t\t\t\t<br>\n\t\t\t\t<gov-accordion>\n\t\t\t\t\t<gov-accordion-item trigger-tag=\"h1\" label=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. In imperdiet dictum consectetur. Sed posuere tellus in lobortis aliquam. Pellentesque a porttitor purus.\" is-expanded>\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t<gov-badge variant=\"primary\" size=\"s\" slot=\"suffix\">super badge</gov-badge>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Kontaktní osoby\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Působnost v agendách\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Zřizované organizace\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t</gov-accordion>\n\t\t\t</div>\n\t\t\t\t\t\n\t\t\t<h4>Accordion - large</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-accordion size=\"l\">\n\t\t\t\t\t<gov-accordion-item trigger-tag=\"h1\" label=\"Základní informace\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Kontaktní osoby\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Působnost v agendách\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Zřizované organizace\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t</gov-accordion>\n\t\t\t\t<br>\n\t\t\t\t<gov-accordion size=\"l\">\n\t\t\t\t\t<gov-accordion-item trigger-tag=\"h1\" label=\"Základní informace\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Kontaktní osoby\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Působnost v agendách\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Zřizované organizace\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t</gov-accordion>\n\t\t\t</div>\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t<h4>Accordion Secondary - small</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-accordion size=\"s\" variant=\"secondary\">\n\t\t\t\t\t<gov-accordion-item trigger-tag=\"h1\" label=\"Font Awesome Icon\" disabled>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Kontaktní osoby\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Působnost v agendách\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Zřizované organizace\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t</gov-accordion>\n\t\t\t\t<br>\n\t\t\t\t<gov-accordion size=\"s\" variant=\"secondary\">\n\t\t\t\t\t<gov-accordion-item trigger-tag=\"h1\" label=\"Font Awesome Icon\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Kontaktní osoby\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Působnost v agendách\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Zřizované organizace\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t</gov-accordion>\n\t\t\t</div>\n\n\t\t\t<h4>Accordion Secondary - medium (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-accordion variant=\"secondary\">\n\t\t\t\t\t<gov-accordion-item trigger-tag=\"h1\" label=\"Lorem ipsum dolor sit amet\">\n\t\t\t\t\t\t<gov-badge variant=\"primary\" size=\"s\" slot=\"suffix\">super badge</gov-badge>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Kontaktní osoby\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Působnost v agendách\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Zřizované organizace\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t</gov-accordion>\n\t\t\t\t<br>\n\t\t\t\t<gov-accordion variant=\"secondary\">\n\t\t\t\t\t<gov-accordion-item trigger-tag=\"h1\" label=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. In imperdiet dictum consectetur. Sed posuere tellus in lobortis aliquam. Pellentesque a porttitor purus.\" is-expanded>\n\t\t\t\t\t\t<gov-icon slot=\"icon\" icon=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t<gov-badge variant=\"primary\" size=\"s\" slot=\"suffix\">super badge</gov-badge>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Kontaktní osoby\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Působnost v agendách\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Zřizované organizace\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t</gov-accordion>\n\t\t\t</div>\n\t\t\t\t\t\n\t\t\t<h4>Accordion Secondary - large</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-accordion size=\"l\" variant=\"secondary\">\n\t\t\t\t\t<gov-accordion-item trigger-tag=\"h1\" label=\"Základní informace\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Kontaktní osoby\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Působnost v agendách\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Zřizované organizace\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t</gov-accordion>\n\t\t\t\t<br>\n\t\t\t\t<gov-accordion size=\"l\" variant=\"secondary\">\n\t\t\t\t\t<gov-accordion-item trigger-tag=\"h1\" label=\"Základní informace\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Kontaktní osoby\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Působnost v agendách\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t<gov-accordion-item label=\"Zřizované organizace\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t</gov-accordion>\n\t\t\t</div>\n\n\t\t\t\n\t\t`\n\t}\n}\n\nif (customElements.get(\"accordion-page\") === undefined) {\n\tcustomElements.define(\"accordion-page\", AccordionPage)\n}\n"]}