@uiengine/ui 3.2.0 → 3.2.4

package/dist/_assets/styles/{inject.cb10a74.css → inject.4c93db5.css}

@@ -1 +1 @@
-:root{--uie-font-family-fallback:"Helvetica",Arial,Tahoma,Verdana,sans-serif;--uie-font-family-code:"Fira Code",Hasklig,"Jetbrains Mono","Source Code Pro","DejaVu Sans Mono",Hack,Meslo,Menlo,Inconsolata,Consolas,"Liberation Mono",Courier,monospace;--uie-font-family-bold:"Inter",var(--uie-font-family-fallback);--uie-font-family-light:"Inter",var(--uie-font-family-fallback);--uie-font-family-regular:"Inter",var(--uie-font-family-fallback);--uie-font-family-bolditalic:"Inter",var(--uie-font-family-fallback);--uie-font-family-lightitalic:"Inter",var(--uie-font-family-fallback);--uie-font-weight-light:300;--uie-font-weight-regular:400;--uie-font-weight-italic:400;--uie-font-weight-bold:700;--uie-font-style-italic:italic;--uie-base-font-size-s:16px;--uie-base-font-size-m:16px;--uie-base-font-size-l:16px;--uie-base-border-radius:4px;--uie-font-size-xs:.75rem;--uie-font-size-s:.875rem;--uie-font-size-m:1rem;--uie-font-size-l:1.125rem;--uie-font-size-xl:1.5rem;--uie-font-size-xxl:2.25rem;--uie-font-size-xxxl:3rem;--uie-line-height:1.6;--uie-line-height-heading:1.25;--uie-space-xxs:.125rem;--uie-space-xs:.25rem;--uie-space-s:.5rem;--uie-space-m:.75rem;--uie-space-l:1.125rem;--uie-space-xl:1.75rem;--uie-space-xxl:2.5rem;--uie-space-xxxl:4rem;--uie-transition-duration-fast:.15s;--uie-transition-duration-medium:.25s;--uie-color-neutral-0:#fff;--uie-color-neutral-10:#f8fafc;--uie-color-neutral-20:#edf2f7;--uie-color-neutral-30:#dae1e7;--uie-color-neutral-50:#b8c2cc;--uie-color-neutral-70:#8795a1;--uie-color-neutral-80:#606f7b;--uie-color-neutral-90:#3d4852;--uie-color-neutral-100:#1a202c;--uie-color-accent-ultralight:#a0b8cf;--uie-color-accent-light:#6a90b4;--uie-color-accent-medium:#4d759a;--uie-color-accent-dark:#446788;--uie-color-accent-ultradark:#1b2936;--uie-color-border-light:var(--uie-color-neutral-10);--uie-color-border-medium:var(--uie-color-neutral-20);--uie-color-border-dark:var(--uie-color-neutral-30);--uie-color-bg-light:var(--uie-color-neutral-10);--uie-color-bg-medium:var(--uie-color-neutral-20);--uie-color-bg-dark:var(--uie-color-neutral-30);--uie-color-topbar-bg:var(--uie-color-accent-ultradark);--uie-color-topbar-text:var(--uie-color-neutral-0);--uie-color-topbar-text-hover:var(--uie-color-accent-ultralight);--uie-color-topbar-border:var(--uie-color-border-dark);--uie-color-navigation-bg:var(--uie-color-bg-medium);--uie-color-navigation-text:var(--uie-color-neutral-80);--uie-color-navigation-text-hover:var(--uie-color-accent-light);--uie-color-navigation-bg-current:var(--uie-color-bg-dark);--uie-color-navigation-text-current:var(--uie-color-accent-dark);--uie-color-navigation-border:var(--uie-color-border-dark);--uie-color-main-bg:var(--uie-color-neutral-0);--uie-color-main-text:var(--uie-color-neutral-90);--uie-color-main-link:var(--uie-color-accent-light);--uie-color-main-link-hover:var(--uie-color-accent-dark);--uie-color-secondary-text:var(--uie-color-neutral-70);--uie-color-secondary-link:var(--uie-color-neutral-80);--uie-color-secondary-link-hover:var(--uie-color-neutral-90);--uie-color-tertiary-text:var(--uie-color-neutral-50);--uie-color-tertiary-text-hover:var(--uie-color-neutral-70);--uie-color-inverted-text:var(--uie-color-neutral-0);--uie-color-option-bg:var(--uie-color-main-bg);--uie-color-option-text:var(--uie-color-accent-light);--uie-color-option-bg-hover:var(--uie-color-bg-medium);--uie-color-option-text-hover:var(--uie-color-accent-dark);--uie-color-option-bg-current:var(--uie-color-bg-dark);--uie-color-option-text-current:var(--uie-color-accent-dark);--uie-color-option-border:var(--uie-color-border-dark);--uie-color-preview-option-text:var(--uie-color-secondary-text);--uie-color-preview-option-label:var(--uie-color-tertiary-text);--uie-color-preview-option-text-hover:var(--uie-color-secondary-link-hover);--uie-color-preview-option-label-hover:var(--uie-color-tertiary-text-hover);--uie-color-preview-option-bg:var(--uie-color-option-bg);--uie-color-preview-option-bg-hover:var(--uie-color-option-bg-hover);--uie-color-preview-option-border:var(--uie-color-option-border);--uie-color-modal-bg:var(--uie-color-option-bg);--uie-color-modal-bg-hover:var(--uie-color-option-bg-hover);--uie-color-modal-bg-current:var(--uie-color-option-bg-current);--uie-color-modal-text:var(--uie-color-option-text);--uie-color-modal-text-hover:var(--uie-color-option-text-hover);--uie-color-modal-text-current:var(--uie-color-option-text-current);--uie-color-modal-border:var(--uie-color-option-border);--uie-color-contentheader-bg:var(--uie-color-option-bg);--uie-color-contentheader-text:var(--uie-color-option-text);--uie-color-contentheader-bg-hover:var(--uie-color-option-bg-hover);--uie-color-contentheader-text-hover:var(--uie-color-option-text-hover);--uie-color-contentheader-bg-current:var(--uie-color-option-bg-current);--uie-color-contentheader-text-current:var(--uie-color-option-text-current);--uie-color-contentheader-border:var(--uie-color-option-border);--uie-color-label-bg:var(--uie-color-accent-medium);--uie-color-label-text:var(--uie-color-inverted-text);--uie-color-label-border:var(--uie-color-accent-medium);--uie-color-tag-bg:var(--uie-color-main-bg);--uie-color-tag-text:var(--uie-color-tertiary-text);--uie-color-tag-border:var(--uie-color-tertiary-text);--uie-color-code-bg:var(--uie-color-bg-medium);--uie-color-code-border:var(--uie-color-option-border);--uie-color-code-header-text:var(--uie-color-option-text);--uie-color-code-header-bg:var(--uie-color-option-bg);--uie-color-code-header-text-hover:var(--uie-color-option-text-hoveer);--uie-color-code-header-bg-hover:var(--uie-color-option-bg-hover);--uie-color-code-header-text-current:var(--uie-color-option-text-hover);--uie-color-code-header-bg-current:var(--uie-color-option-bg-hover);--uie-color-footer-bg:var(--uie-color-bg-light);--uie-color-footer-text:var(--uie-color-secondary-text);--uie-color-footer-link:var(--uie-color-secondary-link);--uie-color-footer-link-hover:var(--uie-color-secondary-link-hover);--uie-color-preview-title:var(--uie-color-main-text);--uie-color-preview-title-bg:var(--uie-color-bg-medium);--uie-color-preview-border:var(--uie-color-border-dark);--uie-preview-border-width:var(--uie-space-s);--uie-preview-padding:var(--uie-preview-border-width)}@font-face{font-named-instance:"Regular";font-display:fallback;font-family:Inter;font-weight:100 900;src:url(../fonts/Inter-roman.var.97fa084.woff2) format("woff2")}@font-face{font-named-instance:"Italic";font-display:fallback;font-family:Inter;font-style:italic;font-weight:100 900;src:url(../fonts/Inter-italic.var.9a96de7.woff2) format("woff2")}.uie{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular);height:100%;line-height:var(--uie-line-height)}.uie *{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;vertical-align:baseline}.uie body{height:100%}.uie h1,.uie h2,.uie h3{font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold)}.uie h1{font-size:var(--uie-font-size-xxxl)}.uie h1,.uie h2{line-height:var(--uie-line-height-heading)}.uie h2{font-size:var(--uie-font-size-xl)}.uie h3{font-size:var(--uie-font-size-l)}.uie h4,.uie h5,.uie h6{font-size:var(--uie-font-size-m)}.uie .intro,.uie h4,.uie h5,.uie h6{font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular)}.uie .intro{font-size:var(--uie-font-size-l)}.uie .intro,.uie details{color:var(--uie-color-secondary-text)}.uie em{font-style:var(--uie-font-style-italic);font-weight:var(--uie-font-weight-italic)}.uie em,.uie summary{font-family:var(--uie-font-family-lightitalic);font-weight:var(--uie-font-weight-light)}.uie strong{font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold)}.uie em strong,.uie strong em{font-family:var(--uie-font-family-bolditalic);font-weight:var(--uie-font-weight-bold)}.uie table{border-collapse:collapse}.uie table caption{font-size:var(--uie-font-size-l);margin-bottom:var(--uie-space-m)}.uie table caption,.uie table th{font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold);text-align:left}.uie table th{background-color:var(--uie-color-bg-light);border-bottom:1px solid var(--uie-color-border-dark);border-top:1px solid var(--uie-color-border-dark);color:var(--uie-color-secondary-text)}.uie table td,.uie table th{font-size:var(--uie-font-size-s)}.uie table td{border-bottom:1px solid var(--uie-color-border-medium)}.uie table td,.uie table th{padding:var(--uie-space-s) var(--uie-space-m);vertical-align:middle}.uie hr{border-top:1px solid var(--uie-color-border-medium)}.uie mark{background-color:var(--uie-color-accent-light)}.uie code,.uie mark{border-radius:var(--uie-space-xs);padding:var(--uie-space-xxs) var(--uie-space-xs)}.uie code{background-color:var(--uie-color-code-bg);border:1px solid var(--uie-color-code-border);font-size:var(--uie-font-size-s)}.uie code,.uie pre{font-family:var(--uie-font-family-code)}.uie pre{overflow-x:auto;padding:var(--uie-space-m)!important}.uie pre code{background-color:transparent;border:0;border-radius:0;padding:0}.uie select{border:1px solid var(--uie-color-border-medium)}.uie{background:var(--uie-color-main-bg);color:var(--uie-color-main-text)}.uie-html-sketchapp-export{padding:20px}.uie-html-sketchapp-export__section+.uie-html-sketchapp-export__section{margin-top:var(--uie-space-xxxl)}.uie-html-sketchapp-export__article+.uie-html-sketchapp-export__article{margin-top:var(--uie-space-xxl)}.uie-tokens__category+.uie-tokens__category{margin-top:var(--uie-space-xxxl)}.uie-tokens__title{font-family:var(--uie-font-family-regular);font-size:var(--uie-font-size-m);font-weight:var(--uie-font-weight-regular);margin-bottom:var(--uie-space-m)}.uie-tokens__grid{grid-gap:1rem;background-color:var(--uie-color-neutral-20);border-radius:var(--uie-base-border-radius);display:grid;grid-template-columns:repeat(auto-fill,120px);padding:1rem}.uie-tokens__container--color{grid-gap:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.uie-tokens code{font-size:var(--uie-font-size-xs)}.uie-token__color{height:40px;width:100%}.uie-color-token__swatch{border:1px solid var(--uie-color-code-border);border-radius:50%;border-bottom-right-radius:0!important;display:inline-block;height:4.5rem;padding:var(--uie-space-xxs);width:4.5rem}.uie-color-token__swatch__inner{border-radius:50%;border-bottom-right-radius:0!important;height:100%;width:100%}.uie-color-token__info{display:-webkit-box;display:-ms-flexbox;display:flex}.uie-color-token__info--top{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:var(--uie-space-m)}.uie-color-token__info+.uie-color-token__info{margin-top:var(--uie-space-xs)}.uie-color-token__example,.uie-color-token__label{-webkit-box-flex:0;-ms-flex:0 0 5.75rem;flex:0 0 5.75rem;padding-right:var(--uie-space-m);text-align:right}.uie-color-token__name{-webkit-box-flex:1;-ms-flex:1;flex:1;font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular)}.uie-color-token__label{color:var(--uie-color-secondary-text);font-family:var(--uie-font-family-light);font-size:var(--uie-font-size-xs);font-weight:var(--uie-font-weight-light);padding-top:calc(var(--uie-font-size-s) - var(--uie-font-size-xs))}.uie-color-token__value{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:var(--uie-font-size-s)}.uie-color-token__value--code{font-family:var(--uie-font-family-code)}.uie-size-token__size{background-color:var(--uie-color-border-dark);bottom:-.15em;display:inline-block;position:relative}.uie-font-token+.uie-font-token{margin-top:var(--uie-space-xxl)}.uie-font-token__info{display:-webkit-box;display:-ms-flexbox;display:flex}.uie-font-token__info--top{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.uie-font-token__info--example,.uie-font-token__info--top{margin-bottom:var(--uie-space-m)}.uie-font-token__info+.uie-font-token__info{margin-top:var(--uie-space-xs)}.uie-font-token__label{-webkit-box-flex:0;color:var(--uie-color-secondary-text);-ms-flex:0 0 5.75rem;flex:0 0 5.75rem;font-family:var(--uie-font-family-light);font-size:var(--uie-font-size-xs);font-weight:var(--uie-font-weight-light);padding-right:var(--uie-space-m);padding-top:calc(var(--uie-font-size-s) - var(--uie-font-size-xs));text-align:right}.uie-font-token__value{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:var(--uie-font-size-s)}.uie-font-token__value--code{font-family:var(--uie-font-family-code)}.uie-font-token__example{font-size:1rem}.uie-default-token__value,.uie-icon-token__value{vertical-align:middle}.uie-default-token__value--value,.uie-default-token__value--variable,.uie-icon-token__value--value,.uie-icon-token__value--variable{font-family:var(--uie-font-family-code)}.uie-icon-token__icon{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--uie-color-neutral-0);border-radius:var(--uie-base-border-radius);-webkit-box-shadow:0 2px 6px 0 rgba(0,41,77,.07);box-shadow:0 2px 6px 0 rgba(0,41,77,.07);display:-webkit-box;display:-ms-flexbox;display:flex;height:80px;justify-content:center;margin-bottom:var(--uie-space-s)}.uie-icon-token__name{font-size:var(--uie-font-size-xs);text-align:center}.uie-theme-token__variablename{display:inline-block;margin-top:var(--uie-space-xs)}.uie-theme-token__value--value,.uie-theme-token__value--variable{font-family:var(--uie-font-family-code)}.uie-theme-token__value--variable{white-space:nowrap}.uie-theme-token__value--default{text-align:center}.uie-theme-token__swatch{border:1px solid var(--uie-color-code-border);border-radius:50%;border-bottom-right-radius:0!important;display:inline-block;height:2em;margin-right:var(--uie-space-xs);padding:var(--uie-space-xxs);width:2em}.uie-theme-token__swatch__inner{border-radius:50%;border-bottom-right-radius:0!important;display:block;height:100%;width:100%}.uie-theme-token__size{background-color:var(--uie-color-bg-dark);bottom:-.15em;display:inline-block;position:relative}.uie-shadow-token{margin-bottom:var(--uie-space-m);margin-top:var(--uie-space-m)}.uie-border-token,.uie-shadow-token{background-color:var(--uie-color-bg-dark);display:block;height:3rem;width:12rem}.uie-border-token{border-color:var(--uie-color-neutral-50);border-style:solid}.uie-opacity-token{background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;display:block;height:3rem;position:relative;width:12rem}.uie-opacity-token__inner{background-color:var(--uie-color-accent-ultradark);bottom:0;left:0;position:absolute;right:0;top:0}@media print{.uie{font-size:10pt}}@media screen and (max-width:639px){.uie{font-size:var(--uie-base-font-size-s)}}@media screen and (min-width:640px) and (max-width:959px){.uie{font-size:var(--uie-base-font-size-m)}}@media screen and (min-width:960px){.uie{font-size:var(--uie-base-font-size-l)}}@media(prefers-reduced-motion:reduce){.uie *{-webkit-animation:none!important;animation:none!important;-webkit-transition:none!important;transition:none!important}}@media screen and (max-width:959px){.uie-table-wrapper{scrollbar-width:thin;scrollbar-color:var(--uie-color-neutral-50) var(--uie-color-neutral-20);margin-bottom:var(--uie-space-xs);overflow-x:auto;padding-bottom:var(--uie-space-xs);width:100%}.uie-table-wrapper table{min-width:680px}.uie-table-wrapper::-webkit-scrollbar{height:7px;width:7px}.uie-table-wrapper::-webkit-scrollbar-thumb{background-color:var(--uie-color-neutral-50);border:2px solid var(--uie-color-neutral-20);border-radius:7px;-webkit-box-shadow:0 0 1px hsla(0,0%,100%,.5);box-shadow:0 0 1px hsla(0,0%,100%,.5);display:block}.uie-table-wrapper::-webkit-scrollbar-track{background-color:var(--uie-color-neutral-20);border-radius:7px}}
+:root{--uie-font-family-fallback:"Helvetica",Arial,Tahoma,Verdana,sans-serif;--uie-font-family-code:"Fira Code",Hasklig,"Jetbrains Mono","Source Code Pro","DejaVu Sans Mono",Hack,Meslo,Menlo,Inconsolata,Consolas,"Liberation Mono",Courier,monospace;--uie-font-family-bold:"Inter",var(--uie-font-family-fallback);--uie-font-family-light:"Inter",var(--uie-font-family-fallback);--uie-font-family-regular:"Inter",var(--uie-font-family-fallback);--uie-font-family-bolditalic:"Inter",var(--uie-font-family-fallback);--uie-font-family-lightitalic:"Inter",var(--uie-font-family-fallback);--uie-font-weight-light:300;--uie-font-weight-regular:400;--uie-font-weight-italic:400;--uie-font-weight-bold:700;--uie-font-style-italic:italic;--uie-base-font-size-s:16px;--uie-base-font-size-m:16px;--uie-base-font-size-l:16px;--uie-base-border-radius:4px;--uie-font-size-xs:.75rem;--uie-font-size-s:.875rem;--uie-font-size-m:1rem;--uie-font-size-l:1.125rem;--uie-font-size-xl:1.5rem;--uie-font-size-xxl:2.25rem;--uie-font-size-xxxl:3rem;--uie-line-height:1.6;--uie-line-height-heading:1.25;--uie-space-xxs:.125rem;--uie-space-xs:.25rem;--uie-space-s:.5rem;--uie-space-m:.75rem;--uie-space-l:1.125rem;--uie-space-xl:1.75rem;--uie-space-xxl:2.5rem;--uie-space-xxxl:4rem;--uie-transition-duration-fast:.15s;--uie-transition-duration-medium:.25s;--uie-color-neutral-0:#fff;--uie-color-neutral-10:#f8fafc;--uie-color-neutral-20:#edf2f7;--uie-color-neutral-30:#dae1e7;--uie-color-neutral-50:#b8c2cc;--uie-color-neutral-70:#8795a1;--uie-color-neutral-80:#606f7b;--uie-color-neutral-90:#3d4852;--uie-color-neutral-100:#1a202c;--uie-color-accent-ultralight:#a0b8cf;--uie-color-accent-light:#6a90b4;--uie-color-accent-medium:#4d759a;--uie-color-accent-dark:#446788;--uie-color-accent-ultradark:#1b2936;--uie-color-border-light:var(--uie-color-neutral-10);--uie-color-border-medium:var(--uie-color-neutral-20);--uie-color-border-dark:var(--uie-color-neutral-30);--uie-color-bg-light:var(--uie-color-neutral-10);--uie-color-bg-medium:var(--uie-color-neutral-20);--uie-color-bg-dark:var(--uie-color-neutral-30);--uie-color-topbar-bg:var(--uie-color-accent-ultradark);--uie-color-topbar-text:var(--uie-color-neutral-0);--uie-color-topbar-text-hover:var(--uie-color-accent-ultralight);--uie-color-topbar-border:var(--uie-color-border-dark);--uie-color-navigation-bg:var(--uie-color-bg-medium);--uie-color-navigation-text:var(--uie-color-neutral-80);--uie-color-navigation-text-hover:var(--uie-color-accent-light);--uie-color-navigation-bg-current:var(--uie-color-bg-dark);--uie-color-navigation-text-current:var(--uie-color-accent-dark);--uie-color-navigation-border:var(--uie-color-border-dark);--uie-color-main-bg:var(--uie-color-neutral-0);--uie-color-main-text:var(--uie-color-neutral-90);--uie-color-main-link:var(--uie-color-accent-light);--uie-color-main-link-hover:var(--uie-color-accent-dark);--uie-color-secondary-text:var(--uie-color-neutral-70);--uie-color-secondary-link:var(--uie-color-neutral-80);--uie-color-secondary-link-hover:var(--uie-color-neutral-90);--uie-color-tertiary-text:var(--uie-color-neutral-50);--uie-color-tertiary-text-hover:var(--uie-color-neutral-70);--uie-color-inverted-text:var(--uie-color-neutral-0);--uie-color-option-bg:var(--uie-color-main-bg);--uie-color-option-text:var(--uie-color-accent-light);--uie-color-option-bg-hover:var(--uie-color-bg-medium);--uie-color-option-text-hover:var(--uie-color-accent-dark);--uie-color-option-bg-current:var(--uie-color-bg-dark);--uie-color-option-text-current:var(--uie-color-accent-dark);--uie-color-option-border:var(--uie-color-border-dark);--uie-color-preview-option-text:var(--uie-color-secondary-text);--uie-color-preview-option-label:var(--uie-color-tertiary-text);--uie-color-preview-option-text-hover:var(--uie-color-secondary-link-hover);--uie-color-preview-option-label-hover:var(--uie-color-tertiary-text-hover);--uie-color-preview-option-bg:var(--uie-color-option-bg);--uie-color-preview-option-bg-hover:var(--uie-color-option-bg-hover);--uie-color-preview-option-border:var(--uie-color-option-border);--uie-color-modal-bg:var(--uie-color-option-bg);--uie-color-modal-bg-hover:var(--uie-color-option-bg-hover);--uie-color-modal-bg-current:var(--uie-color-option-bg-current);--uie-color-modal-text:var(--uie-color-option-text);--uie-color-modal-text-hover:var(--uie-color-option-text-hover);--uie-color-modal-text-current:var(--uie-color-option-text-current);--uie-color-modal-border:var(--uie-color-option-border);--uie-color-contentheader-bg:var(--uie-color-option-bg);--uie-color-contentheader-text:var(--uie-color-option-text);--uie-color-contentheader-bg-hover:var(--uie-color-option-bg-hover);--uie-color-contentheader-text-hover:var(--uie-color-option-text-hover);--uie-color-contentheader-bg-current:var(--uie-color-option-bg-current);--uie-color-contentheader-text-current:var(--uie-color-option-text-current);--uie-color-contentheader-border:var(--uie-color-option-border);--uie-color-label-bg:var(--uie-color-accent-medium);--uie-color-label-text:var(--uie-color-inverted-text);--uie-color-label-border:var(--uie-color-accent-medium);--uie-color-tag-bg:var(--uie-color-main-bg);--uie-color-tag-text:var(--uie-color-tertiary-text);--uie-color-tag-border:var(--uie-color-tertiary-text);--uie-color-code-bg:var(--uie-color-bg-medium);--uie-color-code-border:var(--uie-color-option-border);--uie-color-code-header-text:var(--uie-color-option-text);--uie-color-code-header-bg:var(--uie-color-option-bg);--uie-color-code-header-text-hover:var(--uie-color-option-text-hoveer);--uie-color-code-header-bg-hover:var(--uie-color-option-bg-hover);--uie-color-code-header-text-current:var(--uie-color-option-text-hover);--uie-color-code-header-bg-current:var(--uie-color-option-bg-hover);--uie-color-footer-bg:var(--uie-color-bg-light);--uie-color-footer-text:var(--uie-color-secondary-text);--uie-color-footer-link:var(--uie-color-secondary-link);--uie-color-footer-link-hover:var(--uie-color-secondary-link-hover);--uie-color-preview-title:var(--uie-color-main-text);--uie-color-preview-title-bg:var(--uie-color-bg-medium);--uie-color-preview-border:var(--uie-color-border-dark);--uie-preview-border-width:var(--uie-space-s);--uie-preview-padding:var(--uie-preview-border-width)}@font-face{font-named-instance:"Regular";font-display:fallback;font-family:Inter;font-weight:100 900;src:url(../fonts/Inter-roman.var.97fa084.woff2) format("woff2")}@font-face{font-named-instance:"Italic";font-display:fallback;font-family:Inter;font-style:italic;font-weight:100 900;src:url(../fonts/Inter-italic.var.9a96de7.woff2) format("woff2")}.uie{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular);height:100%;line-height:var(--uie-line-height)}.uie *{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;vertical-align:baseline}.uie body{height:100%}.uie h1,.uie h2,.uie h3{font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold)}.uie h1{font-size:var(--uie-font-size-xxxl)}.uie h1,.uie h2{line-height:var(--uie-line-height-heading)}.uie h2{font-size:var(--uie-font-size-xl)}.uie h3{font-size:var(--uie-font-size-l)}.uie h4,.uie h5,.uie h6{font-size:var(--uie-font-size-m)}.uie .intro,.uie h4,.uie h5,.uie h6{font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular)}.uie .intro{font-size:var(--uie-font-size-l)}.uie .intro,.uie details{color:var(--uie-color-secondary-text)}.uie em{font-style:var(--uie-font-style-italic);font-weight:var(--uie-font-weight-italic)}.uie em,.uie summary{font-family:var(--uie-font-family-lightitalic);font-weight:var(--uie-font-weight-light)}.uie strong{font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold)}.uie em strong,.uie strong em{font-family:var(--uie-font-family-bolditalic);font-weight:var(--uie-font-weight-bold)}.uie table{border-collapse:collapse}.uie table caption{font-size:var(--uie-font-size-l);margin-bottom:var(--uie-space-m)}.uie table caption,.uie table th{font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold);text-align:left}.uie table th{background-color:var(--uie-color-bg-light);border-bottom:1px solid var(--uie-color-border-dark);border-top:1px solid var(--uie-color-border-dark);color:var(--uie-color-secondary-text)}.uie table td,.uie table th{font-size:var(--uie-font-size-s)}.uie table td{border-bottom:1px solid var(--uie-color-border-medium)}.uie table td,.uie table th{padding:var(--uie-space-s) var(--uie-space-m);vertical-align:middle}.uie hr{border-top:1px solid var(--uie-color-border-medium)}.uie mark{background-color:var(--uie-color-accent-light)}.uie code,.uie mark{border-radius:var(--uie-space-xs);padding:var(--uie-space-xxs) var(--uie-space-xs)}.uie code{background-color:var(--uie-color-code-bg);border:1px solid var(--uie-color-code-border);font-size:var(--uie-font-size-s)}.uie code,.uie pre{font-family:var(--uie-font-family-code)}.uie pre{overflow-x:auto;padding:var(--uie-space-m)!important}.uie pre code{background-color:transparent;border:0;border-radius:0;padding:0}.uie select{border:1px solid var(--uie-color-border-medium)}.uie{background:var(--uie-color-main-bg);color:var(--uie-color-main-text)}.uie-html-sketchapp-export{padding:20px}.uie-html-sketchapp-export__section+.uie-html-sketchapp-export__section{margin-top:var(--uie-space-xxxl)}.uie-html-sketchapp-export__article+.uie-html-sketchapp-export__article{margin-top:var(--uie-space-xxl)}.uie-tokens__category+.uie-tokens__category{margin-top:var(--uie-space-xxxl)}.uie-tokens__title{font-family:var(--uie-font-family-regular);font-size:var(--uie-font-size-m);font-weight:var(--uie-font-weight-regular);margin-bottom:var(--uie-space-m)}.uie-tokens__grid{grid-gap:1rem;background-color:var(--uie-color-neutral-20);border-radius:var(--uie-base-border-radius);display:grid;grid-template-columns:repeat(auto-fill,120px);padding:1rem}.uie-tokens__container--color{grid-gap:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.uie-tokens code{font-size:var(--uie-font-size-xs)}.uie-token__color{height:40px;width:100%}.uie-color-token__swatch{border:1px solid var(--uie-color-code-border);border-radius:50%;border-bottom-right-radius:0!important;display:inline-block;height:4.5rem;padding:var(--uie-space-xxs);width:4.5rem}.uie-color-token__swatch__inner{border-radius:50%;border-bottom-right-radius:0!important;height:100%;width:100%}.uie-color-token__info{display:-webkit-box;display:-ms-flexbox;display:flex}.uie-color-token__info--top{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:var(--uie-space-m)}.uie-color-token__info+.uie-color-token__info{margin-top:var(--uie-space-xs)}.uie-color-token__example,.uie-color-token__label{-webkit-box-flex:0;-ms-flex:0 0 5.75rem;flex:0 0 5.75rem;padding-right:var(--uie-space-m);text-align:right}.uie-color-token__name{-webkit-box-flex:1;-ms-flex:1;flex:1;font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular)}.uie-color-token__label{color:var(--uie-color-secondary-text);font-family:var(--uie-font-family-light);font-size:var(--uie-font-size-xs);font-weight:var(--uie-font-weight-light);padding-top:calc(var(--uie-font-size-s) - var(--uie-font-size-xs))}.uie-color-token__value{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:var(--uie-font-size-s)}.uie-color-token__value--code{font-family:var(--uie-font-family-code)}.uie-size-token__size{background-color:var(--uie-color-border-dark);bottom:-.15em;display:inline-block;position:relative}.uie-font-token+.uie-font-token{margin-top:var(--uie-space-xxl)}.uie-font-token__info{display:-webkit-box;display:-ms-flexbox;display:flex}.uie-font-token__info--top{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.uie-font-token__info--example,.uie-font-token__info--top{margin-bottom:var(--uie-space-m)}.uie-font-token__info+.uie-font-token__info{margin-top:var(--uie-space-xs)}.uie-font-token__label{-webkit-box-flex:0;color:var(--uie-color-secondary-text);-ms-flex:0 0 5.75rem;flex:0 0 5.75rem;font-family:var(--uie-font-family-light);font-size:var(--uie-font-size-xs);font-weight:var(--uie-font-weight-light);padding-right:var(--uie-space-m);padding-top:calc(var(--uie-font-size-s) - var(--uie-font-size-xs));text-align:right}.uie-font-token__value{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:var(--uie-font-size-s)}.uie-font-token__value--code{font-family:var(--uie-font-family-code)}.uie-font-token__example{font-size:1rem}.uie-default-token__value,.uie-icon-token__value{vertical-align:middle}.uie-default-token__value--value,.uie-default-token__value--variable,.uie-icon-token__value--value,.uie-icon-token__value--variable{font-family:var(--uie-font-family-code)}.uie-icon-token__icon{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--uie-color-neutral-0);border-radius:var(--uie-base-border-radius);-webkit-box-shadow:0 2px 6px 0 rgba(0,41,77,.07);box-shadow:0 2px 6px 0 rgba(0,41,77,.07);display:-webkit-box;display:-ms-flexbox;display:flex;height:80px;justify-content:center;margin-bottom:var(--uie-space-s)}.uie-icon-token__name{font-size:var(--uie-font-size-xs);text-align:center}.uie-theme-token__variablename{display:inline-block;margin-top:var(--uie-space-xs)}.uie-theme-token__value--value,.uie-theme-token__value--variable{font-family:var(--uie-font-family-code)}.uie-theme-token__value--variable{white-space:nowrap}.uie-theme-token__value--default{text-align:center}.uie-theme-token__swatch{border:1px solid var(--uie-color-code-border);border-radius:50%;border-bottom-right-radius:0!important;display:inline-block;height:2em;margin-right:var(--uie-space-xs);padding:var(--uie-space-xxs);width:2em}.uie-theme-token__swatch__inner{border-radius:50%;border-bottom-right-radius:0!important;display:block;height:100%;width:100%}.uie-theme-token__size{background-color:var(--uie-color-bg-dark);bottom:-.15em;display:inline-block;position:relative}.uie-shadow-token{margin-bottom:var(--uie-space-m);margin-top:var(--uie-space-m)}.uie-border-token,.uie-shadow-token{background-color:var(--uie-color-bg-dark);display:block;height:3rem;width:12rem}.uie-border-token{border-color:var(--uie-color-neutral-50);border-style:solid}.uie-opacity-token{background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;display:block;height:3rem;position:relative;width:12rem}.uie-opacity-token__inner{background-color:var(--uie-color-accent-ultradark);bottom:0;left:0;position:absolute;right:0;top:0}@media print{.uie{font-size:10pt}}@media screen and (max-width:639px){.uie{font-size:var(--uie-base-font-size-s)}}@media screen and (min-width:640px) and (max-width:959px){.uie{font-size:var(--uie-base-font-size-m)}}@media screen and (min-width:960px){.uie{font-size:var(--uie-base-font-size-l)}}@media(prefers-reduced-motion:reduce){.uie *{-webkit-animation:none!important;animation:none!important;-webkit-transition:none!important;transition:none!important}}@media screen and (max-width:959px){.uie-table-wrapper{margin-bottom:var(--uie-space-xs);overflow-x:auto;padding-bottom:var(--uie-space-xs);scrollbar-color:var(--uie-color-neutral-50) var(--uie-color-neutral-20);scrollbar-width:thin;width:100%}.uie-table-wrapper table{min-width:680px}.uie-table-wrapper::-webkit-scrollbar{height:7px;width:7px}.uie-table-wrapper::-webkit-scrollbar-thumb{background-color:var(--uie-color-neutral-50);border:2px solid var(--uie-color-neutral-20);border-radius:7px;-webkit-box-shadow:0 0 1px rgba(255,255,255,.5);box-shadow:0 0 1px rgba(255,255,255,.5);display:block}.uie-table-wrapper::-webkit-scrollbar-track{background-color:var(--uie-color-neutral-20);border-radius:7px}}

package/dist/_assets/styles/{main.25a69fe.css → main.077577c.css}

@@ -1 +1 @@
-.topbar[data-v-0778ce28]{--button-size:40px;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background:var(--uie-color-topbar-bg);border-bottom:1px solid var(--uie-color-topbar-border);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}.topbar[data-v-0778ce28],.topbar a[data-v-0778ce28]{color:var(--uie-color-topbar-text)}.topbar__home[data-v-0778ce28]{display:block;font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular);margin-right:var(--uie-space-m);text-decoration:none}.topbar__home[data-v-0778ce28]:active,.topbar__home[data-v-0778ce28]:focus,.topbar__home[data-v-0778ce28]:hover{color:var(--uie-color-topbar-text-hover)}.topbar__theme[data-v-0778ce28]{position:relative}.topbar__theme-toggle[data-v-0778ce28]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;color:var(--uie-color-topbar-text);cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--uie-font-size-s);font-weight:var(--uie-font-weight-regular);margin-left:var(--uie-space-s);padding:var(--uie-space-s)}.topbar__theme-toggle[data-v-0778ce28]:active,.topbar__theme-toggle[data-v-0778ce28]:focus,.topbar__theme-toggle[data-v-0778ce28]:hover{color:var(--uie-color-topbar-text-hover)}.topbar__theme-toggle:active .icon[data-v-0778ce28],.topbar__theme-toggle:focus .icon[data-v-0778ce28],.topbar__theme-toggle:hover .icon[data-v-0778ce28]{fill:currentColor}.topbar__theme-toggle-icon[data-v-0778ce28]{fill:var(--uie-color-topbar-text);height:16px;margin-left:var(--uie-space-s);-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:16px}.topbar__theme-toggle[aria-expanded=false] .topbar__theme-toggle-icon[data-v-0778ce28]{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.topbar__theme-options[data-v-0778ce28]{max-height:0;overflow:hidden;position:absolute;right:0;top:2.35rem;-webkit-transition-duration:var(--uie-transition-duration-medium);transition-duration:var(--uie-transition-duration-medium);-webkit-transition-property:max-height;transition-property:max-height;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;z-index:5}.topbar__theme-options--active[data-v-0778ce28]{max-height:30rem;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.topbar__theme-options-inner[data-v-0778ce28]{border:1px solid var(--uie-color-modal-border);border-radius:var(--uie-base-border-radius);overflow:hidden}.topbar__theme-option[data-v-0778ce28]{background:var(--uie-color-modal-bg);color:var(--uie-color-modal-text);cursor:pointer;display:block;font-size:var(--uie-font-size-s);padding:var(--uie-space-s) var(--uie-space-m);text-align:left;text-decoration:none;white-space:nowrap;width:100%}.topbar__theme-option .icon[data-v-0778ce28]{fill:var(--uie-color-modal-text);height:21px;margin-right:var(--uie-space-s);margin-top:-6px;position:relative;top:6px;width:21px}.topbar__theme-option[data-v-0778ce28]:not([aria-selected]):active,.topbar__theme-option[data-v-0778ce28]:not([aria-selected]):focus,.topbar__theme-option[data-v-0778ce28]:not([aria-selected]):hover{background-color:var(--uie-color-modal-bg-hover);color:var(--uie-color-modal-text-hover)}.topbar__theme-option:not([aria-selected]):active .icon[data-v-0778ce28],.topbar__theme-option:not([aria-selected]):focus .icon[data-v-0778ce28],.topbar__theme-option:not([aria-selected]):hover .icon[data-v-0778ce28]{fill:var(--uie-color-modal-text-hover)}.topbar__theme-option[aria-selected][data-v-0778ce28]:not(:only-child){background-color:var(--uie-color-modal-bg-current);color:var(--uie-color-modal-text-current)}.topbar__theme-option[aria-selected]:not(:only-child) .icon[data-v-0778ce28]{fill:var(--uie-color-modal-text-current)}.topbar__theme-option+.topbar__theme-option[data-v-0778ce28]{border-top:1px solid var(--uie-color-modal-border)}.topbar__spacer[data-v-0778ce28]{margin-right:auto}.topbar__toggle[data-v-0778ce28]{-webkit-box-flex:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;-ms-flex:0 0 var(--button-size);flex:0 0 var(--button-size);height:var(--button-size);padding:8px;width:var(--button-size)}.topbar__toggle[data-v-0778ce28]:active,.topbar__toggle[data-v-0778ce28]:focus,.topbar__toggle[data-v-0778ce28]:hover{color:var(--uie-color-topbar-text-hover)}.topbar__toggle:active .icon[data-v-0778ce28],.topbar__toggle:focus .icon[data-v-0778ce28],.topbar__toggle:hover .icon[data-v-0778ce28]{fill:currentColor}.topbar__toggle--menu[data-v-0778ce28]{margin-left:calc(var(--uie-space-s)*-1);margin-right:var(--uie-space-xs)}.topbar__toggle--search[data-v-0778ce28]{margin-left:var(--uie-space-xs);margin-right:calc(var(--uie-space-s)*-1)}.topbar__icon[data-v-0778ce28]{fill:var(--uie-color-topbar-text);height:24px;-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:24px}.topbar__search[data-v-0778ce28]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-bottom:var(--uie-space-m);padding-top:var(--uie-space-m);width:100%}.topbar__searchfield[data-v-0778ce28]{--icon-size:16px;background-color:var(--uie-color-neutral-20);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTExIDJhOSA5IDAgMCAxIDcuMDMyIDE0LjYxN2wzLjY3NSAzLjY3NmExIDEgMCAwIDEtMS4zMiAxLjQ5N2wtLjA5NC0uMDgzLTMuNjc2LTMuNjc1QTkgOSAwIDEgMSAxMSAyem0wIDJhNyA3IDAgMSAwIDQuODY1IDEyLjAzMy43MzIuNzMyIDAgMCAxIC4wNzgtLjA5bC4wOS0uMDc4QTcgNyAwIDAgMCAxMSA0eiIvPjwvc3ZnPg==);background-position:top 50% left var(--uie-space-s);background-repeat:no-repeat;background-size:var(--icon-size);border:1px solid transparent;border-radius:var(--uie-base-border-radius);font-family:var(--uie-font-family-light);font-size:var(--uie-font-size-m);padding:var(--uie-space-s) var(--uie-space-s) var(--uie-space-s) calc(var(--icon-size) + var(--uie-space-l));width:100%}.topbar__searchfield[data-v-0778ce28]:focus{background-color:var(--uie-color-neutral-0);border-color:var(--uie-color-border-dark);outline:none}.topbar__searchfield[data-v-0778ce28]::-webkit-input-placeholder{opacity:.5}.topbar__searchfield[data-v-0778ce28]::-moz-placeholder{opacity:.5}.topbar__searchfield[data-v-0778ce28]:-ms-input-placeholder{opacity:.5}.topbar__searchfield[data-v-0778ce28]::-ms-input-placeholder{opacity:.5}.topbar__searchfield[data-v-0778ce28]::placeholder{opacity:.5}@media screen and (min-width:960px){.topbar[data-v-0778ce28]{grid-gap:1rem;display:grid;grid-template-columns:1fr 2fr 1fr}.topbar__home[data-v-0778ce28]{font-size:var(--uie-font-size-l)}.topbar__theme[data-v-0778ce28]{justify-self:end}.topbar__toggle--search[data-v-0778ce28]{display:none}.topbar__search[data-v-0778ce28]{justify-self:center;max-width:600px}}@media screen and (max-width:959px){.topbar__home[data-v-0778ce28]{font-size:var(--uie-font-size-m)}.topbar__theme[data-v-0778ce28]{margin-left:auto}.topbar__search[data-v-0778ce28]{-webkit-box-ordinal-group:5;-ms-flex-order:4;margin-right:0;order:4}.topbar__search--collapsed[data-v-0778ce28]{display:none}}.navigation[data-v-6937a9e1]{background:var(--uie-color-navigation-bg);border-right:1px solid var(--uie-color-navigation-border);color:var(--uie-color-navigation-text);padding-left:var(--uie-space-m);padding-right:var(--uie-space-m)}.navigation__project-details[data-v-6937a9e1]{text-decoration:none}.navigation__project-logo[data-v-6937a9e1]{display:block;margin-bottom:var(--uie-space-l);margin-left:auto;margin-right:auto;max-height:120px;max-width:90%}.navigation__project-name[data-v-6937a9e1]{color:var(--uie-color-main-text);font-family:var(--uie-font-family-bold);font-size:var(--uie-font-size-l);font-weight:var(--uie-font-weight-bold);margin-bottom:var(--uie-space-m);padding-left:var(--uie-space-s);padding-right:var(--uie-space-s);text-align:center;text-decoration:none}@media screen and (max-width:959px){.navigation[data-v-6937a9e1]{padding-bottom:var(--uie-space-s);padding-top:var(--uie-space-s)}}@media screen and (min-width:960px){.navigation[data-v-6937a9e1]{padding-bottom:var(--uie-space-xl);padding-top:var(--uie-space-xl)}}.footer[data-v-cdcd25a2]{background:var(--uie-color-footer-bg);color:var(--uie-color-footer-text);font-size:var(--uie-font-size-xs);padding-bottom:var(--uie-space-l);padding-top:var(--uie-space-l)}.footer a[data-v-cdcd25a2]{color:var(--uie-color-footer-link);text-decoration:none;-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast)}.footer a[data-v-cdcd25a2]:hover{color:var(--uie-color-footer-link-hover);text-decoration:underline}.footer a:hover .icon[data-v-cdcd25a2]{fill:var(--uie-color-footer-link-hover)}.footer a .icon[data-v-cdcd25a2]{fill:var(--uie-color-footer-link);height:18px;margin:0 -.3rem;position:relative;top:.4em;-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast);width:18px}.footer__nav[data-v-cdcd25a2]{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin-bottom:var(--uie-space-m)}.footer__nav a+a[data-v-cdcd25a2]{margin-left:var(--uie-space-l)}.footer a{color:var(--uie-color-footer-link);text-decoration:none;-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast)}.footer a:hover{color:var(--uie-color-footer-link-hover);text-decoration:underline}.footer a:hover .icon{fill:var(--uie-color-footer-link-hover)}.footer a .icon{fill:var(--uie-color-footer-link);-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast)}.main{background:var(--uie-color-main-bg);color:var(--uie-color-main-text)}.content{max-width:55rem}.content .intro>:last-child,.content>:last-child,.content details:not([class])>:last-child,.content td:not([class])>:last-child{margin-bottom:0!important}.content summary+*{margin-top:var(--uie-space-m)}.content a:not([class]),.content a[class=""]{color:var(--uie-color-main-link);text-decoration:underline;-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast)}.content a:not([class]):hover,.content a[class=""]:hover{color:var(--uie-color-main-link-hover);text-decoration:underline}.content a:not([class]):hover .icon,.content a[class=""]:hover .icon{fill:var(--uie-color-main-link-hover)}.content a:not([class]) .icon,.content a[class=""] .icon{fill:var(--uie-color-main-link);-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast)}.content ol:not([class]),.content p:not([class]),.content ul:not([class]){margin-bottom:var(--uie-space-l)}.content ol:not([class]),.content ul:not([class]){margin-left:var(--uie-space-l)}.content li:not([class])+li:not([class]){margin-top:var(--uie-space-xs)}.content .intro,.content table:not([class]){margin-bottom:var(--uie-space-xxl)}.content figure:not([class]){border:1px solid var(--uie-color-border-light);padding:var(--uie-space-m)}.content img:not([class]){max-width:100%}.content details:not([class]),.content figure:not([class]),.content hr,.content pre{margin-bottom:var(--uie-space-xl)}.content hr{margin-top:var(--uie-space-xl)}.content code:not([class]),.content mark:not([class]),.content pre{border-radius:var(--uie-space-xs)}.content code:not([class]){border:1px solid var(--uie-color-code-border)}.content pre code:not([class]){border:0}.content h1:not([class]),.content h2:not([class]),.content h3:not([class]){margin-bottom:var(--uie-space-l)}.content h4:not([class]){margin-bottom:var(--uie-space-m)}.content h5:not([class]),.content h6:not([class]){margin-bottom:var(--uie-space-s)}.content h1:not([class]),.content h2:not([class]),.content h3:not([class]),.content h4:not([class]),.content h5:not([class]),.content h6:not([class]){color:var(--uie-color-main-text);font-weight:var(--uie-font-weight-bold)}.content h1:not([class]) a,.content h2:not([class]) a,.content h3:not([class]) a,.content h4:not([class]) a,.content h5:not([class]) a,.content h6:not([class]) a{text-decoration:none}.content .intro+h2:not([class]),.content figure:not([class])+h2:not([class]),.content ol:not([class])+h2:not([class]),.content p:not([class])+h2:not([class]),.content pre+h2:not([class]),.content table:not([class])+h2:not([class]),.content ul:not([class])+h2:not([class]){margin-top:var(--uie-space-xxxl)}.content .intro+h3:not([class]),.content figure:not([class])+h3:not([class]),.content ol:not([class])+h3:not([class]),.content p:not([class])+h3:not([class]),.content pre+h3:not([class]),.content table:not([class])+h3:not([class]),.content ul:not([class])+h3:not([class]){margin-top:var(--uie-space-xxl)}.content .intro+h4:not([class]),.content .intro+h5:not([class]),.content figure:not([class])+h4:not([class]),.content figure:not([class])+h5:not([class]),.content ol:not([class])+h4:not([class]),.content ol:not([class])+h5:not([class]),.content p:not([class])+h4:not([class]),.content p:not([class])+h5:not([class]),.content pre+h4:not([class]),.content pre+h5:not([class]),.content table:not([class])+h4:not([class]),.content table:not([class])+h5:not([class]),.content ul:not([class])+h4:not([class]),.content ul:not([class])+h5:not([class]){margin-top:var(--uie-space-xl)}.content .intro+h6:not([class]),.content figure:not([class])+h6:not([class]),.content ol:not([class])+h6:not([class]),.content p:not([class])+h6:not([class]),.content pre+h6:not([class]),.content table:not([class])+h6:not([class]),.content ul:not([class])+h6:not([class]){margin-top:var(--uie-space-l)}.content p:not([class])+figure:not([class]){margin-top:calc(var(--uie-space-s)*-1)}:root{--uie-font-family-fallback:"Helvetica",Arial,Tahoma,Verdana,sans-serif;--uie-font-family-code:"Fira Code",Hasklig,"Jetbrains Mono","Source Code Pro","DejaVu Sans Mono",Hack,Meslo,Menlo,Inconsolata,Consolas,"Liberation Mono",Courier,monospace;--uie-font-family-bold:"Inter",var(--uie-font-family-fallback);--uie-font-family-light:"Inter",var(--uie-font-family-fallback);--uie-font-family-regular:"Inter",var(--uie-font-family-fallback);--uie-font-family-bolditalic:"Inter",var(--uie-font-family-fallback);--uie-font-family-lightitalic:"Inter",var(--uie-font-family-fallback);--uie-font-weight-light:300;--uie-font-weight-regular:400;--uie-font-weight-italic:400;--uie-font-weight-bold:700;--uie-font-style-italic:italic;--uie-base-font-size-s:16px;--uie-base-font-size-m:16px;--uie-base-font-size-l:16px;--uie-base-border-radius:4px;--uie-font-size-xs:.75rem;--uie-font-size-s:.875rem;--uie-font-size-m:1rem;--uie-font-size-l:1.125rem;--uie-font-size-xl:1.5rem;--uie-font-size-xxl:2.25rem;--uie-font-size-xxxl:3rem;--uie-line-height:1.6;--uie-line-height-heading:1.25;--uie-space-xxs:.125rem;--uie-space-xs:.25rem;--uie-space-s:.5rem;--uie-space-m:.75rem;--uie-space-l:1.125rem;--uie-space-xl:1.75rem;--uie-space-xxl:2.5rem;--uie-space-xxxl:4rem;--uie-transition-duration-fast:.15s;--uie-transition-duration-medium:.25s;--uie-color-neutral-0:#fff;--uie-color-neutral-10:#f8fafc;--uie-color-neutral-20:#edf2f7;--uie-color-neutral-30:#dae1e7;--uie-color-neutral-50:#b8c2cc;--uie-color-neutral-70:#8795a1;--uie-color-neutral-80:#606f7b;--uie-color-neutral-90:#3d4852;--uie-color-neutral-100:#1a202c;--uie-color-accent-ultralight:#a0b8cf;--uie-color-accent-light:#6a90b4;--uie-color-accent-medium:#4d759a;--uie-color-accent-dark:#446788;--uie-color-accent-ultradark:#1b2936;--uie-color-border-light:var(--uie-color-neutral-10);--uie-color-border-medium:var(--uie-color-neutral-20);--uie-color-border-dark:var(--uie-color-neutral-30);--uie-color-bg-light:var(--uie-color-neutral-10);--uie-color-bg-medium:var(--uie-color-neutral-20);--uie-color-bg-dark:var(--uie-color-neutral-30);--uie-color-topbar-bg:var(--uie-color-accent-ultradark);--uie-color-topbar-text:var(--uie-color-neutral-0);--uie-color-topbar-text-hover:var(--uie-color-accent-ultralight);--uie-color-topbar-border:var(--uie-color-border-dark);--uie-color-navigation-bg:var(--uie-color-bg-medium);--uie-color-navigation-text:var(--uie-color-neutral-80);--uie-color-navigation-text-hover:var(--uie-color-accent-light);--uie-color-navigation-bg-current:var(--uie-color-bg-dark);--uie-color-navigation-text-current:var(--uie-color-accent-dark);--uie-color-navigation-border:var(--uie-color-border-dark);--uie-color-main-bg:var(--uie-color-neutral-0);--uie-color-main-text:var(--uie-color-neutral-90);--uie-color-main-link:var(--uie-color-accent-light);--uie-color-main-link-hover:var(--uie-color-accent-dark);--uie-color-secondary-text:var(--uie-color-neutral-70);--uie-color-secondary-link:var(--uie-color-neutral-80);--uie-color-secondary-link-hover:var(--uie-color-neutral-90);--uie-color-tertiary-text:var(--uie-color-neutral-50);--uie-color-tertiary-text-hover:var(--uie-color-neutral-70);--uie-color-inverted-text:var(--uie-color-neutral-0);--uie-color-option-bg:var(--uie-color-main-bg);--uie-color-option-text:var(--uie-color-accent-light);--uie-color-option-bg-hover:var(--uie-color-bg-medium);--uie-color-option-text-hover:var(--uie-color-accent-dark);--uie-color-option-bg-current:var(--uie-color-bg-dark);--uie-color-option-text-current:var(--uie-color-accent-dark);--uie-color-option-border:var(--uie-color-border-dark);--uie-color-preview-option-text:var(--uie-color-secondary-text);--uie-color-preview-option-label:var(--uie-color-tertiary-text);--uie-color-preview-option-text-hover:var(--uie-color-secondary-link-hover);--uie-color-preview-option-label-hover:var(--uie-color-tertiary-text-hover);--uie-color-preview-option-bg:var(--uie-color-option-bg);--uie-color-preview-option-bg-hover:var(--uie-color-option-bg-hover);--uie-color-preview-option-border:var(--uie-color-option-border);--uie-color-modal-bg:var(--uie-color-option-bg);--uie-color-modal-bg-hover:var(--uie-color-option-bg-hover);--uie-color-modal-bg-current:var(--uie-color-option-bg-current);--uie-color-modal-text:var(--uie-color-option-text);--uie-color-modal-text-hover:var(--uie-color-option-text-hover);--uie-color-modal-text-current:var(--uie-color-option-text-current);--uie-color-modal-border:var(--uie-color-option-border);--uie-color-contentheader-bg:var(--uie-color-option-bg);--uie-color-contentheader-text:var(--uie-color-option-text);--uie-color-contentheader-bg-hover:var(--uie-color-option-bg-hover);--uie-color-contentheader-text-hover:var(--uie-color-option-text-hover);--uie-color-contentheader-bg-current:var(--uie-color-option-bg-current);--uie-color-contentheader-text-current:var(--uie-color-option-text-current);--uie-color-contentheader-border:var(--uie-color-option-border);--uie-color-label-bg:var(--uie-color-accent-medium);--uie-color-label-text:var(--uie-color-inverted-text);--uie-color-label-border:var(--uie-color-accent-medium);--uie-color-tag-bg:var(--uie-color-main-bg);--uie-color-tag-text:var(--uie-color-tertiary-text);--uie-color-tag-border:var(--uie-color-tertiary-text);--uie-color-code-bg:var(--uie-color-bg-medium);--uie-color-code-border:var(--uie-color-option-border);--uie-color-code-header-text:var(--uie-color-option-text);--uie-color-code-header-bg:var(--uie-color-option-bg);--uie-color-code-header-text-hover:var(--uie-color-option-text-hoveer);--uie-color-code-header-bg-hover:var(--uie-color-option-bg-hover);--uie-color-code-header-text-current:var(--uie-color-option-text-hover);--uie-color-code-header-bg-current:var(--uie-color-option-bg-hover);--uie-color-footer-bg:var(--uie-color-bg-light);--uie-color-footer-text:var(--uie-color-secondary-text);--uie-color-footer-link:var(--uie-color-secondary-link);--uie-color-footer-link-hover:var(--uie-color-secondary-link-hover);--uie-color-preview-title:var(--uie-color-main-text);--uie-color-preview-title-bg:var(--uie-color-bg-medium);--uie-color-preview-border:var(--uie-color-border-dark);--uie-preview-border-width:var(--uie-space-s);--uie-preview-padding:var(--uie-preview-border-width)}@font-face{font-named-instance:"Regular";font-display:fallback;font-family:Inter;font-weight:100 900;src:url(../fonts/Inter-roman.var.97fa084.woff2) format("woff2")}@font-face{font-named-instance:"Italic";font-display:fallback;font-family:Inter;font-style:italic;font-weight:100 900;src:url(../fonts/Inter-italic.var.9a96de7.woff2) format("woff2")}.uie{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular);height:100%;line-height:var(--uie-line-height)}.uie *{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;vertical-align:baseline}.uie body{height:100%}.uie h1,.uie h2,.uie h3{font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold)}.uie h1{font-size:var(--uie-font-size-xxxl)}.uie h1,.uie h2{line-height:var(--uie-line-height-heading)}.uie h2{font-size:var(--uie-font-size-xl)}.uie h3{font-size:var(--uie-font-size-l)}.uie h4,.uie h5,.uie h6{font-size:var(--uie-font-size-m)}.uie .intro,.uie h4,.uie h5,.uie h6{font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular)}.uie .intro{font-size:var(--uie-font-size-l)}.uie .intro,.uie details{color:var(--uie-color-secondary-text)}.uie em{font-style:var(--uie-font-style-italic);font-weight:var(--uie-font-weight-italic)}.uie em,.uie summary{font-family:var(--uie-font-family-lightitalic);font-weight:var(--uie-font-weight-light)}.uie strong{font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold)}.uie em strong,.uie strong em{font-family:var(--uie-font-family-bolditalic);font-weight:var(--uie-font-weight-bold)}.uie table{border-collapse:collapse}.uie table caption{font-size:var(--uie-font-size-l);margin-bottom:var(--uie-space-m)}.uie table caption,.uie table th{font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold);text-align:left}.uie table th{background-color:var(--uie-color-bg-light);border-bottom:1px solid var(--uie-color-border-dark);border-top:1px solid var(--uie-color-border-dark);color:var(--uie-color-secondary-text)}.uie table td,.uie table th{font-size:var(--uie-font-size-s)}.uie table td{border-bottom:1px solid var(--uie-color-border-medium)}.uie table td,.uie table th{padding:var(--uie-space-s) var(--uie-space-m);vertical-align:middle}.uie hr{border-top:1px solid var(--uie-color-border-medium)}.uie mark{background-color:var(--uie-color-accent-light)}.uie code,.uie mark{border-radius:var(--uie-space-xs);padding:var(--uie-space-xxs) var(--uie-space-xs)}.uie code{background-color:var(--uie-color-code-bg);border:1px solid var(--uie-color-code-border);font-size:var(--uie-font-size-s)}.uie code,.uie pre{font-family:var(--uie-font-family-code)}.uie pre{overflow-x:auto;padding:var(--uie-space-m)!important}.uie pre code{background-color:transparent;border:0;border-radius:0;padding:0}.uie select{border:1px solid var(--uie-color-border-medium)}.topbar{padding-left:var(--uie-space-l);padding-right:var(--uie-space-l)}.in-page-nav{margin-top:var(--uie-space-xxl)}@media print{.uie{font-size:10pt}.footer,.navigation,.topbar{display:none!important}}@media screen and (max-width:639px){.uie{font-size:var(--uie-base-font-size-s)}.footer,.main,.topbar{padding-left:var(--uie-space-m);padding-right:var(--uie-space-m)}}@media screen and (min-width:640px) and (max-width:959px){.uie{font-size:var(--uie-base-font-size-m)}.footer,.main,.topbar{padding-left:var(--uie-space-l);padding-right:var(--uie-space-l)}}@media screen and (min-width:960px){.uie{font-size:var(--uie-base-font-size-l)}.layout{--topbar-height:4rem;--navigation-width:264px;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.topbar{height:var(--topbar-height);right:0;top:0;z-index:1}.navigation,.topbar{left:0;position:fixed}.navigation{bottom:0;overflow-y:auto;top:var(--topbar-height);width:var(--navigation-width)}.main{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-top:var(--topbar-height);padding-bottom:var(--uie-space-xxl);padding-top:var(--uie-space-xxl)}.footer,.main{margin-left:var(--navigation-width)}.navigation[hidden]+.main,.navigation[hidden]+.main+.footer{margin-left:0}}@media(prefers-reduced-motion:reduce){.uie *{-webkit-animation:none!important;animation:none!important;-webkit-transition:none!important;transition:none!important}}@media screen and (max-width:959px){.navigation{position:relative}.main{padding-bottom:var(--uie-space-xl);padding-top:var(--uie-space-xl)}}@media screen and (min-width:960px) and (max-width:1279px){.main,.main+.footer{padding-left:var(--uie-space-xl);padding-right:var(--uie-space-xl)}}@media screen and (min-width:1280px) and (max-width:1679px){.main,.main+.footer{padding-left:var(--uie-space-xxl);padding-right:var(--uie-space-xxl)}}@media screen and (min-width:1680px){.main,.main+.footer{padding-left:var(--uie-space-xxxl);padding-right:var(--uie-space-xxxl)}}@media screen and (min-width:1280px){.main{padding-right:calc(var(--uie-space-xxl)*3 + 140px)}.in-page-nav{display:block;margin-top:0;position:fixed;right:var(--uie-space-xxl);top:calc(var(--topbar-height) + var(--uie-space-xxl));width:140px}}.contentheader[data-v-eaea4294]{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:var(--uie-space-l);position:relative}.contentheader[data-v-eaea4294],.contentheader__right[data-v-eaea4294]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.contentheader__right[data-v-eaea4294]{margin-left:auto}.contentheader__title[data-v-eaea4294]{margin-bottom:var(--uie-space-s);margin-right:var(--uie-space-s)}.contentheader .label[data-v-eaea4294],.contentheader .tag[data-v-eaea4294]{margin-bottom:calc(var(--uie-space-l) - var(--uie-space-xxs));margin-left:var(--uie-space-s)}.variant .contentheader .label[data-v-eaea4294],.variant .contentheader .tag[data-v-eaea4294]{margin-bottom:var(--uie-space-m)}.contentheader__edit[data-v-eaea4294]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.contentheader__edit-icon[data-v-eaea4294]{fill:currentColor;height:16px;margin-left:var(--uie-space-m);width:16px}.contentheader__buttons[data-v-eaea4294]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.contentheader__options[data-v-eaea4294]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:var(--uie-font-size-s);margin-bottom:var(--uie-space-s);margin-left:auto}.contentheader__option[data-v-eaea4294]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--uie-color-contentheader-bg);border:1px solid var(--uie-color-contentheader-border);color:var(--uie-color-contentheader-text);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:32px;line-height:1.2;padding:var(--uie-space-s) var(--uie-space-m);text-decoration:none;-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast);-webkit-transition-property:color;transition-property:color}.contentheader__option[data-v-eaea4294]:first-child{border-bottom-left-radius:var(--uie-base-border-radius);border-top-left-radius:var(--uie-base-border-radius);margin-left:var(--uie-space-l)}.contentheader__option[data-v-eaea4294]:last-child{border-bottom-right-radius:var(--uie-base-border-radius);border-top-right-radius:var(--uie-base-border-radius)}.contentheader__option[data-v-eaea4294]:not([aria-selected]):hover{background-color:var(--uie-color-contentheader-bg-hover);color:var(--uie-color-contentheader-text-hover)}.contentheader__option[aria-selected][data-v-eaea4294]:not(:only-child){background-color:var(--uie-color-contentheader-bg-current);color:var(--uie-color-contentheader-text-current)}.contentheader__option .icon[data-v-eaea4294]{fill:currentColor;height:16px;-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast);width:16px}.contentheader__option[data-v-eaea4294]:active,.contentheader__option[data-v-eaea4294]:focus,.contentheader__option[data-v-eaea4294]:hover{color:var(--uie-color-contentheader-text-hover)}.contentheader__option+.contentheader__option[data-v-eaea4294]{border-left-width:0}.contentheader__action[data-v-eaea4294]:not(.contentheader__option){-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;color:var(--uie-color-contentheader-text);cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--uie-font-family-light);font-size:var(--uie-font-size-s);font-weight:var(--uie-font-weight-light);margin-left:var(--uie-space-l);text-decoration:none;-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast)}.contentheader__action:not(.contentheader__option) .icon[data-v-eaea4294]{fill:currentColor;height:16px;-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast);width:16px}.contentheader__action[data-v-eaea4294]:not(.contentheader__option):active,.contentheader__action[data-v-eaea4294]:not(.contentheader__option):focus,.contentheader__action[data-v-eaea4294]:not(.contentheader__option):hover{color:var(--uie-color-contentheader-text-hover)}@media screen and (min-width:1280px){.contentheader .label[data-v-eaea4294],.contentheader .tag[data-v-eaea4294],.contentheader__options[data-v-eaea4294],.contentheader__title[data-v-eaea4294],.variant .contentheader .label[data-v-eaea4294],.variant .contentheader .tag[data-v-eaea4294]{margin-bottom:0}}.tag[data-v-372e3e56]{border:1px solid var(--uie-color-tag-border);border-radius:20rem;color:var(--uie-color-tag-text);font-size:var(--uie-font-size-xs);font-weight:var(--uie-font-weight-bold);padding:var(--uie-space-xxs) var(--uie-space-s);position:relative;text-decoration:none}.icon[data-v-498522e7]{display:inline-block}.navigation__tree[data-v-e330ca40]{list-style:none}@media screen and (min-width:960px){.navigation__tree--level-0[data-v-e330ca40]{margin-top:var(--uie-space-xxl)}}.navigation__item[data-v-0325e07b]{font-weight:var(--uie-font-weight-medium);position:relative}.navigation__item--level-0[data-v-0325e07b]{font-size:var(--uie-font-size-s)}.navigation__item--level-0+.navigation__item--level-0[data-v-0325e07b]{margin-top:var(--uie-space-xxl)}.navigation__item--level-1.navigation__item--children[data-v-0325e07b]:not(.navigation__item--collapsed){border-radius:var(--uie-base-border-radius)}.navigation__item--level-1.navigation__item--children:not(.navigation__item--collapsed)+.navigation__item--level-1.navigation__item--children[data-v-0325e07b]:not(.navigation__item--collapsed){margin-top:var(--uie-space-s)}.navigation__item--collapsed .navigation__tree[data-v-0325e07b]{display:none}.navigation__item--collapsed .navigation__icon[data-v-0325e07b]{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.navigation__itemtoggle[data-v-0325e07b]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;height:30px;padding:6px;position:absolute;top:4px;width:30px}.navigation__itemtoggle:active .navigation__icon[data-v-0325e07b],.navigation__itemtoggle:focus .navigation__icon[data-v-0325e07b],.navigation__itemtoggle:hover .navigation__icon[data-v-0325e07b]{fill:var(--uie-color-navigation-text-hover)}.navigation__itemtoggle .navigation__icon[data-v-0325e07b]{height:18px;width:18px}.navigation__item--level-0>.navigation__itemtoggle[data-v-0325e07b],.navigation__item--level-1>.navigation__itemtoggle[data-v-0325e07b]{right:0}.navigation__item--level-2>.navigation__itemtoggle[data-v-0325e07b],.navigation__item--level-3>.navigation__itemtoggle[data-v-0325e07b],.navigation__item--level-4>.navigation__itemtoggle[data-v-0325e07b],.navigation__item--level-5>.navigation__itemtoggle[data-v-0325e07b]{left:calc(var(--uie-space-s) + var(--uie-space-xl))}.navigation__icon[data-v-0325e07b]{fill:var(--uie-color-navigation-text);height:24px;-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:24px}.navigation__link[data-v-0325e07b]{border-radius:var(--uie-base-border-radius);color:inherit;display:block;font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular);line-height:1.2;padding-right:var(--uie-space-m);text-decoration:none}.navigation__link[href][data-v-0325e07b]:active,.navigation__link[href][data-v-0325e07b]:focus,.navigation__link[href][data-v-0325e07b]:hover{color:var(--uie-color-navigation-text-hover)}.navigation__item .navigation__link[data-v-0325e07b]{background-color:var(--uie-color-navigation-bg);color:var(--uie-color-navigation-text)}.navigation__item--level-0>.navigation__link[data-v-0325e07b]{color:var(--uie-color-neutral-50);font-family:var(--uie-font-family-bold);font-size:var(--uie-font-size-xs);font-weight:var(--uie-font-weight-bold);text-transform:uppercase}.navigation__item--level-0 .navigation__link[data-v-0325e07b],.navigation__item--level-1 .navigation__link[data-v-0325e07b]{padding-left:var(--uie-space-m)}.navigation__item--level-2 .navigation__link[data-v-0325e07b],.navigation__item--level-3 .navigation__link[data-v-0325e07b],.navigation__item--level-4 .navigation__link[data-v-0325e07b],.navigation__item--level-5 .navigation__link[data-v-0325e07b]{padding-left:var(--uie-space-xl)}.navigation__item--current>.navigation__link[data-v-0325e07b]{background-color:var(--uie-color-navigation-bg-current)!important;color:var(--uie-color-navigation-text-current)!important;font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold)}.navigation__item--current>.navigation__itemtoggle .navigation__icon[data-v-0325e07b]{fill:var(--uie-color-navigation-text-current)!important}@media screen and (min-width:960px){.navigation__item[data-v-0325e07b]:not(.navigation__item--level-0){font-size:var(--uie-font-size-s)}.navigation__itemtoggle[data-v-0325e07b]{top:0}.navigation__link[data-v-0325e07b]{padding-bottom:var(--uie-space-s);padding-top:var(--uie-space-s)}}@media screen and (max-width:959px){.navigation__link[data-v-0325e07b]{padding-bottom:var(--uie-space-m);padding-top:var(--uie-space-m)}}.property__default[data-v-d4d827e4],.property__description code[data-v-d4d827e4],.property__name[data-v-d4d827e4],.property__required[data-v-d4d827e4],.property__type[data-v-d4d827e4]{font-family:var(--uie-font-family-code);font-size:var(--uie-font-size-s)}.property__type[data-v-d4d827e4]{white-space:nowrap}.property__required[data-v-d4d827e4]{text-align:center}
+.topbar[data-v-0778ce28]{--button-size:40px;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background:var(--uie-color-topbar-bg);border-bottom:1px solid var(--uie-color-topbar-border);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}.topbar[data-v-0778ce28],.topbar a[data-v-0778ce28]{color:var(--uie-color-topbar-text)}.topbar__home[data-v-0778ce28]{display:block;font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular);margin-right:var(--uie-space-m);text-decoration:none}.topbar__home[data-v-0778ce28]:active,.topbar__home[data-v-0778ce28]:focus,.topbar__home[data-v-0778ce28]:hover{color:var(--uie-color-topbar-text-hover)}.topbar__theme[data-v-0778ce28]{position:relative}.topbar__theme-toggle[data-v-0778ce28]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--uie-color-topbar-text);cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--uie-font-size-s);font-weight:var(--uie-font-weight-regular);margin-left:var(--uie-space-s);padding:var(--uie-space-s)}.topbar__theme-toggle[data-v-0778ce28]:active,.topbar__theme-toggle[data-v-0778ce28]:focus,.topbar__theme-toggle[data-v-0778ce28]:hover{color:var(--uie-color-topbar-text-hover)}.topbar__theme-toggle:active .icon[data-v-0778ce28],.topbar__theme-toggle:focus .icon[data-v-0778ce28],.topbar__theme-toggle:hover .icon[data-v-0778ce28]{fill:currentColor}.topbar__theme-toggle-icon[data-v-0778ce28]{fill:var(--uie-color-topbar-text);height:16px;margin-left:var(--uie-space-s);-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:16px}.topbar__theme-toggle[aria-expanded=false] .topbar__theme-toggle-icon[data-v-0778ce28]{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.topbar__theme-options[data-v-0778ce28]{max-height:0;overflow:hidden;position:absolute;right:0;top:2.35rem;-webkit-transition-duration:var(--uie-transition-duration-medium);transition-duration:var(--uie-transition-duration-medium);-webkit-transition-property:max-height;transition-property:max-height;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;z-index:5}.topbar__theme-options--active[data-v-0778ce28]{max-height:30rem;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.topbar__theme-options-inner[data-v-0778ce28]{border:1px solid var(--uie-color-modal-border);border-radius:var(--uie-base-border-radius);overflow:hidden}.topbar__theme-option[data-v-0778ce28]{background:var(--uie-color-modal-bg);color:var(--uie-color-modal-text);cursor:pointer;display:block;font-size:var(--uie-font-size-s);padding:var(--uie-space-s) var(--uie-space-m);text-align:left;text-decoration:none;white-space:nowrap;width:100%}.topbar__theme-option .icon[data-v-0778ce28]{fill:var(--uie-color-modal-text);height:21px;margin-right:var(--uie-space-s);margin-top:-6px;position:relative;top:6px;width:21px}.topbar__theme-option[data-v-0778ce28]:not([aria-selected]):active,.topbar__theme-option[data-v-0778ce28]:not([aria-selected]):focus,.topbar__theme-option[data-v-0778ce28]:not([aria-selected]):hover{background-color:var(--uie-color-modal-bg-hover);color:var(--uie-color-modal-text-hover)}.topbar__theme-option:not([aria-selected]):active .icon[data-v-0778ce28],.topbar__theme-option:not([aria-selected]):focus .icon[data-v-0778ce28],.topbar__theme-option:not([aria-selected]):hover .icon[data-v-0778ce28]{fill:var(--uie-color-modal-text-hover)}.topbar__theme-option[aria-selected][data-v-0778ce28]:not(:only-child){background-color:var(--uie-color-modal-bg-current);color:var(--uie-color-modal-text-current)}.topbar__theme-option[aria-selected]:not(:only-child) .icon[data-v-0778ce28]{fill:var(--uie-color-modal-text-current)}.topbar__theme-option+.topbar__theme-option[data-v-0778ce28]{border-top:1px solid var(--uie-color-modal-border)}.topbar__spacer[data-v-0778ce28]{margin-right:auto}.topbar__toggle[data-v-0778ce28]{-webkit-box-flex:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;-ms-flex:0 0 var(--button-size);flex:0 0 var(--button-size);height:var(--button-size);padding:8px;width:var(--button-size)}.topbar__toggle[data-v-0778ce28]:active,.topbar__toggle[data-v-0778ce28]:focus,.topbar__toggle[data-v-0778ce28]:hover{color:var(--uie-color-topbar-text-hover)}.topbar__toggle:active .icon[data-v-0778ce28],.topbar__toggle:focus .icon[data-v-0778ce28],.topbar__toggle:hover .icon[data-v-0778ce28]{fill:currentColor}.topbar__toggle--menu[data-v-0778ce28]{margin-left:calc(var(--uie-space-s)*-1);margin-right:var(--uie-space-xs)}.topbar__toggle--search[data-v-0778ce28]{margin-left:var(--uie-space-xs);margin-right:calc(var(--uie-space-s)*-1)}.topbar__icon[data-v-0778ce28]{fill:var(--uie-color-topbar-text);height:24px;-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:24px}.topbar__search[data-v-0778ce28]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-bottom:var(--uie-space-m);padding-top:var(--uie-space-m);width:100%}.topbar__searchfield[data-v-0778ce28]{--icon-size:16px;background-color:var(--uie-color-neutral-20);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTExIDJhOSA5IDAgMCAxIDcuMDMyIDE0LjYxN2wzLjY3NSAzLjY3NmExIDEgMCAwIDEtMS4zMiAxLjQ5N2wtLjA5NC0uMDgzLTMuNjc2LTMuNjc1QTkgOSAwIDEgMSAxMSAyem0wIDJhNyA3IDAgMSAwIDQuODY1IDEyLjAzMy43MzIuNzMyIDAgMCAxIC4wNzgtLjA5bC4wOS0uMDc4QTcgNyAwIDAgMCAxMSA0eiIvPjwvc3ZnPg==);background-position:top 50% left var(--uie-space-s);background-repeat:no-repeat;background-size:var(--icon-size);border:1px solid transparent;border-radius:var(--uie-base-border-radius);font-family:var(--uie-font-family-light);font-size:var(--uie-font-size-m);padding:var(--uie-space-s) var(--uie-space-s) var(--uie-space-s) calc(var(--icon-size) + var(--uie-space-l));width:100%}.topbar__searchfield[data-v-0778ce28]:focus{background-color:var(--uie-color-neutral-0);border-color:var(--uie-color-border-dark);outline:none}.topbar__searchfield[data-v-0778ce28]::-webkit-input-placeholder{opacity:.5}.topbar__searchfield[data-v-0778ce28]::-moz-placeholder{opacity:.5}.topbar__searchfield[data-v-0778ce28]:-ms-input-placeholder{opacity:.5}.topbar__searchfield[data-v-0778ce28]::-ms-input-placeholder{opacity:.5}.topbar__searchfield[data-v-0778ce28]::placeholder{opacity:.5}@media screen and (min-width:960px){.topbar[data-v-0778ce28]{grid-gap:1rem;display:grid;grid-template-columns:1fr 2fr 1fr}.topbar__home[data-v-0778ce28]{font-size:var(--uie-font-size-l)}.topbar__theme[data-v-0778ce28]{justify-self:end}.topbar__toggle--search[data-v-0778ce28]{display:none}.topbar__search[data-v-0778ce28]{justify-self:center;max-width:600px}}@media screen and (max-width:959px){.topbar__home[data-v-0778ce28]{font-size:var(--uie-font-size-m)}.topbar__theme[data-v-0778ce28]{margin-left:auto}.topbar__search[data-v-0778ce28]{-webkit-box-ordinal-group:5;-ms-flex-order:4;margin-right:0;order:4}.topbar__search--collapsed[data-v-0778ce28]{display:none}}.navigation[data-v-6937a9e1]{background:var(--uie-color-navigation-bg);border-right:1px solid var(--uie-color-navigation-border);color:var(--uie-color-navigation-text);padding-left:var(--uie-space-m);padding-right:var(--uie-space-m)}.navigation__project-details[data-v-6937a9e1]{text-decoration:none}.navigation__project-logo[data-v-6937a9e1]{display:block;margin-bottom:var(--uie-space-l);margin-left:auto;margin-right:auto;max-height:120px;max-width:90%}.navigation__project-name[data-v-6937a9e1]{color:var(--uie-color-main-text);font-family:var(--uie-font-family-bold);font-size:var(--uie-font-size-l);font-weight:var(--uie-font-weight-bold);margin-bottom:var(--uie-space-m);padding-left:var(--uie-space-s);padding-right:var(--uie-space-s);text-align:center;text-decoration:none}@media screen and (max-width:959px){.navigation[data-v-6937a9e1]{padding-bottom:var(--uie-space-s);padding-top:var(--uie-space-s)}}@media screen and (min-width:960px){.navigation[data-v-6937a9e1]{padding-bottom:var(--uie-space-xl);padding-top:var(--uie-space-xl)}}.footer[data-v-cdcd25a2]{background:var(--uie-color-footer-bg);color:var(--uie-color-footer-text);font-size:var(--uie-font-size-xs);padding-bottom:var(--uie-space-l);padding-top:var(--uie-space-l)}.footer a[data-v-cdcd25a2]{color:var(--uie-color-footer-link);text-decoration:none;-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast)}.footer a[data-v-cdcd25a2]:hover{color:var(--uie-color-footer-link-hover);text-decoration:underline}.footer a:hover .icon[data-v-cdcd25a2]{fill:var(--uie-color-footer-link-hover)}.footer a .icon[data-v-cdcd25a2]{fill:var(--uie-color-footer-link);height:18px;margin:0 -.3rem;position:relative;top:.4em;-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast);width:18px}.footer__nav[data-v-cdcd25a2]{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin-bottom:var(--uie-space-m)}.footer__nav a+a[data-v-cdcd25a2]{margin-left:var(--uie-space-l)}.footer a{color:var(--uie-color-footer-link);text-decoration:none;-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast)}.footer a:hover{color:var(--uie-color-footer-link-hover);text-decoration:underline}.footer a:hover .icon{fill:var(--uie-color-footer-link-hover)}.footer a .icon{fill:var(--uie-color-footer-link);-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast)}.main{background:var(--uie-color-main-bg);color:var(--uie-color-main-text)}.content{max-width:55rem}.content .intro>:last-child,.content>:last-child,.content details:not([class])>:last-child,.content td:not([class])>:last-child{margin-bottom:0!important}.content summary+*{margin-top:var(--uie-space-m)}.content a:not([class]),.content a[class=""]{color:var(--uie-color-main-link);text-decoration:underline;-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast)}.content a:not([class]):hover,.content a[class=""]:hover{color:var(--uie-color-main-link-hover);text-decoration:underline}.content a:not([class]):hover .icon,.content a[class=""]:hover .icon{fill:var(--uie-color-main-link-hover)}.content a:not([class]) .icon,.content a[class=""] .icon{fill:var(--uie-color-main-link);-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast)}.content ol:not([class]),.content p:not([class]),.content ul:not([class]){margin-bottom:var(--uie-space-l)}.content ol:not([class]),.content ul:not([class]){margin-left:var(--uie-space-l)}.content li:not([class])+li:not([class]){margin-top:var(--uie-space-xs)}.content .intro,.content table:not([class]){margin-bottom:var(--uie-space-xxl)}.content figure:not([class]){border:1px solid var(--uie-color-border-light);padding:var(--uie-space-m)}.content img:not([class]){max-width:100%}.content details:not([class]),.content figure:not([class]),.content hr,.content pre{margin-bottom:var(--uie-space-xl)}.content hr{margin-top:var(--uie-space-xl)}.content code:not([class]),.content mark:not([class]),.content pre{border-radius:var(--uie-space-xs)}.content code:not([class]){border:1px solid var(--uie-color-code-border)}.content pre code:not([class]){border:0}.content h1:not([class]),.content h2:not([class]),.content h3:not([class]){margin-bottom:var(--uie-space-l)}.content h4:not([class]){margin-bottom:var(--uie-space-m)}.content h5:not([class]),.content h6:not([class]){margin-bottom:var(--uie-space-s)}.content h1:not([class]),.content h2:not([class]),.content h3:not([class]),.content h4:not([class]),.content h5:not([class]),.content h6:not([class]){color:var(--uie-color-main-text);font-weight:var(--uie-font-weight-bold)}.content h1:not([class]) a,.content h2:not([class]) a,.content h3:not([class]) a,.content h4:not([class]) a,.content h5:not([class]) a,.content h6:not([class]) a{text-decoration:none}.content .intro+h2:not([class]),.content figure:not([class])+h2:not([class]),.content ol:not([class])+h2:not([class]),.content p:not([class])+h2:not([class]),.content pre+h2:not([class]),.content table:not([class])+h2:not([class]),.content ul:not([class])+h2:not([class]){margin-top:var(--uie-space-xxxl)}.content .intro+h3:not([class]),.content figure:not([class])+h3:not([class]),.content ol:not([class])+h3:not([class]),.content p:not([class])+h3:not([class]),.content pre+h3:not([class]),.content table:not([class])+h3:not([class]),.content ul:not([class])+h3:not([class]){margin-top:var(--uie-space-xxl)}.content .intro+h4:not([class]),.content .intro+h5:not([class]),.content figure:not([class])+h4:not([class]),.content figure:not([class])+h5:not([class]),.content ol:not([class])+h4:not([class]),.content ol:not([class])+h5:not([class]),.content p:not([class])+h4:not([class]),.content p:not([class])+h5:not([class]),.content pre+h4:not([class]),.content pre+h5:not([class]),.content table:not([class])+h4:not([class]),.content table:not([class])+h5:not([class]),.content ul:not([class])+h4:not([class]),.content ul:not([class])+h5:not([class]){margin-top:var(--uie-space-xl)}.content .intro+h6:not([class]),.content figure:not([class])+h6:not([class]),.content ol:not([class])+h6:not([class]),.content p:not([class])+h6:not([class]),.content pre+h6:not([class]),.content table:not([class])+h6:not([class]),.content ul:not([class])+h6:not([class]){margin-top:var(--uie-space-l)}.content p:not([class])+figure:not([class]){margin-top:calc(var(--uie-space-s)*-1)}:root{--uie-font-family-fallback:"Helvetica",Arial,Tahoma,Verdana,sans-serif;--uie-font-family-code:"Fira Code",Hasklig,"Jetbrains Mono","Source Code Pro","DejaVu Sans Mono",Hack,Meslo,Menlo,Inconsolata,Consolas,"Liberation Mono",Courier,monospace;--uie-font-family-bold:"Inter",var(--uie-font-family-fallback);--uie-font-family-light:"Inter",var(--uie-font-family-fallback);--uie-font-family-regular:"Inter",var(--uie-font-family-fallback);--uie-font-family-bolditalic:"Inter",var(--uie-font-family-fallback);--uie-font-family-lightitalic:"Inter",var(--uie-font-family-fallback);--uie-font-weight-light:300;--uie-font-weight-regular:400;--uie-font-weight-italic:400;--uie-font-weight-bold:700;--uie-font-style-italic:italic;--uie-base-font-size-s:16px;--uie-base-font-size-m:16px;--uie-base-font-size-l:16px;--uie-base-border-radius:4px;--uie-font-size-xs:.75rem;--uie-font-size-s:.875rem;--uie-font-size-m:1rem;--uie-font-size-l:1.125rem;--uie-font-size-xl:1.5rem;--uie-font-size-xxl:2.25rem;--uie-font-size-xxxl:3rem;--uie-line-height:1.6;--uie-line-height-heading:1.25;--uie-space-xxs:.125rem;--uie-space-xs:.25rem;--uie-space-s:.5rem;--uie-space-m:.75rem;--uie-space-l:1.125rem;--uie-space-xl:1.75rem;--uie-space-xxl:2.5rem;--uie-space-xxxl:4rem;--uie-transition-duration-fast:.15s;--uie-transition-duration-medium:.25s;--uie-color-neutral-0:#fff;--uie-color-neutral-10:#f8fafc;--uie-color-neutral-20:#edf2f7;--uie-color-neutral-30:#dae1e7;--uie-color-neutral-50:#b8c2cc;--uie-color-neutral-70:#8795a1;--uie-color-neutral-80:#606f7b;--uie-color-neutral-90:#3d4852;--uie-color-neutral-100:#1a202c;--uie-color-accent-ultralight:#a0b8cf;--uie-color-accent-light:#6a90b4;--uie-color-accent-medium:#4d759a;--uie-color-accent-dark:#446788;--uie-color-accent-ultradark:#1b2936;--uie-color-border-light:var(--uie-color-neutral-10);--uie-color-border-medium:var(--uie-color-neutral-20);--uie-color-border-dark:var(--uie-color-neutral-30);--uie-color-bg-light:var(--uie-color-neutral-10);--uie-color-bg-medium:var(--uie-color-neutral-20);--uie-color-bg-dark:var(--uie-color-neutral-30);--uie-color-topbar-bg:var(--uie-color-accent-ultradark);--uie-color-topbar-text:var(--uie-color-neutral-0);--uie-color-topbar-text-hover:var(--uie-color-accent-ultralight);--uie-color-topbar-border:var(--uie-color-border-dark);--uie-color-navigation-bg:var(--uie-color-bg-medium);--uie-color-navigation-text:var(--uie-color-neutral-80);--uie-color-navigation-text-hover:var(--uie-color-accent-light);--uie-color-navigation-bg-current:var(--uie-color-bg-dark);--uie-color-navigation-text-current:var(--uie-color-accent-dark);--uie-color-navigation-border:var(--uie-color-border-dark);--uie-color-main-bg:var(--uie-color-neutral-0);--uie-color-main-text:var(--uie-color-neutral-90);--uie-color-main-link:var(--uie-color-accent-light);--uie-color-main-link-hover:var(--uie-color-accent-dark);--uie-color-secondary-text:var(--uie-color-neutral-70);--uie-color-secondary-link:var(--uie-color-neutral-80);--uie-color-secondary-link-hover:var(--uie-color-neutral-90);--uie-color-tertiary-text:var(--uie-color-neutral-50);--uie-color-tertiary-text-hover:var(--uie-color-neutral-70);--uie-color-inverted-text:var(--uie-color-neutral-0);--uie-color-option-bg:var(--uie-color-main-bg);--uie-color-option-text:var(--uie-color-accent-light);--uie-color-option-bg-hover:var(--uie-color-bg-medium);--uie-color-option-text-hover:var(--uie-color-accent-dark);--uie-color-option-bg-current:var(--uie-color-bg-dark);--uie-color-option-text-current:var(--uie-color-accent-dark);--uie-color-option-border:var(--uie-color-border-dark);--uie-color-preview-option-text:var(--uie-color-secondary-text);--uie-color-preview-option-label:var(--uie-color-tertiary-text);--uie-color-preview-option-text-hover:var(--uie-color-secondary-link-hover);--uie-color-preview-option-label-hover:var(--uie-color-tertiary-text-hover);--uie-color-preview-option-bg:var(--uie-color-option-bg);--uie-color-preview-option-bg-hover:var(--uie-color-option-bg-hover);--uie-color-preview-option-border:var(--uie-color-option-border);--uie-color-modal-bg:var(--uie-color-option-bg);--uie-color-modal-bg-hover:var(--uie-color-option-bg-hover);--uie-color-modal-bg-current:var(--uie-color-option-bg-current);--uie-color-modal-text:var(--uie-color-option-text);--uie-color-modal-text-hover:var(--uie-color-option-text-hover);--uie-color-modal-text-current:var(--uie-color-option-text-current);--uie-color-modal-border:var(--uie-color-option-border);--uie-color-contentheader-bg:var(--uie-color-option-bg);--uie-color-contentheader-text:var(--uie-color-option-text);--uie-color-contentheader-bg-hover:var(--uie-color-option-bg-hover);--uie-color-contentheader-text-hover:var(--uie-color-option-text-hover);--uie-color-contentheader-bg-current:var(--uie-color-option-bg-current);--uie-color-contentheader-text-current:var(--uie-color-option-text-current);--uie-color-contentheader-border:var(--uie-color-option-border);--uie-color-label-bg:var(--uie-color-accent-medium);--uie-color-label-text:var(--uie-color-inverted-text);--uie-color-label-border:var(--uie-color-accent-medium);--uie-color-tag-bg:var(--uie-color-main-bg);--uie-color-tag-text:var(--uie-color-tertiary-text);--uie-color-tag-border:var(--uie-color-tertiary-text);--uie-color-code-bg:var(--uie-color-bg-medium);--uie-color-code-border:var(--uie-color-option-border);--uie-color-code-header-text:var(--uie-color-option-text);--uie-color-code-header-bg:var(--uie-color-option-bg);--uie-color-code-header-text-hover:var(--uie-color-option-text-hoveer);--uie-color-code-header-bg-hover:var(--uie-color-option-bg-hover);--uie-color-code-header-text-current:var(--uie-color-option-text-hover);--uie-color-code-header-bg-current:var(--uie-color-option-bg-hover);--uie-color-footer-bg:var(--uie-color-bg-light);--uie-color-footer-text:var(--uie-color-secondary-text);--uie-color-footer-link:var(--uie-color-secondary-link);--uie-color-footer-link-hover:var(--uie-color-secondary-link-hover);--uie-color-preview-title:var(--uie-color-main-text);--uie-color-preview-title-bg:var(--uie-color-bg-medium);--uie-color-preview-border:var(--uie-color-border-dark);--uie-preview-border-width:var(--uie-space-s);--uie-preview-padding:var(--uie-preview-border-width)}@font-face{font-named-instance:"Regular";font-display:fallback;font-family:Inter;font-weight:100 900;src:url(../fonts/Inter-roman.var.97fa084.woff2) format("woff2")}@font-face{font-named-instance:"Italic";font-display:fallback;font-family:Inter;font-style:italic;font-weight:100 900;src:url(../fonts/Inter-italic.var.9a96de7.woff2) format("woff2")}.uie{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular);height:100%;line-height:var(--uie-line-height)}.uie *{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;vertical-align:baseline}.uie body{height:100%}.uie h1,.uie h2,.uie h3{font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold)}.uie h1{font-size:var(--uie-font-size-xxxl)}.uie h1,.uie h2{line-height:var(--uie-line-height-heading)}.uie h2{font-size:var(--uie-font-size-xl)}.uie h3{font-size:var(--uie-font-size-l)}.uie h4,.uie h5,.uie h6{font-size:var(--uie-font-size-m)}.uie .intro,.uie h4,.uie h5,.uie h6{font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular)}.uie .intro{font-size:var(--uie-font-size-l)}.uie .intro,.uie details{color:var(--uie-color-secondary-text)}.uie em{font-style:var(--uie-font-style-italic);font-weight:var(--uie-font-weight-italic)}.uie em,.uie summary{font-family:var(--uie-font-family-lightitalic);font-weight:var(--uie-font-weight-light)}.uie strong{font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold)}.uie em strong,.uie strong em{font-family:var(--uie-font-family-bolditalic);font-weight:var(--uie-font-weight-bold)}.uie table{border-collapse:collapse}.uie table caption{font-size:var(--uie-font-size-l);margin-bottom:var(--uie-space-m)}.uie table caption,.uie table th{font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold);text-align:left}.uie table th{background-color:var(--uie-color-bg-light);border-bottom:1px solid var(--uie-color-border-dark);border-top:1px solid var(--uie-color-border-dark);color:var(--uie-color-secondary-text)}.uie table td,.uie table th{font-size:var(--uie-font-size-s)}.uie table td{border-bottom:1px solid var(--uie-color-border-medium)}.uie table td,.uie table th{padding:var(--uie-space-s) var(--uie-space-m);vertical-align:middle}.uie hr{border-top:1px solid var(--uie-color-border-medium)}.uie mark{background-color:var(--uie-color-accent-light)}.uie code,.uie mark{border-radius:var(--uie-space-xs);padding:var(--uie-space-xxs) var(--uie-space-xs)}.uie code{background-color:var(--uie-color-code-bg);border:1px solid var(--uie-color-code-border);font-size:var(--uie-font-size-s)}.uie code,.uie pre{font-family:var(--uie-font-family-code)}.uie pre{overflow-x:auto;padding:var(--uie-space-m)!important}.uie pre code{background-color:transparent;border:0;border-radius:0;padding:0}.uie select{border:1px solid var(--uie-color-border-medium)}.topbar{padding-left:var(--uie-space-l);padding-right:var(--uie-space-l)}.in-page-nav{margin-top:var(--uie-space-xxl)}@media print{.uie{font-size:10pt}.footer,.navigation,.topbar{display:none!important}}@media screen and (max-width:639px){.uie{font-size:var(--uie-base-font-size-s)}.footer,.main,.topbar{padding-left:var(--uie-space-m);padding-right:var(--uie-space-m)}}@media screen and (min-width:640px) and (max-width:959px){.uie{font-size:var(--uie-base-font-size-m)}.footer,.main,.topbar{padding-left:var(--uie-space-l);padding-right:var(--uie-space-l)}}@media screen and (min-width:960px){.uie{font-size:var(--uie-base-font-size-l)}.layout{--topbar-height:4rem;--navigation-width:264px;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.topbar{height:var(--topbar-height);right:0;top:0;z-index:1}.navigation,.topbar{left:0;position:fixed}.navigation{bottom:0;overflow-y:auto;top:var(--topbar-height);width:var(--navigation-width)}.main{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-top:var(--topbar-height);padding-bottom:var(--uie-space-xxl);padding-top:var(--uie-space-xxl)}.footer,.main{margin-left:var(--navigation-width)}.navigation[hidden]+.main,.navigation[hidden]+.main+.footer{margin-left:0}}@media(prefers-reduced-motion:reduce){.uie *{-webkit-animation:none!important;animation:none!important;-webkit-transition:none!important;transition:none!important}}@media screen and (max-width:959px){.navigation{position:relative}.main{padding-bottom:var(--uie-space-xl);padding-top:var(--uie-space-xl)}}@media screen and (min-width:960px) and (max-width:1279px){.main,.main+.footer{padding-left:var(--uie-space-xl);padding-right:var(--uie-space-xl)}}@media screen and (min-width:1280px) and (max-width:1679px){.main,.main+.footer{padding-left:var(--uie-space-xxl);padding-right:var(--uie-space-xxl)}}@media screen and (min-width:1680px){.main,.main+.footer{padding-left:var(--uie-space-xxxl);padding-right:var(--uie-space-xxxl)}}@media screen and (min-width:1280px){.main{padding-right:calc(var(--uie-space-xxl)*3 + 140px)}.in-page-nav{display:block;margin-top:0;position:fixed;right:var(--uie-space-xxl);top:calc(var(--topbar-height) + var(--uie-space-xxl));width:140px}}.contentheader[data-v-eaea4294]{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:var(--uie-space-l);position:relative}.contentheader[data-v-eaea4294],.contentheader__right[data-v-eaea4294]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.contentheader__right[data-v-eaea4294]{margin-left:auto}.contentheader__title[data-v-eaea4294]{margin-bottom:var(--uie-space-s);margin-right:var(--uie-space-s)}.contentheader .label[data-v-eaea4294],.contentheader .tag[data-v-eaea4294]{margin-bottom:calc(var(--uie-space-l) - var(--uie-space-xxs));margin-left:var(--uie-space-s)}.variant .contentheader .label[data-v-eaea4294],.variant .contentheader .tag[data-v-eaea4294]{margin-bottom:var(--uie-space-m)}.contentheader__edit[data-v-eaea4294]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.contentheader__edit-icon[data-v-eaea4294]{fill:currentColor;height:16px;margin-left:var(--uie-space-m);width:16px}.contentheader__buttons[data-v-eaea4294]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.contentheader__options[data-v-eaea4294]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:var(--uie-font-size-s);margin-bottom:var(--uie-space-s);margin-left:auto}.contentheader__option[data-v-eaea4294]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--uie-color-contentheader-bg);border:1px solid var(--uie-color-contentheader-border);color:var(--uie-color-contentheader-text);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:32px;line-height:1.2;padding:var(--uie-space-s) var(--uie-space-m);text-decoration:none;-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast);-webkit-transition-property:color;transition-property:color}.contentheader__option[data-v-eaea4294]:first-child{border-bottom-left-radius:var(--uie-base-border-radius);border-top-left-radius:var(--uie-base-border-radius);margin-left:var(--uie-space-l)}.contentheader__option[data-v-eaea4294]:last-child{border-bottom-right-radius:var(--uie-base-border-radius);border-top-right-radius:var(--uie-base-border-radius)}.contentheader__option[data-v-eaea4294]:not([aria-selected]):hover{background-color:var(--uie-color-contentheader-bg-hover);color:var(--uie-color-contentheader-text-hover)}.contentheader__option[aria-selected][data-v-eaea4294]:not(:only-child){background-color:var(--uie-color-contentheader-bg-current);color:var(--uie-color-contentheader-text-current)}.contentheader__option .icon[data-v-eaea4294]{fill:currentColor;height:16px;-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast);width:16px}.contentheader__option[data-v-eaea4294]:active,.contentheader__option[data-v-eaea4294]:focus,.contentheader__option[data-v-eaea4294]:hover{color:var(--uie-color-contentheader-text-hover)}.contentheader__option+.contentheader__option[data-v-eaea4294]{border-left-width:0}.contentheader__action[data-v-eaea4294]:not(.contentheader__option){-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;color:var(--uie-color-contentheader-text);cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--uie-font-family-light);font-size:var(--uie-font-size-s);font-weight:var(--uie-font-weight-light);margin-left:var(--uie-space-l);text-decoration:none;-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast)}.contentheader__action:not(.contentheader__option) .icon[data-v-eaea4294]{fill:currentColor;height:16px;-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast);width:16px}.contentheader__action[data-v-eaea4294]:not(.contentheader__option):active,.contentheader__action[data-v-eaea4294]:not(.contentheader__option):focus,.contentheader__action[data-v-eaea4294]:not(.contentheader__option):hover{color:var(--uie-color-contentheader-text-hover)}@media screen and (min-width:1280px){.contentheader .label[data-v-eaea4294],.contentheader .tag[data-v-eaea4294],.contentheader__options[data-v-eaea4294],.contentheader__title[data-v-eaea4294],.variant .contentheader .label[data-v-eaea4294],.variant .contentheader .tag[data-v-eaea4294]{margin-bottom:0}}.tag[data-v-372e3e56]{border:1px solid var(--uie-color-tag-border);border-radius:20rem;color:var(--uie-color-tag-text);font-size:var(--uie-font-size-xs);font-weight:var(--uie-font-weight-bold);padding:var(--uie-space-xxs) var(--uie-space-s);position:relative;text-decoration:none}.icon[data-v-498522e7]{display:inline-block}.navigation__tree[data-v-e330ca40]{list-style:none}@media screen and (min-width:960px){.navigation__tree--level-0[data-v-e330ca40]{margin-top:var(--uie-space-xxl)}}.navigation__item[data-v-0325e07b]{font-weight:var(--uie-font-weight-medium);position:relative}.navigation__item--level-0[data-v-0325e07b]{font-size:var(--uie-font-size-s)}.navigation__item--level-0+.navigation__item--level-0[data-v-0325e07b]{margin-top:var(--uie-space-xxl)}.navigation__item--level-1.navigation__item--children[data-v-0325e07b]:not(.navigation__item--collapsed){border-radius:var(--uie-base-border-radius)}.navigation__item--level-1.navigation__item--children:not(.navigation__item--collapsed)+.navigation__item--level-1.navigation__item--children[data-v-0325e07b]:not(.navigation__item--collapsed){margin-top:var(--uie-space-s)}.navigation__item--collapsed .navigation__tree[data-v-0325e07b]{display:none}.navigation__item--collapsed .navigation__icon[data-v-0325e07b]{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.navigation__itemtoggle[data-v-0325e07b]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;height:30px;padding:6px;position:absolute;top:4px;width:30px}.navigation__itemtoggle:active .navigation__icon[data-v-0325e07b],.navigation__itemtoggle:focus .navigation__icon[data-v-0325e07b],.navigation__itemtoggle:hover .navigation__icon[data-v-0325e07b]{fill:var(--uie-color-navigation-text-hover)}.navigation__itemtoggle .navigation__icon[data-v-0325e07b]{height:18px;width:18px}.navigation__item--level-0>.navigation__itemtoggle[data-v-0325e07b],.navigation__item--level-1>.navigation__itemtoggle[data-v-0325e07b]{right:0}.navigation__item--level-2>.navigation__itemtoggle[data-v-0325e07b],.navigation__item--level-3>.navigation__itemtoggle[data-v-0325e07b],.navigation__item--level-4>.navigation__itemtoggle[data-v-0325e07b],.navigation__item--level-5>.navigation__itemtoggle[data-v-0325e07b]{left:calc(var(--uie-space-s) + var(--uie-space-xl))}.navigation__icon[data-v-0325e07b]{fill:var(--uie-color-navigation-text);height:24px;-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:24px}.navigation__link[data-v-0325e07b]{border-radius:var(--uie-base-border-radius);color:inherit;display:block;font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular);line-height:1.2;padding-right:var(--uie-space-m);text-decoration:none}.navigation__link[href][data-v-0325e07b]:active,.navigation__link[href][data-v-0325e07b]:focus,.navigation__link[href][data-v-0325e07b]:hover{color:var(--uie-color-navigation-text-hover)}.navigation__item .navigation__link[data-v-0325e07b]{background-color:var(--uie-color-navigation-bg);color:var(--uie-color-navigation-text)}.navigation__item--level-0>.navigation__link[data-v-0325e07b]{color:var(--uie-color-neutral-50);font-family:var(--uie-font-family-bold);font-size:var(--uie-font-size-xs);font-weight:var(--uie-font-weight-bold);text-transform:uppercase}.navigation__item--level-0 .navigation__link[data-v-0325e07b],.navigation__item--level-1 .navigation__link[data-v-0325e07b]{padding-left:var(--uie-space-m)}.navigation__item--level-2 .navigation__link[data-v-0325e07b],.navigation__item--level-3 .navigation__link[data-v-0325e07b],.navigation__item--level-4 .navigation__link[data-v-0325e07b],.navigation__item--level-5 .navigation__link[data-v-0325e07b]{padding-left:var(--uie-space-xl)}.navigation__item--current>.navigation__link[data-v-0325e07b]{background-color:var(--uie-color-navigation-bg-current)!important;color:var(--uie-color-navigation-text-current)!important;font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold)}.navigation__item--current>.navigation__itemtoggle .navigation__icon[data-v-0325e07b]{fill:var(--uie-color-navigation-text-current)!important}@media screen and (min-width:960px){.navigation__item[data-v-0325e07b]:not(.navigation__item--level-0){font-size:var(--uie-font-size-s)}.navigation__itemtoggle[data-v-0325e07b]{top:0}.navigation__link[data-v-0325e07b]{padding-bottom:var(--uie-space-s);padding-top:var(--uie-space-s)}}@media screen and (max-width:959px){.navigation__link[data-v-0325e07b]{padding-bottom:var(--uie-space-m);padding-top:var(--uie-space-m)}}.property__default[data-v-d4d827e4],.property__description code[data-v-d4d827e4],.property__name[data-v-d4d827e4],.property__required[data-v-d4d827e4],.property__type[data-v-d4d827e4]{font-family:var(--uie-font-family-code);font-size:var(--uie-font-size-s)}.property__type[data-v-d4d827e4]{white-space:nowrap}.property__required[data-v-d4d827e4]{text-align:center}

package/lib/templates/index.ejs

@@ -7,7 +7,7 @@ _%>
     <%_ meta.forEach(m => { _%>
     <<%= m.tag %><% Object.keys(m.attrs).forEach(key => { var val = m.attrs[key]; %><%- ` ${key}="` %><%= val %><%- '"' %><% }) %>>
     <%_ }) _%>
-    <link href="<%= basePath %>/_assets/styles/main.25a69fe.css" rel="stylesheet">
+    <link href="<%= basePath %>/_assets/styles/main.077577c.css" rel="stylesheet">
     <link rel="stylesheet" href="<%= basePath %>/_assets/styles/hljs/<%= hljs %>.css" id="hljs" data-default="<%= hljs %>" data-tmpl="<%= basePath %>/_assets/styles/hljs/%s.css">
     <%_ for (index in plugin.css) { _%>
     <link href="<%- plugin.css[index] %>" rel="stylesheet">
@@ -15,18 +15,18 @@ _%>
     <%_ if (customStylesFile) { _%>
     <link rel="stylesheet" href="<%= customStylesFile %>">
     <%_ } _%>
-    <link href="<%= basePath %>/_assets/styles/inject.cb10a74.css" rel="prefetch" as="style">
-    <link href="<%= basePath %>/_assets/scripts/inject.78442e7.js" rel="prefetch" as="script">
+    <link href="<%= basePath %>/_assets/styles/inject.4c93db5.css" rel="prefetch" as="style">
+    <link href="<%= basePath %>/_assets/scripts/inject.6049a15.js" rel="prefetch" as="script">
     <link href="<%= basePath %>/_assets/styles/MainComponent.adff928.css" rel="prefetch" as="style">
-    <link href="<%= basePath %>/_assets/scripts/MainComponent.35513f2.js" rel="prefetch" as="script">
+    <link href="<%= basePath %>/_assets/scripts/MainComponent.f61dc42.js" rel="prefetch" as="script">
     <script>
       window.UIengine = {
         base: <%- helpers.htmlescape(base) %>,
         state: <%- helpers.htmlescape(state) %>,
-        locales: {"de":{"_meta":{"title":"Deutsch"},"navigation":{"toggle":"Navigation umschalten"},"options":{"edit":"Bearbeiten","info":"Info","properties":"Properties","theme_properties":"Themes","preview":"Vorschau","code":"Code","copy_permalink":"Variantenlink kopieren","open_in_window":"In separatem Fenster öffnen","edit_on_codepen":"In Codepen öffnen","reset":"zurücksetzen","toggle":"umschalten","all_themes":"Alle anzeigen","loading":"Wird geladen…"},"code":{"raw":"Code","context":"Daten","rendered":"HTML"},"component":{"dependencies":"Zusammengesetzt aus","dependents":"Wird benutzt von"},"token":{"name":"Name","type":"Typ","icon":"Icon","demo":"Demo","value":"Wert","usage":"Gebrauch","license":"Lizenz","fontface":"Schriftart","fontweight":"Schriftschnitt","variable":"Variable","description":"Beschreibung","reference":"Referenz","property":"Eigenschaft","theme":"Theme","default":"Standard"},"properties":{"title":"Datentypen","name":"Property","type":"Typ","description":"Beschreibung","required":"Pflicht","default":"Standard"},"footer":{"version":"Version","last_update":"Letztes Update am"},"search":{"label":"Suche","toggle":"Suche umschalten","title":"Suchergebnisse für \"%{query}\"","no_results":"Leider konnten keine passenden Suchergebnisse gefunden werden."},"settings":{"title":"Einstellungen","locale":"Sprache","hljs":"Highlight-Theme","preview_mode":"Vorschaumodus","breakpoints":"Breakpoints","viewports":"Viewports"},"not_found":{"title":"Nicht gefunden","content":"Diese Seite existiert leider nicht."}},"en":{"_meta":{"title":"English"},"navigation":{"toggle":"Toggle navigation"},"options":{"edit":"Edit","info":"Info","properties":"Properties","theme_properties":"Themes","preview":"Preview","code":"Code","copy_permalink":"Copy link to variant","open_in_window":"Open in separate window","edit_on_codepen":"Edit on Codepen","reset":"reset","toggle":"toggle","all_themes":"All themes","loading":"Loading…"},"code":{"raw":"Code","context":"Data","rendered":"HTML"},"component":{"dependencies":"Composed of","dependents":"Used within"},"token":{"name":"Name","type":"Type","icon":"Icon","demo":"Demo","value":"Value","usage":"Usage","license":"License","fontface":"Typeface","fontweight":"Weight","variable":"Variable","description":"Description","reference":"Reference","property":"Property","theme":"Theme","default":"Default"},"properties":{"title":"Datatypes","name":"Property","type":"Type","description":"Description","required":"Required","default":"Default"},"footer":{"version":"Version","last_update":"Last updated on"},"search":{"label":"Search","toggle":"Toggle search","title":"Search results for \"%{query}\"","no_results":"Unfortunately there is no content matching your search query."},"settings":{"title":"Settings","locale":"Locale","hljs":"Highlight-Theme","preview_mode":"Preview Mode","breakpoints":"Breakpoints","viewports":"Viewports"},"not_found":{"title":"Not Found","content":"This page does not exist."}}},
+        locales: {"de":{"_meta":{"title":"Deutsch"},"navigation":{"toggle":"Navigation umschalten"},"options":{"edit":"Bearbeiten","info":"Info","properties":"Properties","theme_properties":"Themes","preview":"Vorschau","code":"Code","copy_permalink":"Variantenlink kopieren","open_in_window":"In separatem Fenster öffnen","edit_on_codepen":"In Codepen öffnen","reset":"zurücksetzen","toggle":"umschalten","all_themes":"Alle anzeigen","loading":"Wird geladen…","copy_code":"Code kopieren","copy_code_tooltip":"Kopiert!"},"code":{"raw":"Code","context":"Daten","rendered":"HTML"},"component":{"dependencies":"Zusammengesetzt aus","dependents":"Wird benutzt von"},"token":{"name":"Name","type":"Typ","icon":"Icon","demo":"Demo","value":"Wert","usage":"Gebrauch","license":"Lizenz","fontface":"Schriftart","fontweight":"Schriftschnitt","variable":"Variable","description":"Beschreibung","reference":"Referenz","property":"Eigenschaft","theme":"Theme","default":"Standard"},"properties":{"title":"Datentypen","name":"Property","type":"Typ","description":"Beschreibung","required":"Pflicht","default":"Standard"},"footer":{"version":"Version","last_update":"Letztes Update am"},"search":{"label":"Suche","toggle":"Suche umschalten","title":"Suchergebnisse für \"%{query}\"","no_results":"Leider konnten keine passenden Suchergebnisse gefunden werden."},"settings":{"title":"Einstellungen","locale":"Sprache","hljs":"Highlight-Theme","preview_mode":"Vorschaumodus","breakpoints":"Breakpoints","viewports":"Viewports"},"not_found":{"title":"Nicht gefunden","content":"Diese Seite existiert leider nicht."}},"en":{"_meta":{"title":"English"},"navigation":{"toggle":"Toggle navigation"},"options":{"edit":"Edit","info":"Info","properties":"Properties","theme_properties":"Themes","preview":"Preview","code":"Code","copy_permalink":"Copy link to variant","open_in_window":"Open in separate window","edit_on_codepen":"Edit on Codepen","reset":"reset","toggle":"toggle","all_themes":"All themes","loading":"Loading…","copy_code":"Copy to clipboard","copy_code_tooltip":"Copied!"},"code":{"raw":"Code","context":"Data","rendered":"HTML"},"component":{"dependencies":"Composed of","dependents":"Used within"},"token":{"name":"Name","type":"Type","icon":"Icon","demo":"Demo","value":"Value","usage":"Usage","license":"License","fontface":"Typeface","fontweight":"Weight","variable":"Variable","description":"Description","reference":"Reference","property":"Property","theme":"Theme","default":"Default"},"properties":{"title":"Datatypes","name":"Property","type":"Type","description":"Description","required":"Required","default":"Default"},"footer":{"version":"Version","last_update":"Last updated on"},"search":{"label":"Search","toggle":"Toggle search","title":"Search results for \"%{query}\"","no_results":"Unfortunately there is no content matching your search query."},"settings":{"title":"Settings","locale":"Locale","hljs":"Highlight-Theme","preview_mode":"Preview Mode","breakpoints":"Breakpoints","viewports":"Viewports"},"not_found":{"title":"Not Found","content":"This page does not exist."}}},
         iframeScripts: [
-          "<%= basePath %>/_assets/scripts/preview.ab2b3fc.js",
-          "<%= basePath %>/_assets/scripts/runtime.0a7e1f6.js",
+          "<%= basePath %>/_assets/scripts/preview.423d07d.js",
+          "<%= basePath %>/_assets/scripts/runtime.8b862c8.js",
           <%_ for (index in plugin.iframe_js) { _%>
           <%- JSON.stringify(plugin.iframe_js[index]) %>,
           <%_ } _%>
@@ -41,6 +41,7 @@ _%>
         <symbol viewBox="0 0 24 24" id="caret-down"><path d="M5.293 8.293a1 1 0 0 1 1.32-.083l.094.083L12 13.585l5.293-5.292a1 1 0 0 1 1.32-.083l.094.083a1 1 0 0 1 .083 1.32l-.083.094-6 6a1 1 0 0 1-1.32.083l-.094-.083-6-6a1 1 0 0 1 0-1.414z"/></symbol>
         <symbol viewBox="0 0 24 24" id="caret-left"><path d="M14.293 5.293a1 1 0 0 1 1.497 1.32l-.083.094L10.415 12l5.292 5.293a1 1 0 0 1 .083 1.32l-.083.094a1 1 0 0 1-1.32.083l-.094-.083-6-6a1 1 0 0 1-.083-1.32l.083-.094 6-6z"/></symbol>
         <symbol viewBox="0 0 24 24" id="caret-right"><path d="M8.293 5.293a1 1 0 0 1 1.32-.083l.094.083 6 6a1 1 0 0 1 .083 1.32l-.083.094-6 6a1 1 0 0 1-1.497-1.32l.083-.094L13.585 12 8.293 6.707a1 1 0 0 1-.083-1.32l.083-.094z"/></symbol>
+        <symbol viewBox="0 0 24 24" id="clipboard-copy"><path d="M14 1a2 2 0 011.995 1.85L16 3h1a3 3 0 012.995 2.824L20 6v6.5h2a1 1 0 01.117 1.993L22 14.5h-2V20a3 3 0 01-2.824 2.995L17 23H5a3 3 0 01-2.995-2.824L2 20V6a3 3 0 012.824-2.995L5 3h1a2 2 0 011.85-1.995L8 1h6zM6 5H5a1 1 0 00-.993.883L4 6v14a1 1 0 00.883.993L5 21h12a1 1 0 00.993-.883L18 20v-5.5h-2.865l1.133 1.36a1 1 0 01-1.45 1.372l-.086-.092-2.53-3.037-.064-.096-.064-.13-.05-.157-.021-.142L12 13.5l.014-.166.034-.14.027-.074.063-.127.094-.133 2.5-3a1 1 0 011.61 1.179l-.074.101-1.133 1.36H18V6a1 1 0 00-.883-.993L17 5h-1a2 2 0 01-1.85 1.995L14 7H8a2 2 0 01-1.995-1.85L6 5zm8-2H8v2h6V3z"/></symbol>
         <symbol viewBox="0 0 24 24" id="code"><path d="M16.613 5.21l.094.083 6 6a1 1 0 0 1 .083 1.32l-.083.094-6 6a1 1 0 0 1-1.497-1.32l.083-.094L20.585 12l-5.292-5.293a1 1 0 0 1-.083-1.32l.083-.094a1 1 0 0 1 1.32-.083zm-7.906.083a1 1 0 0 1 .083 1.32l-.083.094L3.415 12l5.292 5.293a1 1 0 0 1 .083 1.32l-.083.094a1 1 0 0 1-1.32.083l-.094-.083-6-6a1 1 0 0 1-.083-1.32l.083-.094 6-6a1 1 0 0 1 1.414 0z"/></symbol>
         <symbol viewBox="0 0 24 24" id="document"><path d="M14 1a1 1 0 0 1 .707.293l6 6A1 1 0 0 1 21 8v12a3 3 0 0 1-3 3H6c-1.652 0-3-1.348-3-3V4a3 3 0 0 1 3-3zm-1 2H6a1 1 0 0 0-1 1v16c0 .548.452 1 1 1h12a1 1 0 0 0 1-1V9h-5a1 1 0 0 1-.993-.883L13 8V3zm3 13a1 1 0 0 1 .117 1.993L16 18H8a1 1 0 0 1-.117-1.993L8 16h8zm0-4a1 1 0 0 1 .117 1.993L16 14H8a1 1 0 0 1-.117-1.993L8 12h8zm-6-4a1 1 0 0 1 .117 1.993L10 10H8a1 1 0 0 1-.117-1.993L8 8h2zm7.585-1L15 4.415V7h2.585z"/></symbol>
         <symbol viewBox="0 0 24 24" id="grid"><path d="M21 13a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1zm-11 0a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1zm10 2h-5v5h5v-5zM9 15H4v5h5v-5zm1-13a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1zm11 0a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1zM9 4H4v5h5V4zm11 0h-5v5h5V4z"/></symbol>
@@ -55,10 +56,10 @@ _%>
     </svg>
     <div id="app"></div>
     <script src="https://polyfill.io/v2/polyfill.min.js?features=IntersectionObserver"></script>
-    <script src="<%= basePath %>/_assets/scripts/runtime.0a7e1f6.js"></script>
-    <script src="<%= basePath %>/_assets/scripts/vendor_other.71e006c.js"></script>
-    <script src="<%= basePath %>/_assets/scripts/vendor_vue.544944e.js"></script>
-    <script src="<%= basePath %>/_assets/scripts/main.075bcdf.js"></script>
+    <script src="<%= basePath %>/_assets/scripts/runtime.8b862c8.js"></script>
+    <script src="<%= basePath %>/_assets/scripts/vendor_other.ee175d0.js"></script>
+    <script src="<%= basePath %>/_assets/scripts/vendor_vue.c146f1b.js"></script>
+    <script src="<%= basePath %>/_assets/scripts/main.e08464c.js"></script>
     <%_ for (index in plugin.js) { _%>
     <script src="<%- plugin.js[index] %>"></script>
     <%_ } _%>

package/lib/templates/sketch.ejs

@@ -55,7 +55,7 @@
   </section>
 <%_ } _%>
 
-<link href="<%= basePath %>/_assets/styles/inject.cb10a74.css" rel="stylesheet">
+<link href="<%= basePath %>/_assets/styles/inject.4c93db5.css" rel="stylesheet">
 
 <div class="uie-html-sketchapp-export">
   <section class="uie-html-sketchapp-export__section">

package/lib/templates/tokens.ejs

@@ -155,7 +155,7 @@
           <div class="uie-color-token__info uie-color-token__info--top">
             <div class="uie-color-token__example">
               <div class="uie-color-token__swatch">
-                <div class="uie-color-token__swatch__inner" style="background:<%= color.hex %>"></div>
+                <div class="uie-color-token__swatch__inner" style="background:<%= helpers.colorDefinition(color) %>"></div>
               </div>
             </div>
             <div class="uie-color-token__name"><%= token.name %></div>
@@ -396,7 +396,7 @@
   <%_ } _%>
 <%_ } _%>
 
-<link href="<%= basePath %>/_assets/styles/inject.cb10a74.css" rel="stylesheet">
+<link href="<%= basePath %>/_assets/styles/inject.4c93db5.css" rel="stylesheet">
 
 <div class="uie">
   <div class="uie-tokens">

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uiengine/ui",
   "description": "UIengine user interface.",
   "license": "MIT",
-  "version": "3.2.0",
+  "version": "3.2.4",
   "author": "Dennis Reimann <mail@dennisreimann.de> (https://dennisreimann.de)",
   "homepage": "https://github.com/dennisreimann/uiengine",
   "bugs": "https://github.com/dennisreimann/uiengine/issues",
@@ -35,76 +35,75 @@
     "lint": "eslint --fix --ext .js,.vue src test"
   },
   "dependencies": {
-    "@babel/runtime": "7.14.5",
-    "@uiengine/util": "3.2.0",
-    "color": "3.1.3",
+    "@babel/runtime": "7.16.7",
+    "@uiengine/util": "3.2.4",
+    "color": "4.2.0",
     "cross-env": "7.0.3",
     "deepmerge": "4.2.2",
     "ejs": "3.1.6",
-    "fuse.js": "6.4.6",
+    "fuse.js": "6.5.3",
     "highlight.js": "10.7.3",
     "htmlescape": "1.1.1",
     "vue": "2.6.14",
     "vue-analytics": "5.22.1",
     "vue-meta": "2.4.0",
-    "vue-router": "3.5.1",
+    "vue-router": "3.5.3",
     "vuex": "3.6.2",
     "yall-js": "3.2.0"
   },
   "devDependencies": {
-    "@babel/core": "7.14.5",
-    "@babel/plugin-proposal-object-rest-spread": "7.14.5",
+    "@babel/core": "7.16.12",
+    "@babel/plugin-proposal-object-rest-spread": "7.16.7",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
-    "@babel/plugin-transform-runtime": "7.14.5",
-    "@babel/preset-env": "7.14.5",
-    "autoprefixer": "10.2.6",
+    "@babel/plugin-transform-runtime": "7.16.10",
+    "@babel/preset-env": "7.16.11",
+    "autoprefixer": "10.4.2",
     "babel-eslint": "10.1.0",
-    "babel-loader": "8.2.2",
-    "caniuse-lite": "1.0.30001237",
+    "babel-loader": "8.2.3",
+    "caniuse-lite": "1.0.30001301",
     "clipboard": "2.0.8",
     "compile-ejs-loader": "0.0.3",
-    "copy-webpack-plugin": "9.0.0",
-    "css-loader": "5.2.6",
-    "css-minimizer-webpack-plugin": "3.0.1",
+    "copy-webpack-plugin": "9.1.0",
+    "css-loader": "6.5.1",
+    "css-minimizer-webpack-plugin": "3.4.1",
     "css-mqpacker": "7.0.0",
     "csswring": "7.0.0",
-    "eslint": "7.28.0",
+    "eslint": "7.32.0",
     "eslint-config-standard": "16.0.3",
     "eslint-friendly-formatter": "4.0.1",
-    "eslint-import-resolver-node": "0.3.4",
+    "eslint-import-resolver-node": "0.3.6",
     "eslint-loader": "4.0.2",
-    "eslint-plugin-import": "2.23.4",
+    "eslint-plugin-import": "2.25.4",
     "eslint-plugin-node": "11.1.0",
-    "eslint-plugin-promise": "5.1.0",
+    "eslint-plugin-promise": "5.2.0",
     "eslint-plugin-standard": "5.0.0",
-    "eslint-plugin-vue": "7.11.1",
+    "eslint-plugin-vue": "7.20.0",
     "file-loader": "6.2.0",
-    "fs-extra": "9.1.0",
     "html-minifier": "4.0.0",
-    "html-webpack-plugin": "5.3.1",
+    "html-webpack-plugin": "5.5.0",
     "iframe-resizer": "4.3.2",
-    "mini-css-extract-plugin": "1.6.0",
+    "mini-css-extract-plugin": "2.5.3",
     "mocha": "8.4.0",
     "mocha-sinon": "2.1.2",
     "node-notifier": "10.0.0",
-    "postcss": "8.3.4",
+    "postcss": "8.4.5",
     "postcss-import": "14.0.2",
-    "postcss-loader": "6.1.0",
+    "postcss-loader": "6.2.1",
     "rimraf": "3.0.2",
     "run-sequence": "2.2.1",
     "sinon": "10.0.0",
-    "stylus": "0.54.8",
-    "stylus-loader": "6.1.0",
-    "terser-webpack-plugin": "5.1.3",
-    "uglify-js": "3.13.9",
+    "stylus": "0.56.0",
+    "stylus-loader": "6.2.0",
+    "terser-webpack-plugin": "5.3.0",
+    "uglify-js": "3.14.5",
     "url-loader": "4.1.1",
-    "vue-loader": "15.9.7",
+    "vue-loader": "15.9.8",
     "vue-style-loader": "4.1.3",
     "vue-template-compiler": "2.6.14",
-    "webpack": "5.38.1",
-    "webpack-bundle-analyzer": "4.4.2",
-    "webpack-cli": "4.7.2",
+    "webpack": "5.67.0",
+    "webpack-bundle-analyzer": "4.5.0",
+    "webpack-cli": "4.9.2",
     "webpack-merge": "5.8.0"
   },
