@poirazis/supercomponents-shared 0.0.1

package/dist/style.css

@@ -0,0 +1 @@
+.super-button.svelte-159r6oj{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}.super-button.svelte-159r6oj.small{min-width:4rem;padding:0rem .5rem;gap:.5rem;font-size:smaller}.super-button.svelte-159r6oj>span{white-space:nowrap}.super-button.svelte-159r6oj.icon>i{display:block}.super-button.svelte-159r6oj.iconOnly{min-width:unset}.super-button.svelte-159r6oj.iconOnly>span{display:none}.super-button.svelte-159r6oj>i{display:none;opacity:.9}.full-width.svelte-159r6oj{width:100%}.menu-item.svelte-159r6oj{width:100%;justify-content:flex-start;border:unset!important;border-radius:0;background-color:transparent!important;font-weight:500}.menu-item.svelte-159r6oj:hover{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-900)}.menu-item-right.svelte-159r6oj{width:100%;justify-content:flex-end!important}i.svelte-159r6oj{color:var(--iconColor);transition:all .23s ease-in-out}.cta.svelte-159r6oj{background-color:var(--spectrum-global-color-blue-400);border:1px solid transparent;color:#fff}.cta.svelte-159r6oj.quiet{border-color:transparent!important;background-color:transparent;color:var(--spectrum-global-color-gray-800)}.cta.svelte-159r6oj.quiet:hover,.cta.svelte-159r6oj.quiet:focus{background-color:var(--spectrum-global-color-blue-400);color:#fff}.cta.svelte-159r6oj:hover,.cta.svelte-159r6oj:focus{background-color:var(--spectrum-global-color-blue-600);border-color:var(--spectrum-global-color-blue-600)}.cta.svelte-159r6oj:active{border:1px solid var(--spectrum-global-color-blue-700)}.ink.svelte-159r6oj{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}.ink.svelte-159r6oj.quiet{border-color:transparent!important;background-color:transparent;color:var(--spectrum-global-color-gray-800)}.ink.svelte-159r6oj.quiet:hover,.ink.svelte-159r6oj.quiet:focus{color:var(--spectrum-global-color-gray-50);background-color:var(--spectrum-global-color-gray-600)}.ink.svelte-159r6oj:hover,.ink.svelte-159r6oj:focus{background-color:var(--spectrum-global-color-gray-800)}.ink.svelte-159r6oj:active{border:1px solid var(--spectrum-global-color-blue-700)}.primary.svelte-159r6oj:hover,.primary.svelte-159r6oj:focus{border:1px solid var(--spectrum-global-color-gray-500);color:var(--spectrum-global-color-gray-900)}.primary.svelte-159r6oj:active{background-color:var(--spectrum-global-color-gray-100);border:1px solid var(--spectrum-global-color-gray-600)}.primary.svelte-159r6oj.quiet{border-color:transparent;background-color:transparent}.primary.svelte-159r6oj.quiet:hover{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-900)}.secondary.svelte-159r6oj{background-color:var(--spectrum-global-color-gray-200);border-color:transparent;color:var(--spectrum-global-color-gray-700);font-weight:500}.secondary.svelte-159r6oj.quiet{border-color:transparent;background-color:transparent}.secondary.svelte-159r6oj.quiet:hover{background-color:var(--spectrum-global-color-gray-200);border-color:transparent}.secondary.svelte-159r6oj:hover,.secondary.svelte-159r6oj:focus{background-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-gray-900)}.warning.svelte-159r6oj{color:var(--spectrum-global-color-red-400)}.warning.svelte-159r6oj.quiet{border-color:transparent!important;background-color:transparent;color:var(--spectrum-global-color-red-400)}.warning.svelte-159r6oj.quiet:hover{background-color:var(--spectrum-global-color-red-400)}.warning.svelte-159r6oj:hover,.warning.svelte-159r6oj:focus{background-color:var(--spectrum-global-color-red-400);color:var(--spectrum-global-color-gray-50)}.overBackground.svelte-159r6oj{background-color:transparent}.overBackground.svelte-159r6oj.quiet{border:unset}.menu.svelte-159r6oj{border:unset;background:transparent;padding-right:0rem;color:var(--spectrum-global-color-gray-700)}.disabled.svelte-159r6oj{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-159r6oj.quiet{background-color:unset!important;border:unset!important}.superlabel.svelte-1gp0kew{flex:0 0 auto;width:var(--label-width);overflow:hidden;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:400;line-height:1.65rem;color:var(--spectrum-global-color-gray-700);padding-left:2px;gap:1rem;transition:.13s}.superlabel.svelte-1gp0kew.notForm{font-size:14px;padding-left:unset;padding-bottom:4px}.superlabel.svelte-1gp0kew.left{flex-direction:column;align-items:flex-start;justify-content:center;line-height:1rem;gap:0px}.superlabel.svelte-1gp0kew.left>.label{width:var(--label-width);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.superlabel.svelte-1gp0kew>.label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.superlabel.svelte-1gp0kew>.error-message{color:var(--spectrum-global-color-red-400);font-size:11px}.list-wrap.svelte-vcy2bx.svelte-vcy2bx{list-style-type:none;margin:0;padding:0;width:100%;border-radius:4px}.list-wrap.svelte-vcy2bx>li.svelte-vcy2bx: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-vcy2bx>li.svelte-vcy2bx:hover{background-color:var( --spectrum-table-row-background-color-hover, var(--spectrum-alias-highlight-hover) );cursor:pointer}.list-wrap.svelte-vcy2bx>li.svelte-vcy2bx:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-wrap.svelte-vcy2bx>li.svelte-vcy2bx:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:0px}.right-content.svelte-vcy2bx.svelte-vcy2bx{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem}.right-content.svelte-vcy2bx.svelte-vcy2bx.showColors>i{display:block;color:var(--option-color);font-size:16px}.right-content.svelte-vcy2bx.svelte-vcy2bx>i{display:none}li.buttons.svelte-vcy2bx.svelte-vcy2bx{display:flex;padding:unset!important;color:var(--spectrum-global-color-gray-500)}li.buttons.svelte-vcy2bx.svelte-vcy2bx.inEdit{color:var(--spectrum-global-color-gray-700)}li.buttons.svelte-vcy2bx.svelte-vcy2bx:hover{background-color:transparent!important}i.svelte-vcy2bx.svelte-vcy2bx:hover{cursor:pointer}.add-button.svelte-vcy2bx.svelte-vcy2bx{flex:1;min-width:0;display:flex;justify-content:center;align-items:center}.add-button.svelte-vcy2bx.svelte-vcy2bx.disabled{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}.add-button.svelte-vcy2bx.svelte-vcy2bx.placeholder{font-style:italic;color:var(--spectrum-global-color-gray-500)}.clear-button.svelte-vcy2bx.svelte-vcy2bx{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-vcy2bx.svelte-vcy2bx:hover{color:var(--spectrum-global-color-red-500);cursor:pointer}.list-wrap.svelte-vcy2bx li.svelte-vcy2bx{padding-left:var(--spacing-s);padding-right:var(--spacing-s);line-height:1.85rem}.list-wrap.svelte-vcy2bx li.svelte-vcy2bx:focus{outline:none}.handle.svelte-vcy2bx>svg.svelte-vcy2bx:hover{cursor:grab}.handle.svelte-vcy2bx.svelte-vcy2bx{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}.hide-popover.svelte-af3l1o{display:contents}.spectrum-Popover.svelte-af3l1o{border-color:var(--spectrum-global-color-gray-300);background-color:var(--spectrum-global-color-gray-50);overflow:auto}.customZindex.svelte-af3l1o{z-index:var(--customZindex)!important}.stb-scrollbar.svelte-fhqbbj{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.horizontal.svelte-fhqbbj{top:unset;bottom:var(--horizontalBottomOffset);left:calc(var(--horizontalOffset) + 8px);width:calc(100% - 32px - var(--horizontalOffset));height:8px}.highlighted.svelte-fhqbbj{opacity:.55!important}.stb-scrollbar-indicator.svelte-fhqbbj{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-fhqbbj:hover{cursor:pointer;background-color:var(--spectrum-global-color-gray-700)}.stb-scrollbar-indicator.dragging.svelte-fhqbbj,.stb-scrollbar-indicator.horizontal.dragging.svelte-fhqbbj{cursor:pointer;background-color:var(--spectrum-global-color-gray-700)!important}.stb-scrollbar-indicator.horizontal.svelte-fhqbbj{min-height:unset;min-width:2rem;height:100%}i.svelte-tfp4ht:hover{cursor:pointer}.isEntering.svelte-tfp4ht{gap:.5rem}.placeholder.svelte-tfp4ht{min-width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;color:var(--spectrum-global-color-gray-500)}.placeholder.svelte-tfp4ht:hover{color:var(--spectrum-global-color-gray-800);cursor:pointer}.sorted.svelte-tfp4ht{color:var(--spectrum-global-color-gray-800)}.filtered.svelte-tfp4ht{gap:.5rem;color:var(--spectrum-global-color-gray-800);font-weight:600;background-color:var(--spectrum-global-color-gray-100)}.sortable.svelte-tfp4ht{cursor:pointer}.sortable.svelte-tfp4ht:hover{filter:brightness(120%)}.selected.svelte-tfp4ht{color:var(--primaryColor);background-color:var(--spectrum-global-color-gray-75)}.searchControl.svelte-9gek43{display:flex;align-items:stretch;border-bottom:1px solid var(--spectrum-global-color-gray-300)}.options.svelte-9gek43{display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;color:var(--spectrum-global-color-gray-700)}.option.svelte-9gek43{min-height:1.75rem;display:flex;gap:.5rem;align-items:center;justify-content:space-between;cursor:pointer;padding:0 .5rem}.option.svelte-9gek43.selected{color:var(--spectrum-global-color-gray-800);font-weight:600}.option.svelte-9gek43.focused{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-800)}.option.svelte-9gek43>i{font-size:14px;color:var(--spectrum-global-color-green-400)}.option.svelte-9gek43>span{display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option.svelte-9gek43>span>i{font-size:16px;color:var(--option-color)}.actionIcon.svelte-9gek43{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}.actionIcon.svelte-9gek43:hover{cursor:pointer;background-color:var(--spectrum-global-color-gray-75);font-weight:800}.value.svelte-krsx9n{flex:auto;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.superCell{flex:auto;display:flex;align-items:center;position:relative;overflow:hidden;transition:all .13s}.superCell.multirow{align-items:stretch}.superCell:focus{outline:none}.superCell:hover .icon{color:var(--spectrum-global-color-blue-500)}.superCell:hover .value.controlIcon{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);cursor:pointer}.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-style:italic;font-weight:400;color:var(--spectrum-global-color-gray-500);justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.superCell .value.with-icon{padding-left:2rem!important}.superCell .value span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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 .controlIcon{color:var(--spectrum-global-color-gray-600);cursor:pointer}.superCell .value .items{flex:auto;display:flex;overflow:hidden;align-items:stretch;align-self:stretch;gap:.5rem}.superCell .value .items .item{display:flex;align-items:center;overflow:hidden}.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;padding-left:.75rem;padding-right:.75rem}.superCell .value .items.pills .item i{display:none}.superCell .value .items.links .item{gap:.5rem;border-radius:4px;padding-left:.75rem;padding-right:.75rem;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;margin-top:4px;margin-bottom:4px}.superCell .value .items.colorText .item i{font-size:larger;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 .item-count{border-radius:50%;background-color:var(--spectrum-global-color-gray-200);width:1.7rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.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)}.superCell.formInput:focus-within{border:1px solid var(--spectrum-global-color-blue-400)!important}.superCell.formInput.inEdit{border:1px solid var(--spectrum-global-color-blue-400)!important}.superCell.formInput:hover:not(.disabled):not(.readonly){cursor:pointer;border:1px solid var(--spectrum-global-color-gray-400)}.superCell.formInput.disabled{background-color:var(--spectrum-global-color-gray-200)!important;color:var(--spectrum-global-color-gray-600)!important;cursor:not-allowed!important}.superCell.formInput.readonly:not(.disabled){background-color:var(--spectrum-global-color-gray-50);border:1px solid var(--spectrum-global-color-gray-50);color:var(--spectrum-global-color-gray-700);opacity:.9}.superCell.formInput.readonly:not(.disabled):focus-within{border:1px solid var(--spectrum-global-color-gray-200)!important;opacity:1}.superCell.formInput.error{border-color:var(--spectrum-global-color-red-400)!important}.superCell.tableCell{min-height:unset;border:1px solid transparent}.superCell.tableCell.inEdit{border-color:var(--spectrum-global-color-blue-500)}.superCell>.editor{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}.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.multirow{min-height:2rem;max-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:unset;border-radius:2px;min-height:1.8rem;min-width:unset}.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-600);cursor:not-allowed}.icon.svelte-vlp7xb{font-size:16px;color:var(--spectrum-global-color-green-400)}.time-picker.svelte-mzlxg7{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-mzlxg7{-webkit-user-select:all;user-select:all;outline:none;position:relative;z-index:1;padding:4px 0}span.svelte-mzlxg7:not(:focus)::selection{background-color:transparent}span.svelte-mzlxg7:first-child{padding-left:6px}span.svelte-mzlxg7:last-child{padding-right:6px}.date-time-picker.svelte-w239uu.svelte-w239uu{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-w239uu.svelte-w239uu: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-w239uu.svelte-w239uu{outline:none}.top.svelte-w239uu.svelte-w239uu{display:flex;justify-content:center;align-items:center;padding-bottom:.5rem}.dropdown.svelte-w239uu.svelte-w239uu{margin-left:.25rem;margin-right:.25rem;position:relative;display:flex}.dropdown.svelte-w239uu svg.svelte-w239uu{position:absolute;right:0;top:0;height:100%;width:8px;padding:0rem .5rem;pointer-events:none;box-sizing:content-box}.month.svelte-w239uu.svelte-w239uu,.year.svelte-w239uu.svelte-w239uu{flex-grow:1}svg.svelte-w239uu.svelte-w239uu{display:block;fill:var(--date-picker-foreground, #000000);opacity:.75;outline:none}.page-button.svelte-w239uu.svelte-w239uu{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-w239uu.svelte-w239uu:hover{background-color:#80808014;border:1px solid rgba(128,128,128,.08)}.page-button.svelte-w239uu svg.svelte-w239uu{width:.68rem;height:.68rem}select.dummy-select.svelte-w239uu.svelte-w239uu{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-w239uu:focus+select.dummy-select.svelte-w239uu{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-w239uu.svelte-w239uu:not(.dummy-select){opacity:0}select.svelte-w239uu.svelte-w239uu{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-w239uu.svelte-w239uu{display:flex;font-weight:600;padding-bottom:2px}.header-cell.svelte-w239uu.svelte-w239uu{width:1.875rem;text-align:center;flex-grow:1}.week.svelte-w239uu.svelte-w239uu{display:flex}.cell.svelte-w239uu.svelte-w239uu{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-w239uu.svelte-w239uu:hover{border:1px solid rgba(128,128,128,.08)}.cell.today.svelte-w239uu.svelte-w239uu{font-weight:600;border:2px solid var(--date-picker-today-border, rgba(128, 128, 128, .3))}.cell.svelte-w239uu.svelte-w239uu:hover{background-color:#80808014}.cell.disabled.svelte-w239uu.svelte-w239uu{visibility:hidden}.cell.disabled.svelte-w239uu.svelte-w239uu:hover{border:none;background-color:transparent}.cell.other-month.svelte-w239uu span.svelte-w239uu{opacity:.4}.cell.selected.svelte-w239uu.svelte-w239uu{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-1vabmef{position:relative}input.svelte-1vabmef{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-1vabmef: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-1vabmef:disabled{opacity:.5}.invalid.svelte-1vabmef{border:1px solid rgba(249,47,114,.5);background-color:#f92f721a}.invalid.svelte-1vabmef:focus{border-color:#f92f72;box-shadow:0 0 0 2px #f92f7280}.picker.svelte-1vabmef{display:none;position:absolute;padding:1px;left:var(--picker-left-position);z-index:10}.picker.above.svelte-1vabmef{bottom:100%}.picker.visible.svelte-1vabmef{display:block}.control.svelte-lgt0u7.svelte-lgt0u7{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-lgt0u7.svelte-lgt0u7:focus{border:1px solid white}.searchControl.svelte-lgt0u7.svelte-lgt0u7{height:2rem;border-bottom:1px solid var(--spectrum-global-color-gray-300);display:flex;align-items:center;padding-left:.5rem;gap:.25rem}.searchControl.svelte-lgt0u7.svelte-lgt0u7>i{font-size:14px;transition:all .23s}.searchControl.svelte-lgt0u7.svelte-lgt0u7>input{height:100%;width:100%;outline:none;background:none;border:none;color:inherit;padding-left:.5rem;font-family:inherit;font-size:inherit}.searchControl.svelte-lgt0u7.svelte-lgt0u7>input.placeholder{font-style:italic;color:var(--spectrum-global-color-gray-600)}.listWrapper.svelte-lgt0u7.svelte-lgt0u7{flex:auto;display:flex;justify-content:stretch;align-content:stretch;gap:.25rem;overflow:hidden}.list.svelte-lgt0u7.svelte-lgt0u7{flex:1 1 50%;height:200px;overflow-y:auto;overflow-x:hidden;color:var(--spectrum-global-color-gray-800)}.listSelected.svelte-lgt0u7.svelte-lgt0u7{color:var(--spectrum-global-color-gray-800);border-left:1px solid var(--spectrum-global-color-gray-300);padding-left:.25rem}.options.svelte-lgt0u7.svelte-lgt0u7{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow-y:auto;gap:0rem;min-width:0}.option.svelte-lgt0u7.svelte-lgt0u7{line-height:1.5rem;padding:.15rem .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;justify-content:space-between}.option.svelte-lgt0u7.svelte-lgt0u7>i{visibility:hidden}.option.svelte-lgt0u7.svelte-lgt0u7.wide:hover>i{visibility:visible;color:var(--spectrum-global-color-green-500)}.option.svelte-lgt0u7.svelte-lgt0u7.selected{background-color:var(--spectrum-global-color-gray-75);color:var(--spectrum-global-color-gray-900)}.option.svelte-lgt0u7.svelte-lgt0u7.selected>i{visibility:visible;color:var(--spectrum-global-color-green-500)}.option.svelte-lgt0u7.svelte-lgt0u7.highlighted{background-color:var(--spectrum-global-color-gray-200)}.options.svelte-lgt0u7>span.svelte-lgt0u7{color:var(--spectrum-global-color-gray-500);font-style:italic;flex:auto;display:flex;align-items:center;justify-content:center}.option.svelte-lgt0u7.svelte-lgt0u7:hover{background-color:var(--spectrum-global-color-gray-200);border-radius:4px;cursor:pointer}.spectrum-TreeView-item.svelte-1xxn7uq{transition:all .13s}.spectrum-TreeView-itemLink.svelte-1xxn7uq{display:flex;justify-content:space-between;align-items:center;gap:.25rem;max-height:1.75rem}i.svelte-1xxn7uq{transition:all .13s}.open.svelte-1xxn7uq{transform:rotate(90deg)}.control.svelte-dad66x{flex:auto;flex-direction:column;display:flex;align-items:stretch;justify-content:stretch;overflow-x:hidden;gap:.25rem;min-height:260px;max-height:260px}.search.svelte-dad66x{height:2rem;border-bottom:1px solid var(--spectrum-global-color-gray-300);display:flex;align-items:stretch}.superCell.svelte-riwj21 .value.multiline.svelte-riwj21{white-space:pre-wrap!important;text-overflow:unset!important;overflow:auto!important;font-family:monospace}.superCell.svelte-riwj21 .value.multiline span.svelte-riwj21{white-space:pre-wrap!important;text-overflow:unset!important;overflow:visible!important;height:8rem;width:100%}.superCell.svelte-riwj21 .editor.svelte-riwj21{width:100%;box-sizing:border-box}.wrapper.svelte-41zw5j.svelte-41zw5j{flex:auto;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.pill.svelte-41zw5j.svelte-41zw5j{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-41zw5j.svelte-41zw5j{width:100%;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:underline;color:var(--spectrum-global-color-blue-700)}.icon.svelte-41zw5j.svelte-41zw5j{aspect-ratio:1;color:var(--spectrum-global-color-gray-500)}.icon.svelte-41zw5j.svelte-41zw5j:hover{aspect-ratio:1;cursor:pointer}.option.svelte-41zw5j.svelte-41zw5j{display:flex;align-items:center;justify-content:stretch;gap:.5rem;padding:.25rem}.option.svelte-41zw5j.svelte-41zw5j:hover{background-color:var(--spectrum-global-color-gray-100)}.option.svelte-41zw5j:hover>.icon.svelte-41zw5j{color:var(--spectrum-global-color-red-500)}.option.svelte-41zw5j:hover>.pill.svelte-41zw5j{color:var(--spectrum-global-color-gray-800);background-color:var(--spectrum-global-color-gray-50);border:1px solid var(--spectrum-global-color-gray-800)}.options.svelte-41zw5j.svelte-41zw5j{display:flex;flex-direction:column;align-items:stretch;padding:.25rem;min-width:15rem}.attachment.svelte-41zw5j.svelte-41zw5j{display:flex;align-items:center;border:1px solid darkcyan;border-radius:4px;height:50%;padding:0 .5rem;min-width:15rem}.attachment.svelte-41zw5j.svelte-41zw5j:hover{border:1px solid lime}.new.svelte-41zw5j.svelte-41zw5j{text-align:center;padding:.5rem 1rem;color:var(--spectrum-global-color-blue-700);text-decoration:underline;border:1px dashed var(--spectrum-global-color-blue-400)}.skeleton.svelte-i7mw17{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-i7mw17-fadeIn .13s ease 0s 1 normal forwards}.children.svelte-i7mw17{flex:auto;pointer-events:none;opacity:.65;background-image:linear-gradient(90deg,#fff0 0,#ffffff26 20%,#fff3 60%,#ffffff26 80%,#fff0);animation:svelte-i7mw17-shimmer 2s infinite}@keyframes svelte-i7mw17-fadeIn{0%{opacity:0}to{opacity:.75}}@keyframes svelte-i7mw17-shimmer{0%{transform:translate(-80%)}to{transform:translate(100%)}}.row-buttons.svelte-ndsk96{display:flex;flex-direction:row;align-items:center;padding-left:.5rem}.action-menu.svelte-ndsk96{min-width:160px;display:flex;flex-direction:column;align-items:stretch;padding:.25rem}.selection.svelte-gq5jrp{flex:auto;padding-left:.75rem;padding-right:.75rem;gap:1rem;font-size:14px;font-weight:500;align-items:center}.selection.svelte-gq5jrp.is-hovered>.delete{color:var(--spectrum-global-color-red-700)}.selection.svelte-gq5jrp.is-selected>.delete{color:var(--spectrum-global-color-red-700)}.selection.svelte-gq5jrp.is-hovered>i{color:var(--spectrum-global-color-gray-700)}i.svelte-gq5jrp{font-size:16px;color:var(--spectrum-global-color-gray-500)}i.svelte-gq5jrp:hover{cursor:pointer}.action-menu.svelte-6lzro5{min-width:160px;display:flex;flex-direction:column;align-items:stretch;padding:.25rem}.container.svelte-10y93gh.svelte-10y93gh{position:relative;padding:.5rem .75rem .75rem;display:flex;flex-direction:column;gap:16px;background-color:var(--spectrum-global-color-gray-50)}.preview-swatch.svelte-10y93gh.svelte-10y93gh{position:relative;transition:border-color .13s ease-in-out}.preview-swatch.svelte-10y93gh.svelte-10y93gh.circle{border-radius:50%}.preview-swatch.svelte-10y93gh.svelte-10y93gh:hover:not(.readonly){cursor:pointer}.preview-fill.svelte-10y93gh.svelte-10y93gh{width:100%;height:100%;border-radius:4px;position:absolute;top:0;left:0;display:grid;place-items:center;border:1px solid var(--spectrum-global-color-gray-300)}.preview-fill.svelte-10y93gh.svelte-10y93gh.circle{border-radius:50%}.preview-fill.placeholder.svelte-10y93gh.svelte-10y93gh{border:1px solid var(--spectrum-global-color-gray-300);--squareSize:8px;--squareColor:var(--spectrum-global-color-gray-200);background-color:var(--spectrum-global-color-gray-50);background-image:linear-gradient(45deg,var(--squareColor) 25%,transparent 25%),linear-gradient(135deg,var(--spectrum-global-color-gray-200) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--squareColor) 75%),linear-gradient(135deg,transparent 75%,var(--squareColor) 75%);background-size:calc(2 * var(--squareSize)) calc(2 * var(--squareSize));background-position:0 0,var(--squareSize) 0,var(--squareSize) calc(-1 * var(--squareSize)),0 calc(-1 * var(--squareSize))}.preview-fill.placeholder.svelte-10y93gh.svelte-10y93gh.circle{border-radius:50%}.size--S.svelte-10y93gh.svelte-10y93gh{width:20px;height:20px}.size--M.svelte-10y93gh.svelte-10y93gh{width:30px;height:30px}.size--L.svelte-10y93gh.svelte-10y93gh{width:48px;height:48px}.colors.svelte-10y93gh.svelte-10y93gh{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.color-swatch.svelte-10y93gh.svelte-10y93gh{height:16px;width:16px;border-radius:50%;position:relative}.color-swatch.svelte-10y93gh.svelte-10y93gh:hover{cursor:pointer;box-shadow:0 0 2px 2px var(--spectrum-global-color-gray-300)}.color-fill.svelte-10y93gh.svelte-10y93gh{width:100%;height:100%;border-radius:50%;display:grid;place-items:center}.ri-check-line.svelte-10y93gh.svelte-10y93gh{font-size:12px;font-weight:700}.ri-palette-line.svelte-10y93gh.svelte-10y93gh{font-size:12px;margin-right:4px}.heading-icon.svelte-10y93gh.svelte-10y93gh{vertical-align:middle}.heading.svelte-10y93gh.svelte-10y93gh{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-10y93gh.svelte-10y93gh{flex:1;display:flex;align-items:center;gap:4px;justify-content:space-between}.category--custom.svelte-10y93gh .heading.svelte-10y93gh{margin-bottom:4px}.custom-input.svelte-10y93gh.svelte-10y93gh{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-10y93gh.svelte-10y93gh:focus{outline:none;border-color:var(--spectrum-global-color-blue-500)}.clear-value.svelte-10y93gh.svelte-10y93gh{background:none;border:none;color:var(--spectrum-global-color-gray-900);cursor:pointer;font-size:13px;padding:0;margin:0}svelte-virtual-list-viewport.svelte-1tqh76q{position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;display:block}svelte-virtual-list-contents.svelte-1tqh76q,svelte-virtual-list-row.svelte-1tqh76q{display:block}svelte-virtual-list-row.svelte-1tqh76q{overflow:hidden}.preview-icon.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{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-75);cursor:pointer;font-size:1rem;transition:all .2s ease-in-out;padding:2px}.preview-icon.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8:hover:not(.readonly){border-color:var(--spectrum-global-color-gray-400);background-color:var(--spectrum-global-color-gray-100)}.preview-icon.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8:focus{outline:none}.preview-icon.circle.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{border-radius:50%}.preview-icon.readonly.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{cursor:default;opacity:.7}.empty-state.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{color:var(--spectrum-global-color-gray-500)}.icon-picker.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{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-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{max-width:20rem}.header.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{display:flex;flex-direction:column;gap:.5rem}.search-container.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{position:relative}.search-icon.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--spectrum-global-color-gray-500);pointer-events:none}.search-input.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{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-1x42gg8.svelte-1x42gg8.svelte-1x42gg8:focus{outline:none}.clear-search.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{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-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{display:flex;overflow-x:auto;gap:4px;scrollbar-width:none;padding:.5rem;padding-bottom:none}.category-tabs.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8::-webkit-scrollbar{display:none}.category-tabs.svelte-1x42gg8 button.svelte-1x42gg8.svelte-1x42gg8{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-1x42gg8 button.svelte-1x42gg8.svelte-1x42gg8:hover{background-color:var(--spectrum-global-color-gray-200)}.category-tabs.svelte-1x42gg8 button.selected.svelte-1x42gg8.svelte-1x42gg8{color:var(--spectrum-global-color-blue-600);border-bottom:2px solid var(--spectrum-global-color-blue-600);background:none}.icons-grid-container.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{position:relative;overflow:hidden;width:100%;padding-left:.5rem}.icons-row.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{display:grid;grid-template-columns:repeat(6,1fr);width:100%;box-sizing:border-box;height:32px;align-items:center}.with-categories.svelte-1x42gg8 .icons-row.svelte-1x42gg8.svelte-1x42gg8{grid-template-columns:repeat(9,1fr)}.icon-button.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{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);width:32px;height:32px;box-sizing:border-box;font-size:20px;opacity:.9}.icon-button.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8:hover{background-color:var(--spectrum-global-color-gray-100);color:var(--spectrum-global-color-gray-800);opacity:1}.icon-button.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8:focus{outline:none}.icon-button.selected.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{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-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{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-1x42gg8 i.svelte-1x42gg8.svelte-1x42gg8{font-size:24px;margin-bottom:8px;color:var(--spectrum-global-color-gray-500)}.footer.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{padding:0 .5rem;border-top:1px solid var(--spectrum-global-color-gray-200);height:2rem;display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.footer-left.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{display:flex;align-items:center;height:100%}.checkbox-container.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{display:flex;align-items:center;position:relative;padding-left:20px;margin:0;cursor:pointer;height:100%;color:var(--spectrum-global-color-gray-700);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.checkbox-container.svelte-1x42gg8 input.svelte-1x42gg8.svelte-1x42gg8{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{position:absolute;top:50%;left:0;transform:translateY(-50%);height:12px;width:12px;background-color:var(--spectrum-global-color-gray-100);border:1px solid var(--spectrum-global-color-gray-400);border-radius:2px;transition:all .2s ease}.checkbox-container.svelte-1x42gg8:hover input.svelte-1x42gg8~.checkmark.svelte-1x42gg8{border-color:var(--spectrum-global-color-gray-600)}.checkbox-container.svelte-1x42gg8 input.svelte-1x42gg8:checked~.checkmark.svelte-1x42gg8{background-color:var(--spectrum-global-color-blue-500);border-color:var(--spectrum-global-color-blue-500)}.checkmark.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8:after{content:"";position:absolute;display:none}.checkbox-container.svelte-1x42gg8 input.svelte-1x42gg8:checked~.checkmark.svelte-1x42gg8:after{display:block}.checkbox-container.svelte-1x42gg8 .checkmark.svelte-1x42gg8.svelte-1x42gg8:after{left:3px;top:0;width:4px;height:7px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{margin-left:4px}.clear-button.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{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-1x42gg8.svelte-1x42gg8.svelte-1x42gg8:hover,.rel-pills.svelte-1uxy76n,.rel-bb-reference.svelte-1uxy76n{background-color:var(--spectrum-global-color-gray-200)}.actionIcon.svelte-1uxy76n{height:100%;display:flex;justify-content:center;align-items:center;min-width:2rem;font-size:16px;transition:all .13s;margin-right:8px}.actionIcon.svelte-1uxy76n:hover{cursor:pointer;background-color:var(--spectrum-global-color-gray-75);color:var(--spectrum-global-color-red-500);font-weight:800}.loader.svelte-1uxy76n{width:120px;height:20px;background:linear-gradient(90deg,#0001 33%,#0005 50%,#0001 66%) #f2f2f2;background-size:300% 100%;animation:svelte-1uxy76n-l1 1s infinite linear}@keyframes svelte-1uxy76n-l1{0%{background-position:right}}.control.svelte-18xmfzg{flex:auto;flex-direction:column;display:flex;align-items:stretch;justify-content:stretch;overflow-x:hidden;padding:.25rem}.options.svelte-1rukzy3.svelte-1rukzy3{flex:auto;display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;color:var(--spectrum-global-color-gray-700)}.option.svelte-1rukzy3.svelte-1rukzy3{min-height:1.75rem;display:flex;gap:.5rem;align-items:center;justify-content:space-between;cursor:pointer;padding:0 .5rem}.option.svelte-1rukzy3.svelte-1rukzy3.selected{display:none;color:var(--spectrum-global-color-gray-800);background-color:var(--spectrum-global-color-gray-75)}.option.svelte-1rukzy3.svelte-1rukzy3.focused{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-800);border-radius:4px}.option.svelte-1rukzy3>span.svelte-1rukzy3{display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option.svelte-1rukzy3>span.svelte-1rukzy3>i{color:var(--option-color);font-size:larger}.radios.svelte-1rukzy3.svelte-1rukzy3{flex:auto;display:flex;flex-wrap:wrap;justify-items:flex-start;color:var(--spectrum-global-color-gray-700);font-size:13px}.radios.svelte-1rukzy3.svelte-1rukzy3.formInput>.switch{padding:0 .5rem}.radios.svelte-1rukzy3.svelte-1rukzy3.inlineInput>.switch{padding:0rem .25rem}.radios.svelte-1rukzy3.svelte-1rukzy3.inlineInput>.switch.toggleAll{margin-bottom:.25rem;padding-bottom:.25rem;border-bottom:1px solid var(--spectrum-global-color-gray-300)}.radios.column.svelte-1rukzy3.svelte-1rukzy3{gap:0rem;flex-direction:column;min-width:0}.radio.svelte-1rukzy3.svelte-1rukzy3{height:1.75rem;display:flex;gap:.25rem;align-items:center;cursor:pointer}.radio.svelte-1rukzy3.svelte-1rukzy3.focused{background-color:var(--spectrum-global-color-gray-200)!important;color:var(--spectrum-global-color-gray-800)}.radio.svelte-1rukzy3.svelte-1rukzy3.selected{color:var(--spectrum-global-color-gray-800)}.switch.svelte-1rukzy3.svelte-1rukzy3{width:100%;display:flex;gap:.35rem;align-items:center;cursor:pointer;height:1.75rem}.switch.svelte-1rukzy3.svelte-1rukzy3>i{color:var(--spectrum-global-color-gray-600);min-width:13px;font-size:13px}.switch.svelte-1rukzy3.svelte-1rukzy3>i.no-icon{display:none}.switch.svelte-1rukzy3.svelte-1rukzy3>.text{flex:1 1 auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;opacity:.95}.switch.svelte-1rukzy3.svelte-1rukzy3>.text.title{font-size:14px;font-weight:600}.switch.svelte-1rukzy3.svelte-1rukzy3.toggleAll{border-bottom:1px solid var(--spectrum-global-color-gray-200);height:2rem}.switch.svelte-1rukzy3.svelte-1rukzy3.focused{background-color:var(--spectrum-global-color-gray-200)!important;color:var(--spectrum-global-color-gray-800);border-radius:4px}.switch.svelte-1rukzy3.svelte-1rukzy3.selected{color:var(--spectrum-global-color-gray-800)}.switch.svelte-1rukzy3.svelte-1rukzy3.selected>i{color:var(--option-color, var(--spectrum-global-color-gray-700))}.switch.svelte-1rukzy3.svelte-1rukzy3.selected>.text{opacity:1}.switch.svelte-1rukzy3>.spectrum-Switch.svelte-1rukzy3{margin-right:unset!important}.radio.svelte-1rukzy3>i.svelte-1rukzy3{font-size:16px}

package/package.json

@@ -0,0 +1,117 @@
+{
+  "name": "@poirazis/supercomponents-shared",
+  "version": "0.0.1",
+  "description": "Shared Svelte components library",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "svelte": "src/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./src/index.ts",
+      "default": "./dist/index.js"
+    },
+    "./SuperTable/SuperTable.css": "./src/lib/SuperTable/SuperTable.css",
+    "./SuperButton": {
+      "types": "./dist/SuperButton/index.d.ts",
+      "svelte": "./src/lib/SuperButton/SuperButton.svelte",
+      "default": "./dist/SuperButton/index.js"
+    },
+    "./SuperFieldLabel": {
+      "types": "./dist/SuperFieldLabel/index.d.ts",
+      "svelte": "./src/lib/SuperFieldLabel/SuperFieldLabel.svelte",
+      "default": "./dist/SuperFieldLabel/index.js"
+    },
+    "./SuperList": {
+      "types": "./dist/SuperList/index.d.ts",
+      "svelte": "./src/lib/SuperList/SuperList.svelte",
+      "default": "./dist/SuperList/index.js"
+    },
+    "./SuperPopover": {
+      "types": "./dist/SuperPopover/index.d.ts",
+      "svelte": "./src/lib/SuperPopover/SuperPopover.svelte",
+      "default": "./dist/SuperPopover/index.js"
+    },
+    "./SuperTable": {
+      "types": "./dist/SuperTable/index.d.ts",
+      "svelte": "./src/lib/SuperTable/SuperTable.svelte",
+      "default": "./dist/SuperTable/index.js"
+    },
+    "./SuperTableCells": {
+      "types": "./dist/SuperTableCells/index.d.ts",
+      "svelte": "./src/lib/SuperTableCells/index.js",
+      "default": "./dist/SuperTableCells/index.js"
+    },
+    "./SuperTableColumn": {
+      "types": "./dist/SuperTableColumn/index.d.ts",
+      "svelte": "./src/lib/SuperTableColumn/index.js",
+      "default": "./dist/SuperTableColumn/index.js"
+    },
+    "./SuperTree": {
+      "types": "./dist/SuperTree/index.d.ts",
+      "svelte": "./src/lib/SuperTree/SuperTree.svelte",
+      "default": "./dist/SuperTree/index.js"
+    },
+    "./Actions": {
+      "types": "./dist/Actions/index.d.ts",
+      "default": "./dist/Actions/index.js"
+    },
+    "./constants": {
+      "types": "./dist/constants.d.ts",
+      "default": "./dist/constants.js"
+    }
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "vite build",
+    "watch": "vite build --watch",
+    "dev": "vite",
+    "prepare": "npm run build"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "author": "Michael Poirazi",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/poirazis/supercomponents-shared.git"
+  },
+  "keywords": [
+    "svelte",
+    "components",
+    "ui",
+    "supercomponents"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "svelte": "^4.2.0"
+  },
+  "dependencies": {
+    "@sveltejs/svelte-virtual-list": "^3.0.1",
+    "date-picker-svelte": "^2.16.0",
+    "svelte-dnd-action": "^0.9.61",
+    "svelte-fsm": "^1.2.0",
+    "svelte-portal": "^2.2.1",
+    "svelte-virtual-list": "^3.0.1",
+    "shortid": "^2.2.17"
+  },
+  "devDependencies": {
+    "@sveltejs/package": "^2.3.11",
+    "@sveltejs/vite-plugin-svelte": "^3.1.2",
+    "@tsconfig/svelte": "^5.0.4",
+    "sass": "^1.89.0",
+    "svelte": "^4.2.20",
+    "svelte-check": "^3.8.6",
+    "svelte-preprocess": "^5.1.4",
+    "typescript": "^5.8.3",
+    "vite": "^5.4.19"
+  },
+  "trustedDependencies": [
+    "svelte-preprocess"
+  ]
+}

package/src/index.js

@@ -0,0 +1,29 @@
+// Export all components for easy importing
+
+// Button components
+export { default as SuperButton } from "./lib/SuperButton/SuperButton.svelte";
+
+// Form components
+export { default as SuperFieldLabel } from "./lib/SuperFieldLabel/SuperFieldLabel.svelte";
+
+// List components
+export { default as SuperList } from "./lib/SuperList/SuperList.svelte";
+
+// Popover components
+export { default as SuperPopover } from "./lib/SuperPopover/SuperPopover.svelte";
+
+// Table components
+export { default as SuperTable } from "./lib/SuperTable/SuperTable.svelte";
+export { default as SuperTableColumn } from "./lib/SuperTableColumn/SuperTableColumn.svelte";
+
+// Tree components
+export { default as SuperTree } from "./lib/SuperTree/SuperTree.svelte";
+
+// Export all SuperTableCells components
+export * from "./lib/SuperTableCells/index.js";
+
+// Re-export constants
+export { defaultOperatorMap } from "./lib/SuperTable/constants";
+
+// Export Actions (JavaScript functions)
+export * from "./lib/Actions/index.js";

package/src/index.ts

@@ -0,0 +1,31 @@
+// Export all components for easy importing
+
+// Button components
+export { default as SuperButton } from './lib/SuperButton/SuperButton.svelte';
+
+// Form components
+export { default as SuperFieldLabel } from './lib/SuperFieldLabel/SuperFieldLabel.svelte';
+
+// List components
+export { default as SuperList } from './lib/SuperList/SuperList.svelte';
+
+// Popover components
+export { default as SuperPopover } from './lib/SuperPopover/SuperPopover.svelte';
+
+// Table components
+export { default as SuperTable } from './lib/SuperTable/SuperTable.svelte';
+
+// Tree components
+export { default as SuperTree } from './lib/SuperTree/SuperTree.svelte';
+
+// Export all SuperTableCells components
+export * from './lib/SuperTableCells/index.js';
+
+// Export all SuperTableColumn components
+export * from './lib/SuperTableColumn/index.js';
+
+// Re-export constants
+export * from './lib/SuperTable/constants';
+
+// Export Actions (JavaScript functions)
+export * from './lib/Actions/index.js';

package/src/lib/Actions/autoresize_textarea.js

@@ -0,0 +1,14 @@
+function resize({ target }) {
+  target.style.height = "1px"
+  target.style.height = +target.scrollHeight + "px"
+}
+
+export default function text_area_resize(el) {
+  resize({ target: el })
+  el.style.overflow = "hidden"
+  el.addEventListener("input", resize)
+
+  return {
+    destroy: () => el.removeEventListener("input", resize),
+  }
+}

package/src/lib/Actions/click_outside.js

@@ -0,0 +1,80 @@
+const ignoredClasses = [
+  ".flatpickr-calendar",
+  ".spectrum-Popover",
+  ".download-js-link",
+]
+let clickHandlers = []
+
+/**
+ * Handle a body click event
+ */
+const handleClick = event => {
+  // Ignore click if this is an ignored class
+  if (event.target.closest('[data-ignore-click-outside="true"]')) {
+    return
+  }
+  for (let className of ignoredClasses) {
+    if (event.target.closest(className)) {
+      return
+    }
+  }
+
+  // Process handlers
+  clickHandlers.forEach(handler => {
+    if (handler.element.contains(event.target)) {
+      return
+    }
+
+    // Ignore clicks for modals, unless the handler is registered from a modal
+    const sourceInModal = handler.anchor.closest(".spectrum-Underlay") != null
+    const clickInModal = event.target.closest(".spectrum-Underlay") != null
+    if (clickInModal && !sourceInModal) {
+      return
+    }
+
+    handler.callback?.(event)
+  })
+}
+document.documentElement.addEventListener("click", handleClick, true)
+document.documentElement.addEventListener("contextmenu", handleClick, true)
+
+/**
+ * Adds or updates a click handler
+ */
+const updateHandler = (id, element, anchor, callback) => {
+  let existingHandler = clickHandlers.find(x => x.id === id)
+  if (!existingHandler) {
+    clickHandlers.push({ id, element, anchor, callback })
+  } else {
+    existingHandler.callback = callback
+  }
+}
+
+/**
+ * Removes a click handler
+ */
+const removeHandler = id => {
+  clickHandlers = clickHandlers.filter(x => x.id !== id)
+}
+
+/**
+ * Svelte action to apply a click outside handler for a certain element
+ * opts.anchor is an optional param specifying the real root source of the
+ * component being observed. This is required for things like popovers, where
+ * the element using the clickoutside action is the popover, but the popover is
+ * rendered at the root of the DOM somewhere, whereas the popover anchor is the
+ * element we actually want to consider when determining the source component.
+ */
+export default (element, opts) => {
+  const id = Math.random()
+  const update = newOpts => {
+    const callback = newOpts?.callback || newOpts
+    const anchor = newOpts?.anchor || element
+    updateHandler(id, element, anchor, callback)
+  }
+  update(opts)
+  return {
+    update,
+    destroy: () => removeHandler(id),
+  }
+}

