From 068d8d8b27d51d942fd380305d98b643a6c124be Mon Sep 17 00:00:00 2001 From: Dziad Borowy Date: Fri, 14 Jul 2023 08:48:10 +0100 Subject: [PATCH] fix #61: checkbox style on narrow screen --- docs/docs.css | 477 +- docs/docs.css.map | 1 + docs/docs.js | 58924 +++++++++++++++++++++++++++++- docs/docs.js.map | 7 + docs/index.html | 2 +- docs/ui.css | 2076 +- docs/ui.css.map | 1 + src/input/checkbox/Checkbox.css | 1 + 8 files changed, 61171 insertions(+), 318 deletions(-) create mode 100644 docs/docs.css.map create mode 100644 docs/docs.js.map create mode 100644 docs/ui.css.map diff --git a/docs/docs.css b/docs/docs.css index f1d766e0..c4006cb7 100644 --- a/docs/docs.css +++ b/docs/docs.css @@ -1 +1,476 @@ -.api-table{height:unset;overflow-y:visible;overflow-x:auto;overscroll-behavior-y:unset}.api-table .table{table-layout:fixed;min-width:900px}.api-table tr td{vertical-align:top}.api-table tr td:first-child,.api-table tr th:first-child{width:200px}.api-table tr td:nth-child(2),.api-table tr th:nth-child(2){width:200px}body,html{box-sizing:border-box;touch-action:none;height:100%;width:100%;margin:0;font:350 102% "Helvetica Neue",Helvetica,Arial,sans-serif;background-color:var(--ui-color-background);color:var(--ui-color-text)}body *{box-sizing:inherit}#app{width:100%;height:100%;display:flex;flex-flow:row}a{color:inherit}a:hover{text-decoration-color:var(--ui-color-accent);text-decoration-thickness:2px;text-underline-offset:.3rem}main{flex:1;padding:2rem 2rem 10rem;height:100%;overflow-y:auto}h1,h2,h3{font-weight:500;margin:2rem 0 1.2rem;width:100%}h1:first-child,h2:first-child,h3:first-of-type{margin-top:0}p,ul{line-height:1.7;margin-block:1.5rem;max-width:120ch}p b{font-weight:700;letter-spacing:.5px}em{color:var(--ui-color-accent);font-style:normal}hr{width:100%;height:0;border:0;border-top:1px solid var(--ui-color-border-dark-2);margin:3em 0 2em}.docs-layout{display:flex;flex-flow:row;align-items:stretch;justify-content:space-between;gap:20px}.docs-column{padding-block:1em;width:50%;flex-shrink:0;flex-grow:0}.docs-column:last-of-type{padding-left:1em;border-left:1px solid var(--ui-color-border-dark-2)}.docs-column pre{line-height:1.6}.docs-overflow-box{background-color:var(--ui-color-background-light-1);padding:1em;overflow:hidden;z-index:1;position:relative}.docs-buttons-row{display:flex;flex-flow:wrap row;justify-content:flex-start;gap:.5rem;flex-shrink:0}code,main pre[class]{background-color:#1a1a1a;border-radius:var(--ui-border-radius-s);font-size:.9rem}code{display:block;width:100%;padding:1em;margin-block:1em;line-height:2;white-space:pre;overflow:auto}code[class*=language-]{padding:0;margin:0}aside{padding:0 1rem 1rem;border-right:1px solid var(--ui-color-border-dark-2);height:100%;overflow-y:auto;background:var(--ui-color-background)}menu{width:100%;display:flex;flex-flow:column;padding:1rem 0 0;margin:0 0 2rem}menu h3{margin:0 -1rem;padding:.5rem 1rem;white-space:nowrap}menu h3:not(:first-child){margin-top:1rem}menu a{color:var(--ui-color-text);text-decoration:none;display:block;margin:.1rem 0;padding:.5rem 1.4rem;border-radius:var(--ui-border-radius-s);white-space:nowrap}menu a:hover{background-color:var(--ui-color-highlight-dark-2)}menu a.active{background-color:var(--ui-color-highlight)}.nav-toolbar{position:sticky;top:0;margin:0 -1rem;padding:.5rem 1rem;border-bottom:1px solid var(--ui-color-background-dark-2);background:var(--ui-color-background-semi);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;flex-flow:column;align-items:stretch;flex-wrap:wrap}.nav-toolbar-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-block:.3rem}.nav-toolbar-row input[type=number]{height:1.5rem;width:51px;text-align:center;padding:0 .1rem 0 .3rem;border-radius:20px;border:1px solid var(--ui-color-text-dark-2)}.nav-toolbar .toggle{--toggle-width:45px}.nav-toggler{--ui-button-size:1.1em;position:absolute;left:0;top:0;z-index:99;transition:left .2s ease-out;display:none;background-color:var(--ui-color-background-dark-2);border-radius:0 15px 15px 0;height:48px;padding-right:0!important;padding-left:0!important;box-shadow:2px 1px 5px #0009}.nav-toggler.visible{left:230px}@media (1px <= width <= 700px){.mobile-show{margin-left:0}.nav-toggler{display:flex}aside{width:230px;margin-left:-230px;transition:margin .2s ease-out;position:absolute;z-index:9;box-shadow:2px 1px 10px #0006}main{padding-top:5em}.main-header{margin-top:-5em}}.main-header{height:30vw;max-height:300px;display:flex;align-items:center;justify-content:center;gap:2.4vw;margin:-2rem 0 2rem;padding:2rem 0;overflow:hidden}.logo{width:14vw;height:14vw;max-width:180px;max-height:180px;opacity:.9;filter:drop-shadow(0 1px 2px #0009)}.logotype{font-size:clamp(32px,5vw,72px);font-weight:100;margin:0;display:flex;flex-flow:row;white-space:nowrap;filter:drop-shadow(0 1px 2px #0009);gap:.2rem;line-height:1}.logotype em{font-weight:500}.logotype sub{font-size:1rem;color:var(--ui-color-text-semi);margin:-1rem 0 0 -4.4rem;width:4rem;text-align:right}h2{display:flex;align-items:center;gap:.5em;font-weight:400}h2 em{color:var(--ui-color-text-semi);font-size:.8em}li code{display:inline;padding:0;margin:0;background:0 0;color:var(--ui-color-accent);font:inherit;white-space:break-spaces}.button-demo-props{display:flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;gap:.5rem;width:clamp(300px,50vw,600px)}.button-demo-props .input-text{display:flex;flex-flow:row;width:100%}.button-demo-props .input-text .label{width:8rem}.button-demo-props .input-text .input-text-inner{flex:1}.button-toggle-wrapper-wide{width:400px}.button-toggle-wrapper-wide .button-toggle{width:100%}.group{background:#333;padding:6px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:6px;border-radius:var(--ui-border-radius-m)}.theme-dark .group{background:#ccc}.palette-box{padding:10px 0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(var(--ui-border-radius-m) - 3px);background-color:var(--ui-color-background-dark-2)}.icons{margin-bottom:2em}.icon-block{float:left;width:128px;height:128px;margin:0 1em 1em 0;display:flex;flex-flow:column;align-items:stretch;justify-content:stretch;background-color:var(--ui-color-background-semi);padding:0 10px 10px;border-radius:5px;border:1px solid var(--ui-color-border)}.icon-block-icon{flex:1;display:flex;align-items:center;justify-content:center}.icon-block-icon svg{width:32px;height:32px}.icon-block-name{height:20px;text-align:center;overflow-wrap:break-word;font-size:.9em}.div{border:1px dashed red;height:100px;width:200px;display:inline-grid;place-items:center;margin:0 10px 10px 0;-webkit-user-select:none;user-select:none}small{display:block;margin:5px 0 15px}.another-element-with-z-index{background-color:var(--ui-color-background-light-1);padding:20px;position:relative;z-index:5}.docs-menu-align-right{float:right}.notification-center-header{margin-bottom:1rem;display:flex;flex-flow:row;align-items:center;justify-content:flex-start;gap:2rem}.notification-center-header h2{display:inline-block;width:auto;padding:0;margin:0}.prop-row{padding:1rem 0;display:flex;align-items:center;justify-content:flex-start;gap:1rem}.panel p{margin:0}.split-wrap{width:400px;height:200px;border:1px solid red;display:flex;flex-flow:row;position:relative}.split-wrap-v{flex-flow:column}.split-box{border:1px solid green;flex:1}.min-w{min-width:20px;max-width:220px}.min-h{min-height:50px;max-height:150px}.table-viewport{width:50%;height:500px;border:1px dashed red;padding:4px}.text-fit-div{border:1px dotted red;margin:1em 0;height:100px;display:flex;align-items:center;justify-content:center;overflow:hidden;resize:horizontal;font-size:32px}.toggle-box{margin:10px 0 0;line-height:2.4em;display:none}.toggle-box.visible{display:block}.tooltip-box{display:inline-block;margin:10px 0 0;line-height:2.4em;padding:1em;border:1px solid #ccc;min-width:6em;text-align:center}.tooltip-html h1,.tooltip-html p{margin:0}.tooltip-html b{color:var(--ui-color-accent)}.tooltip-html a:hover{text-decoration:none} \ No newline at end of file +.api-table { + height: unset; + overflow-y: visible; + overflow-x: auto; + overscroll-behavior-y: unset; +} +.api-table .table { table-layout: fixed; min-width: 900px; } + +.api-table tr td { vertical-align: top; } + +.api-table tr th:first-child, +.api-table tr td:first-child { width: 200px; } + +.api-table tr th:nth-child(2), +.api-table tr td:nth-child(2) { width: 200px; } + +html, +body { + box-sizing: border-box; + touch-action: none; + height: 100%; + width: 100%; + margin: 0; + /* weight 350 unifies the thickness across the browsers: + chromium-clones get more than 300, safari gets 300, + but it looks the same as 350 in chromium-clones + */ + font: 350 102% "Helvetica Neue", Helvetica, Arial, sans-serif; + background-color: var(--ui-color-background); + color: var(--ui-color-text); +} + +body * { box-sizing: inherit; } + +#app { + width: 100%; + height: 100%; + display: flex; + flex-flow: row; +} + +a { color: inherit; } +a:hover { + text-decoration-color: var(--ui-color-accent); + text-decoration-thickness: 2px; + text-underline-offset: 0.3rem; +} + +main { + flex: 1; + padding: 2rem 2rem 10rem; + height: 100%; + overflow-y: auto; +} + +h1, +h2, +h3 { font-weight: 500; margin: 2rem 0 1.2rem; width: 100%; } + +h1:first-child, +h2:first-child, +h3:first-of-type { margin-top: 0; } + +ul, +p { line-height: 1.7; margin-block: 1.5rem; max-width: 120ch; } +p b { font-weight: 700; letter-spacing: 0.5px; } + +em { color: var(--ui-color-accent); font-style: normal; } + + +hr { + width: 100%; + height: 0; + border: 0; + border-top: 1px solid var(--ui-color-border-dark-2); + margin: 3em 0 2em; +} + + + +.docs-layout { + display: flex; + flex-flow: row; + align-items: stretch; + justify-content: space-between; + gap: 20px; +} + +.docs-column { + padding-block: 1em; + width: 50%; + flex-shrink: 0; + flex-grow: 0; +} +.docs-column:last-of-type { + padding-left: 1em; + border-left: 1px solid var(--ui-color-border-dark-2); +} +.docs-column pre { line-height: 1.6; } + +.docs-overflow-box { + background-color: var(--ui-color-background-light-1); + padding: 1em; + overflow: hidden; + z-index: 1; + position: relative; +} + +.docs-buttons-row { + display: flex; + flex-flow: wrap row; + justify-content: flex-start; + gap: 0.5rem; + flex-shrink: 0; +} + +main pre[class], +code { + background-color: #1a1a1a; + border-radius: var(--ui-border-radius-s); + font-size: 0.9rem; +} + +code { + display: block; + width: 100%; + padding: 1em; + margin-block: 1em; + line-height: 2; + white-space: pre; + overflow: auto; +} + +code[class*=language-] { padding: 0; margin: 0; } + +aside { + padding: 0 1rem 1rem; + border-right: 1px solid var(--ui-color-border-dark-2); + height: 100%; + overflow-y: auto; + background: var(--ui-color-background); +} + +menu { + width: 100%; + display: flex; + flex-flow: column; + padding: 1rem 0 0; + margin: 0 0 2rem; +} + +menu h3 { margin: 0 -1rem; padding: 0.5rem 1rem; white-space: nowrap; } +menu h3:not(:first-child) { margin-top: 1rem; } + +menu a { + color: var(--ui-color-text); + text-decoration: none; + display: block; + margin: 0.1rem 0; + padding: 0.5rem 1.4rem; + border-radius: var(--ui-border-radius-s); + white-space: nowrap; +} + +menu a:hover { background-color: var(--ui-color-highlight-dark-2); } +menu a.active { background-color: var(--ui-color-highlight); } + + +.nav-toolbar { + position: sticky; + top: 0; + margin: 0 -1rem; + padding: 0.5rem 1rem; + border-bottom: 1px solid var(--ui-color-background-dark-2); + background: var(--ui-color-background-semi); + -webkit-backdrop-filter: blur(15px); + backdrop-filter: blur(15px); + display: flex; + flex-flow: column; + align-items: stretch; + flex-wrap: wrap; +} +.nav-toolbar-row { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + padding-block: 0.3rem; +} + + +.nav-toolbar-row input[type="number"] { + height: 1.5rem; + width: 51px; + text-align: center; + padding: 0 0.1rem 0 0.3rem; + border-radius: 20px; + border: 1px solid var(--ui-color-text-dark-2); +} + +.nav-toolbar .toggle { --toggle-width: 45px; } + +.nav-toggler { + --ui-button-size: 1.1em; + position: absolute; + left: 0; + top: 0; + z-index: 99; + transition: left .2s ease-out; + display: none; + background-color: var(--ui-color-background-dark-2); + border-radius: 0 15px 15px 0; + height: 48px; + padding-right: 0 !important; + padding-left: 0 !important; + box-shadow: 2px 1px 5px #0009; +} + +.nav-toggler.visible { left: 230px; } + +@media (1px <= width <= 700px) { + .mobile-show { margin-left: 0; } + .nav-toggler { display: flex; } + aside { + width: 230px; + margin-left: -230px; + transition: margin .2s ease-out; + position: absolute; + z-index: 9; + box-shadow: 2px 1px 10px #0006; + } + main { padding-top: 5em; } + .main-header { margin-top: -5em; } +} + +.main-header { + height: 30vw; + max-height: 300px; + display: flex; + align-items: center; + justify-content: center; + gap: 2.4vw; + margin: -2rem -0 2rem; + padding: 2rem 0; + overflow: hidden; +} + +.logo { + width: 14vw; + height: 14vw; + max-width: 180px; + max-height: 180px; + opacity: 0.9; + filter: drop-shadow(0 1px 2px #0009); +} + +.logotype { + font-size: clamp(32px, 5vw, 72px); + font-weight: 100; + margin: 0; + display: flex; + flex-flow: row; + white-space: nowrap; + filter: drop-shadow(0 1px 2px #0009); + gap: 0.2rem; + line-height: 1; +} +.logotype em { font-weight: 500; } +.logotype sub { + font-size: 1rem; + color: var(--ui-color-text-semi); + margin: -1rem 0 0 -4.4rem; + width: 4rem; + text-align: right; +} + + +h2 { + display: flex; + align-items: center; + gap: 0.5em; + font-weight: 400; +} +/* stylelint-disable-next-line no-descending-specificity */ +h2 em { color: var(--ui-color-text-semi); font-size: 0.8em; } + +li code { + display: inline; + padding: 0; + margin: 0; + background: none; + color: var(--ui-color-accent); + font: inherit; + white-space: break-spaces; +} + +.button-demo-props { + display: flex; + flex-flow: column; + align-items: flex-start; + justify-content: flex-start; + gap: 0.5rem; + width: clamp(300px, 50vw, 600px); +} + +.button-demo-props .input-text { display: flex; flex-flow: row; width: 100%; } +.button-demo-props .input-text .label { width: 8rem; } +.button-demo-props .input-text .input-text-inner { flex: 1; } + +.button-toggle-wrapper-wide { width: 400px; } +.button-toggle-wrapper-wide .button-toggle { width: 100%; } + +.group { + background: #333; + padding: 6px; + display: grid; + grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); + grid-gap: 6px; + border-radius: var(--ui-border-radius-m); +} + +.theme-dark .group { background: #ccc; } + +.palette-box { + padding: 10px 0; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + border-radius: calc(var(--ui-border-radius-m) - 3px); + background-color: var(--ui-color-background-dark-2); +} + +.icons { margin-bottom: 2em; } + +.icon-block { + float: left; + width: 128px; + height: 128px; + margin: 0 1em 1em 0; + display: flex; + flex-flow: column; + align-items: stretch; + justify-content: stretch; + background-color: var(--ui-color-background-semi); + padding: 0 10px 10px; + border-radius: 5px; + border: 1px solid var(--ui-color-border); +} + +.icon-block-icon { + flex: 1; + display: flex; + align-items: center; + justify-content: center; +} + +.icon-block-icon svg { + width: 32px; + height: 32px; +} + +.icon-block-name { + height: 20px; + text-align: center; + overflow-wrap: break-word; + font-size: 0.9em; +} + +.div { + border: 1px dashed red; + height: 100px; + width: 200px; + display: inline-grid; + place-items: center; + margin: 0 10px 10px 0; + -webkit-user-select: none; + user-select: none; +} +small { display: block; margin: 5px 0 15px; } + +.another-element-with-z-index { + background-color: var(--ui-color-background-light-1); + padding: 20px; + position: relative; + z-index: 5; +} + +.docs-menu-align-right { float: right; } + +.notification-center-header { + margin-bottom: 1rem; + display: flex; + flex-flow: row; + align-items: center; + justify-content: flex-start; + gap: 2rem; +} + +.notification-center-header h2 { + display: inline-block; + width: auto; + padding: 0; + margin: 0; +} + + +.prop-row { + padding: 1rem 0; + display: flex; + align-items: center; + justify-content: flex-start; + gap: 1rem; +} + +.panel p { margin: 0; } + +.split-wrap { + width: 400px; + height: 200px; + border: 1px solid red; + display: flex; + flex-flow: row; + position: relative; +} + +.split-wrap-v { flex-flow: column; } +.split-box { border: 1px solid green; flex: 1; } + +.min-w { min-width: 20px; max-width: 220px; } +.min-h { min-height: 50px; max-height: 150px; } + +.table-viewport { + width: 50%; + height: 500px; + border: 1px dashed red; + padding: 4px; +} + +.text-fit-div { + border: 1px dotted red; + margin: 1em 0; + height: 100px; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + resize: horizontal; + font-size: 32px; +} + +.toggle-box { + margin: 10px 0 0; + line-height: 2.4em; + display: none; +} + +.toggle-box.visible { + display: block; +} + +.tooltip-box { + display: inline-block; + margin: 10px 0 0; + line-height: 2.4em; + padding: 1em; + border: 1px solid #ccc; + min-width: 6em; + text-align: center; +} + +.tooltip-html h1, +.tooltip-html p { margin: 0; } +.tooltip-html b { color: var(--ui-color-accent); } +.tooltip-html a:hover { text-decoration: none; } +/*# sourceMappingURL=docs.css.map */ diff --git a/docs/docs.css.map b/docs/docs.css.map new file mode 100644 index 00000000..68172583 --- /dev/null +++ b/docs/docs.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["api-table/ApiTable.css","app/App.css","code-example/CodeExample.css","nav/Nav.css","pages/start.css","components/button/Button.css","components/button-toggle/ButtonToggle.css","components/color-palette/ColorPalette.css","components/icon/Icon.css","components/menu/Menu.css","components/notification-center/NotificationCenter.css","components/panel/Panel.css","components/splitter/Splitter.css","components/table/Table.css","components/text-fit/TextFit.css","components/toggle/Toggle.css","components/tooltip/Tooltip.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACfA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACnGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AClBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACnGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC5DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACZA;AACA;AACA;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACpBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACnCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACpBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACxBA;AACA;ACDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACdA;AACA;AACA;AACA;AACA;AACA;AACA;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACTA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"docs.css","sourcesContent":[".api-table {\n\theight: unset;\n\toverflow-y: visible;\n\toverflow-x: auto;\n\toverscroll-behavior-y: unset;\n}\n.api-table .table { table-layout: fixed; min-width: 900px; }\n\n.api-table tr td { vertical-align: top; }\n\n.api-table tr th:first-child,\n.api-table tr td:first-child { width: 200px; }\n\n.api-table tr th:nth-child(2),\n.api-table tr td:nth-child(2) { width: 200px; }\n","html,\nbody {\n\tbox-sizing: border-box;\n\ttouch-action: none;\n\theight: 100%;\n\twidth: 100%;\n\tmargin: 0;\n\t/* weight 350 unifies the thickness across the browsers:\n\t chromium-clones get more than 300, safari gets 300,\n\t but it looks the same as 350 in chromium-clones\n\t*/\n\tfont: 350 102% \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n\tbackground-color: var(--ui-color-background);\n\tcolor: var(--ui-color-text);\n}\n\nbody * { box-sizing: inherit; }\n\n#app {\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\tflex-flow: row;\n}\n\na { color: inherit; }\na:hover {\n\ttext-decoration-color: var(--ui-color-accent);\n\ttext-decoration-thickness: 2px;\n\ttext-underline-offset: 0.3rem;\n}\n\nmain {\n\tflex: 1;\n\tpadding: 2rem 2rem 10rem;\n\theight: 100%;\n\toverflow-y: auto;\n}\n\nh1,\nh2,\nh3 { font-weight: 500; margin: 2rem 0 1.2rem; width: 100%; }\n\nh1:first-child,\nh2:first-child,\nh3:first-of-type { margin-top: 0; }\n\nul,\np { line-height: 1.7; margin-block: 1.5rem; max-width: 120ch; }\np b { font-weight: 700; letter-spacing: 0.5px; }\n\nem { color: var(--ui-color-accent); font-style: normal; }\n\n\nhr {\n\twidth: 100%;\n\theight: 0;\n\tborder: 0;\n\tborder-top: 1px solid var(--ui-color-border-dark-2);\n\tmargin: 3em 0 2em;\n}\n\n\n\n.docs-layout {\n\tdisplay: flex;\n\tflex-flow: row;\n\talign-items: stretch;\n\tjustify-content: space-between;\n\tgap: 20px;\n}\n\n.docs-column {\n\tpadding-block: 1em;\n\twidth: 50%;\n\tflex-shrink: 0;\n\tflex-grow: 0;\n}\n.docs-column:last-of-type {\n\tpadding-left: 1em;\n\tborder-left: 1px solid var(--ui-color-border-dark-2);\n}\n.docs-column pre { line-height: 1.6; }\n\n.docs-overflow-box {\n\tbackground-color: var(--ui-color-background-light-1);\n\tpadding: 1em;\n\toverflow: hidden;\n\tz-index: 1;\n\tposition: relative;\n}\n\n.docs-buttons-row {\n\tdisplay: flex;\n\tflex-flow: wrap row;\n\tjustify-content: flex-start;\n\tgap: 0.5rem;\n\tflex-shrink: 0;\n}\n","main pre[class],\ncode {\n\tbackground-color: #1a1a1a;\n\tborder-radius: var(--ui-border-radius-s);\n\tfont-size: 0.9rem;\n}\n\ncode {\n\tdisplay: block;\n\twidth: 100%;\n\tpadding: 1em;\n\tmargin-block: 1em;\n\tline-height: 2;\n\twhite-space: pre;\n\toverflow: auto;\n}\n\ncode[class*=language-] { padding: 0; margin: 0; }\n","aside {\n\tpadding: 0 1rem 1rem;\n\tborder-right: 1px solid var(--ui-color-border-dark-2);\n\theight: 100%;\n\toverflow-y: auto;\n\tbackground: var(--ui-color-background);\n}\n\nmenu {\n\twidth: 100%;\n\tdisplay: flex;\n\tflex-flow: column;\n\tpadding: 1rem 0 0;\n\tmargin: 0 0 2rem;\n}\n\nmenu h3 { margin: 0 -1rem; padding: 0.5rem 1rem; white-space: nowrap; }\nmenu h3:not(:first-child) { margin-top: 1rem; }\n\nmenu a {\n\tcolor: var(--ui-color-text);\n\ttext-decoration: none;\n\tdisplay: block;\n\tmargin: 0.1rem 0;\n\tpadding: 0.5rem 1.4rem;\n\tborder-radius: var(--ui-border-radius-s);\n\twhite-space: nowrap;\n}\n\nmenu a:hover { background-color: var(--ui-color-highlight-dark-2); }\nmenu a.active { background-color: var(--ui-color-highlight); }\n\n\n.nav-toolbar {\n\tposition: sticky;\n\ttop: 0;\n\tmargin: 0 -1rem;\n\tpadding: 0.5rem 1rem;\n\tborder-bottom: 1px solid var(--ui-color-background-dark-2);\n\tbackground: var(--ui-color-background-semi);\n\t-webkit-backdrop-filter: blur(15px);\n\tbackdrop-filter: blur(15px);\n\tdisplay: flex;\n\tflex-flow: column;\n\talign-items: stretch;\n\tflex-wrap: wrap;\n}\n.nav-toolbar-row {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tflex-wrap: wrap;\n\tpadding-block: 0.3rem;\n}\n\n\n.nav-toolbar-row input[type=\"number\"] {\n\theight: 1.5rem;\n\twidth: 51px;\n\ttext-align: center;\n\tpadding: 0 0.1rem 0 0.3rem;\n\tborder-radius: 20px;\n\tborder: 1px solid var(--ui-color-text-dark-2);\n}\n\n.nav-toolbar .toggle { --toggle-width: 45px; }\n\n.nav-toggler {\n\t--ui-button-size: 1.1em;\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n\tz-index: 99;\n\ttransition: left .2s ease-out;\n\tdisplay: none;\n\tbackground-color: var(--ui-color-background-dark-2);\n\tborder-radius: 0 15px 15px 0;\n\theight: 48px;\n\tpadding-right: 0 !important;\n\tpadding-left: 0 !important;\n\tbox-shadow: 2px 1px 5px #0009;\n}\n\n.nav-toggler.visible { left: 230px; }\n\n@media (1px <= width <= 700px) {\n\t.mobile-show { margin-left: 0; }\n\t.nav-toggler { display: flex; }\n\taside {\n\t\twidth: 230px;\n\t\tmargin-left: -230px;\n\t\ttransition: margin .2s ease-out;\n\t\tposition: absolute;\n\t\tz-index: 9;\n\t\tbox-shadow: 2px 1px 10px #0006;\n\t}\n\tmain { padding-top: 5em; }\n\t.main-header { margin-top: -5em; }\n}\n",".main-header {\n\theight: 30vw;\n\tmax-height: 300px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 2.4vw;\n\tmargin: -2rem -0 2rem;\n\tpadding: 2rem 0;\n\toverflow: hidden;\n}\n\n.logo {\n\twidth: 14vw;\n\theight: 14vw;\n\tmax-width: 180px;\n\tmax-height: 180px;\n\topacity: 0.9;\n\tfilter: drop-shadow(0 1px 2px #0009);\n}\n\n.logotype {\n\tfont-size: clamp(32px, 5vw, 72px);\n\tfont-weight: 100;\n\tmargin: 0;\n\tdisplay: flex;\n\tflex-flow: row;\n\twhite-space: nowrap;\n\tfilter: drop-shadow(0 1px 2px #0009);\n\tgap: 0.2rem;\n\tline-height: 1;\n}\n.logotype em { font-weight: 500; }\n.logotype sub {\n\tfont-size: 1rem;\n\tcolor: var(--ui-color-text-semi);\n\tmargin: -1rem 0 0 -4.4rem;\n\twidth: 4rem;\n\ttext-align: right;\n}\n\n\nh2 {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 0.5em;\n\tfont-weight: 400;\n}\n/* stylelint-disable-next-line no-descending-specificity */\nh2 em { color: var(--ui-color-text-semi); font-size: 0.8em; }\n\nli code {\n\tdisplay: inline;\n\tpadding: 0;\n\tmargin: 0;\n\tbackground: none;\n\tcolor: var(--ui-color-accent);\n\tfont: inherit;\n\twhite-space: break-spaces;\n}\n",".button-demo-props {\n\tdisplay: flex;\n\tflex-flow: column;\n\talign-items: flex-start;\n\tjustify-content: flex-start;\n\tgap: 0.5rem;\n\twidth: clamp(300px, 50vw, 600px);\n}\n\n.button-demo-props .input-text { display: flex; flex-flow: row; width: 100%; }\n.button-demo-props .input-text .label { width: 8rem; }\n.button-demo-props .input-text .input-text-inner { flex: 1; }\n",".button-toggle-wrapper-wide { width: 400px; }\n.button-toggle-wrapper-wide .button-toggle { width: 100%; }\n",".group {\n\tbackground: #333;\n\tpadding: 6px;\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n\tgrid-gap: 6px;\n\tborder-radius: var(--ui-border-radius-m);\n}\n\n.theme-dark .group { background: #ccc; }\n\n.palette-box {\n\tpadding: 10px 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\toverflow: hidden;\n\tborder-radius: calc(var(--ui-border-radius-m) - 3px);\n\tbackground-color: var(--ui-color-background-dark-2);\n}\n",".icons { margin-bottom: 2em; }\n\n.icon-block {\n\tfloat: left;\n\twidth: 128px;\n\theight: 128px;\n\tmargin: 0 1em 1em 0;\n\tdisplay: flex;\n\tflex-flow: column;\n\talign-items: stretch;\n\tjustify-content: stretch;\n\tbackground-color: var(--ui-color-background-semi);\n\tpadding: 0 10px 10px;\n\tborder-radius: 5px;\n\tborder: 1px solid var(--ui-color-border);\n}\n\n.icon-block-icon {\n\tflex: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n\n.icon-block-icon svg {\n\twidth: 32px;\n\theight: 32px;\n}\n\n.icon-block-name {\n\theight: 20px;\n\ttext-align: center;\n\toverflow-wrap: break-word;\n\tfont-size: 0.9em;\n}\n",".div {\n\tborder: 1px dashed red;\n\theight: 100px;\n\twidth: 200px;\n\tdisplay: inline-grid;\n\tplace-items: center;\n\tmargin: 0 10px 10px 0;\n\t-webkit-user-select: none;\n\tuser-select: none;\n}\nsmall { display: block; margin: 5px 0 15px; }\n\n.another-element-with-z-index {\n\tbackground-color: var(--ui-color-background-light-1);\n\tpadding: 20px;\n\tposition: relative;\n\tz-index: 5;\n}\n\n.docs-menu-align-right { float: right; }\n",".notification-center-header {\n\tmargin-bottom: 1rem;\n\tdisplay: flex;\n\tflex-flow: row;\n\talign-items: center;\n\tjustify-content: flex-start;\n\tgap: 2rem;\n}\n\n.notification-center-header h2 {\n\tdisplay: inline-block;\n\twidth: auto;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n\n.prop-row {\n\tpadding: 1rem 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-start;\n\tgap: 1rem;\n}\n",".panel p { margin: 0; }\n",".split-wrap {\n\twidth: 400px;\n\theight: 200px;\n\tborder: 1px solid red;\n\tdisplay: flex;\n\tflex-flow: row;\n\tposition: relative;\n}\n\n.split-wrap-v { flex-flow: column; }\n.split-box { border: 1px solid green; flex: 1; }\n\n.min-w { min-width: 20px; max-width: 220px; }\n.min-h { min-height: 50px; max-height: 150px; }\n",".table-viewport {\n\twidth: 50%;\n\theight: 500px;\n\tborder: 1px dashed red;\n\tpadding: 4px;\n}\n",".text-fit-div {\n\tborder: 1px dotted red;\n\tmargin: 1em 0;\n\theight: 100px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\toverflow: hidden;\n\tresize: horizontal;\n\tfont-size: 32px;\n}\n",".toggle-box {\n\tmargin: 10px 0 0;\n\tline-height: 2.4em;\n\tdisplay: none;\n}\n\n.toggle-box.visible {\n\tdisplay: block;\n}\n",".tooltip-box {\n\tdisplay: inline-block;\n\tmargin: 10px 0 0;\n\tline-height: 2.4em;\n\tpadding: 1em;\n\tborder: 1px solid #ccc;\n\tmin-width: 6em;\n\ttext-align: center;\n}\n\n.tooltip-html h1,\n.tooltip-html p { margin: 0; }\n.tooltip-html b { color: var(--ui-color-accent); }\n.tooltip-html a:hover { text-decoration: none; }\n"]} \ No newline at end of file diff --git a/docs/docs.js b/docs/docs.js index 4c6c2275..56fd9550 100644 --- a/docs/docs.js +++ b/docs/docs.js @@ -1,25 +1,12121 @@ -var J1=Object.create;var ba=Object.defineProperty;var Z1=Object.getOwnPropertyDescriptor;var Q1=Object.getOwnPropertyNames;var e_=Object.getPrototypeOf,t_=Object.prototype.hasOwnProperty;var zi=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports),n_=(t,e)=>{for(var n in e)ba(t,n,{get:e[n],enumerable:!0})},i_=(t,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of Q1(e))!t_.call(t,s)&&s!==n&&ba(t,s,{get:()=>e[s],enumerable:!(i=Z1(e,s))||i.enumerable});return t};var Re=(t,e,n)=>(n=t!=null?J1(e_(t)):{},i_(e||!t||!t.__esModule?ba(n,"default",{value:t,enumerable:!0}):n,t));var ft=zi(ie=>{"use strict";Object.defineProperty(ie,"__esModule",{value:!0});function ti(){}var no=t=>t;function yc(t,e){for(let n in e)t[n]=e[n];return t}function kc(t){return!!t&&(typeof t=="object"||typeof t=="function")&&typeof t.then=="function"}function s_(t,e,n,i,s){t.__svelte_meta={loc:{file:e,line:n,column:i,char:s}}}function Jl(t){return t()}function jl(){return Object.create(null)}function _i(t){t.forEach(Jl)}function Ei(t){return typeof t=="function"}function o_(t,e){return t!=t?e==e:t!==e||t&&typeof t=="object"||typeof t=="function"}var Rl;function l_(t,e){return Rl||(Rl=document.createElement("a")),Rl.href=e,t===Rl.href}function r_(t,e){return t!=t?e==e:t!==e}function Ma(t){return Object.keys(t).length===0}function u_(t,e){if(t!=null&&typeof t.subscribe!="function")throw new Error(`'${e}' is not a store with a 'subscribe' method`)}function Ta(t,...e){if(t==null)return ti;let n=t.subscribe(...e);return n.unsubscribe?()=>n.unsubscribe():n}function a_(t){let e;return Ta(t,n=>e=n)(),e}function f_(t,e,n){t.$$.on_destroy.push(Ta(e,n))}function m_(t,e,n,i){if(t){let s=Mc(t,e,n,i);return t[0](s)}}function Mc(t,e,n,i){return t[1]&&i?yc(n.ctx.slice(),t[1](i(e))):n.ctx}function Tc(t,e,n,i){if(t[2]&&i){let s=t[2](i(n));if(e.dirty===void 0)return s;if(typeof s=="object"){let o=[],r=Math.max(e.dirty.length,s.length);for(let l=0;l32){let e=[],n=t.ctx.length/32;for(let i=0;iObject.prototype.hasOwnProperty.call(t,e);function v_(t){return t&&Ei(t.destroy)?t.destroy:ti}function w_(t){let e=typeof t=="string"&&t.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);return e?[parseFloat(e[1]),e[2]||"px"]:[t,"px"]}var Ca=["",!0,1,"true","contenteditable"],Sa=typeof window<"u";ie.now=Sa?()=>window.performance.now():()=>Date.now();ie.raf=Sa?t=>requestAnimationFrame(t):ti;function y_(t){ie.now=t}function k_(t){ie.raf=t}var ls=new Set;function Ac(t){ls.forEach(e=>{e.c(t)||(ls.delete(e),e.f())}),ls.size!==0&&ie.raf(Ac)}function M_(){ls.clear()}function io(t){let e;return ls.size===0&&ie.raf(Ac),{promise:new Promise(n=>{ls.add(e={c:t,f:n})}),abort(){ls.delete(e)}}}var Aa=typeof window<"u"?window:typeof globalThis<"u"?globalThis:global,us=class t{constructor(e){this.options=e,this._listeners="WeakMap"in Aa?new WeakMap:void 0}observe(e,n){return this._listeners.set(e,n),this._getObserver().observe(e,this.options),()=>{this._listeners.delete(e),this._observer.unobserve(e)}}_getObserver(){var e;return(e=this._observer)!==null&&e!==void 0?e:this._observer=new ResizeObserver(n=>{var i;for(let s of n)t.entries.set(s.target,s),(i=this._listeners.get(s.target))===null||i===void 0||i(s)})}};us.entries="WeakMap"in Aa?new WeakMap:void 0;var Zl=!1;function Dc(){Zl=!0}function Ec(){Zl=!1}function T_(t,e,n,i){for(;t>1);n(s)<=i?t=s+1:e=s}return t}function C_(t){if(t.hydrate_init)return;t.hydrate_init=!0;let e=t.childNodes;if(t.nodeName==="HEAD"){let f=[];for(let u=0;u0&&e[n[s]].claim_order<=u?s+1:T_(1,s,d=>e[n[d]].claim_order,u))-1;i[f]=n[a]+1;let p=a+1;n[p]=f,s=Math.max(p,s)}let o=[],r=[],l=e.length-1;for(let f=n[s]+1;f!=0;f=i[f-1]){for(o.push(e[f-1]);l>=f;l--)r.push(e[l]);l--}for(;l>=0;l--)r.push(e[l]);o.reverse(),r.sort((f,u)=>f.claim_order-u.claim_order);for(let f=0,u=0;f=o[u].claim_order;)u++;let a=ut.removeEventListener(e,n,i)}function L_(t){return function(e){return e.preventDefault(),t.call(this,e)}}function O_(t){return function(e){return e.stopPropagation(),t.call(this,e)}}function F_(t){return function(e){return e.stopImmediatePropagation(),t.call(this,e)}}function H_(t){return function(e){e.target===this&&t.call(this,e)}}function N_(t){return function(e){e.isTrusted&&t.call(this,e)}}function so(t,e,n){n==null?t.removeAttribute(e):t.getAttribute(e)!==n&&t.setAttribute(e,n)}var P_=["width","height"];function Oc(t,e){let n=Object.getOwnPropertyDescriptors(t.__proto__);for(let i in e)e[i]==null?t.removeAttribute(i):i==="style"?t.style.cssText=e[i]:i==="__value"?t.value=t[i]=e[i]:n[i]&&n[i].set&&P_.indexOf(i)===-1?t[i]=e[i]:so(t,i,e[i])}function q_(t,e){for(let n in e)so(t,n,e[n])}function Fc(t,e){Object.keys(e).forEach(n=>{Hc(t,n,e[n])})}function Hc(t,e,n){e in t?t[e]=typeof t[e]=="boolean"&&n===""?!0:n:so(t,e,n)}function B_(t){return/-/.test(t)?Fc:Oc}function R_(t,e,n){t.setAttributeNS("http://www.w3.org/1999/xlink",e,n)}function z_(t,e,n){let i=new Set;for(let s=0;st.push(i))},r(){e.forEach(n=>t.splice(t.indexOf(n),1))}}}function j_(t,e){let n=s(t),i;function s(l){for(let f=0;fn.push(l))}function r(){i.forEach(l=>n.splice(n.indexOf(l),1))}return{u(l){e=l;let f=s(t);f!==n&&(r(),n=f,o())},p(...l){i=l,o()},r}}function G_(t){return t===""?null:+t}function V_(t){let e=[];for(let n=0;n{for(let r=t.claim_info.last_index;r=0;r--){let l=t[r];if(e(l)){let f=n(l);return f===void 0?t.splice(r,1):t[r]=f,s?f===void 0&&t.claim_info.last_index--:t.claim_info.last_index=r,l}}return i()})();return o.claim_order=t.claim_info.total_claimed,t.claim_info.total_claimed+=1,o}function qc(t,e,n,i){return La(t,s=>s.nodeName===e,s=>{let o=[];for(let r=0;rs.removeAttribute(r))},()=>i(e))}function Y_(t,e,n){return qc(t,e,n,Ls)}function U_(t,e,n){return qc(t,e,n,xa)}function Bc(t,e){return La(t,n=>n.nodeType===3,n=>{let i=""+e;if(n.data.startsWith(i)){if(n.data.length!==i.length)return n.splitText(i.length)}else n.data=i},()=>tr(e),!0)}function K_(t){return Bc(t," ")}function X_(t,e){return La(t,n=>n.nodeType===8,n=>{n.data=""+e},()=>Lc(e),!0)}function wc(t,e,n){for(let i=n;ie.__value)}var zl;function Wc(){if(zl===void 0){zl=!1;try{typeof window<"u"&&window.parent&&window.parent.document}catch{zl=!0}}return zl}function lb(t,e){getComputedStyle(t).position==="static"&&(t.style.position="relative");let i=Ls("iframe");i.setAttribute("style","display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;"),i.setAttribute("aria-hidden","true"),i.tabIndex=-1;let s=Wc(),o;return s?(i.src="data:text/html,\";\n unsubscribe = listen(window, 'message', (event) => {\n if (event.source === iframe.contentWindow)\n fn();\n });\n }\n else {\n iframe.src = 'about:blank';\n iframe.onload = () => {\n unsubscribe = listen(iframe.contentWindow, 'resize', fn);\n // make sure an initial resize event is fired _after_ the iframe is loaded (which is asynchronous)\n // see https://github.com/sveltejs/svelte/issues/4233\n fn();\n };\n }\n append(node, iframe);\n return () => {\n if (crossorigin) {\n unsubscribe();\n }\n else if (unsubscribe && iframe.contentWindow) {\n unsubscribe();\n }\n detach(iframe);\n };\n}\nconst resize_observer_content_box = /* @__PURE__ */ new ResizeObserverSingleton({ box: 'content-box' });\nconst resize_observer_border_box = /* @__PURE__ */ new ResizeObserverSingleton({ box: 'border-box' });\nconst resize_observer_device_pixel_content_box = /* @__PURE__ */ new ResizeObserverSingleton({ box: 'device-pixel-content-box' });\nfunction toggle_class(element, name, toggle) {\n element.classList[toggle ? 'add' : 'remove'](name);\n}\nfunction custom_event(type, detail, { bubbles = false, cancelable = false } = {}) {\n const e = document.createEvent('CustomEvent');\n e.initCustomEvent(type, bubbles, cancelable, detail);\n return e;\n}\nfunction query_selector_all(selector, parent = document.body) {\n return Array.from(parent.querySelectorAll(selector));\n}\nfunction head_selector(nodeId, head) {\n const result = [];\n let started = 0;\n for (const node of head.childNodes) {\n if (node.nodeType === 8 /* comment node */) {\n const comment = node.textContent.trim();\n if (comment === `HEAD_${nodeId}_END`) {\n started -= 1;\n result.push(node);\n }\n else if (comment === `HEAD_${nodeId}_START`) {\n started += 1;\n result.push(node);\n }\n }\n else if (started > 0) {\n result.push(node);\n }\n }\n return result;\n}\nclass HtmlTag {\n constructor(is_svg = false) {\n this.is_svg = false;\n this.is_svg = is_svg;\n this.e = this.n = null;\n }\n c(html) {\n this.h(html);\n }\n m(html, target, anchor = null) {\n if (!this.e) {\n if (this.is_svg)\n this.e = svg_element(target.nodeName);\n /** #7364 target for