genesys-spark-components 4.138.5 → 4.140.0

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.js

@@ -111,9 +111,9 @@ export class GuxFormField {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: 'dbc20f30e3bdb90b5897e9beb17f386aa6be098a', class: {
+        return (h(Host, { key: '6af96507a815c130d8a8c21df88a937964d29e76', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '0c4b66113ecc2655befeeb1f980b32a3175c63c8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'e17c1e83ea6f690fb1fd8a5d8b3fda962197377f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ef15f9874779f3433884b4a2188cd73414d2f39e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2969055d3844e7abb13fc60174fbce0829520836', variant: this.indicatorMark, required: this.required }), h("slot", { key: '47b2762f35f3019b3ebb4ca2a782d39799e08257', name: "label-info" })), h("div", { key: '9ce16c2b4cb80a3d2d3898a58a81fdd67c2ca6d4', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '2a1cd04249e5930ea6fac78ef7ff8d95d0169afe', show: this.hasError }, h("slot", { key: 'f5f13beef1573176c6ae505af40fa7f25255501f', name: "error" })), h(GuxFormFieldHelp, { key: 'e8920cece2d26bce657a0675f0aa411373a83b53', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b59416266cd30e01d6b3b673a7e25b013f214bc3', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '224a82242fb246d4869241ebca2e53070efa0e90', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'e3345669465c76d6f793b2acf708aa11a4ed265e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '63ddebc824c33d194fa7d5ae81a744fb0373bb51', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a70aafe2767b624c2d456655988ba0c013c1e1f1', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1579b787201e462a2f51505c79d2113061e9f443', name: "label-info" })), h("div", { key: '6bda74a178accc7a446712a10a962c51b1082418', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '3607c2227ebfc97e5765d60b6b26ecd9f5d82f28', show: this.hasError }, h("slot", { key: '9c8fe0cf3dd1af32c7a9ce87daece95edf1e4715', name: "error" })), h(GuxFormFieldHelp, { key: '27b2ac6902ce6d740a36057255fdeb214a14b8d2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e51b7969edf421d09994f7b3c5fca6536ff77b33', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.js

@@ -96,13 +96,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'd21f47e4158e59f11cc18bfc62f2cd19d9940e24', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '22fe759769a4fa9c403863ab4a5ba7be08340309', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3f236d73ea44814cb72c5a8e5a52fb20bbe22773', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '896993f043090714466313b4539cb7ba237e78d7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '281fffdbad31a072ca3d6d108a088fa390af7aa7', name: "label-info" })), h("div", { key: 'f41c6d4ee5fceb465944e16c16faed671a2dc03e', class: "gux-input-and-error-container" }, h("div", { key: '693527c71e04622714b3e64acf728fdafa22276c', class: {
+        return (h(GuxFormFieldContainer, { key: 'afcaa260114a2b6d667f195b0e50a2acff92cee5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '008a5639a28f629f626befc326d2e5b54112c12e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'd2b5ee9237421dee3d519fcade67c3699957991b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fa2a2914c3be162f7b103a9faa7d94c86c758185', variant: this.indicatorMark, required: this.required }), h("slot", { key: '360faeba9efefdbddf6ee2943b0badc1753ebe29', name: "label-info" })), h("div", { key: '60fbd81d27fca50a1f87da8fc41b41ef7e615ee1', class: "gux-input-and-error-container" }, h("div", { key: '534309ac532a539ef698b1dbe06101212b6bdaad', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'a5eb2409440cba119537ba4772318144f5d66688', class: {
+            } }, h("div", { key: '1476f7e24eb5b9e44d44fabea90f0cf786554dc4', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '5ca4d4208a06bddf0e9c8e0fea0a65a18908260f', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '882532bcc88a3e6ef3717830bbc8c6765d85e165', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '75d3ae2eb0ac068d0e9c7c49b912cd05656dcfad', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'bfb2321a37d5e69873fc3535c4f9d19acd97f2b9', show: this.hasError }, h("slot", { key: '640f29901bb289db2e4fd96db23360936080be67', name: "error" })), h(GuxFormFieldHelp, { key: '59f102e5ffdf520f1fc78a6d28767dbdd6e2bafe', show: !this.hasError && this.hasHelp }, h("slot", { key: '2aa34602b6bdaaa24298e2921ef4b3319bacd853', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '07086f5e7da832a44a1192085a5a5d0fcb8ca32e', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: 'f6b1f41f0d5a8a39f18ad48bbdffb84686d73fa1', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '56897a1a1961140ede0fb44fbd99d9d08ee240f9', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '356ecac7267bff1357e4693628eac29ab231625a', show: this.hasError }, h("slot", { key: 'f12b64a74998ff6e68a1dd4e8d2603677f3a1c21', name: "error" })), h(GuxFormFieldHelp, { key: '977091490dc86ae0435282010774d67bcb115041', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ffc4787b324628b35c530c3aca77da7476a61b85', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.js

@@ -86,13 +86,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '8fab666ed9dd8dfb34c3c9169b0318cb85ae886c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '67c189b8e8ae3c38c5d7600e92aaa931b73fe3c7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5931134fe8b4b588213f17c3a073e300d6ad380d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '164f4bacb16425c76face2e8c8d030ab9be6c1e6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '69f66ea9a268e95d7e7db80ab86d1fa9eea27374', name: "label-info" })), h("div", { key: 'f50f9c67182be19f1f9d73d3577b2f5c8edb0d70', class: "gux-input-and-error-container" }, h("div", { key: '38fb0fb812dca5f250a743edcf77c6f7a44006f7', class: {
+        return (h(GuxFormFieldContainer, { key: 'b5a097aed911e182261254e69d6c6048506102e0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '3cfaa421c75d936be6044354dbdd83cb17a87b18', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5b216bef231c4781957f7035a1b51de80976e04f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a3f49ddf62ed9e49b0a6e91d249ea9c1a6ee11d6', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bc9871752294ebae4ec8d744c53e807750a2a251', name: "label-info" })), h("div", { key: 'aef461d8e4bcad541cd541972441beb188bfa25e', class: "gux-input-and-error-container" }, h("div", { key: 'dc54a1bac17dcc7dd8c28a5d3a3166987b73c9f7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ce68e4c39d3bf617c406387857777775f8efa7b6', class: {
+            } }, h("div", { key: '1d416cae3aaccb505ee390f1748be4491a6391b9', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '90cbaae24a5863e6d6bb65ec3e34cb09a2895ec0', name: "input" }), h("gux-icon", { key: 'bcfb3024085f44651148d515befb45c3da39926e', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'cec22eac2942c4f37bcf10a5ea148a69ea128a46', show: this.hasError }, h("slot", { key: 'b884778e478663e3e4cff9b07fc48dcd97ea05f1', name: "error" })), h(GuxFormFieldHelp, { key: 'd373a37aec09d91e33e837fde1425dc2a35a64b4', show: !this.hasError && this.hasHelp }, h("slot", { key: '7d9c3445f573e585989aeb5ed5ff7ff8fb341e0d', name: "help" })))));
+            } }, h("slot", { key: '9d8424a8a68939dd708a732dd22113ca62c6b0d6', name: "input" }), h("gux-icon", { key: 'e1ffd7f6c6136cd94f4b6fb0d78d88020d4c5ef3', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'dfec2002ea77b4d11219d0c0b6b04fb662a3488a', show: this.hasError }, h("slot", { key: '7eadef44136e5040fe2348f0392756adbaaf3203', name: "error" })), h(GuxFormFieldHelp, { key: 'b04f820b64c9f8bf3416fe7cfd1768472adb512a', show: !this.hasError && this.hasHelp }, h("slot", { key: '1753996cd6dec9a97a84060e7d8b2612241edd24', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.js

@@ -111,15 +111,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '6f7a9f8a3ec92ca86df73ffab6bd9b40cb0f7a8f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '96191f5ca8707b314ab42ac2e3120ca52c6c6c69', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6beba272f10dade4a734645ce876fe5024f15d16', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f27b6373cc5f6a588197809efee724365b572c16', variant: this.indicatorMark, required: this.required }), h("slot", { key: '23d41cb4d9d5dbaf8d51d47c7a9a9bc6165748cb', name: "label-info" })), h("div", { key: '48759dc437355ad2a97a43444566fe0f3a1bde72', class: "gux-input-and-error-container" }, h("div", { key: 'bc303813eb586bbf6a9e2650dcf6daeff42ac9b4', class: {
+        return (h(GuxFormFieldContainer, { key: '3176db5956ec09c3d57be9ec591fb26100b57f69', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a5640438aa1e6df6b7c02dc205fab397b6d87846', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a0fb0a1f726233e5d2e057488632505ab1d7aafb', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8ac23dedf2732cf5118326f99bc3d448c8b126f4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0e4027170521ef623563e4beed0629585b41549b', name: "label-info" })), h("div", { key: '34647aa25191caeaa25ffa9ae3b5974e33f706b3', class: "gux-input-and-error-container" }, h("div", { key: '773605f4c25951fd91a4171122501afe69b272b9', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '670c179a68ae3e5c1840676dc9f7f46890ab8cb7', class: {
+            } }, h("div", { key: 'acc5c6d48b69f827b63ae3920bb40ac75bb0cc15', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'cb0cf1684c668e8ea25bfd812d323745189c0be6', name: "prefix" }), h("slot", { key: 'f15b23f4f5e7f3ab7d981187d08e5f12b5e50f3a', name: "input" }), this.renderRadialLoading(), h("slot", { key: '5eb3800f612c6d6f0956c3b1e870efc63668fd45', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '57c3f7261ce04b35770f6765a1720931d32c0edc', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '6ea192428b68257cbf22bc9f18becf20ed1da63c', show: this.hasError }, h("slot", { key: '43cd676200cf4f8cc0b20200c4de9357e76e8f76', name: "error" })), h(GuxFormFieldHelp, { key: '61efc18915d47c7f5aa495700964f226e79f00d4', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f083af53789e074a95b219909a63dba25e2259d3', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '8b1b8a1eaede93453c209a21332c4e8f467ef1df', name: "prefix" }), h("slot", { key: '95bf3aba89cf262326ee2a2046188a9552d75e88', name: "input" }), this.renderRadialLoading(), h("slot", { key: '0c539582273b05ee2acb980ef291e0514c39a8f6', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '01b89eb67eefad82edecb4abc464e4ae6e5329ea', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '2aa51cbd3821ed1bd281934b9fcaf3df63f70f71', show: this.hasError }, h("slot", { key: '4e4cec3c1820923f5efb59d7bfe5f27cd2d4ce05', name: "error" })), h(GuxFormFieldHelp, { key: 'a3ff3646f377f6681dc753850ccf47cf7aa4b8d1', show: !this.hasError && this.hasHelp }, h("slot", { key: '9cb9ab22824c1c8a1d69f4a439e88417712fe82c', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.js

@@ -90,12 +90,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'afc5b34188bc2429792a2a5be621d83392bef36c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'afd0785662dc28c6ec564375fc0e1512eef63dc6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9d3318b6a0242b629b83507272ffaab534cf0399', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c3ce5a92d46d87135f2537cfa7e001549f0b46ce', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2a9618dfdc3207b545d298c221921bf0e2405062', name: "label-info" })), h("div", { key: 'b512a08cda182fececa423e9f21908fa8d18d926', class: "gux-input-and-error-container" }, h("div", { key: 'c99fbcfe4f496b6666b00674363dfd7baf8a4b9e', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '6407ddcacb1fdb3b82fb964ea79f7db167e62943', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'e6e1a08a36209d757cd194c68ac87c304daa87cf', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2ddf2d0507d799aa5433d150a44ba6d276f33ac1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '34ea2bd96aff8ab73e9bcd3c798bea12ddc0f8ec', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fb2df5a84a51d19b641f90dd208c39dbb470a02c', name: "label-info" })), h("div", { key: '8f3f75a49f255181af8fed7a3f9be8eba024dbde', class: "gux-input-and-error-container" }, h("div", { key: '973620d76537b189f056b6304feca1ed1d7b09ff', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '8933387ec8eb1e3363d132a9ef907341d4bc8303', name: "input" })), h(GuxFormFieldError, { key: '3250b2b484404f687e230c1d520a12fabe75e01f', show: this.hasError }, h("slot", { key: 'f31f7ecd263620e91e566e53603dccfd9c8f5cb9', name: "error" })), h(GuxFormFieldHelp, { key: '29439c754fe6e38252d79582379f4ded06a448e0', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ef20a8407ceb4578d99fbffc27e8af59945aa206', name: "help" })))));
+            } }, h("slot", { key: '41a18dbc04090ae6e6afa4e62dfe225542796082', name: "input" })), h(GuxFormFieldError, { key: 'f5314dc2da07de50650bb5371c45888aade55c12', show: this.hasError }, h("slot", { key: '88f7e3e308b52a900acbd0ce4415fe3520d4d6a6', name: "error" })), h(GuxFormFieldHelp, { key: '64da68877e4eac8871821d5305fa4cc7c9ab2c0a', show: !this.hasError && this.hasHelp }, h("slot", { key: '22c505af2a8c66b7756e1cc833d0bacc6dd74eba', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-picker/gux-form-field-time-picker.js

@@ -95,14 +95,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '13c2a043c02f79af31dbe4a569bb6341f8ea0f1e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1576011c159ed182727d1af4271a034ec26813d1' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '816fedfd9703d2426ef2c47356d635315eb6345b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'db3c6e39bf6f8ccc41ebd91aeade416782373fec', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '644014361d8550a003ce48829964b36257fed6e3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '556b7cc46c4568f2cfff281ee7e6c4ffdc29d324', name: "label-info" })), h("div", { key: 'f39a40253b5bc5323a087d590ec5ed0b4bcd6f48', class: "gux-input-and-error-container" }, h("div", { key: '2ea17a8cdbbeea6a2a179512deac54274914f3d4', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '3fd88c10807314cc6782ada2147315f5402e28b9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '810f80c9d2ae908adc27d19adabefcabf7055778' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '88129db8bba63831615f259bc378a058dfe7b5ab', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '822d218f6b153c435437813b621e8e62c1cbfdd6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'db5d2afdd53e7d09e013e7d58d7a4fab7c04d9c9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9fae8d53675d56ebd3119466c6ac85fdb0a7110a', name: "label-info" })), h("div", { key: '288c41845b8220a602a4f2fd8be0cb73e656d3dd', class: "gux-input-and-error-container" }, h("div", { key: '66cf560e9474c91ebccc474c29522518c17a2316', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ed38d1df478cc7e0151c3a6310522e52fa96fa8a', class: {
+            } }, h("div", { key: 'b10fe51de7a104239854db4eefbce5f7d33d037e', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'f363d6a9ab0a05ba26f6dbe1a8f339368c5190a3' }))), h(GuxFormFieldError, { key: 'a86e6e626ede9244290470900c190c2dd01b0d5b', show: this.hasError }, h("slot", { key: 'd9ac7f78937bd27213ab8430dddd94707fb362a8', name: "error" })), h(GuxFormFieldHelp, { key: 'eb27a7ba6d697394217ca769760418a5c48fa156', show: !this.hasError && this.hasHelp }, h("slot", { key: '72684c8de51b461d0d384e72cb55b8829451a2ee', name: "help" })))));
+            } }, h("slot", { key: '1f60b7f32e6fad7854bd43652b187028608260b9' }))), h(GuxFormFieldError, { key: '2d4442b1228aca2995baea442c0947146a84526a', show: this.hasError }, h("slot", { key: '1f2b967347d3cc0a7a5a47fbde8220dd5c9f19ca', name: "error" })), h(GuxFormFieldHelp, { key: '9524373a787c456b4eb1bcfac8e391e2efedc20e', show: !this.hasError && this.hasHelp }, h("slot", { key: '490f2794fc202aa3a1d3e70e29e16b6eeafcab59', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-zone-picker/gux-form-field-time-zone-picker.js

@@ -96,13 +96,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '63fe764bd0305f73e98138f208194ea346dafa82', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '8f7cc3150eef654346cc49aa43f40d54e6e20c9d' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '731d7e3a8f00df3dc894cd24988841419f6f09dc', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c612bc191a188822b5a212a7a5132e64ed70be21', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1724057c6cf45d88e2a414479ddc66cfb5fe48ea', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5ead73514f396411ff0fc79499a89c874e2118cd', name: "label-info" })), h("slot", { key: 'e0887f800850c98f5e5b7ac80fd7d00ec7bdf289', name: "label-info" }), h("div", { key: '30068c15a89e9aa42a8610d0540e60c05a9681d0', class: "gux-input-and-error-container" }, h("div", { key: 'd3ac67e6fb2a0d79e0e33a177971b32ca4557d54', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '5a4493c1f8c9e5d3618cffc378e50f5a79055b4d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1bc0e7dc45d864ee842129920050614e6cd2d2ed' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '8b404bb3d16c262aa86f8fb776ae52a29147693a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '362a673cb006cf6ebcc684e09fc3ec9b9207a3ce', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '217f639502817eea789d805e92b46b246f31eb0e', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fe95de1394e09cf1f936d828c3c8f2e0312f2c29', name: "label-info" })), h("slot", { key: '68076e7fb7bc00708b393e7886fa2f26c9131683', name: "label-info" }), h("div", { key: '7612b983aae771d98e2cd3d874e1e47845596a01', class: "gux-input-and-error-container" }, h("div", { key: '8828cbdbbbec905a5d5edd5374d8039dfedeff2f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '0d855e2f1564c2e3b8736bbca24d24ac6a55d5d1' })), h(GuxFormFieldError, { key: 'f45773a01706d6ff6ece24fe897d092ac850edcb', show: this.hasError }, h("slot", { key: '80583c4fb2866590600059f8a913fa26bf630204', name: "error" })), h(GuxFormFieldHelp, { key: '3be673b6b92e7b12b07b67f0ba8cd7468b873fa1', show: !this.hasError && this.hasHelp }, h("slot", { key: '41c81c39d84bf560eb818c856d94a5a5a57d695c', name: "help" })))));
+            } }, h("slot", { key: '91694867233c695f0998f32e74bde23222d9948b' })), h(GuxFormFieldError, { key: '5aa018784fd0bf6567a3d4e113e98a0ba6a1ab11', show: this.hasError }, h("slot", { key: '17771e2dc7275cbf4a3c094c806687a029ff806d', name: "error" })), h(GuxFormFieldHelp, { key: '6a6764a937e6a6fc34fb7687fc679466f41f7c9e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c4dd635643c051598aedae337d4e9c51ecf881e1', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/collection/components/stable/gux-form-field/helper-components/gux-form-field-input-clear-button/gux-form-field-input-clear-button.js

@@ -8,7 +8,7 @@ export class GuxFormFieldInputClearButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '77f84eb9a74cd779b81ab929a801b444779f0eab', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '832e3b4435a02295473dd443b37757b818098d05', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
+        return (h("button", { key: '26d9c44474a55d82c850d3a88ef63cb602e5b785', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'bae5e132ef3765a45710f12e32b49c8dbcadab8f', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-icon/gux-icon.js

@@ -68,7 +68,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '4cee2f5e075acfa120f017ad2fc1f6fefd901949', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '48732c4782a70319ea4be66ab109aa9af91678a8', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get is() { return "gux-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-inline-alert/gux-inline-alert.js

@@ -28,10 +28,10 @@ export class GuxAlert {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '1415fdf4b452c8a7265a9ba3f87cb8b4268dbb5d', class: {
+        return (h("div", { key: 'e38a052abde5bdb85f668e7a56d3735704755f03', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '8babcd543b6ffb15f223f364a89a95809526bebc', class: "gux-message-wrapper" }, h("gux-icon", { key: 'a3894fef628e1eebc22f3acb2a5037aaf4656590', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'c6dcc56496a3c4ed8b105cbeab080f163c2e8e43' }, this.i18n(this.accent)), h("div", { key: '1db5fd900c4cf4dde8826b3254f8da1831316c12', class: "gux-content" }, h("slot", { key: '58726e3bce9ae06959d67478249b7cdbab9d890f', name: "content" }, h("slot", { key: '44766ba8e0dab916d5f3666ae47e9befcb62dc66' }))))));
+            } }, h("div", { key: '3685211e79104b9158b6d373998c77f2476f5a95', class: "gux-message-wrapper" }, h("gux-icon", { key: '3b332a38888504f9dfa1c05de9886c094ef9e183', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'c7718994a9bd5b94e6d2bddadfe7bb3a6996733f' }, this.i18n(this.accent)), h("div", { key: 'd0a29d8e5a44d2d18b480b75fcfa426a99067b55', class: "gux-content" }, h("slot", { key: '162d617ab2c483968f6118ffb9ad043333695bbf', name: "content" }, h("slot", { key: 'e0b6e888bdc70bf18e6271c18993c30f532be7e9' }))))));
     }
     static get is() { return "gux-inline-alert"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-list/gux-list-divider/gux-list-divider.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class GuxListDivider {
     render() {
-        return (h(Host, { key: '47874f242f9441edc3ad4139542262c0cd6e0189', role: "presentation" }));
+        return (h(Host, { key: 'ba070e6345303b885411921d2862a67734bc11b1', role: "presentation" }));
     }
     static get is() { return "gux-list-divider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-list/gux-list-item/gux-list-item.js

@@ -7,7 +7,7 @@ export class GuxListItem {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: 'b6fa93d98979ed2916d0a2d0268e57634540f6c6', role: "listitem" }, h("button", { key: '9f5234aeec44769ea23e46d04a6042e8cd78b3b7', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '0bce73acc9aba33f936e853e1c3225d9393a8cd3' }))));
+        return (h(Host, { key: 'f55b7ab9bb6afab9f46c88a8c7c0d0f87d20a6ef', role: "listitem" }, h("button", { key: '481088d0eadfecbb2654eb76ad8145127e04f50f', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'd2103640154fef9b2320a1d1f20f067e601b3def' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-list/gux-list.js

@@ -46,7 +46,7 @@ export class GuxList {
         last(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: '82adb429fd4ef3143f82756c5bcf8a0abeb5f3c8', tabindex: "-1", role: "list" }, h("slot", { key: '9089f367dae30117a5d81271a45795cbf72f71b4' })));
+        return (h(Host, { key: '4645a18e635b14651b82d84fde98c61099e12a70', tabindex: "-1", role: "list" }, h("slot", { key: '22a08227bb9ecad9277e0153a362bbad5cdbd7e6' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/gux-listbox.service.js

@@ -20,7 +20,12 @@ export function isOptionGroup(item) {
     return item.tagName === 'GUX-OPTION-GROUP-BETA';
 }
 export function isOption(item) {
-    const optionTypes = ['GUX-OPTION', 'GUX-OPTION-ICON', 'GUX-OPTION-MULTI'];
+    const optionTypes = [
+        'GUX-OPTION',
+        'GUX-OPTION-ICON',
+        'GUX-OPTION-MULTI',
+        'GUX-OPTION-STATUS-BETA'
+    ];
     return optionTypes.includes(item.tagName);
 }
 function getFirstSelectedOption(list) {

package/dist/collection/components/stable/gux-listbox/option-group/gux-option-group.js

@@ -50,7 +50,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: '747fb28263d3d054fbb6b880c044e93d6336e690', class: { 'gux-filtered': this.filtered } }, h("div", { key: '745c60fecde53593ed07ea3642b01110fd1ab40d', class: "gux-option-group" }, h("div", { key: '2fa7a88de2cb2d23f857707fac9544a2c9f1c4ac', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '73f8be85b27a71255d9b0a615fb0aa80af5882d7', role: "group" }, h("slot", { key: 'f102ec73ac02c14f8910e904f985dd5828297b69' })), this.renderDivider())));
+        return (h(Host, { key: '5f4e30bd479da79689b5cdc577b5a8cef08cb467', class: { 'gux-filtered': this.filtered } }, h("div", { key: '9193d830d92f950d2ef2d8faad02434cadaad09f', class: "gux-option-group" }, h("div", { key: '969ed69ea2cc95d2337616cd42e5360e0b61092a', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '97eda0e5c5765ad320945c46b3adff56f9246ab2', role: "group" }, h("slot", { key: '6891b2f100538841eb2aac4be2b9c915e70bf4bb' })), this.renderDivider())));
     }
     static get is() { return "gux-option-group-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/options/gux-option/gux-option.js

@@ -41,13 +41,13 @@ export class GuxOption {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: '6f78c9d83bf543c9180880ace85a4997657b7e69', role: "option", class: {
+        return (h(Host, { key: '8e9e4cf6dbed96539fc41939da131f05a5781efc', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '193241208837166f4e4c7c622b63987d71c0f7e8', class: "gux-option-wrapper" }, h("gux-truncate", { key: '32bfb64079ac38bc10ed96f988619c9169e7f75e', ref: el => (this.truncateElement = el) }, h("slot", { key: '8519af1e2a3db69836d148da048e8651ec45a595' })), h("slot", { key: '55f55c7614238746ebea89b8ddc7ff87f8059877', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '87c672e88483ae9dc4dd6cd64a04567bbd446939', class: "gux-option-wrapper" }, h("gux-truncate", { key: '6186ff08a6380a1e6b302e0c78070b8a65cf36c4', ref: el => (this.truncateElement = el) }, h("slot", { key: 'e7650c156cb40cfc152bb0c9d54453a458de9e35' })), h("slot", { key: 'd88ff0a3695c5f945bbde0c7aa2f33cf8cdf1091', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/options/gux-option-icon/gux-option-icon.js

@@ -61,14 +61,14 @@ export class GuxOptionIcon {
         return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (h(Host, { key: '6d6dbc917e7de11fa224f2af2c599b0cedc62d3c', role: "option", class: {
+        return (h(Host, { key: '00f722cf8d9c534238cf5d2e11c93f80745aad03', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: '414651d27890b11df246a66b5643b83e2b4cfffd', class: "gux-option-wrapper" }, h("gux-truncate", { key: '310b1eced06895d3679f022de4615cc1d6345b81', ref: el => (this.truncateElement = el) }, h("slot", { key: 'bf902548d96fea4f8f07609de12e86de50a67f94' })), h("slot", { key: '23ad8e88113870a3e707f2c6dfbf821a994c3d11', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: 'be2e4e44c6fd636f16d48dfc37a5c5a3364d9cae', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c448187250a816f85d03732c1f0c3a02f3712044', ref: el => (this.truncateElement = el) }, h("slot", { key: '1a3ddc12c336456801ba07dd610da78f0ef6f23e' })), h("slot", { key: '62f51b0c10a820762ddd9f323929a11f2aa8baf3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     static get is() { return "gux-option-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/options/option-types.js

@@ -2,7 +2,11 @@
  * This list of valid option tags lets us derive both a union type for the tags
  * and a CSS selector for matching them in the DOM.
  */
-const optionTypes = ['gux-option', 'gux-option-icon'];
+const optionTypes = [
+    'gux-option',
+    'gux-option-icon',
+    'gux-option-status-beta'
+];
 /**
  * Useful CSS selector generated from the list of option tags.
  */

package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.js

@@ -30,11 +30,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '9db1140d65fd28e74261308671451e71e32cc00d', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '457d005a753ea722e21e478208642f5393ee8d90', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '219fd2ac6d3ca86646f58e669dfc49c626ef6d5a', class: "gux-option" }, h("gux-icon", { key: 'ede2a90067a61a6bec51f9897a81b4cd821e5a96', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'eb457b3ec2d80ece75b42f7176b0abbe87ca2912', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '368d007db5f0b862c153bb3ffcb94b7f9bc31210', class: "gux-option" }, h("gux-icon", { key: 'b00176d03426d050639a82fea76fe13e708f167d', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '7e04c2a29ee18300a519c01784ec0948d8c6b52d', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js

@@ -58,13 +58,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '30c9dd90df8fb1bee4fa88b4e06c8a55f48acf6d', role: "option", class: {
+        return (h(Host, { key: '2b6eed0e49be4399f6cdecaf66e3a6e63c86bfa2', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '134c09ce054f544cd6c18b75247e683e1f707705', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'd9156d87787f1c6eee96dd44461eff300700f513', ref: el => (this.truncateElement = el) }, h("slot", { key: '19ec692e09cf8f92ecfc3d34fc3d3a8639038f7c' })), h("slot", { key: '700b3f58200b16ad18547a2000bf634eca88581d', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '4e7cd620ca6615aaa9a3f92b80e2182a244eb6e7', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'e7a99a4e0dbe35f631bd2f6a19781415ad22fb67', ref: el => (this.truncateElement = el) }, h("slot", { key: 'e155d9b080eb93b3f987418c9259f45112b81f18' })), h("slot", { key: 'cbf899cb89471e60303f9b2ada6d4815d95c4c54', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-loading-message/gux-loading-message.js

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '70356553906bdd63057fa0e9c5ad6e715b470f81', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '281eb24bc1f0853d940a0847728bccd75dca5866', class: "gux-progress" }, h("slot", { key: 'a7be4b136d00b4a8c5b2ec81e298d1e95fd4d241', name: "progress" })), h("div", { key: '2b48c115e728d70408a3dbff44d5146270f923df', class: "gux-primary-message" }, h("slot", { key: '14ba47c353fe1dd986eb21641214d8454aaead96', name: "primary-message" })), h("div", { key: '3fb5684b3856f933cac3c1839f5b05e361308f16', class: "gux-additional-guidance" }, h("slot", { key: '62c4adfbe16f3aad8d7139a75ba8b68788ecbc0f', name: "additional-guidance" }))));
+        return (h("div", { key: '70a1f38dabb0b81325300cf8d9b3ac6992b0eda7', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'd404fed4ae8e9cfc825c0f71c78177a43bd3af9e', class: "gux-progress" }, h("slot", { key: 'cdc6631eda3b12ae30d68de764d5ed6144d61a62', name: "progress" })), h("div", { key: 'a0afed75afb859cbc001b51024323b17be002e18', class: "gux-primary-message" }, h("slot", { key: 'cb0d650c97439f3f17ab25915699a7d3913814e4', name: "primary-message" })), h("div", { key: 'cce443b19801997783ead52f3a8eb56ea9423c7c', class: "gux-additional-guidance" }, h("slot", { key: '6d7a23a11048e128a8cc7382c2b1d7b36b469819', name: "additional-guidance" }))));
     }
     static get is() { return "gux-loading-message"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-modal/gux-modal.js

@@ -76,7 +76,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'bab5ac656e94ff0937fd128c414ed9f1cae8b46c', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'b6080248a5a89f5c9e8cb5110358b65d6ef043d0', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'd28c34313e211024a1ad97a4b3be79bcedf52437', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '8ef94027f690c637df01edcc97639cb28b12f013', class: "gux-modal-content" }, h("p", { key: 'c3055a822887fa16f11fa3d38747b116dd26ea90' }, h("slot", { key: '951d14406c48af76ba8bc0efd277eabc7a0744b7', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '4b61b7e4e7c9d059732c1933f9784dda0e90cdbe', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '66a7ac7efa0210ead6e402bf7420380439e03373', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '46161b5e3471dbe6f9575e4077ab4c6a20d68bfc', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'a3598b51fe5ed50f1754e0d1d9b745dac6d8210e', class: "gux-modal-content" }, h("p", { key: '4ea4feae5814a7cd369f2588b0604766cb0c0c9e' }, h("slot", { key: 'd68607a3d8b03f2ad152b5f978f923b0a2f20ee7', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

package/dist/collection/components/stable/gux-page-loading-spinner/gux-page-loading-spinner.js

@@ -5,7 +5,7 @@ export class GuxPageLoadingSpinner {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '309e160531c6d7333185bdf8197b0ad15098c56a', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '4ee189150f20e750923b74f5c21b0fa66cfa8000', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     static get is() { return "gux-page-loading-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.js

@@ -58,7 +58,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '2adf432e5c8561b88b47d64651419539faeaacdb', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'fe8298d4f799e7492132fd918ad8a14c31c39e9c', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '607b0df667dc90c5e1aea01917a84d802e88b1e7', accent: "ghost", "icon-only": true }, h("button", { key: 'd72f33998b80efd44b59810674ec8baf8c8b48c3', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '47a7aea9eea057e7799c8d361ae3d664da4018c1', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'ff72d4e40c0614d548229f789db35c079d77679e', accent: "ghost", "icon-only": true }, h("button", { key: '76ee67311429e3343530922bad3ec2d98c9260c9', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'beb59b0a8e1812c18c9e8400912431bb1a9f746e', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '2b6ec10a6a777fac2a1ad1b2742d56b7c83f5425', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3515d6107c5a65b6a044ca5aa12adc06223086db', accent: "ghost", "icon-only": true }, h("button", { key: '3579ead5a7abab3ef4575c7aec7d49d088b6bb12', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'a71bda9da92ddb4047b899156c278fdf3431187f', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '71eb9a560a4fab1182cb78131508a2841bb73a2d', accent: "ghost", "icon-only": true }, h("button", { key: '185d069f2424e873b521593bd4c5befbf2d5b05f', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'f4b756e0c76c7071dc98f62493c0807143853280', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '718c8c0b98dbb3530ffc3c7396cef692d87c3df5', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'eb803916bf3f1b62cc4236ed69106358ad947bb1', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '95849c41be723efbb337516c8d7e08e9874bf943', accent: "ghost", "icon-only": true }, h("button", { key: 'b0c63b3397256054f1880e9c477cbf858b4ec037', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e9e0702ed4dd284ac44166ce06a21a8d9e9897e4', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '68af0a2f4b8c879007b1d4f3988fd2fe88209d28', accent: "ghost", "icon-only": true }, h("button", { key: 'd61bec3e79825e096c00050ab6325200d39ed228', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'a2d14c077aea2dae6151d1e8a37e28f1ba9bba9b', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '5ea2f5ef35e84d37dfd12c9844ad164d734076b4', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'b655123fb2815384a9f94ddee81b3eef10d7553a', accent: "ghost", "icon-only": true }, h("button", { key: '4eed0d1b1ff3e3c7eced4d93ddf88753ae61998e', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '40d8b196eaa9c3fe79f8ae88d405bfa2ea57481c', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '0b36b1ba989943c47ea5af87cb7ce93aa094ede2', accent: "ghost", "icon-only": true }, h("button", { key: 'a7628b8d39dd73d22d9d57951aa8c5cd8f6b40b2', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'a6b5842af3d553dc3015bdb02e006769c90c63a1', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js

@@ -96,10 +96,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: '36985a051239ecb27a5a7f8ebdd58d266311e6ae', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '015dd7d23b3e45d8d526d568cf2dcfdcf0b4f285', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '31fb8d209a0a7d1359739984aeb6ec7c3ad8e48d', for: "popover-target" }, h("div", { key: '8cd090daee18ef9b221e2a31b6df147af174a996', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '71aa010b988fdfa78aecf6698d3fab22f1100fa5', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '3d5e610300b17f93546365df3cba7daa0fff07fb', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'babc6464e1d60a1ba11d924c1c23d3e678a41828' }, h("input", { key: '8785c8665e2572e9530b49ef4d5f58ba5bdd4691', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), h("label", { key: '4fc1d7c66dd62cb88711eb657944f595f6e22011', slot: "label" })))
+            h("gux-button", { key: '9eaacb6cc8368aea3cc7510aea6265cc7786a1a9', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'b7f5a768cf6f49751fe76a79f3200a3ea70373ad', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: 'a89861cf5d82bb9c47d5805eaff30a079892f163', for: "popover-target" }, h("div", { key: '55f1334f8bcb76d255e4e9356d8a4b96b5fd0606', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'b961ff7538f0a43f96217c7894427bf1d96c8ac7', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '5456fe53ebefb5ac1fa8a75ce16aadd098004ace', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '41f301bf2f9f852b27778f3288b125a5659dfc82' }, h("input", { key: '366954e5ebe8533d304db503b3d16d9c3a3a4afa', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), h("label", { key: 'd344368156c0f358c600f52ba920d367d6929c24', slot: "label" })))
         ];
     }
     static get is() { return "gux-pagination-ellipsis-button"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.js

@@ -28,10 +28,10 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: '325a05d29604b38315f1a95318a691daad41d412', class: "gux-pagination-item-counts-container" }, h("span", { key: '4c6e277325a88e839ece1ef0ce21f638c7810dbb', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'b5659cc5ca52e43f93ef929a1ded3f974bbf7c34', class: "gux-pagination-item-counts-container" }, h("span", { key: '7abd6b3074b4fbb0ad1dccf6d12b3e41e791f9fc', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '7c670909cd37292ef639c1fa993c8782c0ffc8d9', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '6eae95d96c331bdeda10e496e995f7755b9b8c52', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     static get is() { return "gux-pagination-item-counts"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.js

@@ -20,7 +20,7 @@ export class GuxPaginationItemsPerPage {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: '56e33dac3f981827817fb7269ca2800806ec7f28', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'f2314d4e85a4075d034443ab4f90e17dd36b628c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'c4e0d414394824783edd508c800797fe073ea294', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '55272ff3223e23cdfc47d0d2da4889df0d4461df', class: "gux-pagination-items-per-page-container" }, h("div", { key: '467a93f0f43922cadbb8594c73351a3037112c71', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'ec96ac2f66e5ef75a59eb9309444fb9d3bde0832', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination.js

@@ -94,7 +94,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: '9847ec11f3d6ce2701b45e37609a04a0cd817a1b', class: "gux-pagination-container" }, h("div", { key: 'dd201c74a25ec351b7c2135df3a78c1afa188a04', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '8fa2f803d855138268436e80406b387b7b6d46b1', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '7a9a67683d8f886b0bb4f746a859c9b453bfe9f7', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '9cb7c65b1dfb7fbb7e0c982c4ab85b2ca29de9bd', class: "gux-pagination-spacer" }), h("div", { key: '7611f183470ff573eea93ccb51d43f4f135e791b', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'e322b2e19a780b3bf769591bfd3913a758b022f3', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'ab236770fc3daed11ad6f789b875376c77a30a25', class: "gux-pagination-container" }, h("div", { key: '2682ad1b06a71e7f387d81206d9b00045a9bd143', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'c61aad694a7318224341e6c078c58a29b751af74', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '266e0a925a72009d2c7ed198c2e65ab2ec63f154', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'fd38a04e91c10b94fd54de5d37a66ecf19aab55e', class: "gux-pagination-spacer" }), h("div", { key: '0c3cae06b3b0cc381407127b1be3f429d111bd92', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '265afcc77e276d6cf9a77a34340d2c5637b70ba3', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-popover/gux-popover.js

@@ -162,10 +162,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: 'f78208956cac48f1ed92dec054af7c56f1483e27', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '1202fc3707ac38dec035ebf8522f36275103fe91', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'd42c6192636029eed643bfaafecc0b2f80394fd3', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '9fc1f6bd146a4a2b6fa70fa8cab72972e24e2815', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '6da0834cb23232b1cea9834d1f4ada26eb9a6ff8', onClick: this.dismiss.bind(this) })), h("div", { key: '609540dfa3c0af738a57cf91c92d81392b5bcad8', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '2330c98eeea367966133574f062a36953f9b2487', name: "title" })), h("div", { key: '100c1123b7250fc755f58fdb0decdee00dfa3fd8', class: "gux-popover-content" }, h("slot", { key: 'e5d4780993a82f6d5cdb7362f7b9c29dcc8cea24' }))));
+            }, "data-placement": true }, h("div", { key: 'b28dec496bcb4b2cbd169f4fef080438eafac634', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '59261d1aa75d9c932ccade7e9217bf98d7292007', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '9328bb10a746be8c106ff7a9fc76544e4e8b6bb0', onClick: this.dismiss.bind(this) })), h("div", { key: '7e0c2e755b05052f2c59b1aa402763240a798ece', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'b611659e7c1ff318dee1986818d05655a23114c3', name: "title" })), h("div", { key: 'f345838da2e098b7aaa02e17b660ab00cdf70e85', class: "gux-popover-content" }, h("slot", { key: 'f9cf8ea36396ca69a2b95cb85fe765d4d725e907' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-popover-list/gux-popover-list.js

@@ -134,10 +134,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: 'c94e3a9d29972dd7de07153cf21370bf7009adb0', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '6604aa2106d37be2770336256e0be3eb13f0ff77', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'f0d18e1a7f180e7776eafeba0ebc7c8acf038385', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'df6952abca5ca57368311073e26d65f186304c09', onClick: this.dismiss.bind(this) })), h("div", { key: 'd530b83e81b9e62529ba2125f1d824a658f08778', class: "gux-popover-content" }, h("slot", { key: 'f8c9ced9b756e1d7c879a581792e33dc2f9e941f' }))));
+            }, "data-placement": true }, h("div", { key: '1e9f7b4df8e15817c506d1645c5117f2ac22be5a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '6aa1489b360ff5bc7f2bf6c71c60bb6df8b02662', onClick: this.dismiss.bind(this) })), h("div", { key: 'ef61f16f180a0b36661216b8fb7687d45a571066', class: "gux-popover-content" }, h("slot", { key: 'f35da15f9db666f2ffbcb5b0d800231a707f645e' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-popup/gux-popup.js

@@ -20,6 +20,10 @@ export class GuxPopup {
          * set if parent component design allows for popup exceeding target width
          */
         this.exceedTargetWidth = false;
+        /**
+         * set if parent component design is inline
+         */
+        this.inline = false;
     }
     runUpdatePosition() {
         this.cleanupUpdatePosition = autoUpdate(this.targetElementContainer, this.popupElementContainer, () => this.updatePosition(), {
@@ -32,6 +36,7 @@ export class GuxPopup {
     updatePosition() {
         if (this.targetElementContainer && this.popupElementContainer) {
             const exceedTargetWidth = this.exceedTargetWidth;
+            const inline = this.inline;
             void computePosition(this.targetElementContainer, this.popupElementContainer, {
                 strategy: 'fixed',
                 placement: this.placement,
@@ -40,13 +45,13 @@ export class GuxPopup {
                     flip(),
                     size({
                         apply({ rects, elements }) {
-                            if (exceedTargetWidth) {
+                            if (exceedTargetWidth && !inline) {
                                 // These elements should be at least as wide the target but can expand beyond
                                 Object.assign(elements.floating.style, {
                                     minWidth: `${rects.reference.width}px`
                                 });
                             }
-                            else {
+                            else if (!inline) {
                                 // Everything else is constrained to the width of the target.
                                 // Note: if the contents overflow the flip and shift middleware will not detect it
                                 Object.assign(elements.floating.style, {
@@ -112,13 +117,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '8b457686247f595bc6fda8a16fa6878e1baf6d44', class: {
+        return (h("div", { key: 'e082b74a51c5eba68b606ecd973ea06a9ff9831c', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '415230f7029ab2ba2bc12ccc4fdca6bb6683fac1', name: "target" }), h("div", { key: 'a9c084eed9bb2664f8e75ec4383e3437c2316ef7', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'c3a8b28bc8f65a003d50662ff4113158f7305612', name: "target" }), h("div", { key: 'f70884575c7c93813114f8c2c89407349094ad55', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '84b4949477da973f148a47214fa0a64f0ca0c01a', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '7aa065fa01eb2f719dc1c9f058af1327c3c7056f', name: "popup" }))));
     }
     static get is() { return "gux-popup"; }
     static get encapsulation() { return "shadow"; }
@@ -239,6 +244,26 @@ export class GuxPopup {
                 "attribute": "exceed-target-width",
                 "reflect": false,
                 "defaultValue": "false"
+            },
+            "inline": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "set if parent component design is inline"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "inline",
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }