@protonradio/proton-ui 0.7.21 → 0.8.2
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.
- package/README.md +73 -73
- package/dist/colors-BdogYmJi.js.map +1 -1
- package/dist/colors-Dwh4VIMR.mjs.map +1 -1
- package/dist/constants.cjs.js.map +1 -1
- package/dist/constants.es.js.map +1 -1
- package/dist/icons.svg +10 -10
- package/dist/index.cjs.js +2 -2
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +8 -4
- package/dist/index.es.js +25 -23
- package/dist/index.es.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/{utils-Bc2wVuvD.mjs → utils-CJd9wFM9.mjs} +125 -134
- package/dist/utils-CJd9wFM9.mjs.map +1 -0
- package/dist/utils-CUykmxAN.js +2 -0
- package/dist/utils-CUykmxAN.js.map +1 -0
- package/dist/utils.cjs.js +1 -1
- package/dist/utils.d.ts +1 -1
- package/dist/utils.es.js +1 -1
- package/package.json +91 -91
- package/dist/utils-BUwoPI1e.js +0 -2
- package/dist/utils-BUwoPI1e.js.map +0 -1
- package/dist/utils-Bc2wVuvD.mjs.map +0 -1
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--proton-color__primary:#e26014;--proton-color__primary-light:#fbe5d7;--proton-color__secondary:#f2f2f2;--proton-color__gray-super-dark:#141211;--proton-color__gray-dark:#4d4d4d;--proton-color__gray-medium:#7d7d7d;--proton-color__gray-medium-light:#b1b1b1;--proton-color__gray-light:#ddd;--proton-color__gray-lightest:#f0f1f2;--proton-color__gray-super-light:#f7f8f9;--proton-color__white:#fff;--proton-color__danger-super-dark:#991b1b;--proton-color__danger-dark:#a80724;--proton-color__danger-medium:#e23f5c;--proton-color__danger-light:#f16880;--proton-color__danger-super-light:#ffe1e1;--proton-color__warning-dark:#8b5600;--proton-color__warning-medium:#b37208;--proton-color__warning-light:#ffac23;--proton-color__warning-super-light:#fff0c9;--proton-color__success-dark:#247800;--proton-color__success-medium:#339a07;--proton-color__success-light:#66cf39;--proton-color__success-super-light:#deffd1;--proton-control__text-color:var(--proton-color__white);--proton-control__background-color:var(--proton-color__white);--proton-control__border-color:var(--proton-color__gray-dark);--proton-control__shadow-color:var(--proton-color__gray-dark)}.proton-ScreenOverlay__background{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.proton-ScreenOverlay__z-index{z-index:10000}.proton-ScreenOverlay__overlay{background-color:#000c}.proton-ScreenOverlay__image{object-fit:cover;width:100vw;height:100vh;position:absolute}.proton-ScreenOverlay__blur{-webkit-backdrop-filter:blur(24px)brightness(75%);backdrop-filter:blur(24px)brightness(75%);filter:brightness(50%);position:absolute;top:0;bottom:0;left:0;right:0}@keyframes fadeInBackground{0%{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0000001a}to{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c}}.proton-ScreenOverlay__fade-in{animation:.2s ease-in-out forwards fadeInBackground}.proton-ScreenOverlay__close-button{fill:var(--proton-color__white);color:var(--proton-color__white);pointer-events:none;text-align:center;margin-right:12px;transition:visibility ease-out,opacity .35s ease-out;position:absolute;top:1rem;right:0}.proton-ScreenOverlay__close-button div{letter-spacing:.1em;margin:.5rem;font-weight:500;display:block}.proton-ActionMenu__wrapper{z-index:10;max-height:100vh;overflow:none;flex:1;width:100%;position:fixed;bottom:0;left:0}@media (min-width:768px){.proton-ActionMenu__wrapper{display:none}}.proton-ActionMenu__background-wrapper{opacity:0;transition:opacity .3s cubic-bezier(.34,1.56,.64,1)}.proton-ActionMenu__wrapper--scrollable{overflow-y:scroll}.proton-ActionMenu__card{background:var(--proton-control__background-color);color:var(--proton-control__text-color);z-index:1;border-radius:14px 14px 0 0;flex-direction:column;height:0;transition:height .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 0 4px #0000001a,0 0 20px #00000026}.proton-ActionMenu__card>div{flex-direction:column;flex:1;display:flex}@media (min-width:768px){.proton-ActionMenu__card{border-radius:.8rem;min-width:300px}}.proton-ActionMenu__cancel-button{margin:0 12px 16px}.proton-ActionMenu__cancel-button button{justify-content:center;width:100%}.proton-ActionMenu__content{padding:12px 12px 0}.proton-ActionMenu__list{flex-direction:column;margin:10px 0;display:flex}.proton-ActionMenu__list--disabled{opacity:.5;cursor:not-allowed}.proton-ActionMenu__item{color:inherit;cursor:pointer;padding:12px 8px 12px 12px;text-decoration:none;transition:background-color .1s}.proton-ActionMenu__item:hover,.proton-ActionMenu__item:focus{background-color:var(--proton-color__gray-super-light);border:none;outline:none}.proton-ui__theme--dark .proton-ActionMenu__item:hover,.proton-ui__theme--dark .proton-ActionMenu__item:focus,.proton-ui__theme--custom-dark .proton-ActionMenu__item:focus,.proton-ui__theme--custom-dark .proton-ActionMenu__item:hover{background-color:#606060fa}.proton-ActionMenu__item[aria-checked=true]{background-color:var(--proton-color__primary-light);color:var(--proton-color__primary)}.proton-ui__theme--custom-dark .proton-ActionMenu__item[aria-checked=true],.proton-ui__theme--dark .proton-ActionMenu__item[aria-checked=true]{background-color:var(--proton-color__primary);color:var(--proton-control__text-color)}.proton-ActionMenu__item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.proton-ActionMenu__item[aria-disabled=true]:hover{background-color:#0000}.proton-ActionMenu__content:has(.proton-ListBox){padding:0}html .proton-ActionMenu__content>.proton-ListBox{box-shadow:none;background:0 0;border:none;border-radius:0;margin-bottom:12px}.proton-Badge{letter-spacing:.2em;text-align:center;text-transform:uppercase;white-space:nowrap;height:1.6rem;color:var(--proton-control__text-color);border-radius:10rem;padding-bottom:calc(1rem - 1.1em);padding-left:1rem;padding-right:calc(1rem - .2em);font-size:max(11px,min(.6875rem + .1vw,16px));font-weight:500;line-height:1.8rem;display:inline-block}.proton-ui__theme--dark.proton-Badge:not([class*=proton-Badge--]){background-color:var(--proton-control__background-color)}.proton-ui__theme--light.proton-Badge:not([class*=proton-Badge--]),.proton-ui__theme--light.proton-Badge--secondary{background-color:var(--proton-color__secondary);color:#666}.proton-ui__theme--dark.proton-Badge--secondary{background-color:#ffffff26}.proton-ui__theme--custom-dark.proton-Badge:not([class*=proton-Badge--]){background-color:var(--proton-color__primary)}.proton-ui__theme--custom-dark.proton-Badge--secondary{background-color:var(--proton-control__primary-dark)}.proton-Badge--primary{background-color:var(--proton-color__primary);color:var(--proton-color__white)}.proton-Badge--success{background-color:var(--proton-color__success-super-light);color:var(--proton-color__success-dark)}.proton-Badge--warning{background-color:var(--proton-color__warning-super-light);color:var(--proton-color__warning-dark)}.proton-Badge--danger{background-color:var(--proton-color__danger-super-light);color:var(--proton-color__danger-dark)}.proton-Badge--transparent{color:#666;background-color:#0000}.proton-Button{letter-spacing:.05em;border:0;border-radius:4px;justify-content:center;align-items:center;column-gap:.4em;padding:.4em .86em;font-weight:300;text-decoration:none;transition:filter .1s,background-color .1s;display:flex}.proton-Button:hover{filter:brightness(1.08);cursor:pointer;text-decoration:none}.proton-Button--primary,.proton-Button--primary:hover{color:var(--proton-color__white);background-color:var(--proton-color__primary)}.proton-Button--secondary,.proton-Button--secondary:hover{color:var(--proton-color__gray-dark);background-color:var(--proton-color__gray-light)}.proton-Button--danger{color:var(--proton-color__white);background-color:var(--proton-color__danger-medium)}.proton-Button--success{color:var(--proton-color__white);background-color:var(--proton-color__success-medium)}.proton-Button--translucent{color:var(--proton-color__white);background-color:#ffffff1a}.proton-Button--translucent:hover{background-color:#ffffff24}.proton-Button--disabled,.proton-Button--disabled:hover{opacity:.5;filter:none;cursor:not-allowed}.proton-Button:focus{outline:solid var(--proton-color__primary)1px;border:none}.proton-Button:focus-visible{outline:solid var(--proton-color__primary)1px;border:none}:root{--banner__default-background:var(--proton-color__gray-lightest);--banner__default-title:var(--proton-color__gray-dark);--banner__default-content:var(--proton-color__gray-medium);--banner__default-icon:var(--proton-color__gray-medium-light);--banner__warning-background:var(--proton-color__warning-super-light);--banner__warning-title:var(--proton-color__warning-dark);--banner__warning-content:var(--proton-color__warning-medium);--banner__warning-icon:var(--proton-color__warning-light);--banner__success-background:var(--proton-color__success-super-light);--banner__success-title:var(--proton-color__success-dark);--banner__success-content:var(--proton-color__success-medium);--banner__success-icon:var(--proton-color__success-light);--banner__danger-background:var(--proton-color__danger-super-light);--banner__danger-title:var(--proton-color__danger-dark);--banner__danger-content:var(--proton-color__danger-medium);--banner__danger-icon:var(--proton-color__danger-light)}.proton-Banner{margin:0}.proton-Banner--rounded{border-radius:.375rem}.proton-Banner__wrapper{padding:2rem;display:flex}.proton-Banner__wrapper--compact{padding:1rem}.proton-Banner__content-wrapper{flex:1;min-width:0}.proton-Banner__container{flex-direction:column;padding:0 10px;display:flex}.proton-Banner__title{letter-spacing:.01rem;margin:0;font-size:max(14px,min(1.8rem,20px));font-weight:600}.proton-Banner__actions{gap:.5rem;margin:6px 0 0;display:flex}.proton-Banner__icon{margin-top:2px}@media (min-width:768px){.proton-Banner__container{grid-template-columns:1fr auto;align-items:center;display:grid}.proton-Banner__container>.proton-Banner__title,.proton-Banner__container>.proton-Banner__content{grid-column:1}.proton-Banner__container>div:last-child{grid-area:1/2/span 2}.proton-Banner__actions{margin:0 0 0 12px}}.proton-Banner--default{background-color:var(--banner__default-background)}.proton-Banner--default__title{color:var(--banner__default-title)}.proton-Banner--default__content{color:var(--banner__default-content)}.proton-Banner--default__icon{fill:var(--banner__default-icon)}.proton-Banner--warning{background-color:var(--banner__warning-background)}.proton-Banner--warning__title{color:var(--banner__warning-title)}.proton-Banner--warning__content{color:var(--banner__warning-content)}.proton-Banner--warning__icon{fill:var(--banner__warning-icon)}.proton-Banner--success{background-color:var(--banner__success-background)}.proton-Banner--success__title{color:var(--banner__success-title)}.proton-Banner--success__content{color:var(--banner__success-content)}.proton-Banner--success__icon{fill:var(--banner__success-icon)}.proton-Banner--danger{background-color:var(--banner__danger-background)}.proton-Banner--danger__title{color:var(--banner__danger-title)}.proton-Banner--danger__content{color:var(--banner__danger-content)}.proton-Banner--danger__icon{fill:var(--banner__danger-icon)}.proton-ButtonGroup{border:1px solid var(--proton-color__gray-light);border-radius:4px;font-weight:400;display:flex;overflow:hidden}.proton-ButtonGroup__option{background-color:var(--proton-color__gray-super-light);cursor:pointer;border-left:1px solid var(--proton-color__gray-light);color:var(--proton-color__gray-dark);text-align:center;border-radius:0;flex:1;padding:.5em 1em}.proton-ButtonGroup__option:first-child{border-left:0}.proton-ButtonGroup__option--selected{background-color:var(--proton-color__white);color:var(--proton-color__primary);z-index:2;cursor:default;border-radius:inherit;box-shadow:0 0 6px #00000026}.proton-ButtonGroup__option--selected+.proton-ButtonGroup__option{border-left:1px solid #0000}.proton-Dialog{background-color:var(--proton-color__primary);box-shadow:0 0 2px 0 var(--proton-control__shadow-color),0 0 12px 0 var(--proton-control__shadow-color);color:var(--proton-control__text-color);border-radius:4px;outline:none;padding:.65rem .85rem;font-weight:300}.proton-Dialog__header{margin-top:0;margin-bottom:5px}.proton-Input{box-sizing:border-box;background-color:var(--proton-control__background-color);outline:1px solid var(--proton-control__border-color);width:100%;min-height:40px;color:var(--proton-control__text-color);border:1px solid #0000;border-radius:4px;flex:1;padding-left:12px;transition:all .2s ease-in-out}.proton-ui__theme--custom-dark .proton-Input{background-color:var(--proton-color__primary)}.proton-Input:disabled{opacity:.6;cursor:not-allowed}.proton-Input:not(.proton-Input--error):focus{outline:1px solid var(--proton-color__primary)}.proton-Input:not(.proton-Input--error):focus-visible{outline:1px solid var(--proton-color__primary)}.proton-Input.proton-Input--error{outline:1px solid var(--proton-color__danger-dark)}.proton-Input__container{flex-direction:column;flex:1;width:100%;display:flex}.proton-Input__container-inner{flex:1;align-items:center;display:flex;position:relative}.proton-Input__descriptor{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:50%;justify-content:center;align-items:center;height:100%;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.proton-Input__prefix,.proton-Input__suffix{flex:0 0 32px;justify-content:center;align-items:center;display:flex}.proton-Input__prefix{opacity:.5;cursor:text;margin-left:12px;left:0}.proton-Input__suffix{outline:none;padding-right:12px;right:0}.proton-Input__container-inner:has(.proton-Input__prefix) .proton-Input{padding-left:32px}.proton-Input__container-inner:has(.proton-Input__suffix) .proton-Input{padding-right:44px}.proton-Input__text{color:var(--proton-color__gray-medium);padding:4px 0;font-size:.75rem}.proton-ui__theme--custom-dark .proton-Input__text{color:var(--proton-color__gray-medium-light)}.proton-Input__error{color:var(--proton-color__danger-medium)}.proton-Input__label-top{padding-top:24px;padding-bottom:8px}.proton-Input__label{color:var(--proton-color__gray-medium-light);pointer-events:none;transform-origin:left center 0px;transition:color .2s,font-size .5s,top .5s;position:absolute;top:15px;left:14px}.proton-Input:focus+.proton-Input__label,.proton-Input__label--filled{font-size:.75rem;top:7px}.proton-Input:focus+.proton-Input__label{color:var(--proton-color__primary)}.proton-ui__theme--custom-dark .proton-Input:focus+.proton-Input__label{color:var(--proton-color__primary-light)}.proton-SearchInput__wrapper{width:100%}.proton-SearchInput__wrapper input{border-radius:50px;padding-left:44px!important}.proton-SearchInput__button{color:currentColor;cursor:pointer;opacity:1;background-color:#0000;border:none;transition:opacity .2s ease-in-out}.proton-SearchInput__button--hide{opacity:0}.proton-SearchInput__wrapper input[type=search]::-ms-clear{width:0;height:0;display:none}.proton-SearchInput__wrapper input[type=search]::-ms-reveal{width:0;height:0;display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-decoration{display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-cancel-button{display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-results-button{display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-results-decoration{display:none}.proton-Popover{transform-origin:top}.arrow{fill:var(--proton-color__primary);stroke-width:1px;width:12px;height:12px;position:absolute}.arrow[data-placement=top]{top:100%;transform:translate(-50%)}.arrow[data-placement=bottom]{bottom:100%;transform:translate(-50%)rotate(180deg)}.arrow[data-placement=left]{left:100%;transform:translateY(-50%)rotate(-90deg)}.arrow[data-placement=right]{right:100%;transform:translateY(-50%)rotate(90deg)}.proton-Popover[data-placement=top]{--origin:translateY(10px)scaleY(.9)}.proton-Popover[data-placement=bottom]{--origin:translateY(-10px)scaleY(.9)}.proton-Popover[data-placement=left]{--origin:translateX(18px)scaleX(.96)}.proton-Popover[data-placement=right]{--origin:translateX(-18px)scaleX(.96)}.proton-Popover[data-entering]{animation:.2s ease-out forwards popoverSlide}@keyframes popoverSlide{0%{opacity:0;transform:var(--origin)}to{opacity:1;transform:translateY(0)scaleY(1)scaleX(1)}}.proton-ResponsiveMenuTrigger{display:inline-block;position:relative}.proton-ResponsiveMenuTrigger__button{cursor:pointer;color:var(--proton-control__text-color);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.proton-ResponsiveMenuTrigger__button:disabled{cursor:not-allowed;opacity:.5}.proton-ui__theme--dark .proton-ResponsiveMenuTrigger__button:disabled:hover,.proton-ResponsiveMenuTrigger__button:disabled:hover{background:0 0}.proton-ResponsiveMenuTrigger__button:focus{outline:2px solid var(--proton-control__border-color)}.proton-ResponsiveMenuTrigger__button:hover{background-color:#60606026}.proton-ui__theme--dark .proton-ResponsiveMenuTrigger__button:hover{background-color:#ffffff1a}.proton-ListBox{letter-spacing:.05em;background:var(--proton-control__background-color);border:1px solid var(--proton-control__border-color);min-width:100px;color:var(--proton-control__text-color);box-shadow:0 0 3px var(--proton-control__shadow-color);border-radius:10px;margin:.5rem 0 0;padding:0;list-style:none;overflow:auto}.proton-ui__theme--custom-dark .proton-ListBox{background:var(--proton-color__primary)}.proton-ListBox:focus{outline:none}.proton-ListBox:focus-visible{outline:none}.proton-ListBox__item{cursor:pointer;outline:none;justify-content:space-between;padding:8px 16px;transition:background-color .1s;display:flex}.proton-ListBox__item:hover{background:#0000000a}.proton-ui__theme--dark .proton-ListBox__item:hover,.proton-ui__theme--custom-dark .proton-ListBox__item:hover{color:var(--proton-control__text-color);background:#ffffff1a}.proton-ListBox__item--disabled{opacity:.5;cursor:not-allowed}.proton-ListBox__item--selected{background:var(--proton-color__primary-light);color:var(--proton-color__primary)}.proton-Select{flex-direction:column;width:100%;margin:0;display:flex}.proton-Select__label{color:var(--proton-control__text-color);margin-bottom:2px}.proton-Select__trigger{color:var(--proton-control__text-color);font-size:inherit;border-radius:50px;flex:1;justify-content:space-between;align-items:center;width:100%;padding:.2rem .6rem .2rem 1rem;display:flex}button.proton-Select__trigger{letter-spacing:.05em;cursor:pointer;background:var(--proton-control__background-color);outline:1px solid var(--proton-control__border-color);border:1px solid #0000;font-weight:400;transition:outline .2s;position:relative}.proton-ui__theme--custom-dark button.proton-Select__trigger{background:var(--proton-color__primary)}button.proton-Select__trigger:hover:after{content:"";-webkit-backdrop-filter:brightness(98%);backdrop-filter:brightness(98%);z-index:1;border-radius:50px;width:100%;height:100%;position:absolute;left:0}button.proton-Select__trigger:focus{outline:solid var(--proton-color__primary)1px;border:1px solid #0000}button.proton-Select__trigger:focus-visible{outline:solid var(--proton-color__primary)1px;border:1px solid #0000}.proton-ui__theme--custom-dark button.proton-Select__trigger:focus{outline:solid var(--proton-color__gray-medium-light)1px;border:1px solid #0000}.proton-ui__theme--custom-dark button.proton-Select__trigger:focus-visible{outline:solid var(--proton-color__gray-medium-light)1px;border:1px solid #0000}.proton-Select__popover{padding-left:.25rem}.proton-Select__trigger_icon{color:var(--proton-control__text-color);width:.75em;height:.75em;margin-left:.8em;transition:transform .2s;position:relative}.proton-Select__trigger_icon svg{width:100%;height:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.proton-Select__trigger_icon--flipped{transform:rotateX(180deg)}.proton-Select:hover{cursor:pointer}.proton-Select__trigger--disabled,.proton-Select__trigger--disabled:hover{opacity:.5;filter:none;cursor:not-allowed}.proton-Select__value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.proton-Switch{flex-flow:column;row-gap:5px;display:flex}.proton-Switch__label{text-transform:uppercase;letter-spacing:.1em;color:var(--proton-color__gray-dark);font-size:.7em;font-weight:600}.proton-Switch__description{color:var(--proton-color__gray-medium);align-self:center;font-size:.9em}.proton-Switch__wrapper{column-gap:12px;display:flex}.proton-Switch__toggle{background-color:var(--proton-color__gray-light);cursor:pointer;border-radius:26px;flex-shrink:0;width:50px;height:26px;position:relative}.proton-ui__theme--dark .proton-Switch__toggle,.proton-ui__theme--custom-dark .proton-Switch__toggle{background-color:var(--proton-color__gray-dark)}.proton-Switch__slider{background-color:#fff;border-radius:22px;width:22px;height:22px;transition:left .2s;position:absolute;top:2px;left:2px}.proton-Switch--on .proton-Switch__toggle{background-color:var(--proton-color__primary)}.proton-Switch--on .proton-Switch__slider{left:26px}.proton-Switch--disabled{opacity:.4}.proton-Switch--disabled .proton-Switch__toggle{cursor:not-allowed}.proton-Table{border-collapse:collapse;color:var(--proton-control__text-color);width:100%;font-weight:300}.proton-Table__header{cursor:default;letter-spacing:.1em;text-transform:uppercase;text-align:left;outline:none;padding:7px 10px;font-size:max(10px,min(.75rem,12px));font-weight:500;line-height:1rem}.proton-Table__header--center{text-align:center}.proton-Table__header--right{text-align:right}.proton-Table__headerSortIcon{padding:0 2px}.proton-Table__row{cursor:default;outline:none}.proton-Table__rowGroup--header{border-bottom:1px solid #ccc}.proton-Table__row--showLines{border-top:1px solid #ccc}.proton-Table--clickable{cursor:pointer}.proton-Table__cell{vertical-align:middle;outline:none;padding:7px 10px}.proton-Table__cell--center{text-align:center}.proton-Table__cell--right{text-align:right}.proton-TextEllipsis{vertical-align:middle;color:var(--proton-control__text-color,inherit);font-family:inherit;font-size:inherit;line-height:inherit;width:100%;display:inline-block;position:relative}.proton-TextEllipsis--single-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.proton-TextEllipsis--multi-line{text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.proton-TextEmphasis{color:var(--proton-color__gray-super-dark);background-image:linear-gradient(0deg,#0000 0,#0000 15%,#ff713480 15%,#ff713480 35%,#0000 35%,#0000);padding:0 .05rem;font-style:normal;font-weight:700}.proton-TextEmphasis a{color:inherit;text-decoration:none;transition:color .15s}.proton-TextEmphasis a:hover{color:var(--proton-color__primary);text-decoration:none}.proton-ui__theme--custom-dark .proton-TextEmphasis,.proton-ui__theme--dark .proton-TextEmphasis{color:var(--proton-control__text-color)}.proton-TextEmphasis--tooltip{background-image:linear-gradient(0deg,#0000 0,#0000 15%,#ff713480 25%,#ff713480 87%,#0000 80%,#0000);background-position:bottom;background-repeat:no-repeat;background-size:100% 35%;font-style:italic;font-weight:400;transition:background-size .3s,border-radius .3s}.proton-TextEmphasis--tooltip:hover{background-size:100% 100%;border-radius:2px}.proton-TextEmphasis--tooltip:not(:hover){transition-delay:.2s}.proton__Tooltip{background-color:var(--proton-control__background-color);color:var(--proton-control__text-color);position:absolute}.proton-ui__theme--custom-dark.proton__Tooltip{background-color:var(--proton-color__primary)}.proton__TooltipTrigger{all:unset}.proton__Tooltip[data-placement=top]{--origin:translateY(4px);margin-bottom:8px}.proton__Tooltip[data-placement=bottom]{--origin:translateY(-4px);margin-top:8px}.proton__Tooltip[data-placement=bottom] .proton__TooltipArrow svg{transform:rotate(180deg)}.proton__Tooltip[data-placement=right]{--origin:translateX(-4px);margin-left:8px}.proton__Tooltip[data-placement=right] .proton__TooltipArrow svg{transform:rotate(90deg)}.proton__Tooltip[data-placement=left]{--origin:translateX(4px);margin-right:8px}.proton__Tooltip[data-placement=left] .proton__TooltipArrow svg{transform:rotate(-90deg)}.proton__Tooltip .proton__TooltipArrow svg{fill:var(--proton-control__background-color);display:block}.proton__Tooltip .proton-ui__theme--custom-dark.proton__TooltipArrow svg{fill:var(--proton-color__primary)}.proton__Tooltip[data-entering]{animation:.2s slide}.proton__Tooltip[data-exiting]{animation:.2s reverse slide}@keyframes slide{0%{opacity:0;transform:var(--origin)}to{opacity:1;transform:translateY(0)}}:root{--waveform-bar-color-dark:#ffffffe6;--waveform-bar-color-light:#000000b3;--waveform-disabled-color-dark:#fff3;--waveform-disabled-color-light:#0003;--waveform-animation-curve:cubic-bezier(.34,1.56,.64,1);--waveform-animation-duration:.4s;--waveform-bar-delay-multiplier:.7ms;--waveform-timestamp-padding:.25rem;--waveform-timestamp-font-size:.75rem;--waveform-timestamp-border-radius:.125rem;--waveform-hover-line-width:2px}.proton-Waveform{flex-direction:row;align-items:center;width:100%;height:100%;display:flex;position:relative}.proton-Waveform__container{z-index:0;flex:1;align-items:center;width:100%;height:100%;display:flex;position:relative}.proton-Waveform__timestamp{pointer-events:none;border-radius:var(--waveform-timestamp-border-radius);padding:0 var(--waveform-timestamp-padding);font-size:var(--waveform-timestamp-font-size);z-index:1;background-color:#0009;position:absolute}.proton-ui__theme--light .proton-Waveform__timestamp{color:#000c;background-color:#ffffffe6;box-shadow:0 2px 2px #0000004d}.proton-ui__theme--dark .proton-Waveform__timestamp{background-color:var(--proton-control__background-color)}.proton-ui__theme--custom-dark .proton-Waveform__timestamp{background-color:var(--proton-control__primary-dark)}.proton-Waveform__timestamp--left{left:1px}.proton-Waveform__timestamp--right{right:3px}.proton-Waveform__hover-line{width:var(--waveform-hover-line-width);background-color:#ffffff80;position:absolute;top:0;bottom:0;transform:translate(-50%)}.proton-ui__theme--light .proton-Waveform__hover-line{background-color:#00000080}.proton-Waveform__bar-wrapper{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.proton-Waveform__bar{background-color:var(--waveform-bar-color-dark);transform-origin:50%;width:100%;height:0;transition:height var(--waveform-animation-duration)var(--waveform-animation-curve);position:relative}.proton-Waveform__bar.proton-Waveform__bar--visible{height:var(--target-height);transition-delay:calc(var(--index)*var(--waveform-bar-delay-multiplier))}.proton-Waveform__bar.proton-Waveform__bar--upper{transform-origin:bottom}.proton-Waveform__bar.proton-Waveform__bar--lower{transform-origin:top}.proton-ui__theme--light .proton-Waveform__bar{background-color:var(--waveform-bar-color-light)}.proton-Waveform__bar.proton-Waveform__bar--disabled{background-color:var(--waveform-disabled-color-dark)}.proton-ui__theme--light .proton-Waveform__bar.proton-Waveform__bar--disabled{background-color:var(--waveform-disabled-color-light)}.proton-Waveform__bar.proton-Waveform__bar--disabled.proton-Waveform__bar--played{background-color:var(--waveform-disabled-color-dark)}.proton-ui__theme--light .proton-Waveform__bar.proton-Waveform__bar--disabled.proton-Waveform__bar--played{background-color:var(--waveform-disabled-color-light)}.proton-Waveform__bar.proton-Waveform__bar--played{background-color:var(--proton-color__primary)}.proton-Waveform__bar--hover{height:var(--hover-height);z-index:10;background-color:color-mix(in srgb,var(--proton-color__primary)50%,transparent);mix-blend-mode:darken;width:100%;position:absolute;top:50%;transform:translateY(-50%)}.proton-ui__theme--light .proton-Waveform__bar--hover{background-color:color-mix(in srgb,var(--proton-color__primary)50%,white);mix-blend-mode:lighten}.proton-Waveform__bar-unavailable{pointer-events:none;text-align:center;z-index:10;color:#fff;background-color:#000000b3;border-radius:4px;padding:3px 6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.proton-ui__theme--light .proton-Waveform__bar-unavailable{color:#000;background-color:#fff;box-shadow:0 5px 5px #0000004d}.proton-ui__theme--dark .proton-Waveform__bar-unavailable{background-color:var(--proton-control__background-color)}.proton-ui__theme--custom-dark .proton-Waveform__bar-unavailable{background-color:var(--proton-control__primary-dark)}.proton-Waveform__active-region{pointer-events:none;z-index:1;border:1.5px solid #ffffffb3;border-radius:4px;position:absolute;top:0;bottom:0}.proton-ui__theme--light .proton-Waveform__active-region{border-color:#0000004d}@keyframes shimmer{0%{background-position:-300px 0}to{background-position:800px 0}}.tombstone{background-position:-300px 0;background-repeat:no-repeat;background-size:300px 100%;animation:1.5s linear infinite shimmer}.tombstone.light{background-color:#d1d1d1;background-image:linear-gradient(-90deg,#d1d1d1,#b8b8b8,#d1d1d1)}.tombstone.dark{background-color:#3c3c3c;background-image:linear-gradient(-90deg,#363636,#292727,#353535)}.tombstone.custom-dark{background-image:linear-gradient(-90deg,var(--tombstone-custom-primary)0%,var(--tombstone-custom-secondary)50%,var(--tombstone-custom-primary)100%);background-color:var(--tombstone-custom-background)}
|
|
1
|
+
:root{--proton-color__primary:#e26014;--proton-color__primary-light:#fbe5d7;--proton-color__secondary:#f2f2f2;--proton-color__gray-super-dark:#141211;--proton-color__gray-dark:#4d4d4d;--proton-color__gray-medium:#7d7d7d;--proton-color__gray-medium-light:#b1b1b1;--proton-color__gray-light:#ddd;--proton-color__gray-lightest:#f0f1f2;--proton-color__gray-super-light:#f7f8f9;--proton-color__white:#fff;--proton-color__danger-super-dark:#991b1b;--proton-color__danger-dark:#a80724;--proton-color__danger-medium:#e23f5c;--proton-color__danger-light:#f16880;--proton-color__danger-super-light:#ffe1e1;--proton-color__warning-dark:#8b5600;--proton-color__warning-medium:#b37208;--proton-color__warning-light:#ffac23;--proton-color__warning-super-light:#fff0c9;--proton-color__success-dark:#247800;--proton-color__success-medium:#339a07;--proton-color__success-light:#66cf39;--proton-color__success-super-light:#deffd1;--proton-control__text-color:var(--proton-color__white);--proton-control__background-color:var(--proton-color__white);--proton-control__border-color:var(--proton-color__gray-dark);--proton-control__shadow-color:var(--proton-color__gray-dark)}.proton-ScreenOverlay__background{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.proton-ScreenOverlay__z-index{z-index:10000}.proton-ScreenOverlay__overlay{background-color:#000c}.proton-ScreenOverlay__image{object-fit:cover;width:100vw;height:100vh;position:absolute}.proton-ScreenOverlay__blur{-webkit-backdrop-filter:blur(24px)brightness(75%);backdrop-filter:blur(24px)brightness(75%);filter:brightness(50%);position:absolute;top:0;bottom:0;left:0;right:0}@keyframes fadeInBackground{0%{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0000001a}to{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c}}.proton-ScreenOverlay__fade-in{animation:.2s ease-in-out forwards fadeInBackground}.proton-ScreenOverlay__close-button{fill:var(--proton-color__white);color:var(--proton-color__white);pointer-events:none;text-align:center;margin-right:12px;transition:visibility ease-out,opacity .35s ease-out;position:absolute;top:1rem;right:0}.proton-ScreenOverlay__close-button div{letter-spacing:.1em;margin:.5rem;font-weight:500;display:block}.proton-ActionMenu__wrapper{z-index:10;max-height:100vh;overflow:none;flex:1;width:100%;position:fixed;bottom:0;left:0}@media (min-width:768px){.proton-ActionMenu__wrapper{display:none}}.proton-ActionMenu__background-wrapper{opacity:0;transition:opacity .3s cubic-bezier(.34,1.56,.64,1)}.proton-ActionMenu__wrapper--scrollable{overflow-y:scroll}.proton-ActionMenu__card{background:var(--proton-control__background-color);color:var(--proton-control__text-color);z-index:1;border-radius:14px 14px 0 0;flex-direction:column;height:0;transition:height .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 0 4px #0000001a,0 0 20px #00000026}.proton-ActionMenu__card>div{flex-direction:column;flex:1;display:flex}@media (min-width:768px){.proton-ActionMenu__card{border-radius:.8rem;min-width:300px}}.proton-ActionMenu__cancel-button{margin:0 12px 16px}.proton-ActionMenu__cancel-button button{justify-content:center;width:100%}.proton-ActionMenu__content{padding:12px 12px 0}.proton-ActionMenu__list{flex-direction:column;margin:10px 0;display:flex}.proton-ActionMenu__list--disabled{opacity:.5;cursor:not-allowed}.proton-ActionMenu__item{color:inherit;cursor:pointer;padding:12px 8px 12px 12px;text-decoration:none;transition:background-color .1s}.proton-ActionMenu__item:hover,.proton-ActionMenu__item:focus{background-color:var(--proton-color__gray-super-light);border:none;outline:none}.proton-ui__theme--dark .proton-ActionMenu__item:hover,.proton-ui__theme--dark .proton-ActionMenu__item:focus,.proton-ui__theme--custom-dark .proton-ActionMenu__item:focus,.proton-ui__theme--custom-dark .proton-ActionMenu__item:hover{background-color:#606060fa}.proton-ActionMenu__item[aria-checked=true]{background-color:var(--proton-color__primary-light);color:var(--proton-color__primary)}.proton-ui__theme--custom-dark .proton-ActionMenu__item[aria-checked=true],.proton-ui__theme--dark .proton-ActionMenu__item[aria-checked=true]{background-color:var(--proton-color__primary);color:var(--proton-control__text-color)}.proton-ActionMenu__item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.proton-ActionMenu__item[aria-disabled=true]:hover{background-color:#0000}.proton-ActionMenu__content:has(.proton-ListBox){padding:0}html .proton-ActionMenu__content>.proton-ListBox{box-shadow:none;background:0 0;border:none;border-radius:0;margin-bottom:12px}.proton-Badge{letter-spacing:.2em;text-align:center;text-transform:uppercase;white-space:nowrap;height:1.6rem;color:var(--proton-control__text-color);border-radius:10rem;padding-bottom:calc(1rem - 1.1em);padding-left:1rem;padding-right:calc(1rem - .2em);font-size:max(11px,min(.6875rem + .1vw,16px));font-weight:500;line-height:1.8rem;display:inline-block}.proton-ui__theme--dark.proton-Badge:not([class*=proton-Badge--]){background-color:var(--proton-control__background-color)}.proton-ui__theme--light.proton-Badge:not([class*=proton-Badge--]),.proton-ui__theme--light.proton-Badge--secondary{background-color:var(--proton-color__secondary);color:#666}.proton-ui__theme--dark.proton-Badge--secondary{background-color:#ffffff26}.proton-ui__theme--custom-dark.proton-Badge:not([class*=proton-Badge--]){background-color:var(--proton-color__primary)}.proton-ui__theme--custom-dark.proton-Badge--secondary{background-color:var(--proton-control__primary-dark)}.proton-Badge--primary{background-color:var(--proton-color__primary);color:var(--proton-color__white)}.proton-Badge--success{background-color:var(--proton-color__success-super-light);color:var(--proton-color__success-dark)}.proton-Badge--warning{background-color:var(--proton-color__warning-super-light);color:var(--proton-color__warning-dark)}.proton-Badge--danger{background-color:var(--proton-color__danger-super-light);color:var(--proton-color__danger-dark)}.proton-Badge--transparent{color:#666;background-color:#0000}.proton-Button{letter-spacing:.05em;border:0;border-radius:4px;justify-content:center;align-items:center;column-gap:.4em;padding:.4em .86em;font-weight:300;text-decoration:none;transition:filter .1s,background-color .1s;display:flex}.proton-Button:hover{filter:brightness(1.08);cursor:pointer;text-decoration:none}.proton-Button--primary,.proton-Button--primary:hover{color:var(--proton-color__white);background-color:var(--proton-color__primary)}.proton-Button--secondary,.proton-Button--secondary:hover{color:var(--proton-color__gray-dark);background-color:var(--proton-color__gray-light)}.proton-Button--danger{color:var(--proton-color__white);background-color:var(--proton-color__danger-medium)}.proton-Button--success{color:var(--proton-color__white);background-color:var(--proton-color__success-medium)}.proton-Button--translucent{color:var(--proton-color__white);background-color:#ffffff1a}.proton-Button--translucent:hover{background-color:#ffffff24}.proton-Button--disabled,.proton-Button--disabled:hover{opacity:.5;filter:none;cursor:not-allowed}.proton-Button:focus{outline:solid var(--proton-color__primary)1px;border:none}.proton-Button:focus-visible{outline:solid var(--proton-color__primary)1px;border:none}:root{--banner__default-background:var(--proton-color__gray-lightest);--banner__default-title:var(--proton-color__gray-dark);--banner__default-content:var(--proton-color__gray-medium);--banner__default-icon:var(--proton-color__gray-medium-light);--banner__warning-background:var(--proton-color__warning-super-light);--banner__warning-title:var(--proton-color__warning-dark);--banner__warning-content:var(--proton-color__warning-medium);--banner__warning-icon:var(--proton-color__warning-light);--banner__success-background:var(--proton-color__success-super-light);--banner__success-title:var(--proton-color__success-dark);--banner__success-content:var(--proton-color__success-medium);--banner__success-icon:var(--proton-color__success-light);--banner__danger-background:var(--proton-color__danger-super-light);--banner__danger-title:var(--proton-color__danger-dark);--banner__danger-content:var(--proton-color__danger-medium);--banner__danger-icon:var(--proton-color__danger-light)}.proton-Banner{margin:0}.proton-Banner--rounded{border-radius:.375rem}.proton-Banner__wrapper{padding:2rem;display:flex}.proton-Banner__wrapper--compact{padding:1rem}.proton-Banner__content-wrapper{flex:1;min-width:0}.proton-Banner__container{flex-direction:column;padding:0 10px;display:flex}.proton-Banner__title{letter-spacing:.01rem;margin:0;font-size:max(14px,min(1.8rem,20px));font-weight:600}.proton-Banner__actions{gap:.5rem;margin:6px 0 0;display:flex}.proton-Banner__icon{margin-top:2px}@media (min-width:768px){.proton-Banner__container{grid-template-columns:1fr auto;align-items:center;display:grid}.proton-Banner__container>.proton-Banner__title,.proton-Banner__container>.proton-Banner__content{grid-column:1}.proton-Banner__container>div:last-child{grid-area:1/2/span 2}.proton-Banner__actions{margin:0 0 0 12px}}.proton-Banner--default{background-color:var(--banner__default-background)}.proton-Banner--default__title{color:var(--banner__default-title)}.proton-Banner--default__content{color:var(--banner__default-content)}.proton-Banner--default__icon{fill:var(--banner__default-icon)}.proton-Banner--warning{background-color:var(--banner__warning-background)}.proton-Banner--warning__title{color:var(--banner__warning-title)}.proton-Banner--warning__content{color:var(--banner__warning-content)}.proton-Banner--warning__icon{fill:var(--banner__warning-icon)}.proton-Banner--success{background-color:var(--banner__success-background)}.proton-Banner--success__title{color:var(--banner__success-title)}.proton-Banner--success__content{color:var(--banner__success-content)}.proton-Banner--success__icon{fill:var(--banner__success-icon)}.proton-Banner--danger{background-color:var(--banner__danger-background)}.proton-Banner--danger__title{color:var(--banner__danger-title)}.proton-Banner--danger__content{color:var(--banner__danger-content)}.proton-Banner--danger__icon{fill:var(--banner__danger-icon)}.proton-ButtonGroup{border:1px solid var(--proton-color__gray-light);border-radius:4px;font-weight:400;display:flex;overflow:hidden}.proton-ButtonGroup__option{background-color:var(--proton-color__gray-super-light);cursor:pointer;border-left:1px solid var(--proton-color__gray-light);color:var(--proton-color__gray-dark);text-align:center;border-radius:0;flex:1;padding:.5em 1em}.proton-ButtonGroup__option:first-child{border-left:0}.proton-ButtonGroup__option--selected{background-color:var(--proton-color__white);color:var(--proton-color__primary);z-index:2;cursor:default;border-radius:inherit;box-shadow:0 0 6px #00000026}.proton-ButtonGroup__option--selected+.proton-ButtonGroup__option{border-left:1px solid #0000}.proton-Dialog{background-color:var(--proton-color__primary);box-shadow:0 0 2px 0 var(--proton-control__shadow-color),0 0 12px 0 var(--proton-control__shadow-color);color:var(--proton-control__text-color);border-radius:4px;outline:none;padding:.65rem .85rem;font-weight:300}.proton-Dialog__header{margin-top:0;margin-bottom:5px}.proton-Input{box-sizing:border-box;outline:1px solid var(--proton-control__border-color);background-color:var(--proton-control__background-color);width:100%;min-height:40px;color:var(--proton-control__text-color);border:1px solid #0000;border-radius:4px;flex:1;padding-left:12px;font-weight:500;transition:all .2s ease-in-out}.proton-ui__theme--custom-dark .proton-Input{background-color:#fff3}.proton-Input:disabled{opacity:.6;cursor:not-allowed}.proton-Input:not(.proton-Input--error):focus{outline:1px solid var(--proton-color__primary)}.proton-Input:not(.proton-Input--error):focus-visible{outline:1px solid var(--proton-color__primary)}.proton-Input.proton-Input--error{outline:1px solid var(--proton-color__danger-dark)}.proton-Input__container{flex-direction:column;flex:1;width:100%;display:flex}.proton-Input__container-inner{flex:1;align-items:center;display:flex;position:relative}.proton-Input__descriptor{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:50%;justify-content:center;align-items:center;height:100%;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.proton-Input__prefix,.proton-Input__suffix{flex:0 0 32px;justify-content:center;align-items:center;display:flex}.proton-Input__prefix{opacity:.5;cursor:text;margin-left:12px;left:0}.proton-Input__suffix{outline:none;padding-right:12px;right:0}.proton-Input__container-inner:has(.proton-Input__prefix) .proton-Input{padding-left:32px}.proton-Input__container-inner:has(.proton-Input__suffix) .proton-Input{padding-right:44px}.proton-Input__text{color:var(--proton-color__gray-medium);padding:4px 0;font-size:.75rem}.proton-ui__theme--custom-dark .proton-Input__text{color:var(--proton-color__gray-medium-light)}.proton-Input__error{color:var(--proton-color__danger-medium)}.proton-Input__label-top{padding-top:24px;padding-bottom:8px}.proton-Input__label{color:var(--proton-color__gray-medium-light);pointer-events:none;transform-origin:left center 0px;transition:color .2s,font-size .5s,top .5s;position:absolute;top:15px;left:14px}.proton-Input:focus+.proton-Input__label,.proton-Input__label--filled{font-size:.75rem;top:7px}.proton-Input:focus+.proton-Input__label{color:var(--proton-color__primary)}.proton-ui__theme--custom-dark .proton-Input:focus+.proton-Input__label{color:var(--proton-color__primary-light)}.proton-SearchInput__wrapper{width:100%}.proton-SearchInput__wrapper input{border-radius:50px;padding-left:44px!important}.proton-SearchInput__button{color:currentColor;cursor:pointer;opacity:1;background-color:#0000;border:none;transition:opacity .2s ease-in-out}.proton-SearchInput__button--hide{opacity:0}.proton-SearchInput__wrapper input[type=search]::-ms-clear{width:0;height:0;display:none}.proton-SearchInput__wrapper input[type=search]::-ms-reveal{width:0;height:0;display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-decoration{display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-cancel-button{display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-results-button{display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-results-decoration{display:none}.proton-Popover{transform-origin:top}.arrow{fill:var(--proton-color__primary);stroke-width:1px;width:12px;height:12px;position:absolute}.arrow[data-placement=top]{top:100%;transform:translate(-50%)}.arrow[data-placement=bottom]{bottom:100%;transform:translate(-50%)rotate(180deg)}.arrow[data-placement=left]{left:100%;transform:translateY(-50%)rotate(-90deg)}.arrow[data-placement=right]{right:100%;transform:translateY(-50%)rotate(90deg)}.proton-Popover[data-placement=top]{--origin:translateY(10px)scaleY(.9)}.proton-Popover[data-placement=bottom]{--origin:translateY(-10px)scaleY(.9)}.proton-Popover[data-placement=left]{--origin:translateX(18px)scaleX(.96)}.proton-Popover[data-placement=right]{--origin:translateX(-18px)scaleX(.96)}.proton-Popover[data-entering]{animation:.2s ease-out forwards popoverSlide}@keyframes popoverSlide{0%{opacity:0;transform:var(--origin)}to{opacity:1;transform:translateY(0)scaleY(1)scaleX(1)}}.proton-ResponsiveMenuTrigger{display:inline-block;position:relative}.proton-ResponsiveMenuTrigger__button{cursor:pointer;color:var(--proton-control__text-color);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.proton-ResponsiveMenuTrigger__button:disabled{cursor:not-allowed;opacity:.5}.proton-ui__theme--dark .proton-ResponsiveMenuTrigger__button:disabled:hover,.proton-ResponsiveMenuTrigger__button:disabled:hover{background:0 0}.proton-ResponsiveMenuTrigger__button:focus{outline:2px solid var(--proton-control__border-color)}.proton-ResponsiveMenuTrigger__button:hover{background-color:#60606026}.proton-ui__theme--dark .proton-ResponsiveMenuTrigger__button:hover{background-color:#ffffff1a}.proton-ListBox{letter-spacing:.05em;background:var(--proton-control__background-color);border:1px solid var(--proton-control__border-color);min-width:100px;color:var(--proton-control__text-color);box-shadow:0 0 3px var(--proton-control__shadow-color);border-radius:10px;margin:.5rem 0 0;padding:0;list-style:none;overflow:auto}.proton-ui__theme--custom-dark .proton-ListBox{background:var(--proton-color__primary)}.proton-ListBox:focus{outline:none}.proton-ListBox:focus-visible{outline:none}.proton-ListBox__item{cursor:pointer;outline:none;justify-content:space-between;padding:8px 16px;transition:background-color .1s;display:flex}.proton-ListBox__item:hover{background:#0000000a}.proton-ui__theme--dark .proton-ListBox__item:hover,.proton-ui__theme--custom-dark .proton-ListBox__item:hover{color:var(--proton-control__text-color);background:#ffffff1a}.proton-ListBox__item--disabled{opacity:.5;cursor:not-allowed}.proton-ListBox__item--selected{background:var(--proton-color__primary-light);color:var(--proton-color__primary)}.proton-Select{flex-direction:column;width:100%;margin:0;display:flex}.proton-Select__label{color:var(--proton-control__text-color);margin-bottom:2px}.proton-Select__trigger{color:var(--proton-control__text-color);font-size:inherit;border-radius:50px;flex:1;justify-content:space-between;align-items:center;width:100%;padding:.2rem .6rem .2rem 1rem;display:flex}button.proton-Select__trigger{letter-spacing:.05em;cursor:pointer;background:var(--proton-control__background-color);outline:1px solid var(--proton-control__border-color);border:1px solid #0000;font-weight:400;transition:outline .2s;position:relative}.proton-ui__theme--custom-dark button.proton-Select__trigger{background:var(--proton-color__primary)}button.proton-Select__trigger:hover:after{content:"";-webkit-backdrop-filter:brightness(98%);backdrop-filter:brightness(98%);z-index:1;border-radius:50px;width:100%;height:100%;position:absolute;left:0}button.proton-Select__trigger:focus{outline:solid var(--proton-color__primary)1px;border:1px solid #0000}button.proton-Select__trigger:focus-visible{outline:solid var(--proton-color__primary)1px;border:1px solid #0000}.proton-ui__theme--custom-dark button.proton-Select__trigger:focus{outline:solid var(--proton-color__gray-medium-light)1px;border:1px solid #0000}.proton-ui__theme--custom-dark button.proton-Select__trigger:focus-visible{outline:solid var(--proton-color__gray-medium-light)1px;border:1px solid #0000}.proton-Select__popover{padding-left:.25rem}.proton-Select__trigger_icon{color:var(--proton-control__text-color);width:.75em;height:.75em;margin-left:.8em;transition:transform .2s;position:relative}.proton-Select__trigger_icon svg{width:100%;height:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.proton-Select__trigger_icon--flipped{transform:rotateX(180deg)}.proton-Select:hover{cursor:pointer}.proton-Select__trigger--disabled,.proton-Select__trigger--disabled:hover{opacity:.5;filter:none;cursor:not-allowed}.proton-Select__value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.proton-Switch{flex-flow:column;row-gap:5px;display:flex}.proton-Switch__label{text-transform:uppercase;letter-spacing:.1em;color:var(--proton-color__gray-dark);font-size:.7em;font-weight:600}.proton-Switch__description{color:var(--proton-color__gray-medium);align-self:center;font-size:.9em}.proton-Switch__wrapper{column-gap:12px;display:flex}.proton-Switch__toggle{background-color:var(--proton-color__gray-light);cursor:pointer;border-radius:26px;flex-shrink:0;width:50px;height:26px;position:relative}.proton-ui__theme--dark .proton-Switch__toggle,.proton-ui__theme--custom-dark .proton-Switch__toggle{background-color:var(--proton-color__gray-dark)}.proton-Switch__slider{background-color:#fff;border-radius:22px;width:22px;height:22px;transition:left .2s;position:absolute;top:2px;left:2px}.proton-Switch--on .proton-Switch__toggle{background-color:var(--proton-color__primary)}.proton-Switch--on .proton-Switch__slider{left:26px}.proton-Switch--disabled{opacity:.4}.proton-Switch--disabled .proton-Switch__toggle{cursor:not-allowed}.proton-Table{border-collapse:collapse;color:var(--proton-control__text-color);width:100%;font-weight:300}.proton-Table__header{cursor:default;letter-spacing:.1em;text-transform:uppercase;text-align:left;outline:none;padding:7px 10px;font-size:max(10px,min(.75rem,12px));font-weight:500;line-height:1rem}.proton-Table__header--center{text-align:center}.proton-Table__header--right{text-align:right}.proton-Table__headerSortIcon{padding:0 2px}.proton-Table__row{cursor:default;outline:none}.proton-Table__rowGroup--header{border-bottom:1px solid #ccc}.proton-Table__row--showLines{border-top:1px solid #ccc}.proton-Table--clickable{cursor:pointer}.proton-Table__cell{vertical-align:middle;outline:none;padding:7px 10px}.proton-Table__cell--center{text-align:center}.proton-Table__cell--right{text-align:right}.proton-TextEllipsis{vertical-align:middle;color:var(--proton-control__text-color,inherit);font-family:inherit;font-size:inherit;line-height:inherit;width:100%;display:inline-block;position:relative}.proton-TextEllipsis--single-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.proton-TextEllipsis--multi-line{text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.proton-TextEmphasis{color:var(--proton-color__gray-super-dark);background-image:linear-gradient(0deg,#0000 0,#0000 15%,#ff713480 15%,#ff713480 35%,#0000 35%,#0000);padding:0 .05rem;font-style:normal;font-weight:700}.proton-TextEmphasis a{color:inherit;text-decoration:none;transition:color .15s}.proton-TextEmphasis a:hover{color:var(--proton-color__primary);text-decoration:none}.proton-ui__theme--custom-dark .proton-TextEmphasis,.proton-ui__theme--dark .proton-TextEmphasis{color:var(--proton-control__text-color)}.proton-TextEmphasis--tooltip{background-image:linear-gradient(0deg,#0000 0,#0000 15%,#ff713480 25%,#ff713480 87%,#0000 80%,#0000);background-position:bottom;background-repeat:no-repeat;background-size:100% 35%;font-style:italic;font-weight:400;transition:background-size .3s,border-radius .3s}.proton-TextEmphasis--tooltip:hover{background-size:100% 100%;border-radius:2px}.proton-TextEmphasis--tooltip:not(:hover){transition-delay:.2s}.proton__Tooltip{background-color:var(--proton-control__background-color);color:var(--proton-control__text-color);position:absolute}.proton-ui__theme--custom-dark.proton__Tooltip{background-color:var(--proton-color__primary)}.proton__TooltipTrigger{all:unset}.proton__Tooltip[data-placement=top]{--origin:translateY(4px);margin-bottom:8px}.proton__Tooltip[data-placement=bottom]{--origin:translateY(-4px);margin-top:8px}.proton__Tooltip[data-placement=bottom] .proton__TooltipArrow svg{transform:rotate(180deg)}.proton__Tooltip[data-placement=right]{--origin:translateX(-4px);margin-left:8px}.proton__Tooltip[data-placement=right] .proton__TooltipArrow svg{transform:rotate(90deg)}.proton__Tooltip[data-placement=left]{--origin:translateX(4px);margin-right:8px}.proton__Tooltip[data-placement=left] .proton__TooltipArrow svg{transform:rotate(-90deg)}.proton__Tooltip .proton__TooltipArrow svg{fill:var(--proton-control__background-color);display:block}.proton__Tooltip .proton-ui__theme--custom-dark.proton__TooltipArrow svg{fill:var(--proton-color__primary)}.proton__Tooltip[data-entering]{animation:.2s slide}.proton__Tooltip[data-exiting]{animation:.2s reverse slide}@keyframes slide{0%{opacity:0;transform:var(--origin)}to{opacity:1;transform:translateY(0)}}:root{--waveform-bar-color-dark:#ffffffe6;--waveform-bar-color-light:#000000b3;--waveform-disabled-color-dark:#fff3;--waveform-disabled-color-light:#0003;--waveform-animation-curve:cubic-bezier(.34,1.56,.64,1);--waveform-animation-duration:.4s;--waveform-bar-delay-multiplier:.7ms;--waveform-timestamp-padding:.25rem;--waveform-timestamp-font-size:.75rem;--waveform-timestamp-border-radius:.125rem;--waveform-hover-line-width:2px}.proton-Waveform{flex-direction:row;align-items:center;width:100%;height:100%;display:flex;position:relative}.proton-Waveform__container{z-index:0;flex:1;align-items:center;width:100%;height:100%;display:flex;position:relative}.proton-Waveform__timestamp{pointer-events:none;border-radius:var(--waveform-timestamp-border-radius);padding:0 var(--waveform-timestamp-padding);font-size:var(--waveform-timestamp-font-size);z-index:1;background-color:#0009;position:absolute}.proton-ui__theme--light .proton-Waveform__timestamp{color:#000c;background-color:#ffffffe6;box-shadow:0 2px 2px #0000004d}.proton-ui__theme--dark .proton-Waveform__timestamp{background-color:var(--proton-control__background-color)}.proton-ui__theme--custom-dark .proton-Waveform__timestamp{background-color:var(--proton-control__primary-dark)}.proton-Waveform__timestamp--left{left:1px}.proton-Waveform__timestamp--right{right:3px}.proton-Waveform__hover-line{width:var(--waveform-hover-line-width);background-color:#ffffff80;position:absolute;top:0;bottom:0;transform:translate(-50%)}.proton-ui__theme--light .proton-Waveform__hover-line{background-color:#00000080}.proton-Waveform__bar-wrapper{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.proton-Waveform__bar{background-color:var(--waveform-bar-color-dark);transform-origin:50%;width:100%;height:0;transition:height var(--waveform-animation-duration)var(--waveform-animation-curve);position:relative}.proton-Waveform__bar.proton-Waveform__bar--visible{height:var(--target-height);transition-delay:calc(var(--index)*var(--waveform-bar-delay-multiplier))}.proton-Waveform__bar.proton-Waveform__bar--upper{transform-origin:bottom}.proton-Waveform__bar.proton-Waveform__bar--lower{transform-origin:top}.proton-ui__theme--light .proton-Waveform__bar{background-color:var(--waveform-bar-color-light)}.proton-Waveform__bar.proton-Waveform__bar--disabled{background-color:var(--waveform-disabled-color-dark)}.proton-ui__theme--light .proton-Waveform__bar.proton-Waveform__bar--disabled{background-color:var(--waveform-disabled-color-light)}.proton-Waveform__bar.proton-Waveform__bar--disabled.proton-Waveform__bar--played{background-color:var(--waveform-disabled-color-dark)}.proton-ui__theme--light .proton-Waveform__bar.proton-Waveform__bar--disabled.proton-Waveform__bar--played{background-color:var(--waveform-disabled-color-light)}.proton-Waveform__bar.proton-Waveform__bar--played{background-color:var(--proton-color__primary)}.proton-Waveform__bar--hover{height:var(--hover-height);z-index:10;background-color:color-mix(in srgb,var(--proton-color__primary)50%,transparent);mix-blend-mode:darken;width:100%;position:absolute;top:50%;transform:translateY(-50%)}.proton-ui__theme--light .proton-Waveform__bar--hover{background-color:color-mix(in srgb,var(--proton-color__primary)50%,white);mix-blend-mode:lighten}.proton-Waveform__bar-unavailable{pointer-events:none;text-align:center;z-index:10;color:#fff;background-color:#000000b3;border-radius:4px;padding:3px 6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.proton-ui__theme--light .proton-Waveform__bar-unavailable{color:#000;background-color:#fff;box-shadow:0 5px 5px #0000004d}.proton-ui__theme--dark .proton-Waveform__bar-unavailable{background-color:var(--proton-control__background-color)}.proton-ui__theme--custom-dark .proton-Waveform__bar-unavailable{background-color:var(--proton-control__primary-dark)}.proton-Waveform__active-region{pointer-events:none;z-index:1;border:1.5px solid #ffffffb3;border-radius:4px;position:absolute;top:0;bottom:0}.proton-ui__theme--light .proton-Waveform__active-region{border-color:#0000004d}@keyframes shimmer{0%{background-position:-300px 0}to{background-position:800px 0}}.tombstone{background-position:-300px 0;background-repeat:no-repeat;background-size:300px 100%;animation:1.5s linear infinite shimmer}.tombstone.light{background-color:#d1d1d1;background-image:linear-gradient(-90deg,#d1d1d1,#b8b8b8,#d1d1d1)}.tombstone.dark{background-color:#3c3c3c;background-image:linear-gradient(-90deg,#363636,#292727,#353535)}.tombstone.custom-dark{background-image:linear-gradient(-90deg,var(--tombstone-custom-primary)0%,var(--tombstone-custom-secondary)50%,var(--tombstone-custom-primary)100%);background-color:var(--tombstone-custom-background)}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { B as z, G as
|
|
2
|
-
import { toRgba as M, transparentize as J, saturate as Q, desaturate as V, getScale as j, adjustHue as Z, getLuminance as
|
|
3
|
-
var x = function(n,
|
|
4
|
-
return n <
|
|
5
|
-
},
|
|
6
|
-
return n.reduce(function(
|
|
7
|
-
return
|
|
1
|
+
import { B as z, G as I } from "./colors-Dwh4VIMR.mjs";
|
|
2
|
+
import { toRgba as M, transparentize as J, saturate as Q, desaturate as V, getScale as j, adjustHue as Z, getLuminance as T, lighten as H, darken as U, hasBadContrast as W } from "color2k";
|
|
3
|
+
var x = function(n, o) {
|
|
4
|
+
return n < o ? -1 : n > o ? 1 : 0;
|
|
5
|
+
}, $ = function(n) {
|
|
6
|
+
return n.reduce(function(o, a) {
|
|
7
|
+
return o + a;
|
|
8
8
|
}, 0);
|
|
9
9
|
}, tt = /* @__PURE__ */ function() {
|
|
10
10
|
function n(a) {
|
|
11
11
|
this.colors = a;
|
|
12
12
|
}
|
|
13
|
-
var
|
|
14
|
-
return
|
|
13
|
+
var o = n.prototype;
|
|
14
|
+
return o.palette = function() {
|
|
15
15
|
return this.colors;
|
|
16
|
-
},
|
|
16
|
+
}, o.map = function(a) {
|
|
17
17
|
return a;
|
|
18
18
|
}, n;
|
|
19
19
|
}(), nt = function() {
|
|
20
20
|
function n(e, t, s) {
|
|
21
21
|
return (e << 10) + (t << 5) + s;
|
|
22
22
|
}
|
|
23
|
-
function
|
|
23
|
+
function o(e) {
|
|
24
24
|
var t = [], s = !1;
|
|
25
25
|
function u() {
|
|
26
26
|
t.sort(e), s = !0;
|
|
@@ -39,12 +39,12 @@ var x = function(n, r) {
|
|
|
39
39
|
return s || u(), t;
|
|
40
40
|
} };
|
|
41
41
|
}
|
|
42
|
-
function a(e, t, s, u, c,
|
|
42
|
+
function a(e, t, s, u, c, r, h) {
|
|
43
43
|
var f = this;
|
|
44
|
-
f.r1 = e, f.r2 = t, f.g1 = s, f.g2 = u, f.b1 = c, f.b2 =
|
|
44
|
+
f.r1 = e, f.r2 = t, f.g1 = s, f.g2 = u, f.b1 = c, f.b2 = r, f.histo = h;
|
|
45
45
|
}
|
|
46
46
|
function l() {
|
|
47
|
-
this.vboxes = new
|
|
47
|
+
this.vboxes = new o(function(e, t) {
|
|
48
48
|
return x(e.vbox.count() * e.vbox.volume(), t.vbox.count() * t.vbox.volume());
|
|
49
49
|
});
|
|
50
50
|
}
|
|
@@ -52,27 +52,27 @@ var x = function(n, r) {
|
|
|
52
52
|
if (t.count()) {
|
|
53
53
|
var s = t.r2 - t.r1 + 1, u = t.g2 - t.g1 + 1, c = Math.max.apply(null, [s, u, t.b2 - t.b1 + 1]);
|
|
54
54
|
if (t.count() == 1) return [t.copy()];
|
|
55
|
-
var
|
|
56
|
-
if (c == s) for (
|
|
57
|
-
for (g = 0, h = t.g1; h <= t.g2; h++) for (f = t.b1; f <= t.b2; f++) g += e[n(
|
|
58
|
-
v[
|
|
55
|
+
var r, h, f, g, p = 0, v = [], Y = [];
|
|
56
|
+
if (c == s) for (r = t.r1; r <= t.r2; r++) {
|
|
57
|
+
for (g = 0, h = t.g1; h <= t.g2; h++) for (f = t.b1; f <= t.b2; f++) g += e[n(r, h, f)] || 0;
|
|
58
|
+
v[r] = p += g;
|
|
59
59
|
}
|
|
60
|
-
else if (c == u) for (
|
|
61
|
-
for (g = 0, h = t.r1; h <= t.r2; h++) for (f = t.b1; f <= t.b2; f++) g += e[n(h,
|
|
62
|
-
v[
|
|
60
|
+
else if (c == u) for (r = t.g1; r <= t.g2; r++) {
|
|
61
|
+
for (g = 0, h = t.r1; h <= t.r2; h++) for (f = t.b1; f <= t.b2; f++) g += e[n(h, r, f)] || 0;
|
|
62
|
+
v[r] = p += g;
|
|
63
63
|
}
|
|
64
|
-
else for (
|
|
65
|
-
for (g = 0, h = t.r1; h <= t.r2; h++) for (f = t.g1; f <= t.g2; f++) g += e[n(h, f,
|
|
66
|
-
v[
|
|
64
|
+
else for (r = t.b1; r <= t.b2; r++) {
|
|
65
|
+
for (g = 0, h = t.r1; h <= t.r2; h++) for (f = t.g1; f <= t.g2; f++) g += e[n(h, f, r)] || 0;
|
|
66
|
+
v[r] = p += g;
|
|
67
67
|
}
|
|
68
68
|
return v.forEach(function(S, m) {
|
|
69
69
|
Y[m] = p - S;
|
|
70
70
|
}), function(S) {
|
|
71
|
-
var m,
|
|
72
|
-
for (
|
|
73
|
-
for (A = t.copy(), d = t.copy(), _ = (m =
|
|
74
|
-
for (
|
|
75
|
-
return A[D] = _, d[
|
|
71
|
+
var m, E, A, d, _, G = S + "1", D = S + "2", P = 0;
|
|
72
|
+
for (r = t[G]; r <= t[D]; r++) if (v[r] > p / 2) {
|
|
73
|
+
for (A = t.copy(), d = t.copy(), _ = (m = r - t[G]) <= (E = t[D] - r) ? Math.min(t[D] - 1, ~~(r + E / 2)) : Math.max(t[G], ~~(r - 1 - m / 2)); !v[_]; ) _++;
|
|
74
|
+
for (P = Y[_]; !P && v[_ - 1]; ) P = Y[--_];
|
|
75
|
+
return A[D] = _, d[G] = A[D] + 1, [A, d];
|
|
76
76
|
}
|
|
77
77
|
}(c == s ? "r" : c == u ? "g" : "b");
|
|
78
78
|
}
|
|
@@ -83,8 +83,8 @@ var x = function(n, r) {
|
|
|
83
83
|
}, count: function(e) {
|
|
84
84
|
var t = this, s = t.histo;
|
|
85
85
|
if (!t._count_set || e) {
|
|
86
|
-
var u, c,
|
|
87
|
-
for (u = t.r1; u <= t.r2; u++) for (c = t.g1; c <= t.g2; c++) for (
|
|
86
|
+
var u, c, r, h = 0;
|
|
87
|
+
for (u = t.r1; u <= t.r2; u++) for (c = t.g1; c <= t.g2; c++) for (r = t.b1; r <= t.b2; r++) h += s[n(u, c, r)] || 0;
|
|
88
88
|
t._count = h, t._count_set = !0;
|
|
89
89
|
}
|
|
90
90
|
return t._count;
|
|
@@ -94,10 +94,10 @@ var x = function(n, r) {
|
|
|
94
94
|
}, avg: function(e) {
|
|
95
95
|
var t = this, s = t.histo;
|
|
96
96
|
if (!t._avg || e) {
|
|
97
|
-
var u, c,
|
|
97
|
+
var u, c, r, h, f = 0, g = 0, p = 0, v = 0;
|
|
98
98
|
if (t.r1 === t.r2 && t.g1 === t.g2 && t.b1 === t.b2) t._avg = [t.r1 << 3, t.g1 << 3, t.b1 << 3];
|
|
99
99
|
else {
|
|
100
|
-
for (c = t.r1; c <= t.r2; c++) for (
|
|
100
|
+
for (c = t.r1; c <= t.r2; c++) for (r = t.g1; r <= t.g2; r++) for (h = t.b1; h <= t.b2; h++) f += u = s[n(c, r, h)] || 0, g += u * (c + 0.5) * 8, p += u * (r + 0.5) * 8, v += u * (h + 0.5) * 8;
|
|
101
101
|
t._avg = f ? [~~(g / f), ~~(p / f), ~~(v / f)] : [~~(8 * (t.r1 + t.r2 + 1) / 2), ~~(8 * (t.g1 + t.g2 + 1) / 2), ~~(8 * (t.b1 + t.b2 + 1) / 2)];
|
|
102
102
|
}
|
|
103
103
|
}
|
|
@@ -117,12 +117,12 @@ var x = function(n, r) {
|
|
|
117
117
|
for (var t = this.vboxes, s = 0; s < t.size(); s++) if (t.peek(s).vbox.contains(e)) return t.peek(s).color;
|
|
118
118
|
return this.nearest(e);
|
|
119
119
|
}, nearest: function(e) {
|
|
120
|
-
for (var t, s, u, c = this.vboxes,
|
|
120
|
+
for (var t, s, u, c = this.vboxes, r = 0; r < c.size(); r++) ((s = Math.sqrt(Math.pow(e[0] - c.peek(r).color[0], 2) + Math.pow(e[1] - c.peek(r).color[1], 2) + Math.pow(e[2] - c.peek(r).color[2], 2))) < t || t === void 0) && (t = s, u = c.peek(r).color);
|
|
121
121
|
return u;
|
|
122
122
|
}, forcebw: function() {
|
|
123
123
|
var e = this.vboxes;
|
|
124
|
-
e.sort(function(c,
|
|
125
|
-
return x(
|
|
124
|
+
e.sort(function(c, r) {
|
|
125
|
+
return x($(c.color), $(r.color));
|
|
126
126
|
});
|
|
127
127
|
var t = e[0].color;
|
|
128
128
|
t[0] < 5 && t[1] < 5 && t[2] < 5 && (e[0].color = [0, 0, 0]);
|
|
@@ -132,39 +132,39 @@ var x = function(n, r) {
|
|
|
132
132
|
if (!Number.isInteger(t) || t < 1 || t > 256) throw new Error("Invalid maximum color count. It must be an integer between 1 and 256.");
|
|
133
133
|
if (!e.length || t < 2 || t > 256 || !e.length || t < 2 || t > 256) return !1;
|
|
134
134
|
for (var s = [], u = /* @__PURE__ */ new Set(), c = 0; c < e.length; c++) {
|
|
135
|
-
var
|
|
136
|
-
u.has(h) || (u.add(h), s.push(
|
|
135
|
+
var r = e[c], h = r.join(",");
|
|
136
|
+
u.has(h) || (u.add(h), s.push(r));
|
|
137
137
|
}
|
|
138
138
|
if (s.length <= t) return new tt(s);
|
|
139
139
|
var f = function(m) {
|
|
140
|
-
var
|
|
140
|
+
var E, A = new Array(32768);
|
|
141
141
|
return m.forEach(function(d) {
|
|
142
|
-
|
|
142
|
+
E = n(d[0] >> 3, d[1] >> 3, d[2] >> 3), A[E] = (A[E] || 0) + 1;
|
|
143
143
|
}), A;
|
|
144
144
|
}(e);
|
|
145
145
|
f.forEach(function() {
|
|
146
146
|
});
|
|
147
|
-
var g = function(m,
|
|
148
|
-
var A, d, _,
|
|
147
|
+
var g = function(m, E) {
|
|
148
|
+
var A, d, _, G = 1e6, D = 0, P = 1e6, N = 0, O = 1e6, F = 0;
|
|
149
149
|
return m.forEach(function(K) {
|
|
150
|
-
(A = K[0] >> 3) <
|
|
151
|
-
}), new a(
|
|
152
|
-
}(e, f), p = new
|
|
153
|
-
return x(m.count(),
|
|
150
|
+
(A = K[0] >> 3) < G ? G = A : A > D && (D = A), (d = K[1] >> 3) < P ? P = d : d > N && (N = d), (_ = K[2] >> 3) < O ? O = _ : _ > F && (F = _);
|
|
151
|
+
}), new a(G, D, P, N, O, F, E);
|
|
152
|
+
}(e, f), p = new o(function(m, E) {
|
|
153
|
+
return x(m.count(), E.count());
|
|
154
154
|
});
|
|
155
|
-
function v(m,
|
|
155
|
+
function v(m, E) {
|
|
156
156
|
for (var A, d = m.size(), _ = 0; _ < 1e3; ) {
|
|
157
|
-
if (d >=
|
|
157
|
+
if (d >= E || _++ > 1e3) return;
|
|
158
158
|
if ((A = m.pop()).count()) {
|
|
159
|
-
var
|
|
159
|
+
var G = R(f, A), D = G[0], P = G[1];
|
|
160
160
|
if (!D) return;
|
|
161
|
-
m.push(D),
|
|
161
|
+
m.push(D), P && (m.push(P), d++);
|
|
162
162
|
} else m.push(A), _++;
|
|
163
163
|
}
|
|
164
164
|
}
|
|
165
165
|
p.push(g), v(p, 0.75 * t);
|
|
166
|
-
for (var Y = new
|
|
167
|
-
return x(m.count() * m.volume(),
|
|
166
|
+
for (var Y = new o(function(m, E) {
|
|
167
|
+
return x(m.count() * m.volume(), E.count() * E.volume());
|
|
168
168
|
}); p.size(); ) Y.push(p.pop());
|
|
169
169
|
v(Y, t);
|
|
170
170
|
for (var S = new l(); Y.size(); ) S.push(Y.pop());
|
|
@@ -176,11 +176,11 @@ var x = function(n, r) {
|
|
|
176
176
|
X.prototype.getImageData = function() {
|
|
177
177
|
return this.context.getImageData(0, 0, this.width, this.height);
|
|
178
178
|
};
|
|
179
|
-
var
|
|
179
|
+
var w = function() {
|
|
180
180
|
};
|
|
181
|
-
|
|
182
|
-
return
|
|
183
|
-
},
|
|
181
|
+
w.prototype.getColor = function(n, o) {
|
|
182
|
+
return o === void 0 && (o = 10), this.getPalette(n, 5, o)[0];
|
|
183
|
+
}, w.prototype.getPalette = function(n, o, a) {
|
|
184
184
|
var l = function(s) {
|
|
185
185
|
var u = s.colorCount, c = s.quality;
|
|
186
186
|
if (u !== void 0 && Number.isInteger(u)) {
|
|
@@ -188,18 +188,18 @@ C.prototype.getColor = function(n, r) {
|
|
|
188
188
|
u = Math.max(u, 2), u = Math.min(u, 20);
|
|
189
189
|
} else u = 10;
|
|
190
190
|
return (c === void 0 || !Number.isInteger(c) || c < 1) && (c = 10), { colorCount: u, quality: c };
|
|
191
|
-
}({ colorCount:
|
|
192
|
-
for (var
|
|
191
|
+
}({ colorCount: o, quality: a }), R = new X(n), e = function(s, u, c) {
|
|
192
|
+
for (var r, h, f, g, p, v = s, Y = [], S = 0; S < u; S += c) h = v[0 + (r = 4 * S)], f = v[r + 1], g = v[r + 2], ((p = v[r + 3]) === void 0 || p >= 125) && (h > 250 && f > 250 && g > 250 || Y.push([h, f, g]));
|
|
193
193
|
return Y;
|
|
194
194
|
}(R.getImageData().data, R.width * R.height, l.quality), t = nt(e, l.colorCount);
|
|
195
195
|
return t ? t.palette() : null;
|
|
196
|
-
},
|
|
196
|
+
}, w.prototype.getColorFromUrl = function(n, o, a) {
|
|
197
197
|
var l = this, R = document.createElement("img");
|
|
198
198
|
R.addEventListener("load", function() {
|
|
199
199
|
var e = l.getPalette(R, 5, a);
|
|
200
|
-
|
|
200
|
+
o(e[0], n);
|
|
201
201
|
}), R.src = n;
|
|
202
|
-
},
|
|
202
|
+
}, w.prototype.getImageData = function(n, o) {
|
|
203
203
|
var a = new XMLHttpRequest();
|
|
204
204
|
a.open("GET", n, !0), a.responseType = "arraybuffer", a.onload = function() {
|
|
205
205
|
if (this.status == 200) {
|
|
@@ -207,20 +207,20 @@ C.prototype.getColor = function(n, r) {
|
|
|
207
207
|
i = l.length;
|
|
208
208
|
for (var R = new Array(i), e = 0; e < l.length; e++) R[e] = String.fromCharCode(l[e]);
|
|
209
209
|
var t = R.join(""), s = window.btoa(t);
|
|
210
|
-
|
|
210
|
+
o("data:image/png;base64," + s);
|
|
211
211
|
}
|
|
212
212
|
}, a.send();
|
|
213
|
-
},
|
|
213
|
+
}, w.prototype.getColorAsync = function(n, o, a) {
|
|
214
214
|
var l = this;
|
|
215
215
|
this.getImageData(n, function(R) {
|
|
216
216
|
var e = document.createElement("img");
|
|
217
217
|
e.addEventListener("load", function() {
|
|
218
218
|
var t = l.getPalette(e, 5, a);
|
|
219
|
-
|
|
219
|
+
o(t[0], this);
|
|
220
220
|
}), e.src = R;
|
|
221
221
|
});
|
|
222
222
|
};
|
|
223
|
-
const et = "rgba(83, 82, 83, 1)",
|
|
223
|
+
const et = "rgba(83, 82, 83, 1)", st = {
|
|
224
224
|
BASE_COLOR: et,
|
|
225
225
|
BRAND: {
|
|
226
226
|
PRIMARY: z.PRIMARY,
|
|
@@ -228,46 +228,46 @@ const et = "rgba(83, 82, 83, 1)", ut = {
|
|
|
228
228
|
SECONDARY: z.SECONDARY
|
|
229
229
|
},
|
|
230
230
|
PRIMARY: {
|
|
231
|
-
PRIMARY_SUPER_DARK:
|
|
232
|
-
PRIMARY_DARK:
|
|
233
|
-
PRIMARY_MEDIUM:
|
|
234
|
-
PRIMARY_MEDIUM_LIGHT:
|
|
235
|
-
PRIMARY_LIGHT:
|
|
236
|
-
PRIMARY_LIGHTEST:
|
|
237
|
-
PRIMARY_SUPER_LIGHT:
|
|
231
|
+
PRIMARY_SUPER_DARK: I.GRAY_SUPER_DARK,
|
|
232
|
+
PRIMARY_DARK: I.GRAY_DARK,
|
|
233
|
+
PRIMARY_MEDIUM: I.GRAY_MEDIUM,
|
|
234
|
+
PRIMARY_MEDIUM_LIGHT: I.GRAY_MEDIUM_LIGHT,
|
|
235
|
+
PRIMARY_LIGHT: I.GRAY_LIGHT,
|
|
236
|
+
PRIMARY_LIGHTEST: I.GRAY_LIGHTEST,
|
|
237
|
+
PRIMARY_SUPER_LIGHT: I.GRAY_SUPER_LIGHT
|
|
238
238
|
},
|
|
239
239
|
SECONDARY: {
|
|
240
|
-
SECONDARY_SUPER_DARK:
|
|
241
|
-
SECONDARY_DARK:
|
|
242
|
-
SECONDARY_MEDIUM:
|
|
243
|
-
SECONDARY_MEDIUM_LIGHT:
|
|
244
|
-
SECONDARY_LIGHT:
|
|
245
|
-
SECONDARY_LIGHTEST:
|
|
246
|
-
SECONDARY_SUPER_LIGHT:
|
|
240
|
+
SECONDARY_SUPER_DARK: I.GRAY_SUPER_DARK,
|
|
241
|
+
SECONDARY_DARK: I.GRAY_DARK,
|
|
242
|
+
SECONDARY_MEDIUM: I.GRAY_MEDIUM,
|
|
243
|
+
SECONDARY_MEDIUM_LIGHT: I.GRAY_MEDIUM_LIGHT,
|
|
244
|
+
SECONDARY_LIGHT: I.GRAY_LIGHT,
|
|
245
|
+
SECONDARY_LIGHTEST: I.GRAY_LIGHTEST,
|
|
246
|
+
SECONDARY_SUPER_LIGHT: I.GRAY_SUPER_LIGHT
|
|
247
247
|
}
|
|
248
248
|
// Success, Warning & Danger palettes go here...
|
|
249
|
-
},
|
|
249
|
+
}, B = (n, o) => o === void 0 ? `rgb(${n[0]}, ${n[1]}, ${n[2]})` : `rgba(${n[0]}, ${n[1]}, ${n[2]}, ${o})`, ut = (n, o) => M(J(n, o)), C = (n, o) => M(Q(n, o)), L = (n, o) => M(V(n, o)), ct = (n) => {
|
|
250
250
|
try {
|
|
251
|
-
return new
|
|
251
|
+
return new w().getColor(n);
|
|
252
252
|
} catch {
|
|
253
253
|
return [255, 255, 255];
|
|
254
254
|
}
|
|
255
|
-
},
|
|
256
|
-
const
|
|
255
|
+
}, lt = (n) => {
|
|
256
|
+
const o = B(n), a = j("#FFFFFF", o, "#000000"), l = Array.from({ length: 12 }, (r, h) => {
|
|
257
257
|
const f = a(h / 11);
|
|
258
258
|
return L(f, 85e-4);
|
|
259
259
|
}), R = l.map(
|
|
260
|
-
(
|
|
261
|
-
), e = M(
|
|
260
|
+
(r) => C(q(r), 5e-3)
|
|
261
|
+
), e = M(C(Z(o, 180), 1)), t = j("#FFFFFF", e, "#000000"), s = Array.from({ length: 12 }, (r, h) => {
|
|
262
262
|
const f = t(h / 11);
|
|
263
263
|
return L(f, 0.1);
|
|
264
264
|
}), u = s.map(
|
|
265
|
-
(
|
|
265
|
+
(r) => L(q(r), 0.22)
|
|
266
266
|
), c = rt(
|
|
267
|
-
|
|
267
|
+
C(R[5], 0.115)
|
|
268
268
|
);
|
|
269
269
|
return {
|
|
270
|
-
BASE_COLOR:
|
|
270
|
+
BASE_COLOR: B(n),
|
|
271
271
|
BRAND: {
|
|
272
272
|
PRIMARY: c,
|
|
273
273
|
PRIMARY_LIGHT: b(c, 0.25, {
|
|
@@ -306,12 +306,12 @@ const et = "rgba(83, 82, 83, 1)", ut = {
|
|
|
306
306
|
),
|
|
307
307
|
//solid colors
|
|
308
308
|
PRIMARY_LIGHT: b(
|
|
309
|
-
|
|
309
|
+
C(R[5], 0.1),
|
|
310
310
|
0.16
|
|
311
311
|
),
|
|
312
312
|
//accessible text
|
|
313
313
|
PRIMARY_LIGHTEST: b(
|
|
314
|
-
|
|
314
|
+
C(R[3], 0.2),
|
|
315
315
|
0.12,
|
|
316
316
|
{
|
|
317
317
|
min: 0.5,
|
|
@@ -353,12 +353,12 @@ const et = "rgba(83, 82, 83, 1)", ut = {
|
|
|
353
353
|
),
|
|
354
354
|
//solid colors
|
|
355
355
|
SECONDARY_LIGHT: b(
|
|
356
|
-
|
|
356
|
+
C(u[5], 0.1),
|
|
357
357
|
0.16
|
|
358
358
|
),
|
|
359
359
|
//accessible text
|
|
360
360
|
SECONDARY_LIGHTEST: b(
|
|
361
|
-
|
|
361
|
+
C(u[3], 0.2),
|
|
362
362
|
0.12,
|
|
363
363
|
{
|
|
364
364
|
min: 0.5,
|
|
@@ -375,77 +375,68 @@ const et = "rgba(83, 82, 83, 1)", ut = {
|
|
|
375
375
|
)
|
|
376
376
|
}
|
|
377
377
|
};
|
|
378
|
-
}, b = (n,
|
|
379
|
-
let l = n, R =
|
|
378
|
+
}, b = (n, o, a = { min: 0.03, max: 0.97 }) => {
|
|
379
|
+
let l = n, R = T(l);
|
|
380
380
|
if (a.min < 0 && (a.min = 0), a.max > 1 && (a.max = 1), a.min >= a.max)
|
|
381
381
|
throw new Error("Invalid range: min must be less than max");
|
|
382
|
-
if (
|
|
382
|
+
if (o > 0) {
|
|
383
383
|
const t = a.max - R;
|
|
384
384
|
if (t <= 0) return M(l);
|
|
385
|
-
const s =
|
|
385
|
+
const s = o * (t / (1 - R));
|
|
386
386
|
l = H(l, s);
|
|
387
|
-
} else if (
|
|
387
|
+
} else if (o < 0) {
|
|
388
388
|
const t = R - a.min;
|
|
389
389
|
if (t <= 0) return M(l);
|
|
390
|
-
const s =
|
|
390
|
+
const s = o * (t / R);
|
|
391
391
|
l = U(l, Math.abs(s));
|
|
392
392
|
}
|
|
393
|
-
const e =
|
|
394
|
-
return (e > a.max || e < a.min) && (l =
|
|
395
|
-
},
|
|
396
|
-
let a = n, l =
|
|
397
|
-
for (; l >
|
|
398
|
-
a = U(a, 0.05), l =
|
|
399
|
-
for (; l <
|
|
400
|
-
a = H(a, 0.05), l =
|
|
393
|
+
const e = T(l);
|
|
394
|
+
return (e > a.max || e < a.min) && (l = k(l, a)), M(l);
|
|
395
|
+
}, k = (n, o) => {
|
|
396
|
+
let a = n, l = T(a);
|
|
397
|
+
for (; l > o.max; )
|
|
398
|
+
a = U(a, 0.05), l = T(a);
|
|
399
|
+
for (; l < o.min; )
|
|
400
|
+
a = H(a, 0.05), l = T(a);
|
|
401
401
|
return M(a);
|
|
402
402
|
}, y = (n) => {
|
|
403
|
-
for (; W(n, "readable",
|
|
403
|
+
for (; W(n, "readable", I.GRAY_DARK); )
|
|
404
404
|
n = H(n, 0.01);
|
|
405
405
|
return M(n);
|
|
406
406
|
}, rt = (n) => {
|
|
407
|
-
for (; W(
|
|
407
|
+
for (; W(I.GRAY_SUPER_LIGHT, "readable", n); )
|
|
408
408
|
n = U(n, 0.01);
|
|
409
409
|
return M(n);
|
|
410
410
|
}, q = (n) => {
|
|
411
|
-
let
|
|
411
|
+
let o = n, a = T(M(o)), l = 0;
|
|
412
412
|
const R = 6;
|
|
413
413
|
for (; a < 0.16 && l < R; )
|
|
414
|
-
l++,
|
|
414
|
+
l++, o = H(o, 0.1), a = T(M(o));
|
|
415
415
|
for (; a > 0.6 && l < R; )
|
|
416
|
-
l++,
|
|
417
|
-
return M(
|
|
416
|
+
l++, o = U(o, 0.1), a = T(M(o));
|
|
417
|
+
return M(o);
|
|
418
418
|
}, ot = (n) => typeof n == "string" || n instanceof String;
|
|
419
|
-
function
|
|
419
|
+
function ft(...n) {
|
|
420
420
|
return n.filter(ot).join(" ");
|
|
421
421
|
}
|
|
422
|
-
const
|
|
423
|
-
if (/^https?:\/\//.test(n)) {
|
|
424
|
-
const r = document.createElement("a");
|
|
425
|
-
return r.href = n, r.hostname;
|
|
426
|
-
}
|
|
427
|
-
return window.location.hostname;
|
|
428
|
-
}, Rt = (n) => {
|
|
429
|
-
const r = window.location.hostname, a = at(n);
|
|
430
|
-
return r !== a;
|
|
431
|
-
}, mt = (n, r) => {
|
|
422
|
+
const ht = (n) => n.startsWith("http"), Rt = (n, o) => {
|
|
432
423
|
if (n.metaKey || n.altKey || n.ctrlKey || n.shiftKey || n.button && n.button !== 0)
|
|
433
424
|
return;
|
|
434
425
|
n.preventDefault();
|
|
435
|
-
const a =
|
|
426
|
+
const a = o.startsWith("/") ? o : `/${o}`;
|
|
436
427
|
window.history.pushState({}, "", a), window.dispatchEvent(new PopStateEvent("popstate"));
|
|
437
428
|
};
|
|
438
429
|
export {
|
|
439
430
|
et as D,
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
431
|
+
st as a,
|
|
432
|
+
B as b,
|
|
433
|
+
lt as c,
|
|
443
434
|
L as d,
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
435
|
+
ft as e,
|
|
436
|
+
ct as g,
|
|
437
|
+
Rt as h,
|
|
438
|
+
ht as i,
|
|
439
|
+
C as s,
|
|
440
|
+
ut as t
|
|
450
441
|
};
|
|
451
|
-
//# sourceMappingURL=utils-
|
|
442
|
+
//# sourceMappingURL=utils-CJd9wFM9.mjs.map
|