@gov-design-system-ce/components 4.0.8-rc22 → 4.1.0-rc02

package/dist/cjs/props-b8a955b2.js

@@ -0,0 +1,16 @@
+'use strict';
+
+const gov_log = require('./gov.log-1e8bab6e.js');
+
+// @TODO: deal with optional values
+const validateProp = (valueEnum, value, component) => {
+    const values = Object.values(valueEnum);
+    const isValid = values.indexOf(value) > -1;
+    if (!isValid) {
+        gov_log.govWarningLog(`[${component}]: Bad parameter with value (${value}). Available parameters are (${values.join(', ')}).`);
+    }
+};
+
+exports.validateProp = validateProp;
+
+//# sourceMappingURL=props-b8a955b2.js.map

package/dist/cjs/props-b8a955b2.js.map

@@ -0,0 +1 @@
+{"file":"props-b8a955b2.js","mappings":";;;;AAEA;MACa,YAAY,GAAG,CAAmC,SAAY,EAAE,KAAa,EAAE,SAAiB;IAC5G,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;IACvC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;IAC1C,IAAI,CAAC,OAAO,EAAE;QACbA,qBAAa,CAAC,IAAI,SAAS,gCAAgC,KAAK,gCAAgC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACtH;AACF;;;;","names":["govWarningLog"],"sources":["../../../packages/core/src/helpers/Validate/props.ts"],"sourcesContent":["import { govWarningLog } from '../Log/gov.log'\n\n// @TODO: deal with optional values\nexport const validateProp = <T extends Record<string, string>>(valueEnum: T, value: string, component: string): void => {\n\tconst values = Object.values(valueEnum)\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"],"version":3}

package/dist/cjs/stencil.utils-182382ee.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const tick = (callback) => {
+    requestAnimationFrame(() => {
+        callback();
+    });
+};
+
+exports.tick = tick;
+
+//# sourceMappingURL=stencil.utils-182382ee.js.map

package/dist/cjs/stencil.utils-182382ee.js.map

@@ -0,0 +1 @@
+{"file":"stencil.utils-182382ee.js","mappings":";;MAAa,IAAI,GAAG,CAAC,QAAoB;IACxC,qBAAqB,CAAC;QACrB,QAAQ,EAAE,CAAC;KACX,CAAC,CAAC;AACJ;;;;","names":[],"sources":["../../../packages/core/src/utils/stencil.utils.ts"],"sourcesContent":["export const tick = (callback: () => void) => {\n\trequestAnimationFrame(() => {\n\t\tcallback();\n\t});\n}\n"],"version":3}

package/dist/cjs/template-b070338f.js

@@ -0,0 +1,133 @@
+'use strict';
+
+const prepareClasses = (classes) => {
+    if (Array.isArray(classes) === false)
+        return;
+    return classes
+        .filter(classname => !!classname)
+        .join(' ')
+        .trim();
+};
+const slottedChildren = (host) => {
+    const slotted = host.querySelector('slot');
+    if (slotted) {
+        return slotted.assignedNodes().filter(node => {
+            return node.nodeName !== '#text';
+        });
+    }
+    return [];
+};
+const booleanString = (value) => {
+    return value ? 'true' : 'false';
+};
+const govHost = (host) => {
+    return {
+        get hostElement() {
+            return host;
+        },
+        get name() {
+            return this.hostElement.nodeName.toLowerCase();
+        },
+        hasSlot(name) {
+            return !!this.getSlot(name);
+        },
+        isSlotEmpty(name) {
+            const slot = this.getSlot(name);
+            if (slot) {
+                return slot.childNodes.length === 0;
+            }
+            return false;
+        },
+        getSlot(name) {
+            const slottedElements = Array.from(this.hostElement.querySelectorAll(`[slot="${name}"]`));
+            return slottedElements.length > 0 ? slottedElements[0] : null;
+        },
+        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() {
+            const 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;
+        },
+    };
+};
+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';
+    }
+};
+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';
+    }
+};
+const toBoolAttrIfDefined = (value) => {
+    return typeof value === 'undefined' ? undefined : toBoolAttr(value);
+};
+const toOnOffAttrIfDefined = (value) => {
+    return typeof value === 'undefined' ? undefined : toOnOffAttr(value);
+};
+const boolToFocusValue = (value) => {
+    return value ? '0' : '-1';
+};
+
+exports.boolToFocusValue = boolToFocusValue;
+exports.booleanString = booleanString;
+exports.govHost = govHost;
+exports.prepareClasses = prepareClasses;
+exports.slottedChildren = slottedChildren;
+exports.toBoolAttr = toBoolAttr;
+exports.toBoolAttrIfDefined = toBoolAttrIfDefined;
+exports.toOnOffAttrIfDefined = toOnOffAttrIfDefined;
+
+//# sourceMappingURL=template-b070338f.js.map

