@uiengine/ui 3.2.6 → 3.3.3

package/dist/_assets/styles/{main.077577c.css → main.54b2b25.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-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}
+.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 a[data-v-0778ce28],.topbar[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 details:not([class])>:last-child,.content td:not([class])>:last-child,.content>: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.077577c.css" rel="stylesheet">
+    <link href="<%= basePath %>/_assets/styles/main.54b2b25.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.4c93db5.css" rel="prefetch" as="style">
-    <link href="<%= basePath %>/_assets/scripts/inject.085e2f7.js" rel="prefetch" as="script">
+    <link href="<%= basePath %>/_assets/styles/inject.1a37be1.css" rel="prefetch" as="style">
+    <link href="<%= basePath %>/_assets/scripts/inject.7ac82f1.js" rel="prefetch" as="script">
     <link href="<%= basePath %>/_assets/styles/MainComponent.adff928.css" rel="prefetch" as="style">
-    <link href="<%= basePath %>/_assets/scripts/MainComponent.2692d61.js" rel="prefetch" as="script">
+    <link href="<%= basePath %>/_assets/scripts/MainComponent.6af6540.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…","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.423d07d.js",
-          "<%= basePath %>/_assets/scripts/runtime.c025c8f.js",
+          "<%= basePath %>/_assets/scripts/preview.cd87962.js",
+          "<%= basePath %>/_assets/scripts/runtime.78c9a25.js",
           <%_ for (index in plugin.iframe_js) { _%>
           <%- JSON.stringify(plugin.iframe_js[index]) %>,
           <%_ } _%>
@@ -56,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.c025c8f.js"></script>
-    <script src="<%= basePath %>/_assets/scripts/vendor_other.67d2976.js"></script>
-    <script src="<%= basePath %>/_assets/scripts/vendor_vue.bbb401a.js"></script>
-    <script src="<%= basePath %>/_assets/scripts/main.7e55838.js"></script>
+    <script src="<%= basePath %>/_assets/scripts/runtime.78c9a25.js"></script>
+    <script src="<%= basePath %>/_assets/scripts/vendor_other.9dbfc3b.js"></script>
+    <script src="<%= basePath %>/_assets/scripts/vendor_vue.15d5f6c.js"></script>
+    <script src="<%= basePath %>/_assets/scripts/main.f649cdf.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.4c93db5.css" rel="stylesheet">
+<link href="<%= basePath %>/_assets/styles/inject.1a37be1.css" rel="stylesheet">
 
 <div class="uie-html-sketchapp-export">
   <section class="uie-html-sketchapp-export__section">

package/lib/templates/tokens.ejs

@@ -396,7 +396,7 @@
   <%_ } _%>
 <%_ } _%>
 
-<link href="<%= basePath %>/_assets/styles/inject.4c93db5.css" rel="stylesheet">
+<link href="<%= basePath %>/_assets/styles/inject.1a37be1.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.6",
+  "version": "3.3.3",
   "author": "Dennis Reimann <mail@dennisreimann.de> (https://dennisreimann.de)",
   "homepage": "https://github.com/dennisreimann/uiengine",
   "bugs": "https://github.com/dennisreimann/uiengine/issues",
@@ -15,7 +15,7 @@
     "access": "public"
   },
   "engines": {
-    "node": ">=14.16"
+    "node": ">=16.16"
   },
   "main": "./src/index.js",
   "files": [
@@ -35,75 +35,77 @@
     "lint": "eslint --fix --ext .js,.vue src test"
   },
   "dependencies": {
-    "@babel/runtime": "7.17.9",
-    "@uiengine/util": "3.2.6",
+    "@babel/runtime": "7.18.9",
+    "@uiengine/util": "workspace:packages/util",
     "color": "4.2.3",
     "cross-env": "7.0.3",
     "deepmerge": "4.2.2",
-    "ejs": "3.1.6",
-    "fuse.js": "6.5.3",
+    "ejs": "3.1.8",
+    "fuse.js": "6.6.2",
     "highlight.js": "10.7.3",
     "htmlescape": "1.1.1",
-    "vue": "2.6.14",
+    "vue": "2.7.7",
     "vue-analytics": "5.22.1",
     "vue-meta": "2.4.0",
-    "vue-router": "3.5.3",
+    "vue-router": "3.5.4",
     "vuex": "3.6.2",
     "yall-js": "3.2.0"
   },
   "devDependencies": {
-    "@babel/core": "7.17.9",
-    "@babel/plugin-proposal-object-rest-spread": "7.17.3",
+    "@babel/core": "7.18.9",
+    "@babel/plugin-proposal-object-rest-spread": "7.18.9",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
-    "@babel/plugin-transform-runtime": "7.17.0",
-    "@babel/preset-env": "7.16.11",
-    "autoprefixer": "10.4.4",
+    "@babel/plugin-transform-runtime": "7.18.9",
+    "@babel/preset-env": "7.18.9",
+    "@vue/compiler-sfc": "3.2.37",
+    "autoprefixer": "10.4.7",
     "babel-eslint": "10.1.0",
-    "babel-loader": "8.2.4",
-    "caniuse-lite": "1.0.30001332",
-    "clipboard": "2.0.10",
+    "babel-loader": "8.2.5",
+    "caniuse-lite": "1.0.30001367",
+    "clipboard": "2.0.11",
     "compile-ejs-loader": "0.0.3",
     "copy-webpack-plugin": "9.1.0",
     "css-loader": "6.7.1",
-    "css-minimizer-webpack-plugin": "3.4.1",
+    "css-minimizer-webpack-plugin": "4.0.0",
     "css-mqpacker": "7.0.0",
     "csswring": "7.0.0",
-    "eslint": "7.32.0",
-    "eslint-config-standard": "16.0.3",
+    "eslint": "8.20.0",
+    "eslint-config-standard": "17.0.0",
     "eslint-friendly-formatter": "4.0.1",
     "eslint-import-resolver-node": "0.3.6",
-    "eslint-loader": "4.0.2",
     "eslint-plugin-import": "2.26.0",
+    "eslint-plugin-n": "15.2.4",
     "eslint-plugin-node": "11.1.0",
-    "eslint-plugin-promise": "5.2.0",
+    "eslint-plugin-promise": "6.0.0",
     "eslint-plugin-standard": "5.0.0",
-    "eslint-plugin-vue": "7.20.0",
+    "eslint-plugin-vue": "9.2.0",
+    "eslint-webpack-plugin": "3.2.0",
     "file-loader": "6.2.0",
     "html-minifier": "4.0.0",
     "html-webpack-plugin": "5.5.0",
     "iframe-resizer": "4.3.2",
-    "mini-css-extract-plugin": "2.6.0",
+    "mini-css-extract-plugin": "2.6.1",
     "mocha": "8.4.0",
     "mocha-sinon": "2.1.2",
     "node-notifier": "10.0.1",
-    "postcss": "8.4.12",
+    "postcss": "8.4.14",
     "postcss-import": "14.1.0",
-    "postcss-loader": "6.2.1",
+    "postcss-loader": "7.0.1",
     "rimraf": "3.0.2",
     "run-sequence": "2.2.1",
     "sinon": "10.0.0",
-    "stylus": "0.57.0",
+    "stylus": "0.58.1",
     "stylus-loader": "6.2.0",
-    "terser-webpack-plugin": "5.3.1",
-    "uglify-js": "3.15.4",
+    "terser-webpack-plugin": "5.3.3",
+    "uglify-js": "3.16.2",
     "url-loader": "4.1.1",
-    "vue-loader": "15.9.8",
+    "vue-loader": "15.10.0",
     "vue-style-loader": "4.1.3",
-    "vue-template-compiler": "2.6.14",
-    "webpack": "5.72.0",
+    "vue-template-compiler": "2.7.7",
+    "webpack": "5.73.0",
     "webpack-bundle-analyzer": "4.5.0",
-    "webpack-cli": "4.9.2",
+    "webpack-cli": "4.10.0",
     "webpack-merge": "5.8.0"
   },
