@poirazis/supercomponents-shared 1.2.0 → 1.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/index.js +25342 -13701
  2. package/dist/index.umd.cjs +198 -16
  3. package/dist/style.css +1 -1
  4. package/package.json +16 -19
  5. package/src/lib/Actions/position_dropdown.js +14 -7
  6. package/src/lib/SuperButton/SuperButton.svelte +5 -6
  7. package/src/lib/SuperField/SuperField.svelte +58 -22
  8. package/src/lib/SuperPopover/SuperPopover.svelte +2 -2
  9. package/src/lib/SuperTableCells/CellCommon.css +17 -1
  10. package/src/lib/SuperTableCells/CellLinkAdvanced.svelte +0 -1
  11. package/src/lib/SuperTableCells/CellOptions.svelte +27 -32
  12. package/src/lib/SuperTableCells/CellSQLLink.svelte +24 -25
  13. package/src/lib/SuperTableCells/CellString.svelte +2 -15
  14. package/src/lib/UI/elements/Tooltip.svelte +8 -2
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .hide-popover.svelte-1yh2ak{display:contents}.spectrum-Popover.svelte-1yh2ak{border-color:var(--spectrum-global-color-gray-300);background-color:var(--spectrum-global-color-gray-50);overflow:auto}.customZindex.svelte-1yh2ak{z-index:var(--customZindex)!important}.tooltip-content.svelte-i04k5p{padding:8px 12px;font-size:12px;line-height:1.4;color:var(--spectrum-global-color-gray-900);background-color:var(--spectrum-global-color-gray-50);border:1px solid var(--spectrum-global-color-gray-300);border-radius:4px;box-shadow:0 2px 8px #00000026;max-width:200px;word-wrap:break-word}.super-button.svelte-ljms5y{border:1px solid var(--spectrum-global-color-gray-400);background-color:var(--spectrum-global-color-gray-75);color:var(--spectrum-global-color-gray-800);display:flex;align-items:center;font-weight:600;min-width:5rem;padding:0rem .75rem;gap:.5rem;height:2rem}.super-button.svelte-ljms5y.xsmall{height:1.5rem;font-size:10px;padding:0rem .5rem;min-width:unset}.super-button.svelte-ljms5y.small{min-width:4rem;padding:0rem .5rem;gap:.5rem;height:1.85rem}.super-button.svelte-ljms5y.small.ink{height:1.5rem}.super-button.svelte-ljms5y.large{height:2.25rem}.super-button.svelte-ljms5y>span:where(.svelte-ljms5y){white-space:nowrap}.super-button.svelte-ljms5y.icon>i:where(.svelte-ljms5y){display:block}.super-button.svelte-ljms5y.iconOnly{min-width:unset;aspect-ratio:1/1;border-radius:.25rem;font-weight:600;font-size:14px}.super-button.svelte-ljms5y.iconOnly>span:where(.svelte-ljms5y){display:none}.super-button.svelte-ljms5y>i:where(.svelte-ljms5y){display:none;opacity:.9}.full-width.svelte-ljms5y{width:100%}.menu-item.svelte-ljms5y{width:100%;justify-content:flex-start;border:unset!important;border-radius:0;background-color:transparent!important;font-weight:500}.menu-item.svelte-ljms5y:hover{background-color:var(--spectrum-global-color-gray-200)!important;color:var(--spectrum-global-color-gray-900)}.menu-item-right.svelte-ljms5y{width:100%;justify-content:flex-end!important}i.svelte-ljms5y{color:var(--iconColor);transition:all .23s ease-in-out}.cta.svelte-ljms5y{background-color:var(--spectrum-global-color-blue-400);border:1px solid transparent;color:#fff}.cta.svelte-ljms5y.quiet{background-color:transparent;border:1px solid var(--spectrum-global-color-blue-100);color:var(--spectrum-global-color-blue-700)}.cta.svelte-ljms5y.quiet:hover{background-color:var(--spectrum-global-color-blue-400);color:#fff}.cta.svelte-ljms5y.quiet:focus{border:1px dashed var(--spectrum-global-color-blue-700);font-weight:bolder}.cta.svelte-ljms5y:hover{background-color:var(--spectrum-global-color-blue-600);border-color:var(--spectrum-global-color-blue-600)}.cta.svelte-ljms5y:active{border:1px solid var(--spectrum-global-color-blue-700)}.ink.svelte-ljms5y{background-color:var(--spectrum-global-color-gray-700);border:1px solid var(--spectrum-global-color-gray-700);color:var(--spectrum-global-color-gray-50);font-weight:700;opacity:.9;max-height:1.35rem}.ink.svelte-ljms5y.quiet{border-color:transparent!important;background-color:transparent;color:var(--spectrum-global-color-gray-800)}.ink.svelte-ljms5y.quiet:hover,.ink.svelte-ljms5y.quiet:focus{color:var(--spectrum-global-color-gray-50);background-color:var(--spectrum-global-color-gray-800)}.ink.svelte-ljms5y:hover,.ink.svelte-ljms5y:focus{background-color:var(--spectrum-global-color-gray-800)}.ink.svelte-ljms5y:active{border:1px solid var(--spectrum-global-color-blue-700)}.primary.svelte-ljms5y:hover,.primary.svelte-ljms5y:focus{border:1px solid var(--spectrum-global-color-gray-500);color:var(--spectrum-global-color-gray-900)}.primary.svelte-ljms5y:active{background-color:var(--spectrum-global-color-gray-100);border:1px solid var(--spectrum-global-color-gray-600)}.primary.svelte-ljms5y.quiet{border-color:transparent;background-color:transparent}.primary.svelte-ljms5y.quiet:hover{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-900)}.secondary.svelte-ljms5y{background-color:var(--spectrum-global-color-gray-200);border-color:transparent;color:var(--spectrum-global-color-gray-700);font-weight:500}.secondary.svelte-ljms5y.quiet{border-color:transparent;background-color:transparent}.secondary.svelte-ljms5y.quiet:hover{background-color:transparent;border-color:var(--spectrum-global-color-gray-400)}.secondary.svelte-ljms5y:hover{background-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-gray-900)}.secondary.svelte-ljms5y:focus{border:1px dashed var(--spectrum-global-color-gray-400);color:var(--spectrum-global-color-gray-900)}.warning.svelte-ljms5y{border:1px solid transparent;background-color:var(--spectrum-global-color-red-400);color:#fff}.warning.svelte-ljms5y.quiet{border-color:transparent;background-color:transparent;color:var(--spectrum-global-color-red-400)}.warning.svelte-ljms5y.quiet:hover{border-color:var(--spectrum-global-color-red-400);font-weight:bolder}.warning.svelte-ljms5y.quiet:focus{border:1px dashed var(--spectrum-global-color-red-700);font-weight:bolder}.warning.svelte-ljms5y:hover:not(.quiet){background-color:var(--spectrum-global-color-red-700);font-weight:bolder}.warning.svelte-ljms5y:focus{border:1px dashed var(--spectrum-global-color-red-700);font-weight:bolder}.overBackground.svelte-ljms5y{background-color:transparent}.overBackground.svelte-ljms5y.quiet{border:unset}.menu.svelte-ljms5y{border:unset;background:transparent;padding-right:0rem;color:var(--spectrum-global-color-gray-700)}.disabled.svelte-ljms5y{background-color:var(--spectrum-global-color-gray-200)!important;color:var(--spectrum-global-color-gray-400)!important;cursor:not-allowed;border-color:var(--spectrum-global-color-gray-300)}.disabled.svelte-ljms5y.quiet{background-color:unset!important;border:unset!important}.working.svelte-ljms5y{cursor:progress;border:1px solid var(--spectrum-global-color-gray-300)!important}.working.svelte-ljms5y>span:where(.svelte-ljms5y){color:var(--spectrum-global-color-gray-600)}.working.svelte-ljms5y>i:where(.svelte-ljms5y){display:block;animation:spin 1s linear infinite;color:var(--spectrum-global-color-blue-700)}.super-field.svelte-n4hlae{min-width:120px;width:100%;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;min-height:var(--height)}.super-field.svelte-n4hlae.multirow{max-height:var(--height)}.super-field.svelte-n4hlae.left-label{flex-direction:row;align-items:center;gap:1rem}.super-field.svelte-n4hlae.tall{height:100%;justify-content:stretch}.super-field.svelte-n4hlae.tall.left-label{flex-direction:row;align-items:stretch}.super-field.svelte-n4hlae:focus-within>.superlabel:where(.svelte-n4hlae){color:var(--spectrum-global-golor-gray-700)}.inline-cells.svelte-n4hlae{flex:auto;display:flex;align-items:stretch;min-height:2rem;overflow:hidden}.inline-cells.svelte-n4hlae.multirow{flex-direction:column;align-items:stretch;justify-content:flex}.superlabel.svelte-n4hlae{flex:0 0 auto;width:var(--label-width);overflow:hidden;display:flex;align-items:center;justify-content:space-between;font-weight:400;line-height:1.65rem;color:var(--spectrum-global-color-gray-700);gap:1rem;transition:.13s}.superlabel.svelte-n4hlae.left{flex-direction:column;align-items:flex-start;justify-content:center;line-height:1rem;gap:0px}.superlabel.svelte-n4hlae.left.tall{justify-content:flex-start;padding-top:.5rem}.superlabel.svelte-n4hlae.left>.label:where(.svelte-n4hlae){width:var(--label-width);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.superlabel.svelte-n4hlae>.label:where(.svelte-n4hlae){min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.superlabel.svelte-n4hlae>.label:where(.svelte-n4hlae).showHelp{font-style:italic}.superlabel.svelte-n4hlae>.error-message:where(.svelte-n4hlae){color:var(--spectrum-global-color-red-400);font-size:11px}.list-wrap.svelte-kbua7a{list-style-type:none;margin:0;padding:0;width:100%;border-radius:4px;max-height:var(--height, 15rem);overflow-y:auto;height:100%}.list-wrap.svelte-kbua7a>li:where(.svelte-kbua7a):not(.buttons){background-color:transparent;transition:background-color ease-in-out .13s;display:flex;align-items:center;border-bottom:1px solid var(--spectrum-global-color-gray-200)}.list-wrap.inEdit.svelte-kbua7a>li:where(.svelte-kbua7a):hover{background-color:var( --spectrum-table-row-background-color-hover, var(--spectrum-alias-highlight-hover) );cursor:pointer}.list-wrap.svelte-kbua7a>li:where(.svelte-kbua7a):first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-wrap.svelte-kbua7a>li:where(.svelte-kbua7a):last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:0px}.right-content.svelte-kbua7a{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem}.right-content.svelte-kbua7a>span:where(.svelte-kbua7a){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.right-content.svelte-kbua7a.showColors>i:where(.svelte-kbua7a){display:block;color:var(--option-color);font-size:16px}.right-content.svelte-kbua7a>i:where(.svelte-kbua7a){display:none}li.buttons.svelte-kbua7a{display:flex;padding:unset!important;color:var(--spectrum-global-color-gray-500)}li.buttons.svelte-kbua7a.inEdit{color:var(--spectrum-global-color-gray-700)}li.buttons.svelte-kbua7a:hover{background-color:transparent!important}i.svelte-kbua7a:hover{cursor:pointer}.add-button.svelte-kbua7a{flex:1;min-width:0;display:flex;justify-content:center;align-items:center}.add-button.svelte-kbua7a.disabled{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}.add-button.svelte-kbua7a.placeholder{font-style:italic;color:var(--spectrum-global-color-gray-500)}.clear-button.svelte-kbua7a{flex:1;min-width:0;display:flex;justify-content:center;align-items:center;border-left:1px solid var(--spectrum-global-color-gray-300)}.clear-button.svelte-kbua7a:hover{color:var(--spectrum-global-color-red-500);cursor:pointer}.list-wrap.svelte-kbua7a li:where(.svelte-kbua7a){padding-left:var(--spacing-s);padding-right:var(--spacing-s);line-height:1.85rem}.list-wrap.svelte-kbua7a li:where(.svelte-kbua7a):focus{outline:none}.handle.svelte-kbua7a>svg:where(.svelte-kbua7a):hover{cursor:grab}.handle.svelte-kbua7a{display:flex;min-width:1.5rem;align-items:center;color:var(--spectrum-global-color-gray-500);fill:var(--spectrum-global-color-gray-700);font-size:14px}.icon-button.svelte-eijxgh{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .1s ease-in-out;background-color:transparent;border:1px solid transparent}.icon-button.svelte-eijxgh:hover:not(.disabled){background-color:var(--spectrum-global-color-gray-200)}.icon-button.svelte-eijxgh:active:not(.disabled){background-color:var(--spectrum-global-color-gray-300)}.icon-button.disabled.svelte-eijxgh{cursor:not-allowed;opacity:.5}.icon-button.small.svelte-eijxgh{width:1.5rem;height:1.5rem}.icon-button.medium.svelte-eijxgh{width:2rem;height:2rem}.icon-button.large.svelte-eijxgh{width:2.5rem;height:2.5rem}.icon-button.small.svelte-eijxgh i:where(.svelte-eijxgh){font-size:.9rem}.icon-button.medium.svelte-eijxgh i:where(.svelte-eijxgh){font-size:1rem}.icon-button.large.svelte-eijxgh i:where(.svelte-eijxgh){font-size:1.25rem}.icon-button.warning.svelte-eijxgh{color:var(--spectrum-global-color-red-400)}.super-table{flex:auto;display:flex;position:relative;border:1px solid var(--spectrum-global-color-gray-300);background:var(--spectrum-global-color-gray-50);color:var(--spectrum-global-color-gray-800);overflow:hidden;height:360px;--row-selection-color: rgba(75, 117, 255, .15);--row-hover-color: rgba(75, 117, 255, .05)}.super-table.quiet{background:transparent;--row-selection-color: var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200)}.super-table .emptyTable{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;z-index:0;background-color:var(--spectrum-global-color-gray-100);border-radius:.5rem;color:var(--spectrum-global-color-gray-600);gap:1.5rem;letter-spacing:1.2px;opacity:.65}.super-table .emptyTable>i{font-size:36px;color:var(--spectrum-global-color-gray-600)}.super-table.initializing{background-color:var(--spectrum-global-color-gray-50);opacity:.8}.super-table.initializing:after{content:"";position:absolute;top:50%;left:50%;width:3rem;height:3rem;margin:-1.5rem 0 0 -1.5rem;border:4px solid var(--spectrum-global-color-gray-300);border-top-color:var(--spectrum-global-color-gray-600);border-radius:50%;animation:spin 1s linear infinite;z-index:1}.st-control-columns{display:flex}.st-master-columns{display:flex;flex:auto}.st-master-columns{flex-direction:row;align-items:stretch;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.st-master-columns::-webkit-scrollbar{display:none}.super-column{display:flex;flex:auto;position:relative;flex-direction:column;border-right:var(--super-table-vertical-dividers);overflow:hidden;scrollbar-width:none}.super-column.control-column{flex:none;min-width:2.4rem}.super-column.button-column{padding:auto}.super-column.isLast{border-right-color:transparent}.super-column.considerResizing{border-right:1px solid var(--spectrum-global-color-gray-500)}.super-column.resizing{border-right:1px solid var(--primaryColor)}.super-column.sticky{background:var(--spectrum-global-color-gray-75);filter:drop-shadow(2px 0 2px rgba(0,0,0,.5));z-index:1}.super-column .grabber{position:absolute;right:0;top:8px;width:3px;height:calc(100% - 16px);border-radius:2px;background:var(--spectrum-global-color-gray-200);transition:all .13s ease-in-out;z-index:10}.super-column .grabber:hover{width:5px;background:var(--spectrum-global-color-gray-600);cursor:col-resize}.super-column-header{display:flex;align-items:center;justify-content:flex-start;background:var(--spectrum-global-color-gray-100);border-bottom:1px solid var(--spectrum-global-color-gray-200);height:var(--super-table-header-height);padding:unset;flex:none;z-index:1}.super-column-header{gap:.5rem;padding:0 .5rem}.super-column-header .headerLabel{flex:1;display:flex;align-items:center;min-width:0}.super-column-header .innerText{font-size:12px;text-transform:uppercase;letter-spacing:1.1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--spectrum-global-color-gray-800)}.control-column-header{display:flex;align-items:center;justify-content:flex-start;background:var(--spectrum-global-color-gray-100);border-bottom:1px solid var(--spectrum-global-color-gray-200);min-height:var(--super-table-header-height);padding:0 .75rem;gap:1rem}.control-column-header .row-number{min-width:1.25rem;text-align:right;color:var(--spectrum-global-color-gray-500);font-size:11px}.super-column-body{flex:auto;overflow:hidden;max-height:var(--super-table-body-height);height:100%}.super-column-body.zebra:not(.sticky)>.super-row:nth-child(2n){background:var(--spectrum-global-color-gray-75)}.super-column-body.quiet{background:transparent}.super-column-body.inserting{color:var(--spectrum-global-color-gray-400)}.super-column-body .add-row{height:2rem;display:flex;align-items:center;font-style:italic;color:var(--spectrum-global-color-gray-500);padding:0 var(--super-table-cell-padding)}.super-column-body .spacer{min-height:6rem;background:var(--spectrum-global-color-gray-100)}.super-row{position:relative;display:flex;align-items:stretch;border-bottom:var(--super-table-horizontal-dividers);cursor:default}.super-row.saving{border-bottom-color:var(--spectrum-global-color-green-400)}.super-row.is-hovered{color:var(--spectrum-global-color-gray-900);background:var( --row-hover-color, var(--spectrum-global-color-gray-75) )!important}.super-row.is-hovered .row-number{color:var(--spectrum-global-color-gray-800)}.super-row.is-selected{color:var(--spectrum-global-color-gray-900);background-color:var(--row-selection-color)!important}.super-row.is-disabled{color:var(--spectrum-global-color-gray-500)!important;font-style:italic}.super-row.isLast{padding-right:1.5rem}.super-row.new-row{min-height:2rem;background:var(--spectrum-global-color-gray-50);color:var(--spectrum-global-color-gray-800)}.super-row .row-number{min-width:1.25rem;text-align:right;color:var(--spectrum-global-color-gray-500);font-size:11px}.super-row .contents-wrapper{flex:1;display:flex;align-items:center}.super-row.is-editing,.spectrum-Table-body.is-editing{background:var(--spectrum-global-color-gray-75)}.super-column-footer{display:flex;align-items:center;height:var(--super-table-footer-height);padding:0 var(--super-table-cell-padding);border-top:1px solid var(--spectrum-global-color-gray-200);background:var(--spectrum-global-color-gray-100);color:var(--spectrum-global-color-gray-700);font-size:var( --spectrum-table-header-text-size, var(--spectrum-global-dimension-font-size-50) );font-weight:var( --spectrum-table-header-text-font-weight, var(--spectrum-global-font-weight-bold) );line-height:var( --spectrum-table-header-text-line-height, var(--spectrum-alias-heading-text-line-height) );letter-spacing:var( --spectrum-table-header-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium) );text-transform:uppercase}.super-column-footer>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overlay-button{position:absolute;bottom:1.5rem;right:1.5rem;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--spectrum-global-color-gray-200);border:1px solid var(--spectrum-global-color-gray-400);color:var(--spectrum-global-color-gray-700);display:flex;align-items:center;justify-content:center;font-size:1.25rem;opacity:.75;transition:all .13s ease-in-out;z-index:2;cursor:pointer}.overlay-button:hover{opacity:1;background:var(--spectrum-global-color-blue-100);border-color:var(--spectrum-global-color-blue-500);color:var(--spectrum-global-color-blue-700);box-shadow:0 0 10px #0000001a}.overlay-button.footer{bottom:58px}.overlay-button.highlighted,.overlay-button.save-row-overlay.in-insert{opacity:1}.overlay-button.add-row-overlay{width:1.75rem;height:1.75rem}.overlay-button.add-row-overlay:hover{width:2.25rem;height:2.25rem}.overlay-button.add-row-overlay.in-insert{width:2.25rem;height:2.25rem;transform:rotate(45deg);border-color:var(--spectrum-global-color-red-500);color:var(--spectrum-global-color-red-700)}.overlay-button.save-row-overlay{right:4.5rem;opacity:0;background:var(--spectrum-global-color-blue-100);border-color:var(--spectrum-global-color-blue-500);color:var(--spectrum-global-color-blue-700)}.overlay-button.save-row-overlay:hover{background:var(--spectrum-global-color-blue-500);filter:drop-shadow(4px 4px 4px rgba(0,0,0,.2))}.overlay-button.filter-row-overlay{border-color:var(--spectrum-global-color-green-400);color:var(--spectrum-global-color-green-400)}.overlay-button.filter-row-overlay:hover{background:var(--spectrum-global-color-green-100);border-color:var(--spectrum-global-color-green-700);color:var(--spectrum-global-color-green-700)}.overlay-button.loader-overlay{cursor:default;background:none;border:none;width:1.75rem;height:1.75rem}.overlay-button.loader-overlay .ri-refresh-line{font-size:1.25rem;animation:spin 1s linear infinite}.overlay-button.loader-overlay:hover{background:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-400);color:var(--spectrum-global-color-gray-700);box-shadow:none}.selected-row-actions-overlay{position:absolute;left:1.25rem;height:36px;border-radius:4px;background:var(--spectrum-global-color-gray-200);border:1px solid var(--spectrum-global-color-gray-400);color:var(--spectrum-global-color-gray-700);display:flex;align-items:center;justify-content:center;gap:.25rem;padding:0 .75rem 0 .25rem;transition:all .23s;z-index:80;box-shadow:0 0 10px #0000001a}.selected-row-actions-overlay.highlighted{opacity:1}.selected-row-actions-overlay.footer{bottom:58px}.selected-row-actions-overlay:hover{border-color:var(--spectrum-global-color-gray-500)}.selected-row-actions-overlay .text{margin-right:1.5rem;font-size:13px;font-weight:400}@keyframes spin{to{transform:rotate(360deg)}}.stb-scrollbar.svelte-axd59o{position:absolute;right:8px;top:var(--offset);bottom:var(--bottomOffset);width:8px;border-radius:4px;opacity:.2;z-index:1;transition:.23s;overflow:hidden}.stb-scrollbar.hidden.svelte-axd59o{display:none}.stb-scrollbar.horizontal.svelte-axd59o{top:unset;bottom:var(--horizontalBottomOffset);left:calc(var(--horizontalOffset) + 8px);width:calc(100% - 32px - var(--horizontalOffset));height:8px}.highlighted.svelte-axd59o{opacity:.55!important}.stb-scrollbar-indicator.svelte-axd59o{position:relative;width:100%;border-radius:4px;background-color:var(--spectrum-global-color-gray-500);min-height:2rem;z-index:2}.stb-scrollbar-indicator.svelte-axd59o:hover{cursor:pointer;background-color:var(--spectrum-global-color-gray-700)}.stb-scrollbar-indicator.dragging.svelte-axd59o,.stb-scrollbar-indicator.horizontal.dragging.svelte-axd59o{cursor:pointer;background-color:var(--spectrum-global-color-gray-700)!important}.stb-scrollbar-indicator.horizontal.svelte-axd59o{min-height:unset;min-width:2rem;height:100%}i.svelte-18zlale:hover{cursor:pointer}.isEntering.svelte-18zlale{gap:.5rem}.placeholder.svelte-18zlale{min-width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;color:var(--spectrum-global-color-gray-500)}.placeholder.svelte-18zlale:hover{color:var(--spectrum-global-color-gray-800);cursor:pointer}.sorted.svelte-18zlale{color:var(--spectrum-global-color-gray-800)}.filtered.svelte-18zlale{gap:.5rem;color:var(--spectrum-global-color-gray-800);font-weight:600;background-color:var(--spectrum-global-color-gray-100)}.sortable.svelte-18zlale{cursor:pointer}.sortable.svelte-18zlale:hover{filter:brightness(120%)}.selected.svelte-18zlale{color:var(--primaryColor);background-color:var(--spectrum-global-color-gray-75)}.info.svelte-2uugwz{position:absolute;top:-26px;font-size:11px;background-color:var(--spectrum-global-color-red-400);border-radius:4px;padding:4px}.info.svelte-2uugwz.bottom{top:unset;bottom:-26px}.editor.textarea.svelte-1qezgyl{flex:1 1 auto;all:inherit;height:100%;overflow:auto;padding:.5rem}.superCell.textarea.svelte-1qezgyl{height:100%}.value.textarea.svelte-1qezgyl{flex:1 1 auto;display:flex;align-items:flex-start;white-space:pre-wrap;padding:.5rem;height:100%;overflow-y:auto}.textarea.placeholder.svelte-1qezgyl{color:var(--spectrum-global-color-gray-500);font-style:italic}.info.svelte-18lma75{position:absolute;top:-26px;font-size:11px;background-color:var(--spectrum-global-color-red-400);border-radius:4px;padding:4px}.info.svelte-18lma75.bottom{top:unset;bottom:-26px}.searchControl.svelte-16609pi{display:flex;align-items:center;height:2rem;border-bottom:1px solid var(--spectrum-global-color-gray-300)}.options.svelte-16609pi{flex:auto;display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;color:var(--spectrum-global-color-gray-700)}.option.svelte-16609pi{min-height:1.75rem;display:flex;gap:.5rem;align-items:center;justify-content:space-between;cursor:pointer;padding:0 .5rem}.option.svelte-16609pi.selected{color:var(--spectrum-global-color-gray-800);background-color:var(--spectrum-global-color-gray-75);font-weight:600}.option.svelte-16609pi.focused{background-color:var(--spectrum-global-color-gray-100);color:var(--spectrum-global-color-gray-800)}.option.svelte-16609pi>span:where(.svelte-16609pi){display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option.svelte-16609pi>span:where(.svelte-16609pi)>.ph-square:where(.svelte-16609pi){font-size:16px;color:var(--option-color, var(--spectrum-global-color-gray-300))}.option.text.svelte-16609pi>span:where(.svelte-16609pi)>.ph-square:where(.svelte-16609pi){display:none}.option.svelte-16609pi .ph-check:where(.svelte-16609pi){display:none;font-size:16px;color:var(--spectrum-global-color-green-400)}.option.selected.svelte-16609pi .ph-check:where(.svelte-16609pi){display:inline-block}.option.loading.svelte-16609pi{justify-content:center;color:var(--spectrum-global-color-gray-500);font-style:italic}.action-icon.svelte-16609pi{height:100%;display:flex;justify-content:center;align-items:center;border-left:1px solid var(--spectrum-global-color-blue-500);min-width:2rem;font-size:16px}.action-icon.svelte-16609pi:hover{cursor:pointer;background-color:var(--spectrum-global-color-gray-75);font-weight:800}.search-icon.svelte-16609pi{font-size:16px;color:var(--spectrum-global-color-gray-500);display:flex;align-items:center;padding-left:.5rem}.search-icon.active.svelte-16609pi{color:var(--spectrum-global-color-blue-700)}.search-term.svelte-16609pi{flex:auto;padding-left:.5rem;color:var(--spectrum-global-color-gray-700);font-style:italic;font-weight:500}.picker.svelte-16609pi{display:flex;flex-direction:column;max-height:248px;width:100%;overflow:hidden}.controls.svelte-1mbmiop{display:flex;flex-direction:row;gap:.25rem;padding-right:.5rem;margin-left:-.25rem}.controls.svelte-1mbmiop i:where(.svelte-1mbmiop){cursor:pointer;padding:.15rem;background-color:var(--spectrum-global-color-gray-100);border-radius:.25rem;transition:all .2s ease-in-out}.controls.svelte-1mbmiop i:where(.svelte-1mbmiop):hover{background-color:var(--spectrum-global-color-gray-200)}.superCell{flex:auto;display:flex;align-items:center;position:relative;overflow:hidden;transition:all .13s;width:100%;max-height:2rem}.superCell.multirow{max-height:unset}.superCell.tall{flex:none;height:15rem}.superCell:focus{outline:none}.superCell:hover .icon{color:var(--spectrum-global-color-blue-500)}.superCell:hover .control-icon{color:var(--spectrum-global-color-gray-700)}.superCell.isDirty{border-left:2px solid var(--spectrum-global-color-orange-400)!important}.superCell .icon{position:absolute;left:.5rem;font-size:16px;color:var(--spectrum-global-color-gray-500)}.superCell .clearIcon{position:absolute;right:8px;color:var(--spectrum-global-color-red-500)}.superCell .clearIcon:hover{color:var(--spectrum-global-color-red-700);cursor:pointer}.superCell .field-icon{padding-left:.5rem;color:var(--spectrum-global-color-gray-600)}.superCell .field-icon.with-error{color:var(--spectrum-global-color-red-600)}.superCell .field-icon.active{color:var(--spectrum-global-color-blue-700)}.superCell .value{flex:auto;align-self:stretch;display:flex;align-items:center;min-width:0;overflow:hidden;padding:.25rem .5rem;gap:.5rem}.superCell .value:focus{outline:none}.superCell .value.placeholder{font-weight:400;color:var(--spectrum-global-color-gray-500);justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.superCell .value.placeholder>span{font-style:italic!important}.superCell .value.with-icon{padding-left:2rem!important}.superCell .value>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:unset!important}.superCell .value>span.multiline{overflow:auto;white-space:normal;text-overflow:unset}.superCell .value .clearIcon,.superCell .value .endIcon{color:var(--spectrum-global-color-red-500);cursor:pointer;z-index:1}.superCell .value>.valueicon{font-size:16px;color:var(--spectrum-global-color-green-700)}.superCell .value .items{flex:auto;display:flex;overflow:hidden;align-items:stretch;align-self:stretch;gap:.5rem;padding:.15rem 0rem}.superCell .value .items .item{display:flex;align-items:center;overflow:hidden;padding:.15rem .5rem}.superCell .value .items .item i{display:none}.superCell .value .items .item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.superCell .value .items.pills .item{background-color:var( --option-color, var(--spectrum-global-color-gray-300) );gap:.5rem;border-radius:4px}.superCell .value .items.pills .item i{display:none}.superCell .value .items.links .item{gap:.5rem;border-radius:4px;background-color:var( --option-color, var(--spectrum-global-color-gray-300) );transition:.13s}.superCell .value .items.links .item:hover{cursor:pointer;background-color:var( --option-color, var(--spectrum-global-color-blue-400) )}.superCell .value .items.links .item:hover i{display:none}.superCell .value .items.colorText .item{gap:.5rem;padding:unset}.superCell .value .items.colorText .item i{color:var(--option-color);display:block}.superCell .value .items.isUser .item{background-color:var( --option-color, var(--spectrum-global-color-blue-100) );gap:.5rem;border-radius:4px;padding-left:.5rem;padding-right:.75rem}.superCell .value .items.isUser .item i{display:block}.superCell .value .items.withCount.inEdit{margin-right:2.5rem}.superCell .value .items.withCount>.count{flex:none;font-weight:light;color:var(--spectrum-global-color-gray-700)}.superCell .clear-icon{display:none;color:var(--spectrum-global-color-red-400);cursor:pointer}.superCell .clear-icon.visible{display:block;color:var(--spectrum-global-color-red-400);padding-right:.5rem}.superCell .control-icon{color:var(--spectrum-global-color-gray-600);cursor:pointer;padding:.5rem .5rem .5rem .25rem}.superCell.error{border:1px solid var(--spectrum-global-color-red-400)!important}.superCell *.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:2px;position:relative;background:var(--spectrum-global-color-gray-50);border:1px solid var(--spectrum-global-color-gray-500)}.superCell *.checkbox:checked:before{content:"✓";position:absolute;top:0;left:2px;color:var(--spectrum-global-color-green-400);font-size:12px}.superCell *.checkbox:focus{outline:none}.superCell.naked-field,.superCell>.naked-field{background-color:unset!important;padding-left:2px!important;border-color:transparent!important;border-width:1px!important}.superCell.naked-field.with-icon,.superCell>.naked-field.with-icon{padding-left:32px!important}.superCell.formInput{border-radius:2px;color:var(--spectrum-global-color-gray-800);border:1px solid var(--spectrum-global-color-gray-300);background:var(--spectrum-global-color-gray-50);min-height:2rem}.superCell.formInput:focus-within:not(.naked-field){border:1px solid var(--spectrum-global-color-blue-400)}.superCell.formInput.inEdit:not(.naked-field){border:1px solid var(--spectrum-global-color-blue-400)}.superCell.formInput:hover:not(.disabled):not(.readonly):not(.inEdit){border:1px solid var(--spectrum-global-color-gray-400)}.superCell.formInput.disabled{background-color:var(--spectrum-global-color-gray-100)!important;border:1px solid var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-600)!important;cursor:not-allowed!important}.superCell.formInput.disabled:focus-within{border:1px dashed var(--spectrum-global-color-gray-500)!important}.superCell.formInput.readonly:not(.disabled){background-color:var(--spectrum-global-color-gray-50);border:1px solid var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-700)}.superCell.formInput.readonly:not(.disabled):focus-within{border:1px dashed var(--spectrum-global-color-blue-500)!important}.superCell.formInput.error{border-color:var(--spectrum-global-color-red-400)!important}.superCell.formInput.isDirty{border-left:2px solid var(--spectrum-global-color-orange-400)!important}.superCell.formInput.naked-field:focus-within{border:1px solid transparent!important}.superCell.tableCell{min-height:unset;max-height:unset;border:1px solid transparent}.superCell.tableCell:hover:not(.readonly):not(.inEdit){border:1px dashed var(--spectrum-global-color-blue-400);cursor:pointer}.superCell.tableCell.inEdit{border-color:var(--spectrum-global-color-blue-400);cursor:pointer;background-color:var(--spectrum-global-color-gray-50)}.superCell>.editor{min-width:none;flex:auto;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;overflow:hidden;gap:.25rem;padding-left:.5rem;padding-right:.5rem;background-color:transparent;outline:none;border:none;color:inherit;letter-spacing:inherit}.superCell>.editor:focus{outline:none;border:none}.superCell>.editor:hover{cursor:pointer}.superCell>.editor.placeholder{font-style:italic}.superCell>.editor.with-icon{padding-left:2rem}.superCell>.editor i{font-size:18px}.superCell.formInput.large{max-height:unset!important}.superCell.formInput.error.inEdit:focus-within{border:1px solid var(--spectrum-global-color-red-500)}.superCell.inline{position:relative;border:1px solid transparent;border-radius:2px;min-height:1.8rem;min-width:unset;transition:all .13s}.superCell.inline:hover:not(.disabled):not(.readonly):not(.inEdit){background-color:var(--spectrum-global-color-gray-50);border:1px solid var(--spectrum-global-color-gray-300);cursor:pointer}.superCell.inline.inEdit{background-color:var(--spectrum-global-color-gray-50);border:1px solid var(--spectrum-global-color-blue-400);cursor:text}.superCell.inline.disabled{background-color:var(--spectrum-global-color-gray-100)!important;color:var(--spectrum-global-color-gray-600);cursor:not-allowed}.superCell.inline.readonly{background-color:var(--spectrum-global-color-gray-100);color:var(--spectrum-global-color-gray-700);cursor:not-allowed}.spectrum-Switch.svelte-1l9mgx0{margin-left:.25rem!important}.checkbox-label.svelte-1l9mgx0{margin-left:.25rem}.time-picker.svelte-1y5bf7z{font-size:1.1em;display:flex;align-items:center;width:fit-content;border:1px solid rgba(108,120,147,.3);border-radius:3px;margin:6px auto auto;font-variant-numeric:tabular-nums}span.svelte-1y5bf7z{-webkit-user-select:all;user-select:all;outline:none;position:relative;z-index:1;padding:4px 0}span.svelte-1y5bf7z:not(:focus)::selection{background-color:transparent}span.svelte-1y5bf7z:first-child{padding-left:6px}span.svelte-1y5bf7z:last-child{padding-right:6px}.date-time-picker.svelte-pdppv4{display:inline-block;color:var(--date-picker-foreground, #000000);background:var(--date-picker-background, #ffffff);user-select:none;-webkit-user-select:none;padding:.5rem;cursor:default;font-size:.75rem;border:1px solid rgba(103,113,137,.3);border-radius:3px;box-shadow:0 2px 6px #00000014,0 2px 6px #0000001c;outline:none;transition:all 80ms cubic-bezier(.4,0,.2,1)}.date-time-picker.svelte-pdppv4:focus{border-color:var(--date-picker-highlight-border, #0269f7);box-shadow:0 0 0 2px var(--date-picker-highlight-shadow, rgba(2, 105, 247, .4))}.tab-container.svelte-pdppv4{outline:none}.top.svelte-pdppv4{display:flex;justify-content:center;align-items:center;padding-bottom:.5rem}.dropdown.svelte-pdppv4{margin-left:.25rem;margin-right:.25rem;position:relative;display:flex}.dropdown.svelte-pdppv4 svg:where(.svelte-pdppv4){position:absolute;right:0;top:0;height:100%;width:8px;padding:0rem .5rem;pointer-events:none;box-sizing:content-box}.month.svelte-pdppv4,.year.svelte-pdppv4{flex-grow:1}svg.svelte-pdppv4{display:block;fill:var(--date-picker-foreground, #000000);opacity:.75;outline:none}.page-button.svelte-pdppv4{background-color:transparent;width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:5px;box-sizing:border-box;border:1px solid transparent;display:flex;align-items:center;justify-content:center}.page-button.svelte-pdppv4:hover{background-color:#80808014;border:1px solid rgba(128,128,128,.08)}.page-button.svelte-pdppv4 svg:where(.svelte-pdppv4){width:.68rem;height:.68rem}select.dummy-select.svelte-pdppv4{position:absolute;width:100%;pointer-events:none;outline:none;color:var(--date-picker-foreground, #000000);background-color:var(--date-picker-background, #ffffff);border-radius:3px}select.svelte-pdppv4:focus+select.dummy-select:where(.svelte-pdppv4){border-color:var(--date-picker-highlight-border, #0269f7);box-shadow:0 0 0 2px var(--date-picker-highlight-shadow, rgba(2, 105, 247, .4))}select.svelte-pdppv4:not(.dummy-select){opacity:0}select.svelte-pdppv4{font-size:inherit;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-grow:1;padding:0rem 1.3rem 0rem .35rem;height:1.5rem;margin:0;border:1px solid rgba(108,120,147,.3);outline:none;transition:all 80ms cubic-bezier(.4,0,.2,1);background-image:none}.header.svelte-pdppv4{display:flex;font-weight:600;padding-bottom:2px}.header-cell.svelte-pdppv4{width:1.875rem;text-align:center;flex-grow:1}.week.svelte-pdppv4{display:flex}.cell.svelte-pdppv4{display:flex;align-items:center;justify-content:center;width:2rem;height:1.94rem;flex-grow:1;border-radius:5px;box-sizing:border-box;border:2px solid transparent}.cell.svelte-pdppv4:hover{border:1px solid rgba(128,128,128,.08)}.cell.today.svelte-pdppv4{font-weight:600;border:2px solid var(--date-picker-today-border, rgba(128, 128, 128, .3))}.cell.svelte-pdppv4:hover{background-color:#80808014}.cell.disabled.svelte-pdppv4{visibility:hidden}.cell.disabled.svelte-pdppv4:hover{border:none;background-color:transparent}.cell.other-month.svelte-pdppv4 span:where(.svelte-pdppv4){opacity:.4}.cell.selected.svelte-pdppv4{color:var(--date-picker-selected-color, inherit);background:var(--date-picker-selected-background, rgba(2, 105, 247, .2));border:2px solid var(--date-picker-highlight-border, #0269f7)}.date-time-field.svelte-1coi52q{position:relative}input.svelte-1coi52q{color:var(--date-picker-foreground, #000000);background:var(--date-picker-background, #ffffff);min-width:0px;box-sizing:border-box;padding:4px 6px;margin:0;border:1px solid rgba(103,113,137,.3);border-radius:3px;width:var(--date-input-width, 150px);outline:none;transition:all 80ms cubic-bezier(.4,0,.2,1)}input.svelte-1coi52q:focus{border-color:var(--date-picker-highlight-border, #0269f7);box-shadow:0 0 0 2px var(--date-picker-highlight-shadow, rgba(2, 105, 247, .4))}input.svelte-1coi52q:disabled{opacity:.5}.invalid.svelte-1coi52q{border:1px solid rgba(249,47,114,.5);background-color:#f92f721a}.invalid.svelte-1coi52q:focus{border-color:#f92f72;box-shadow:0 0 0 2px #f92f7280}.picker.svelte-1coi52q{display:none;position:absolute;padding:1px;left:var(--picker-left-position);z-index:10}.picker.above.svelte-1coi52q{bottom:100%}.picker.visible.svelte-1coi52q{display:block}.datetime-picker-container.svelte-oxi4kl{display:contents;flex-direction:column;gap:8px;padding:.5rem;border-radius:8px;min-height:fit-content;z-index:1000}.time-section.svelte-oxi4kl{display:flex;flex-direction:column;gap:4px}.time-label.svelte-oxi4kl{font-size:12px;font-weight:500;color:var(--spectrum-global-color-gray-700)}.time-input.svelte-oxi4kl{padding:6px 8px;border:1px solid var(--spectrum-global-color-gray-300);border-radius:4px;font-size:14px;min-width:120px;background:var(--spectrum-global-color-gray-50);color:var(--spectrum-global-color-gray-800)}.time-input.svelte-oxi4kl:focus{outline:none;border-color:var(--spectrum-global-color-blue-500);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)}.control.svelte-r807au{flex:auto;flex-direction:column;display:flex;align-items:stretch;justify-content:space-around;gap:.25rem;padding:0rem .25rem .25rem;overflow-x:hidden}.control.svelte-r807au:focus{border:1px solid white}.searchControl.svelte-r807au{height:2rem;border-bottom:1px solid var(--spectrum-global-color-gray-300);display:flex;align-items:center;padding-left:.5rem;gap:.25rem}.searchControl.svelte-r807au>i:where(.svelte-r807au){font-size:14px;transition:all .23s}.searchControl.svelte-r807au>input:where(.svelte-r807au){height:100%;width:100%;outline:none;background:none;border:none;color:inherit;padding-left:.5rem;font-family:inherit;font-size:inherit}.searchControl.svelte-r807au>input:where(.svelte-r807au).placeholder{font-style:italic;color:var(--spectrum-global-color-gray-600)}.listWrapper.svelte-r807au{flex:auto;display:flex;justify-content:stretch;align-content:stretch;gap:.25rem;overflow:hidden}.list.svelte-r807au{flex:1 1 50%;height:200px;overflow-y:auto;overflow-x:hidden;color:var(--spectrum-global-color-gray-800)}.listSelected.svelte-r807au{color:var(--spectrum-global-color-gray-800);border-left:1px solid var(--spectrum-global-color-gray-300);padding-left:.25rem}.options.svelte-r807au{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow-y:auto;gap:0rem;min-width:0}.option.svelte-r807au{line-height:1.5rem;padding:.15rem .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;justify-content:space-between}.option.svelte-r807au>i:where(.svelte-r807au){visibility:hidden}.option.svelte-r807au.wide:hover>i:where(.svelte-r807au){visibility:visible;color:var(--spectrum-global-color-green-500)}.option.svelte-r807au.selected>i:where(.svelte-r807au){visibility:visible;color:var(--spectrum-global-color-green-500)}.option.svelte-r807au.highlighted{background-color:var(--spectrum-global-color-gray-75)}.options.svelte-r807au>span:where(.svelte-r807au){color:var(--spectrum-global-color-gray-500);font-style:italic;flex:auto;display:flex;align-items:center;justify-content:center}.option.svelte-r807au:hover{background-color:var(--spectrum-global-color-gray-75);border-radius:4px;cursor:pointer}.option.loading.svelte-r807au{justify-content:center;color:var(--spectrum-global-color-gray-500);font-style:italic}.option.loading.svelte-r807au>i.rotating:where(.svelte-r807au){animation:svelte-r807au-rotate 1s linear infinite}@keyframes svelte-r807au-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spectrum-TreeView-item.svelte-146t7q6{transition:all .13s}.spectrum-TreeView-itemLink.svelte-146t7q6{display:flex;justify-content:space-between;align-items:center;gap:.25rem;max-height:1.75rem;padding:.25rem .5rem}i.svelte-146t7q6{transition:all .13s}i.is-disabled.svelte-146t7q6{opacity:.3;pointer-events:none}.open.svelte-146t7q6{transform:rotate(90deg)}.control.svelte-50nv4i{flex:auto;flex-direction:column;display:flex;align-items:stretch;justify-content:stretch;overflow-x:hidden;overflow-y:auto;gap:.25rem;min-height:260px;max-height:260px}.search.svelte-50nv4i{height:2rem;border-bottom:1px solid var(--spectrum-global-color-gray-300);display:flex;align-items:stretch}.spectrum-TreeView.svelte-50nv4i{width:100%}.superCell.svelte-l7bjji .value.multiline:where(.svelte-l7bjji){white-space:pre-wrap!important;text-overflow:unset!important;overflow:auto!important;font-family:monospace}.superCell.svelte-l7bjji .value.multiline:where(.svelte-l7bjji) span:where(.svelte-l7bjji){white-space:pre-wrap!important;text-overflow:unset!important;overflow:visible!important;height:8rem;width:100%}.superCell.svelte-l7bjji .editor:where(.svelte-l7bjji){width:100%;box-sizing:border-box}.pill.svelte-1dwl5ut{border:1px solid var(--spectrum-global-color-gray-500);padding:0rem .25rem;border-radius:3px;font-size:11px;display:flex;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;justify-content:center}a.filename.svelte-1dwl5ut{width:100%;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:underline;color:var(--spectrum-global-color-blue-700)}.action-icon.svelte-1dwl5ut{display:flex;align-items:center;color:var(--spectrum-global-color-gray-600)}.action-icon.svelte-1dwl5ut:hover{aspect-ratio:1;cursor:pointer;color:var(--spectrum-global-color-static-blue-800)}.attachment.svelte-1dwl5ut{display:flex;align-items:center;gap:.5rem;padding:.25rem;cursor:pointer;border-bottom:1px solid var(--spectrum-global-color-gray-200)}.attachment.svelte-1dwl5ut:last-child{border-bottom:none}.attachment.svelte-1dwl5ut:hover{background-color:var(--spectrum-global-color-gray-100)}a.filename.svelte-1dwl5ut{flex:auto;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:underline;color:var(--spectrum-global-color-blue-700);border:1px}.attachments.svelte-1dwl5ut{display:flex;flex-direction:column;align-items:stretch;flex:auto;position:relative;width:100%;height:100%;overflow-y:auto;padding:.25rem}.btn-delete.svelte-1dwl5ut{aspect-ratio:1;color:var(--spectrum-global-color-gray-500);background:none;border:1px solid transparent;cursor:pointer;padding:.25rem;border-radius:3px;transition:all .2s ease}.btn-delete.svelte-1dwl5ut:hover{aspect-ratio:1;cursor:pointer;border-color:var(--spectrum-global-color-red-500);color:var(--spectrum-global-color-red-500)}.btn-upload-empty.svelte-1dwl5ut{width:100%;height:3rem;background:none;border:2px dashed var(--spectrum-global-color-gray-400);border-radius:6px;padding:1rem 2rem;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:.5rem;transition:all .2s ease;color:var(--spectrum-global-color-gray-600);font-size:14px;justify-content:center;margin-top:1rem}.btn-upload-empty.svelte-1dwl5ut:hover:not(:disabled){border-color:var(--spectrum-global-color-blue-500);color:var(--spectrum-global-color-blue-500);background-color:var(--spectrum-global-color-blue-50)}.btn-upload-empty.svelte-1dwl5ut:disabled{opacity:.5;cursor:not-allowed}.remaining-count.svelte-1dwl5ut{height:100%;display:flex;align-items:center;color:var(--spectrum-global-color-gray-700);font-size:12px;font-weight:500;margin-left:.25rem;white-space:nowrap}.row-buttons.svelte-1rx9pah{display:flex;flex-direction:row;align-items:center;padding-left:.5rem;background:transparent}.action-menu.svelte-1rx9pah{min-width:160px;display:flex;flex-direction:column;align-items:stretch;padding:.25rem}button.svelte-4c8yj5{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:.85rem;height:.85rem;border-radius:.25rem;border:1px solid var(--spectrum-global-color-gray-500);background-color:var(--spectrum-global-color-gray-50);transition:all .1s ease-in-out}button.checked.svelte-4c8yj5{border-color:var(--spectrum-global-color-gray-700)}button.disabled.svelte-4c8yj5{cursor:not-allowed;background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-300)}button.svelte-4c8yj5:hover:not(.disabled),button.hovered.svelte-4c8yj5:not(.disabled){border:1px solid var(--spectrum-global-color-gray-600)}button.svelte-4c8yj5:active{background-color:var(--spectrum-global-color-blue-100)}button.svelte-4c8yj5:focus{border:1px solid var(--spectrum-global-color-gray-700)}i.svelte-4c8yj5{font-size:.65rem;font-weight:700;color:var(--spectrum-global-color-gray-700);animation:svelte-4c8yj5-scaleIn .13s ease-out}@keyframes svelte-4c8yj5-scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.selection.svelte-1oaf1jq{flex:auto;padding-left:.75rem;padding-right:.75rem;gap:1rem;font-size:13px;font-weight:500;align-items:center}.action-menu.svelte-1lstotj{min-width:160px;display:flex;flex-direction:column;align-items:stretch;padding:.25rem}.pagination-limit-offset.svelte-vhhjk6{display:flex;justify-content:flex-end;padding:.25rem 0rem}.pagination-controls.svelte-vhhjk6{display:flex;align-items:center;gap:.5rem}.pagination-btn.svelte-vhhjk6{aspect-ratio:1 / 1;border-radius:.25rem;color:var(--spectrum-global-color-gray-700);background-color:transparent;cursor:pointer;transition:all .2s ease;outline:none;border:none}.pagination-btn.svelte-vhhjk6:hover:not(:disabled){background:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-400)}.pagination-btn.svelte-vhhjk6:disabled{opacity:.5;cursor:not-allowed}.pagination-info.svelte-vhhjk6{color:var(--spectrum-global-color-gray-700);white-space:nowrap;opacity:.9}.wrapper.svelte-qwchjq{flex:auto;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;gap:.25rem}.outer-tabs.svelte-1fuoz6m{flex:none;display:flex;flex-direction:row;width:100%;overflow:hidden;position:relative;justify-content:stretch;margin-bottom:.5rem;--selected-tab: var(--spectrum-global-color-gray-100)}.outer-tabs.vertical.svelte-1fuoz6m{flex-direction:column;align-items:stretch;margin-right:.75rem;margin-bottom:unset;width:10rem;background-color:var(--spectrum-global-color-gray-100);--selected-tab: var(--spectrum-global-color-gray-200)}.outer-tabs.vertical.wide.svelte-1fuoz6m{width:14rem}.tabs.svelte-1fuoz6m{flex:auto;display:flex;gap:1rem;padding:.35rem .5rem;border-bottom:1px solid var(--spectrum-global-color-gray-200);border-top:1px solid var(--spectrum-global-color-gray-200)}.tabs.buttons.svelte-1fuoz6m{gap:.5rem}.tabs.list.svelte-1fuoz6m{gap:0;background-color:var(--spectrum-global-color-gray-50);border:unset;padding:unset}.tabs.vertical.svelte-1fuoz6m{flex-direction:column;border-bottom:unset;border-top:unset;gap:.25rem}.tabs.vertical.list.svelte-1fuoz6m{border-right:unset}.tab.svelte-1fuoz6m{position:relative;box-sizing:border-box;display:flex;align-items:center;gap:.5rem;justify-content:var(--tab-alignment);color:var(--spectrum-global-color-gray-600);font-size:13px;background:transparent;border:none}.tab.disabled.svelte-1fuoz6m{color:var(--spectrum-global-color-gray-400)}.tab.disabled.svelte-1fuoz6m:hover{cursor:not-allowed}.tab.button.svelte-1fuoz6m{border-radius:4px;padding:.35rem 1rem}.tab.button.vertical.svelte-1fuoz6m{width:100%}.tab.button.svelte-1fuoz6m:active:not(.disabled):not(.list-section){background-color:var(--spectrum-global-color-gray-200)}.tab.button.selected.svelte-1fuoz6m{color:var(--spectrum-global-color-gray-800);background-color:var(--spectrum-global-color-gray-300)}.tab.list.svelte-1fuoz6m{padding:.5rem 1rem;max-width:100%;color:var(--spectrum-global-color-gray-700);font-weight:400}.tab.list.selected.svelte-1fuoz6m{color:var(--tab-selected-color);background-color:var(--selected-tab);font-weight:500}.tab.list.svelte-1fuoz6m:hover:not(.disabled):not(.list-section){background-color:var(--spectrum-global-color-gray-75)}.tab.list-title.svelte-1fuoz6m{padding:.75rem 1rem;max-width:100%;font-size:12px;color:var(--spectrum-global-color-gray-800);text-transform:uppercase;letter-spacing:1.2px;font-weight:500;border-bottom:1px solid var(--spectrum-global-color-gray-300);height:3rem}.tab.list-section.svelte-1fuoz6m{text-transform:uppercase;font-size:11px;font-weight:400;letter-spacing:1.2px;background-color:transparent}.tab.list-section.vertical.svelte-1fuoz6m{margin-top:12px}.tab.list-section.svelte-1fuoz6m:hover{cursor:default}.tab.svelte-1fuoz6m:hover:not(.disabled):not(.list-title):not(.list-section){cursor:pointer;color:var(--spectrum-global-color-gray-800)}.tab.button.svelte-1fuoz6m:hover:not(.selected){background-color:var(--spectrum-global-color-gray-200)}.tab.selected.svelte-1fuoz6m{color:var(--tab-selected-color)}.tab.selected.svelte-1fuoz6m:hover{cursor:default}.tab-text.svelte-1fuoz6m{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-modal.svelte-1o3clre{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100000;cursor:pointer;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.image-modal-content.svelte-1o3clre{position:relative;width:80vw;height:80vh;background:transparent;border-radius:0;overflow:hidden;cursor:default;outline:none;box-shadow:none;border:none;display:flex;align-items:stretch}.modal-close.svelte-1o3clre{position:absolute;top:1.75rem;right:1.75rem;background:transparent;border:1px solid rgba(255,255,255,.7);border-radius:50%;padding:.75rem;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;transition:all .2s ease;color:#fff}.modal-close.svelte-1o3clre:hover{background:#000000e6}.modal-image-container.svelte-1o3clre{flex:auto;position:relative;display:flex;align-items:center;justify-content:center;background:#000;min-height:200px}.modal-image-container.selected.svelte-1o3clre:after{content:"✓";position:absolute;top:20px;left:20px;width:40px;height:40px;background:var(--spectrum-global-color-blue-500);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;z-index:1001}.modal-image.svelte-1o3clre{max-width:100%;max-height:75vh;object-fit:contain;display:block}.modal-fallback.svelte-1o3clre{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:var(--spectrum-global-color-gray-100);min-height:400px;min-width:400px;border-radius:8px;margin:2rem}.modal-controls.svelte-1o3clre{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:1rem;padding:.5rem 1rem;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10;opacity:.65;transition:opacity .2s ease}.modal-navigation.svelte-1o3clre{display:flex;align-items:center;gap:1.5rem}.modal-actions.svelte-1o3clre{display:flex;gap:.75rem}.btn-nav.large.svelte-1o3clre{background:transparent;border:1px solid rgba(255,255,255,.7);border-radius:50%;padding:.75rem;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;min-width:48px;min-height:48px;transition:all .2s ease;color:#fff}.btn-nav.large.svelte-1o3clre:hover:not(:disabled){background-color:#ffffff1a;border-color:#ffffffe6;transform:scale(1.05)}.btn-nav.large.svelte-1o3clre:disabled{opacity:.4;cursor:not-allowed;transform:none}.modal-indicators.svelte-1o3clre{display:flex;gap:.5rem}.indicator.large.svelte-1o3clre{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:transparent;cursor:pointer;transition:all .2s ease}.indicator.large.svelte-1o3clre:hover{border-color:#ffffffe6;transform:scale(1.2)}.indicator.large.active.svelte-1o3clre{background:#ffffffe6;border-color:#ffffffe6}.btn-modal-select.selected.svelte-1o3clre{background:#fff3;border-color:#ffffffe6;color:#fff}.btn-modal-delete.svelte-1o3clre{color:#ffffffe6;border-color:#ffffffb3}.btn-modal-delete.svelte-1o3clre:hover:not(:disabled){background:#f003;border-color:#ffffffe6}.pill.svelte-1o3clre{border:1px solid var(--spectrum-global-color-gray-500);padding:0rem .25rem;border-radius:3px;font-size:11px;display:flex;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;justify-content:center}.filename.svelte-1o3clre{margin-top:.5rem;font-size:.9rem;color:var(--spectrum-global-color-gray-700);text-align:center}.container.svelte-ncsr1h{position:relative;padding:.5rem .75rem .75rem;display:flex;flex-direction:column;gap:16px;background-color:var(--spectrum-global-color-gray-50)}.preview-swatch.svelte-ncsr1h{position:relative;box-sizing:border-box;border-radius:4px;overflow:hidden;border:1px solid var(--spectrum-global-color-gray-300);background:var(--spectrum-global-color-gray-50);padding:4px;display:flex;align-items:center;justify-content:center}.preview-swatch.svelte-ncsr1h.circle{border-radius:50%}.preview-swatch.svelte-ncsr1h:hover{cursor:pointer}.preview-fill.svelte-ncsr1h{width:100%;height:100%;display:grid;place-items:center;border-radius:inherit;padding:4px}.preview-fill.svelte-ncsr1h.circle{border-radius:50%}.preview-fill.placeholder.svelte-ncsr1h{--spectrum-swatch-checkerboard-light: var(--spectrum-global-color-gray-300);background-color:var(--spectrum-global-color-gray-50);background-image:linear-gradient(45deg,var(--spectrum-swatch-checkerboard-light) 25%,transparent 25%),linear-gradient(-45deg,var(--spectrum-swatch-checkerboard-light) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--spectrum-swatch-checkerboard-light) 75%),linear-gradient(-45deg,transparent 75%,var(--spectrum-swatch-checkerboard-light) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.size--XS.svelte-ncsr1h{width:16px;height:16px}.size--S.svelte-ncsr1h{width:24px;height:24px}.size--M.svelte-ncsr1h{width:32px;height:32px}.size--L.svelte-ncsr1h{width:48px;height:48px}.colors.svelte-ncsr1h{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.color-swatch.svelte-ncsr1h{height:16px;width:16px;border-radius:50%;position:relative}.color-swatch.svelte-ncsr1h:hover{cursor:pointer;box-shadow:0 0 2px 2px var(--spectrum-global-color-gray-300)}.color-fill.svelte-ncsr1h{width:100%;height:100%;border-radius:50%;display:grid;place-items:center}.ri-check-line.svelte-ncsr1h{font-size:12px;font-weight:700}.ri-palette-line.svelte-ncsr1h{font-size:12px;margin-right:4px}.heading-icon.svelte-ncsr1h{vertical-align:middle}.heading.svelte-ncsr1h{font-size:12px;font-weight:600;letter-spacing:.14px;text-transform:uppercase;grid-column:1 / 5;margin-bottom:8px;display:flex;align-items:center}.custom.svelte-ncsr1h{flex:1;display:flex;align-items:center;gap:4px;justify-content:space-between}.category--custom.svelte-ncsr1h .heading:where(.svelte-ncsr1h){margin-bottom:4px}.custom-input.svelte-ncsr1h{flex:1;padding:2px 4px;border:none;border-bottom:1px solid var(--spectrum-global-color-gray-200);border-radius:2px;font-size:12px;height:20px;width:80px;background-color:inherit;color:var(--spectrum-global-color-gray-700);font-style:italic}.custom-input.svelte-ncsr1h:focus{outline:none;border-color:var(--spectrum-global-color-blue-500)}.clear-value.svelte-ncsr1h{background:none;border:none;color:var(--spectrum-global-color-gray-900);cursor:pointer;font-size:13px;padding:0;margin:0}.range-picker-container.svelte-ht1x6b{display:flex;flex-direction:column;gap:1rem;padding:.5rem;min-width:300px}.datepickers-container.svelte-ht1x6b{display:flex;flex-direction:row;gap:1rem}.range-section.svelte-ht1x6b{display:flex;flex-direction:column;gap:8px}.range-label.svelte-ht1x6b{font-size:14px;font-weight:500;color:var(--spectrum-global-color-gray-800)}.time-section.svelte-ht1x6b{display:flex;flex-direction:column;gap:4px}.time-label.svelte-ht1x6b{font-size:12px;font-weight:500;color:var(--spectrum-global-color-gray-700)}.time-input.svelte-ht1x6b{padding:6px 8px;border:1px solid var(--spectrum-global-color-gray-300);border-radius:4px;font-size:14px;min-width:120px;background:var(--spectrum-global-color-gray-50);color:var(--spectrum-global-color-gray-800)}.time-input.svelte-ht1x6b:focus{outline:none;border-color:var(--spectrum-global-color-blue-500);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)}.range-error.svelte-ht1x6b{display:flex;align-items:center;gap:6px;padding:8px;background:var(--spectrum-global-color-red-200);border-radius:4px}.clear-button.svelte-ht1x6b{background:none;border:none;cursor:pointer;padding:4px;border-radius:2px;transition:all .2s ease;margin-left:8px}.clear-button.svelte-ht1x6b:hover{background-color:var(--spectrum-global-color-gray-200)}.editor.svelte-ht1x6b{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:8px 4px}svelte-virtual-list-viewport.svelte-m5no5e{position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;display:block}svelte-virtual-list-contents.svelte-m5no5e,svelte-virtual-list-row.svelte-m5no5e{display:block}svelte-virtual-list-row.svelte-m5no5e{overflow:hidden}.preview-icon.svelte-9pwd3t{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--spectrum-global-color-gray-300);border-radius:4px;background-color:var(--spectrum-global-color-gray-50);cursor:pointer;font-size:1rem;transition:all .2s ease-in-out;padding:2px}.preview-icon.svelte-9pwd3t:hover:not(.readonly){border-color:var(--spectrum-global-color-gray-400);background-color:var(--spectrum-global-color-gray-100)}.preview-icon.svelte-9pwd3t:focus{outline:none}.preview-icon.circle.svelte-9pwd3t{border-radius:50%}.preview-icon.readonly.svelte-9pwd3t{cursor:default;opacity:.7}.empty-state.svelte-9pwd3t{color:var(--spectrum-global-color-gray-500)}.icon-picker.svelte-9pwd3t{max-height:400px;max-width:14rem;display:flex;flex-direction:column;background:var(--spectrum-global-color-gray-50);border-radius:4px;overflow:hidden;gap:.5rem}.icon-picker.with-categories.svelte-9pwd3t{max-width:20rem}.header.svelte-9pwd3t{display:flex;flex-direction:column;gap:.5rem}.search-container.svelte-9pwd3t{position:relative}.search-icon.svelte-9pwd3t{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--spectrum-global-color-gray-500);pointer-events:none}.search-input.svelte-9pwd3t{width:100%;padding:12px 32px;background:transparent;border:none;border-bottom:1px solid var(--spectrum-global-color-gray-300);border-radius:0;font-size:14px;color:var(--spectrum-global-color-gray-700);outline:none;transition:border-color .2s ease}.search-input.svelte-9pwd3t:focus{outline:none}.clear-search.svelte-9pwd3t{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--spectrum-global-color-gray-500);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.category-tabs.svelte-9pwd3t{display:flex;overflow-x:auto;gap:4px;scrollbar-width:none;padding:.5rem;padding-bottom:none}.category-tabs.svelte-9pwd3t::-webkit-scrollbar{display:none}.category-tabs.svelte-9pwd3t button:where(.svelte-9pwd3t){padding:6px 12px;border:none;background:none;border-bottom:2px solid transparent;font-size:12px;font-weight:500;color:var(--spectrum-global-color-gray-700);cursor:pointer;white-space:nowrap;transition:all .2s ease;height:1.75rem}.category-tabs.svelte-9pwd3t button:where(.svelte-9pwd3t):hover{background-color:var(--spectrum-global-color-gray-200)}.category-tabs.svelte-9pwd3t button.selected:where(.svelte-9pwd3t){color:var(--spectrum-global-color-blue-600);border-bottom:2px solid var(--spectrum-global-color-blue-600);background:none}.icons-grid-container.svelte-9pwd3t{position:relative;overflow:hidden;width:100%;padding-left:.5rem}.icons-row.svelte-9pwd3t{display:grid;grid-template-columns:repeat(6,1fr);width:100%;box-sizing:border-box;height:32px;align-items:center}.with-categories.svelte-9pwd3t .icons-row:where(.svelte-9pwd3t){grid-template-columns:repeat(9,1fr)}.icon-button.svelte-9pwd3t{display:flex;align-items:center;justify-content:center;border:1px solid transparent;background:none;border-radius:4px;cursor:pointer;color:var(--spectrum-global-color-gray-700);border:1px solid var(--spectrum-global-color-gray-100);width:32px;height:32px;box-sizing:border-box;font-size:20px;opacity:.9}.icon-button.svelte-9pwd3t:hover{background-color:var(--spectrum-global-color-gray-100);color:var(--spectrum-global-color-gray-800);opacity:1}.icon-button.svelte-9pwd3t:focus{outline:none}.icon-button.selected.svelte-9pwd3t{color:var(--spectrum-global-color-gray-800);border:1px dotted var(--spectrum-global-color-blue-500);background-color:var(--spectrum-global-color-gray-200)}.no-results.svelte-9pwd3t{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:var(--spectrum-global-color-gray-600);text-align:center}.no-results.svelte-9pwd3t i:where(.svelte-9pwd3t){font-size:24px;margin-bottom:8px;color:var(--spectrum-global-color-gray-500)}.footer.svelte-9pwd3t{padding:0 .5rem;border-top:1px solid var(--spectrum-global-color-gray-200);height:2rem;display:flex;justify-content:flex-end;align-items:center;font-size:.75rem}.clear-button.svelte-9pwd3t{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--spectrum-global-color-gray-700);font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px}.clear-button.svelte-9pwd3t:hover{background-color:var(--spectrum-global-color-gray-200)}.control.svelte-fjnh72{flex:auto;flex-direction:column;display:flex;align-items:stretch;justify-content:space-around;gap:.25rem;padding:0rem .25rem .25rem;overflow-x:hidden}.control.svelte-fjnh72:focus{border:1px solid white}.searchControl.svelte-fjnh72{height:2rem;border-bottom:1px solid var(--spectrum-global-color-gray-300);display:flex;align-items:center;padding-left:.5rem;gap:.25rem}.searchControl.svelte-fjnh72>i:where(.svelte-fjnh72){font-size:14px;transition:all .23s}.searchControl.svelte-fjnh72>input:where(.svelte-fjnh72){height:100%;width:100%;outline:none;background:none;border:none;color:inherit;padding-left:.5rem;font-family:inherit;font-size:inherit}.searchControl.svelte-fjnh72>input:where(.svelte-fjnh72).placeholder{font-style:italic;color:var(--spectrum-global-color-gray-600)}.listWrapper.svelte-fjnh72{flex:auto;display:flex;justify-content:stretch;align-content:stretch;gap:.25rem;overflow:hidden}.list.svelte-fjnh72{flex:1 1 50%;height:200px;overflow-y:auto;overflow-x:hidden;color:var(--spectrum-global-color-gray-800)}.list.svelte-fjnh72.table-mode{overflow:visible;height:auto}.options.svelte-fjnh72{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow-y:auto;gap:0rem;min-width:0}.option.svelte-fjnh72{line-height:1.5rem;padding:.15rem .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;justify-content:space-between}.option.svelte-fjnh72>i:where(.svelte-fjnh72){visibility:hidden}.option.svelte-fjnh72.selected>i:where(.svelte-fjnh72){visibility:visible;color:var(--spectrum-global-color-green-500)}.option.svelte-fjnh72.highlighted{background-color:var(--spectrum-global-color-gray-75)}.option.svelte-fjnh72:hover{background-color:var(--spectrum-global-color-gray-75);border-radius:4px;cursor:pointer}.option.loading.svelte-fjnh72{justify-content:center;color:var(--spectrum-global-color-gray-500);font-style:italic}.option.loading.svelte-fjnh72>i.rotating:where(.svelte-fjnh72){animation:svelte-fjnh72-rotate 1s linear infinite}.grid-container.svelte-fjnh72{height:200px;overflow-y:auto}.header-row.svelte-fjnh72{position:sticky;top:0;background-color:var(--spectrum-global-color-gray-100);z-index:1;display:grid;grid-template-columns:repeat(var(--num-cols),1fr) 32px;height:1.75rem}.data-row.svelte-fjnh72{display:grid;grid-template-columns:repeat(var(--num-cols),1fr) 32px;cursor:pointer}.header-cell.svelte-fjnh72{padding:.15rem .5rem;text-align:left;border-bottom:1px solid var(--spectrum-global-color-gray-300);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.header-cell.check.svelte-fjnh72{text-align:center}.data-cell.svelte-fjnh72{padding:.25rem .5rem;border-bottom:1px solid var(--spectrum-global-color-gray-200);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-cell.check.svelte-fjnh72{text-align:center}.data-row.svelte-fjnh72:hover,.data-row.highlighted.svelte-fjnh72{background-color:var(--spectrum-global-color-gray-75)}.data-row.selected.svelte-fjnh72 .data-cell.check:where(.svelte-fjnh72) i:where(.svelte-fjnh72){visibility:visible;color:var(--spectrum-global-color-green-500)}.data-cell.check.svelte-fjnh72 i:where(.svelte-fjnh72){visibility:hidden}.data-row.loading.svelte-fjnh72{color:var(--spectrum-global-color-gray-500);font-style:italic}.data-row.loading.svelte-fjnh72 .data-cell:where(.svelte-fjnh72){text-align:center;border-bottom:none}.data-row.loading.svelte-fjnh72 .data-cell:where(.svelte-fjnh72) i.rotating:where(.svelte-fjnh72){animation:svelte-fjnh72-rotate 1s linear infinite}@keyframes svelte-fjnh72-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rel-pills.svelte-tuph9y,.rel-bb-reference.svelte-tuph9y{background-color:var(--spectrum-global-color-gray-200)}.actionIcon.svelte-tuph9y{height:100%;display:flex;justify-content:center;align-items:center;min-width:2rem;font-size:16px;transition:all .13s;margin-right:8px}.actionIcon.svelte-tuph9y:hover{cursor:pointer;background-color:var(--spectrum-global-color-gray-75);color:var(--spectrum-global-color-red-500);font-weight:800}.loader.svelte-tuph9y{width:120px;height:20px;background:linear-gradient(90deg,#0001 33%,#0005 50%,#0001 66%) #f2f2f2;background-size:300% 100%;animation:svelte-tuph9y-l1 1s infinite linear}@keyframes svelte-tuph9y-l1{0%{background-position:right}}.skeleton.svelte-in3ggf{flex:auto;width:100%;align-self:stretch;opacity:0;display:flex;align-items:stretch;justify-content:stretch;background-color:var(--spectrum-global-color-gray-200)!important;overflow:hidden;position:relative;animation:svelte-in3ggf-fadeIn .13s ease 0s 1 normal forwards}.children.svelte-in3ggf{flex:auto;pointer-events:none;opacity:.65;background-image:linear-gradient(90deg,#fff0 0,#ffffff26 20%,#fff3 60%,#ffffff26 80%,#fff0);animation:svelte-in3ggf-shimmer 2s infinite}@keyframes svelte-in3ggf-fadeIn{0%{opacity:0}to{opacity:.75}}@keyframes svelte-in3ggf-shimmer{0%{transform:translate(-80%)}to{transform:translate(100%)}}.options.svelte-17k8iag{flex:auto;display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;color:var(--spectrum-global-color-gray-700)}.option.svelte-17k8iag{min-height:1.75rem;display:flex;gap:.5rem;align-items:center;justify-content:space-between;cursor:pointer;padding:0 .5rem}.option.svelte-17k8iag.selected{display:none;color:var(--spectrum-global-color-gray-800);background-color:var(--spectrum-global-color-gray-75)}.option.svelte-17k8iag.focused{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-800);border-radius:4px}.option.svelte-17k8iag>span:where(.svelte-17k8iag){display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option.svelte-17k8iag>span:where(.svelte-17k8iag)>i:where(.svelte-17k8iag){color:var(--option-color);font-size:larger}.buttons.svelte-17k8iag{flex:auto;display:flex;flex-wrap:wrap;gap:.5rem;justify-items:flex-start}.buttons.vertical.svelte-17k8iag{flex-direction:column;gap:.25rem}.buttons.svelte-17k8iag .button:where(.svelte-17k8iag){flex:none;display:flex;align-items:center;justify-content:center;padding:.25rem .75rem;border:1px solid var(--spectrum-global-color-gray-300);border-radius:4px;background-color:var(--spectrum-global-color-gray-75);color:var(--spectrum-global-color-gray-600);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:500;transition:all .15s ease-in-out;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;gap:.35rem}.button.svelte-17k8iag:hover{background-color:var(--spectrum-global-color-gray-100);border-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-gray-700);cursor:pointer}.button.selected.svelte-17k8iag{background-color:var( --option-color, var(--spectrum-global-color-gray-200) );border-color:var(--spectrum-global-color-gray-400);color:var(--spectrum-global-color-gray-800);font-weight:600}.radios.svelte-17k8iag{flex:auto;display:flex;flex-wrap:wrap;justify-items:flex-start;color:var(--spectrum-global-color-gray-700);font-size:13px}.radios.svelte-17k8iag.formInput>.switch:where(.svelte-17k8iag){padding:0 .5rem}.radios.svelte-17k8iag.inlineInput>.switch:where(.svelte-17k8iag){padding:0rem .25rem}.radios.svelte-17k8iag.inlineInput>.switch:where(.svelte-17k8iag).toggleAll{margin-bottom:.25rem;padding-bottom:.25rem;border-bottom:1px solid var(--spectrum-global-color-gray-300)}.radios.column.svelte-17k8iag{gap:0rem;flex-direction:column;min-width:0}.radio.svelte-17k8iag{height:1.75rem;display:flex;gap:.55rem;align-items:center;cursor:pointer;padding:0 .5rem}.radio.svelte-17k8iag.focused{background-color:var(--spectrum-global-color-gray-200)!important;color:var(--spectrum-global-color-gray-800)}.radio.svelte-17k8iag.selected{color:var(--spectrum-global-color-gray-800);background-color:var(--spectrum-global-color-gray-100);font-weight:600}.switch.svelte-17k8iag{width:100%;display:flex;gap:.35rem;align-items:center;cursor:pointer;height:1.75rem}.switch.svelte-17k8iag>i:where(.svelte-17k8iag){color:var(--spectrum-global-color-gray-600);min-width:13px;font-size:13px}.switch.svelte-17k8iag>i:where(.svelte-17k8iag).no-icon{display:none}.switch.svelte-17k8iag>.text:where(.svelte-17k8iag){flex:1 1 auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;opacity:.95}.switch.svelte-17k8iag>.text:where(.svelte-17k8iag).title{font-size:14px;font-weight:600}.switch.svelte-17k8iag.toggleAll{border-bottom:1px solid var(--spectrum-global-color-gray-200);height:2rem}.switch.svelte-17k8iag.focused{background-color:var(--spectrum-global-color-gray-200)!important;color:var(--spectrum-global-color-gray-800);border-radius:4px}.switch.svelte-17k8iag.selected{color:var(--spectrum-global-color-gray-800)}.switch.svelte-17k8iag.selected>i:where(.svelte-17k8iag){color:var(--option-color, var(--spectrum-global-color-gray-700))}.switch.svelte-17k8iag.selected>.text:where(.svelte-17k8iag){opacity:1}.switch.svelte-17k8iag>.spectrum-Switch:where(.svelte-17k8iag){margin-right:unset!important}.radio.svelte-17k8iag>i:where(.svelte-17k8iag){font-size:16px}.tags.svelte-1nqvnqd{display:flex;align-items:center;gap:.5rem;max-height:6rem;overflow-y:auto;box-sizing:border-box;flex-wrap:wrap}.tag.svelte-1nqvnqd{display:inline-flex;align-items:center;gap:.25rem;padding:0rem .5rem;border-radius:.5rem;background-color:var( --option-color, var(--spectrum-global-color-gray-300) );border:1px solid var(--option-color, var(--spectrum-global-color-gray-400));box-sizing:border-box;font-size:11px;font-weight:700;text-transform:uppercase;outline:none;max-width:7rem;transition:all .2s ease-in-out}.tag.svelte-1nqvnqd:hover{filter:brightness(.9)}.tag.svelte-1nqvnqd:hover>i:where(.svelte-1nqvnqd){display:block;cursor:pointer}.tag.svelte-1nqvnqd>span:where(.svelte-1nqvnqd){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag.svelte-1nqvnqd>i:where(.svelte-1nqvnqd){display:none;cursor:pointer;transition:all .2s ease-in-out}.searchControl.svelte-1nqvnqd{display:flex;align-items:center;gap:.5rem;padding:0rem .5rem}.searchControl.svelte-1nqvnqd:focus-within>.actionIcon:where(.svelte-1nqvnqd){color:var(--spectrum-global-color-blue-600);font-weight:800}.options.svelte-1nqvnqd{display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;color:var(--spectrum-global-color-gray-700);border-top:1px solid var(--spectrum-global-color-gray-200)}.option.svelte-1nqvnqd{min-height:1.75rem;display:flex;gap:.5rem;align-items:center;justify-content:space-between;padding:0 .5rem}.option.svelte-1nqvnqd:hover{background-color:var(--spectrum-global-color-gray-75);cursor:pointer}.option.svelte-1nqvnqd.focused{background-color:var(--spectrum-global-color-gray-75);color:var(--spectrum-global-color-gray-800)}.option.svelte-1nqvnqd.not-found{justify-content:center;color:var(--spectrum-global-color-gray-500);font-style:italic;height:2rem}.option.svelte-1nqvnqd>i:where(.svelte-1nqvnqd){font-size:14px;color:var(--spectrum-global-color-green-400)}.option.svelte-1nqvnqd>span:where(.svelte-1nqvnqd){display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option.svelte-1nqvnqd>span:where(.svelte-1nqvnqd)>i:where(.svelte-1nqvnqd){font-size:16px;color:var(--option-color, var(--spectrum-global-color-gray-300))}.option.loading.svelte-1nqvnqd{justify-content:center;color:var(--spectrum-global-color-gray-500);font-style:italic}.option.loading.svelte-1nqvnqd>i.rotating:where(.svelte-1nqvnqd){animation:svelte-1nqvnqd-rotate 1s linear infinite}@keyframes svelte-1nqvnqd-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.actionIcon.svelte-1nqvnqd{height:100%;display:flex;justify-content:center;align-items:center;font-size:.85rem;color:var(--spectrum-global-color-gray-600)}.actionIcon.svelte-1nqvnqd:hover{cursor:pointer;color:var(--spectrum-global-color-blue-600);font-weight:800}.searchInput.svelte-1nqvnqd{width:100%;background:inherit;font:inherit;color:inherit;border:none;outline:none;padding:.5rem;box-sizing:border-box}.value.svelte-1nqvnqd{outline:none}.pill.svelte-ab5e84{border:1px solid var(--spectrum-global-color-gray-500);padding:0rem .25rem;border-radius:3px;font-size:11px;display:flex;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;justify-content:center}.filename.svelte-ab5e84{flex:auto;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--spectrum-global-color-gray-700);font-size:12px}.btn-delete.svelte-ab5e84{aspect-ratio:1;color:var(--spectrum-global-color-gray-500);background:none;border:1px solid transparent;cursor:pointer;padding:.25rem;border-radius:3px;transition:all .2s ease}.btn-delete.svelte-ab5e84:hover{aspect-ratio:1;cursor:pointer;border-color:var(--spectrum-global-color-red-500);color:var(--spectrum-global-color-red-500)}.btn-download.svelte-ab5e84{aspect-ratio:1;color:var(--spectrum-global-color-gray-500);background:none;border:1px solid transparent;cursor:pointer;padding:.25rem;border-radius:3px;transition:all .2s ease}.btn-download.svelte-ab5e84:hover{aspect-ratio:1;cursor:pointer;border-color:var(--spectrum-global-color-blue-500);color:var(--spectrum-global-color-blue-500)}.attachment.svelte-ab5e84{box-sizing:content-box;display:flex;align-items:center;gap:.5rem;padding:0rem .25rem;min-height:30px;cursor:pointer;border-bottom:1px solid var(--spectrum-global-color-gray-200)}.attachment.svelte-ab5e84:last-child{border-bottom:none}.attachment.svelte-ab5e84:hover{background-color:var(--spectrum-global-color-gray-100)}.attachment.selected.svelte-ab5e84{background-color:var(--spectrum-global-color-blue-100)}.attachments.svelte-ab5e84{display:flex;flex-direction:column;align-items:stretch;position:relative;width:100%;height:100%;overflow-y:auto}.carousel.svelte-ab5e84{position:relative;flex:1 1 auto;display:flex;flex-direction:column;align-items:stretch;min-width:8rem;height:100%}.carousel.svelte-ab5e84:hover .carousel-controls:where(.svelte-ab5e84){opacity:1}.carousel-content.svelte-ab5e84{flex:1;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.carousel-image.svelte-ab5e84{width:100%;height:100%;min-width:8rem;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:4px;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:1;transform:scale(1) translate(0);cursor:pointer}.carousel-image.selected.svelte-ab5e84:after{content:"✓";position:absolute;top:1rem;left:1rem;width:1.5rem;height:1.5rem;background:var(--spectrum-global-color-blue-600);border-radius:4px;pointer-events:none;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-weight:700}.carousel-fallback.svelte-ab5e84{display:flex;flex-direction:column;align-items:center;gap:.5rem}.carousel-fallback.svelte-ab5e84 .filename:where(.svelte-ab5e84){font-size:14px;color:var(--spectrum-global-color-gray-700);text-align:center}.carousel-controls.svelte-ab5e84{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:1rem;padding:.5rem 1rem;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10;opacity:.65;transition:opacity .2s ease}.btn-nav.svelte-ab5e84{background:transparent;border:1px solid rgba(255,255,255,.7);border-radius:50%;width:1.5rem;height:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#fff;font-size:12px}.btn-nav.svelte-ab5e84:hover:not(:disabled){background-color:var(--spectrum-global-color-gray-100);border-color:var(--spectrum-global-color-gray-400);color:var(--spectrum-global-color-gray-800)}.btn-nav.svelte-ab5e84:disabled{opacity:.7;cursor:not-allowed}.indicators.svelte-ab5e84{display:flex;gap:.25rem}.indicator.svelte-ab5e84{width:.5rem;height:.5rem;border-radius:50%;background:var(--spectrum-global-color-gray-400);border:none;cursor:pointer;transition:background .2s ease}.indicator.active.svelte-ab5e84{background:var(--spectrum-global-color-static-blue-600)}.indicator.svelte-ab5e84:disabled{cursor:not-allowed}.carousel-placeholder.svelte-ab5e84{flex:1;width:100%;height:100%;color:var(--spectrum-global-color-gray-500);font-style:italic;text-align:center;display:flex;align-items:center;justify-content:center;padding:2rem}.btn-upload-empty.svelte-ab5e84{flex:none;height:4rem;background:none;border:2px dashed var(--spectrum-global-color-gray-400);border-radius:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .2s ease;color:var(--spectrum-global-color-gray-600);font-size:14px;justify-content:center;padding:2rem}.btn-upload-empty.list.svelte-ab5e84{flex:none;height:2rem;background:none;border:2px dashed var(--spectrum-global-color-gray-400);border-radius:6px;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:.5rem;transition:all .2s ease;color:var(--spectrum-global-color-gray-600);font-size:14px;justify-content:center;padding:unset}.btn-upload-empty.svelte-ab5e84:hover:not(:disabled){border-color:var(--spectrum-global-color-blue-500);color:var(--spectrum-global-color-blue-500);background-color:var(--spectrum-global-color-blue-50)}.btn-upload-empty.svelte-ab5e84:disabled{opacity:.5;cursor:not-allowed}.attachment-grid-wrapper.svelte-ab5e84{flex:auto;position:relative;width:100%;height:100%;overflow-y:auto}.attachment-grid.svelte-ab5e84{flex:auto;display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);grid-auto-rows:1fr;gap:.25rem;padding:.25rem;min-width:15rem;overflow-y:auto;min-height:13rem}.grid-item.svelte-ab5e84{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.25rem;border:1px solid transparent;border-radius:4px;transition:border-color .2s ease;overflow:hidden}.grid-item.focused.svelte-ab5e84{border-color:var(--spectrum-global-color-blue-500)}.grid-item.selected.svelte-ab5e84{border-color:var(--spectrum-global-color-blue-600)}.grid-item.selected.svelte-ab5e84:after{content:"✓";position:absolute;top:1rem;left:1rem;width:1.5rem;height:1.5rem;background:var(--spectrum-global-color-blue-600);border-radius:4px;pointer-events:none;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-weight:700}.grid-image.svelte-ab5e84{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:4px;cursor:pointer;transition:all .2s ease;filter:grayscale(50%);padding:1rem}.grid-image.svelte-ab5e84:hover{filter:grayscale(0%)}.grid-fallback.svelte-ab5e84{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--spectrum-global-color-gray-300);background-color:var(--spectrum-global-color-gray-100);padding:1rem}.grid-fallback.svelte-ab5e84 .filename:where(.svelte-ab5e84){font-size:14px;color:var(--spectrum-global-color-gray-700);text-align:center}.grid-overlay-top.svelte-ab5e84{position:absolute;bottom:.25rem;left:.25rem;right:.25rem;display:flex;justify-content:center;align-items:center;gap:1rem;padding:.5rem 1rem;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-top:none;z-index:10;opacity:0;transition:opacity .2s ease}.grid-item.svelte-ab5e84:hover .grid-overlay-top:where(.svelte-ab5e84){opacity:1}.grid-image.svelte-ab5e84:hover .slot-container:where(.svelte-ab5e84){opacity:1}.btn-grid-download.svelte-ab5e84,.btn-grid-delete.svelte-ab5e84{background:transparent;border:1px solid rgba(255,255,255,.7);border-radius:50%;width:1.5rem;height:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#ffffffb3;font-size:12px}.btn-grid-download.svelte-ab5e84:hover:not(:disabled){color:var(--spectrum-global-color-blue-700);border-color:var(--spectrum-global-color-static-blue-600)}.btn-grid-delete.svelte-ab5e84:hover:not(:disabled){border-color:var(--spectrum-global-color-gray-400);color:var(--spectrum-global-color-gray-800)}.btn-grid-download.svelte-ab5e84:disabled,.btn-grid-delete.svelte-ab5e84:disabled{opacity:.7;cursor:not-allowed}.btn-grid-delete.svelte-ab5e84:hover:not(:disabled){border-color:var(--spectrum-global-color-red-500);color:var(--spectrum-global-color-red-700)}.bulk-actions-overlay.svelte-ab5e84{position:absolute;bottom:1.25rem;left:1.25rem;height:36px;border-radius:4px;background:var(--spectrum-global-color-gray-200);border:1px solid var(--spectrum-global-color-gray-400);color:var(--spectrum-global-color-gray-700);display:flex;align-items:center;justify-content:center;gap:.25rem;padding:0 .75rem;transition:all .23s;z-index:100;box-shadow:0 2px 12px #0003}.bulk-actions-overlay.svelte-ab5e84:hover{border-color:var(--spectrum-global-color-gray-500)}.selection-count.svelte-ab5e84{margin-right:1.5rem;font-size:13px;font-weight:400;color:var(--spectrum-global-color-gray-700)}.btn-bulk-action.svelte-ab5e84{background:none;border:none;border-radius:4px;padding:.25rem .5rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:all .2s ease;color:var(--spectrum-global-color-gray-700);font-size:13px;font-weight:400}.btn-bulk-action.svelte-ab5e84:hover:not(:disabled){background:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-gray-800)}.btn-bulk-action.svelte-ab5e84:disabled{opacity:.5;cursor:not-allowed}.btn-bulk-delete.svelte-ab5e84{color:var(--spectrum-global-color-red-600)}.btn-bulk-delete.svelte-ab5e84:hover:not(:disabled){background:var(--spectrum-global-color-red-100);color:var(--spectrum-global-color-red-700)}.btn-close.svelte-ab5e84{padding:.125rem;margin-right:.25rem;border-radius:2px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.btn-close.svelte-ab5e84:hover:not(:disabled){background:var(--spectrum-global-color-gray-400);color:var(--spectrum-global-color-gray-800)}.grid-empty.svelte-ab5e84{flex:1;width:100%;height:100%;color:var(--spectrum-global-color-gray-500);font-style:italic;text-align:center;display:flex;align-items:center;justify-content:center;min-height:8rem}.btn-upload-empty.grid.svelte-ab5e84{flex:none;width:100%;height:100%;background:none;border:2px dashed var(--spectrum-global-color-gray-400);border-radius:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;color:var(--spectrum-global-color-gray-600);font-size:14px;padding:1rem}.btn-upload-empty.grid.svelte-ab5e84:hover:not(:disabled){border-color:var(--spectrum-global-color-blue-500);color:var(--spectrum-global-color-blue-500);background-color:var(--spectrum-global-color-blue-50)}.btn-upload-empty.grid.svelte-ab5e84:disabled{opacity:.5;cursor:not-allowed}.slot-container.svelte-ab5e84{width:100%;height:100%;display:flex;align-items:stretch;justify-content:stretch;pointer-events:none;background-color:#00000080;opacity:0;transition:all .2s ease;border-radius:8px}:root{--sc-dot-size: 6px;--sc-active-dot-size: 8px;--sc-dot-size-animation-time: .25s}.sc-carousel-dot__dot.svelte-1mtaq3v{background-color:var(--sc-color-rgb-light);border-radius:50%;display:inline-block;opacity:.5;transition:opacity .1s ease,height var(--sc-dot-size-animation-time) ease,width var(--sc-dot-size-animation-time) ease;cursor:pointer;-webkit-tap-highlight-color:transparent;height:var(--sc-dot-size);width:var(--sc-dot-size)}.sc-carousel-dot__dot.svelte-1mtaq3v:hover{opacity:.9}.sc-carousel-dot__dot_active.svelte-1mtaq3v{opacity:.7;height:var(--sc-active-dot-size);width:var(--sc-active-dot-size)}.sc-carousel-dots__container.svelte-1pld061{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:0 30px}.sc-carousel-dots__dot-container.svelte-1pld061{height:calc(var(--sc-dot-size) + 14px);width:calc(var(--sc-dot-size) + 10px);display:flex;align-items:center;justify-content:center}:root{--sc-arrow-size: 2px}.sc-carousel-arrow__circle.svelte-1pnlyzn{width:20px;height:20px;border-radius:50%;background-color:var(--sc-color-rgb-light-50p);display:flex;align-items:center;justify-content:center;transition:opacity .1s ease;cursor:pointer;-webkit-tap-highlight-color:transparent}.sc-carousel-arrow__circle.svelte-1pnlyzn:hover{opacity:.9}.sc-carousel-arrow__arrow.svelte-1pnlyzn{border:solid var(--sc-color-hex-dark);border-width:0 var(--sc-arrow-size) var(--sc-arrow-size) 0;padding:var(--sc-arrow-size);position:relative}.sc-carousel-arrow__arrow-next.svelte-1pnlyzn{transform:rotate(-45deg);left:calc(var(--sc-arrow-size) / -2)}.sc-carousel-arrow__arrow-prev.svelte-1pnlyzn{transform:rotate(135deg);right:calc(var(--sc-arrow-size) / -2)}.sc-carousel-arrow__circle_disabled.svelte-1pnlyzn,.sc-carousel-arrow__circle_disabled.svelte-1pnlyzn:hover{opacity:.5}.sc-carousel-progress__indicator.svelte-1pc71g7{height:100%;background-color:var(--sc-color-hex-dark-50p)}:root{--sc-color-rgb-light-50p: rgba(93, 93, 93, .5);--sc-color-rgb-light: #5d5d5d;--sc-color-hex-dark-50p: rgba(30, 30, 30, .5);--sc-color-hex-dark: #1e1e1e}.sc-carousel__carousel-container.svelte-1yu03g9{display:flex;width:100%;flex-direction:column;align-items:center}.sc-carousel__content-container.svelte-1yu03g9{position:relative;display:flex;width:100%}.sc-carousel__pages-window.svelte-1yu03g9{flex:1;display:flex;overflow:hidden;box-sizing:border-box;position:relative}.sc-carousel__pages-container.svelte-1yu03g9{width:100%;display:flex;transition-property:transform}.sc-carousel__arrow-container.svelte-1yu03g9{padding:5px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.sc-carousel-progress__container.svelte-1yu03g9{width:100%;height:5px;background-color:var(--sc-color-rgb-light-50p);position:absolute;bottom:0}.sc-carousel-button{all:unset;cursor:pointer}.sc-carousel-button:focus{outline:5px auto}.pill.svelte-15fd5yc{border:1px solid var(--spectrum-global-color-gray-500);padding:0rem .25rem;border-radius:3px;font-size:11px;display:flex;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;justify-content:center}.filename.svelte-15fd5yc{flex:auto;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--spectrum-global-color-gray-700);font-size:12px}.slider.svelte-15fd5yc{flex:auto;display:flex;flex-direction:row;align-items:stretch;justify-content:stretch;height:100%;width:100%}.slider .sc-carousel__content-container{height:100%}.slider-item.svelte-15fd5yc{flex:0 0 100%;min-width:100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.slider-image.svelte-15fd5yc{position:relative;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:4px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;padding:1rem}.slider-image.selected.svelte-15fd5yc:after{content:"✓";position:absolute;top:1rem;left:1rem;width:1.5rem;height:1.5rem;background:var(--spectrum-global-color-blue-600);border-radius:4px;pointer-events:none;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-weight:700}.slider-image.svelte-15fd5yc:hover .slot-container:where(.svelte-15fd5yc){opacity:1}.slider-fallback.svelte-15fd5yc{display:flex;flex-direction:column;align-items:center;gap:.5rem}.slider-fallback.svelte-15fd5yc .filename:where(.svelte-15fd5yc){font-size:14px;color:var(--spectrum-global-color-gray-700);text-align:center}.slider-placeholder.svelte-15fd5yc{flex:1;width:100%;height:100%;color:var(--spectrum-global-color-gray-500);font-style:italic;text-align:center;display:flex;align-items:center;justify-content:center;padding:2rem}.slider-navbutton.svelte-15fd5yc{display:flex;align-items:center;padding:0 .5rem}.slider-navbutton.svelte-15fd5yc:hover{color:var(--spectrum-global-color-blue-600);cursor:pointer}.btn-upload-empty.svelte-15fd5yc{background:none;border:2px dashed var(--spectrum-global-color-gray-400);border-radius:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;color:var(--spectrum-global-color-gray-600);font-size:14px;padding:1rem}.btn-upload-empty.svelte-15fd5yc:hover:not(:disabled){border-color:var(--spectrum-global-color-blue-500);color:var(--spectrum-global-color-blue-500);background-color:var(--spectrum-global-color-blue-50)}.slot-container.svelte-15fd5yc{width:100%;height:100%;display:flex;align-items:stretch;justify-content:stretch;background-color:#00000080;opacity:0}
1
+ .super-table{flex:auto;display:flex;position:relative;border:1px solid var(--spectrum-global-color-gray-300);background:var(--spectrum-global-color-gray-50);color:var(--spectrum-global-color-gray-800);overflow:hidden;height:360px;--row-selection-color: rgba(75, 117, 255, .15);--row-hover-color: rgba(75, 117, 255, .05)}.super-table.quiet{background:transparent;--row-selection-color: var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200)}.super-table .emptyTable{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;z-index:0;background-color:var(--spectrum-global-color-gray-100);border-radius:.5rem;color:var(--spectrum-global-color-gray-600);gap:1.5rem;letter-spacing:1.2px;opacity:.65}.super-table .emptyTable>i{font-size:36px;color:var(--spectrum-global-color-gray-600)}.super-table.initializing{background-color:var(--spectrum-global-color-gray-50);opacity:.8}.super-table.initializing:after{content:"";position:absolute;top:50%;left:50%;width:3rem;height:3rem;margin:-1.5rem 0 0 -1.5rem;border:4px solid var(--spectrum-global-color-gray-300);border-top-color:var(--spectrum-global-color-gray-600);border-radius:50%;animation:spin 1s linear infinite;z-index:1}.st-control-columns{display:flex}.st-master-columns{display:flex;flex:auto}.st-master-columns{flex-direction:row;align-items:stretch;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.st-master-columns::-webkit-scrollbar{display:none}.super-column{display:flex;flex:auto;position:relative;flex-direction:column;border-right:var(--super-table-vertical-dividers);overflow:hidden;scrollbar-width:none}.super-column.control-column{flex:none;min-width:2.4rem}.super-column.button-column{padding:auto}.super-column.isLast{border-right-color:transparent}.super-column.considerResizing{border-right:1px solid var(--spectrum-global-color-gray-500)}.super-column.resizing{border-right:1px solid var(--primaryColor)}.super-column.sticky{background:var(--spectrum-global-color-gray-75);filter:drop-shadow(2px 0 2px rgba(0,0,0,.5));z-index:1}.super-column .grabber{position:absolute;right:0;top:8px;width:3px;height:calc(100% - 16px);border-radius:2px;background:var(--spectrum-global-color-gray-200);transition:all .13s ease-in-out;z-index:10}.super-column .grabber:hover{width:5px;background:var(--spectrum-global-color-gray-600);cursor:col-resize}.super-column-header{display:flex;align-items:center;justify-content:flex-start;background:var(--spectrum-global-color-gray-100);border-bottom:1px solid var(--spectrum-global-color-gray-200);height:var(--super-table-header-height);padding:unset;flex:none;z-index:1}.super-column-header{gap:.5rem;padding:0 .5rem}.super-column-header .headerLabel{flex:1;display:flex;align-items:center;min-width:0}.super-column-header .innerText{font-size:12px;text-transform:uppercase;letter-spacing:1.1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--spectrum-global-color-gray-800)}.control-column-header{display:flex;align-items:center;justify-content:flex-start;background:var(--spectrum-global-color-gray-100);border-bottom:1px solid var(--spectrum-global-color-gray-200);min-height:var(--super-table-header-height);padding:0 .75rem;gap:1rem}.control-column-header .row-number{min-width:1.25rem;text-align:right;color:var(--spectrum-global-color-gray-500);font-size:11px}.super-column-body{flex:auto;overflow:hidden;max-height:var(--super-table-body-height);height:100%}.super-column-body.zebra:not(.sticky)>.super-row:nth-child(2n){background:var(--spectrum-global-color-gray-75)}.super-column-body.quiet{background:transparent}.super-column-body.inserting{color:var(--spectrum-global-color-gray-400)}.super-column-body .add-row{height:2rem;display:flex;align-items:center;font-style:italic;color:var(--spectrum-global-color-gray-500);padding:0 var(--super-table-cell-padding)}.super-column-body .spacer{min-height:6rem;background:var(--spectrum-global-color-gray-100)}.super-row{position:relative;display:flex;align-items:stretch;border-bottom:var(--super-table-horizontal-dividers);cursor:default}.super-row.saving{border-bottom-color:var(--spectrum-global-color-green-400)}.super-row.is-hovered{color:var(--spectrum-global-color-gray-900);background:var( --row-hover-color, var(--spectrum-global-color-gray-75) )!important}.super-row.is-hovered .row-number{color:var(--spectrum-global-color-gray-800)}.super-row.is-selected{color:var(--spectrum-global-color-gray-900);background-color:var(--row-selection-color)!important}.super-row.is-disabled{color:var(--spectrum-global-color-gray-500)!important;font-style:italic}.super-row.isLast{padding-right:1.5rem}.super-row.new-row{min-height:2rem;background:var(--spectrum-global-color-gray-50);color:var(--spectrum-global-color-gray-800)}.super-row .row-number{min-width:1.25rem;text-align:right;color:var(--spectrum-global-color-gray-500);font-size:11px}.super-row .contents-wrapper{flex:1;display:flex;align-items:center}.super-row.is-editing,.spectrum-Table-body.is-editing{background:var(--spectrum-global-color-gray-75)}.super-column-footer{display:flex;align-items:center;height:var(--super-table-footer-height);padding:0 var(--super-table-cell-padding);border-top:1px solid var(--spectrum-global-color-gray-200);background:var(--spectrum-global-color-gray-100);color:var(--spectrum-global-color-gray-700);font-size:var( --spectrum-table-header-text-size, var(--spectrum-global-dimension-font-size-50) );font-weight:var( --spectrum-table-header-text-font-weight, var(--spectrum-global-font-weight-bold) );line-height:var( --spectrum-table-header-text-line-height, var(--spectrum-alias-heading-text-line-height) );letter-spacing:var( --spectrum-table-header-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium) );text-transform:uppercase}.super-column-footer>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overlay-button{position:absolute;bottom:1.5rem;right:1.5rem;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--spectrum-global-color-gray-200);border:1px solid var(--spectrum-global-color-gray-400);color:var(--spectrum-global-color-gray-700);display:flex;align-items:center;justify-content:center;font-size:1.25rem;opacity:.75;transition:all .13s ease-in-out;z-index:2;cursor:pointer}.overlay-button:hover{opacity:1;background:var(--spectrum-global-color-blue-100);border-color:var(--spectrum-global-color-blue-500);color:var(--spectrum-global-color-blue-700);box-shadow:0 0 10px #0000001a}.overlay-button.footer{bottom:58px}.overlay-button.highlighted,.overlay-button.save-row-overlay.in-insert{opacity:1}.overlay-button.add-row-overlay{width:1.75rem;height:1.75rem}.overlay-button.add-row-overlay:hover{width:2.25rem;height:2.25rem}.overlay-button.add-row-overlay.in-insert{width:2.25rem;height:2.25rem;transform:rotate(45deg);border-color:var(--spectrum-global-color-red-500);color:var(--spectrum-global-color-red-700)}.overlay-button.save-row-overlay{right:4.5rem;opacity:0;background:var(--spectrum-global-color-blue-100);border-color:var(--spectrum-global-color-blue-500);color:var(--spectrum-global-color-blue-700)}.overlay-button.save-row-overlay:hover{background:var(--spectrum-global-color-blue-500);filter:drop-shadow(4px 4px 4px rgba(0,0,0,.2))}.overlay-button.filter-row-overlay{border-color:var(--spectrum-global-color-green-400);color:var(--spectrum-global-color-green-400)}.overlay-button.filter-row-overlay:hover{background:var(--spectrum-global-color-green-100);border-color:var(--spectrum-global-color-green-700);color:var(--spectrum-global-color-green-700)}.overlay-button.loader-overlay{cursor:default;background:none;border:none;width:1.75rem;height:1.75rem}.overlay-button.loader-overlay .ri-refresh-line{font-size:1.25rem;animation:spin 1s linear infinite}.overlay-button.loader-overlay:hover{background:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-400);color:var(--spectrum-global-color-gray-700);box-shadow:none}.selected-row-actions-overlay{position:absolute;left:1.25rem;height:36px;border-radius:4px;background:var(--spectrum-global-color-gray-200);border:1px solid var(--spectrum-global-color-gray-400);color:var(--spectrum-global-color-gray-700);display:flex;align-items:center;justify-content:center;gap:.25rem;padding:0 .75rem 0 .25rem;transition:all .23s;z-index:80;box-shadow:0 0 10px #0000001a}.selected-row-actions-overlay.highlighted{opacity:1}.selected-row-actions-overlay.footer{bottom:58px}.selected-row-actions-overlay:hover{border-color:var(--spectrum-global-color-gray-500)}.selected-row-actions-overlay .text{margin-right:1.5rem;font-size:13px;font-weight:400}@keyframes spin{to{transform:rotate(360deg)}}.superCell{flex:auto;display:flex;align-items:center;position:relative;overflow:hidden;transition:all .13s;transition:border 75ms ease-out;width:100%;max-height:2rem}.superCell.multirow{max-height:unset;align-items:stretch}.superCell.tall{flex:none;height:15rem}.superCell:focus{outline:none}.superCell:hover .icon{color:var(--spectrum-global-color-blue-500)}.superCell:hover .control-icon{color:var(--spectrum-global-color-gray-700)}.superCell.isDirty{border-left:2px solid var(--spectrum-global-color-orange-400)!important}.superCell .icon{position:absolute;left:.5rem;font-size:16px;color:var(--spectrum-global-color-gray-500)}.superCell .clearIcon{position:absolute;right:8px;color:var(--spectrum-global-color-red-500)}.superCell .clearIcon:hover{color:var(--spectrum-global-color-red-700);cursor:pointer}.superCell .field-icon{padding-left:.5rem;color:var(--spectrum-global-color-gray-600)}.superCell .field-icon.with-error{color:var(--spectrum-global-color-red-600)}.superCell .field-icon.active{color:var(--spectrum-global-color-blue-700)}.superCell .value{flex:auto;align-self:stretch;display:flex;align-items:center;min-width:0;overflow:hidden;padding:.25rem .5rem;gap:.5rem}.superCell .value:focus{outline:none}.superCell .value.placeholder{font-weight:400;color:var(--spectrum-global-color-gray-500);justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.superCell .value.placeholder>span{font-style:italic!important}.superCell .value.with-icon{padding-left:2rem!important}.superCell .value>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:unset!important}.superCell .value>span.multiline{overflow:auto;white-space:normal;text-overflow:unset}.superCell .value .clearIcon,.superCell .value .endIcon{color:var(--spectrum-global-color-red-500);cursor:pointer;z-index:1}.superCell .value>.valueicon{font-size:16px;color:var(--spectrum-global-color-green-700)}.superCell .value .items{flex:auto;display:flex;overflow:hidden;align-items:stretch;align-self:stretch;gap:.5rem;padding:.15rem 0rem}.superCell .value .items .item{display:flex;align-items:center;overflow:hidden;padding:.15rem .5rem}.superCell .value .items .item i{display:none}.superCell .value .items .item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.superCell .value .items.pills .item{background-color:var( --option-color, var(--spectrum-global-color-gray-300) );gap:.5rem;border-radius:4px}.superCell .value .items.pills .item i{display:none}.superCell .value .items.links .item{gap:.5rem;border-radius:4px;background-color:var( --option-color, var(--spectrum-global-color-gray-300) );transition:.13s}.superCell .value .items.links .item:hover{cursor:pointer;background-color:var( --option-color, var(--spectrum-global-color-blue-400) )}.superCell .value .items.links .item:hover i{display:none}.superCell .value .items.colorText .item{gap:.5rem;padding:unset}.superCell .value .items.colorText .item i{color:var(--option-color);display:block}.superCell .value .items.isUser .item{background-color:var( --option-color, var(--spectrum-global-color-blue-100) );gap:.5rem;border-radius:4px;padding-left:.5rem;padding-right:.75rem}.superCell .value .items.isUser .item i{display:block}.superCell .value .items.withCount.inEdit{margin-right:2.5rem}.superCell .value .items.withCount>.count{flex:none;font-weight:light;color:var(--spectrum-global-color-gray-700)}.superCell .clear-icon{display:none;color:var(--spectrum-global-color-red-400);cursor:pointer}.superCell .clear-icon.visible{display:block;color:var(--spectrum-global-color-red-400);padding-right:.5rem}.superCell .control-icon{color:var(--spectrum-global-color-gray-600);cursor:pointer;padding:.5rem .5rem .5rem .25rem}.superCell.error{border:1px solid var(--spectrum-global-color-red-400)!important}.superCell *.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:2px;position:relative;background:var(--spectrum-global-color-gray-50);border:1px solid var(--spectrum-global-color-gray-500)}.superCell *.checkbox:checked:before{content:"✓";position:absolute;top:0;left:2px;color:var(--spectrum-global-color-green-400);font-size:12px}.superCell *.checkbox:focus{outline:none}.superCell.naked-field,.superCell>.naked-field{background-color:unset!important;padding-left:2px!important;border-color:transparent!important;border-width:1px!important}.superCell.naked-field.with-icon,.superCell>.naked-field.with-icon{padding-left:32px!important}.superCell.formInput{border-radius:2px;color:var(--spectrum-global-color-gray-800);border:1px solid var(--spectrum-global-color-gray-300);background:var(--spectrum-global-color-gray-50);min-height:2rem}.superCell.formInput:focus-within:not(.naked-field){border:1px solid var(--spectrum-global-color-blue-400)}.superCell.formInput.inEdit:not(.naked-field){border:1px solid var(--spectrum-global-color-blue-400)}.superCell.formInput:hover:not(.disabled):not(.readonly):not(.inEdit){border:1px solid var(--spectrum-global-color-gray-400)}.superCell.formInput.disabled{background-color:var(--spectrum-global-color-gray-100)!important;border:1px solid var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-600)!important;cursor:not-allowed!important}.superCell.formInput.disabled:focus-within{border:1px dashed var(--spectrum-global-color-gray-500)!important}.superCell.formInput.readonly:not(.disabled){background-color:var(--spectrum-global-color-gray-50);border:1px solid var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-700)}.superCell.formInput.readonly:not(.disabled):focus-within{border:1px dashed var(--spectrum-global-color-blue-500)!important}.superCell.formInput.error{border-color:var(--spectrum-global-color-red-400)!important}.superCell.formInput.isDirty{border-left:2px solid var(--spectrum-global-color-orange-400)!important}.superCell.formInput.naked-field:focus-within{border:1px solid transparent!important}.superCell.tableCell{min-height:unset;max-height:unset;border:1px solid transparent}.superCell.tableCell:hover:not(.readonly):not(.inEdit){border:1px dashed var(--spectrum-global-color-blue-400);cursor:pointer}.superCell.tableCell.inEdit{border-color:var(--spectrum-global-color-blue-400);cursor:pointer;background-color:var(--spectrum-global-color-gray-50)}.superCell>.editor{min-width:none;flex:auto;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;overflow:hidden;gap:.25rem;padding-left:.5rem;padding-right:.5rem;background-color:transparent;outline:none;border:none;color:inherit;letter-spacing:inherit}.superCell>.editor:focus{outline:none;border:none}.superCell>.editor:hover{cursor:pointer}.superCell>.editor.placeholder{font-style:italic!important}.superCell>.editor.with-icon{padding-left:2rem}.superCell>.editor i{font-size:18px}.superCell>.editor.textarea{flex:1 1 auto;align-items:stretch;padding:.5rem;white-space:normal;overflow:auto;resize:none;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;height:unset}.superCell.formInput.large{max-height:unset!important}.superCell.formInput.error.inEdit:focus-within{border:1px solid var(--spectrum-global-color-red-500)}.superCell.inline{position:relative;border:1px solid transparent;border-radius:2px;min-height:1.8rem;min-width:unset;transition:all .13s}.superCell.inline:hover:not(.disabled):not(.readonly):not(.inEdit){background-color:var(--spectrum-global-color-gray-50);border:1px solid var(--spectrum-global-color-gray-300);cursor:pointer}.superCell.inline.inEdit{background-color:var(--spectrum-global-color-gray-50);border:1px solid var(--spectrum-global-color-blue-400);cursor:text}.superCell.inline.disabled{background-color:var(--spectrum-global-color-gray-100)!important;color:var(--spectrum-global-color-gray-600);cursor:not-allowed}.superCell.inline.readonly{background-color:var(--spectrum-global-color-gray-100);color:var(--spectrum-global-color-gray-700);cursor:not-allowed}
package/package.json CHANGED
@@ -1,8 +1,9 @@
1
1
  {
2
2
  "name": "@poirazis/supercomponents-shared",
3
- "version": "1.2.0",
3
+ "version": "1.2.9",
4
4
  "description": "Shared Svelte components library",
5
5
  "type": "module",
6
+ "packageManager": "bun@1.0.0",
6
7
  "main": "dist/index.js",
7
8
  "module": "dist/index.js",
8
9
  "svelte": "src/index.js",
@@ -10,8 +11,7 @@
10
11
  "test": "echo \"Error: no test specified\" && exit 1",
11
12
  "build": "SASS_API=modern vite build",
12
13
  "watch": "vite build --watch",
13
- "dev": "vite",
14
- "prepare": "npm run build"
14
+ "dev": "vite"
15
15
  },
16
16
  "files": [
17
17
  "dist",
@@ -36,29 +36,26 @@
36
36
  "svelte": "^5.0.0"
37
37
  },
38
38
  "dependencies": {
39
- "@budibase/types": "^2.33.14",
39
+ "@budibase/types": "^3.24.4",
40
+ "@jsrob/svelte-portal": "^0.2.1",
40
41
  "@phosphor-icons/web": "^2.1.2",
41
42
  "@sveltejs/svelte-virtual-list": "^3.0.1",
42
- "date-picker-svelte": "^2.16.0",
43
+ "date-picker-svelte": "^2.17.0",
43
44
  "imask": "^6.6.3",
44
45
  "shortid": "^2.2.17",
45
46
  "svelte-carousel": "^1.0.25",
46
- "svelte-dnd-action": "^0.9.65",
47
+ "svelte-dnd-action": "^0.9.69",
47
48
  "svelte-fsm": "^1.2.0",
48
- "svelte-portal": "^2.2.1"
49
+ "zod": "4.3.5"
49
50
  },
50
51
  "devDependencies": {
51
- "@sveltejs/package": "^2.3.11",
52
- "@sveltejs/vite-plugin-svelte": "^3.1.2",
52
+ "@sveltejs/package": "^2.3.12",
53
+ "@sveltejs/vite-plugin-svelte": "^4.0.1",
53
54
  "@tsconfig/svelte": "^5.0.4",
54
- "sass": "^1.89.0",
55
- "sass-embedded": "^1.96.0",
56
- "svelte": "^5.0.0",
57
- "svelte-check": "^3.8.6",
58
- "typescript": "^5.8.3",
59
- "vite": "^5.4.19"
60
- },
61
- "trustedDependencies": [
62
- "svelte-preprocess"
63
- ]
55
+ "postcss": "^8.4.35",
56
+ "sass": "^1.90.2",
57
+ "svelte": "^5.46.4",
58
+ "typescript": "^5.9.3",
59
+ "vite": "^5.4.21"
60
+ }
64
61
  }
package/src/lib/Actions/position_dropdown.js CHANGED
@@ -39,14 +39,17 @@ export default function positionDropdown(element, opts) {
39
39
  if (typeof customUpdate === "function") {
40
40
  styles = customUpdate(anchorBounds, elementBounds, styles);
41
41
  } else {
42
+ const scrollY = window.scrollY;
43
+ const scrollX = window.scrollX;
44
+
42
45
  // Determine vertical styles
43
46
  if (align === "right-outside" || align === "left-outside") {
44
- styles.top = anchorBounds.top;
47
+ styles.top = anchorBounds.top + scrollY;
45
48
  } else if (window.innerHeight - anchorBounds.bottom < (maxHeight || 50)) {
46
- styles.top = anchorBounds.top - elementBounds.height - offset;
49
+ styles.top = anchorBounds.top - elementBounds.height - offset + scrollY;
47
50
  styles.maxHeight = maxHeight || 240;
48
51
  } else {
49
- styles.top = anchorBounds.bottom + (offsetBelow || offset);
52
+ styles.top = anchorBounds.bottom + (offsetBelow || offset) + scrollY;
50
53
  styles.maxHeight =
51
54
  maxHeight || window.innerHeight - anchorBounds.bottom - 20;
52
55
  }
@@ -63,13 +66,17 @@ export default function positionDropdown(element, opts) {
63
66
 
64
67
  if (align === "right") {
65
68
  styles.left =
66
- anchorBounds.left + anchorBounds.width - elementBounds.width;
69
+ anchorBounds.left +
70
+ anchorBounds.width -
71
+ elementBounds.width +
72
+ scrollX;
67
73
  } else if (align === "right-outside") {
68
- styles.left = anchorBounds.right + offset;
74
+ styles.left = anchorBounds.right + offset + scrollX;
69
75
  } else if (align === "left-outside") {
70
- styles.left = anchorBounds.left - elementBounds.width - offset;
76
+ styles.left =
77
+ anchorBounds.left - elementBounds.width - offset + scrollX;
71
78
  } else {
72
- styles.left = anchorBounds.left;
79
+ styles.left = anchorBounds.left + scrollX;
73
80
  }
74
81
  }
75
82
 
package/src/lib/SuperButton/SuperButton.svelte CHANGED
@@ -71,7 +71,7 @@
71
71
  };
72
72
 
73
73
  async function handleClick(e) {
74
- if (disabled || working) return;
74
+ if (disabled || working || actionsMode == "timer") return;
75
75
  working = true;
76
76
  if (actionsMode == "loop") {
77
77
  if (onLoopStart) await onLoopStart({ iterations: loopSource?.length });
@@ -131,10 +131,10 @@
131
131
 
132
132
  <button
133
133
  bind:this={buttonElement}
134
- tabindex={disabled ? -1 : 0}
135
134
  on:click={handleClick}
136
135
  on:mouseenter={showTooltip}
137
136
  on:mouseleave={hideTooltip}
137
+ tabindex={disabled ? -1 : 0}
138
138
  class:super-button={true}
139
139
  class:xsmall={size == "XS"}
140
140
  class:small={size == "S"}
@@ -165,7 +165,7 @@
165
165
  style:color={disabled ? "var(--spectrum-global-color-gray-400)" : iconColor}
166
166
  ></i>
167
167
 
168
- <span>{text}</span>
168
+ <span>{actionsMode !== "timer" ? text : elapsed + "s"}</span>
169
169
  </button>
170
170
 
171
171
  {#if tooltip}
@@ -219,10 +219,9 @@
219
219
 
220
220
  &.iconOnly {
221
221
  min-width: unset;
222
- aspect-ratio: 1/1;
222
+ padding: 0rem 0.5rem;
223
223
  border-radius: 0.25rem;
224
- font-weight: 600;
225
- font-size: 14px;
224
+ aspect-ratio: 1 / 1;
226
225
  & > span {
227
226
  display: none;
228
227
  }
package/src/lib/SuperField/SuperField.svelte CHANGED
@@ -1,4 +1,6 @@
1
1
  <script>
2
+ import Tooltip from "../UI/elements/Tooltip.svelte";
3
+
2
4
  export let labelPos;
3
5
  export let multirow;
4
6
  export let tall;
@@ -10,8 +12,48 @@
10
12
  export let height;
11
13
  export let maxHeight;
12
14
 
13
- let showHelp;
15
+ let showTooltip = false;
16
+ let labelElement;
17
+ let tooltipTimer;
18
+ let isLabelTruncated = false;
19
+ let tooltipContent = "";
20
+
21
+ const checkIfTruncated = () => {
22
+ return labelElement && labelElement.scrollWidth > labelElement.offsetWidth;
23
+ };
24
+
25
+ const buildTooltipContent = () => {
26
+ const parts = [];
27
+ if (checkIfTruncated()) {
28
+ parts.push(label || field);
29
+ }
30
+
31
+ if (helpText) {
32
+ parts.push(helpText);
33
+ }
34
+
35
+ return parts.join(" - ");
36
+ };
37
+
38
+ const showHelpTooltip = () => {
39
+ if (!helpText && !isLabelTruncated) return;
40
+ if (tooltipTimer) clearTimeout(tooltipTimer);
41
+ tooltipTimer = setTimeout(() => {
42
+ tooltipContent = buildTooltipContent();
43
+ showTooltip = true;
44
+ }, 500);
45
+ };
46
+
47
+ const hideHelpTooltip = () => {
48
+ if (tooltipTimer) {
49
+ clearTimeout(tooltipTimer);
50
+ tooltipTimer = null;
51
+ }
52
+ showTooltip = false;
53
+ };
54
+
14
55
  $: width = labelPos == "left" ? (labelWidth ? labelWidth : "5rem") : "auto";
56
+ $: isLabelTruncated = checkIfTruncated(labelElement);
15
57
  </script>
16
58
 
17
59
  <div
@@ -33,17 +75,22 @@
33
75
  <!-- svelte-ignore missing-declaration -->
34
76
  <!-- svelte-ignore a11y-no-static-element-interactions -->
35
77
  <div
78
+ bind:this={labelElement}
36
79
  class="label"
37
- class:showHelp
38
- on:mouseenter={helpText ? () => (showHelp = true) : null}
39
- on:mouseleave={helpText ? () => (showHelp = false) : null}
80
+ class:has-interaction={helpText || isLabelTruncated}
81
+ on:mouseenter={showHelpTooltip}
82
+ on:mouseleave={hideHelpTooltip}
40
83
  >
41
- {#if showHelp && helpText}
42
- {helpText}
43
- {:else}
44
- {label || field}
45
- {/if}
84
+ {label || field}
46
85
  </div>
86
+ {#if (helpText || checkIfTruncated()) && showTooltip}
87
+ <Tooltip
88
+ anchor={labelElement}
89
+ content={tooltipContent}
90
+ show={showTooltip}
91
+ align="top"
92
+ />
93
+ {/if}
47
94
  {#if error}
48
95
  <div class="error-message">
49
96
  {error}
@@ -69,9 +116,6 @@
69
116
 
70
117
  &.multirow {
71
118
  max-height: var(--height);
72
- & > .inline-cells.inline-buttons {
73
- flex-direction: column;
74
- }
75
119
  }
76
120
 
77
121
  &.left-label {
@@ -82,9 +126,6 @@
82
126
  &.tall {
83
127
  height: 100%;
84
128
  justify-content: stretch;
85
- & > .inline-cells > .inline-buttons {
86
- flex-direction: column;
87
- }
88
129
  }
89
130
 
90
131
  &.tall.left-label {
@@ -111,11 +152,6 @@
111
152
  align-items: stretch;
112
153
  justify-content: flex;
113
154
  }
114
-
115
- & > .inline-buttons {
116
- display: flex;
117
- padding-left: 0.5rem;
118
- }
119
155
  }
120
156
 
121
157
  .superlabel {
@@ -158,8 +194,8 @@
158
194
  text-overflow: ellipsis;
159
195
  font-size: 12px;
160
196
 
161
- &.showHelp {
162
- font-style: italic;
197
+ &.has-interaction {
198
+ cursor: help;
163
199
  }
164
200
  }
165
201
 
package/src/lib/SuperPopover/SuperPopover.svelte CHANGED
@@ -1,5 +1,5 @@
1
1
  <script>
2
- import Portal from "svelte-portal";
2
+ import { Portal } from "@jsrob/svelte-portal";
3
3
  import { createEventDispatcher } from "svelte";
4
4
  import positionDropdown from "../Actions/position_dropdown";
5
5
  import clickOutside from "../Actions/click_outside";
@@ -53,7 +53,7 @@
53
53
  };
54
54
 
55
55
  export const hasFocus = () => {
56
- return viewport.matches(":focus-within");
56
+ return viewport?.matches(":focus-within");
57
57
  };
58
58
 
59
59
  const handleOutsideClick = (e) => {
package/src/lib/SuperTableCells/CellCommon.css CHANGED
@@ -5,11 +5,13 @@
5
5
  position: relative;
6
6
  overflow: hidden;
7
7
  transition: all 130ms;
8
+ transition: border 75ms ease-out;
8
9
  width: 100%;
9
10
  max-height: 2rem;
10
11
 
11
12
  &.multirow {
12
13
  max-height: unset;
14
+ align-items: stretch;
13
15
  }
14
16
 
15
17
  &.tall {
@@ -383,7 +385,7 @@
383
385
  }
384
386
 
385
387
  &.placeholder {
386
- font-style: italic;
388
+ font-style: italic !important;
387
389
  }
388
390
 
389
391
  &.with-icon {
@@ -393,6 +395,20 @@
393
395
  i {
394
396
  font-size: 18px;
395
397
  }
398
+
399
+ &.textarea {
400
+ flex: 1 1 auto;
401
+ align-items: stretch;
402
+ padding: 0.5rem;
403
+ white-space: normal;
404
+ overflow: auto;
405
+ resize: none;
406
+ font-family: inherit;
407
+ font-size: inherit;
408
+ line-height: inherit;
409
+ color: inherit;
410
+ height: unset;
411
+ }
396
412
  }
397
413
 
398
414
  .superCell.formInput.large {
package/src/lib/SuperTableCells/CellLinkAdvanced.svelte CHANGED
@@ -3,7 +3,6 @@
3
3
  import fsm from "svelte-fsm";
4
4
  import SuperPopover from "../SuperPopover/SuperPopover.svelte";
5
5
  import CellLinkPickerTree from "../../lib/SuperTableCells/CellLinkPickerTree.svelte";
6
- import { readonly } from "svelte/store";
7
6
  const dispatch = createEventDispatcher();
8
7
 
9
8
  export let value;