package/dist/cjs/template-b070338f.js.map

@@ -0,0 +1 @@
+{"file":"template-b070338f.js","mappings":"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","names":[],"sources":["../../../packages/core/src/helpers/Dom/template.ts"],"sourcesContent":["import {HTMLStencilElement} from '@stencil/core/internal'\nimport {GovHost} from './template.types'\nimport {Nullable} from '../../types/interfaces'\n\nexport const prepareClasses = (classes: string[]): string => {\n\tif (Array.isArray(classes) === false) return\n\treturn classes\n\t\t.filter(classname => !!classname)\n\t\t.join(' ')\n\t\t.trim()\n}\n\nexport const slottedChildren = (host: HTMLStencilElement): Node[] => {\n\tconst 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\tisSlotEmpty(name: string): boolean {\n\t\t\tconst slot = this.getSlot(name)\n\t\t\tif (slot) {\n\t\t\t\treturn slot.childNodes.length === 0\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tgetSlot(name: string): HTMLElement {\n\t\t\tconst slottedElements = Array.from(this.hostElement.querySelectorAll(`[slot=\"${name}\"]`)) as HTMLElement[];\n\t\t\treturn slottedElements.length > 0 ? slottedElements[0] : null;\n\t\t},\n\t\tgetParent(element): Nullable<HTMLElement> {\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\tconst 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\nexport const boolToFocusValue = (value: boolean): undefined | string => {\n\treturn value ? '0' : '-1'\n}\n"],"version":3}

package/dist/cjs/wcag-31089f70.js

@@ -0,0 +1,56 @@
+'use strict';
+
+const gov_log = require('./gov.log-1e8bab6e.js');
+const string_utils = require('./string.utils-2335838f.js');
+const win = require('./win-587f4614.js');
+const helpers_types = require('./helpers.types-ff60c9bd.js');
+
+const validateWcagProp = (value, propName, component) => {
+    if (value === undefined || String(value).length === 0) {
+        gov_log.govWarningLog(`[${component}]: The (${propName}) attribute is important for correct accessibility.`);
+    }
+};
+const validateWcagRef = (referenceId, name, component) => {
+    if (typeof referenceId === 'undefined' || referenceId === undefined) {
+        return true;
+    }
+    if (String(referenceId).length === 0) {
+        gov_log.govWarningLog(`[${component}]: Attribute (${name}) is defined with an empty value.`);
+        return false;
+    }
+    let strings = [];
+    const referenceIds = string_utils.splitByWhitespace(referenceId);
+    if (Array.isArray(referenceIds)) {
+        strings = referenceIds.filter(function (e) {
+            return e.trim().length > 0;
+        });
+    }
+    return !!strings.filter(referenceId => {
+        if (win.documentNode().getElementById(referenceId) === null) {
+            //govWarningLog(`[${component}][${name}]: Reference to element with id (${referenceId}) does not exist.`)
+            return false;
+        }
+        else {
+            return true;
+        }
+    }).length;
+};
+const validateAccessibleLabel = (label, labelledBy, component, el = undefined) => {
+    if (helpers_types.isString(label) && label.length > 0) {
+        return true;
+    }
+    if (typeof labelledBy === 'string' && labelledBy.length > 0) {
+        const labelledByEl = win.documentNode().getElementById(labelledBy);
+        if (labelledByEl) {
+            return true;
+        }
+    }
+    gov_log.govWarningLog(`[${component}]: The element has no defined aria-label or aria-labelledby attribute.`, el);
+    return false;
+};
+
+exports.validateAccessibleLabel = validateAccessibleLabel;
+exports.validateWcagProp = validateWcagProp;
+exports.validateWcagRef = validateWcagRef;
+
+//# sourceMappingURL=wcag-31089f70.js.map

package/dist/cjs/wcag-31089f70.js.map