-  "gitHead": "0547f9bec325415eec84a2c28e05c60e0d4f6d94"
+  "gitHead": "5a18dae84235a3cbc1a9b918386e8856c4f45d19"
 }

package/dist/_assets/scripts/238.6bbbef5.js

@@ -1 +0,0 @@
-(self.webpackChunk_uiengine_ui=self.webpackChunk_uiengine_ui||[]).push([[238],{453:function(t,e,i){var n=i(2027),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}}},2027:function(t,e,i){var n=i(2877),r=["bash","css","scss","less","stylus","javascript","handlebars","json","markdown","nginx","xml"];r.forEach((function(t){var e=i(6580)("./".concat(t));n.registerLanguage(t,e)})),t.exports=function(t,e){var i=null!=e?[e]:void 0,r=n.highlightAuto(t,i),o=r.value,a=r.language;return'<pre class="hljs lang-'.concat(e||a,'"><code>').concat(o,"</code></pre>")},t.exports.LANGUAGES=r},178:function(t,e,i){"use strict";var n=i(7195),r=i(2640);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 a(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}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,o){var a=t.$refs["plugin-action"][o];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,o){var a=t.$refs["plugin-tab"][o],s=t.$refs["plugin-tab-content"][o];t.dispatchPluginEvent("init",r,{target:a,content:s,variant:i,component:n}),t.dispatchPluginEvent("iframe-load",r,{target:a,content:s,variant:i,component:n,iframe:e})}))}))}}},2372:function(t,e,i){"use strict";i.d(e,{Z:function(){return u}});var n=i(7134),r=i(8334),o=i.n(r),a=i(453),s=i(8439),c=i(6158),p=i(9377),l=i.n(p),d={mixins:[s.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)(o().mark((function t(){var n;return o().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])},copyRawToClipboard:function(){var t=(0,a.omit)("code",this.raw);this.copyCodeToClipboard(t)},copyContextToClipboard:function(){var t=JSON.stringify(this.context,null,"  ");this.copyCodeToClipboard(t)},copyHtmlToClipboard:function(t){var e=t.content,i=(0,a.isolateCode)("preview",e),n=(0,a.omit)("code",i).trim();this.copyCodeToClipboard(n)},copyCodeToClipboard:function(t){return new(l())("[data-clipboard-copy-code]",{text:function(){return t}}).on("success",(function(t){t.trigger.classList.add("copied"),setTimeout((function(){!function(t){t.trigger.classList.remove("copied")}(t)}),2e3)})).on("error",(function(t){console.error("[UIengine]","Clipboard error:",t)}))}}},u=(0,i(5534).Z)(d,(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"}},[i("button",{staticClass:"code__copy",attrs:{type:"button","aria-label":t._f("localize")("options.copy_code"),"data-tooltip-text":t._f("localize")("options.copy_code_tooltip"),"data-clipboard-copy-code":""},on:{click:function(e){return e.preventDefault(),t.copyRawToClipboard()}}},[i("AppIcon",{staticClass:"code__copy-icon",attrs:{symbol:"clipboard-copy"}})],1)]),t._v(" "),i("div",{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"}},[i("button",{staticClass:"code__copy",attrs:{type:"button","aria-label":t._f("localize")("options.copy_code"),"data-tooltip-text":t._f("localize")("options.copy_code_tooltip"),"data-clipboard-copy-code":""},on:{click:function(e){return e.preventDefault(),t.copyContextToClipboard()}}},[i("AppIcon",{staticClass:"code__copy-icon",attrs:{symbol:"clipboard-copy"}})],1),t._v(" "),i("div",{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"}},[i("button",{staticClass:"code__copy",attrs:{type:"button","aria-label":t._f("localize")("options.copy_code"),"data-tooltip-text":t._f("localize")("options.copy_code_tooltip"),"data-clipboard-copy-code":""},on:{click:function(e){return e.preventDefault(),t.copyHtmlToClipboard(t.renderedHTML)}}},[i("AppIcon",{staticClass:"code__copy-icon",attrs:{symbol:"clipboard-copy"}})],1),t._v(" "),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,"c8cd4112",null).exports},9092:function(t,e,i){"use strict";i.d(e,{Z:function(){return d}});var n=i(7195),r=i(2640),o=i(8439),a=i(6158);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 c(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}var p={mixins:[o.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=p,d=(0,i(5534).Z)(l,(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,o=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(o),scrolling:o?"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},6698:function(t,e,i){"use strict";i.d(e,{Z:function(){return r}});var n={components:{ContentProperty:i(8382).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(5534).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},6580:function(t,e,i){var n={"./bash":3924,"./css":7892,"./handlebars":8766,"./javascript":8509,"./json":7474,"./less":9561,"./markdown":7479,"./nginx":5486,"./scss":2847,"./stylus":6261,"./xml":9988};function r(t){var e=o(t);return i(e)}function o(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=o,t.exports=r,r.id=6580}}]);

package/dist/_assets/scripts/MainComponent.2692d61.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_uiengine_ui=self.webpackChunk_uiengine_ui||[]).push([[674],{5563:function(e,t,n){n.r(t),n.d(t,{default:function(){return x}});var i=n(7195),r=n(2640),a=n(6500),s=n(8728),o=n(6158),c=n(5530),l=n(5427),p=n(6698),h={props:{themes:{type:Array,required:!0},themeProperty:{type:Object,required:!0},currentTheme:{type:Object,required:!0},displayAllThemes:{type:Boolean,required:!0}},computed:{displayedThemes:function(){return this.displayAllThemes?this.themeProperty.themes:(0,i.Z)({},this.currentTheme.id,this.themeProperty.themes[this.currentTheme.id])}},methods:{themeTitle:function(e){var t=this.themes.find((function(t){return t.id===e}));return t&&t.title?t.title:e},isDefault:function(e){var t=e.value,n=e.variable;if(!this.themeProperty.default)return!1;var i=this.themeProperty.default,r=i.value,a=i.variable;return void 0!==r&&r===t||void 0!==a&&a===n?"*":""}}},d=n(5534);function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v={components:{ContentThemeProperty:(0,d.Z)(h,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("tbody",e._l(e.displayedThemes,(function(t,i,r){return n("tr",{key:i},[0===r?n("td",{staticClass:"themeProperty__property uie-rowspan-right",attrs:{rowspan:Object.keys(e.displayedThemes).length}},[n("div",{staticClass:"themeProperty__name"},[e._v("\n        "+e._s(e.themeProperty.name)+"\n      ")]),e._v(" "),e.themeProperty.variable?n("code",{staticClass:"themeProperty__variablename"},[e._v("\n        "+e._s(e.themeProperty.variable)+"\n      ")]):e._e()]):e._e(),e._v(" "),e.displayAllThemes?n("td",{staticClass:"themeProperty__theme uie-rowspan-left"},[e._v("\n      "+e._s(e.themeTitle(i))+"\n    ")]):e._e(),e._v(" "),n("td",{staticClass:"themeProperty__value"},[e._v("\n      "+e._s(t.value)+"\n    ")]),e._v(" "),n("td",{staticClass:"themeProperty__visualization"},[t.value?["color"===e.themeProperty.type?n("span",{staticClass:"themeProperty__swatch"},[n("span",{staticClass:"themeProperty__swatch__inner",style:{backgroundColor:t.value}})]):"size"===e.themeProperty.type?n("span",{staticClass:"themeProperty__size",style:{width:t.value}}):e._e()]:e._e()],2),e._v(" "),n("td",{staticClass:"themeProperty__variable"},[n("code",[e._v(e._s(t.variable))])]),e._v(" "),n("td",{staticClass:"themeProperty__default"},[e._v("\n      "+e._s(e.isDefault(t))+"\n    ")])])})),0)}),[],!1,null,"48e81794",null).exports},props:{title:{type:String,required:!0},themeProperties:{type:Array,required:!0}},computed:_(_(_({},(0,r.Se)("state",["config"])),(0,r.Se)("preferences",["currentTheme"])),{},{themes:function(){return this.config.themes},displayAllThemes:function(){return"_all"===this.currentTheme.id}})},f=(0,d.Z)(v,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("table",{attrs:{id:e.title}},[n("caption",[e._v(e._s(e.title))]),e._v(" "),n("thead",[n("tr",[n("th",{staticClass:"themeProperty__property"},[e._v("\n        "+e._s(e._f("localize")("token.property"))+"\n      ")]),e._v(" "),e.displayAllThemes?n("th",{staticClass:"themeProperty__theme"},[e._v("\n        "+e._s(e._f("localize")("token.theme"))+"\n      ")]):e._e(),e._v(" "),n("th",{staticClass:"themeProperty__value"},[e._v("\n        "+e._s(e._f("localize")("token.value"))+"\n      ")]),e._v(" "),n("th",{staticClass:"themeProperty__visualization"}),e._v(" "),n("th",{staticClass:"themeProperty__variable"},[e._v("\n        "+e._s(e._f("localize")("token.variable"))+"\n      ")]),e._v(" "),n("th",{staticClass:"themeProperty__default"},[e._v("\n        "+e._s(e._f("localize")("token.default"))+"\n      ")])])]),e._v(" "),e._l(e.themeProperties,(function(t){return n("ContentThemeProperty",{key:t.name,attrs:{themes:e.themes,"theme-property":t,"current-theme":e.currentTheme,"display-all-themes":e.displayAllThemes}})}))],2)}),[],!1,null,"0e05aaa0",null).exports,m=(0,d.Z)({},(function(){var e=this,t=e.$createElement;return(e._self._c||t)("span",{staticClass:"label"},[e._t("default")],2)}),[],!1,null,"cb9b92c0",null).exports,b=n(3374),y=n(178),C=n(6705),P=n(9092),k=n(2372);function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O={components:{ContentHeader:c.Z,ContentHeading:C.Z,ContentLabel:m,ContentTag:b.Z,ContentPreview:P.Z,ContentCode:k.Z},mixins:[y.Z,o.Z],props:{variant:{type:Object,required:!0},component:{type:Object,required:!0}},data:function(){return{activeSection:null}},computed:w(w(w({},(0,r.Se)("state",["config"])),(0,r.Se)("preferences",["currentTheme"])),{},{parts:function(){return this.displayAllThemes?[]:this.variant.themes[this.currentTheme.id].parts},hasPreview:function(){var e=this;return!this.variant.themeIds||this.displayedThemes.some((function(t){return e.variant.themeIds.includes(t.id)}))},hasCode:function(){return!(!this.variant.raw&&!this.variant.context)},permalinkUrl:function(){var e=window.location,t=(0,a.dasherize)(this.variant.id);return"".concat(e.protocol,"//").concat(e.host).concat(e.pathname,"#").concat(t)},href:function(){return"".concat(window.UIengine.base,"_variants/").concat(this.currentTheme.id,"/").concat(this.variant.id,".html")}}),methods:{tabId:function(e){return"".concat((0,a.dasherize)(this.variant.id),"-").concat(e)},isTabActive:function(e){return this.activeSection===e||!this.activeSection&&("preview"===e&&this.hasPreview||"code"===e&&!this.hasPreview&&this.hasCode)},switchTab:function(e){this.activeSection=e,this.$refs["".concat(e,"-tab")].focus()}}},T=(0,d.Z)(O,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("article",{staticClass:"variant",attrs:{id:e._f("dasherize")(e.variant.id)}},[n("ContentHeader",[n("ContentHeading",{attrs:{level:2}},[e._v("\n      "+e._s(e.variant.title)+"\n    ")]),e._v(" "),e.variant.label?n("ContentLabel",[e._v("\n      "+e._s(e.variant.label)+"\n    ")]):e._e(),e._v(" "),e._l(e.variant.tags,(function(e){return n("ContentTag",{key:e,attrs:{tag:e}})})),e._v(" "),n("div",{staticClass:"contentheader__right"},[e.hasPreview&&e.hasCode?n("div",{staticClass:"contentheader__options",attrs:{role:"tablist"}},[e._l(e.pluginActions,(function(t){return n("button",{key:t.id,ref:"plugin-action",refInFor:!0,staticClass:"contentheader__action",attrs:{title:t.title,"aria-label":t.title,type:"button"},on:{click:function(n){return n.preventDefault(),e.dispatchPluginEvent("click",t,n)}}},[t.icon?n("AppIcon",{attrs:{symbol:t.icon}}):n("span",[e._v("\n            "+e._s(t.title)+"\n          ")])],1)})),e._v(" "),e.displayAllThemes?e._e():n("a",{staticClass:"contentheader__action",attrs:{href:e.href,target:e._f("dasherize")(e.variant.id),title:e._f("localize")("options.open_in_window"),"aria-label":e._f("localize")("options.open_in_window"),"data-test-openinwindow-link":""},on:{click:function(e){e.stopPropagation()}}},[n("AppIcon",{attrs:{symbol:"open-in-window"}})],1),e._v(" "),n("a",{staticClass:"permalink contentheader__action",attrs:{href:e.permalinkUrl,"data-clipboard-text":e.permalinkUrl,title:e._f("localize")("options.copy_permalink"),"aria-label":e._f("localize")("options.copy_permalink")},on:{click:function(e){e.preventDefault()}}},[n("AppIcon",{staticClass:"permalink__icon",attrs:{symbol:"link"}})],1),e._v(" "),n("div",{staticClass:"contentheader__buttons"},[n("a",{ref:"preview-tab",staticClass:"contentheader__option",attrs:{id:e.tabId("preview"),"aria-selected":e.isTabActive("preview"),tabindex:!e.isTabActive("preview")&&"-1",href:"#",role:"tab","data-test-variant-tab-link":"preview"},on:{click:function(t){t.preventDefault(),e.activeSection="preview"}}},[n("AppIcon",{staticClass:"contentheader__option-icon",attrs:{symbol:"preview"}})],1),e._v(" "),n("a",{ref:"code-tab",staticClass:"contentheader__option",attrs:{id:e.tabId("code"),"aria-selected":e.isTabActive("code"),tabindex:!e.isTabActive("code")&&"-1",href:"#",role:"tab","data-test-variant-tab-link":"code"},on:{click:function(t){t.preventDefault(),e.activeSection="code"}}},[n("AppIcon",{staticClass:"contentheader__option-icon",attrs:{symbol:"code"}})],1),e._v(" "),e._l(e.pluginTabs,(function(t){return n("a",{key:t.id,ref:"plugin-tab",refInFor:!0,staticClass:"contentheader__option",attrs:{id:e.tabId(t.id),"aria-selected":e.isTabActive(t.id),tabindex:!e.isTabActive(t.id)&&"-1","data-test-variant-tab-link":t.id,href:"#",role:"tab"},on:{click:function(n){n.preventDefault(),e.activeSection=t.id}}},[e._v("\n            "+e._s(t.title)+"\n          ")])}))],2)],2):e._e()])],2),e._v(" "),e.variant.description?n("div",{staticClass:"content",domProps:{innerHTML:e._s(e.variant.description)}}):e._e(),e._v(" "),e.hasPreview||e.hasCode?n("div",{staticClass:"uie-sot-xl"},[e.hasPreview?n("div",{staticClass:"contentsection",attrs:{"aria-labelledby":e.tabId("preview"),hidden:!e.isTabActive("preview"),role:"tabpanel"}},[n("ContentPreview",{ref:"preview",attrs:{id:e._f("dasherize")(e.variant.id),title:e.variant.title,"path-postfix":e.variant.id,"path-prefix":"_variants"}})],1):e._e(),e._v(" "),e.hasCode?n("div",{staticClass:"contentsection",attrs:{"aria-labelledby":e.tabId("code"),hidden:!e.isTabActive("code"),role:"tabpanel"}},[n("ContentCode",{attrs:{extension:e.variant.extension,raw:e.variant.raw,context:e.variant.context,"path-postfix":e.variant.id,"path-prefix":"_variants"}})],1):e._e(),e._v(" "),e._l(e.pluginTabs,(function(t){return n("div",{key:t.id,ref:"plugin-tab-content",refInFor:!0,staticClass:"contentsection content",attrs:{"aria-labelledby":e.tabId(t.id),hidden:!e.isTabActive(t.id),role:"tabpanel"}},[e._v("\n      "+e._s(t.id)+"\n    ")])}))],2):e._e()],1)}),[],!1,null,"1ea424fa",null).exports;function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j={components:{ContentHeader:c.Z,ContentText:l.Z,ContentProperties:p.Z,ContentThemeProperties:f,ContentLabel:m,ContentTag:b.Z,ComponentVariant:T},mixins:[s.Z,o.Z],props:{id:{type:String,required:!0}},data:function(){return{activeSection:null}},computed:A(A({},(0,r.Se)("state",["components","config","navigation"])),{},{dependencies:function(){var e=this;return this.component.dependencies.filter((function(t){return e.componentById(t)}))},dependentComponents:function(){var e=this;return this.component.dependentComponents.filter((function(t){return e.componentById(t)}))},component:function(){return this.components[this.id]},variants:function(){return this.displayAllThemes?this.component.variants:this.component.variants.filter(this.displayVariant)},hasDependencies:function(){return this.component.dependencies&&this.component.dependencies.filter(this.componentById).length>0},hasDependentComponents:function(){return!!this.component.dependentComponents&&this.component.dependentComponents.filter(this.componentById).length>0},hasVariants:function(){return this.variants.length>0},hasManyVariants:function(){return this.variants.length>1},hasProperties:function(){var e=this.component.properties;return e&&Object.keys(e).length>0},hasThemeProperties:function(){var e=this.component.themeProperties;return e&&e.length>0},hasInfo:function(){return!(!this.component.content&&!this.hasSecondaryInfo)},hasSecondaryInfo:function(){return this.hasManyVariants||this.hasDependencies||this.hasDependentComponents},isInfoActive:function(){return"info"===this.activeSection||!this.activeSection&&this.hasInfo},isPropertiesActive:function(){return"properties"===this.activeSection||!this.activeSection&&!this.hasInfo&&this.hasProperties},isThemePropertiesActive:function(){return"theme-properties"===this.activeSection||!this.activeSection&&!this.hasInfo&&!this.hasProperties&&this.hasThemeProperties},fileLink:function(){return this.findFileLink(this.component)}}),methods:{dasherize:a.dasherize,componentLink:function(e){return Object.values(this.navigation).find((function(t){return"component"===t.type&&t.itemId===e}))},componentById:function(e){return this.components[e]},displayVariant:function(e){return!(e.themeIds&&!e.themeIds.includes(this.currentTheme.id))},tabId:function(e){return"".concat((0,a.dasherize)(this.component.id),"-").concat(e)},switchTab:function(e){this.activeSection=e,this.$refs["".concat(e,"-tab")].focus()}}},x=(0,d.Z)(j,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("section",{staticClass:"component"},[n("ContentHeader",{attrs:{title:e.component.title}},[e.component.label?n("ContentLabel",[e._v("\n        "+e._s(e.component.label)+"\n      ")]):e._e(),e._v(" "),e._l(e.component.tags,(function(e){return n("ContentTag",{key:e,attrs:{tag:e}})})),e._v(" "),n("div",{staticClass:"contentheader__right"},[e.fileLink?n("a",{staticClass:"contentheader__action",attrs:{href:e.fileLink,"aria-label":e._f("localize")("options.edit")}},[n("AppIcon",{attrs:{symbol:"edit"}})],1):e._e(),e._v(" "),n("div",{staticClass:"contentheader__options",attrs:{role:"tablist"}},[e.hasInfo?n("a",{ref:"info-tab",staticClass:"contentheader__option",attrs:{id:e.tabId("info"),"aria-selected":e.isInfoActive,tabindex:!e.isInfoActive&&"-1",role:"tab",href:"#info"},on:{click:function(t){t.preventDefault(),e.activeSection="info"},keydown:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"right",39,t.key,["Right","ArrowRight"])||"button"in t&&2!==t.button?null:e.switchTab("properties")}}},[e._v("\n            "+e._s(e._f("localize")("options.info"))+"\n          ")]):e._e(),e._v(" "),e.hasProperties?n("a",{ref:"properties-tab",staticClass:"contentheader__option",attrs:{id:e.tabId("properties"),"aria-selected":e.isPropertiesActive,tabindex:!e.isPropertiesActive&&"-1",role:"tab",href:"#properties"},on:{click:function(t){t.preventDefault(),e.activeSection="properties"},keydown:[function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"left",37,t.key,["Left","ArrowLeft"])||"button"in t&&0!==t.button?null:e.switchTab("info")},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"right",39,t.key,["Right","ArrowRight"])||"button"in t&&2!==t.button?null:e.switchTab("theme-properties")}]}},[e._v("\n            "+e._s(e._f("localize")("options.properties"))+"\n          ")]):e._e(),e._v(" "),e.hasThemeProperties?n("a",{ref:"theme-properties-tab",staticClass:"contentheader__option",attrs:{id:e.tabId("theme-properties"),"aria-selected":e.isThemePropertiesActive,tabindex:!e.isThemePropertiesActive&&"-1",role:"tab",href:"#theme-properties"},on:{click:function(t){t.preventDefault(),e.activeSection="theme-properties"},keydown:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"left",37,t.key,["Left","ArrowLeft"])||"button"in t&&0!==t.button?null:e.switchTab("properties")}}},[e._v("\n            "+e._s(e._f("localize")("options.theme_properties"))+"\n          ")]):e._e()])])],2),e._v(" "),e.hasInfo||e.hasProperties||e.hasThemeProperties?n("div",{staticClass:"uie-sot-xxl"},[e.hasInfo?n("div",{staticClass:"contentsection",attrs:{"aria-labelledby":e.tabId("info"),hidden:!e.isInfoActive,role:"tabpanel"}},[n("ContentText",{attrs:{item:e.component}}),e._v(" "),e.hasSecondaryInfo?n("div",{staticClass:"content uie-sot-l"},[e.hasDependencies?[n("p",{staticClass:"content__smallprint"},[e._v("\n              "+e._s(e._f("localize")("component.dependencies"))+"\n              "),e._l(e.dependencies,(function(t,i){return n("span",{key:t},[e.componentLink(t)?n("RouterLink",{staticClass:"contentsection__list-item",attrs:{to:e.componentLink(t),"active-class":"","exact-active-class":""}},[e._v("\n                  "+e._s(e.componentById(t).title)+"\n                ")]):[e._v("\n                  "+e._s(e.componentById(t).title)+"\n                ")],e._v(" "),n("span",{staticClass:"divider"},[e._v("\n                  "+e._s(i!=e.dependencies.length-1?",":".")+"\n                ")])],2)}))],2)]:e._e(),e._v(" "),e.hasDependentComponents?[n("p",{staticClass:"content__smallprint"},[e._v("\n              "+e._s(e._f("localize")("component.dependents"))+"\n              "),e._l(e.dependentComponents,(function(t,i){return n("span",{key:t},[e.componentLink(t)?n("RouterLink",{staticClass:"contentsection__list-item",attrs:{to:e.componentLink(t),"active-class":"","exact-active-class":""}},[e._v("\n                  "+e._s(e.componentById(t).title)+"\n                ")]):[e._v("\n                  "+e._s(e.componentById(t).title)+"\n                ")],e._v(" "),n("span",{staticClass:"divider"},[e._v("\n                  "+e._s(i!=e.dependentComponents.length-1?",":".")+"\n                ")])],2)}))],2)]:e._e(),e._v(" "),e.hasManyVariants?[n("div",{staticClass:"in-page-nav"},[n("span",{staticClass:"in-page-nav__heading"},[e._v("On this page")]),e._v(" "),n("ul",{staticClass:"in-page-nav__list"},e._l(e.variants,(function(t){return n("li",{key:t.id},[n("RouterLink",{staticClass:"in-page-nav__link",attrs:{to:{hash:e.dasherize(t.id)},"active-class":"","exact-active-class":""}},[e._v("\n                    "+e._s(t.title)+"\n                  ")])],1)})),0)])]:e._e()],2):e._e()],1):e._e(),e._v(" "),e.hasProperties?n("div",{staticClass:"contentsection",attrs:{"aria-labelledby":e.tabId("properties"),hidden:!e.isPropertiesActive,role:"tabpanel"}},[n("div",{staticClass:"content"},e._l(e.component.properties,(function(e,t){return n("ContentProperties",{key:t,attrs:{title:t,properties:e}})})),1)]):e._e(),e._v(" "),e.hasThemeProperties?n("div",{staticClass:"contentsection",attrs:{"aria-labelledby":e.tabId("theme-properties"),hidden:!e.isThemePropertiesActive,role:"tabpanel"}},[n("ContentThemeProperties",{attrs:{title:e._f("localize")("options.theme_properties"),"theme-properties":e.component.themeProperties}})],1):e._e()]):e._e()],1),e._v(" "),n("hr",{staticClass:"sections-divider"}),e._v(" "),e.hasVariants?n("section",{staticClass:"variants"},e._l(e.variants,(function(t){return n("ComponentVariant",{key:t.id,attrs:{variant:t,component:e.component}})})),1):e._e()])}),[],!1,null,"3ac5cfd6",null).exports}}]);