package/src/lib/Actions/index.js

@@ -0,0 +1,4 @@
+// Export all Actions for easy importing
+export { default as autoresizeTextarea } from './autoresize_textarea.js';
+export { default as clickOutside } from './click_outside.js';
+export { default as positionDropdown } from './position_dropdown.js';

package/src/lib/Actions/position_dropdown.js

@@ -0,0 +1,129 @@
+export default function positionDropdown(element, opts) {
+  let resizeObserver;
+  let latestOpts = opts;
+
+  // We need a static reference to this function so that we can properly
+  // clean up the scroll listener.
+  const scrollUpdate = () => {
+    updatePosition(latestOpts);
+  };
+
+  // Updates the position of the dropdown
+  const updatePosition = (opts) => {
+    const {
+      anchor,
+      align,
+      maxHeight,
+      maxWidth,
+      minWidth = 0,
+      useAnchorWidth,
+      offset = 5,
+      customUpdate,
+      offsetBelow,
+    } = opts;
+    if (!anchor) {
+      return;
+    }
+
+    // Compute bounds
+    const anchorBounds = anchor.getBoundingClientRect();
+    const elementBounds = element.getBoundingClientRect();
+    let styles = {
+      maxHeight: null,
+      minWidth: null,
+      maxWidth,
+      left: null,
+      top: null,
+    };
+
+    if (typeof customUpdate === "function") {
+      styles = customUpdate(anchorBounds, elementBounds, styles);
+    } else {
+      // Determine vertical styles
+      if (align === "right-outside" || align === "left-outside") {
+        styles.top = anchorBounds.top;
+      } else if (window.innerHeight - anchorBounds.bottom < (maxHeight || 50)) {
+        styles.top = anchorBounds.top - elementBounds.height - offset;
+        styles.maxHeight = maxHeight || 240;
+      } else {
+        styles.top = anchorBounds.bottom + (offsetBelow || offset);
+        styles.maxHeight =
+          maxHeight || window.innerHeight - anchorBounds.bottom - 20;
+      }
+
+      // Determine horizontal styles
+      if (!maxWidth && useAnchorWidth) {
+        styles.maxWidth = anchorBounds.width;
+      }
+      if (useAnchorWidth) {
+        styles.minWidth = Math.max(minWidth, anchorBounds.width);
+      } else if (minWidth) {
+        styles.minWidth = minWidth;
+      }
+
+      if (align === "right") {
+        styles.left =
+          anchorBounds.left + anchorBounds.width - elementBounds.width;
+      } else if (align === "right-outside") {
+        styles.left = anchorBounds.right + offset;
+      } else if (align === "left-outside") {
+        styles.left = anchorBounds.left - elementBounds.width - offset;
+      } else {
+        styles.left = anchorBounds.left;
+      }
+    }
+
+    // Apply styles
+    Object.entries(styles).forEach(([style, value]) => {
+      if (value != null) {
+        element.style[style] = `${value.toFixed(0)}px`;
+      } else {
+        element.style[style] = null;
+      }
+    });
+  };
+
+  // The actual svelte action callback which creates observers on the relevant
+  // DOM elements
+  const update = (newOpts) => {
+    latestOpts = newOpts;
+
+    // Cleanup old state
+    if (resizeObserver) {
+      resizeObserver.disconnect();
+    }
+
+    // Do nothing if no anchor
+    const { anchor } = newOpts;
+    if (!anchor) {
+      return;
+    }
+
+    // Observe both anchor and element and resize the popover as appropriate
+    resizeObserver = new ResizeObserver(() => updatePosition(newOpts));
+    resizeObserver.observe(anchor);
+    resizeObserver.observe(element);
+    resizeObserver.observe(document.body);
+  };
+
+  // Apply initial styles which don't need to change
+  element.style.position = "absolute";
+  element.style.zIndex = "9999";
+
+  // Set up a scroll listener
+  document.addEventListener("scroll", scrollUpdate, true);
+
+  // Perform initial update
+  update(opts);
+
+  return {
+    update,
+    destroy() {
+      // Cleanup
+      if (resizeObserver) {
+        resizeObserver.disconnect();
+      }
+      document.removeEventListener("scroll", scrollUpdate, true);
+    },
+  };
+}