@uiengine/ui 3.3.14 → 3.3.15

Sign up to get free protection for your applications and to get access to all the features.
Files changed (39) hide show
  1. package/dist/_assets/scripts/1.0431e5f.js +1 -0
  2. package/dist/_assets/scripts/194.c9d462c.js +1 -0
  3. package/dist/_assets/scripts/MainComponent.77a9722.js +1 -0
  4. package/dist/_assets/scripts/{MainNotFound.046f07a.js → MainNotFound.3abc527.js} +1 -1
  5. package/dist/_assets/scripts/MainSearch.9b88c37.js +1 -0
  6. package/dist/_assets/scripts/MainSettings.757c1bd.js +1 -0
  7. package/dist/_assets/scripts/{MainTemplate.9317b7d.js → MainTemplate.f2c53ad.js} +1 -1
  8. package/dist/_assets/scripts/MainTokens.55463c3.js +1 -0
  9. package/dist/_assets/scripts/inject.a1524dc.js +1 -0
  10. package/dist/_assets/scripts/main.29f502f.js +1 -0
  11. package/dist/_assets/scripts/{preview.9fa6fdd.js → preview.1730c6c.js} +1 -1
  12. package/dist/_assets/scripts/runtime.89724d2.js +1 -0
  13. package/dist/_assets/scripts/vendor_hljs.6804ea6.js +1 -0
  14. package/dist/_assets/scripts/vendor_other.79e73c8.js +2 -0
  15. package/dist/_assets/scripts/vendor_vue.7f61b73.js +2 -0
  16. package/dist/_assets/styles/{712.9b6d294.css → 1.1ca9700.css} +1 -1
  17. package/dist/_assets/styles/MainSettings.eee5006.css +1 -0
  18. package/dist/_assets/styles/{inject.0037cb7.css → inject.9a109bf.css} +1 -1
  19. package/dist/_assets/styles/main.caefbd1.css +1 -0
  20. package/lib/templates/index.ejs +10 -10
  21. package/lib/templates/sketch.ejs +1 -1
  22. package/lib/templates/tokens.ejs +1 -1
  23. package/package.json +32 -32
  24. package/dist/_assets/scripts/56.1fb7ec5.js +0 -1
  25. package/dist/_assets/scripts/712.068a51c.js +0 -1
  26. package/dist/_assets/scripts/MainComponent.4bb26a5.js +0 -1
  27. package/dist/_assets/scripts/MainSearch.c528ce9.js +0 -1
  28. package/dist/_assets/scripts/MainSettings.be33302.js +0 -1
  29. package/dist/_assets/scripts/MainTokens.6bcd078.js +0 -1
  30. package/dist/_assets/scripts/inject.37a137d.js +0 -1
  31. package/dist/_assets/scripts/main.f4b930c.js +0 -1
  32. package/dist/_assets/scripts/runtime.18e69f4.js +0 -1
  33. package/dist/_assets/scripts/vendor_hljs.3b83013.js +0 -1
  34. package/dist/_assets/scripts/vendor_other.e4782c2.js +0 -2
  35. package/dist/_assets/scripts/vendor_vue.893de81.js +0 -2
  36. package/dist/_assets/styles/MainSettings.f3b9b06.css +0 -1
  37. package/dist/_assets/styles/main.d330b09.css +0 -1
  38. /package/dist/_assets/scripts/{vendor_other.e4782c2.js.LICENSE.txt → vendor_other.79e73c8.js.LICENSE.txt} +0 -0
  39. /package/dist/_assets/scripts/{vendor_vue.893de81.js.LICENSE.txt → vendor_vue.7f61b73.js.LICENSE.txt} +0 -0