-  "gitHead": "fec252773b3787521fdf2a551236c375b00077e0"
+  "gitHead": "e28ff35a6e1355015034fe24d624c26c73b2a381"
 }

package/src/index.js

@@ -88,15 +88,34 @@ async function render (options, template = 'index', data = null) {
     titleize,
 
     color (value) {
-      const color = Color(value)
+      let color, definition
+
+      if (typeof value === 'string') {
+        if (value.startsWith('#')) {
+          definition = 'hex'
+        } else if (value.startsWith('hsl')) {
+          definition = 'hsl'
+        } else {
+          definition = 'rgb'
+        }
+      } else if (typeof value === 'object' && value.model) {
+        definition = value.model
+      }
+
+      try { color = Color(value) } catch { color = Color(`rgb(${value})`) }
 
       return {
+        definition,
         hex: color.hex().toString(),
         rgb: color.rgb().toString(),
         hsl: color.hsl().toString().replace(/(\(\d+\.(\d{1,3}))\d+/, '$1') // shorten the first values decimal places
       }
     },
 
+    colorDefinition (color) {
+      return color[color.definition]
+    },
+
     localize (locale, key, interpolations) {
       const dict = locales[locale]
 

package/src/locales/de.js

@@ -18,7 +18,9 @@ module.exports = {
     reset: 'zurücksetzen',
     toggle: 'umschalten',
     all_themes: 'Alle anzeigen',
-    loading: 'Wird geladen…'
+    loading: 'Wird geladen…',
+    copy_code: 'Code kopieren',
+    copy_code_tooltip: 'Kopiert!'
   },
   code: {
     raw: 'Code',

package/src/locales/en.js

@@ -18,7 +18,9 @@ module.exports = {
     reset: 'reset',
     toggle: 'toggle',
     all_themes: 'All themes',
-    loading: 'Loading…'
+    loading: 'Loading…',
+    copy_code: 'Copy to clipboard',
+    copy_code_tooltip: 'Copied!'
   },
   code: {
     raw: 'Code',

package/dist/_assets/scripts/498.94fc5db.js

@@ -1 +0,0 @@
-(self.webpackChunk_uiengine_ui=self.webpackChunk_uiengine_ui||[]).push([[498],{20:function(t,e,i){var n=i(770),r=/([\\s]*?<!--\\s?omit:.*?\\s?-->)/gi;t.exports={decorateCode:function(t,e){return n(t,e)},decorateContext:function(t){return n(JSON.stringify(t,null,2),"json")},omit:function(t,e){var i=new RegExp("([\\s]*?\x3c!--\\s?omit:".concat(t,":start\\s?--\x3e[\\s\\S]*?\x3c!--\\s?omit:").concat(t,":end\\s?--\x3e)"),"gi");return e.replace(i,"").replace(r,"")},isolateCode:function t(e,i){var n=new RegExp("\x3c!--\\s?uiengine:".concat(e,":start\\s?--\x3e([\\s\\S]*)\x3c!--\\s?uiengine:").concat(e,":end\\s?--\x3e"),"i"),r=i.match(n);return r&&r[1]?t(e,r[1]):i}}},770:function(t,e,i){var n=i(8545),r=["bash","css","scss","less","stylus","javascript","handlebars","json","markdown","nginx","xml"];r.forEach((function(t){var e=i(8174)("./".concat(t));n.registerLanguage(t,e)})),t.exports=function(t,e){var i=null!=e?[e]:void 0,r=n.highlightAuto(t,i),s=r.value,a=r.language;return'<pre class="hljs lang-'.concat(e||a,'"><code>').concat(s,"</code></pre>")},t.exports.LANGUAGES=r},7010:function(t,e,i){"use strict";var n=i(8092),r=i(9105);function s(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}function a(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?s(Object(i),!0).forEach((function(e){(0,n.Z)(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):s(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}e.Z={computed:a(a({},(0,r.Se)("state",["plugins"])),{},{pluginActions:function(){return this.plugins.ui.actions},pluginTabs:function(){return this.plugins.ui.tabs}}),methods:{dispatchPluginEvent:function(t,e,i){this.$refs.preview.dispatchPluginEvent(t,e,i)},dispatchPluginEventForAllPlugins:function(t,e,i){this.$refs.preview.dispatchPluginEvent(t,e,i)}},mounted:function(){var t=this,e=this.$props,i=e.variant,n=e.component;this.$refs.preview.$on("iframe-load",(function(e){t.pluginActions.forEach((function(r,s){var a=t.$refs["plugin-action"][s];t.dispatchPluginEvent("init",r,{target:a,variant:i,component:n}),t.dispatchPluginEvent("iframe-load",r,{target:a,variant:i,component:n,iframe:e})})),t.pluginTabs.forEach((function(r,s){var a=t.$refs["plugin-tab"][s],o=t.$refs["plugin-tab-content"][s];t.dispatchPluginEvent("init",r,{target:a,content:o,variant:i,component:n}),t.dispatchPluginEvent("iframe-load",r,{target:a,content:o,variant:i,component:n,iframe:e})}))}))}}},2827:function(t,e,i){"use strict";i.d(e,{Z:function(){return l}});var n=i(249),r=i(3335),s=i.n(r),a=i(20),o=i(7970),c=i(830),p={mixins:[o.Z,c.Z],props:{extension:{type:String,default:null},raw:{type:String,default:null},context:{type:Object,default:null},pathPrefix:{type:String,required:!0},pathPostfix:{type:String,required:!0}},data:function(){return{expanded:{raw:!0,context:!0},renderedHTML:{content:"",lang:"text"}}},computed:{renderedRaw:function(){var t=(0,a.omit)("code",this.raw);return(0,a.decorateCode)(t)},renderedContext:function(){return(0,a.decorateContext)(this.context)},iframeSrc:function(){var t=this.currentTheme.id;return"".concat(window.UIengine.base).concat(this.pathPrefix,"/").concat(t,"/").concat(this.pathPostfix,".html")}},watch:{expanded:function(t,e){var i=this;return(0,n.Z)(s().mark((function t(){var n;return s().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(i.renderedHTML.content||!e.HTML){t.next=13;break}return t.next=3,fetch("".concat(window.location.origin).concat(i.iframeSrc));case 3:if(!(n=t.sent).ok){t.next=10;break}return t.next=7,n.text();case 7:t.t0=t.sent,t.next=11;break;case 10:t.t0="Error accessing ".concat(window.location.origin).concat(i.iframeSrc," (").concat(n.status,")");case 11:t.t1=t.t0,i.renderedHTML={content:t.t1,lang:"html"};case 13:case"end":return t.stop()}}),t)})))()}},methods:{renderPart:function(t){var e=t.content,i=t.lang,n=(0,a.isolateCode)("preview",e),r=(0,a.omit)("code",n).trim();return(0,a.decorateCode)(r,i)},isExpanded:function(t){return!!this.expanded[t]},toggleExpanded:function(t){this.$set(this.expanded,t,!this.expanded[t])}}},l=(0,i(174).Z)(p,(function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"code"},[t.raw?i("div",{staticClass:"code__segment"},[i("button",{staticClass:"code__header",attrs:{title:t._f("localize")("navigation.toggle"),"aria-expanded":t._f("bool2string")(t.isExpanded("raw")),"data-test-variant-code-button":"raw",type:"button"},on:{click:function(e){return e.preventDefault(),t.toggleExpanded("raw")}}},[i("h4",{staticClass:"code__title"},[t._v("\n        "+t._s(t._f("localize")("code.raw"))+"\n      ")]),t._v(" "),i("AppIcon",{staticClass:"code__expandicon",attrs:{symbol:"caret-down"}})],1),t._v(" "),i("div",{attrs:{hidden:!t.isExpanded("raw"),"data-test-variant-code-part":"raw"},domProps:{innerHTML:t._s(t.renderedRaw)}})]):t._e(),t._v(" "),t.context?i("div",{staticClass:"code__segment"},[i("button",{staticClass:"code__header",attrs:{title:t._f("localize")("navigation.toggle"),"aria-expanded":t._f("bool2string")(t.isExpanded("context")),"data-test-variant-code-button":"context",type:"button"},on:{click:function(e){return e.preventDefault(),t.toggleExpanded("context")}}},[i("h4",{staticClass:"code__title"},[t._v("\n        "+t._s(t._f("localize")("code.context"))+"\n      ")]),t._v(" "),i("AppIcon",{staticClass:"code__expandicon",attrs:{symbol:"caret-down"}})],1),t._v(" "),i("div",{attrs:{hidden:!t.isExpanded("context"),"data-test-variant-code-part":"context"},domProps:{innerHTML:t._s(t.renderedContext)}})]):t._e(),t._v(" "),t.displayAllThemes?t._e():i("div",{staticClass:"code__segment"},[i("button",{staticClass:"code__header",attrs:{title:t._f("localize")("navigation.toggle"),"aria-expanded":t._f("bool2string")(t.isExpanded("HTML")),"data-test-variant-code-button":"HTML",type:"button"},on:{click:function(e){return e.preventDefault(),t.toggleExpanded("HTML")}}},[i("h4",{staticClass:"code__title"},[t._v("\n        HTML\n      ")]),t._v(" "),i("AppIcon",{staticClass:"code__expandicon",attrs:{symbol:"caret-down"}})],1),t._v(" "),i("div",{attrs:{hidden:!t.isExpanded("HTML"),"data-test-variant-code-part":"HTML"}},[t.renderedHTML.content?i("div",{domProps:{innerHTML:t._s(t.renderPart(t.renderedHTML))}}):i("div",[i("pre",[t._v(t._s(t._f("localize")("options.loading")))])])])])])}),[],!1,null,"404be757",null).exports},4864:function(t,e,i){"use strict";i.d(e,{Z:function(){return l}});var n=i(8092),r=i(9105),s=i(7970),a=i(830);function o(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}function c(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?o(Object(i),!0).forEach((function(e){(0,n.Z)(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):o(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var p={mixins:[s.Z,a.Z],props:{id:{type:String,required:!0},title:{type:String,required:!0},pathPrefix:{type:String,required:!0},pathPostfix:{type:String,required:!0}},data:function(){return{isBreakpointsActive:!1}},computed:c(c(c({},(0,r.Se)("state",["config"])),(0,r.Se)("preferences",["previewWidths","previewMode"])),{},{breakpoints:function(){return this.config.ui.breakpoints},viewports:function(){return this.config.ui.viewports},isModeViewports:function(){return"viewports"===this.previewMode},breakpointNames:function(){return Object.keys(this.breakpoints)},breakpointWidths:function(){var t=this;return Object.values?Object.values(this.breakpoints):Object.keys(this.breakpoints).map((function(e){return t.breakpoints[e]}))},size:function(){var t=this;if(this.iframeWidth){if(this.breakpoints){var e=this.breakpointWidths.filter((function(e){return e<=t.iframeWidth})),i=e.length?this.breakpointNames[e.length-1]:"< ".concat(this.breakpointNames[0]);return this.previewTitle(i,this.iframeWidth)}return"".concat(this.iframeWidth,"px")}return""},viewportClass:function(){return"preview__viewport--".concat(this.previewMode)},viewportStyle:function(){if("viewports"===this.previewMode)return{};var t=this.previewWidths[this.id];return t?{width:"calc(".concat(t,"px + var(--uie-preview-padding) * 2 + 2px)")}:{}},iframes:function(){var t=this.$refs.iframes;return t instanceof HTMLElement&&(t=[t]),t}}),created:function(){var t=this;this.$root.$on("modal-close",(function(){t.isBreakpointsActive=!1}))},mounted:function(){var t=this;this.iframes.forEach(this.mountResizableIframe),this.$store.watch((function(){return t.$store.getters["preferences/currentTheme"]}),(function(){window.requestAnimationFrame((function(){t.iframes.forEach(t.mountResizableIframe)}))}))},beforeDestroy:function(){this.iframes.forEach(this.unmountResizableIframe)},methods:c(c({},(0,r.OI)("preferences",["setPreviewWidths"])),{},{setWidth:function(t){var e=this.previewWidths;t?e[this.id]=t:(delete e[this.id],this.$refs.viewport.style.width=null),this.setPreviewWidths(e)},iframeSize:function(t){var e=parseInt(t);return isNaN(e)?null:e},iframeSrc:function(t){return"".concat(window.UIengine.base).concat(this.pathPrefix,"/").concat(t,"/").concat(this.pathPostfix,".html")},previewTitle:function(t,e){return"".concat(t," @ ").concat(e,"px")},dispatchPluginEvent:function(t,e,i){var n=e.id;this.iframes.forEach((function(r){document.dispatchEvent(new CustomEvent("".concat(n,":").concat(t),{detail:Object.assign(i,{plugin:e,iframe:r})}))}))}})},l=(0,i(174).Z)(p,(function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"preview"},[t.isModeViewports?t._e():[i("div",{staticClass:"preview__options",class:{"preview__options--active":t.isBreakpointsActive}},[i("div",{staticClass:"preview__options-inner"},[t._l(t.breakpoints,(function(e,n){return i("button",{key:n,staticClass:"preview__option",attrs:{type:"button"},on:{click:function(i){return t.setWidth(e)}}},[i("span",{staticClass:"preview__option-text"},[t._v(t._s(n))]),t._v(" "),i("span",{staticClass:"preview__option-label"},[t._v(t._s(e)+"px")])])})),t._v(" "),i("button",{staticClass:"preview__option",attrs:{type:"button"},on:{click:function(e){return t.setWidth(null)}}},[i("span",{staticClass:"preview__option-text"},[i("AppIcon",{staticClass:"preview__option-text-icon",attrs:{symbol:"reset"}})],1),t._v(" "),i("span",{staticClass:"preview__option-label"},[t._v(t._s(t._f("localize")("options.reset")))])])],2)])],t._v(" "),i("div",{staticClass:"preview__viewports sih--main soh--main-escape"},[t.isModeViewports?t._l(t.viewports,(function(e,n){var r=e.width,s=e.height;return i("div",{key:n,staticClass:"preview__viewport",class:t.viewportClass,style:t.viewportStyle},[i("span",{staticClass:"preview__title"},[t._v("\n          "+t._s(t.previewTitle(n,r))+"\n        ")]),t._v(" "),t._l(t.displayedThemes,(function(e){return i("div",{key:e.id,staticClass:"preview__iframe-container",attrs:{"data-test-iframe-container":e.id+"-"+n}},[t.displayAllThemes?i("div",{staticClass:"preview__theme-title"},[t._v("\n            "+t._s(e.title)+"\n          ")]):t._e(),t._v(" "),i("iframe",{ref:"iframes",refInFor:!0,staticClass:"preview__iframe lazy",style:{width:t.iframeSize(r)+"px"},attrs:{src:"about:blank","data-src":t.iframeSrc(e.id),title:t.title,width:t.iframeSize(r),height:t.iframeSize(s),scrolling:s?"yes":"no","data-test-viewport-iframe":e.id+"-"+n,frameborder:"0"}})])}))],2)})):[i("div",{ref:"viewport",staticClass:"preview__viewport",class:t.viewportClass,style:t.viewportStyle},[t.breakpoints?[i("span",{staticClass:"preview__title"},[t._v("\n            "+t._s(t.size)+"\n          ")])]:t._e(),t._v(" "),t._l(t.displayedThemes,(function(e){return i("div",{key:e.id,staticClass:"preview__iframe-container",attrs:{"data-test-iframe-container":e.id}},[t.displayAllThemes?i("div",{staticClass:"preview__theme-title"},[t._v("\n            "+t._s(e.title)+"\n          ")]):t._e(),t._v(" "),i("iframe",{ref:"iframes",refInFor:!0,staticClass:"preview__iframe lazy",attrs:{src:"about:blank","aria-roledescription":"iframe","data-src":t.iframeSrc(e.id),title:t.title,"data-test-breakpoint-iframe":e.id,frameborder:"0",scrolling:"no"}})])}))],2)]],2)],2)}),[],!1,null,"419b93af",null).exports},7919:function(t,e,i){"use strict";i.d(e,{Z:function(){return r}});var n={components:{ContentProperty:i(7731).Z},props:{title:{type:String,default:null},properties:{type:Object,required:!0}},computed:{displayDescription:function(){return Object.values(this.properties).some((function(t){return t.description}))}}},r=(0,i(174).Z)(n,(function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("table",{class:{withDescription:t.displayDescription},attrs:{id:t.title}},[i("caption",[t._v(t._s(t.title))]),t._v(" "),i("thead",[i("tr",[i("th",{staticClass:"property__name"},[t._v("\n        "+t._s(t._f("localize")("properties.name"))+"\n      ")]),t._v(" "),i("th",{staticClass:"property__type"},[t._v("\n        "+t._s(t._f("localize")("properties.type"))+"\n      ")]),t._v(" "),t.displayDescription?i("th",{staticClass:"property__description"},[t._v("\n        "+t._s(t._f("localize")("properties.description"))+"\n      ")]):t._e(),t._v(" "),i("th",{staticClass:"property__required"},[t._v("\n        "+t._s(t._f("localize")("properties.required"))+"\n      ")]),t._v(" "),i("th",{staticClass:"property__default"},[t._v("\n        "+t._s(t._f("localize")("properties.default"))+"\n      ")])])]),t._v(" "),i("tbody",t._l(t.properties,(function(e,n){return i("ContentProperty",{key:n,attrs:{id:n,property:e,"display-description":t.displayDescription}})})),1)])}),[],!1,null,"a103365e",null).exports},8174:function(t,e,i){var n={"./bash":6201,"./css":8248,"./handlebars":8290,"./javascript":7758,"./json":5333,"./less":3494,"./markdown":5794,"./nginx":5012,"./scss":9883,"./stylus":6765,"./xml":3487};function r(t){var e=s(t);return i(e)}function s(t){if(!i.o(n,t)){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}return n[t]}r.keys=function(){return Object.keys(n)},r.resolve=s,t.exports=r,r.id=8174}}]);