@gov-design-system-ce/components 4.6.2 → 4.6.4

package/dist/collection/components/gov-flex/gov-flex.js

@@ -0,0 +1,186 @@
+import { h, Host } from "@stencil/core";
+import { FlexClass } from "./constants";
+import { govHost } from "../../helpers/Dom/template";
+export class GovFlex {
+    constructor() {
+        /**
+         * Controls the flex direction of the container.
+         */
+        this.direction = 'row';
+        /**
+         * Option to turn off responsive
+         */
+        this.responsive = "true";
+        this.h = govHost(this.host);
+    }
+    render() {
+        return (h(Host, { key: 'a6d1aed0cf8fd8c94ef83821d142756943bc55f3', class: this.h.classes(FlexClass.root) }, h("slot", { key: '34551ed862ff8384c3eade0d12762847772a0331' })));
+    }
+    static get is() { return "gov-flex"; }
+    static get properties() {
+        return {
+            "direction": {
+                "type": "string",
+                "attribute": "direction",
+                "mutable": false,
+                "complexType": {
+                    "original": "'row' | 'row-reverse' | 'column' | 'column-reverse'",
+                    "resolved": "\"column\" | \"column-reverse\" | \"row\" | \"row-reverse\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Controls the flex direction of the container."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "defaultValue": "'row'"
+            },
+            "justifyContent": {
+                "type": "string",
+                "attribute": "justify-content",
+                "mutable": false,
+                "complexType": {
+                    "original": "'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'",
+                    "resolved": "\"center\" | \"flex-end\" | \"flex-start\" | \"space-around\" | \"space-between\" | \"space-evenly\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Defines how the browser distributes space between and around content items along the main axis."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true
+            },
+            "alignItems": {
+                "type": "string",
+                "attribute": "align-items",
+                "mutable": false,
+                "complexType": {
+                    "original": "'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline'",
+                    "resolved": "\"baseline\" | \"center\" | \"flex-end\" | \"flex-start\" | \"stretch\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Aligns flex items along the cross axis."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true
+            },
+            "wrap": {
+                "type": "string",
+                "attribute": "wrap",
+                "mutable": false,
+                "complexType": {
+                    "original": "'nowrap' | 'wrap' | 'wrap-reverse'",
+                    "resolved": "\"nowrap\" | \"wrap\" | \"wrap-reverse\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Controls whether the flex container is a single-line or multi-line flex container."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true
+            },
+            "alignContent": {
+                "type": "string",
+                "attribute": "align-content",
+                "mutable": false,
+                "complexType": {
+                    "original": "'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch'",
+                    "resolved": "\"center\" | \"flex-end\" | \"flex-start\" | \"space-around\" | \"space-between\" | \"stretch\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Aligns the flex container's lines within when there is extra space in the cross-axis."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true
+            },
+            "alignSelf": {
+                "type": "string",
+                "attribute": "align-self",
+                "mutable": false,
+                "complexType": {
+                    "original": "'auto' | 'normal' | 'self-start' | 'self-end' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch' | 'anchor-center'",
+                    "resolved": "\"anchor-center\" | \"auto\" | \"baseline\" | \"center\" | \"flex-end\" | \"flex-start\" | \"normal\" | \"self-end\" | \"self-start\" | \"stretch\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the alignment of the flex container\u2019s children along the flex container\u2019s cross axis, overriding the `align-items` property for individual flex items."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true
+            },
+            "gap": {
+                "type": "string",
+                "attribute": "gap",
+                "mutable": false,
+                "complexType": {
+                    "original": "FlexSizesType",
+                    "resolved": "\"2xl\" | \"2xs\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"l\" | \"m\" | \"s\" | \"xl\" | \"xs\"",
+                    "references": {
+                        "FlexSizesType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-flex/constants.ts::FlexSizesType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The gap property creates consistent spacing between flex items in the container."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true
+            },
+            "responsive": {
+                "type": "string",
+                "attribute": "responsive",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Option to turn off responsive"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "defaultValue": "\"true\""
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=gov-flex.js.map

package/dist/collection/components/gov-flex/gov-flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-flex.js","sourceRoot":"","sources":["../../../../../../src/components/gov-flex/gov-flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAC,SAAS,EAAgB,MAAM,aAAa,CAAA;AACpD,OAAO,EAAC,OAAO,EAAC,MAAM,4BAA4B,CAAA;AAMlD,MAAM,OAAO,OAAO;IAGnB;QAMA;;WAEG;QACoB,cAAS,GAAyD,KAAK,CAAC;QA+C/F;;WAEG;QAC6B,eAAU,GAAW,MAAM,CAAA;QA1D1D,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IA2DD,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC;YAC1C,8DAAa,CACP,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, h, Host, Prop} from '@stencil/core'\nimport {FlexClass, FlexSizesType} from './constants'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-flex',\n})\nexport class GovFlex {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovGridElement\n\n\t/**\n\t * Controls the flex direction of the container.\n\t */\n\t@Prop({reflect: true}) direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse' = 'row';\n\n\t/**\n\t * Defines how the browser distributes space between and around content items along the main axis.\n\t */\n\t@Prop({\n\t\tattribute: 'justify-content',\n\t\treflect: true\n\t}) justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';\n\n\t/**\n\t * Aligns flex items along the cross axis.\n\t */\n\t@Prop({\n\t\tattribute: 'align-items',\n\t\treflect: true\n\t}) alignItems?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';\n\n\t/**\n\t * Controls whether the flex container is a single-line or multi-line flex container.\n\t */\n\t@Prop({reflect: true}) wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';\n\n\t/**\n\t * Aligns the flex container's lines within when there is extra space in the cross-axis.\n\t */\n\t@Prop({\n\t\tattribute: 'align-content',\n\t\treflect: true\n\t}) alignContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';\n\n\t/**\n\t * Sets the alignment of the flex container’s children along the flex container’s cross axis, overriding the `align-items` property for individual flex items.\n\t */\n\t@Prop({\n\t\tattribute: 'align-self',\n\t\treflect: true\n\t}) alignSelf?: 'auto' | 'normal' | 'self-start' | 'self-end' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch' | 'anchor-center';\n\n\t/**\n\t * The gap property creates consistent spacing between flex items in the container.\n\t */\n\t@Prop({\n\t\tattribute: 'gap',\n\t\treflect: true\n\t}) gap?: FlexSizesType;\n\n\t/**\n\t * Option to turn off responsive\n\t */\n\t@Prop({reflect: true}) readonly responsive: string = \"true\"\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(FlexClass.root)}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/gov-form/autocomplete/autocomplete.utils.js

@@ -0,0 +1,14 @@
+import { removeDiacritics } from "../../../utils/string.utils";
+const normalize = (value) => typeof value === 'string' ? removeDiacritics(value).toLowerCase() : '';
+export const filterAutocompleteOptions = (options, query, nameKey, maxOptions) => {
+    const source = Array.isArray(options) ? options : [];
+    const normalizedQuery = normalize(query);
+    const matches = normalizedQuery.length === 0
+        ? source
+        : source.filter(item => {
+            const text = item === null || item === void 0 ? void 0 : item[nameKey];
+            return typeof text === 'string' && normalize(text).includes(normalizedQuery);
+        });
+    return Number.isInteger(maxOptions) && maxOptions > 0 ? matches.slice(0, maxOptions) : matches;
+};
+//# sourceMappingURL=autocomplete.utils.js.map

package/dist/collection/components/gov-form/autocomplete/autocomplete.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.utils.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-form/autocomplete/autocomplete.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAG9D,MAAM,SAAS,GAAG,CAAC,KAAc,EAAU,EAAE,CAC5C,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;AAEvE,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACxC,OAAkC,EAClC,KAAa,EACb,OAAe,EACf,UAAkB,EACU,EAAE;IAC9B,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IACpD,MAAM,eAAe,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IACxC,MAAM,OAAO,GACZ,eAAe,CAAC,MAAM,KAAK,CAAC;QAC3B,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;YACrB,MAAM,IAAI,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,OAAO,CAAC,CAAA;YAC5B,OAAO,OAAO,IAAI,KAAK,QAAQ,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAA;QAC7E,CAAC,CAAC,CAAA;IACL,OAAO,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;AAC/F,CAAC,CAAA","sourcesContent":["import { removeDiacritics } from '../../../utils/string.utils'\nimport { GovFormAutocompleteItem } from './gov-form-autocomplete.types'\n\nconst normalize = (value: unknown): string =>\n\ttypeof value === 'string' ? removeDiacritics(value).toLowerCase() : ''\n\nexport const filterAutocompleteOptions = (\n\toptions: GovFormAutocompleteItem[],\n\tquery: string,\n\tnameKey: string,\n\tmaxOptions: number,\n): GovFormAutocompleteItem[] => {\n\tconst source = Array.isArray(options) ? options : []\n\tconst normalizedQuery = normalize(query)\n\tconst matches =\n\t\tnormalizedQuery.length === 0\n\t\t\t? source\n\t\t\t: source.filter(item => {\n\t\t\t\t\tconst text = item?.[nameKey]\n\t\t\t\t\treturn typeof text === 'string' && normalize(text).includes(normalizedQuery)\n\t\t\t\t})\n\treturn Number.isInteger(maxOptions) && maxOptions > 0 ? matches.slice(0, maxOptions) : matches\n}\n"]}

package/dist/collection/components/gov-form/autocomplete/constants.js

@@ -0,0 +1,11 @@
+import { Sizes } from "../../../core/constants/sizes";
+import { pick } from "../../../utils/utils";
+export const FormAutocompleteSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
+export const FormAutocompleteClass = {
+    root: 'gov-form-autocomplete',
+    list: 'gov-form-autocomplete__list',
+    item: 'gov-form-autocomplete__item',
+    empty: 'gov-form-autocomplete__item--empty',
+    loading: 'gov-form-autocomplete__item--loading',
+};
+//# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-form/autocomplete/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-form/autocomplete/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAA;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAG3C,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;AAGjF,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACpC,IAAI,EAAE,uBAAuB;IAC7B,IAAI,EAAE,6BAA6B;IACnC,IAAI,EAAE,6BAA6B;IACnC,KAAK,EAAE,oCAAoC;IAC3C,OAAO,EAAE,sCAAsC;CAC/C,CAAA","sourcesContent":["import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormAutocompleteSizes = pick(Sizes, ['_XS','_S', '_M', '_L', '_XL'])\nexport type SizesType = `${ValueOf<typeof FormAutocompleteSizes>}`\n\nexport const FormAutocompleteClass = {\n\troot: 'gov-form-autocomplete',\n\tlist: 'gov-form-autocomplete__list',\n\titem: 'gov-form-autocomplete__item',\n\tempty: 'gov-form-autocomplete__item--empty',\n\tloading: 'gov-form-autocomplete__item--loading',\n}\n"]}