@@ -0,0 +1 @@
+{"file":"wcag-31089f70.js","mappings":";;;;;;;MAKa,gBAAgB,GAAG,CAAC,KAAyB,EAAE,QAAgB,EAAE,SAAiB;IAC9F,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QACtDA,qBAAa,CAAC,IAAI,SAAS,WAAW,QAAQ,qDAAqD,CAAC,CAAA;KACpG;AACF,EAAC;MAEY,eAAe,GAAG,CAAC,WAAmB,EAAE,IAAY,EAAE,SAAiB;IACnF,IAAI,OAAO,WAAW,KAAK,WAAW,IAAI,WAAW,KAAK,SAAS,EAAE;QACpE,OAAO,IAAI,CAAA;KACX;IACD,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QACrCA,qBAAa,CAAC,IAAI,SAAS,iBAAiB,IAAI,mCAAmC,CAAC,CAAA;QACpF,OAAO,KAAK,CAAA;KACZ;IACD,IAAI,OAAO,GAAG,EAAE,CAAA;IAChB,MAAM,YAAY,GAAGC,8BAAiB,CAAC,WAAW,CAAC,CAAA;IACnD,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;QAChC,OAAO,GAAG,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC;YACxC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAA;SAC1B,CAAC,CAAA;KACF;IAED,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW;QAClC,IAAIC,gBAAY,EAAE,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;;YAExD,OAAO,KAAK,CAAA;SACZ;aAAM;YACN,OAAO,IAAI,CAAA;SACX;KACD,CAAC,CAAC,MAAM,CAAA;AACV,EAAC;MAcY,uBAAuB,GAAG,CAAC,KAAyB,EAAE,UAA8B,EAAE,SAAiB,EAAE,KAAkB,SAAS;IAChJ,IAAIC,sBAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;QACxC,OAAO,IAAI,CAAA;KACX;IACD,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;QAC5D,MAAM,YAAY,GAAGD,gBAAY,EAAE,CAAC,cAAc,CAAC,UAAU,CAAC,CAAA;QAC9D,IAAI,YAAY,EAAE;YACjB,OAAO,IAAI,CAAA;SACX;KACD;IACDF,qBAAa,CAAC,IAAI,SAAS,wEAAwE,EAAE,EAAE,CAAC,CAAA;IACxG,OAAO,KAAK,CAAA;AACb;;;;;;","names":["govWarningLog","splitByWhitespace","documentNode","isString"],"sources":["../../../packages/core/src/helpers/Validate/wcag.ts"],"sourcesContent":["import {govWarningLog} from '../Log/gov.log'\nimport {splitByWhitespace} from '../../utils/string.utils'\nimport {documentNode} from '../Dom/win'\nimport {isString} from \"../../utils/helpers.types\";\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\tlet strings = []\n\tconst referenceIds = splitByWhitespace(referenceId)\n\tif (Array.isArray(referenceIds)) {\n\t\tstrings = referenceIds.filter(function (e) {\n\t\t\treturn e.trim().length > 0\n\t\t})\n\t}\n\n\treturn !!strings.filter(referenceId => {\n\t\tif (documentNode().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 = documentNode().querySelector(`[for=${inputId}]`)\n\tif (labelEl === null) {\n\t\tconst labelledByEl = documentNode().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 validateAccessibleLabel = (label: string | undefined, labelledBy: string | undefined, component: string, el: HTMLElement = undefined): boolean => {\n\tif (isString(label) && label.length > 0) {\n\t\treturn true\n\t}\n\tif (typeof labelledBy === 'string' && labelledBy.length > 0) {\n\t\tconst labelledByEl = documentNode().getElementById(labelledBy)\n\t\tif (labelledByEl) {\n\t\t\treturn true\n\t\t}\n\t}\n\tgovWarningLog(`[${component}]: The element has no defined aria-label or aria-labelledby attribute.`, el)\n\treturn false\n}\n"],"version":3}

package/dist/cjs/win-587f4614.js