package/dist/_assets/scripts/MainNotFound.9d18ab0.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_uiengine_ui=self.webpackChunk_uiengine_ui||[]).push([[233],{5744:function(n,t,e){e.r(t),e.d(t,{default:function(){return i}});var l={components:{ContentHeader:e(5530).Z}},i=(0,e(5534).Z)(l,(function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("section",{staticClass:"page"},[e("ContentHeader",{attrs:{title:n._f("localize")("not_found.title")}}),n._v(" "),e("article",{staticClass:"content"},[n._v("\n    "+n._s(n._f("localize")("not_found.content"))+"\n  ")])],1)}),[],!1,null,null,null).exports}}]);

package/dist/_assets/scripts/MainSearch.d2eaf00.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_uiengine_ui=self.webpackChunk_uiengine_ui||[]).push([[372],{60:function(t,e,r){r.r(e),r.d(e,{default:function(){return f}});var n=r(7195),s=r(281),i=r(2640),u=r(5530);function c(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function o(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?c(Object(r),!0).forEach((function(e){(0,n.Z)(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var l={threshold:.2,keys:[{name:"title",weight:.7},{name:"keywords",weight:.5}]},a={components:{ContentHeader:u.Z},props:{query:{type:String,required:!0}},data:function(){return{results:[]}},computed:o(o(o({},(0,i.Se)("state",["navigation"])),(0,i.Se)("preferences",["locale"])),{},{repo:function(){var t=Object.values(this.navigation).filter((function(t){return!t.isStructural}));return new s.Z(t,l)},title:function(){return this.$options.filters.localize("search.title",{query:this.query})}}),watch:{$route:"search"},created:function(){this.search()},methods:{search:function(){this.results=this.repo.search(this.query).map((function(t){return t.item})),1===this.results.length&&this.$router.replace(this.results[0])}},metaInfo:function(){return{title:this.title}}},f=(0,r(5534).Z)(a,(function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("section",{staticClass:"page"},[r("ContentHeader",{staticClass:"uie-sob-l",attrs:{title:t.title}}),t._v(" "),r("article",{staticClass:"content"},[0===t.results.length?r("p",[t._v("\n      "+t._s(t._f("localize")("search.no_results"))+"\n    ")]):r("ul",t._l(t.results,(function(e){return r("li",{key:e.id},[r("RouterLink",{attrs:{to:e}},[t._v("\n          "+t._s(e.title)+"\n        ")]),t._v("\n        ("+t._s(t._f("upcaseFirstChar")(e.type))+")\n      ")],1)})),0)])],1)}),[],!1,null,null,null).exports}}]);

package/dist/_assets/scripts/MainSettings.bf6a889.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_uiengine_ui=self.webpackChunk_uiengine_ui||[]).push([[466],{8776:function(e,t,r){r.r(t),r.d(t,{default:function(){return u}});var a=r(7195),i=r(2640),l=r(5530),s=r(1193);function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function n(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?o(Object(r),!0).forEach((function(t){(0,a.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var c={components:{ContentHeader:l.Z},data:function(){return{hljsOptions:["agate","androidstudio","arduino-light","arta","ascetic","atelier-cave-dark","atelier-cave-light","atelier-dune-dark","atelier-dune-light","atelier-estuary-dark","atelier-estuary-light","atelier-forest-dark","atelier-forest-light","atelier-heath-dark","atelier-heath-light","atelier-lakeside-dark","atelier-lakeside-light","atelier-plateau-dark","atelier-plateau-light","atelier-savanna-dark","atelier-savanna-light","atelier-seaside-dark","atelier-seaside-light","atelier-sulphurpool-dark","atelier-sulphurpool-light","atom-one-dark","atom-one-light","brown-paper","codepen-embed","color-brewer","darcula","dark","default","docco","dracula","far","foundation","github-gist","github","googlecode","grayscale","gruvbox-dark","gruvbox-light","hopscotch","hybrid","idea","ir-black","kimbie.dark","kimbie.light","magula","mono-blue","monokai-sublime","monokai","obsidian","ocean","paraiso-dark","paraiso-light","pojoaque","purebasic","qtcreator_dark","qtcreator_light","railscasts","rainbow","routeros","school-book","solarized-dark","solarized-light","sunburst","tomorrow-night-blue","tomorrow-night-bright","tomorrow-night-eighties","tomorrow-night","tomorrow","vs","vs2015","xcode","xt256","zenburn"]}},computed:n(n({},(0,i.Se)("state",["config"])),{},{locale:{get:(0,i.Se)("preferences",["locale"]).locale,set:function(e){this.setLocale(e)}},localeOptions:function(){return Object.keys(s.l).reduce((function(e,t){var r=(s.l[t]._meta||{}).title;return e[t]=r||t,e}),{})},previewModeOptions:function(){return{breakpoints:this.$options.filters.localize("settings.breakpoints"),viewports:this.$options.filters.localize("settings.viewports")}},previewMode:{get:(0,i.Se)("preferences",["previewMode"]).previewMode,set:function(e){this.setPreviewMode(e)}},hljs:{get:(0,i.Se)("preferences",["hljs"]).hljs,set:function(e){this.setHljs(e),this.$root.$emit("setting-hljs",e)}},title:function(){return this.$options.filters.localize("settings.title")},hasPreviewModes:function(){var e=this.config.ui;return!!(e&&e.breakpoints&&e.viewports)}}),methods:n({},(0,i.OI)("preferences",["setLocale","setPreviewMode","setHljs"])),metaInfo:function(){return{title:this.title}}},u=(0,r(5534).Z)(c,(function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("section",{staticClass:"page"},[r("ContentHeader",{staticClass:"uie-sob-l",attrs:{title:e.title}}),e._v(" "),r("article",{staticClass:"content"},[r("div",{staticClass:"row"},[r("label",{staticClass:"uie-select-label",attrs:{for:"locale"}},[e._v("\n        "+e._s(e._f("localize")("settings.locale"))+"\n      ")]),e._v(" "),r("select",{directives:[{name:"model",rawName:"v-model",value:e.locale,expression:"locale"}],attrs:{id:"locale-select"},on:{change:function(t){var r=Array.prototype.filter.call(t.target.options,(function(e){return e.selected})).map((function(e){return"_value"in e?e._value:e.value}));e.locale=t.target.multiple?r:r[0]}}},e._l(e.localeOptions,(function(t,a){return r("option",{key:a,domProps:{value:a,selected:e.locale===a}},[e._v("\n          "+e._s(t)+"\n        ")])})),0)]),e._v(" "),e.hasPreviewModes?r("div",{staticClass:"row"},[r("label",{staticClass:"uie-select-label",attrs:{for:"previewMode"}},[e._v("\n        "+e._s(e._f("localize")("settings.preview_mode"))+"\n      ")]),e._v(" "),r("select",{directives:[{name:"model",rawName:"v-model",value:e.previewMode,expression:"previewMode"}],attrs:{id:"previewMode-select"},on:{change:function(t){var r=Array.prototype.filter.call(t.target.options,(function(e){return e.selected})).map((function(e){return"_value"in e?e._value:e.value}));e.previewMode=t.target.multiple?r:r[0]}}},e._l(e.previewModeOptions,(function(t,a){return r("option",{key:a,domProps:{value:a,selected:e.previewMode===a}},[e._v("\n          "+e._s(t)+"\n        ")])})),0)]):e._e(),e._v(" "),r("div",{staticClass:"row"},[r("label",{staticClass:"uie-select-label",attrs:{for:"hljs"}},[e._v("\n        "+e._s(e._f("localize")("settings.hljs"))+"\n      ")]),e._v(" "),r("select",{directives:[{name:"model",rawName:"v-model",value:e.hljs,expression:"hljs"}],attrs:{id:"hljs-select"},on:{change:function(t){var r=Array.prototype.filter.call(t.target.options,(function(e){return e.selected})).map((function(e){return"_value"in e?e._value:e.value}));e.hljs=t.target.multiple?r:r[0]}}},e._l(e.hljsOptions,(function(t){return r("option",{key:t,domProps:{value:t,selected:e.hljs===t}},[e._v("\n          "+e._s(e._f("titleize")(t))+"\n        ")])})),0)]),e._v(" "),e._m(0)])],1)}),[function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("pre",{staticClass:"hljs",attrs:{lang:"html"}},[r("span",{staticClass:"hljs-tag"},[e._v("<"),r("span",{staticClass:"hljs-name"},[e._v("label")]),e._v(" "),r("span",{staticClass:"hljs-attr"},[e._v("for")]),e._v("="),r("span",{staticClass:"hljs-string"},[e._v('"name"')]),e._v(">")]),e._v("Name"),r("span",{staticClass:"hljs-tag"},[e._v("</"),r("span",{staticClass:"hljs-name"},[e._v("label")]),e._v(">")])])}],!1,null,"6fc520fe",null).exports}}]);

package/dist/_assets/scripts/MainTemplate.5a8c135.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_uiengine_ui=self.webpackChunk_uiengine_ui||[]).push([[773],{5415:function(t,e,i){i.r(e),i.d(e,{default:function(){return _}});var n=i(7195),a=i(2640),o=i(6500),s=i(178),r=i(6158),c=i(5530),p=i(5427),l=i(6698),d=i(3374),f=i(9092),u=i(2372);function h(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 v(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?h(Object(i),!0).forEach((function(e){(0,n.Z)(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):h(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var b={components:{ContentHeader:c.Z,ContentText:p.Z,ContentTag:d.Z,ContentProperties:l.Z,ContentPreview:f.Z,ContentCode:u.Z},mixins:[s.Z,r.Z],props:{id:{type:String,required:!0}},data:function(){return{activeSectionTop:null,activeSectionBottom:null}},computed:v(v({},(0,a.Se)("state",["config","pages"])),{},{page:function(){return this.pages[this.id]},hasProperties:function(){var t=this.page.properties;return t&&Object.keys(t).length>0},hasInfo:function(){return!!this.page.content},isInfoActive:function(){return"info"===this.activeSectionTop||!this.activeSectionTop&&this.hasInfo},isPropertiesActive:function(){return"properties"===this.activeSectionTop||!this.activeSectionTop&&!this.hasInfo&&this.hasProperties},hasPreview:function(){return!(!this.page.template&&!this.page.fragment)},hasCode:function(){return!!this.page.context},href:function(){return"".concat(window.UIengine.base,"_pages/").concat(this.currentTheme.id,"/").concat(this.page.id,".html")}}),methods:{tabId:function(t){return"".concat((0,o.dasherize)(this.page.id),"-").concat(t)},isTabActive:function(t){return this.activeSectionBottom===t||!this.activeSectionBottom&&("preview"===t&&this.hasPreview||"code"===t&&!this.hasPreview&&this.hasCode)},switchTabTop:function(t){this.activeSectionTop=t,this.$refs["".concat(t,"-tab")].focus()},switchTabBottom:function(t){this.activeSectionBottom=t,this.$refs["".concat(t,"-tab")].focus()}}},_=(0,i(5534).Z)(b,(function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",[i("section",{staticClass:"page"},[i("ContentHeader",{attrs:{title:t.page.title}},[t._l(t.page.tags,(function(t){return i("ContentTag",{key:t,staticClass:"uie-sob-m",attrs:{tag:t}})})),t._v(" "),i("div",{staticClass:"contentheader__right"},[t.hasInfo&&t.hasProperties?i("div",{staticClass:"contentheader__options",attrs:{role:"tablist"}},[i("a",{ref:"info-tab",staticClass:"contentheader__option",attrs:{id:t.tabId("info"),"aria-selected":t.isInfoActive,tabindex:!t.isInfoActive&&"-1",role:"tab",href:"#info"},on:{click:function(e){e.preventDefault(),t.activeSectionTop="info"},keydown:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"right",39,e.key,["Right","ArrowRight"])||"button"in e&&2!==e.button?null:t.switchTabTop("properties")}}},[t._v("\n            "+t._s(t._f("localize")("options.info"))+"\n          ")]),t._v(" "),i("a",{ref:"properties-tab",staticClass:"contentheader__option",attrs:{id:t.tabId("properties"),"aria-selected":t.isPropertiesActive,tabindex:!t.isPropertiesActive&&"-1",role:"tab",href:"#properties"},on:{click:function(e){e.preventDefault(),t.activeSectionTop="properties"},keydown:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"left",37,e.key,["Left","ArrowLeft"])||"button"in e&&0!==e.button?null:t.switchTabTop("info")}}},[t._v("\n            "+t._s(t._f("localize")("options.properties"))+"\n          ")])]):t._e()])],2),t._v(" "),t.hasInfo||t.hasProperties?i("div",{staticClass:"uie-sot-xs"},[t.hasInfo?i("div",{staticClass:"contentsection",attrs:{"aria-labelledby":t.tabId("info"),hidden:!t.isInfoActive,role:"tabpanel"}},[i("ContentText",{attrs:{item:t.page}})],1):t._e(),t._v(" "),t.hasProperties?i("div",{staticClass:"contentsection",attrs:{"aria-labelledby":t.tabId("properties"),hidden:!t.isPropertiesActive,role:"tabpanel"}},[i("div",{staticClass:"content"},t._l(t.page.properties,(function(t,e){return i("ContentProperties",{key:e,attrs:{title:e,properties:t}})})),1)]):t._e()]):t._e(),t._v(" "),i("hr",{staticClass:"sections-divider"}),t._v(" "),i("ContentHeader",{staticClass:"uie-sob-m"},[i("div",{staticClass:"contentheader__right"},[t.hasPreview&&t.hasCode?i("div",{staticClass:"contentheader__options",attrs:{role:"tablist"}},[t._l(t.pluginActions,(function(e){return i("button",{key:e.title,ref:"plugin-action",refInFor:!0,staticClass:"contentheader__action",attrs:{title:e.title,"aria-label":e.title,href:"#"},on:{click:function(i){return i.preventDefault(),t.dispatchPluginEvent("click",e,i)}}},[e.icon?i("AppIcon",{attrs:{symbol:e.icon}}):i("span",[t._v("\n              "+t._s(e.title)+"\n            ")])],1)})),t._v(" "),t.displayAllThemes?t._e():i("a",{staticClass:"contentheader__action",attrs:{target:t._f("dasherize")(t.page.id),title:t._f("localize")("options.open_in_window"),href:t.href},on:{click:function(t){t.stopPropagation()}}},[i("AppIcon",{attrs:{symbol:"open-in-window"}})],1),t._v(" "),i("div",{staticClass:"contentheader__buttons"},[i("a",{ref:"preview-tab",staticClass:"contentheader__option",attrs:{id:t.tabId("preview"),"aria-selected":t.isTabActive("preview"),tabindex:!t.isTabActive("preview")&&"-1",href:"#",role:"tab"},on:{click:function(e){e.preventDefault(),t.activeSectionBottom="preview"}}},[t._v("\n              "+t._s(t._f("localize")("options.preview"))+"\n            ")]),t._v(" "),i("a",{ref:"code-tab",staticClass:"contentheader__option",attrs:{id:t.tabId("code"),"aria-selected":t.isTabActive("code"),tabindex:!t.isTabActive("code")&&"-1",href:"#",role:"tab"},on:{click:function(e){e.preventDefault(),t.activeSectionBottom="code"}}},[t._v("\n              "+t._s(t._f("localize")("options.code"))+"\n            ")]),t._v(" "),t._l(t.pluginTabs,(function(e){return i("a",{key:e.id,ref:"plugin-tab",refInFor:!0,staticClass:"contentheader__option",attrs:{id:t.tabId(e.id),"aria-selected":t.isTabActive(e.id),tabindex:!t.isTabActive(e.id)&&"-1","data-test-variant-tab-link":e.id,href:"#",role:"tab"},on:{click:function(i){i.preventDefault(),t.activeSectionBottom=e.id}}},[t._v("\n              "+t._s(e.title)+"\n            ")])}))],2)],2):t._e()])])],1),t._v(" "),t.hasPreview||t.hasCode?i("div",{staticClass:"uie-sot-xl"},[t.hasPreview?i("div",{staticClass:"contentsection",attrs:{"aria-labelledby":t.tabId("preview"),hidden:!t.isTabActive("preview"),role:"tabpanel"}},[i("ContentPreview",{ref:"preview",attrs:{id:t.id,title:t.page.title,"path-postfix":t.page.id,"path-prefix":"_pages"}})],1):t._e(),t._v(" "),t.hasCode?i("div",{staticClass:"contentsection",attrs:{"aria-labelledby":t.tabId("code"),hidden:!t.isTabActive("code"),role:"tabpanel"}},[i("ContentCode",{attrs:{extension:t.page.extension,context:t.page.context,"path-postfix":t.page.id,"path-prefix":"_pages"}})],1):t._e(),t._v(" "),t._l(t.pluginTabs,(function(e){return i("div",{key:e.id,ref:"plugin-tab-content",refInFor:!0,staticClass:"contentsection content",attrs:{"aria-labelledby":t.tabId(e.id),hidden:!t.isTabActive(e.id),role:"tabpanel"}},[t._v("\n      "+t._s(e.id)+"\n    ")])}))],2):t._e()])}),[],!1,null,"0e8f8c65",null).exports}}]);

package/dist/_assets/scripts/MainTokens.b9233ce.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_uiengine_ui=self.webpackChunk_uiengine_ui||[]).push([[262],{3892:function(e,t,r){r.r(t),r.d(t,{default:function(){return l}});var n=r(7195),i=r(2640),s=r(5530),a=r(5427),o=r(3374),c=r(8439);function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var p={components:{ContentHeader:s.Z,ContentText:a.Z,ContentTag:o.Z},mixins:[c.Z],props:{id:{type:String,required:!0}},computed:f(f(f({},(0,i.Se)("state",["config","pages"])),(0,i.Se)("preferences",["currentTheme"])),{},{page:function(){return this.pages[this.id]},iframeSrc:function(){return"".concat(window.UIengine.base,"_tokens/").concat(this.currentTheme.id,"/").concat(this.page.id,".html")}}),mounted:function(){this.mountResizableIframe(this.$refs.iframe)},beforeDestroy:function(){this.unmountResizableIframe(this.$refs.iframe)}},l=(0,r(5534).Z)(p,(function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",[r("section",{staticClass:"page"},[r("ContentHeader",{attrs:{title:e.page.title}},e._l(e.page.tags,(function(e){return r("ContentTag",{key:e,staticClass:"uie-sob-m",attrs:{tag:e}})})),1),e._v(" "),r("ContentText",{staticClass:"uie-sot-xs uie-sob-xxxl",attrs:{item:e.page}})],1),e._v(" "),r("hr",{staticClass:"sections-divider"}),e._v(" "),r("iframe",{ref:"iframe",attrs:{src:e.iframeSrc,title:e.page.title,frameborder:"0",scrolling:"no","data-test-tokens-iframe":""}})])}),[],!1,null,"06a66f48",null).exports}}]);

package/dist/_assets/scripts/inject.085e2f7.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_uiengine_ui=self.webpackChunk_uiengine_ui||[]).push([[655],{3617:function(){}},function(n){var u;u=3617,n(n.s=u)}]);