@@ -1 +1 @@
1
- :root{--uie-font-family-fallback:"Helvetica",Arial,Tahoma,Verdana,sans-serif;--uie-font-family-code:"Fira Code",Hasklig,"Jetbrains Mono","Source Code Pro","DejaVu Sans Mono",Hack,Meslo,Menlo,Inconsolata,Consolas,"Liberation Mono",Courier,monospace;--uie-font-family-bold:"Inter",var(--uie-font-family-fallback);--uie-font-family-light:"Inter",var(--uie-font-family-fallback);--uie-font-family-regular:"Inter",var(--uie-font-family-fallback);--uie-font-family-bolditalic:"Inter",var(--uie-font-family-fallback);--uie-font-family-lightitalic:"Inter",var(--uie-font-family-fallback);--uie-font-weight-light:300;--uie-font-weight-regular:400;--uie-font-weight-italic:400;--uie-font-weight-bold:700;--uie-font-style-italic:italic;--uie-base-font-size-s:16px;--uie-base-font-size-m:16px;--uie-base-font-size-l:16px;--uie-base-border-radius:4px;--uie-font-size-xs:.75rem;--uie-font-size-s:.875rem;--uie-font-size-m:1rem;--uie-font-size-l:1.125rem;--uie-font-size-xl:1.5rem;--uie-font-size-xxl:2.25rem;--uie-font-size-xxxl:3rem;--uie-line-height:1.6;--uie-line-height-heading:1.25;--uie-space-xxs:.125rem;--uie-space-xs:.25rem;--uie-space-s:.5rem;--uie-space-m:.75rem;--uie-space-l:1.125rem;--uie-space-xl:1.75rem;--uie-space-xxl:2.5rem;--uie-space-xxxl:4rem;--uie-transition-duration-fast:.15s;--uie-transition-duration-medium:.25s;--uie-color-neutral-0:#fff;--uie-color-neutral-10:#f8fafc;--uie-color-neutral-20:#edf2f7;--uie-color-neutral-30:#dae1e7;--uie-color-neutral-50:#b8c2cc;--uie-color-neutral-70:#8795a1;--uie-color-neutral-80:#606f7b;--uie-color-neutral-90:#3d4852;--uie-color-neutral-100:#1a202c;--uie-color-accent-ultralight:#a0b8cf;--uie-color-accent-light:#6a90b4;--uie-color-accent-medium:#4d759a;--uie-color-accent-dark:#446788;--uie-color-accent-ultradark:#1b2936;--uie-color-border-light:var(--uie-color-neutral-10);--uie-color-border-medium:var(--uie-color-neutral-20);--uie-color-border-dark:var(--uie-color-neutral-30);--uie-color-bg-light:var(--uie-color-neutral-10);--uie-color-bg-medium:var(--uie-color-neutral-20);--uie-color-bg-dark:var(--uie-color-neutral-30);--uie-color-topbar-bg:var(--uie-color-accent-ultradark);--uie-color-topbar-text:var(--uie-color-neutral-0);--uie-color-topbar-text-hover:var(--uie-color-accent-ultralight);--uie-color-topbar-border:var(--uie-color-border-dark);--uie-color-navigation-bg:var(--uie-color-bg-medium);--uie-color-navigation-text:var(--uie-color-neutral-80);--uie-color-navigation-text-hover:var(--uie-color-accent-light);--uie-color-navigation-bg-current:var(--uie-color-bg-dark);--uie-color-navigation-text-current:var(--uie-color-accent-dark);--uie-color-navigation-border:var(--uie-color-border-dark);--uie-color-main-bg:var(--uie-color-neutral-0);--uie-color-main-text:var(--uie-color-neutral-90);--uie-color-main-link:var(--uie-color-accent-light);--uie-color-main-link-hover:var(--uie-color-accent-dark);--uie-color-secondary-text:var(--uie-color-neutral-70);--uie-color-secondary-link:var(--uie-color-neutral-80);--uie-color-secondary-link-hover:var(--uie-color-neutral-90);--uie-color-tertiary-text:var(--uie-color-neutral-50);--uie-color-tertiary-text-hover:var(--uie-color-neutral-70);--uie-color-inverted-text:var(--uie-color-neutral-0);--uie-color-option-bg:var(--uie-color-main-bg);--uie-color-option-text:var(--uie-color-accent-light);--uie-color-option-bg-hover:var(--uie-color-bg-medium);--uie-color-option-text-hover:var(--uie-color-accent-dark);--uie-color-option-bg-current:var(--uie-color-bg-dark);--uie-color-option-text-current:var(--uie-color-accent-dark);--uie-color-option-border:var(--uie-color-border-dark);--uie-color-preview-option-text:var(--uie-color-secondary-text);--uie-color-preview-option-label:var(--uie-color-tertiary-text);--uie-color-preview-option-text-hover:var(--uie-color-secondary-link-hover);--uie-color-preview-option-label-hover:var(--uie-color-tertiary-text-hover);--uie-color-preview-option-bg:var(--uie-color-option-bg);--uie-color-preview-option-bg-hover:var(--uie-color-option-bg-hover);--uie-color-preview-option-border:var(--uie-color-option-border);--uie-color-modal-bg:var(--uie-color-option-bg);--uie-color-modal-bg-hover:var(--uie-color-option-bg-hover);--uie-color-modal-bg-current:var(--uie-color-option-bg-current);--uie-color-modal-text:var(--uie-color-option-text);--uie-color-modal-text-hover:var(--uie-color-option-text-hover);--uie-color-modal-text-current:var(--uie-color-option-text-current);--uie-color-modal-border:var(--uie-color-option-border);--uie-color-contentheader-bg:var(--uie-color-option-bg);--uie-color-contentheader-text:var(--uie-color-option-text);--uie-color-contentheader-bg-hover:var(--uie-color-option-bg-hover);--uie-color-contentheader-text-hover:var(--uie-color-option-text-hover);--uie-color-contentheader-bg-current:var(--uie-color-option-bg-current);--uie-color-contentheader-text-current:var(--uie-color-option-text-current);--uie-color-contentheader-border:var(--uie-color-option-border);--uie-color-label-bg:var(--uie-color-accent-medium);--uie-color-label-text:var(--uie-color-inverted-text);--uie-color-label-border:var(--uie-color-accent-medium);--uie-color-tag-bg:var(--uie-color-main-bg);--uie-color-tag-text:var(--uie-color-tertiary-text);--uie-color-tag-border:var(--uie-color-tertiary-text);--uie-color-code-bg:var(--uie-color-bg-medium);--uie-color-code-border:var(--uie-color-option-border);--uie-color-code-header-text:var(--uie-color-option-text);--uie-color-code-header-bg:var(--uie-color-option-bg);--uie-color-code-header-text-hover:var(--uie-color-option-text-hoveer);--uie-color-code-header-bg-hover:var(--uie-color-option-bg-hover);--uie-color-code-header-text-current:var(--uie-color-option-text-hover);--uie-color-code-header-bg-current:var(--uie-color-option-bg-hover);--uie-color-footer-bg:var(--uie-color-bg-light);--uie-color-footer-text:var(--uie-color-secondary-text);--uie-color-footer-link:var(--uie-color-secondary-link);--uie-color-footer-link-hover:var(--uie-color-secondary-link-hover);--uie-color-preview-title:var(--uie-color-main-text);--uie-color-preview-title-bg:var(--uie-color-bg-medium);--uie-color-preview-border:var(--uie-color-border-dark);--uie-preview-border-width:var(--uie-space-s);--uie-preview-padding:var(--uie-preview-border-width)}@font-face{font-named-instance:"Regular";font-display:fallback;font-family:Inter;font-style:normal;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)}@media print{.uie{font-size:10pt}}@media screen and (max-width:639px){.uie{font-size:var(--uie-base-font-size-s)}}@media screen and (min-width:640px) and (max-width:959px){.uie{font-size:var(--uie-base-font-size-m)}}@media screen and (min-width:960px){.uie{font-size:var(--uie-base-font-size-l)}}.uie *{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;vertical-align:baseline}@media (prefers-reduced-motion:reduce){.uie *{-webkit-animation:none!important;animation:none!important;-webkit-transition:none!important;transition:none!important}}.uie body{height:100%}.uie h1,.uie h2,.uie h3{font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold)}.uie h1{font-size:var(--uie-font-size-xxxl)}.uie h1,.uie h2{line-height:var(--uie-line-height-heading)}.uie h2{font-size:var(--uie-font-size-xl)}.uie h3{font-size:var(--uie-font-size-l)}.uie h4,.uie h5,.uie h6{font-size:var(--uie-font-size-m)}.uie .intro,.uie h4,.uie h5,.uie h6{font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular)}.uie .intro{font-size:var(--uie-font-size-l)}.uie .intro,.uie details{color:var(--uie-color-secondary-text)}.uie em{font-style:var(--uie-font-style-italic);font-weight:var(--uie-font-weight-italic)}.uie em,.uie summary{font-family:var(--uie-font-family-lightitalic);font-weight:var(--uie-font-weight-light)}.uie strong{font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold)}.uie em strong,.uie strong em{font-family:var(--uie-font-family-bolditalic);font-weight:var(--uie-font-weight-bold)}.uie table{border-collapse:collapse}.uie table caption{font-size:var(--uie-font-size-l);margin-bottom:var(--uie-space-m)}.uie table caption,.uie table th{font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold);text-align:left}.uie table th{background-color:var(--uie-color-bg-light);border-bottom:1px solid var(--uie-color-border-dark);border-top:1px solid var(--uie-color-border-dark);color:var(--uie-color-secondary-text)}.uie table td,.uie table th{font-size:var(--uie-font-size-s)}.uie table td{border-bottom:1px solid var(--uie-color-border-medium)}.uie table td,.uie table th{padding:var(--uie-space-s) var(--uie-space-m);vertical-align:middle}.uie hr{border-top:1px solid var(--uie-color-border-medium)}.uie mark{background-color:var(--uie-color-accent-light)}.uie code,.uie mark{border-radius:var(--uie-space-xs);padding:var(--uie-space-xxs) var(--uie-space-xs)}.uie code{background-color:var(--uie-color-code-bg);border:1px solid var(--uie-color-code-border);font-size:var(--uie-font-size-s)}.uie code,.uie pre{font-family:var(--uie-font-family-code)}.uie pre{overflow-x:auto;padding:var(--uie-space-m)!important}.uie pre code{background-color:transparent;border:0;border-radius:0;padding:0}.uie select{border:1px solid var(--uie-color-border-medium)}.uie{background:var(--uie-color-main-bg);color:var(--uie-color-main-text)}.uie-html-sketchapp-export{padding:20px}.uie-html-sketchapp-export__section+.uie-html-sketchapp-export__section{margin-top:var(--uie-space-xxxl)}.uie-html-sketchapp-export__article+.uie-html-sketchapp-export__article{margin-top:var(--uie-space-xxl)}@media screen and (max-width:959px){.uie-table-wrapper{margin-bottom:var(--uie-space-xs);overflow-x:auto;padding-bottom:var(--uie-space-xs);scrollbar-color:var(--uie-color-neutral-50) var(--uie-color-neutral-20);scrollbar-width:thin;width:100%}.uie-table-wrapper table{min-width:680px}.uie-table-wrapper::-webkit-scrollbar{height:7px;width:7px}.uie-table-wrapper::-webkit-scrollbar-thumb{background-color:var(--uie-color-neutral-50);border:2px solid var(--uie-color-neutral-20);border-radius:7px;-webkit-box-shadow:0 0 1px hsla(0,0%,100%,.5);box-shadow:0 0 1px hsla(0,0%,100%,.5);display:block}.uie-table-wrapper::-webkit-scrollbar-track{background-color:var(--uie-color-neutral-20);border-radius:7px}}.uie-tokens__category+.uie-tokens__category{margin-top:var(--uie-space-xxxl)}.uie-tokens__title{font-family:var(--uie-font-family-regular);font-size:var(--uie-font-size-m);font-weight:var(--uie-font-weight-regular);margin-bottom:var(--uie-space-m)}.uie-tokens__grid{grid-gap:1rem;background-color:var(--uie-color-neutral-20);border-radius:var(--uie-base-border-radius);display:grid;grid-template-columns:repeat(auto-fill,120px);padding:1rem}.uie-tokens__container--color{grid-gap:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.uie-tokens code{font-size:var(--uie-font-size-xs)}.uie-token__color{height:40px;width:100%}.uie-color-token__swatch{border:1px solid var(--uie-color-code-border);border-radius:50%;border-bottom-right-radius:0!important;display:inline-block;height:4.5rem;padding:var(--uie-space-xxs);width:4.5rem}.uie-color-token__swatch__inner{border-radius:50%;border-bottom-right-radius:0!important;height:100%;width:100%}.uie-color-token__info{display:-webkit-box;display:-ms-flexbox;display:flex}.uie-color-token__info--top{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:var(--uie-space-m)}.uie-color-token__info+.uie-color-token__info{margin-top:var(--uie-space-xs)}.uie-color-token__example,.uie-color-token__label{-webkit-box-flex:0;-ms-flex:0 0 5.75rem;flex:0 0 5.75rem;padding-right:var(--uie-space-m);text-align:right}.uie-color-token__name{-webkit-box-flex:1;-ms-flex:1;flex:1;font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular)}.uie-color-token__label{color:var(--uie-color-secondary-text);font-family:var(--uie-font-family-light);font-size:var(--uie-font-size-xs);font-weight:var(--uie-font-weight-light);padding-top:calc(var(--uie-font-size-s) - var(--uie-font-size-xs))}.uie-color-token__value{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:var(--uie-font-size-s)}.uie-color-token__value--code{font-family:var(--uie-font-family-code)}.uie-size-token__size{background-color:var(--uie-color-border-dark);bottom:-.15em;display:inline-block;position:relative}.uie-font-token+.uie-font-token{margin-top:var(--uie-space-xxl)}.uie-font-token__info{display:-webkit-box;display:-ms-flexbox;display:flex}.uie-font-token__info--top{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.uie-font-token__info--example,.uie-font-token__info--top{margin-bottom:var(--uie-space-m)}.uie-font-token__info+.uie-font-token__info{margin-top:var(--uie-space-xs)}.uie-font-token__label{-webkit-box-flex:0;color:var(--uie-color-secondary-text);-ms-flex:0 0 5.75rem;flex:0 0 5.75rem;font-family:var(--uie-font-family-light);font-size:var(--uie-font-size-xs);font-weight:var(--uie-font-weight-light);padding-right:var(--uie-space-m);padding-top:calc(var(--uie-font-size-s) - var(--uie-font-size-xs));text-align:right}.uie-font-token__value{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:var(--uie-font-size-s)}.uie-font-token__value--code{font-family:var(--uie-font-family-code)}.uie-font-token__example{font-size:1rem}.uie-default-token__value,.uie-icon-token__value{vertical-align:middle}.uie-default-token__value--value,.uie-default-token__value--variable,.uie-icon-token__value--value,.uie-icon-token__value--variable{font-family:var(--uie-font-family-code)}.uie-icon-token__icon{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--uie-color-neutral-0);border-radius:var(--uie-base-border-radius);-webkit-box-shadow:0 2px 6px 0 rgba(0,41,77,.07);box-shadow:0 2px 6px 0 rgba(0,41,77,.07);display:-webkit-box;display:-ms-flexbox;display:flex;height:80px;justify-content:center;margin-bottom:var(--uie-space-s)}.uie-icon-token__name{font-size:var(--uie-font-size-xs);text-align:center}.uie-theme-token__variablename{display:inline-block;margin-top:var(--uie-space-xs)}.uie-theme-token__value--value,.uie-theme-token__value--variable{font-family:var(--uie-font-family-code)}.uie-theme-token__value--variable{white-space:nowrap}.uie-theme-token__value--default{text-align:center}.uie-theme-token__swatch{border:1px solid var(--uie-color-code-border);border-radius:50%;border-bottom-right-radius:0!important;display:inline-block;height:2em;margin-right:var(--uie-space-xs);padding:var(--uie-space-xxs);width:2em}.uie-theme-token__swatch__inner{border-radius:50%;border-bottom-right-radius:0!important;display:block;height:100%;width:100%}.uie-theme-token__size{background-color:var(--uie-color-bg-dark);bottom:-.15em;display:inline-block;position:relative}.uie-shadow-token{margin-bottom:var(--uie-space-m);margin-top:var(--uie-space-m)}.uie-border-token,.uie-shadow-token{background-color:var(--uie-color-bg-dark);display:block;height:3rem;width:12rem}.uie-border-token{border-color:var(--uie-color-neutral-50);border-style:solid}.uie-opacity-token{background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;display:block;height:3rem;position:relative;width:12rem}.uie-opacity-token__inner{background-color:var(--uie-color-accent-ultradark);bottom:0;left:0;position:absolute;right:0;top:0}
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-family:Inter;font-style:normal;font-weight:100 900;font-named-instance:"Regular";font-display:fallback;src:url(../fonts/Inter-roman.var.97fa084.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-named-instance:"Italic";font-display:fallback;src:url(../fonts/Inter-italic.var.9a96de7.woff2) format("woff2")}.uie{font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular);height:100%;line-height:var(--uie-line-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media print{.uie{font-size:10pt}}@media screen and (max-width:639px){.uie{font-size:var(--uie-base-font-size-s)}}@media screen and (min-width:640px) and (max-width:959px){.uie{font-size:var(--uie-base-font-size-m)}}@media screen and (min-width:960px){.uie{font-size:var(--uie-base-font-size-l)}}.uie *{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;vertical-align:baseline}@media (prefers-reduced-motion:reduce){.uie *{-webkit-animation:none!important;animation:none!important;-webkit-transition:none!important;transition:none!important}}.uie body{height:100%}.uie h1,.uie h2,.uie h3{font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold)}.uie h1{font-size:var(--uie-font-size-xxxl)}.uie h1,.uie h2{line-height:var(--uie-line-height-heading)}.uie h2{font-size:var(--uie-font-size-xl)}.uie h3{font-size:var(--uie-font-size-l)}.uie h4,.uie h5,.uie h6{font-size:var(--uie-font-size-m)}.uie .intro,.uie h4,.uie h5,.uie h6{font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular)}.uie .intro{font-size:var(--uie-font-size-l)}.uie .intro,.uie details{color:var(--uie-color-secondary-text)}.uie em{font-style:var(--uie-font-style-italic);font-weight:var(--uie-font-weight-italic)}.uie em,.uie summary{font-family:var(--uie-font-family-lightitalic);font-weight:var(--uie-font-weight-light)}.uie strong{font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold)}.uie em strong,.uie strong em{font-family:var(--uie-font-family-bolditalic);font-weight:var(--uie-font-weight-bold)}.uie table{border-collapse:collapse}.uie table caption{font-size:var(--uie-font-size-l);margin-bottom:var(--uie-space-m)}.uie table caption,.uie table th{font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold);text-align:left}.uie table th{background-color:var(--uie-color-bg-light);border-bottom:1px solid var(--uie-color-border-dark);border-top:1px solid var(--uie-color-border-dark);color:var(--uie-color-secondary-text)}.uie table td,.uie table th{font-size:var(--uie-font-size-s)}.uie table td{border-bottom:1px solid var(--uie-color-border-medium)}.uie table td,.uie table th{padding:var(--uie-space-s) var(--uie-space-m);vertical-align:middle}.uie hr{border-top:1px solid var(--uie-color-border-medium)}.uie mark{background-color:var(--uie-color-accent-light)}.uie code,.uie mark{border-radius:var(--uie-space-xs);padding:var(--uie-space-xxs) var(--uie-space-xs)}.uie code{background-color:var(--uie-color-code-bg);border:1px solid var(--uie-color-code-border);font-size:var(--uie-font-size-s)}.uie code,.uie pre{font-family:var(--uie-font-family-code)}.uie pre{overflow-x:auto;padding:var(--uie-space-m)!important}.uie pre code{background-color:transparent;border:0;border-radius:0;padding:0}.uie select{border:1px solid var(--uie-color-border-medium)}.uie{background:var(--uie-color-main-bg);color:var(--uie-color-main-text)}.uie-html-sketchapp-export{padding:20px}.uie-html-sketchapp-export__section+.uie-html-sketchapp-export__section{margin-top:var(--uie-space-xxxl)}.uie-html-sketchapp-export__article+.uie-html-sketchapp-export__article{margin-top:var(--uie-space-xxl)}@media screen and (max-width:959px){.uie-table-wrapper{margin-bottom:var(--uie-space-xs);overflow-x:auto;padding-bottom:var(--uie-space-xs);scrollbar-color:var(--uie-color-neutral-50) var(--uie-color-neutral-20);scrollbar-width:thin;width:100%}.uie-table-wrapper table{min-width:680px}.uie-table-wrapper::-webkit-scrollbar{height:7px;width:7px}.uie-table-wrapper::-webkit-scrollbar-thumb{background-color:var(--uie-color-neutral-50);border:2px solid var(--uie-color-neutral-20);border-radius:7px;-webkit-box-shadow:0 0 1px hsla(0,0%,100%,.5);box-shadow:0 0 1px hsla(0,0%,100%,.5);display:block}.uie-table-wrapper::-webkit-scrollbar-track{background-color:var(--uie-color-neutral-20);border-radius:7px}}.uie-tokens__category+.uie-tokens__category{margin-top:var(--uie-space-xxxl)}.uie-tokens__title{font-family:var(--uie-font-family-regular);font-size:var(--uie-font-size-m);font-weight:var(--uie-font-weight-regular);margin-bottom:var(--uie-space-m)}.uie-tokens__grid{display:grid;grid-template-columns:repeat(auto-fill,120px);grid-gap:1rem;background-color:var(--uie-color-neutral-20);border-radius:var(--uie-base-border-radius);padding:1rem}.uie-tokens__container--color{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:2rem}.uie-tokens code{font-size:var(--uie-font-size-xs)}.uie-token__color{height:40px;width:100%}.uie-color-token__swatch{border:1px solid var(--uie-color-code-border);border-radius:50%;border-bottom-right-radius:0!important;display:inline-block;height:4.5rem;padding:var(--uie-space-xxs);width:4.5rem}.uie-color-token__swatch__inner{border-radius:50%;border-bottom-right-radius:0!important;height:100%;width:100%}.uie-color-token__info{display:-webkit-box;display:-ms-flexbox;display:flex}.uie-color-token__info--top{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:var(--uie-space-m)}.uie-color-token__info+.uie-color-token__info{margin-top:var(--uie-space-xs)}.uie-color-token__example,.uie-color-token__label{-webkit-box-flex:0;-ms-flex:0 0 5.75rem;flex:0 0 5.75rem;padding-right:var(--uie-space-m);text-align:right}.uie-color-token__name{-webkit-box-flex:1;-ms-flex:1;flex:1;font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular)}.uie-color-token__label{color:var(--uie-color-secondary-text);font-family:var(--uie-font-family-light);font-size:var(--uie-font-size-xs);font-weight:var(--uie-font-weight-light);padding-top:calc(var(--uie-font-size-s) - var(--uie-font-size-xs))}.uie-color-token__value{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:var(--uie-font-size-s)}.uie-color-token__value--code{font-family:var(--uie-font-family-code)}.uie-size-token__size{background-color:var(--uie-color-border-dark);bottom:-.15em;display:inline-block;position:relative}.uie-font-token+.uie-font-token{margin-top:var(--uie-space-xxl)}.uie-font-token__info{display:-webkit-box;display:-ms-flexbox;display:flex}.uie-font-token__info--top{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.uie-font-token__info--example,.uie-font-token__info--top{margin-bottom:var(--uie-space-m)}.uie-font-token__info+.uie-font-token__info{margin-top:var(--uie-space-xs)}.uie-font-token__label{-webkit-box-flex:0;color:var(--uie-color-secondary-text);-ms-flex:0 0 5.75rem;flex:0 0 5.75rem;font-family:var(--uie-font-family-light);font-size:var(--uie-font-size-xs);font-weight:var(--uie-font-weight-light);padding-right:var(--uie-space-m);padding-top:calc(var(--uie-font-size-s) - var(--uie-font-size-xs));text-align:right}.uie-font-token__value{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:var(--uie-font-size-s)}.uie-font-token__value--code{font-family:var(--uie-font-family-code)}.uie-font-token__example{font-size:1rem}.uie-default-token__value,.uie-icon-token__value{vertical-align:middle}.uie-default-token__value--value,.uie-default-token__value--variable,.uie-icon-token__value--value,.uie-icon-token__value--variable{font-family:var(--uie-font-family-code)}.uie-icon-token__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--uie-color-neutral-0);border-radius:var(--uie-base-border-radius);-webkit-box-shadow:0 2px 6px 0 rgba(0,41,77,.07);box-shadow:0 2px 6px 0 rgba(0,41,77,.07);height:80px;justify-content:center;margin-bottom:var(--uie-space-s)}.uie-icon-token__name{font-size:var(--uie-font-size-xs);text-align:center}.uie-theme-token__variablename{display:inline-block;margin-top:var(--uie-space-xs)}.uie-theme-token__value--value,.uie-theme-token__value--variable{font-family:var(--uie-font-family-code)}.uie-theme-token__value--variable{white-space:nowrap}.uie-theme-token__value--default{text-align:center}.uie-theme-token__swatch{border:1px solid var(--uie-color-code-border);border-radius:50%;border-bottom-right-radius:0!important;display:inline-block;height:2em;margin-right:var(--uie-space-xs);padding:var(--uie-space-xxs);width:2em}.uie-theme-token__swatch__inner{border-radius:50%;border-bottom-right-radius:0!important;display:block;height:100%;width:100%}.uie-theme-token__size{background-color:var(--uie-color-bg-dark);bottom:-.15em;display:inline-block;position:relative}.uie-shadow-token{margin-bottom:var(--uie-space-m);margin-top:var(--uie-space-m)}.uie-border-token,.uie-shadow-token{background-color:var(--uie-color-bg-dark);display:block;height:3rem;width:12rem}.uie-border-token{border-color:var(--uie-color-neutral-50);border-style:solid}.uie-opacity-token{background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;display:block;height:3rem;position:relative;width:12rem}.uie-opacity-token__inner{background-color:var(--uie-color-accent-ultradark);bottom:0;left:0;position:absolute;right:0;top:0}
@@ -0,0 +1 @@
1
+ .topbar[data-v-0778ce28]{--button-size:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--uie-color-topbar-bg);border-bottom:1px solid var(--uie-color-topbar-border);color:var(--uie-color-topbar-text);justify-content:space-between}@media screen and (min-width:960px){.topbar[data-v-0778ce28]{display:grid;grid-template-columns:1fr 2fr 1fr;grid-gap:1rem}}.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)}@media screen and (max-width:959px){.topbar__home[data-v-0778ce28]{font-size:var(--uie-font-size-m)}}@media screen and (min-width:960px){.topbar__home[data-v-0778ce28]{font-size:var(--uie-font-size-l)}}.topbar__theme[data-v-0778ce28]{position:relative}@media screen and (max-width:959px){.topbar__theme[data-v-0778ce28]{margin-left:auto}}@media screen and (min-width:960px){.topbar__theme[data-v-0778ce28]{justify-self:end}}.topbar__theme-toggle[data-v-0778ce28]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--uie-color-topbar-text);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]{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;fill:var(--uie-color-topbar-text)}.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]{margin-right:var(--uie-space-s);margin-top:-6px;fill:var(--uie-color-modal-text);height:21px;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)}@media screen and (min-width:960px){.topbar__toggle--search[data-v-0778ce28]{display:none}}.topbar__icon[data-v-0778ce28]{height:24px;width:24px;fill:var(--uie-color-topbar-text);-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}.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%}@media screen and (max-width:959px){.topbar__search[data-v-0778ce28]{margin-right:0;-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.topbar__search--collapsed[data-v-0778ce28]{display:none}}@media screen and (min-width:960px){.topbar__search[data-v-0778ce28]{justify-self:center;max-width:600px}}.topbar__searchfield[data-v-0778ce28]{--icon-size:16px;background-color:var(--uie-color-neutral-20);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTEgMmE5IDkgMCAwIDEgNy4wMzIgMTQuNjE3bDMuNjc1IDMuNjc2YTEgMSAwIDAgMS0xLjMyIDEuNDk3bC0uMDk0LS4wODMtMy42NzYtMy42NzVBOSA5IDAgMSAxIDExIDJtMCAyYTcgNyAwIDEgMCA0Ljg2NSAxMi4wMzMgMSAxIDAgMCAxIC4wNzgtLjA5bC4wOS0uMDc4QTcgNyAwIDAgMCAxMSA0Ii8+PC9zdmc+");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}.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)}@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)}}.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}.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]{-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast);fill:var(--uie-color-footer-link);height:18px;margin:0 -.3rem;position:relative;top:.4em;width:18px}.footer__nav[data-v-cdcd25a2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;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{-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast);fill:var(--uie-color-footer-link)}.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{-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast);fill:var(--uie-color-main-link)}.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-family:Inter;font-style:normal;font-weight:100 900;font-named-instance:"Regular";font-display:fallback;src:url(../fonts/Inter-roman.var.97fa084.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-named-instance:"Italic";font-display:fallback;src:url(../fonts/Inter-italic.var.9a96de7.woff2) format("woff2")}.uie{font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular);height:100%;line-height:var(--uie-line-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media print{.uie{font-size:10pt}}@media screen and (max-width:639px){.uie{font-size:var(--uie-base-font-size-s)}}@media screen and (min-width:640px) and (max-width:959px){.uie{font-size:var(--uie-base-font-size-m)}}@media screen and (min-width:960px){.uie{font-size:var(--uie-base-font-size-l)}}.uie *{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;vertical-align:baseline}@media (prefers-reduced-motion:reduce){.uie *{-webkit-animation:none!important;animation:none!important;-webkit-transition:none!important;transition:none!important}}.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)}@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){.layout{--topbar-height:4rem;--navigation-width:264px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-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 screen and (max-width:639px){.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){.footer,.main,.topbar{padding-left:var(--uie-space-l);padding-right:var(--uie-space-l)}}.topbar{padding-left:var(--uie-space-l);padding-right:var(--uie-space-l)}@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{margin-top:var(--uie-space-xxl)}@media screen and (min-width:1280px){.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}}@media print{.footer,.navigation,.topbar{display:none!important}}.contentheader[data-v-2c89ecfc]{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:var(--uie-space-l);position:relative}.contentheader[data-v-2c89ecfc],.contentheader__right[data-v-2c89ecfc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contentheader__right[data-v-2c89ecfc]{margin-left:auto}.contentheader__title[data-v-2c89ecfc]{margin-bottom:var(--uie-space-s);margin-right:var(--uie-space-s)}@media screen and (min-width:1280px){.contentheader__title[data-v-2c89ecfc]{margin-bottom:0}}.contentheader .label[data-v-2c89ecfc],.contentheader .tag[data-v-2c89ecfc]{margin-bottom:calc(var(--uie-space-l) - var(--uie-space-xxs));margin-left:var(--uie-space-s)}@media screen and (min-width:1280px){.contentheader .label[data-v-2c89ecfc],.contentheader .tag[data-v-2c89ecfc]{margin-bottom:0}}.variant .contentheader .label[data-v-2c89ecfc],.variant .contentheader .tag[data-v-2c89ecfc]{margin-bottom:var(--uie-space-m)}@media screen and (min-width:1280px){.variant .contentheader .label[data-v-2c89ecfc],.variant .contentheader .tag[data-v-2c89ecfc]{margin-bottom:0}}.contentheader__edit[data-v-2c89ecfc]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contentheader__edit-icon[data-v-2c89ecfc]{height:16px;margin-left:var(--uie-space-m);width:16px;fill:currentColor}.contentheader__buttons[data-v-2c89ecfc]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contentheader__options[data-v-2c89ecfc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--uie-font-size-s);margin-bottom:var(--uie-space-s);margin-left:auto}@media screen and (min-width:1280px){.contentheader__options[data-v-2c89ecfc]{margin-bottom:0}}.contentheader__option[data-v-2c89ecfc]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-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);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-2c89ecfc]: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-2c89ecfc]:last-child{border-bottom-right-radius:var(--uie-base-border-radius);border-top-right-radius:var(--uie-base-border-radius)}.contentheader__option[data-v-2c89ecfc]: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-2c89ecfc]:not(:only-child){background-color:var(--uie-color-contentheader-bg-current);color:var(--uie-color-contentheader-text-current)}.contentheader__option .icon[data-v-2c89ecfc]{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-2c89ecfc]:active,.contentheader__option[data-v-2c89ecfc]:focus,.contentheader__option[data-v-2c89ecfc]:hover{color:var(--uie-color-contentheader-text-hover)}.contentheader__option+.contentheader__option[data-v-2c89ecfc]{border-left-width:0}.contentheader__action[data-v-2c89ecfc]:not(.contentheader__option){display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;color:var(--uie-color-contentheader-text);cursor:pointer;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-2c89ecfc]{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-2c89ecfc]:not(.contentheader__option):active,.contentheader__action[data-v-2c89ecfc]:not(.contentheader__option):focus,.contentheader__action[data-v-2c89ecfc]:not(.contentheader__option):hover{color:var(--uie-color-contentheader-text-hover)}.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)}@media screen and (min-width:960px){.navigation__item[data-v-0325e07b]:not(.navigation__item--level-0){font-size:var(--uie-font-size-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}@media screen and (min-width:960px){.navigation__itemtoggle[data-v-0325e07b]{top:0}}.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]{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;fill:var(--uie-color-navigation-text)}.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)}@media screen and (max-width:959px){.navigation__link[data-v-0325e07b]{padding-bottom:var(--uie-space-m);padding-top:var(--uie-space-m)}}@media screen and (min-width:960px){.navigation__link[data-v-0325e07b]{padding-bottom:var(--uie-space-s);padding-top:var(--uie-space-s)}}.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}.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}
@@ -7,7 +7,7 @@ _%>
7
7
  <%_ meta.forEach(m => { _%>
8
8
  <<%= m.tag %><% Object.keys(m.attrs).forEach(key => { var val = m.attrs[key]; %><%- ` ${key}="` %><%= val %><%- '"' %><% }) %>>
9
9
  <%_ }) _%>
10
- <link href="<%= basePath %>/_assets/styles/main.d330b09.css" rel="stylesheet">
10
+ <link href="<%= basePath %>/_assets/styles/main.caefbd1.css" rel="stylesheet">
11
11
  <link rel="stylesheet" href="<%= basePath %>/_assets/styles/hljs/<%= hljs %>.css" id="hljs" data-default="<%= hljs %>" data-tmpl="<%= basePath %>/_assets/styles/hljs/%s.css">
12
12
  <%_ for (index in plugin.css) { _%>
13
13
  <link href="<%- plugin.css[index] %>" rel="stylesheet">
@@ -15,18 +15,18 @@ _%>
15
15
  <%_ if (customStylesFile) { _%>
16
16
  <link rel="stylesheet" href="<%= customStylesFile %>">
17
17
  <%_ } _%>
18
- <link href="<%= basePath %>/_assets/styles/inject.0037cb7.css" rel="prefetch" as="style">
19
- <link href="<%= basePath %>/_assets/scripts/inject.37a137d.js" rel="prefetch" as="script">
18
+ <link href="<%= basePath %>/_assets/styles/inject.9a109bf.css" rel="prefetch" as="style">
19
+ <link href="<%= basePath %>/_assets/scripts/inject.a1524dc.js" rel="prefetch" as="script">
20
20
  <link href="<%= basePath %>/_assets/styles/MainComponent.ff3bbb4.css" rel="prefetch" as="style">
21
- <link href="<%= basePath %>/_assets/scripts/MainComponent.4bb26a5.js" rel="prefetch" as="script">
21
+ <link href="<%= basePath %>/_assets/scripts/MainComponent.77a9722.js" rel="prefetch" as="script">
22
22
  <script>
23
23
  window.UIengine = {
24
24
  base: <%- helpers.htmlescape(base) %>,
25
25
  state: <%- helpers.htmlescape(state) %>,
26
26
  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."}}},
27
27
  iframeScripts: [
28
- "<%= basePath %>/_assets/scripts/preview.9fa6fdd.js",
29
- "<%= basePath %>/_assets/scripts/runtime.18e69f4.js",
28
+ "<%= basePath %>/_assets/scripts/preview.1730c6c.js",
29
+ "<%= basePath %>/_assets/scripts/runtime.89724d2.js",
30
30
  <%_ for (index in plugin.iframe_js) { _%>
31
31
  <%- JSON.stringify(plugin.iframe_js[index]) %>,
32
32
  <%_ } _%>
@@ -56,10 +56,10 @@ _%>
56
56
  </svg>
57
57
  <div id="app"></div>
58
58
  <script src="https://polyfill.io/v2/polyfill.min.js?features=IntersectionObserver"></script>
59
- <script src="<%= basePath %>/_assets/scripts/runtime.18e69f4.js"></script>
60
- <script src="<%= basePath %>/_assets/scripts/vendor_other.e4782c2.js"></script>
61
- <script src="<%= basePath %>/_assets/scripts/vendor_vue.893de81.js"></script>
62
- <script src="<%= basePath %>/_assets/scripts/main.f4b930c.js"></script>
59
+ <script src="<%= basePath %>/_assets/scripts/runtime.89724d2.js"></script>
60
+ <script src="<%= basePath %>/_assets/scripts/vendor_other.79e73c8.js"></script>
61
+ <script src="<%= basePath %>/_assets/scripts/vendor_vue.7f61b73.js"></script>
62
+ <script src="<%= basePath %>/_assets/scripts/main.29f502f.js"></script>
63
63
  <%_ for (index in plugin.js) { _%>
64
64
  <script src="<%- plugin.js[index] %>"></script>
65
65
  <%_ } _%>
@@ -55,7 +55,7 @@
55
55
  </section>
56
56
  <%_ } _%>
57
57
 
58
- <link href="<%= basePath %>/_assets/styles/inject.0037cb7.css" rel="stylesheet">
58
+ <link href="<%= basePath %>/_assets/styles/inject.9a109bf.css" rel="stylesheet">
59
59
 
60
60
  <div class="uie-html-sketchapp-export">
61
61
  <section class="uie-html-sketchapp-export__section">
@@ -396,7 +396,7 @@
396
396
  <%_ } _%>
397
397
  <%_ } _%>
398
398
 
399
- <link href="<%= basePath %>/_assets/styles/inject.0037cb7.css" rel="stylesheet">
399
+ <link href="<%= basePath %>/_assets/styles/inject.9a109bf.css" rel="stylesheet">
400
400
 
401
401
  <div class="uie">
402
402
  <div class="uie-tokens">
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@uiengine/ui",
3
3
  "description": "UIengine user interface.",
4
4
  "license": "MIT",
5
- "version": "3.3.14",
5
+ "version": "3.3.15",
6
6
  "author": "Dennis Reimann <mail@dennisreimann.de> (https://dennisreimann.de)",
7
7
  "homepage": "https://github.com/dennisreimann/uiengine",
8
8
  "bugs": "https://github.com/dennisreimann/uiengine/issues",
@@ -35,13 +35,13 @@
35
35
  "lint": "eslint --fix --ext .js,.vue src test"
36
36
  },
37
37
  "dependencies": {
38
- "@babel/runtime": "7.23.9",
39
- "@uiengine/util": "3.3.14",
38
+ "@babel/runtime": "7.24.7",
39
+ "@uiengine/util": "3.3.15",
40
40
  "color": "4.2.3",
41
41
  "cross-env": "7.0.3",
42
42
  "deepmerge": "4.3.1",
43
- "ejs": "3.1.9",
44
- "fuse.js": "6.6.2",
43
+ "ejs": "3.1.10",
44
+ "fuse.js": "7.0.0",
45
45
  "highlight.js": "10.7.3",
46
46
  "htmlescape": "1.1.1",
47
47
  "vue": "2.7.16",
@@ -52,56 +52,56 @@
52
52
  "yall-js": "3.2.0"
53
53
  },
54
54
  "devDependencies": {
55
- "@babel/core": "7.23.9",
55
+ "@babel/core": "7.24.7",
56
56
  "@babel/plugin-proposal-object-rest-spread": "7.20.7",
57
57
  "@babel/plugin-syntax-dynamic-import": "7.8.3",
58
- "@babel/plugin-transform-runtime": "7.23.9",
59
- "@babel/preset-env": "7.23.9",
60
- "@vue/compiler-sfc": "3.4.15",
61
- "autoprefixer": "10.4.17",
58
+ "@babel/plugin-transform-runtime": "7.24.7",
59
+ "@babel/preset-env": "7.24.7",
60
+ "@vue/compiler-sfc": "3.4.30",
61
+ "autoprefixer": "10.4.19",
62
62
  "babel-loader": "9.1.3",
63
- "caniuse-lite": "1.0.30001583",
63
+ "caniuse-lite": "1.0.30001637",
64
64
  "clipboard": "2.0.11",
65
65
  "compile-ejs-loader": "0.0.3",
66
- "copy-webpack-plugin": "11.0.0",
67
- "css-loader": "6.10.0",
68
- "css-minimizer-webpack-plugin": "4.2.2",
69
- "eslint": "8.56.0",
66
+ "copy-webpack-plugin": "12.0.2",
67
+ "css-loader": "7.1.2",
68
+ "css-minimizer-webpack-plugin": "7.0.0",
69
+ "eslint": "8.57.0",
70
70
  "eslint-config-standard": "17.1.0",
71
71
  "eslint-friendly-formatter": "4.0.1",
72
72
  "eslint-import-resolver-node": "0.3.9",
73
73
  "eslint-plugin-import": "2.29.1",
74
74
  "eslint-plugin-n": "16.6.2",
75
75
  "eslint-plugin-node": "11.1.0",
76
- "eslint-plugin-promise": "6.1.1",
77
- "eslint-plugin-vue": "9.21.1",
78
- "eslint-webpack-plugin": "4.0.1",
76
+ "eslint-plugin-promise": "6.2.0",
77
+ "eslint-plugin-vue": "9.26.0",
78
+ "eslint-webpack-plugin": "4.2.0",
79
79
  "file-loader": "6.2.0",
80
80
  "html-minifier": "4.0.0",
81
81
  "html-webpack-plugin": "5.6.0",
82
- "iframe-resizer": "4.3.9",
83
- "mini-css-extract-plugin": "2.8.0",
84
- "mocha": "10.2.0",
82
+ "iframe-resizer": "4.4.2",
83
+ "mini-css-extract-plugin": "2.9.0",
84
+ "mocha": "10.5.2",
85
85
  "mocha-sinon": "2.1.2",
86
86
  "node-notifier": "10.0.1",
87
- "postcss": "8.4.33",
88
- "postcss-import": "16.0.0",
89
- "postcss-loader": "8.1.0",
90
- "rimraf": "4.4.1",
87
+ "postcss": "8.4.38",
88
+ "postcss-import": "16.1.0",
89
+ "postcss-loader": "8.1.1",
90
+ "rimraf": "5.0.7",
91
91
  "run-sequence": "2.2.1",
92
- "sinon": "15.2.0",
93
- "stylus": "0.62.0",
94
- "stylus-loader": "7.1.3",
92
+ "sinon": "18.0.0",
93
+ "stylus": "0.63.0",
94
+ "stylus-loader": "8.1.0",
95
95
  "terser-webpack-plugin": "5.3.10",
96
- "uglify-js": "3.17.4",
96
+ "uglify-js": "3.18.0",
97
97
  "url-loader": "4.1.1",
98
98
  "vue-loader": "15.11.1",
99
99
  "vue-style-loader": "4.1.3",
100
100
  "vue-template-compiler": "2.7.16",
101
- "webpack": "5.90.1",
102
- "webpack-bundle-analyzer": "4.10.1",
101
+ "webpack": "5.92.1",
102
+ "webpack-bundle-analyzer": "4.10.2",
103
103
  "webpack-cli": "5.1.4",
104
104
  "webpack-merge": "5.10.0"
105
105
  },
106
- "gitHead": "a5548d724dff68a78ae49dc64cb8d7750d60f223"
106
+ "gitHead": "cdf9ef0c39f898cddb68fc6e3b92f844172e7f37"
107
107
  }
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunk_uiengine_ui=self.webpackChunk_uiengine_ui||[]).push([[56],{5056:function(e,i,n){var t=n(5644),r={resizeFrom:"child",checkOrigin:!1};i.c={data:function(){return{isBreakpointsActive:!1,iframeWidth:null}},methods:{mountResizableIframe:function(e){e.addEventListener("load",this.setupIframe.bind(this))},unmountResizableIframe:function(e){e.iFrameResizer&&e.iFrameResizer.close(),e.removeEventListener("load",this.setupIframe.bind(this))},setupIframe:function(e){var i=this,n=e.currentTarget;if("about:blank"!==n.src){var a=n.contentWindow;window.UIengine.iframeScripts.forEach((function(e){return i.addScriptToIframe(e,n)})),n.iFrameResizer||(0,t.iframeResizer)(r,n),this.iframeWidth=a.innerWidth,a.onresize=this.iframeResizeHandler.bind(this),this.$emit("iframe-load",n)}},iframeResizeHandler:function(e){var i=e.target.innerWidth;this.iframeWidth=i},addScriptToIframe:function(e,i){var n=i.contentDocument.getElementsByTagName("head")[0],t=document.createElement("script");t.src=e,t.async=!1,n.appendChild(t)}}}}}]);
@@ -1 +0,0 @@
1
- (self.webpackChunk_uiengine_ui=self.webpackChunk_uiengine_ui||[]).push([[712],{5828:function(t,e,i){var n=i(4848),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}}},4848:function(t,e,i){var n=i(1404),r=["bash","css","scss","less","stylus","javascript","handlebars","json","markdown","nginx","xml"];r.forEach((function(t){var e=i(5940)("./".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},1148:function(t,e,i){"use strict";var n=i(5832),r=i(5312);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.c)(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.c={computed:a(a({},(0,r.gV)("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})}))}))}}},1680:function(t,e,i){"use strict";i.d(e,{c:function(){return u}});var n=i(3696),r=i(332),o=i.n(r),a=i(5828),s=i(5056),c=i(572),p=i(4352),l=i.n(p),d={mixins:[s.c,c.c],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.c)(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(4776).c)(d,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"code"},[t.raw?e("div",{staticClass:"code__segment"},[e("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")}}},[e("h4",{staticClass:"code__title"},[t._v("\n "+t._s(t._f("localize")("code.raw"))+"\n ")]),t._v(" "),e("AppIcon",{staticClass:"code__expandicon",attrs:{symbol:"caret-down"}})],1),t._v(" "),e("div",{attrs:{hidden:!t.isExpanded("raw"),"data-test-variant-code-part":"raw"}},[e("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()}}},[e("AppIcon",{staticClass:"code__copy-icon",attrs:{symbol:"clipboard-copy"}})],1)]),t._v(" "),e("div",{domProps:{innerHTML:t._s(t.renderedRaw)}})]):t._e(),t._v(" "),t.context?e("div",{staticClass:"code__segment"},[e("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")}}},[e("h4",{staticClass:"code__title"},[t._v("\n "+t._s(t._f("localize")("code.context"))+"\n ")]),t._v(" "),e("AppIcon",{staticClass:"code__expandicon",attrs:{symbol:"caret-down"}})],1),t._v(" "),e("div",{attrs:{hidden:!t.isExpanded("context"),"data-test-variant-code-part":"context"}},[e("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()}}},[e("AppIcon",{staticClass:"code__copy-icon",attrs:{symbol:"clipboard-copy"}})],1),t._v(" "),e("div",{domProps:{innerHTML:t._s(t.renderedContext)}})])]):t._e(),t._v(" "),t.displayAllThemes?t._e():e("div",{staticClass:"code__segment"},[e("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")}}},[e("h4",{staticClass:"code__title"},[t._v("\n HTML\n ")]),t._v(" "),e("AppIcon",{staticClass:"code__expandicon",attrs:{symbol:"caret-down"}})],1),t._v(" "),e("div",{attrs:{hidden:!t.isExpanded("HTML"),"data-test-variant-code-part":"HTML"}},[e("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)}}},[e("AppIcon",{staticClass:"code__copy-icon",attrs:{symbol:"clipboard-copy"}})],1),t._v(" "),t.renderedHTML.content?e("div",{domProps:{innerHTML:t._s(t.renderPart(t.renderedHTML))}}):e("div",[e("pre",[t._v(t._s(t._f("localize")("options.loading")))])])])])])}),[],!1,null,"c8cd4112",null).exports},828:function(t,e,i){"use strict";i.d(e,{c:function(){return d}});var n=i(5832),r=i(5312),o=i(5056),a=i(572);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.c)(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.c,a.c],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.gV)("state",["config"])),(0,r.gV)("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.sR)("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(4776).c)(l,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"preview"},[t.isModeViewports?t._e():[e("div",{staticClass:"preview__options",class:{"preview__options--active":t.isBreakpointsActive}},[e("div",{staticClass:"preview__options-inner"},[t._l(t.breakpoints,(function(i,n){return e("button",{key:n,staticClass:"preview__option",attrs:{type:"button"},on:{click:function(e){return t.setWidth(i)}}},[e("span",{staticClass:"preview__option-text"},[t._v(t._s(n))]),t._v(" "),e("span",{staticClass:"preview__option-label"},[t._v(t._s(i)+"px")])])})),t._v(" "),e("button",{staticClass:"preview__option",attrs:{type:"button"},on:{click:function(e){return t.setWidth(null)}}},[e("span",{staticClass:"preview__option-text"},[e("AppIcon",{staticClass:"preview__option-text-icon",attrs:{symbol:"reset"}})],1),t._v(" "),e("span",{staticClass:"preview__option-label"},[t._v(t._s(t._f("localize")("options.reset")))])])],2)])],t._v(" "),e("div",{staticClass:"preview__viewports sih--main soh--main-escape"},[t.isModeViewports?t._l(t.viewports,(function(i,n){var r=i.width,o=i.height;return e("div",{key:n,staticClass:"preview__viewport",class:t.viewportClass,style:t.viewportStyle},[e("span",{staticClass:"preview__title"},[t._v("\n "+t._s(t.previewTitle(n,r))+"\n ")]),t._v(" "),t._l(t.displayedThemes,(function(i){return e("div",{key:i.id,staticClass:"preview__iframe-container",attrs:{"data-test-iframe-container":"".concat(i.id,"-").concat(n)}},[t.displayAllThemes?e("div",{staticClass:"preview__theme-title"},[t._v("\n "+t._s(i.title)+"\n ")]):t._e(),t._v(" "),e("iframe",{ref:"iframes",refInFor:!0,staticClass:"preview__iframe lazy",style:{width:"".concat(t.iframeSize(r),"px")},attrs:{src:"about:blank","data-src":t.iframeSrc(i.id),title:t.title,width:t.iframeSize(r),height:t.iframeSize(o),scrolling:o?"yes":"no","data-test-viewport-iframe":"".concat(i.id,"-").concat(n),frameborder:"0"}})])}))],2)})):[e("div",{ref:"viewport",staticClass:"preview__viewport",class:t.viewportClass,style:t.viewportStyle},[t.breakpoints?[e("span",{staticClass:"preview__title"},[t._v("\n "+t._s(t.size)+"\n ")])]:t._e(),t._v(" "),t._l(t.displayedThemes,(function(i){return e("div",{key:i.id,staticClass:"preview__iframe-container",attrs:{"data-test-iframe-container":i.id}},[t.displayAllThemes?e("div",{staticClass:"preview__theme-title"},[t._v("\n "+t._s(i.title)+"\n ")]):t._e(),t._v(" "),e("iframe",{ref:"iframes",refInFor:!0,staticClass:"preview__iframe lazy",attrs:{src:"about:blank","aria-roledescription":"iframe","data-src":t.iframeSrc(i.id),title:t.title,"data-test-breakpoint-iframe":i.id,frameborder:"0",scrolling:"no"}})])}))],2)]],2)],2)}),[],!1,null,"419b93af",null).exports},6504:function(t,e,i){"use strict";i.d(e,{c:function(){return r}});var n={components:{ContentProperty:i(9351).c},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(4776).c)(n,(function(){var t=this,e=t._self._c;return e("table",{class:{withDescription:t.displayDescription},attrs:{id:t.title}},[e("caption",[t._v(t._s(t.title))]),t._v(" "),e("thead",[e("tr",[e("th",{staticClass:"property__name"},[t._v("\n "+t._s(t._f("localize")("properties.name"))+"\n ")]),t._v(" "),e("th",{staticClass:"property__type"},[t._v("\n "+t._s(t._f("localize")("properties.type"))+"\n ")]),t._v(" "),t.displayDescription?e("th",{staticClass:"property__description"},[t._v("\n "+t._s(t._f("localize")("properties.description"))+"\n ")]):t._e(),t._v(" "),e("th",{staticClass:"property__required"},[t._v("\n "+t._s(t._f("localize")("properties.required"))+"\n ")]),t._v(" "),e("th",{staticClass:"property__default"},[t._v("\n "+t._s(t._f("localize")("properties.default"))+"\n ")])])]),t._v(" "),e("tbody",t._l(t.properties,(function(i,n){return e("ContentProperty",{key:n,attrs:{id:n,property:i,"display-description":t.displayDescription}})})),1)])}),[],!1,null,"a103365e",null).exports},5940:function(t,e,i){var n={"./bash":6540,"./css":512,"./handlebars":4715,"./javascript":1108,"./json":1256,"./less":6748,"./markdown":9496,"./nginx":7888,"./scss":2508,"./stylus":4760,"./xml":1432};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=5940}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunk_uiengine_ui=self.webpackChunk_uiengine_ui||[]).push([[972],{8256:function(t,e,n){n.r(e),n.d(e,{default:function(){return x}});var i=n(5832),r=n(5312),a=n(7040),s=n(1672),o=n(572),c=n(3320),l=n(7376),p=n(6504),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.c)({},this.currentTheme.id,this.themeProperty.themes[this.currentTheme.id])}},methods:{themeTitle:function(t){var e=this.themes.find((function(e){return e.id===t}));return e&&e.title?e.title:t},isDefault:function(t){var e=t.value,n=t.variable;if(!this.themeProperty.default)return!1;var i=this.themeProperty.default,r=i.value,a=i.variable;return void 0!==r&&r===e||void 0!==a&&a===n?"*":""}}},d=n(4776);function u(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function _(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?u(Object(n),!0).forEach((function(e){(0,i.c)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var v={components:{ContentThemeProperty:(0,d.c)(h,(function(){var t=this,e=t._self._c;return e("tbody",t._l(t.displayedThemes,(function(n,i,r){return e("tr",{key:i},[0===r?e("td",{staticClass:"themeProperty__property uie-rowspan-right",attrs:{rowspan:Object.keys(t.displayedThemes).length}},[e("div",{staticClass:"themeProperty__name"},[t._v("\n "+t._s(t.themeProperty.name)+"\n ")]),t._v(" "),t.themeProperty.variable?e("code",{staticClass:"themeProperty__variablename"},[t._v("\n "+t._s(t.themeProperty.variable)+"\n ")]):t._e()]):t._e(),t._v(" "),t.displayAllThemes?e("td",{staticClass:"themeProperty__theme uie-rowspan-left"},[t._v("\n "+t._s(t.themeTitle(i))+"\n ")]):t._e(),t._v(" "),e("td",{staticClass:"themeProperty__value"},[t._v("\n "+t._s(n.value)+"\n ")]),t._v(" "),e("td",{staticClass:"themeProperty__visualization"},[n.value?["color"===t.themeProperty.type?e("span",{staticClass:"themeProperty__swatch"},[e("span",{staticClass:"themeProperty__swatch__inner",style:{backgroundColor:n.value}})]):"size"===t.themeProperty.type?e("span",{staticClass:"themeProperty__size",style:{width:n.value}}):t._e()]:t._e()],2),t._v(" "),e("td",{staticClass:"themeProperty__variable"},[e("code",[t._v(t._s(n.variable))])]),t._v(" "),e("td",{staticClass:"themeProperty__default"},[t._v("\n "+t._s(t.isDefault(n))+"\n ")])])})),0)}),[],!1,null,"48e81794",null).exports},props:{title:{type:String,required:!0},themeProperties:{type:Array,required:!0}},computed:_(_(_({},(0,r.gV)("state",["config"])),(0,r.gV)("preferences",["currentTheme"])),{},{themes:function(){return this.config.themes},displayAllThemes:function(){return"_all"===this.currentTheme.id}})},f=(0,d.c)(v,(function(){var t=this,e=t._self._c;return e("table",{attrs:{id:t.title}},[e("caption",[t._v(t._s(t.title))]),t._v(" "),e("thead",[e("tr",[e("th",{staticClass:"themeProperty__property"},[t._v("\n "+t._s(t._f("localize")("token.property"))+"\n ")]),t._v(" "),t.displayAllThemes?e("th",{staticClass:"themeProperty__theme"},[t._v("\n "+t._s(t._f("localize")("token.theme"))+"\n ")]):t._e(),t._v(" "),e("th",{staticClass:"themeProperty__value"},[t._v("\n "+t._s(t._f("localize")("token.value"))+"\n ")]),t._v(" "),e("th",{staticClass:"themeProperty__visualization"}),t._v(" "),e("th",{staticClass:"themeProperty__variable"},[t._v("\n "+t._s(t._f("localize")("token.variable"))+"\n ")]),t._v(" "),e("th",{staticClass:"themeProperty__default"},[t._v("\n "+t._s(t._f("localize")("token.default"))+"\n ")])])]),t._v(" "),t._l(t.themeProperties,(function(n){return e("ContentThemeProperty",{key:n.name,attrs:{themes:t.themes,"theme-property":n,"current-theme":t.currentTheme,"display-all-themes":t.displayAllThemes}})}))],2)}),[],!1,null,"0e05aaa0",null).exports,m=(0,d.c)({},(function(){return(0,this._self._c)("span",{staticClass:"label"},[this._t("default")],2)}),[],!1,null,"cb9b92c0",null).exports,b=n(2982),y=n(1148),C=n(8912),P=n(828),g=n(1680);function k(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function w(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?k(Object(n),!0).forEach((function(e){(0,i.c)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var O={components:{ContentHeader:c.c,ContentHeading:C.c,ContentLabel:m,ContentTag:b.c,ContentPreview:P.c,ContentCode:g.c},mixins:[y.c,o.c],props:{variant:{type:Object,required:!0},component:{type:Object,required:!0}},data:function(){return{activeSection:null}},computed:w(w(w({},(0,r.gV)("state",["config"])),(0,r.gV)("preferences",["currentTheme"])),{},{parts:function(){return this.displayAllThemes?[]:this.variant.themes[this.currentTheme.id].parts},hasPreview:function(){var t=this;return!this.variant.themeIds||this.displayedThemes.some((function(e){return t.variant.themeIds.includes(e.id)}))},hasCode:function(){return!(!this.variant.raw&&!this.variant.context)},permalinkUrl:function(){var t=window.location,e=(0,a.dasherize)(this.variant.id);return"".concat(t.protocol,"//").concat(t.host).concat(t.pathname,"#").concat(e)},href:function(){return"".concat(window.UIengine.base,"_variants/").concat(this.currentTheme.id,"/").concat(this.variant.id,".html")}}),methods:{tabId:function(t){return"".concat((0,a.dasherize)(this.variant.id),"-").concat(t)},isTabActive:function(t){return this.activeSection===t||!this.activeSection&&("preview"===t&&this.hasPreview||"code"===t&&!this.hasPreview&&this.hasCode)},switchTab:function(t){this.activeSection=t,this.$refs["".concat(t,"-tab")].focus()}}},T=(0,d.c)(O,(function(){var t=this,e=t._self._c;return e("article",{staticClass:"variant",attrs:{id:t._f("dasherize")(t.variant.id)}},[e("ContentHeader",[e("ContentHeading",{attrs:{level:2}},[t._v("\n "+t._s(t.variant.title)+"\n ")]),t._v(" "),t.variant.label?e("ContentLabel",[t._v("\n "+t._s(t.variant.label)+"\n ")]):t._e(),t._v(" "),t._l(t.variant.tags,(function(t){return e("ContentTag",{key:t,attrs:{tag:t}})})),t._v(" "),e("div",{staticClass:"contentheader__right"},[t.hasPreview&&t.hasCode?e("div",{staticClass:"contentheader__options",attrs:{role:"tablist"}},[t._l(t.pluginActions,(function(n){return e("button",{key:n.id,ref:"plugin-action",refInFor:!0,staticClass:"contentheader__action",attrs:{title:n.title,"aria-label":n.title,type:"button"},on:{click:function(e){return e.preventDefault(),t.dispatchPluginEvent("click",n,e)}}},[n.icon?e("AppIcon",{attrs:{symbol:n.icon}}):e("span",[t._v("\n "+t._s(n.title)+"\n ")])],1)})),t._v(" "),t.displayAllThemes?t._e():e("a",{staticClass:"contentheader__action",attrs:{href:t.href,target:t._f("dasherize")(t.variant.id),title:t._f("localize")("options.open_in_window"),"aria-label":t._f("localize")("options.open_in_window"),"data-test-openinwindow-link":""},on:{click:function(t){t.stopPropagation()}}},[e("AppIcon",{attrs:{symbol:"open-in-window"}})],1),t._v(" "),e("a",{staticClass:"permalink contentheader__action",attrs:{href:t.permalinkUrl,"data-clipboard-text":t.permalinkUrl,title:t._f("localize")("options.copy_permalink"),"aria-label":t._f("localize")("options.copy_permalink")},on:{click:function(t){t.preventDefault()}}},[e("AppIcon",{staticClass:"permalink__icon",attrs:{symbol:"link"}})],1),t._v(" "),e("div",{staticClass:"contentheader__buttons"},[e("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","data-test-variant-tab-link":"preview"},on:{click:function(e){e.preventDefault(),t.activeSection="preview"}}},[e("AppIcon",{staticClass:"contentheader__option-icon",attrs:{symbol:"preview"}})],1),t._v(" "),e("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","data-test-variant-tab-link":"code"},on:{click:function(e){e.preventDefault(),t.activeSection="code"}}},[e("AppIcon",{staticClass:"contentheader__option-icon",attrs:{symbol:"code"}})],1),t._v(" "),t._l(t.pluginTabs,(function(n){return e("a",{key:n.id,ref:"plugin-tab",refInFor:!0,staticClass:"contentheader__option",attrs:{id:t.tabId(n.id),"aria-selected":t.isTabActive(n.id),tabindex:!t.isTabActive(n.id)&&"-1","data-test-variant-tab-link":n.id,href:"#",role:"tab"},on:{click:function(e){e.preventDefault(),t.activeSection=n.id}}},[t._v("\n "+t._s(n.title)+"\n ")])}))],2)],2):t._e()])],2),t._v(" "),t.variant.description?e("div",{staticClass:"content",domProps:{innerHTML:t._s(t.variant.description)}}):t._e(),t._v(" "),t.hasPreview||t.hasCode?e("div",{staticClass:"uie-sot-xl"},[t.hasPreview?e("div",{staticClass:"contentsection",attrs:{"aria-labelledby":t.tabId("preview"),hidden:!t.isTabActive("preview"),role:"tabpanel"}},[e("ContentPreview",{ref:"preview",attrs:{id:t._f("dasherize")(t.variant.id),title:t.variant.title,"path-postfix":t.variant.id,"path-prefix":"_variants"}})],1):t._e(),t._v(" "),t.hasCode?e("div",{staticClass:"contentsection",attrs:{"aria-labelledby":t.tabId("code"),hidden:!t.isTabActive("code"),role:"tabpanel"}},[e("ContentCode",{attrs:{extension:t.variant.extension,raw:t.variant.raw,context:t.variant.context,"path-postfix":t.variant.id,"path-prefix":"_variants"}})],1):t._e(),t._v(" "),t._l(t.pluginTabs,(function(n){return e("div",{key:n.id,ref:"plugin-tab-content",refInFor:!0,staticClass:"contentsection content",attrs:{"aria-labelledby":t.tabId(n.id),hidden:!t.isTabActive(n.id),role:"tabpanel"}},[t._v("\n "+t._s(n.id)+"\n ")])}))],2):t._e()],1)}),[],!1,null,"1ea424fa",null).exports;function I(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function A(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?I(Object(n),!0).forEach((function(e){(0,i.c)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var j={components:{ContentHeader:c.c,ContentText:l.c,ContentProperties:p.c,ContentThemeProperties:f,ContentLabel:m,ContentTag:b.c,ComponentVariant:T},mixins:[s.c,o.c],props:{id:{type:String,required:!0}},data:function(){return{activeSection:null}},computed:A(A({},(0,r.gV)("state",["components","config","navigation"])),{},{dependencies:function(){var t=this;return this.component.dependencies.filter((function(e){return t.componentById(e)}))},dependentComponents:function(){var t=this;return this.component.dependentComponents.filter((function(e){return t.componentById(e)}))},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 t=this.component.properties;return t&&Object.keys(t).length>0},hasThemeProperties:function(){var t=this.component.themeProperties;return t&&t.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(t){return Object.values(this.navigation).find((function(e){return"component"===e.type&&e.itemId===t}))},componentById:function(t){return this.components[t]},displayVariant:function(t){return!(t.themeIds&&!t.themeIds.includes(this.currentTheme.id))},tabId:function(t){return"".concat((0,a.dasherize)(this.component.id),"-").concat(t)},switchTab:function(t){this.activeSection=t,this.$refs["".concat(t,"-tab")].focus()}}},x=(0,d.c)(j,(function(){var t=this,e=t._self._c;return e("div",[e("section",{staticClass:"component"},[e("ContentHeader",{attrs:{title:t.component.title}},[t.component.label?e("ContentLabel",[t._v("\n "+t._s(t.component.label)+"\n ")]):t._e(),t._v(" "),t._l(t.component.tags,(function(t){return e("ContentTag",{key:t,attrs:{tag:t}})})),t._v(" "),e("div",{staticClass:"contentheader__right"},[t.fileLink?e("a",{staticClass:"contentheader__action",attrs:{href:t.fileLink,"aria-label":t._f("localize")("options.edit")}},[e("AppIcon",{attrs:{symbol:"edit"}})],1):t._e(),t._v(" "),e("div",{staticClass:"contentheader__options",attrs:{role:"tablist"}},[t.hasInfo?e("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.activeSection="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.switchTab("properties")}}},[t._v("\n "+t._s(t._f("localize")("options.info"))+"\n ")]):t._e(),t._v(" "),t.hasProperties?e("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.activeSection="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.switchTab("info")},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.switchTab("theme-properties")}]}},[t._v("\n "+t._s(t._f("localize")("options.properties"))+"\n ")]):t._e(),t._v(" "),t.hasThemeProperties?e("a",{ref:"theme-properties-tab",staticClass:"contentheader__option",attrs:{id:t.tabId("theme-properties"),"aria-selected":t.isThemePropertiesActive,tabindex:!t.isThemePropertiesActive&&"-1",role:"tab",href:"#theme-properties"},on:{click:function(e){e.preventDefault(),t.activeSection="theme-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.switchTab("properties")}}},[t._v("\n "+t._s(t._f("localize")("options.theme_properties"))+"\n ")]):t._e()])])],2),t._v(" "),t.hasInfo||t.hasProperties||t.hasThemeProperties?e("div",{staticClass:"uie-sot-xxl"},[t.hasInfo?e("div",{staticClass:"contentsection",attrs:{"aria-labelledby":t.tabId("info"),hidden:!t.isInfoActive,role:"tabpanel"}},[e("ContentText",{attrs:{item:t.component}}),t._v(" "),t.hasSecondaryInfo?e("div",{staticClass:"content uie-sot-l"},[t.hasDependencies?[e("p",{staticClass:"content__smallprint"},[t._v("\n "+t._s(t._f("localize")("component.dependencies"))+"\n "),t._l(t.dependencies,(function(n,i){return e("span",{key:n},[t.componentLink(n)?e("RouterLink",{staticClass:"contentsection__list-item",attrs:{to:t.componentLink(n),"active-class":"","exact-active-class":""}},[t._v("\n "+t._s(t.componentById(n).title)+"\n ")]):[t._v("\n "+t._s(t.componentById(n).title)+"\n ")],t._v(" "),e("span",{staticClass:"divider"},[t._v("\n "+t._s(i!=t.dependencies.length-1?",":".")+"\n ")])],2)}))],2)]:t._e(),t._v(" "),t.hasDependentComponents?[e("p",{staticClass:"content__smallprint"},[t._v("\n "+t._s(t._f("localize")("component.dependents"))+"\n "),t._l(t.dependentComponents,(function(n,i){return e("span",{key:n},[t.componentLink(n)?e("RouterLink",{staticClass:"contentsection__list-item",attrs:{to:t.componentLink(n),"active-class":"","exact-active-class":""}},[t._v("\n "+t._s(t.componentById(n).title)+"\n ")]):[t._v("\n "+t._s(t.componentById(n).title)+"\n ")],t._v(" "),e("span",{staticClass:"divider"},[t._v("\n "+t._s(i!=t.dependentComponents.length-1?",":".")+"\n ")])],2)}))],2)]:t._e(),t._v(" "),t.hasManyVariants?[e("div",{staticClass:"in-page-nav"},[e("span",{staticClass:"in-page-nav__heading"},[t._v("On this page")]),t._v(" "),e("ul",{staticClass:"in-page-nav__list"},t._l(t.variants,(function(n){return e("li",{key:n.id},[e("RouterLink",{staticClass:"in-page-nav__link",attrs:{to:{hash:t.dasherize(n.id)},"active-class":"","exact-active-class":""}},[t._v("\n "+t._s(n.title)+"\n ")])],1)})),0)])]:t._e()],2):t._e()],1):t._e(),t._v(" "),t.hasProperties?e("div",{staticClass:"contentsection",attrs:{"aria-labelledby":t.tabId("properties"),hidden:!t.isPropertiesActive,role:"tabpanel"}},[e("div",{staticClass:"content"},t._l(t.component.properties,(function(t,n){return e("ContentProperties",{key:n,attrs:{title:n,properties:t}})})),1)]):t._e(),t._v(" "),t.hasThemeProperties?e("div",{staticClass:"contentsection",attrs:{"aria-labelledby":t.tabId("theme-properties"),hidden:!t.isThemePropertiesActive,role:"tabpanel"}},[e("ContentThemeProperties",{attrs:{title:t._f("localize")("options.theme_properties"),"theme-properties":t.component.themeProperties}})],1):t._e()]):t._e()],1),t._v(" "),e("hr",{staticClass:"sections-divider"}),t._v(" "),t.hasVariants?e("section",{staticClass:"variants"},t._l(t.variants,(function(n){return e("ComponentVariant",{key:n.id,attrs:{variant:n,component:t.component}})})),1):t._e()])}),[],!1,null,"3ac5cfd6",null).exports}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunk_uiengine_ui=self.webpackChunk_uiengine_ui||[]).push([[380],{6724:function(t,e,r){r.r(e),r.d(e,{default:function(){return f}});var n=r(5832),s=r(3348),i=r(5312),c=r(3320);function u(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?u(Object(r),!0).forEach((function(e){(0,n.c)(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):u(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:c.c},props:{query:{type:String,required:!0}},data:function(){return{results:[]}},computed:o(o(o({},(0,i.gV)("state",["navigation"])),(0,i.gV)("preferences",["locale"])),{},{repo:function(){var t=Object.values(this.navigation).filter((function(t){return!t.isStructural}));return new s.c(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(4776).c)(a,(function(){var t=this,e=t._self._c;return e("section",{staticClass:"page"},[e("ContentHeader",{staticClass:"uie-sob-l",attrs:{title:t.title}}),t._v(" "),e("article",{staticClass:"content"},[0===t.results.length?e("p",[t._v("\n "+t._s(t._f("localize")("search.no_results"))+"\n ")]):e("ul",t._l(t.results,(function(r){return e("li",{key:r.id},[e("RouterLink",{attrs:{to:r}},[t._v("\n "+t._s(r.title)+"\n ")]),t._v("\n ("+t._s(t._f("upcaseFirstChar")(r.type))+")\n ")],1)})),0)])],1)}),[],!1,null,null,null).exports}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunk_uiengine_ui=self.webpackChunk_uiengine_ui||[]).push([[300],{8536:function(e,t,r){r.r(t),r.d(t,{default:function(){return u}});var a=r(5832),i=r(5312),s=r(3320),l=r(4692);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.c)(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:s.c},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.gV)("state",["config"])),{},{locale:{get:(0,i.gV)("preferences",["locale"]).locale,set:function(e){this.setLocale(e)}},localeOptions:function(){return Object.keys(l.G).reduce((function(e,t){var r=(l.G[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.gV)("preferences",["previewMode"]).previewMode,set:function(e){this.setPreviewMode(e)}},hljs:{get:(0,i.gV)("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.sR)("preferences",["setLocale","setPreviewMode","setHljs"])),metaInfo:function(){return{title:this.title}}},u=(0,r(4776).c)(c,(function(){var e=this,t=e._self._c;return t("section",{staticClass:"page"},[t("ContentHeader",{staticClass:"uie-sob-l",attrs:{title:e.title}}),e._v(" "),t("article",{staticClass:"content"},[t("div",{staticClass:"row"},[t("label",{staticClass:"uie-select-label",attrs:{for:"locale"}},[e._v("\n "+e._s(e._f("localize")("settings.locale"))+"\n ")]),e._v(" "),t("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(r,a){return t("option",{key:a,domProps:{value:a,selected:e.locale===a}},[e._v("\n "+e._s(r)+"\n ")])})),0)]),e._v(" "),e.hasPreviewModes?t("div",{staticClass:"row"},[t("label",{staticClass:"uie-select-label",attrs:{for:"previewMode"}},[e._v("\n "+e._s(e._f("localize")("settings.preview_mode"))+"\n ")]),e._v(" "),t("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(r,a){return t("option",{key:a,domProps:{value:a,selected:e.previewMode===a}},[e._v("\n "+e._s(r)+"\n ")])})),0)]):e._e(),e._v(" "),t("div",{staticClass:"row"},[t("label",{staticClass:"uie-select-label",attrs:{for:"hljs"}},[e._v("\n "+e._s(e._f("localize")("settings.hljs"))+"\n ")]),e._v(" "),t("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(r){return t("option",{key:r,domProps:{value:r,selected:e.hljs===r}},[e._v("\n "+e._s(e._f("titleize")(r))+"\n ")])})),0)]),e._v(" "),e._m(0)])],1)}),[function(){var e=this,t=e._self._c;return t("pre",{staticClass:"hljs",attrs:{lang:"html"}},[t("span",{staticClass:"hljs-tag"},[e._v("<"),t("span",{staticClass:"hljs-name"},[e._v("label")]),e._v(" "),t("span",{staticClass:"hljs-attr"},[e._v("for")]),e._v("="),t("span",{staticClass:"hljs-string"},[e._v('"name"')]),e._v(">")]),e._v("Name"),t("span",{staticClass:"hljs-tag"},[e._v("</"),t("span",{staticClass:"hljs-name"},[e._v("label")]),e._v(">")])])}],!1,null,"6fc520fe",null).exports}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunk_uiengine_ui=self.webpackChunk_uiengine_ui||[]).push([[108],{5104:function(e,t,r){r.r(t),r.d(t,{default:function(){return l}});var n=r(5832),i=r(5312),s=r(3320),c=r(7376),a=r(2982),o=r(5056);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.c)(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.c,ContentText:c.c,ContentTag:a.c},mixins:[o.c],props:{id:{type:String,required:!0}},computed:f(f(f({},(0,i.gV)("state",["config","pages"])),(0,i.gV)("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(4776).c)(p,(function(){var e=this,t=e._self._c;return t("div",[t("section",{staticClass:"page"},[t("ContentHeader",{attrs:{title:e.page.title}},e._l(e.page.tags,(function(e){return t("ContentTag",{key:e,staticClass:"uie-sob-m",attrs:{tag:e}})})),1),e._v(" "),t("ContentText",{staticClass:"uie-sot-xs uie-sob-xxxl",attrs:{item:e.page}})],1),e._v(" "),t("hr",{staticClass:"sections-divider"}),e._v(" "),t("iframe",{ref:"iframe",attrs:{src:e.iframeSrc,title:e.page.title,frameborder:"0",scrolling:"no","data-test-tokens-iframe":""}})])}),[],!1,null,"06a66f48",null).exports}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunk_uiengine_ui=self.webpackChunk_uiengine_ui||[]).push([[480],{6476:function(){}},function(n){var u;u=6476,n(n.s=u)}]);
@@ -1 +0,0 @@
1
- (self.webpackChunk_uiengine_ui=self.webpackChunk_uiengine_ui||[]).push([[590],{1184:function(t){t.exports=function(t,e,n){var r=e.split(".").reduce((function(t,e){return t&&t[e]}),t);return r&&n?r.replace(/%\{(.+?)\}/g,(function(t,r){var i=n[r];return i||(console.warn("[UIengine]",'Missing interpolation "'.concat(r,'" for key "').concat(e,'"!')),"[".concat(r,"]"))})):r||(console.warn("[UIengine]",'Missing localization for key "'.concat(e,'"!')),"[".concat(e,"]"))}},5816:function(t,e,n){"use strict";var r=n(4155),i=n(3896),o=n(7720),a=n.n(o),s=n(4352),c=n.n(s),l=n(1776),u=n(5832),p=n(5312);function f(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function d(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?f(Object(n),!0).forEach((function(e){(0,u.c)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var g={mixins:[n(572).c],data:function(){return{query:"",isThemesActive:!1}},computed:d(d({},(0,p.gV)("state",["navigation"])),(0,p.gV)("preferences",["locale","navigationCollapsed","searchCollapsed"])),created:function(){var t=this;this.$root.$on("modal-close",(function(){t.isThemesActive=!1}))},methods:d(d({},(0,p.sR)("preferences",["setNavigationCollapsed","setSearchCollapsed","setCurrentTheme"])),{},{search:function(){var t=this.query.trim();t.length&&this.$router.push({name:"search",params:{query:t}})},setCurrentThemeAll:function(){this.setCurrentTheme({id:"_all",title:this.$options.filters.localize("options.all_themes")})},toggleSearch:function(){var t=this;this.setSearchCollapsed(!this.searchCollapsed),this.searchCollapsed||window.requestAnimationFrame((function(){t.$refs.searchfield.focus()}))}})},v=n(4776),h=(0,v.c)(g,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"topbar"},[e("button",{staticClass:"topbar__toggle topbar__toggle--menu",attrs:{title:t._f("localize")("navigation.toggle"),"aria-expanded":t._f("bool2string")(!t.navigationCollapsed),type:"button","aria-controls":"navigation-root","data-test-navtoggle":""},on:{click:function(e){return e.preventDefault(),t.setNavigationCollapsed(!t.navigationCollapsed)}}},[e("AppIcon",{staticClass:"topbar__icon",attrs:{symbol:"burger"}})],1),t._v(" "),e("form",{staticClass:"topbar__search",class:{"topbar__search--collapsed":t.searchCollapsed},on:{submit:function(e){return e.preventDefault(),t.search.apply(null,arguments)}}},[e("input",{directives:[{name:"model",rawName:"v-model",value:t.query,expression:"query"}],ref:"searchfield",staticClass:"topbar__searchfield",attrs:{type:"search",placeholder:"Search",name:"query","aria-label":t._f("localize")("search.label"),"data-test-searchfield":""},domProps:{value:t.query},on:{input:function(e){e.target.composing||(t.query=e.target.value)}}})]),t._v(" "),t.themes&&t.themes.length>1?e("div",{staticClass:"topbar__theme",attrs:{"data-test-theme-switch":""}},[e("button",{staticClass:"topbar__theme-toggle",attrs:{title:t._f("localize")("options.toggle"),"aria-expanded":t._f("bool2string")(t.isThemesActive),type:"button","data-test-theme-switch-current":""},on:{click:function(e){e.stopPropagation(),t.isThemesActive=!t.isThemesActive}}},[t._v("\n "+t._s(t.currentTheme.title)+"\n\n "),e("AppIcon",{staticClass:"topbar__theme-toggle-icon",attrs:{symbol:"caret-down"}})],1),t._v(" "),e("div",{staticClass:"topbar__theme-options",class:{"topbar__theme-options--active":t.isThemesActive}},[e("div",{staticClass:"topbar__theme-options-inner"},[t._l(t.themes,(function(n){return e("button",{key:n.id,staticClass:"topbar__theme-option",attrs:{type:"button","aria-selected":t.currentTheme.id===n.id,"data-test-theme-switch-id":n.id},on:{click:function(e){return t.setCurrentTheme(n)}}},[t._v("\n "+t._s(n.title)+"\n ")])})),t._v(" "),e("button",{staticClass:"topbar__theme-option topbar__theme-option--all",attrs:{type:"button","aria-selected":t.displayAllThemes,"data-test-theme-switch-all":""},on:{click:function(e){return t.setCurrentThemeAll()}}},[t._v("\n "+t._s(t._f("localize")("options.all_themes"))+"\n ")])],2)])]):t._e(),t._v(" "),e("button",{staticClass:"topbar__toggle topbar__toggle--search",attrs:{title:t._f("localize")("search.toggle"),type:"button"},on:{click:function(e){return e.preventDefault(),t.toggleSearch.apply(null,arguments)}}},[e("AppIcon",{staticClass:"topbar__icon",attrs:{symbol:"search"}})],1)])}),[],!1,null,"0778ce28",null),m=h.exports;function _(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function b(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_(Object(n),!0).forEach((function(e){(0,u.c)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var y={computed:b(b({},(0,p.gV)("state",["config","navigation"])),(0,p.gV)("preferences",["locale","navigationCollapsed"]))},O=(0,v.c)(y,(function(){var t=this,e=t._self._c;return t.navigation?e("nav",{staticClass:"navigation",attrs:{id:"navigation",hidden:t.navigationCollapsed,"data-test-navigation":""}},[e("RouterLink",{staticClass:"navigation__project-details",attrs:{to:t.navigation.index,"active-class":"","exact-active-class":""}},[t.config.logo?e("img",{staticClass:"navigation__project-logo",attrs:{src:t.config.logo}}):t._e(),t._v(" "),e("h1",{staticClass:"navigation__project-name"},[t._v("\n "+t._s(t.config.name)+"\n ")])]),t._v(" "),t.navigation.index.childIds?e("AppNavigationTree",{attrs:{id:"navigation-root",items:t.navigation.index.childIds,navigation:t.navigation,level:0}}):t._e()],1):t._e()}),[],!1,null,"6937a9e1",null).exports;function C(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function w(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?C(Object(n),!0).forEach((function(e){(0,u.c)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var j={computed:w(w(w({},(0,p.gV)("state",["config","navigation"])),(0,p.gV)("preferences",["locale"])),{},{lastUpdate:function(){return new Date(this.config.update).toLocaleString(this.locale)},navItem:function(){var t=this.$route.meta.navItemId;return this.navigation[t]},prevPage:function(){return this.findPrevPage(this.$route.meta.navItemId,!0)},nextPage:function(){return this.findNextPage(this.$route.meta.navItemId,!0)}}),methods:{findPrevPage:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];if(t){var r=this.navigation[t];if(r){var i=r.childIds,o=r.prevSiblingId,a=r.parentId;return!n&&i?this.findPrevPage(i[i.length-1],!1,!1):e||r.isStructural?o?this.findPrevPage(o,!1,!1):a?this.findPrevPage(a,!1,!0):void 0:r}}},findNextPage:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(t){var r=this.navigation[t];if(r){var i=r.childIds,o=r.nextSiblingId,a=r.parentId;return e||r.isStructural?!n&&i?this.findNextPage(i[0]):o?this.findNextPage(o):a?this.findNextPage(a,!0,!0):void 0:r}}}}},P=j,I=n(8722),k=n.n(I),T=(0,v.c)(P,(function(){var t=this,e=t._self._c;return e("footer",{staticClass:"footer"},[t.prevPage||t.nextPage?e("p",{staticClass:"footer__nav"},[t.prevPage?e("RouterLink",{staticClass:"footer__prevlink",attrs:{to:t.prevPage,"data-test-footer-prevlink":""}},[e("AppIcon",{attrs:{symbol:"caret-left"}}),t._v("\n "+t._s(t.prevPage.title)+"\n ")],1):t._e(),t._v(" "),t.nextPage?e("RouterLink",{staticClass:"footer__nextlink",attrs:{to:t.nextPage,"data-test-footer-nextlink":""}},[t._v("\n "+t._s(t.nextPage.title)+"\n "),e("AppIcon",{attrs:{symbol:"caret-right"}})],1):t._e()],1):t._e(),t._v(" "),e("div",[t.config.copyright?e("p",{staticClass:"footer__copyright",attrs:{"data-test-footer-copyright":""},domProps:{innerHTML:t._s(t.config.copyright)}}):t._e(),t._v(" "),t.config.version?e("p",{staticClass:"footer__version",attrs:{"data-test-footer-version":""}},[t._v("\n "+t._s(t._f("localize")("footer.version"))+" "+t._s(t.config.version)+" –\n "+t._s(t._f("localize")("footer.last_update"))+" "+t._s(t.lastUpdate)+".\n ")]):t._e()])])}),[],!1,null,"cdcd25a2",null);"function"==typeof k()&&k()(T);var x=T.exports,A={computed:(0,p.gV)("state",["navigation"]),metaInfo:function(){var t=this.$route.meta,e=t.navItemId,n=t.navItemTitle,r=this.navigation[e];return{title:r?r.title:n}}},S=(0,v.c)(A,(function(){var t=this._self._c;return t("main",{staticClass:"main"},[t("RouterView")],1)}),[],!1,null,null,null).exports;function D(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function N(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?D(Object(n),!0).forEach((function(e){(0,u.c)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var q=document.documentElement,M=document.getElementById("hljs"),$=M.getAttribute("data-tmpl"),E={components:{AppTopbar:m,AppNavigation:O,AppFooter:x,AppMain:S},computed:N(N({},(0,p.gV)("preferences",["currentTheme"])),{},{themeId:function(){return this.currentTheme&&this.currentTheme.id}}),created:function(){var t=this;this.$root.$on("setting-hljs",this.setHljs),this.$store.watch((function(){return t.$store.getters["preferences/currentTheme"]}),this.setCurrentTheme);var e=this.$store.getters["preferences/hljs"];e&&this.setHljs(e),this.setCurrentTheme(this.currentTheme)},methods:{closeModals:function(){this.$root.$emit("modal-close")},setHljs:function(t){M.setAttribute("href",$.replace("%s",t))},setCurrentTheme:function(t){q.setAttribute("data-theme",t.id)}},metaInfo:function(){var t=this.$store.getters["state/config"],e=t?t.name:"";return t&&t.version&&(e+=" (".concat(t.version,")")),{titleTemplate:function(t){return t?"".concat(t," • ").concat(e):e}}}},z=(0,v.c)(E,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"layout",attrs:{id:"app"},on:{click:t.closeModals}},[e("AppTopbar"),t._v(" "),e("AppNavigation"),t._v(" "),e("AppMain"),t._v(" "),e("AppFooter")],1)}),[],!1,null,null,null).exports,U=n(8740),F=n(4684),L=n(7040);r.cp.use(U.cp);var V=function(t){if("documentation"===t)return F.default;var e=(0,L.upcaseFirstChar)(t);return function(){return n(192)("./Main"+e)}},H=window.UIengine.state.config.ui,R=H.base,B=H.mode,K=new U.cp({mode:B||"history",base:R||"/",scrollBehavior:function(t,e,n){return t.hash?{selector:t.hash}:n||{x:0,y:0}},routes:[{name:"search",path:"/_search/:query",props:!0,component:V("search"),meta:{navItemId:"_search"}},{name:"settings",path:"/_settings/",component:V("settings"),meta:{navItemId:"_settings"}},{path:"*",component:V("notFound")}]}),W=K,G=function(t){var e=Object.keys(t).map((function(e){var n=t[e];return{path:n.path,component:V(n.type),meta:{navItemId:n.id,navItemTitle:n.title},props:{id:n.itemId}}}));K.addRoutes(e)};G(window.UIengine.state.navigation);var J=function(t){var e,n,r=t.navigation;return n="Settings",r[e="settings"]={id:e,itemId:e,parentId:"index",path:"/_".concat(e,"/"),type:e,localizedTitleKey:"".concat(e,".title"),title:n},r.index.childIds.push(e),t},Q={setState:function(t,e){for(var n in e=J(e))t[n]=e[n];var r=e.navigation;r&&G(r)}},X={namespaced:!0,state:J(window.UIengine.state),getters:{pages:function(t){return t.pages},config:function(t){return t.config},plugins:function(t){return t.plugins},components:function(t){return t.components},navigation:function(t){return t.navigation}},mutations:Q,actions:{}},Y=n(7204),Z=window.UIengine.state.config,tt=Z.ui,et=Z.themes,nt={hljs:document.getElementById("hljs").getAttribute("data-default"),locale:document.documentElement.getAttribute("lang"),currentTheme:et&&et[0],navigationCollapsed:!1,navigationItemsCollapsed:{},searchCollapsed:!0,previewWidths:{},previewMode:tt&&tt.defaultPreviewMode||"breakpoints"},rt=Object.keys(nt).reduce((function(t,e){var n=nt[e];return t[e]=function(t,e){var n=window.sessionStorage.getItem("uiengine/".concat(t));return n?JSON.parse(n):e}(e,n),t}),{}),it=Object.keys(nt).reduce((function(t,e){return t[e]=function(t){return t[e]},t}),{}),ot=Object.keys(nt).reduce((function(t,e){var n=(0,L.upcaseFirstChar)(e);return t["set".concat(n)]=function(t,n){!function(t,e){e||"boolean"==typeof e?window.sessionStorage.setItem("uiengine/".concat(t),JSON.stringify(e)):window.sessionStorage.removeItem("uiengine/".concat(t))}(e,n),t[e]=function(t){return"object"===(0,Y.c)(t)?t instanceof Array?t:Object.assign({},t):t}(n)},t}),{}),at={namespaced:!0,state:rt,getters:it,mutations:ot,actions:{}};r.cp.use(p.cp);var st={state:X,preferences:at},ct=new p.cp.Store({modules:st}),lt=n(1184),ut=n.n(lt),pt=n(4692);r.cp.filter("dasherize",L.dasherize),r.cp.filter("upcaseFirstChar",L.upcaseFirstChar),r.cp.filter("titleize",L.titleize),r.cp.filter("bool2string",(function(t){return t?"true":"false"})),r.cp.filter("localize",(function(t,e){var n=ct.getters["preferences/locale"],r=pt.G[n];return ut()(r,t,e)}));var ft={props:{title:{type:String,default:""},symbol:{type:String,required:!0}},computed:{symbolHref:function(){return"#".concat(this.symbol)}}},dt=(0,v.c)(ft,(function(){var t=this,e=t._self._c;return e("svg",{staticClass:"icon",attrs:{title:t.title,role:"presentation","aria-hidden":"true",focusable:"false"}},[e("use",{attrs:{"xlink:href":t.symbolHref}})])}),[],!1,null,"498522e7",null).exports,gt={props:{navigation:{type:Object,required:!0},items:{type:Array,required:!0},level:{type:Number,required:!0}},computed:{levelClass:function(){return"navigation__tree--level-".concat(this.level)},navigationItems:function(){var t=this;return this.items.filter((function(e){return void 0!==t.navigation[e]}))}}},vt=(0,v.c)(gt,(function(){var t=this,e=t._self._c;return e("ul",{staticClass:"navigation__tree",class:t.levelClass},[t._l(t.navigationItems,(function(n){return e("AppNavigationItem",{key:n,attrs:{navigation:t.navigation,item:t.navigation[n],level:t.level}})})),t._v(" "),t._t("default")],2)}),[],!1,null,"e330ca40",null).exports;function ht(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mt(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ht(Object(n),!0).forEach((function(e){(0,u.c)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ht(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var _t={props:{navigation:{type:Object,required:!0},item:{type:Object,required:!0},level:{type:Number,required:!0}},computed:mt(mt({},(0,p.gV)("preferences",["navigationItemsCollapsed"])),{},{children:function(){return this.item.childIds},isCurrentPage:function(){return this.$route.path===this.item.path},isCollapsed:function(){return void 0!==this.navigationItemsCollapsed[this.item.id]?this.navigationItemsCollapsed[this.item.id]:this.item.collapsed||!1},title:function(){var t=this.item,e=t.title,n=t.localizedTitleKey;return n?this.$options.filters.localize(n):e},classes:function(){var t=["navigation__item--level-".concat(this.level)];return this.children&&t.push("navigation__item--children"),this.isCollapsed&&t.push("navigation__item--collapsed"),this.isCurrentPage&&t.push("navigation__item--current"),t}}),methods:mt(mt({},(0,p.sR)("preferences",["setNavigationItemsCollapsed"])),{},{setCollapsed:function(t){var e=this.navigationItemsCollapsed;e[this.item.id]=t,this.setNavigationItemsCollapsed(e),t||this.$refs.children.$el.querySelector("a.navigation__link").focus()}})},bt=(0,v.c)(_t,(function(){var t=this,e=t._self._c;return e("li",{staticClass:"navigation__item",class:t.classes,attrs:{"data-test-navitem-id":t.item.id}},[t.item.isStructural?e("span",{staticClass:"navigation__link"},[t._v("\n "+t._s(t.title)+"\n ")]):e("RouterLink",{staticClass:"navigation__link",attrs:{to:t.item}},[t._v("\n "+t._s(t.title)+"\n ")]),t._v(" "),t.children?e("button",{staticClass:"navigation__itemtoggle",attrs:{"aria-expanded":t._f("bool2string")(!t.isCollapsed),title:t._f("localize")("navigation.toggle"),type:"button","aria-haspopup":"true"},on:{click:function(e){return e.preventDefault(),t.setCollapsed(!t.isCollapsed)}}},[e("AppIcon",{staticClass:"navigation__icon",attrs:{symbol:"caret-down"}})],1):t._e(),t._v(" "),t.children?e("AppNavigationTree",{ref:"children",attrs:{navigation:t.navigation,items:t.children,level:t.level+1,"data-test-navtree-id":t.item.id}}):t._e()],1)}),[],!1,null,"0325e07b",null).exports,yt=n(9351);r.cp.component("AppIcon",dt),r.cp.component("AppNavigationTree",vt),r.cp.component("AppNavigationItem",bt),r.cp.component("ContentProperty",yt.c);var Ot=(window.UIengine.state.config.ui||{}).analyticsId;if(n.p=window.UIengine.base,r.cp.config.productionTip=!1,r.cp.use(i.c),Ot&&r.cp.use(a(),{id:Ot,router:W,autoTracking:{exception:!0,exceptionLogs:!1},debug:{sendHitTask:!0}}),new r.cp({el:"#app",router:W,store:ct,components:{App:z},mounted:function(){this.$nextTick((function(){(0,l.c)({observeChanges:!0,observeRootSelector:"main.main"})}))},template:"<App/>"}),new(c())("[data-clipboard-text]").on("error",(function(t){console.error("[UIengine]","Clipboard error:",t)})),document.getElementById("__bs_script__")){var Ct=0;!function t(){var e=(window.___browserSync___||{}).socket;e?(e.on("uiengine:state:update",(function(t){ct.commit("state/setState",t)})),console.debug("[UIengine]","Connection to browser-sync socket established.")):Ct<=10?(setTimeout(t,100),Ct++):console.warn("[UIengine]","Could not connect to browser-sync socket.")}()}},1672:function(t,e){"use strict";e.c={methods:{findFileLink:function(t){var e=!!window.___browserSync___,n=t.readmeFile,r=t.sourceFile,i=t.sourcePath,o=n||r||i;if(e){var a=this.config.source.base;return"vscode://file/".concat(a,"/").concat(o)}var s=this.config.ui.repoBaseUrl;return s?"".concat(s).concat(o):null}}}},572:function(t,e,n){"use strict";var r=n(5832),i=n(5312);function o(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function a(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?o(Object(n),!0).forEach((function(e){(0,r.c)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}e.c={computed:a(a(a({},(0,i.gV)("state",["config"])),(0,i.gV)("preferences",["currentTheme"])),{},{displayAllThemes:function(){return"_all"===this.currentTheme.id},displayedThemes:function(){return this.displayAllThemes?this.themes:[this.currentTheme]},themes:function(){return this.config.themes}})}},4692:function(t,e,n){"use strict";n.d(e,{G:function(){return l}});var r=n(1428),i=n.n(r),o=window.UIengine,a=o.state.config.ui,s=o.locales,c=a&&a.locales?a.locales:{},l=i()(s,c)},3320:function(t,e,n){"use strict";n.d(e,{c:function(){return i}});var r={components:{ContentHeading:n(8912).c},props:{title:{type:String,default:null},level:{type:Number,default:1}}},i=(0,n(4776).c)(r,(function(){var t=this,e=t._self._c;return e("header",{staticClass:"contentheader"},[t.title?e("ContentHeading",[t._v("\n "+t._s(t.title)+"\n ")]):t._e(),t._v(" "),t._t("default")],2)}),[],!1,null,"2c89ecfc",null).exports},8912:function(t,e,n){"use strict";n.d(e,{c:function(){return i}});var r={props:{level:{type:Number,default:1}},render:function(t){return t("h".concat(this.level),{class:"contentheader__title"},this.$slots.default)}},i=(0,n(4776).c)(r,undefined,undefined,!1,null,null,null).exports},9351:function(t,e,n){"use strict";n.d(e,{c:function(){return i}});var r={props:{id:{type:String,required:!0},property:{type:Object,required:!0},displayDescription:{type:Boolean,required:!0}},computed:{propertyType:function(){var t=this.property,e=t.value,n=t.type;return["Array","Object"].includes(n)&&e?"".concat(this.property.type,"[").concat(e.type||e,"]"):this.property.type},description:function(){return this.property.description},required:function(){return this.property.required?"*":""},defaultValue:function(){return this.property.default}}},i=(0,n(4776).c)(r,(function(){var t=this,e=t._self._c;return e("tr",[e("td",{staticClass:"property__name"},[t._v("\n "+t._s(t.id)+"\n ")]),t._v(" "),e("td",{staticClass:"property__type"},[t._v("\n "+t._s(t.propertyType)+"\n ")]),t._v(" "),t.displayDescription?e("td",{staticClass:"property__description"},[t._v("\n "+t._s(t.description)+"\n ")]):t._e(),t._v(" "),e("td",{staticClass:"property__required"},[t._v("\n "+t._s(t.required)+"\n ")]),t._v(" "),e("td",{staticClass:"property__default"},[t._v("\n "+t._s(t.defaultValue)+"\n ")])])}),[],!1,null,"d4d827e4",null).exports},2982:function(t,e,n){"use strict";n.d(e,{c:function(){return i}});var r={props:{tag:{type:String,required:!0}},computed:{target:function(){return{name:"search",params:{query:this.tag}}}}},i=(0,n(4776).c)(r,(function(){var t=this;return(0,t._self._c)("RouterLink",{staticClass:"tag",attrs:{to:t.target}},[t._v("\n "+t._s(t.tag)+"\n")])}),[],!1,null,"372e3e56",null).exports},7376:function(t,e,n){"use strict";n.d(e,{c:function(){return o}});var r=/^<h1.*?>.*<\/h1>/,i={props:{item:{type:Object,default:null}},computed:{renderedContent:function(){var t=this.item,e=t.content,n=t.isTitleFromHeading;return e?n?e.replace(r,"").trim():e:null}},methods:{handleLinkClicks:function(t){for(var e=t.target;e&&"A"!==e.tagName;)e=e.parentNode;if(e&&e.matches(".content a:not([href*='://'])")&&e.href){var n=t.altKey,r=t.ctrlKey,i=t.metaKey,o=t.shiftKey,a=t.button,s=t.defaultPrevented;if(i||n||r||o)return;if(s)return;if(void 0!==a&&0!==a)return;if(e&&e.getAttribute){var c=e.getAttribute("target");if(/\b_blank\b/i.test(c))return}var l=window.UIengine.state.config.ui.base,u=new RegExp("^".concat(l)),p=new URL(e.href).pathname,f=window.location.pathname,d=p.replace(u,"/"),g=f.replace(u,"/");void 0!==this.$router.resolve(d).resolved.meta.navItemId&&!(g===d)&&t.preventDefault&&(t.preventDefault(),this.$router.push(d))}}}},o=(0,n(4776).c)(i,(function(){var t=this,e=t._self._c;return t.item.content?e("article",{staticClass:"content",domProps:{innerHTML:t._s(t.renderedContent)},on:{click:t.handleLinkClicks}}):t._e()}),[],!1,null,null,null).exports},4684:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return f}});var r=n(5832),i=n(5312),o=n(1672),a=n(3320),s=n(7376),c=n(2982);function l(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function u(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?l(Object(n),!0).forEach((function(e){(0,r.c)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var p={components:{ContentHeader:a.c,ContentText:s.c,ContentTag:c.c},mixins:[o.c],props:{id:{type:String,required:!0}},computed:u(u({},(0,i.gV)("state",["pages","config"])),{},{page:function(){return this.pages[this.id]},fileLink:function(){return this.findFileLink(this.page)}})},f=(0,n(4776).c)(p,(function(){var t=this,e=t._self._c;return e("section",{staticClass:"page"},[e("ContentHeader",{attrs:{title:t.page.title}},[t._l(t.page.tags,(function(t){return e("ContentTag",{key:t,staticClass:"uie-sob-m",attrs:{tag:t}})})),t._v(" "),t.fileLink?e("div",{staticClass:"contentheader__options"},[e("a",{staticClass:"contentheader__action",attrs:{href:t.fileLink,"aria-label":t._f("localize")("options.edit")}},[e("AppIcon",{attrs:{symbol:"pencil"}})],1)]):t._e()],2),t._v(" "),e("ContentText",{attrs:{item:t.page}})],1)}),[],!1,null,null,null).exports},8722:function(){},192:function(t,e,n){var r={"./MainComponent":[8256,848,928,56,712,972],"./MainComponent.vue":[8256,848,928,56,712,972],"./MainDocumentation":[4684],"./MainDocumentation.vue":[4684],"./MainNotFound":[4740,900],"./MainNotFound.vue":[4740,900],"./MainSearch":[6724,848,380],"./MainSearch.vue":[6724,848,380],"./MainSettings":[8536,300],"./MainSettings.vue":[8536,300],"./MainTemplate":[5780,848,928,56,712,840],"./MainTemplate.vue":[5780,848,928,56,712,840],"./MainTokens":[5104,848,56,108],"./MainTokens.vue":[5104,848,56,108]};function i(t){if(!n.o(r,t))return Promise.resolve().then((function(){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}));var e=r[t],i=e[0];return Promise.all(e.slice(1).map(n.e)).then((function(){return n(i)}))}i.keys=function(){return Object.keys(r)},i.id=192,t.exports=i},7040:function(t,e,n){const r=n(2604),i=/^<h1.*?>(.*?)<\/h1>/;t.exports={crossPlatformPath:t=>t.replace(/\\/g,"/"),dasherize:t=>String(t).replace(/\W+/gi,"-"),titleize:t=>t.split(/\W+/gi).map((t=>t.charAt(0).toUpperCase()+t.slice(1))).join(" "),upcaseFirstChar:t=>t.charAt(0).toUpperCase()+t.slice(1),lowercaseFirstChar:t=>t.charAt(0).toLowerCase()+t.slice(1),hasContent:t=>!!t&&t.replace(i,"").trim().length>0,replaceTemplateComments:(t,e)=>Object.keys(e).reduce(((t,n)=>{const r=new RegExp(`\x3c!--\\s?uiengine:${n}\\s?--\x3e`,"gi"),i=e[n];return t.replace(r,i||"")}),t),titleFromContentHeading:t=>{const[,e]=t&&t.match(i)||[];return e&&r(e,"all")}}}},function(t){t.O(0,[590],(function(){[848,928,56,712,972,900,380,300,840,108].map(t.E)}),5);t.O(0,[848,504],(function(){return e=5816,t(t.s=e);var e}));t.O()}]);