@@ -0,0 +1,40 @@
+'use strict';
+
+const utils = require('./utils-d263c5c6.js');
+
+const isWindow = typeof window !== "undefined";
+const getWindowProperty = (name) => isWindow && window && utils.property(name, window);
+const config = () => {
+    const defaultConfig = {
+        canValidateWcagOnRender: false,
+        warningLog: false,
+        errorLog: false,
+        log: false,
+        iconsPath: '/assets/icons',
+        iconsLazyLoad: true,
+        documentNode: document ? document : null,
+    };
+    const windowProperty = getWindowProperty('GOV_DS_CONFIG');
+    if (windowProperty) {
+        return Object.assign(Object.assign({}, defaultConfig), windowProperty);
+    }
+    return defaultConfig;
+};
+const canValidateWcagOnRender = () => config().canValidateWcagOnRender;
+const useWarningLog = () => config().warningLog;
+const useErrorLog = () => config().errorLog;
+const useLog = () => config().log;
+const iconsPath = () => config().iconsPath;
+const iconsLazyLoad = () => config().iconsLazyLoad;
+const documentNode = () => config().documentNode;
+
+exports.canValidateWcagOnRender = canValidateWcagOnRender;
+exports.documentNode = documentNode;
+exports.iconsLazyLoad = iconsLazyLoad;
+exports.iconsPath = iconsPath;
+exports.isWindow = isWindow;
+exports.useErrorLog = useErrorLog;
+exports.useLog = useLog;
+exports.useWarningLog = useWarningLog;
+
+//# sourceMappingURL=win-587f4614.js.map

package/dist/cjs/win-587f4614.js.map

@@ -0,0 +1 @@
+{"file":"win-587f4614.js","mappings":";;;;MAYa,QAAQ,GAAG,OAAO,MAAM,KAAK,YAAW;AAErD,MAAM,iBAAiB,GAAG,CAAI,IAAY,KAA6B,QAAQ,IAAI,MAAM,IAAIA,cAAQ,CAAC,IAA2B,EAAE,MAAM,CAAC,CAAA;AAE1I,MAAM,MAAM,GAAG;IACd,MAAM,aAAa,GAAY;QAC9B,uBAAuB,EAAE,KAAK;QAC9B,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;QACf,GAAG,EAAE,KAAK;QACV,SAAS,EAAE,eAAe;QAC1B,aAAa,EAAE,IAAI;QACnB,YAAY,EAAE,QAAQ,GAAG,QAAQ,GAAG,IAAI;KACxC,CAAA;IAED,MAAM,cAAc,GAAG,iBAAiB,CAAU,eAAe,CAAC,CAAA;IAClE,IAAI,cAAc,EAAE;QACnB,uCAAY,aAAa,GAAK,cAAc,EAAE;KAC9C;IAED,OAAO,aAAa,CAAA;AACrB,CAAC,CAAA;MAEY,uBAAuB,GAAG,MAA0C,MAAM,EAAE,CAAC,wBAAuB;MACpG,aAAa,GAAG,MAA6B,MAAM,EAAE,CAAC,WAAU;MAChE,WAAW,GAAG,MAA2B,MAAM,EAAE,CAAC,SAAQ;MAC1D,MAAM,GAAG,MAAsB,MAAM,EAAE,CAAC,IAAG;MAC3C,SAAS,GAAG,MAA4B,MAAM,EAAE,CAAC,UAAS;MAC1D,aAAa,GAAG,MAAgC,MAAM,EAAE,CAAC,cAAa;MACtE,YAAY,GAAG,MAA+B,MAAM,EAAE,CAAC;;;;;;;;;;;","names":["property"],"sources":["../../../packages/core/src/helpers/Dom/win.ts"],"sourcesContent":["import { property } from '../../utils/utils'\n\ninterface IConfig {\n\tcanValidateWcagOnRender: boolean\n\twarningLog: boolean\n\terrorLog: boolean\n\tlog: boolean\n\ticonsPath: string\n\ticonsLazyLoad: boolean\n\tdocumentNode: Document\n}\n\nexport const isWindow = typeof window !== \"undefined\"\n\nconst getWindowProperty = <T>(name: string): Partial<T> | undefined => isWindow && window && property(name as keyof typeof window, window)\n\nconst config = (): IConfig => {\n\tconst defaultConfig: IConfig = {\n\t\tcanValidateWcagOnRender: false,\n\t\twarningLog: false,\n\t\terrorLog: false,\n\t\tlog: false,\n\t\ticonsPath: '/assets/icons',\n\t\ticonsLazyLoad: true,\n\t\tdocumentNode: document ? document : null,\n\t}\n\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\n\tif (windowProperty) {\n\t\treturn { ...defaultConfig, ...windowProperty }\n\t}\n\n\treturn defaultConfig\n}\n\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\nexport const useWarningLog = (): IConfig['warningLog'] => config().warningLog\nexport const useErrorLog = (): IConfig['errorLog'] => config().errorLog\nexport const useLog = (): IConfig['log'] => config().log\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\nexport const iconsLazyLoad = (): IConfig['iconsLazyLoad'] => config().iconsLazyLoad\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\n"],"version":3}

