@getflip/swirl-components 0.403.0 → 0.404.0

package/dist/components/swirl-table-column.js

@@ -22,7 +22,7 @@ const SwirlTableColumn$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableColu
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (h(Host, { key: '34c7db09a98d06ef106047f668114d5f90777f55', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: '9d4c0fc6b935e10dbf43383a7cff2a79e09067b1' }, h("slot", { key: '6fc894a4d9aa228e10f019fa65dc4f8b645e43b3' })), this.sortable && (h("span", { key: '393474d787bc2e3e467b7aaa655246e87ebfe3e7', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '3f90d7008105c0965492d9f9831a9479942e1ef0', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '83b3d0a6c05951e6f2d34a79e9780eb4be3587f5', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (h(Host, { key: '7b44381a58a3166a253085ad49e9dfd2c789a6cb', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: 'bbd36f836c804b7705a4734146d75b0947c60d0e' }, h("slot", { key: '31bd5ea3ad4241e3220982b3b6b09177b1797815' })), this.sortable && (h("span", { key: 'f1412c8cfee58866f449cb188a2def485af9066d', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: 'bb54544c676dcfb0f13f93354d6438a635fa028d', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: 'cfb63e3e1edc6c6d99da43eed402b467f3ca7770', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     get el() { return this; }
     static get style() { return swirlTableColumnCss; }

package/dist/components/swirl-table.js

@@ -581,7 +581,7 @@ const SwirlTable$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTable extends H
             "table--show-empty-state": this.empty && !this.loading,
             "table--keyboard-move": this.movingViaKeyboard,
         });
-        return (h(Host, { key: 'd6e97afc02cef1d41b7ccad1650e32401f11677c' }, h("div", { key: 'dceaad27e0de2689fcfd99034019290db6bb9268', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '37210fe0906c51f0959fc0981d7dc987c4789130' }, h("span", { key: 'bc57d02beffba02d11c35fabccd4bb98cef4fdab', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: '56fc0100044dd3b5be2391e9c310539f9bff754b', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, h("div", { key: '4705a68fa3b449b8eba6a6d1690367256e39b50d', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: 'db585347a547e1cb60a3331af74dd48dab33d353' }, h("div", { key: '5dd792ea27b892f0c7516d01618810db27a3f4d9', id: "caption" }, this.caption))), h("div", { key: '556330fc41ac660bea1f2e84f66ecb4fe6d81c2a', role: "rowgroup" }, h("div", { key: '3d6f50ca0de0c734f4605ebfe476cd444c79df2f', class: "table__header", ref: (el) => (this.headerEl = el), role: "row" }, h("slot", { key: 'fd5fe14b2542b8f1e5c1f605c97c3e2341c7e3c8', name: "columns" }))), h("div", { key: 'cf0f7f822bb98205307f0a6168c759d576794b25', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: 'e4af4d1789d91f7bbf451948e233c9a60e3b6e7d', name: "rows" }), h("div", { key: '6c874d5d8a0a0129f88e53efee609e449921907f', class: "table__empty-row", role: "row" }, h("div", { key: '0abe2cd4dca811db2b29ca3bfd44796ef50343db', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("slot", { key: '2aa3ae37600618fb280d7fb53ecf716049d2938b', name: "empty" }), !hasEmptyStateSlotAssignment && (h("swirl-text", { key: 'c87ad9ce612ffef6966087b4de170a0aec62601b', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (h(Host, { key: '58cb39e970718c947af8fb05e49327f69ce52406' }, h("div", { key: 'ccc4d4c35f16a0250bca6473848ec928a20d69f1', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '984ee69c68a1f7ede7c68d11e08ab87677c75d8c' }, h("span", { key: '7a27389724c8c0d877c79af23589b637e44d5669', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: 'd17f542eac55c6da592fc2ab12d838e30ef318e6', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, h("div", { key: 'dd983c262ce853828b3040c9f97c510c769662e3', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '031594755193d7ca2e0f8624afd79ec38ac0dec7' }, h("div", { key: '7b76523681ef767eb7a5805cc45da2259d6b9ce5', id: "caption" }, this.caption))), h("div", { key: 'ac6f9ffa3703cbadb12b7384e8f897c5af9d0bc1', role: "rowgroup" }, h("div", { key: '5263be7e317340491ee5890a1a2e5d25fcba06d5', class: "table__header", ref: (el) => (this.headerEl = el), role: "row" }, h("slot", { key: '3171ffdd4027b3f32d2d2b110f55209c8bdc5e7e', name: "columns" }))), h("div", { key: '32c054e3e9f63439efb8f9cf9633f5b628a789e0', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '2f5b748c60f91dbe4df98d0f18b367f8292100d0', name: "rows" }), h("div", { key: 'b51e7e34b4d4e1c4044f9480a0a115393064d221', class: "table__empty-row", role: "row" }, h("div", { key: '1cb8061bef8a30965ea023b31dd0fcfac0276f26', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("slot", { key: 'e512da95e312bb19dca9b36e0092a0001810eda7', name: "empty" }), !hasEmptyStateSlotAssignment && (h("swirl-text", { key: 'ab17ca80ff8a609d5eaa4addee7d3358791bc11d', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-tag2.js

@@ -41,7 +41,7 @@ const SwirlTag = /*@__PURE__*/ proxyCustomElement(class SwirlTag extends HTMLEle
     }
     render() {
         const className = classNames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`, { "tag--hide-label": this.hideLabel });
-        return (h(Host, { key: '1333123b648e954bf91e00e1c91b420b2a26e9f4' }, h("span", { key: '475ea72614b02e8b0284c8702cb4e0d7c82cee16', class: className, part: "tag" }, this.icon && (h("span", { key: '33e5ce8e5f8b3380f984ab4dea418ceaa3c83b4c', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !this.hideLabel ? (h("span", { class: "tag__label" }, this.label)) : (h("swirl-visually-hidden", null, this.label)), this.removable && (h("button", { key: 'c8c0928c9c85186b2f0516308f91252eea48c3ac', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: '7d504c7ee2f91fdbb5929138339297d54b2f2f7d', size: 16 }))))));
+        return (h(Host, { key: 'a3ade00e730b9c5a0bf70ce18555894162efcdb9' }, h("span", { key: '9adecf537f7923514ec8eca45badc8560a1448b8', class: className, part: "tag" }, this.icon && (h("span", { key: '0adc214659f1680182981e70724fcbc1782f01d0', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !this.hideLabel ? (h("span", { class: "tag__label" }, this.label)) : (h("swirl-visually-hidden", null, this.label)), this.removable && (h("button", { key: 'e1981afdf9819c222ca92f08fdf57cdd7e4f3f26', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: '6b06d0db7dcd182742f5399cd20d2d7532b9ff0c', size: 16 }))))));
     }
     get el() { return this; }
     static get style() { return swirlTagCss; }

package/dist/components/swirl-text2.js

@@ -987,7 +987,7 @@ const SwirlText = /*@__PURE__*/ proxyCustomElement(class SwirlText extends HTMLE
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (h(Host, { key: '2705ae22ced61f2ded22a95f4bb516b4d236ee05' }, h(Tag, { key: 'ba3ac9ebab4d8161c1131f6c66d7f49d498d94bb', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '77bf55627b6746378d987d3eb3baef90d1d617ac' }))));
+        return (h(Host, { key: '56f7218ef3a537fec98997d1b14ca35c2c479676' }, h(Tag, { key: 'b921b87fd42122292d4db0368a5aba72e0975f7a', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '7e8f3315ebe21dc4e598c375d300143a519b697e' }))));
     }
     get el() { return this; }
     static get style() { return swirlTextCss; }

package/dist/components/swirl-thumbnail2.js

@@ -35,7 +35,7 @@ const SwirlThumbnail = /*@__PURE__*/ proxyCustomElement(class SwirlThumbnail ext
             "thumbnail--interactive": this.interactive,
             "thumbnail--has-progress": this.progress !== undefined,
         });
-        return (h(Host, { key: 'b163c406924eb786fdf7df91bf95e698684cacb2' }, h("span", { key: '51be2f399ab16a35a38dbe88a526d34f9a93d930', class: className, role: "group" }, h(ImageWrapper, { key: 'cc315b5cab5bf4f582e5a8de1362505c9fda7e11', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: '954d3f7a428e48d74d032c70caeadcde9e919877', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '3de6fa2511300dd7e85eb03de9e040286be7eb8a', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '2f360551e24ef67337b267dc05c9637c9f3f6ae4', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: 'da5dc58dc2efed85f5fda9c8242bd0d7dd12d920', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '6376028fe00406fdb759b4f6ee7c940489e9cf39' }, h("swirl-button", { key: 'c2d515dd83f22099d9a508dbef1851f0b59ac3c4', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '4a0085069c63f86b2975ad8181bc4022bf8231a1' }, h("swirl-button", { key: 'b3a9820e11e04d848de1ab3709d3eac797578039', hideLabel: true, icon: "<swirl-icon-delete></swirl-icon-delete>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: 'ec1a5801b9d9b3395582e088d8efeb274f57eb3a', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (h(Host, { key: '3545b248fde36b1d127a0630cec3cecd45084d81' }, h("span", { key: 'a658cb627ad7f6e66e4d96d28431eb86e46a04d7', class: className, role: "group" }, h(ImageWrapper, { key: '006319ae923bb315143d18ae485f21d6b82dcb82', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: 'b10d7bb5ac401faedaebb13ff63efed486f6577c', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '0136b7032f9b20f1ab7239ec571b1f634705b183', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'a50e4f6e2e0eb6f1f41c2f846fa1883a904d1671', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '2477bb687307e2167dc4005e46fd56ee393497e3', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: 'ebb5fb96bebb157f06a742515d9e98eeea1e6571' }, h("swirl-button", { key: 'c335bd576fb8664fd4d45ab3ae9b0f97ce99a130', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '3df296ec9f310309d17e53b4868d3f844ef9fcf1' }, h("swirl-button", { key: 'b34c70f969d794844d14a5031f96497dd58e88d8', hideLabel: true, icon: "<swirl-icon-delete></swirl-icon-delete>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: 'c65d48def8ed423dc9b48a32612684a86defcd99', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
     static get style() { return swirlThumbnailCss; }
 }, [1, "swirl-thumbnail", {

package/dist/components/swirl-toast-provider.js

@@ -48,7 +48,7 @@ const SwirlToastProvider$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToastPr
         return newToastWithId;
     }
     render() {
-        return (h(Host, { key: '2e948fa77162113c396c00c7f9703483c400233c', role: "status" }, h("swirl-stack", { key: 'ca43ed3612eef77ea064d9ed4e00f880ff818e44', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: 'ed46f2145bfb6a36b7d7e66206f92aa048b0b0ff', role: "status" }, h("swirl-stack", { key: 'd3302dba7a8f2cd47b77adacb1d6ee51d32b4b85', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

package/dist/components/swirl-toast2.js

@@ -54,7 +54,7 @@ const SwirlToast = /*@__PURE__*/ proxyCustomElement(class SwirlToast extends HTM
     }
     render() {
         const className = classNames("toast", `toast--intent-${this.intent}`);
-        return (h(Host, { key: 'f778aa4a83f4893f6624012188ee9ebfe4a87148' }, h("div", { key: 'dec52e1f31ca5ad7562182a0b20591f80674cf64', class: className }, this.icon && (h("span", { key: '44ed9836656e5b18f5a29087c4b9d415099cda1a', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '8bb09803cd503a78578fb1c4c3abce515610512f', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'ba1d1bf7473be575e81b09328a192a392344d5a1' })), h("button", { key: 'c4d88190073f45eb39821de9e6e885023b502d37', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: '22024931b84d915424afbef059ed7a06b5b3a19e', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: '7fea68476343a3a1036bcf9f7594a6e1a79cff8d' }, h("div", { key: 'fbffb818800e9a1a09d152b304247d2d4f142011', class: className }, this.icon && (h("span", { key: '3dd08af863ab3e470b04382280e48898b1855df5', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'cb7f747663e9abac62571814a39d4295e33cba5c', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'fe656f4eb9dc33af885d7b41f8a1b846bc1e5649' })), h("button", { key: '974e2f354db147b74fd5e88e4fb17a8b611f1fa9', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: '26d3e2c61a864953c15e1ca071a00cb33bdc412b', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

package/dist/components/swirl-toggle-group.js

@@ -63,7 +63,7 @@ const SwirlToggleGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToggleGro
         const className = classNames("toggle-group", `toggle-group--variant-${this.variant}`, {
             "toggle-group--elevated": this.elevated,
         });
-        return (h("swirl-stack", { key: 'f23f280ccd329a6dce85e0936854ad641c7f02be', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: 'fe678b3ba4ba727ff851295f338331c1fd9bd327', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: '53d1ed77435d8b176d2ecd9f17a91d7ce898089c', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '86d94274de5474cd95c7a8e9bc00470a769f0338', onSlotchange: this.onSlotChange })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-toolbar.js

@@ -72,7 +72,7 @@ const SwirlToolbar$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToolbar exten
         });
     }
     render() {
-        return (h(Host, { key: '6839d6b80aec0dd93bcdbf05d6ee1eb3cad5ae94' }, h("swirl-stack", { key: '9f40313da2656080f7ebe0d04958afa922f0c6e6', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: '1b4462914f0e66be04c26d711e060cf1cdbf7c10' }))));
+        return (h(Host, { key: '68b45bf033f288bfcc91816113e4a9dc1ef3969f' }, h("swirl-stack", { key: '5e47332dbd0f692c105a8271b381b474e87e6a79', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: 'fcd391ebc21c6b829394c28b2968c5007f3be389' }))));
     }
     get el() { return this; }
     static get style() { return swirlToolbarCss; }

package/dist/components/swirl-tooltip2.js

@@ -139,7 +139,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
             "tooltip--visible": this.visible,
             "tooltip--promo": this.isPromo,
         });
-        return (h(Host, { key: 'eb98693ca0f89f2d87d77345a7a40094ad2127b0', onKeydown: this.onKeydown }, h("span", { key: 'a9136430b03542b564d5ac0e7a607c15626ebf7b', class: className }, h("span", { key: 'fb3360a98a1dbbc2882dd476ce1bece24262e5a4', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: !this.isPromo && this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '66284a39104223a52ef2c7c4b7eae3989e427c14' })), h("span", { key: '83a41911fdd3b4b71613758de21a9a82b77ee32b', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: 'fc519bc6bad0fd200f1488e3742b0dca44cc05b5', onKeydown: this.onKeydown }, h("span", { key: '91964f251ff0c04bfec3fbec8107744f6cfe3d1d', class: className }, h("span", { key: '0aace9505aedb2f37c5acc9fb0bb3cca3daf2088', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: !this.isPromo && this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'a3fcf67df68395c98fc352938fd69c13990fbb3e' })), h("span", { key: 'd9f80d516bdc74a0193c91af589cd036500d3899', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -147,7 +147,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: '9b1d1f18199fd58c71151f18230a8d9372ea6dcf', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: 'e9e0c0d96cd1fdb70c43b9f45aa9e5f8c04056ac', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '15abfa4fee4eec0ceed79bada17ddea2fcb5a189', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: '3d54c43341109596f4aaf84c375f82bbeba6a42c', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: 'cc6a79df030454fdbceaaf93670ea93378a28713', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: 'ff31c9b40b969155ab7f1c21603406e23cf2a791', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));