genesys-spark-components 4.37.0 → 4.39.0

package/dist/types/components.d.ts

@@ -197,6 +197,8 @@ export namespace Components {
         "ring": boolean;
         "size": GuxAvatarSize;
     }
+    interface GuxAvatarChangePhotoBeta {
+    }
     interface GuxAvatarFocusableBeta {
     }
     interface GuxBadge {
@@ -1200,6 +1202,10 @@ export interface GuxAllRowSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxAllRowSelectElement;
 }
+export interface GuxAvatarChangePhotoBetaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGuxAvatarChangePhotoBetaElement;
+}
 export interface GuxButtonMultiCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxButtonMultiElement;
@@ -1473,6 +1479,23 @@ declare global {
         prototype: HTMLGuxAvatarBetaElement;
         new (): HTMLGuxAvatarBetaElement;
     };
+    interface HTMLGuxAvatarChangePhotoBetaElementEventMap {
+        "guxchangephoto": void;
+    }
+    interface HTMLGuxAvatarChangePhotoBetaElement extends Components.GuxAvatarChangePhotoBeta, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGuxAvatarChangePhotoBetaElementEventMap>(type: K, listener: (this: HTMLGuxAvatarChangePhotoBetaElement, ev: GuxAvatarChangePhotoBetaCustomEvent<HTMLGuxAvatarChangePhotoBetaElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLGuxAvatarChangePhotoBetaElementEventMap>(type: K, listener: (this: HTMLGuxAvatarChangePhotoBetaElement, ev: GuxAvatarChangePhotoBetaCustomEvent<HTMLGuxAvatarChangePhotoBetaElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLGuxAvatarChangePhotoBetaElement: {
+        prototype: HTMLGuxAvatarChangePhotoBetaElement;
+        new (): HTMLGuxAvatarChangePhotoBetaElement;
+    };
     interface HTMLGuxAvatarFocusableBetaElement extends Components.GuxAvatarFocusableBeta, HTMLStencilElement {
     }
     var HTMLGuxAvatarFocusableBetaElement: {
@@ -2711,6 +2734,7 @@ declare global {
         "gux-all-row-select": HTMLGuxAllRowSelectElement;
         "gux-announce-beta": HTMLGuxAnnounceBetaElement;
         "gux-avatar-beta": HTMLGuxAvatarBetaElement;
+        "gux-avatar-change-photo-beta": HTMLGuxAvatarChangePhotoBetaElement;
         "gux-avatar-focusable-beta": HTMLGuxAvatarFocusableBetaElement;
         "gux-badge": HTMLGuxBadgeElement;
         "gux-blank-state": HTMLGuxBlankStateElement;
@@ -2950,6 +2974,9 @@ declare namespace LocalJSX {
         "ring"?: boolean;
         "size"?: GuxAvatarSize;
     }
+    interface GuxAvatarChangePhotoBeta {
+        "onGuxchangephoto"?: (event: GuxAvatarChangePhotoBetaCustomEvent<void>) => void;
+    }
     interface GuxAvatarFocusableBeta {
     }
     interface GuxBadge {
@@ -3989,6 +4016,7 @@ declare namespace LocalJSX {
         "gux-all-row-select": GuxAllRowSelect;
         "gux-announce-beta": GuxAnnounceBeta;
         "gux-avatar-beta": GuxAvatarBeta;
+        "gux-avatar-change-photo-beta": GuxAvatarChangePhotoBeta;
         "gux-avatar-focusable-beta": GuxAvatarFocusableBeta;
         "gux-badge": GuxBadge;
         "gux-blank-state": GuxBlankState;
@@ -4123,6 +4151,7 @@ declare module "@stencil/core" {
             "gux-all-row-select": LocalJSX.GuxAllRowSelect & JSXBase.HTMLAttributes<HTMLGuxAllRowSelectElement>;
             "gux-announce-beta": LocalJSX.GuxAnnounceBeta & JSXBase.HTMLAttributes<HTMLGuxAnnounceBetaElement>;
             "gux-avatar-beta": LocalJSX.GuxAvatarBeta & JSXBase.HTMLAttributes<HTMLGuxAvatarBetaElement>;
+            "gux-avatar-change-photo-beta": LocalJSX.GuxAvatarChangePhotoBeta & JSXBase.HTMLAttributes<HTMLGuxAvatarChangePhotoBetaElement>;
             "gux-avatar-focusable-beta": LocalJSX.GuxAvatarFocusableBeta & JSXBase.HTMLAttributes<HTMLGuxAvatarFocusableBetaElement>;
             "gux-badge": LocalJSX.GuxBadge & JSXBase.HTMLAttributes<HTMLGuxBadgeElement>;
             "gux-blank-state": LocalJSX.GuxBlankState & JSXBase.HTMLAttributes<HTMLGuxBlankStateElement>;

package/dist/types/stencil-wrapper.d.ts

@@ -1,2 +1,2 @@
-export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.37.0-175/genesys-webcomponents/";
+export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.39.0-179/genesys-webcomponents/";
 export declare function registerElements(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "genesys-spark-components",
-  "version": "4.37.0",
+  "version": "4.39.0",
   "description": "Common webcomponents",
   "license": "MIT",
   "main": "dist/stencil-wrapper.js",
@@ -37,7 +37,7 @@
     "stencil": "stencil build --prod",
     "stencil.dev": "stencil build --dev --watch --serve --no-open",
     "stylelint": "stylelint --fix \"**/*.{css,html,scss}\"",
-    "svgo": "svgo -f ./src/components/stable/gux-icon/icons",
+    "svgo": "find ./src/components/stable/gux-icon/icons/**/*.svg -type f ! -path '*/legacy/*' -exec svgo {} +",
     "test": "TZ=UTC stencil test --spec --e2e",
     "test.ci": "TZ=UTC npm run test.ci.spec",
     "test.ci.e2e": "TZ=UTC stencil test --e2e --max-workers=1",

package/dist/cjs/gux-form-field.service-e17928a7.js

@@ -1,151 +0,0 @@
-'use strict';
-
-const index = require('./index-7fb02c8c.js');
-const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const logError = require('./log-error-7b9d4b57.js');
-const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const hasSlot = require('./has-slot-3edae188.js');
-
-const GuxFormFieldHelp = ({ show }, children) => {
-    return (index.h("div", { class: {
-            'gux-form-field-help': true,
-            'gux-show': show
-        } },
-        index.h("div", { class: "gux-message" }, children)));
-};
-
-const GuxFormFieldError = ({ show }, children) => {
-    return (index.h("div", { class: {
-            'gux-form-field-error': true,
-            'gux-show': show
-        } },
-        index.h("gux-icon", { "icon-name": "alert-warning-octogon", decorative: true }),
-        index.h("div", { class: "gux-message" }, children)));
-};
-
-function setInputValue(input, value, focusAfter) {
-    input.value = value;
-    simulateNativeEvent.simulateNativeEvent(input, 'input');
-    simulateNativeEvent.simulateNativeEvent(input, 'change');
-    if (focusAfter) {
-        input.focus();
-    }
-}
-
-function clearInput(input) {
-    setInputValue(input, '', true);
-}
-function hasContent(input) {
-    return Boolean(input === null || input === void 0 ? void 0 : input.value);
-}
-function getComputedLabelPosition(label, labelPosition) {
-    if (label) {
-        if (['above', 'beside', 'screenreader'].includes(labelPosition)) {
-            return labelPosition;
-        }
-        else if (label.offsetWidth > 1 && label.offsetWidth < 40) {
-            return 'beside';
-        }
-        else {
-            return 'above';
-        }
-    }
-}
-function validateFormIds(root, input) {
-    var _a, _b, _c, _d;
-    if (hasLabelSlot(root)) {
-        const label = root.querySelector('label[slot="label"]');
-        const inputHasId = Boolean(input.hasAttribute('id'));
-        const labelHasFor = Boolean(label.hasAttribute('for'));
-        if (!inputHasId && labelHasFor) {
-            logError.logError(root, 'A "for" attribute has been provided on the label but there is no corresponding id on the input. Either provide an id on the input or omit the "for" attribute from the label. If there is no input id and no "for" attribute provided, the component will automatically generate an id and link it to the "for" attribute.');
-        }
-        else if (!inputHasId) {
-            const defaultInputId = randomHtmlId.randomHTMLId('gux-form-field-input');
-            input.setAttribute('id', defaultInputId);
-            label.setAttribute('for', defaultInputId);
-        }
-        else if (inputHasId && !labelHasFor) {
-            const forId = input.getAttribute('id');
-            label.setAttribute('for', forId);
-        }
-        else if (inputHasId &&
-            labelHasFor &&
-            input.getAttribute('id') !== label.getAttribute('for')) {
-            logError.logError(root, 'The input id and label for attribute should match.');
-        }
-    }
-    else {
-        logError.logError(root, 'A label is required for this component. If a visual label is not needed for this use case, please add localized text for a screenreader and set the label-position attribute to "screenreader" to visually hide the label.');
-    }
-    if (hasSlot.hasSlot(root, 'error')) {
-        const error = root.querySelector('[slot="error"]');
-        const errorId = randomHtmlId.randomHTMLId('gux-form-field-error');
-        const describedByIds = ((_a = input
-            .getAttribute('aria-describedby')) === null || _a === void 0 ? void 0 : _a.split(' ').filter(id => !id.startsWith(`gux-form-field-error`))) || [];
-        error.setAttribute('id', errorId);
-        describedByIds.push(errorId);
-        describedByIds &&
-            input.setAttribute('aria-describedby', describedByIds.join(' '));
-    }
-    else if (input.getAttribute('aria-describedby')) {
-        const describedByIds = ((_b = input
-            .getAttribute('aria-describedby')) === null || _b === void 0 ? void 0 : _b.split(' ').filter(id => !id.startsWith(`gux-form-field-error`))) || [];
-        input.setAttribute('aria-describedby', describedByIds.join(' '));
-    }
-    if (hasSlot.hasSlot(root, 'help')) {
-        const help = root.querySelector('[slot="help"]');
-        const helpId = randomHtmlId.randomHTMLId('gux-form-field-help');
-        const describedByIds = ((_c = input
-            .getAttribute('aria-describedby')) === null || _c === void 0 ? void 0 : _c.split(' ').filter(id => !id.startsWith(`gux-form-field-help`))) || [];
-        help.setAttribute('id', helpId);
-        describedByIds.push(helpId);
-        describedByIds &&
-            input.setAttribute('aria-describedby', describedByIds.join(' '));
-    }
-    else if (input.getAttribute('aria-describedby')) {
-        const describedByIds = ((_d = input
-            .getAttribute('aria-describedby')) === null || _d === void 0 ? void 0 : _d.split(' ').filter(id => !id.startsWith(`gux-form-field-help`))) || [];
-        input.setAttribute('aria-describedby', describedByIds.join(' '));
-    }
-}
-function setSlotAriaAttribute(root, attribute, input, slotName) {
-    var _a;
-    if (hasSlot.hasSlot(root, slotName)) {
-        const slottedElement = root.querySelector(`[slot=${slotName}]`);
-        const randomId = randomHtmlId.randomHTMLId(`gux-${slotName}`);
-        const ariaAttributeIds = ((_a = input
-            .getAttribute(attribute)) === null || _a === void 0 ? void 0 : _a.split(' ').filter(id => !id.startsWith(`gux-${slotName}`))) || [];
-        slottedElement.setAttribute('id', randomId);
-        ariaAttributeIds === null || ariaAttributeIds === void 0 ? void 0 : ariaAttributeIds.push(randomId);
-        ariaAttributeIds &&
-            input.setAttribute(attribute, ariaAttributeIds.join(' '));
-    }
-}
-function setSlotAriaLabelledby(root, input, slotName) {
-    setSlotAriaAttribute(root, 'aria-labelledby', input, slotName);
-}
-function setSlotAriaDescribedby(root, input, slotName) {
-    setSlotAriaAttribute(root, 'aria-describedby', input, slotName);
-}
-function getSlottedInput(root, inputSelector) {
-    const inputElement = root.querySelector(inputSelector);
-    if (!inputElement) {
-        logError.logError(root, `This component requires an input element that matches the following selector: ${inputSelector}`);
-    }
-    return inputElement;
-}
-function hasLabelSlot(root) {
-    return Boolean(root.querySelector('label[slot="label"]'));
-}
-
-exports.GuxFormFieldError = GuxFormFieldError;
-exports.GuxFormFieldHelp = GuxFormFieldHelp;
-exports.clearInput = clearInput;
-exports.getComputedLabelPosition = getComputedLabelPosition;
-exports.getSlottedInput = getSlottedInput;
-exports.hasContent = hasContent;
-exports.setInputValue = setInputValue;
-exports.setSlotAriaDescribedby = setSlotAriaDescribedby;
-exports.setSlotAriaLabelledby = setSlotAriaLabelledby;
-exports.validateFormIds = validateFormIds;

package/dist/cjs/usage-74b54f74.js

@@ -1,229 +0,0 @@
-'use strict';
-
-const name = "genesys-spark-components";
-const version = "4.37.0";
-const description = "Common webcomponents";
-const license = "MIT";
-const main = "dist/stencil-wrapper.js";
-const files = [
-	"dist/"
-];
-const scripts = {
-	build: "npm run clean && npm run i18n && npm run generate-gux-icon-types-file && npm run copy-genesys-spark-utils && npm run stencil && npm run build-wrapper",
-	"build-i18n": "./scripts/build-i18n.js",
-	"build-wrapper": "./scripts/wrap-stencil.js",
-	"check-a11y": "node ./scripts/check-a11y.mjs",
-	"check-readmes": "./scripts/check-readmes.sh",
-	clean: "rm -r ./dist ./build || true",
-	"copy-genesys-spark-utils": "node ./scripts/copy-genesys-spark-utils.mjs",
-	predev: "npm run i18n && npm run generate-gux-icon-types-file ",
-	dev: "npm run stencil.dev",
-	eslint: "eslint --fix .",
-	"generate-flags-sprite-file": "./scripts/generate-flags-sprite-file.js",
-	"generate-gux-icon-types-file": "./scripts/generate-gux-icon-types-file.js",
-	"generate-start-of-week-file": "./scripts/generate-start-of-week-file.js",
-	"generate-versions-file": "./scripts/generate-versions-file.mjs",
-	i18n: "npm run update-en-i18n && npm run build-i18n && npm run generate-start-of-week-file",
-	"lint-all": "npm-run-all \"stylelint\" \"eslint\" \"prettier\" \"prettier-package-json\" \"svgo\"",
-	"lint-staged": "lint-staged --concurrent false",
-	"list-checked-a11y-components": "node scripts/list-checked-a11y-components.js",
-	"list-component-tracking": "./scripts/list-component-tracking.js",
-	"list-i18n-files": "./scripts/list-i18n-files.js",
-	"list-light-dom-components": "./scripts/list-light-dom-components.js",
-	"list-shadow-explicitly-set": "./scripts/list-shadow-explicitly-set.js",
-	"predev.public": "npm run predev",
-	prepare: "npm run i18n",
-	prettier: "prettier --log-level silent --ignore-unknown --write .",
-	"prettier-package-json": "prettier-package-json --write ./package.json",
-	stencil: "stencil build --prod",
-	"stencil.dev": "stencil build --dev --watch --serve --no-open",
-	stylelint: "stylelint --fix \"**/*.{css,html,scss}\"",
-	svgo: "svgo -f ./src/components/stable/gux-icon/icons",
-	test: "TZ=UTC stencil test --spec --e2e",
-	"test.ci": "TZ=UTC npm run test.ci.spec",
-	"test.ci.e2e": "TZ=UTC stencil test --e2e --max-workers=1",
-	"test.ci.spec": "TZ=UTC stencil test --spec --max-workers=1",
-	"test.e2e": "TZ=UTC stencil test --e2e",
-	"test.e2e.update-snapshot": "TZ=UTC stencil test --e2e --updateSnapshot",
-	"test.screenshot": "TZ=UTC stencil test --e2e --screenshot",
-	"test.unit": "TZ=UTC stencil build dev && stencil test --spec",
-	"test.unit.update-snapshot": "TZ=UTC stencil test --spec --updateSnapshot",
-	"test.update-snapshot": "TZ=UTC stencil test --spec --e2e --updateSnapshot",
-	"test.watch": "TZ=UTC stencil test --spec --e2e --watch",
-	"update-en-i18n": "./scripts/update-en-i18n.js",
-	"version-sync": "npm version --no-git-tag-version --allow-same-version"
-};
-const config = {
-	commitizen: {
-		path: "git-cz"
-	}
-};
-const types = "dist/types/index.d.ts";
-const dependencies = {
-	"@floating-ui/dom": "^1.6.3",
-	"@vvo/tzdb": "^6.125.0",
-	"google-libphonenumber": "^3.2.34",
-	"intl-messageformat": "^10.5.4",
-	"requestanimationframe-timer": "^3.0.3",
-	sortablejs: "^1.15.2"
-};
-const devDependencies = {
-	"@babel/core": "^7.24.0",
-	"@babel/preset-env": "^7.24.0",
-	"@stencil/core": "^4.12.6",
-	"@stencil/react-output-target": "^0.5.3",
-	"@stencil/sass": "^3.0.10",
-	"@types/google-libphonenumber": "^7.4.30",
-	"@types/jest": "^29.5.12",
-	"@types/new-relic-browser": "^0.1118.2",
-	"@types/puppeteer": "^5.4.7",
-	"@types/resize-observer-browser": "^0.1.9",
-	"@types/sortablejs": "^1.15.8",
-	"@typescript-eslint/eslint-plugin": "^7.1.1",
-	"@typescript-eslint/parser": "^7.1.1",
-	"axe-core": "^4.8.4",
-	"axe-live": "^1.0.1",
-	eslint: "^8.57.0",
-	"eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
-	"eslint-config-prettier": "^9.1.0",
-	"file-loader": "^6.2.0",
-	"genesys-spark-tokens": "file:../genesys-spark-tokens",
-	glob: "^10.3.0",
-	handlebars: "^4.7.8",
-	inquirer: "^9.2.15",
-	jest: "^29.7.0",
-	"jest-cli": "^29.7.0",
-	"jest-config": "^29.7.0",
-	"jest-environment-node": "^29.7.0",
-	"jest-junit": "^16.0.0",
-	"jest-silent-reporter": "^0.5.0",
-	jsdom: "^22.1.0",
-	"lint-staged": "^15.2.2",
-	marked: "^12.0.1",
-	"mutation-observer": "^1.0.3",
-	"node-fetch": "^3.3.2",
-	"npm-run-all": "^4.1.5",
-	"postcss-html": "^1.6.0",
-	"postcss-less": "^6.0.0",
-	"postcss-scss": "^4.0.9",
-	prettier: "^3.2.5",
-	"prettier-config-genesys-spark-components": "file:../../shared-configs/prettier-config-genesys-spark-components",
-	"prettier-package-json": "^2.8.0",
-	puppeteer: "^14.4.1",
-	"resize-observer-polyfill": "^1.5.1",
-	"rollup-plugin-copy": "^3.5.0",
-	"semver-sort": "^1.0.0",
-	"spritesheet-templates": "^10.5.2",
-	spritesmith: "^3.4.1",
-	stylelint: "^16.2.1",
-	"stylelint-config-genesys-spark-components": "file:../../shared-configs/stylelint-config-genesys-spark-components",
-	"stylelint-config-html": "^1.1.0",
-	"stylelint-config-recess-order": "^5.0.0",
-	"stylelint-config-standard": "^36.0.0",
-	"stylelint-scss": "^6.2.1",
-	"stylelint-use-logical": "^2.1.2",
-	"stylelint-use-logical-spec": "^5.0.1",
-	svgo: "^3.2.0",
-	"ts-loader": "^9.5.1",
-	typescript: "^4.9.5",
-	weekstart: "^2.0.0",
-	xmldom: "^0.6.0"
-};
-const publishConfig = {
-	registry: "https://registry.npmjs.org/"
-};
-const collection = "dist/collection/collection-manifest.json";
-const prettier = "prettier-config-genesys-spark-components";
-const volta = {
-	node: "18.16.1"
-};
-const packageInfo = {
-	name: name,
-	version: version,
-	description: description,
-	license: license,
-	main: main,
-	files: files,
-	scripts: scripts,
-	config: config,
-	types: types,
-	dependencies: dependencies,
-	devDependencies: devDependencies,
-	publishConfig: publishConfig,
-	collection: collection,
-	prettier: prettier,
-	volta: volta
-};
-
-// The number of actions to process every interval
-const ACTION_BATCH_SIZE = 20;
-const NR_LIMIT_INTERVAL = 30000; // 30s
-/**
- * A queue of events that should be tracked by NewRelic.
- * We initialize it with the library version to make sure that's always reported.
- */
-const actionQueue = [
-    getVersionEvent(packageInfo.version)
-];
-/**
- * Process the next batch items in the queue, set a timeout to recur.
- * We use a recurring timeout instead of an interval because it guarantees
- * a minimum of NR_LMIT_INTERVAL between batches, even if the browser is
- * held up by processing elsewhere.
- */
-function processActionQueue() {
-    const newrelic = window.newrelic;
-    if (!newrelic) {
-        return;
-    }
-    for (let i = 0; i < ACTION_BATCH_SIZE; i++) {
-        if (actionQueue.length == 0) {
-            setTimeout(processActionQueue, NR_LIMIT_INTERVAL);
-            return;
-        }
-        const action = actionQueue.shift();
-        newrelic.addPageAction(action.name, Object.assign(Object.assign({}, action.metadata), { queueDepth: actionQueue.length }));
-    }
-    setTimeout(processActionQueue, NR_LIMIT_INTERVAL);
-}
-let trackingStarted = false;
-/**
- * Begin action processing loop if it hasn't started.
- */
-function ensureTracking() {
-    if (!trackingStarted) {
-        trackingStarted = true;
-        processActionQueue();
-    }
-}
-/**
- * Submits a component for tracking by NewRelic.
- */
-function trackComponent(element, metadata) {
-    if (!window.newrelic) {
-        return;
-    }
-    ensureTracking();
-    // Ignore components in the shadow DOM of another component
-    // e.g. Only track components used directly by the app
-    if (!document.contains(element)) {
-        return;
-    }
-    actionQueue.push({
-        name: 'spark-component',
-        metadata: Object.assign(Object.assign({}, metadata), { component: element.tagName.toLowerCase(), version: packageInfo.version })
-    });
-}
-function getVersionEvent(packageInfoVersion) {
-    const [major, minor, ...patch] = packageInfoVersion.split('.');
-    return {
-        name: 'spark-library',
-        metadata: {
-            fullVersion: `${major}.${minor}.${patch.join('.')}`,
-            majorVersion: major,
-            minorVersion: `${major}.${minor}`
-        }
-    };
-}
-
-exports.trackComponent = trackComponent;

package/dist/esm/gux-form-field.service-f168cdd4.js

@@ -1,140 +0,0 @@
-import { h } from './index-da21b737.js';
-import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { l as logError } from './log-error-274efeb7.js';
-import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { h as hasSlot } from './has-slot-f24a46a6.js';
-
-const GuxFormFieldHelp = ({ show }, children) => {
-    return (h("div", { class: {
-            'gux-form-field-help': true,
-            'gux-show': show
-        } },
-        h("div", { class: "gux-message" }, children)));
-};
-
-const GuxFormFieldError = ({ show }, children) => {
-    return (h("div", { class: {
-            'gux-form-field-error': true,
-            'gux-show': show
-        } },
-        h("gux-icon", { "icon-name": "alert-warning-octogon", decorative: true }),
-        h("div", { class: "gux-message" }, children)));
-};
-
-function setInputValue(input, value, focusAfter) {
-    input.value = value;
-    simulateNativeEvent(input, 'input');
-    simulateNativeEvent(input, 'change');
-    if (focusAfter) {
-        input.focus();
-    }
-}
-
-function clearInput(input) {
-    setInputValue(input, '', true);
-}
-function hasContent(input) {
-    return Boolean(input === null || input === void 0 ? void 0 : input.value);
-}
-function getComputedLabelPosition(label, labelPosition) {
-    if (label) {
-        if (['above', 'beside', 'screenreader'].includes(labelPosition)) {
-            return labelPosition;
-        }
-        else if (label.offsetWidth > 1 && label.offsetWidth < 40) {
-            return 'beside';
-        }
-        else {
-            return 'above';
-        }
-    }
-}
-function validateFormIds(root, input) {
-    var _a, _b, _c, _d;
-    if (hasLabelSlot(root)) {
-        const label = root.querySelector('label[slot="label"]');
-        const inputHasId = Boolean(input.hasAttribute('id'));
-        const labelHasFor = Boolean(label.hasAttribute('for'));
-        if (!inputHasId && labelHasFor) {
-            logError(root, 'A "for" attribute has been provided on the label but there is no corresponding id on the input. Either provide an id on the input or omit the "for" attribute from the label. If there is no input id and no "for" attribute provided, the component will automatically generate an id and link it to the "for" attribute.');
-        }
-        else if (!inputHasId) {
-            const defaultInputId = randomHTMLId('gux-form-field-input');
-            input.setAttribute('id', defaultInputId);
-            label.setAttribute('for', defaultInputId);
-        }
-        else if (inputHasId && !labelHasFor) {
-            const forId = input.getAttribute('id');
-            label.setAttribute('for', forId);
-        }
-        else if (inputHasId &&
-            labelHasFor &&
-            input.getAttribute('id') !== label.getAttribute('for')) {
-            logError(root, 'The input id and label for attribute should match.');
-        }
-    }
-    else {
-        logError(root, 'A label is required for this component. If a visual label is not needed for this use case, please add localized text for a screenreader and set the label-position attribute to "screenreader" to visually hide the label.');
-    }
-    if (hasSlot(root, 'error')) {
-        const error = root.querySelector('[slot="error"]');
-        const errorId = randomHTMLId('gux-form-field-error');
-        const describedByIds = ((_a = input
-            .getAttribute('aria-describedby')) === null || _a === void 0 ? void 0 : _a.split(' ').filter(id => !id.startsWith(`gux-form-field-error`))) || [];
-        error.setAttribute('id', errorId);
-        describedByIds.push(errorId);
-        describedByIds &&
-            input.setAttribute('aria-describedby', describedByIds.join(' '));
-    }
-    else if (input.getAttribute('aria-describedby')) {
-        const describedByIds = ((_b = input
-            .getAttribute('aria-describedby')) === null || _b === void 0 ? void 0 : _b.split(' ').filter(id => !id.startsWith(`gux-form-field-error`))) || [];
-        input.setAttribute('aria-describedby', describedByIds.join(' '));
-    }
-    if (hasSlot(root, 'help')) {
-        const help = root.querySelector('[slot="help"]');
-        const helpId = randomHTMLId('gux-form-field-help');
-        const describedByIds = ((_c = input
-            .getAttribute('aria-describedby')) === null || _c === void 0 ? void 0 : _c.split(' ').filter(id => !id.startsWith(`gux-form-field-help`))) || [];
-        help.setAttribute('id', helpId);
-        describedByIds.push(helpId);
-        describedByIds &&
-            input.setAttribute('aria-describedby', describedByIds.join(' '));
-    }
-    else if (input.getAttribute('aria-describedby')) {
-        const describedByIds = ((_d = input
-            .getAttribute('aria-describedby')) === null || _d === void 0 ? void 0 : _d.split(' ').filter(id => !id.startsWith(`gux-form-field-help`))) || [];
-        input.setAttribute('aria-describedby', describedByIds.join(' '));
-    }
-}
-function setSlotAriaAttribute(root, attribute, input, slotName) {
-    var _a;
-    if (hasSlot(root, slotName)) {
-        const slottedElement = root.querySelector(`[slot=${slotName}]`);
-        const randomId = randomHTMLId(`gux-${slotName}`);
-        const ariaAttributeIds = ((_a = input
-            .getAttribute(attribute)) === null || _a === void 0 ? void 0 : _a.split(' ').filter(id => !id.startsWith(`gux-${slotName}`))) || [];
-        slottedElement.setAttribute('id', randomId);
-        ariaAttributeIds === null || ariaAttributeIds === void 0 ? void 0 : ariaAttributeIds.push(randomId);
-        ariaAttributeIds &&
-            input.setAttribute(attribute, ariaAttributeIds.join(' '));
-    }
-}
-function setSlotAriaLabelledby(root, input, slotName) {
-    setSlotAriaAttribute(root, 'aria-labelledby', input, slotName);
-}
-function setSlotAriaDescribedby(root, input, slotName) {
-    setSlotAriaAttribute(root, 'aria-describedby', input, slotName);
-}
-function getSlottedInput(root, inputSelector) {
-    const inputElement = root.querySelector(inputSelector);
-    if (!inputElement) {
-        logError(root, `This component requires an input element that matches the following selector: ${inputSelector}`);
-    }
-    return inputElement;
-}
-function hasLabelSlot(root) {
-    return Boolean(root.querySelector('label[slot="label"]'));
-}
-
-export { GuxFormFieldError as G, GuxFormFieldHelp as a, getComputedLabelPosition as b, setSlotAriaDescribedby as c, clearInput as d, setInputValue as e, getSlottedInput as g, hasContent as h, setSlotAriaLabelledby as s, validateFormIds as v };