package/dist/collection/collection-manifest.json

@@ -2,6 +2,7 @@
   "entries": [
     "components/gov-accordion/gov-accordion-item.js",
     "components/gov-accordion/gov-accordion.js",
+    "components/gov-app/gov-app.js",
     "components/gov-attachments/gov-attachments-item.js",
     "components/gov-attachments/gov-attachments.js",
     "components/gov-backdrop/gov-backdrop.js",
@@ -13,6 +14,7 @@
     "components/gov-container/gov-container.js",
     "components/gov-control-group/gov-control-group.js",
     "components/gov-cookiebar/gov-cookiebar.js",
+    "components/gov-dialog/gov-dialog.js",
     "components/gov-empty/gov-empty.js",
     "components/gov-error-code/gov-error-code.js",
     "components/gov-form/autocomplete/gov-form-autocomplete.js",
@@ -40,21 +42,14 @@
     "components/gov-loading/loading/gov-loading.js",
     "components/gov-loading/skeleton/gov-skeleton.js",
     "components/gov-message/gov-message.js",
-    "components/gov-modal/gov-modal.js",
-    "components/gov-nav/gov-nav-item.js",
-    "components/gov-nav/gov-nav.js",
     "components/gov-pagination/gov-pagination.js",
-    "components/gov-promp/gov-prompt.js",
-    "components/gov-side-nav/gov-side-nav-item.js",
-    "components/gov-side-nav/gov-side-nav.js",
     "components/gov-spacer/gov-spacer.js",
-    "components/gov-statsbar/gov-statsbar-item.js",
-    "components/gov-statsbar/gov-statsbar.js",
     "components/gov-stepper/gov-stepper-item.js",
     "components/gov-stepper/gov-stepper.js",
     "components/gov-tabs/gov-tabs-item.js",
     "components/gov-tabs/gov-tabs.js",
     "components/gov-tag/gov-tag.js",
+    "components/gov-theme-switch/gov-theme-switch.js",
     "components/gov-tile/gov-tile.js",
     "components/gov-tile/container/gov-tiles.js",
     "components/gov-toast/gov-toast.js",

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

@@ -1,18 +1,16 @@
 import { Sizes } from "../../core/constants/sizes";
-import { Variants } from "../../core/constants/variants";
 import { pick } from "../../utils/utils";
-export const AccordionSizes = pick(Sizes, ['_XS', '_S', '_M', '_L']);
-export const AccordionVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'CUSTOM']);
+export const AccordionSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
 export const AccordionClass = {
     root: 'gov-accordion',
 };
 export const AccordionItemClass = {
     root: 'gov-accordion-item',
-    header: 'gov-accordion-item__header',
+    disabled: 'gov-accordion-item--disabled',
+    details: 'gov-accordion-item__details',
+    summary: 'gov-accordion-item__summary',
     icon: 'gov-accordion-item__icon',
     title: 'gov-accordion-item__title',
-    label: 'gov-accordion-item__label',
-    annotation: 'gov-accordion-item__annotation',
     suffix: 'gov-accordion-item__suffix',
     right: 'gov-accordion-item__right',
     arrow: 'gov-accordion-item__arrow',

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-accordion/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAGxC,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAGpE,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAA;AAGnF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC7B,IAAI,EAAE,eAAe;CACrB,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG;IACjC,IAAI,EAAE,oBAAoB;IAC1B,MAAM,EAAE,4BAA4B;IACpC,IAAI,EAAE,0BAA0B;IAChC,KAAK,EAAE,2BAA2B;IAClC,KAAK,EAAE,2BAA2B;IAClC,UAAU,EAAE,gCAAgC;IAC5C,MAAM,EAAE,4BAA4B;IACpC,KAAK,EAAE,2BAA2B;IAClC,KAAK,EAAE,2BAA2B;IAClC,OAAO,EAAE,6BAA6B;CACtC,CAAA","sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { Variants } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const AccordionSizes = pick(Sizes, ['_XS', '_S', '_M', '_L'])\nexport type AccordionSizeType = `${ValueOf<typeof AccordionSizes>}`\n\nexport const AccordionVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'CUSTOM'])\nexport type AccordionVariantType = `${ValueOf<typeof AccordionVariants>}`\n\nexport const AccordionClass = {\n\troot: 'gov-accordion',\n}\n\nexport const AccordionItemClass = {\n\troot: 'gov-accordion-item',\n\theader: 'gov-accordion-item__header',\n\ticon: 'gov-accordion-item__icon',\n\ttitle: 'gov-accordion-item__title',\n\tlabel: 'gov-accordion-item__label',\n\tannotation: 'gov-accordion-item__annotation',\n\tsuffix: 'gov-accordion-item__suffix',\n\tright: 'gov-accordion-item__right',\n\tarrow: 'gov-accordion-item__arrow',\n\tcontent: 'gov-accordion-item__content',\n}\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-accordion/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAGxC,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;AAG3E,MAAM,CAAC,MAAM,cAAc,GAAG;IAC7B,IAAI,EAAE,eAAe;CACrB,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG;IACjC,IAAI,EAAE,oBAAoB;IAC1B,QAAQ,EAAE,8BAA8B;IACxC,OAAO,EAAE,6BAA6B;IACtC,OAAO,EAAE,6BAA6B;IACtC,IAAI,EAAE,0BAA0B;IAChC,KAAK,EAAE,2BAA2B;IAClC,MAAM,EAAE,4BAA4B;IACpC,KAAK,EAAE,2BAA2B;IAClC,KAAK,EAAE,2BAA2B;IAClC,OAAO,EAAE,6BAA6B;CACtC,CAAA","sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const AccordionSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type AccordionSizeType = `${ValueOf<typeof AccordionSizes>}`\n\nexport const AccordionClass = {\n\troot: 'gov-accordion',\n}\n\nexport const AccordionItemClass = {\n\troot: 'gov-accordion-item',\n\tdisabled: 'gov-accordion-item--disabled',\n\tdetails: 'gov-accordion-item__details',\n\tsummary: 'gov-accordion-item__summary',\n\ticon: 'gov-accordion-item__icon',\n\ttitle: 'gov-accordion-item__title',\n\tsuffix: 'gov-accordion-item__suffix',\n\tright: 'gov-accordion-item__right',\n\tarrow: 'gov-accordion-item__arrow',\n\tcontent: 'gov-accordion-item__content',\n}\n"]}

package/dist/collection/components/gov-accordion/gov-accordion-item.js

@@ -1,116 +1,61 @@
 import { h, Host } from "@stencil/core";
 import { validateProp } from "../../helpers/Validate/props";
-import { AccordionClass, AccordionItemClass, AccordionSizes, AccordionVariants, } from "./constants";
-import { createID } from "../../utils/string.utils";
+import { AccordionClass, AccordionItemClass, AccordionSizes, } from "./constants";
 import { booleanString, govHost, toBoolAttrIfDefined } from "../../helpers/Dom/template";
+import { inheritAriaAttributes } from "../../helpers/Accessibility/accessibility";
 export class GovAccordionItem {
     constructor() {
-        this.isExpandedState = undefined;
-        this.variant = undefined;
+        this.inheritedAttributes = {};
+        this.openState = undefined;
         this.identifier = undefined;
         this.size = undefined;
         this.disabled = false;
-        this.isExpanded = false;
+        this.open = false;
         this.h = govHost(this.host);
-        this.triggerId = createID("GovAccordionItem");
-        this.contentId = createID("GovAccordionContent");
     }
     validateSize(newValue) {
         validateProp(AccordionSizes, newValue, AccordionItemClass.root);
     }
-    validateVariant(newValue) {
-        validateProp(AccordionVariants, newValue, AccordionItemClass.root);
-    }
-    emmitChange() {
-        this.govChange.emit({
-            open: this.isExpanded,
-            component: AccordionItemClass.root,
-            ref: this.host,
-        });
-    }
     componentWillLoad() {
         this.getPropsFromParents();
         this.validateSize(this.size);
-        this.validateVariant(this.variant);
+        this.inheritedAttributes = inheritAriaAttributes(this.host);
     }
     getPropsFromParents() {
         const accordion = this.h.getParent(AccordionClass.root);
         if (accordion) {
             this.size = accordion.getAttribute("size");
-            this.variant = accordion.getAttribute("variant");
         }
     }
     render() {
-        const triggerId = this.identifier || this.triggerId;
-        const contentId = this.contentId;
-        return (h(Host, { key: '357951146184db343c08a2fc72c2feae24e3c42f', class: this.h.classes(AccordionItemClass.root), size: this.size, variant: this.variant, role: "listitem" }, h("button", { key: '64183d5b58665677700fcb2c91aed5fb306ae3b8', id: triggerId, class: AccordionItemClass.header, "aria-expanded": booleanString(this.isExpanded), "aria-controls": contentId, disabled: this.disabled, type: "button", "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: (e) => {
+        return (h(Host, { key: 'cd78429326c306d9ab9fdc15954cd7029aa3ee35', class: this.h.classes([AccordionItemClass.root,
+                this.disabled && AccordionItemClass.disabled]), size: this.size, role: "listitem" }, h("details", { key: '5372c71057418b93711f7d2c6065a6cc669105ff', class: AccordionItemClass.details, id: this.identifier, "aria-disabled": toBoolAttrIfDefined(this.disabled), open: this.open }, h("summary", Object.assign({ key: 'a2e06472048b79b206dc4421e43f0afd877b9be6', onClick: (e) => {
                 e.stopPropagation();
-                this.toggle().finally();
-            } }, this.h.hasSlot("icon") && (h("span", { key: '3db5f45266574e6e9e598e26a440d1a2c067c138', class: AccordionItemClass.icon }, h("slot", { key: 'ff91f81af8d15e5d9752be26f15c026420d8d315', name: "icon" }))), h("span", { key: 'cf3aa75e645c09ac118abadd2c73b54014bfe660', class: AccordionItemClass.title }, h("span", { key: '99338f94204495c30651ad8d5d43ca94b2d01828', class: AccordionItemClass.label }, h("slot", { key: 'f34f58cf7c95dd9160818076a64cf5d11a6926e7', name: "label" })), this.h.hasSlot("annotation") && (h("span", { key: '5f6371a19acad06d2fb321a673cfcdebd67d91e1', class: AccordionItemClass.annotation }, h("slot", { key: '97670629e4c44703e8d9ed9d48b696ec48fca231', name: "annotation" })))), h("span", { key: '0dadee7ff0df314e88f4e8de5797a05a5ef85f4d', class: AccordionItemClass.right }, this.h.hasSlot("suffix") && (h("span", { key: '05f1944dab7c757599e568cb42bb9e93be0cb6a6', class: AccordionItemClass.suffix }, h("slot", { key: 'c3cf39b6b83e4b2a058b7f486072c035d91644f6', name: "suffix" }))), h("span", { key: '9aa81ed287c99b3940e62c86c2652676ca3453a9', class: AccordionItemClass.arrow }, this.h.hasSlot("toggle-icon") ? (h("slot", { name: "toggle-icon" })) : (h("gov-icon", { name: "chevron-down" }))))), h("div", { key: '345544650036a6c3c82abc3519a63ed0ed8f74d6', class: AccordionItemClass.content, id: contentId, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded, "aria-labelledby": triggerId }, h("slot", { key: '311a281f4ae2fe322d46cf023730aeff32169738' }))));
-    }
-    /**
-     * Opening the accordion
-     */
-    async open() {
-        this.isExpanded = true;
-        this.emmitChange();
-    }
-    /**
-     * Closing the accordion
-     */
-    async close() {
-        this.isExpanded = false;
-        this.emmitChange();
+                e.preventDefault();
+                !this.disabled && this.toggle().finally();
+            }, class: AccordionItemClass.summary, tabIndex: this.disabled ? -1 : 0, "aria-expanded": booleanString(this.open) }, this.inheritedAttributes), this.h.hasSlot('icon') &&
+            h("span", { key: 'a2e6529d090c59ef45c8f7dbfd452165eebdf6e5', class: AccordionItemClass.icon }, h("slot", { key: 'ec572df22db3551aeb1baa31077d2bb368db88ca', name: "icon" })), h("span", { key: '44451f5e8df2550217af485162015a0810b2735e', class: AccordionItemClass.title }, h("slot", { key: '7f1c09f9537fe337a95e67b6f0c90c9c00ca00c1', name: "label" }), h("slot", { key: '84d426afff5847ffe57a96c12c163219a8720872', name: "annotation" })), h("span", { key: 'c4e37d6e8726486a043dd1def487d14e9678585b', class: AccordionItemClass.right }, h("slot", { key: 'b29e5714737ce05b8d194ce693dc4729e6b0e8a0', name: "suffix" }), h("span", { key: '1bd99c3f807ebc20ba4545d1c09325ce5b940d1a', class: AccordionItemClass.arrow }, h("slot", { key: 'ec2f902bccb6f21701238b822d72e7b2819c20c3', name: "toggle-icon" }, h("gov-icon", { key: 'ab143aace36d062bfb6e78c2f3544a0efb52cb49', name: "chevron-down" }))))), h("div", { key: '253f1a692a13698306d2f2f1b050252b7a798886', class: AccordionItemClass.content }, h("slot", { key: 'f51877b9d3f58f29bced6949b170529ddbf45864' })))));
     }
     /**
      * Accordion switch
      */
     async toggle() {
-        this.isExpanded = !this.isExpanded;
-        this.emmitChange();
+        this.open = !this.open;
+        this.govChange.emit({
+            open: this.open,
+            component: AccordionItemClass.root,
+            ref: this.host,
+        });
     }
     /**
      * Returns the current state of the component
      */
     async currentState() {
-        return this.isExpanded;
+        return this.open;
     }
     static get is() { return "gov-accordion-item"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["gov-accordion-item.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["gov-accordion-item.css"]
-        };
-    }
     static get properties() {
         return {
-            "variant": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "AccordionVariantType",
-                    "resolved": "\"custom\" | \"primary\" | \"secondary\"",
-                    "references": {
-                        "AccordionVariantType": {
-                            "location": "import",
-                            "path": "./constants",
-                            "id": "../../../packages/core/src/components/gov-accordion/constants.ts::AccordionVariantType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Style variation of the button."
-                },
-                "attribute": "variant",
-                "reflect": false
-            },
             "identifier": {
                 "type": "string",
                 "mutable": false,
@@ -123,7 +68,7 @@ export class GovAccordionItem {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Custom accordion item identifier. Otherwise, it will be generated"
+                    "text": "Custom accordion item identifier."
                 },
                 "attribute": "identifier",
                 "reflect": false
@@ -133,7 +78,7 @@ export class GovAccordionItem {
                 "mutable": false,
                 "complexType": {
                     "original": "AccordionSizeType",
-                    "resolved": "\"l\" | \"m\" | \"s\" | \"xs\"",
+                    "resolved": "\"l\" | \"m\" | \"s\" | \"xl\" | \"xs\"",
                     "references": {
                         "AccordionSizeType": {
                             "location": "import",
@@ -163,13 +108,13 @@ export class GovAccordionItem {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Makes the button component disabled.\nThis prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies."
+                    "text": "Makes the button component disabled."
                 },
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "isExpanded": {
+            "open": {
                 "type": "boolean",
                 "mutable": true,
                 "complexType": {
@@ -183,7 +128,7 @@ export class GovAccordionItem {
                     "tags": [],
                     "text": "Defines whether the accordion is open or closed by button"
                 },
-                "attribute": "is-expanded",
+                "attribute": "open",
                 "reflect": false,
                 "defaultValue": "false"
             }
@@ -191,7 +136,7 @@ export class GovAccordionItem {
     }
     static get states() {
         return {
-            "isExpandedState": {}
+            "openState": {}
         };
     }
     static get events() {
@@ -220,40 +165,6 @@ export class GovAccordionItem {
     }
     static get methods() {
         return {
-            "open": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Opening the accordion",
-                    "tags": []
-                }
-            },
-            "close": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Closing the accordion",
-                    "tags": []
-                }
-            },
             "toggle": {
                 "complexType": {
                     "signature": "() => Promise<void>",
@@ -295,9 +206,6 @@ export class GovAccordionItem {
         return [{
                 "propName": "size",
                 "methodName": "validateSize"
-            }, {
-                "propName": "variant",
-                "methodName": "validateVariant"
             }];
     }
 }