Created
April 17, 2023 14:03
-
-
Save benjackwhite/64ab11bd3f4fb127c1c98fb9003c2dca to your computer and use it in GitHub Desktop.
Example of an rrweb recording of ionic with issues
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
[ | |
{ | |
"type": 4, | |
"data": { | |
"href": "http://localhost:8100/tab1", | |
"width": 2560, | |
"height": 831 | |
}, | |
"timestamp": 1681739584084, | |
"delay": -290 | |
}, | |
{ | |
"type": 2, | |
"data": { | |
"node": { | |
"type": 0, | |
"childNodes": [ | |
{ | |
"type": 1, | |
"name": "html", | |
"publicId": "", | |
"systemId": "", | |
"id": 2 | |
}, | |
{ | |
"type": 2, | |
"tagName": "html", | |
"attributes": { | |
"lang": "en", | |
"class": "ion-ce plt-desktop md", | |
"mode": "md" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "head", | |
"attributes": {}, | |
"childNodes": [ | |
{ "type": 3, "textContent": "\n ", "id": 5 }, | |
{ | |
"type": 2, | |
"tagName": "meta", | |
"attributes": { "charset": "utf-8" }, | |
"childNodes": [], | |
"id": 6 | |
}, | |
{ "type": 3, "textContent": "\n ", "id": 7 }, | |
{ | |
"type": 2, | |
"tagName": "title", | |
"attributes": {}, | |
"childNodes": [ | |
{ "type": 3, "textContent": "Ionic App", "id": 9 } | |
], | |
"id": 8 | |
}, | |
{ "type": 3, "textContent": "\n\n ", "id": 10 }, | |
{ | |
"type": 2, | |
"tagName": "base", | |
"attributes": { "href": "http://localhost:8100/" }, | |
"childNodes": [], | |
"id": 11 | |
}, | |
{ "type": 3, "textContent": "\n\n ", "id": 12 }, | |
{ | |
"type": 2, | |
"tagName": "meta", | |
"attributes": { | |
"name": "color-scheme", | |
"content": "light dark" | |
}, | |
"childNodes": [], | |
"id": 13 | |
}, | |
{ "type": 3, "textContent": "\n ", "id": 14 }, | |
{ | |
"type": 2, | |
"tagName": "meta", | |
"attributes": { | |
"name": "viewport", | |
"content": "viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" | |
}, | |
"childNodes": [], | |
"id": 15 | |
}, | |
{ "type": 3, "textContent": "\n ", "id": 16 }, | |
{ | |
"type": 2, | |
"tagName": "meta", | |
"attributes": { | |
"name": "format-detection", | |
"content": "telephone=no" | |
}, | |
"childNodes": [], | |
"id": 17 | |
}, | |
{ "type": 3, "textContent": "\n ", "id": 18 }, | |
{ | |
"type": 2, | |
"tagName": "meta", | |
"attributes": { | |
"name": "msapplication-tap-highlight", | |
"content": "no" | |
}, | |
"childNodes": [], | |
"id": 19 | |
}, | |
{ "type": 3, "textContent": "\n\n ", "id": 20 }, | |
{ | |
"type": 2, | |
"tagName": "style", | |
"attributes": {}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": "html.plt-mobile ion-app { user-select: none; }html.plt-mobile ion-app [contenteditable] { user-select: text; }ion-app.force-statusbar-padding { --ion-safe-area-top:20px; }", | |
"isStyle": true, | |
"id": 22 | |
} | |
], | |
"id": 21 | |
}, | |
{ | |
"type": 2, | |
"tagName": "style", | |
"attributes": {}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": ".item.sc-ion-label-md-h, .item .sc-ion-label-md-h { --color: initial; display: block; color: var(--color); font-family: var(--ion-font-family, inherit); font-size: inherit; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box; }.ion-color.sc-ion-label-md-h { color: var(--ion-color-base); }.ion-text-wrap.sc-ion-label-md-h, [text-wrap].sc-ion-label-md-h { white-space: normal; }.item-interactive-disabled.sc-ion-label-md-h:not(.item-multiple-inputs), .item-interactive-disabled:not(.item-multiple-inputs) .sc-ion-label-md-h { cursor: default; opacity: 0.3; pointer-events: none; }.item-input.sc-ion-label-md-h, .item-input .sc-ion-label-md-h { flex: initial; max-width: 200px; pointer-events: none; }.item-textarea.sc-ion-label-md-h, .item-textarea .sc-ion-label-md-h { align-self: baseline; }.label-fixed.sc-ion-label-md-h { flex: 0 0 100px; width: 100px; min-width: 100px; max-width: 200px; }.label-stacked.sc-ion-label-md-h, .label-floating.sc-ion-label-md-h { margin-bottom: 0px; align-self: stretch; width: auto; max-width: 100%; }.label-no-animate.label-floating.sc-ion-label-md-h { transition: none 0s ease 0s; }.sc-ion-label-md-s h1, .sc-ion-label-md-s h2, .sc-ion-label-md-s h3, .sc-ion-label-md-s h4, .sc-ion-label-md-s h5, .sc-ion-label-md-s h6 { text-overflow: inherit; overflow: inherit; }.ion-text-wrap.sc-ion-label-md-h, [text-wrap].sc-ion-label-md-h { line-height: 1.5; }.label-stacked.sc-ion-label-md-h, .label-floating.sc-ion-label-md-h { margin: 0px; transform-origin: left top; }.label-stacked.label-rtl.sc-ion-label-md-h, .label-floating.label-rtl.sc-ion-label-md-h { transform-origin: right top; }.label-stacked.sc-ion-label-md-h { transform: translateY(50%) scale(0.75); transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s; }.label-floating.sc-ion-label-md-h { transform: translateY(96%); transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s; }.ion-focused.label-floating.sc-ion-label-md-h, .ion-focused .label-floating.sc-ion-label-md-h, .item-has-focus.label-floating.sc-ion-label-md-h, .item-has-focus .label-floating.sc-ion-label-md-h, .item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating, .item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h, .item-has-value.label-floating.sc-ion-label-md-h, .item-has-value .label-floating.sc-ion-label-md-h { transform: translateY(50%) scale(0.75); }.item-fill-outline.ion-focused.label-floating.sc-ion-label-md-h, .item-fill-outline.ion-focused .label-floating.sc-ion-label-md-h, .item-fill-outline.item-has-focus.label-floating.sc-ion-label-md-h, .item-fill-outline.item-has-focus .label-floating.sc-ion-label-md-h, .item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating, .item-fill-outline.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h, .item-fill-outline.item-has-value.label-floating.sc-ion-label-md-h, .item-fill-outline.item-has-value .label-floating.sc-ion-label-md-h { transform: translateY(-6px) scale(0.75); position: relative; max-width: min-content; background-color: var(--ion-item-background, var(--ion-background-color, #fff)); overflow: visible; z-index: 3; }.item-fill-outline.ion-focused.label-floating.sc-ion-label-md-h::before, .item-fill-outline.ion-focused .label-floating.sc-ion-label-md-h::before, .item-fill-outline.ion-focused.label-floating.sc-ion-label-md-h::after, .item-fill-outline.ion-focused .label-floating.sc-ion-label-md-h::after, .item-fill-outline.item-has-focus.label-floating.sc-ion-label-md-h::before, .item-fill-outline.item-has-focus .label-floating.sc-ion-label-md-h::before, .item-fill-outline.item-has-focus.label-floating.sc-ion-label-md-h::after, .item-fill-outline.item-has-focus .label-floating.sc-ion-label-md-h::after, .item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating::before, .item-fill-outline.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h::before, .item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating::after, .item-fill-outline.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h::after, .item-fill-outline.item-has-value.label-floating.sc-ion-label-md-h::before, .item-fill-outline.item-has-value .label-floating.sc-ion-label-md-h::before, .item-fill-outline.item-has-value.label-floating.sc-ion-label-md-h::after, .item-fill-outline.item-has-value .label-floating.sc-ion-label-md-h::after { position: absolute; width: 4px; height: 100%; background-color: var(--ion-item-background, var(--ion-background-color, #fff)); content: \"\"; }.item-fill-outline.ion-focused.label-floating.sc-ion-label-md-h::before, .item-fill-outline.ion-focused .label-floating.sc-ion-label-md-h::before, .item-fill-outline.item-has-focus.label-floating.sc-ion-label-md-h::before, .item-fill-outline.item-has-focus .label-floating.sc-ion-label-md-h::before, .item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating::before, .item-fill-outline.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h::before, .item-fill-outline.item-has-value.label-floating.sc-ion-label-md-h::before, .item-fill-outline.item-has-value .label-floating.sc-ion-label-md-h::before { left: calc(-4px); }.item-fill-outline.ion-focused.label-floating.sc-ion-label-md-h::after, .item-fill-outline.ion-focused .label-floating.sc-ion-label-md-h::after, .item-fill-outline.item-has-focus.label-floating.sc-ion-label-md-h::after, .item-fill-outline.item-has-focus .label-floating.sc-ion-label-md-h::after, .item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating::after, .item-fill-outline.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h::after, .item-fill-outline.item-has-value.label-floating.sc-ion-label-md-h::after, .item-fill-outline.item-has-value .label-floating.sc-ion-label-md-h::after { right: calc(-4px); }.item-fill-outline.ion-focused.item-has-start-slot.label-floating.sc-ion-label-md-h, .item-fill-outline.ion-focused.item-has-start-slot .label-floating.sc-ion-label-md-h, .item-fill-outline.item-has-focus.item-has-start-slot.label-floating.sc-ion-label-md-h, .item-fill-outline.item-has-focus.item-has-start-slot .label-floating.sc-ion-label-md-h, .item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).item-has-start-slot.label-floating, .item-fill-outline.item-has-placeholder:not(.item-input).item-has-start-slot .label-floating.sc-ion-label-md-h, .item-fill-outline.item-has-value.item-has-start-slot.label-floating.sc-ion-label-md-h, .item-fill-outline.item-has-value.item-has-start-slot .label-floating.sc-ion-label-md-h { transform: translateX(-32px) translateY(-6px) scale(0.75); }.item-fill-outline.ion-focused.item-has-start-slot.label-floating.label-rtl.sc-ion-label-md-h, .item-fill-outline.ion-focused.item-has-start-slot .label-floating.label-rtl.sc-ion-label-md-h, .item-fill-outline.item-has-focus.item-has-start-slot.label-floating.label-rtl.sc-ion-label-md-h, .item-fill-outline.item-has-focus.item-has-start-slot .label-floating.label-rtl.sc-ion-label-md-h, .item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).item-has-start-slot.label-floating.label-rtl, .item-fill-outline.item-has-placeholder:not(.item-input).item-has-start-slot .label-floating.label-rtl.sc-ion-label-md-h, .item-fill-outline.item-has-value.item-has-start-slot.label-floating.label-rtl.sc-ion-label-md-h, .item-fill-outline.item-has-value.item-has-start-slot .label-floating.label-rtl.sc-ion-label-md-h { transform: translateX(calc(32px)) translateY(-6px) scale(0.75); }.ion-focused.label-stacked.sc-ion-label-md-h:not(.ion-color), .ion-focused .label-stacked.sc-ion-label-md-h:not(.ion-color), .ion-focused.label-floating.sc-ion-label-md-h:not(.ion-color), .ion-focused .label-floating.sc-ion-label-md-h:not(.ion-color), .item-has-focus.label-stacked.sc-ion-label-md-h:not(.ion-color), .item-has-focus .label-stacked.sc-ion-label-md-h:not(.ion-color), .item-has-focus.label-floating.sc-ion-label-md-h:not(.ion-color), .item-has-focus .label-floating.sc-ion-label-md-h:not(.ion-color) { color: var(--ion-color-primary, #3880ff); }.ion-focused.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color), .ion-focused.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color), .ion-focused.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color), .ion-focused.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color), .item-has-focus.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color), .item-has-focus.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color), .item-has-focus.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color), .item-has-focus.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color) { color: var(--ion-color-contrast); }.item-fill-solid.ion-focused.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color), .item-fill-solid.ion-focused.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color), .item-fill-solid.ion-focused.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color), .item-fill-solid.ion-focused.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color), .item-fill-outline.ion-focused.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color), .item-fill-outline.ion-focused.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color), .item-fill-outline.ion-focused.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color), .item-fill-outline.ion-focused.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color), .item-fill-solid.item-has-focus.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color), .item-fill-solid.item-has-focus.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color), .item-fill-solid.item-has-focus.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color), .item-fill-solid.item-has-focus.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color), .item-fill-outline.item-has-focus.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color), .item-fill-outline.item-has-focus.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color), .item-fill-outline.item-has-focus.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color), .item-fill-outline.item-has-focus.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color) { color: var(--ion-color-base); }.ion-invalid.ion-touched.label-stacked.sc-ion-label-md-h:not(.ion-color), .ion-invalid.ion-touched .label-stacked.sc-ion-label-md-h:not(.ion-color), .ion-invalid.ion-touched.label-floating.sc-ion-label-md-h:not(.ion-color), .ion-invalid.ion-touched .label-floating.sc-ion-label-md-h:not(.ion-color) { color: var(--highlight-color-invalid); }.sc-ion-label-md-s h1 { margin: 0px 0px 2px; font-size: 24px; font-weight: normal; }.sc-ion-label-md-s h2 { margin: 2px 0px; font-size: 16px; font-weight: normal; }.sc-ion-label-md-s h3, .sc-ion-label-md-s h4, .sc-ion-label-md-s h5, .sc-ion-label-md-s h6 { margin: 2px 0px; font-size: 14px; font-weight: normal; line-height: normal; }.sc-ion-label-md-s p { margin: 0px 0px 2px; font-size: 14px; line-height: 20px; text-overflow: inherit; overflow: inherit; }.sc-ion-label-md-s > p { color: var(--ion-color-step-600, #666666); }.sc-ion-label-md-h.in-item-color.sc-ion-label-md-s > p { color: inherit; }", | |
"isStyle": true, | |
"id": 24 | |
} | |
], | |
"id": 23 | |
}, | |
{ | |
"type": 2, | |
"tagName": "style", | |
"attributes": {}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": "ion-header { display: block; position: relative; order: -1; width: 100%; z-index: 10; }ion-header ion-toolbar:first-of-type { padding-top: var(--ion-safe-area-top, 0); }.header-md::after { bottom: -5px; background-position: left 0px top -2px; position: absolute; width: 100%; height: 5px; background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMUCS0gBIh/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==\"); background-repeat: repeat-x; content: \"\"; }@supports (inset-inline-start: 0) {\n .header-md::after { inset-inline-start: 0px; }\n}@supports not (inset-inline-start: 0) {\n .header-md::after { left: 0px; }\n [dir=\"rtl\"] .header-md::after, :host-context([dir=\"rtl\"]) .header-md::after { left: unset; right: 0px; }\n}[dir=\"rtl\"] .header-md::after, :host-context([dir=\"rtl\"]) .header-md::after { background-position: right 0px top -2px; }.header-collapse-condense { display: none; }.header-md.ion-no-border::after { display: none; }", | |
"isStyle": true, | |
"id": 26 | |
} | |
], | |
"id": 25 | |
}, | |
{ | |
"type": 2, | |
"tagName": "link", | |
"attributes": { | |
"rel": "manifest", | |
"href": "http://localhost:8100/manifest.json" | |
}, | |
"childNodes": [], | |
"id": 27 | |
}, | |
{ "type": 3, "textContent": "\n\n ", "id": 28 }, | |
{ | |
"type": 2, | |
"tagName": "link", | |
"attributes": { | |
"rel": "shortcut icon", | |
"type": "image/png", | |
"href": "http://localhost:8100/assets/icon/favicon.png" | |
}, | |
"childNodes": [], | |
"id": 29 | |
}, | |
{ "type": 3, "textContent": "\n\n ", "id": 30 }, | |
{ | |
"type": 5, | |
"textContent": " add to homescreen for ios ", | |
"id": 31 | |
}, | |
{ "type": 3, "textContent": "\n ", "id": 32 }, | |
{ | |
"type": 2, | |
"tagName": "meta", | |
"attributes": { | |
"name": "apple-mobile-web-app-capable", | |
"content": "yes" | |
}, | |
"childNodes": [], | |
"id": 33 | |
}, | |
{ "type": 3, "textContent": "\n ", "id": 34 }, | |
{ | |
"type": 2, | |
"tagName": "meta", | |
"attributes": { | |
"name": "apple-mobile-web-app-title", | |
"content": "Ionic App" | |
}, | |
"childNodes": [], | |
"id": 35 | |
}, | |
{ "type": 3, "textContent": "\n ", "id": 36 }, | |
{ | |
"type": 2, | |
"tagName": "meta", | |
"attributes": { | |
"name": "apple-mobile-web-app-status-bar-style", | |
"content": "black" | |
}, | |
"childNodes": [], | |
"id": 37 | |
}, | |
{ "type": 3, "textContent": "\n ", "id": 38 }, | |
{ | |
"type": 2, | |
"tagName": "script", | |
"attributes": { | |
"defer": "", | |
"src": "http://localhost:8100/static/js/bundle.js" | |
}, | |
"childNodes": [], | |
"id": 39 | |
}, | |
{ | |
"type": 2, | |
"tagName": "style", | |
"attributes": {}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": ".container { text-align: center; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); }.container strong { font-size: 20px; line-height: 26px; }.container p { font-size: 16px; line-height: 22px; color: rgb(140, 140, 140); margin: 0px; }.container a { text-decoration: none; }", | |
"isStyle": true, | |
"id": 41 | |
} | |
], | |
"id": 40 | |
}, | |
{ | |
"type": 2, | |
"tagName": "style", | |
"attributes": {}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": "", | |
"isStyle": true, | |
"id": 43 | |
} | |
], | |
"id": 42 | |
}, | |
{ | |
"type": 2, | |
"tagName": "style", | |
"attributes": {}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": "", | |
"isStyle": true, | |
"id": 45 | |
} | |
], | |
"id": 44 | |
}, | |
{ | |
"type": 2, | |
"tagName": "style", | |
"attributes": {}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": "", | |
"isStyle": true, | |
"id": 47 | |
} | |
], | |
"id": 46 | |
}, | |
{ | |
"type": 2, | |
"tagName": "style", | |
"attributes": {}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": "html.ios { --ion-default-font: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", \"Roboto\", sans-serif; }html.md { --ion-default-font: \"Roboto\", \"Helvetica Neue\", sans-serif; }html { --ion-font-family: var(--ion-default-font); }body { background: var(--ion-background-color); }body.backdrop-no-scroll { overflow: hidden; }html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type, html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type, html.ios ion-modal ion-footer ion-toolbar:first-of-type { padding-top: 6px; }html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type, html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type { padding-bottom: 6px; }html.ios ion-modal ion-toolbar { padding-right: calc(var(--ion-safe-area-right) + 8px); padding-left: calc(var(--ion-safe-area-left) + 8px); }@media screen and (min-width: 768px) {\n html.ios ion-modal.modal-card:first-of-type { --backdrop-opacity: 0.18; }\n}ion-modal.modal-default.show-modal ~ ion-modal.modal-default { --backdrop-opacity: 0; --box-shadow: none; }html.ios ion-modal.modal-card .ion-page { border-top-left-radius: var(--border-radius); }.ion-color-primary { --ion-color-base: var(--ion-color-primary, #3880ff) !important; --ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important; --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important; --ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important; }.ion-color-secondary { --ion-color-base: var(--ion-color-secondary, #3dc2ff) !important; --ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important; --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important; --ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important; }.ion-color-tertiary { --ion-color-base: var(--ion-color-tertiary, #5260ff) !important; --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important; --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important; --ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important; }.ion-color-success { --ion-color-base: var(--ion-color-success, #2dd36f) !important; --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important; --ion-color-contrast: var(--ion-color-success-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-success-shade, #28ba62) !important; --ion-color-tint: var(--ion-color-success-tint, #42d77d) !important; }.ion-color-warning { --ion-color-base: var(--ion-color-warning, #ffc409) !important; --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important; --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important; --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important; --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important; --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important; }.ion-color-danger { --ion-color-base: var(--ion-color-danger, #eb445a) !important; --ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important; --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important; --ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important; }.ion-color-light { --ion-color-base: var(--ion-color-light, #f4f5f8) !important; --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important; --ion-color-contrast: var(--ion-color-light-contrast, #000) !important; --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important; --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important; --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important; }.ion-color-medium { --ion-color-base: var(--ion-color-medium, #92949c) !important; --ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important; --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-medium-shade, #808289) !important; --ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important; }.ion-color-dark { --ion-color-base: var(--ion-color-dark, #222428) !important; --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important; --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important; --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important; }.ion-page { inset: 0px; display: flex; position: absolute; flex-direction: column; justify-content: space-between; contain: size layout style; overflow: hidden; z-index: 0; }ion-modal > .ion-page { position: relative; contain: layout style; height: 100%; }.split-pane-visible > .ion-page.split-pane-main { position: relative; }ion-route, ion-route-redirect, ion-router, ion-select-option, ion-nav-controller, ion-menu-controller, ion-action-sheet-controller, ion-alert-controller, ion-loading-controller, ion-modal-controller, ion-picker-controller, ion-popover-controller, ion-toast-controller, .ion-page-hidden { display: none !important; }.ion-page-invisible { opacity: 0; }.can-go-back > ion-header ion-back-button { display: block; }html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa { --ion-statusbar-padding: 20px; }@supports (padding-top: 20px) {\n html { --ion-safe-area-top: var(--ion-statusbar-padding); }\n}@supports (padding-top: constant(safe-area-inset-top)) {\n html { --ion-safe-area-top: constant(safe-area-inset-top); --ion-safe-area-bottom: constant(safe-area-inset-bottom); --ion-safe-area-left: constant(safe-area-inset-left); --ion-safe-area-right: constant(safe-area-inset-right); }\n}@supports (padding-top: env(safe-area-inset-top)) {\n html { --ion-safe-area-top: env(safe-area-inset-top); --ion-safe-area-bottom: env(safe-area-inset-bottom); --ion-safe-area-left: env(safe-area-inset-left); --ion-safe-area-right: env(safe-area-inset-right); }\n}ion-card.ion-color .ion-inherit-color, ion-card-header.ion-color .ion-inherit-color { color: inherit; }.menu-content { transform: translate3d(0px, 0px, 0px); }.menu-content-open { cursor: pointer; touch-action: manipulation; pointer-events: none; }.ios .menu-content-reveal { box-shadow: rgba(0, 0, 0, 0.08) -8px 0px 42px; }[dir=\"rtl\"].ios .menu-content-reveal { box-shadow: rgba(0, 0, 0, 0.08) 8px 0px 42px; }.md .menu-content-reveal { box-shadow: rgba(0, 0, 0, 0.18) 4px 0px 16px; }.md .menu-content-push { box-shadow: rgba(0, 0, 0, 0.18) 4px 0px 16px; }ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; }ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }ion-accordion-group > ion-accordion:last-of-type ion-item[slot=\"header\"] { --border-width: 0px; }ion-accordion.accordion-animated > [slot=\"header\"] .ion-accordion-toggle-icon { transition: transform 300ms cubic-bezier(0.25, 0.8, 0.5, 1) 0s; }@media (prefers-reduced-motion: reduce) {\n ion-accordion .ion-accordion-toggle-icon { transition: none 0s ease 0s !important; }\n}ion-accordion.accordion-expanding > [slot=\"header\"] .ion-accordion-toggle-icon, ion-accordion.accordion-expanded > [slot=\"header\"] .ion-accordion-toggle-icon { transform: rotate(180deg); }ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=\"header\"] { --border-width: 0px; --inner-border-width: 0px; }ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type, ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type { margin-top: 0px; }ion-input input::-webkit-date-and-time-value { text-align: start; }.ion-datetime-button-overlay { --width: fit-content; --height: fit-content; }.ion-datetime-button-overlay ion-datetime.datetime-grid { width: 320px; min-height: 320px; }", | |
"isStyle": true, | |
"id": 49 | |
} | |
], | |
"id": 48 | |
}, | |
{ | |
"type": 2, | |
"tagName": "style", | |
"attributes": {}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": "audio, canvas, progress, video { vertical-align: baseline; }audio:not([controls]) { display: none; height: 0px; }b, strong { font-weight: bold; }img { max-width: 100%; }hr { height: 1px; border-width: 0px; box-sizing: content-box; }pre { overflow: auto; }code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }label, input, select, textarea { font-family: inherit; line-height: normal; }textarea { overflow: auto; height: auto; font: inherit; color: inherit; }textarea::placeholder { padding-left: 2px; }form, input, optgroup, select { margin: 0px; font: inherit; color: inherit; }html input[type=\"button\"], input[type=\"reset\"], input[type=\"submit\"] { cursor: pointer; appearance: button; }a, a div, a span, a ion-icon, a ion-label, button, button div, button span, button ion-icon, button ion-label, .ion-tappable, [tappable], [tappable] div, [tappable] span, [tappable] ion-icon, [tappable] ion-label, input, textarea { touch-action: manipulation; }a ion-label, button ion-label { pointer-events: none; }button { padding: 0px; border: 0px; border-radius: 0px; font-family: inherit; font-style: inherit; font-feature-settings: inherit; font-variant: inherit; line-height: 1; text-transform: none; cursor: pointer; appearance: button; }[tappable] { cursor: pointer; }a[disabled], button[disabled], html input[disabled] { cursor: default; }input[type=\"number\"]::-webkit-inner-spin-button, input[type=\"number\"]::-webkit-outer-spin-button { height: auto; }input[type=\"search\"]::-webkit-search-cancel-button, input[type=\"search\"]::-webkit-search-decoration { appearance: none; }table { border-collapse: collapse; border-spacing: 0px; }td, th { padding: 0px; }", | |
"isStyle": true, | |
"id": 51 | |
} | |
], | |
"id": 50 | |
}, | |
{ | |
"type": 2, | |
"tagName": "style", | |
"attributes": {}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": "* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }html { width: 100%; height: 100%; text-size-adjust: 100%; }html:not(.hydrated) body { display: none; }html.ion-ce body { display: block; }html.plt-pwa { height: 100vh; }body { -webkit-font-smoothing: antialiased; margin: 0px; padding: 0px; position: fixed; width: 100%; max-width: 100%; height: 100%; max-height: 100%; transform: translateZ(0px); text-rendering: optimizelegibility; overflow: hidden; touch-action: manipulation; -webkit-user-drag: none; overflow-wrap: break-word; overscroll-behavior-y: none; text-size-adjust: none; }", | |
"isStyle": true, | |
"id": 53 | |
} | |
], | |
"id": 52 | |
}, | |
{ | |
"type": 2, | |
"tagName": "style", | |
"attributes": {}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": "html { font-family: var(--ion-font-family); }a { background-color: transparent; color: var(--ion-color-primary, #3880ff); }h1, h2, h3, h4, h5, h6 { margin-top: 16px; margin-bottom: 10px; font-weight: 500; line-height: 1.2; }h1 { margin-top: 20px; font-size: 26px; }h2 { margin-top: 18px; font-size: 24px; }h3 { font-size: 22px; }h4 { font-size: 20px; }h5 { font-size: 18px; }h6 { font-size: 16px; }small { font-size: 75%; }sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }sup { top: -0.5em; }sub { bottom: -0.25em; }", | |
"isStyle": true, | |
"id": 55 | |
} | |
], | |
"id": 54 | |
}, | |
{ | |
"type": 2, | |
"tagName": "style", | |
"attributes": {}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": ".ion-no-padding { --padding-start: 0; --padding-end: 0; --padding-top: 0; --padding-bottom: 0; padding: 0px; }.ion-padding { --padding-start: var(--ion-padding, 16px); --padding-end: var(--ion-padding, 16px); --padding-top: var(--ion-padding, 16px); --padding-bottom: var(--ion-padding, 16px); padding-inline-start: var(--ion-padding, 16px); padding-inline-end: var(--ion-padding, 16px); padding-top: var(--ion-padding, 16px); padding-bottom: var(--ion-padding, 16px); }.ion-padding-top { --padding-top: var(--ion-padding, 16px); padding-top: var(--ion-padding, 16px); }.ion-padding-start { --padding-start: var(--ion-padding, 16px); padding-inline-start: var(--ion-padding, 16px); }.ion-padding-end { --padding-end: var(--ion-padding, 16px); padding-inline-end: var(--ion-padding, 16px); }.ion-padding-bottom { --padding-bottom: var(--ion-padding, 16px); padding-bottom: var(--ion-padding, 16px); }.ion-padding-vertical { --padding-top: var(--ion-padding, 16px); --padding-bottom: var(--ion-padding, 16px); padding-top: var(--ion-padding, 16px); padding-bottom: var(--ion-padding, 16px); }.ion-padding-horizontal { --padding-start: var(--ion-padding, 16px); --padding-end: var(--ion-padding, 16px); padding-inline-start: var(--ion-padding, 16px); padding-inline-end: var(--ion-padding, 16px); }.ion-no-margin { --margin-start: 0; --margin-end: 0; --margin-top: 0; --margin-bottom: 0; margin: 0px; }.ion-margin { --margin-start: var(--ion-margin, 16px); --margin-end: var(--ion-margin, 16px); --margin-top: var(--ion-margin, 16px); --margin-bottom: var(--ion-margin, 16px); margin-inline-start: var(--ion-margin, 16px); margin-inline-end: var(--ion-margin, 16px); margin-top: var(--ion-margin, 16px); margin-bottom: var(--ion-margin, 16px); }.ion-margin-top { --margin-top: var(--ion-margin, 16px); margin-top: var(--ion-margin, 16px); }.ion-margin-start { --margin-start: var(--ion-margin, 16px); margin-inline-start: var(--ion-margin, 16px); }.ion-margin-end { --margin-end: var(--ion-margin, 16px); margin-inline-end: var(--ion-margin, 16px); }.ion-margin-bottom { --margin-bottom: var(--ion-margin, 16px); margin-bottom: var(--ion-margin, 16px); }.ion-margin-vertical { --margin-top: var(--ion-margin, 16px); --margin-bottom: var(--ion-margin, 16px); margin-top: var(--ion-margin, 16px); margin-bottom: var(--ion-margin, 16px); }.ion-margin-horizontal { --margin-start: var(--ion-margin, 16px); --margin-end: var(--ion-margin, 16px); margin-inline-start: var(--ion-margin, 16px); margin-inline-end: var(--ion-margin, 16px); }", | |
"isStyle": true, | |
"id": 57 | |
} | |
], | |
"id": 56 | |
}, | |
{ | |
"type": 2, | |
"tagName": "style", | |
"attributes": {}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": ".ion-float-left { float: left !important; }.ion-float-right { float: right !important; }.ion-float-start { float: left !important; }[dir=\"rtl\"] .ion-float-start, :host-context([dir=\"rtl\"]) .ion-float-start { float: right !important; }.ion-float-end { float: right !important; }[dir=\"rtl\"] .ion-float-end, :host-context([dir=\"rtl\"]) .ion-float-end { float: left !important; }@media (min-width: 576px) {\n .ion-float-sm-left { float: left !important; }\n .ion-float-sm-right { float: right !important; }\n .ion-float-sm-start { float: left !important; }\n [dir=\"rtl\"] .ion-float-sm-start, :host-context([dir=\"rtl\"]) .ion-float-sm-start { float: right !important; }\n .ion-float-sm-end { float: right !important; }\n [dir=\"rtl\"] .ion-float-sm-end, :host-context([dir=\"rtl\"]) .ion-float-sm-end { float: left !important; }\n}@media (min-width: 768px) {\n .ion-float-md-left { float: left !important; }\n .ion-float-md-right { float: right !important; }\n .ion-float-md-start { float: left !important; }\n [dir=\"rtl\"] .ion-float-md-start, :host-context([dir=\"rtl\"]) .ion-float-md-start { float: right !important; }\n .ion-float-md-end { float: right !important; }\n [dir=\"rtl\"] .ion-float-md-end, :host-context([dir=\"rtl\"]) .ion-float-md-end { float: left !important; }\n}@media (min-width: 992px) {\n .ion-float-lg-left { float: left !important; }\n .ion-float-lg-right { float: right !important; }\n .ion-float-lg-start { float: left !important; }\n [dir=\"rtl\"] .ion-float-lg-start, :host-context([dir=\"rtl\"]) .ion-float-lg-start { float: right !important; }\n .ion-float-lg-end { float: right !important; }\n [dir=\"rtl\"] .ion-float-lg-end, :host-context([dir=\"rtl\"]) .ion-float-lg-end { float: left !important; }\n}@media (min-width: 1200px) {\n .ion-float-xl-left { float: left !important; }\n .ion-float-xl-right { float: right !important; }\n .ion-float-xl-start { float: left !important; }\n [dir=\"rtl\"] .ion-float-xl-start, :host-context([dir=\"rtl\"]) .ion-float-xl-start { float: right !important; }\n .ion-float-xl-end { float: right !important; }\n [dir=\"rtl\"] .ion-float-xl-end, :host-context([dir=\"rtl\"]) .ion-float-xl-end { float: left !important; }\n}", | |
"isStyle": true, | |
"id": 59 | |
} | |
], | |
"id": 58 | |
}, | |
{ | |
"type": 2, | |
"tagName": "style", | |
"attributes": {}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": ".ion-text-center { text-align: center !important; }.ion-text-justify { text-align: justify !important; }.ion-text-start { text-align: start !important; }.ion-text-end { text-align: end !important; }.ion-text-left { text-align: left !important; }.ion-text-right { text-align: right !important; }.ion-text-nowrap { white-space: nowrap !important; }.ion-text-wrap { white-space: normal !important; }@media (min-width: 576px) {\n .ion-text-sm-center { text-align: center !important; }\n .ion-text-sm-justify { text-align: justify !important; }\n .ion-text-sm-start { text-align: start !important; }\n .ion-text-sm-end { text-align: end !important; }\n .ion-text-sm-left { text-align: left !important; }\n .ion-text-sm-right { text-align: right !important; }\n .ion-text-sm-nowrap { white-space: nowrap !important; }\n .ion-text-sm-wrap { white-space: normal !important; }\n}@media (min-width: 768px) {\n .ion-text-md-center { text-align: center !important; }\n .ion-text-md-justify { text-align: justify !important; }\n .ion-text-md-start { text-align: start !important; }\n .ion-text-md-end { text-align: end !important; }\n .ion-text-md-left { text-align: left !important; }\n .ion-text-md-right { text-align: right !important; }\n .ion-text-md-nowrap { white-space: nowrap !important; }\n .ion-text-md-wrap { white-space: normal !important; }\n}@media (min-width: 992px) {\n .ion-text-lg-center { text-align: center !important; }\n .ion-text-lg-justify { text-align: justify !important; }\n .ion-text-lg-start { text-align: start !important; }\n .ion-text-lg-end { text-align: end !important; }\n .ion-text-lg-left { text-align: left !important; }\n .ion-text-lg-right { text-align: right !important; }\n .ion-text-lg-nowrap { white-space: nowrap !important; }\n .ion-text-lg-wrap { white-space: normal !important; }\n}@media (min-width: 1200px) {\n .ion-text-xl-center { text-align: center !important; }\n .ion-text-xl-justify { text-align: justify !important; }\n .ion-text-xl-start { text-align: start !important; }\n .ion-text-xl-end { text-align: end !important; }\n .ion-text-xl-left { text-align: left !important; }\n .ion-text-xl-right { text-align: right !important; }\n .ion-text-xl-nowrap { white-space: nowrap !important; }\n .ion-text-xl-wrap { white-space: normal !important; }\n}", | |
"isStyle": true, | |
"id": 61 | |
} | |
], | |
"id": 60 | |
}, | |
{ | |
"type": 2, | |
"tagName": "style", | |
"attributes": {}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": ".ion-text-uppercase { text-transform: uppercase !important; }.ion-text-lowercase { text-transform: lowercase !important; }.ion-text-capitalize { text-transform: capitalize !important; }@media (min-width: 576px) {\n .ion-text-sm-uppercase { text-transform: uppercase !important; }\n .ion-text-sm-lowercase { text-transform: lowercase !important; }\n .ion-text-sm-capitalize { text-transform: capitalize !important; }\n}@media (min-width: 768px) {\n .ion-text-md-uppercase { text-transform: uppercase !important; }\n .ion-text-md-lowercase { text-transform: lowercase !important; }\n .ion-text-md-capitalize { text-transform: capitalize !important; }\n}@media (min-width: 992px) {\n .ion-text-lg-uppercase { text-transform: uppercase !important; }\n .ion-text-lg-lowercase { text-transform: lowercase !important; }\n .ion-text-lg-capitalize { text-transform: capitalize !important; }\n}@media (min-width: 1200px) {\n .ion-text-xl-uppercase { text-transform: uppercase !important; }\n .ion-text-xl-lowercase { text-transform: lowercase !important; }\n .ion-text-xl-capitalize { text-transform: capitalize !important; }\n}", | |
"isStyle": true, | |
"id": 63 | |
} | |
], | |
"id": 62 | |
}, | |
{ | |
"type": 2, | |
"tagName": "style", | |
"attributes": {}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": ".ion-align-self-start { align-self: flex-start !important; }.ion-align-self-end { align-self: flex-end !important; }.ion-align-self-center { align-self: center !important; }.ion-align-self-stretch { align-self: stretch !important; }.ion-align-self-baseline { align-self: baseline !important; }.ion-align-self-auto { align-self: auto !important; }.ion-wrap { flex-wrap: wrap !important; }.ion-nowrap { flex-wrap: nowrap !important; }.ion-wrap-reverse { flex-wrap: wrap-reverse !important; }.ion-justify-content-start { justify-content: flex-start !important; }.ion-justify-content-center { justify-content: center !important; }.ion-justify-content-end { justify-content: flex-end !important; }.ion-justify-content-around { justify-content: space-around !important; }.ion-justify-content-between { justify-content: space-between !important; }.ion-justify-content-evenly { justify-content: space-evenly !important; }.ion-align-items-start { align-items: flex-start !important; }.ion-align-items-center { align-items: center !important; }.ion-align-items-end { align-items: flex-end !important; }.ion-align-items-stretch { align-items: stretch !important; }.ion-align-items-baseline { align-items: baseline !important; }", | |
"isStyle": true, | |
"id": 65 | |
} | |
], | |
"id": 64 | |
}, | |
{ | |
"type": 2, | |
"tagName": "style", | |
"attributes": {}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": ".ion-hide { display: none !important; }.ion-hide-up { display: none !important; }.ion-hide-down { display: none !important; }@media (min-width: 576px) {\n .ion-hide-sm-up { display: none !important; }\n}@media (max-width: 575.98px) {\n .ion-hide-sm-down { display: none !important; }\n}@media (min-width: 768px) {\n .ion-hide-md-up { display: none !important; }\n}@media (max-width: 767.98px) {\n .ion-hide-md-down { display: none !important; }\n}@media (min-width: 992px) {\n .ion-hide-lg-up { display: none !important; }\n}@media (max-width: 991.98px) {\n .ion-hide-lg-down { display: none !important; }\n}@media (min-width: 1200px) {\n .ion-hide-xl-up { display: none !important; }\n}@media (max-width: 1199.98px) {\n .ion-hide-xl-down { display: none !important; }\n}", | |
"isStyle": true, | |
"id": 67 | |
} | |
], | |
"id": 66 | |
}, | |
{ | |
"type": 2, | |
"tagName": "style", | |
"attributes": {}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": ":root { --ion-color-primary: #3880FF; --ion-color-primary-rgb: 56, 128, 255; --ion-color-primary-contrast: #ffffff; --ion-color-primary-contrast-rgb: 255, 255, 255; --ion-color-primary-shade: #3171e0; --ion-color-primary-tint: #4c8dff; --ion-color-secondary: #3dc2ff; --ion-color-secondary-rgb: 61, 194, 255; --ion-color-secondary-contrast: #ffffff; --ion-color-secondary-contrast-rgb: 255, 255, 255; --ion-color-secondary-shade: #36abe0; --ion-color-secondary-tint: #50c8ff; --ion-color-tertiary: #5260ff; --ion-color-tertiary-rgb: 82, 96, 255; --ion-color-tertiary-contrast: #ffffff; --ion-color-tertiary-contrast-rgb: 255, 255, 255; --ion-color-tertiary-shade: #4854e0; --ion-color-tertiary-tint: #6370ff; --ion-color-success: #2dd36f; --ion-color-success-rgb: 45, 211, 111; --ion-color-success-contrast: #ffffff; --ion-color-success-contrast-rgb: 255, 255, 255; --ion-color-success-shade: #28ba62; --ion-color-success-tint: #42d77d; --ion-color-warning: #ffc409; --ion-color-warning-rgb: 255, 196, 9; --ion-color-warning-contrast: #000000; --ion-color-warning-contrast-rgb: 0, 0, 0; --ion-color-warning-shade: #e0ac08; --ion-color-warning-tint: #ffca22; --ion-color-danger: #eb445a; --ion-color-danger-rgb: 235, 68, 90; --ion-color-danger-contrast: #ffffff; --ion-color-danger-contrast-rgb: 255, 255, 255; --ion-color-danger-shade: #cf3c4f; --ion-color-danger-tint: #ed576b; --ion-color-dark: #222428; --ion-color-dark-rgb: 34, 36, 40; --ion-color-dark-contrast: #ffffff; --ion-color-dark-contrast-rgb: 255, 255, 255; --ion-color-dark-shade: #1e2023; --ion-color-dark-tint: #383a3e; --ion-color-medium: #92949c; --ion-color-medium-rgb: 146, 148, 156; --ion-color-medium-contrast: #ffffff; --ion-color-medium-contrast-rgb: 255, 255, 255; --ion-color-medium-shade: #808289; --ion-color-medium-tint: #9d9fa6; --ion-color-light: #f4f5f8; --ion-color-light-rgb: 244, 245, 248; --ion-color-light-contrast: #000000; --ion-color-light-contrast-rgb: 0, 0, 0; --ion-color-light-shade: #d7d8da; --ion-color-light-tint: #f5f6f9; }@media (prefers-color-scheme: dark) {\n body { --ion-color-primary: #afccff; --ion-color-primary-rgb: 175, 204, 255; --ion-color-primary-contrast: #000000; --ion-color-primary-contrast-rgb: 0, 0, 0; --ion-color-primary-shade: #9ab4e0; --ion-color-primary-tint: #b7d1ff; --ion-color-secondary: #50c8ff; --ion-color-secondary-rgb: 80,200,255; --ion-color-secondary-contrast: #ffffff; --ion-color-secondary-contrast-rgb: 255,255,255; --ion-color-secondary-shade: #46b0e0; --ion-color-secondary-tint: #62ceff; --ion-color-tertiary: #6a64ff; --ion-color-tertiary-rgb: 106,100,255; --ion-color-tertiary-contrast: #ffffff; --ion-color-tertiary-contrast-rgb: 255,255,255; --ion-color-tertiary-shade: #5d58e0; --ion-color-tertiary-tint: #7974ff; --ion-color-success: #2fdf75; --ion-color-success-rgb: 47,223,117; --ion-color-success-contrast: #000000; --ion-color-success-contrast-rgb: 0,0,0; --ion-color-success-shade: #29c467; --ion-color-success-tint: #44e283; --ion-color-warning: #ffd534; --ion-color-warning-rgb: 255,213,52; --ion-color-warning-contrast: #000000; --ion-color-warning-contrast-rgb: 0,0,0; --ion-color-warning-shade: #e0bb2e; --ion-color-warning-tint: #ffd948; --ion-color-danger: #ff4961; --ion-color-danger-rgb: 255,73,97; --ion-color-danger-contrast: #ffffff; --ion-color-danger-contrast-rgb: 255,255,255; --ion-color-danger-shade: #e04055; --ion-color-danger-tint: #ff5b71; --ion-color-dark: #f4f5f8; --ion-color-dark-rgb: 244,245,248; --ion-color-dark-contrast: #000000; --ion-color-dark-contrast-rgb: 0,0,0; --ion-color-dark-shade: #d7d8da; --ion-color-dark-tint: #f5f6f9; --ion-color-medium: #989aa2; --ion-color-medium-rgb: 152,154,162; --ion-color-medium-contrast: #000000; --ion-color-medium-contrast-rgb: 0,0,0; --ion-color-medium-shade: #86888f; --ion-color-medium-tint: #a2a4ab; --ion-color-light: #222428; --ion-color-light-rgb: 34,36,40; --ion-color-light-contrast: #ffffff; --ion-color-light-contrast-rgb: 255,255,255; --ion-color-light-shade: #1e2023; --ion-color-light-tint: #383a3e; }\n .ios body { --ion-background-color: #000000; --ion-background-color-rgb: 0,0,0; --ion-text-color: #ffffff; --ion-text-color-rgb: 255,255,255; --ion-color-step-50: #0d0d0d; --ion-color-step-100: #1a1a1a; --ion-color-step-150: #262626; --ion-color-step-200: #333333; --ion-color-step-250: #404040; --ion-color-step-300: #4d4d4d; --ion-color-step-350: #595959; --ion-color-step-400: #666666; --ion-color-step-450: #737373; --ion-color-step-500: #808080; --ion-color-step-550: #8c8c8c; --ion-color-step-600: #999999; --ion-color-step-650: #a6a6a6; --ion-color-step-700: #b3b3b3; --ion-color-step-750: #bfbfbf; --ion-color-step-800: #cccccc; --ion-color-step-850: #d9d9d9; --ion-color-step-900: #e6e6e6; --ion-color-step-950: #f2f2f2; --ion-item-background: #000000; --ion-card-background: #1c1c1d; }\n .ios ion-modal { --ion-background-color: var(--ion-color-step-100); --ion-toolbar-background: var(--ion-color-step-150); --ion-toolbar-border-color: var(--ion-color-step-250); }\n .md body { --ion-background-color: #121212; --ion-background-color-rgb: 18,18,18; --ion-text-color: #ffffff; --ion-text-color-rgb: 255,255,255; --ion-border-color: #222222; --ion-color-step-50: #1e1e1e; --ion-color-step-100: #2a2a2a; --ion-color-step-150: #363636; --ion-color-step-200: #414141; --ion-color-step-250: #4d4d4d; --ion-color-step-300: #595959; --ion-color-step-350: #656565; --ion-color-step-400: #717171; --ion-color-step-450: #7d7d7d; --ion-color-step-500: #898989; --ion-color-step-550: #949494; --ion-color-step-600: #a0a0a0; --ion-color-step-650: #acacac; --ion-color-step-700: #b8b8b8; --ion-color-step-750: #c4c4c4; --ion-color-step-800: #d0d0d0; --ion-color-step-850: #dbdbdb; --ion-color-step-900: #e7e7e7; --ion-color-step-950: #f3f3f3; --ion-item-background: #1e1e1e; --ion-toolbar-background: #1f1f1f; --ion-tab-bar-background: #1f1f1f; --ion-card-background: #1e1e1e; }\n}", | |
"isStyle": true, | |
"id": 69 | |
} | |
], | |
"id": 68 | |
}, | |
{ | |
"type": 2, | |
"tagName": "script", | |
"attributes": { | |
"charset": "utf-8", | |
"data-webpack": "posthog-test:chunk-node_modules_ionic_core_components_index9_js", | |
"src": "http://localhost:8100/static/js/node_modules_ionic_core_components_index9_js.chunk.js" | |
}, | |
"childNodes": [], | |
"id": 70 | |
} | |
], | |
"id": 4 | |
}, | |
{ "type": 3, "textContent": "\n\n ", "id": 71 }, | |
{ | |
"type": 2, | |
"tagName": "body", | |
"attributes": {}, | |
"childNodes": [ | |
{ "type": 3, "textContent": "\n ", "id": 73 }, | |
{ | |
"type": 2, | |
"tagName": "div", | |
"attributes": { "id": "root" }, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "ion-app", | |
"attributes": { "class": "md ion-page" }, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "div", | |
"attributes": { "class": "ion-page" }, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "ion-tabs", | |
"attributes": { | |
"classname": "ion-tabs", | |
"style": "display: flex; position: absolute; inset: 0px; flex-direction: column; width: 100%; height: 100%; contain: size layout style;" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "div", | |
"attributes": { | |
"class": "tabs-inner", | |
"style": "position: relative; flex: 1 1 0%; contain: size layout style;" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "ion-router-outlet", | |
"attributes": {}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "div", | |
"attributes": { | |
"class": "ion-page", | |
"style": "z-index: 101;" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "ion-header", | |
"attributes": { | |
"role": "banner", | |
"class": "md header-md header-collapse-none" | |
}, | |
"childNodes": [ | |
{ | |
"type": 5, | |
"textContent": "", | |
"id": 82 | |
}, | |
{ | |
"type": 3, | |
"textContent": "", | |
"id": 83 | |
}, | |
{ | |
"type": 3, | |
"textContent": "", | |
"id": 84 | |
}, | |
{ | |
"type": 2, | |
"tagName": "ion-toolbar", | |
"attributes": { | |
"class": "toolbar-title-default md in-toolbar" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "ion-title", | |
"attributes": { | |
"class": "md title-default" | |
}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": "Tab 1", | |
"id": 87 | |
}, | |
{ | |
"type": 2, | |
"tagName": "div", | |
"attributes": { | |
"class": "toolbar-title" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "slot", | |
"attributes": {}, | |
"childNodes": [], | |
"id": 89 | |
} | |
], | |
"id": 88, | |
"isShadow": true | |
} | |
], | |
"id": 86, | |
"isShadowHost": true | |
}, | |
{ | |
"type": 2, | |
"tagName": "div", | |
"attributes": { | |
"class": "toolbar-background" | |
}, | |
"childNodes": [], | |
"id": 90, | |
"isShadow": true | |
}, | |
{ | |
"type": 2, | |
"tagName": "div", | |
"attributes": { | |
"class": "toolbar-container" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "slot", | |
"attributes": { | |
"name": "start" | |
}, | |
"childNodes": [], | |
"id": 92 | |
}, | |
{ | |
"type": 2, | |
"tagName": "slot", | |
"attributes": { | |
"name": "secondary" | |
}, | |
"childNodes": [], | |
"id": 93 | |
}, | |
{ | |
"type": 2, | |
"tagName": "div", | |
"attributes": { | |
"class": "toolbar-content" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "slot", | |
"attributes": {}, | |
"childNodes": [], | |
"id": 95 | |
} | |
], | |
"id": 94 | |
}, | |
{ | |
"type": 2, | |
"tagName": "slot", | |
"attributes": { | |
"name": "primary" | |
}, | |
"childNodes": [], | |
"id": 96 | |
}, | |
{ | |
"type": 2, | |
"tagName": "slot", | |
"attributes": { | |
"name": "end" | |
}, | |
"childNodes": [], | |
"id": 97 | |
} | |
], | |
"id": 91, | |
"isShadow": true | |
} | |
], | |
"id": 85, | |
"isShadowHost": true | |
} | |
], | |
"id": 81 | |
}, | |
{ | |
"type": 2, | |
"tagName": "ion-content", | |
"attributes": { | |
"fullscreen": "true", | |
"class": "md content-ltr", | |
"style": "--offset-top:56px; --offset-bottom:57px;" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "ion-header", | |
"attributes": { | |
"collapse": "condense", | |
"role": "banner", | |
"class": "md header-md header-collapse-condense" | |
}, | |
"childNodes": [ | |
{ | |
"type": 5, | |
"textContent": "", | |
"id": 100 | |
}, | |
{ | |
"type": 3, | |
"textContent": "", | |
"id": 101 | |
}, | |
{ | |
"type": 3, | |
"textContent": "", | |
"id": 102 | |
}, | |
{ | |
"type": 2, | |
"tagName": "ion-toolbar", | |
"attributes": { | |
"class": "toolbar-title-large md in-toolbar" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "ion-title", | |
"attributes": { | |
"size": "large", | |
"class": "md title-large" | |
}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": "Tab 1", | |
"id": 105 | |
}, | |
{ | |
"type": 2, | |
"tagName": "div", | |
"attributes": { | |
"class": "toolbar-title" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "slot", | |
"attributes": {}, | |
"childNodes": [], | |
"id": 107 | |
} | |
], | |
"id": 106, | |
"isShadow": true | |
} | |
], | |
"id": 104, | |
"isShadowHost": true | |
}, | |
{ | |
"type": 2, | |
"tagName": "div", | |
"attributes": { | |
"class": "toolbar-background" | |
}, | |
"childNodes": [], | |
"id": 108, | |
"isShadow": true | |
}, | |
{ | |
"type": 2, | |
"tagName": "div", | |
"attributes": { | |
"class": "toolbar-container" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "slot", | |
"attributes": { | |
"name": "start" | |
}, | |
"childNodes": [], | |
"id": 110 | |
}, | |
{ | |
"type": 2, | |
"tagName": "slot", | |
"attributes": { | |
"name": "secondary" | |
}, | |
"childNodes": [], | |
"id": 111 | |
}, | |
{ | |
"type": 2, | |
"tagName": "div", | |
"attributes": { | |
"class": "toolbar-content" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "slot", | |
"attributes": {}, | |
"childNodes": [], | |
"id": 113 | |
} | |
], | |
"id": 112 | |
}, | |
{ | |
"type": 2, | |
"tagName": "slot", | |
"attributes": { | |
"name": "primary" | |
}, | |
"childNodes": [], | |
"id": 114 | |
}, | |
{ | |
"type": 2, | |
"tagName": "slot", | |
"attributes": { | |
"name": "end" | |
}, | |
"childNodes": [], | |
"id": 115 | |
} | |
], | |
"id": 109, | |
"isShadow": true | |
} | |
], | |
"id": 103, | |
"isShadowHost": true | |
} | |
], | |
"id": 99 | |
}, | |
{ | |
"type": 2, | |
"tagName": "div", | |
"attributes": { | |
"class": "container" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "strong", | |
"attributes": {}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": "Tab 1 page", | |
"id": 118 | |
} | |
], | |
"id": 117 | |
}, | |
{ | |
"type": 2, | |
"tagName": "p", | |
"attributes": {}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": "Explore ", | |
"id": 120 | |
}, | |
{ | |
"type": 2, | |
"tagName": "a", | |
"attributes": { | |
"target": "_blank", | |
"rel": "noopener noreferrer", | |
"href": "https://ionicframework.com/docs/components" | |
}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": "UI Components", | |
"id": 122 | |
} | |
], | |
"id": 121 | |
} | |
], | |
"id": 119 | |
} | |
], | |
"id": 116 | |
}, | |
{ | |
"type": 2, | |
"tagName": "div", | |
"attributes": { | |
"id": "background-content", | |
"part": "background" | |
}, | |
"childNodes": [], | |
"id": 123, | |
"isShadow": true | |
}, | |
{ | |
"type": 2, | |
"tagName": "main", | |
"attributes": { | |
"class": "inner-scroll scroll-y", | |
"part": "scroll" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "slot", | |
"attributes": {}, | |
"childNodes": [], | |
"id": 125 | |
} | |
], | |
"id": 124, | |
"isShadow": true | |
}, | |
{ | |
"type": 2, | |
"tagName": "slot", | |
"attributes": { | |
"name": "fixed" | |
}, | |
"childNodes": [], | |
"id": 126, | |
"isShadow": true | |
} | |
], | |
"id": 98, | |
"isShadowHost": true | |
} | |
], | |
"id": 80 | |
}, | |
{ | |
"type": 2, | |
"tagName": "slot", | |
"attributes": {}, | |
"childNodes": [], | |
"id": 127, | |
"isShadow": true | |
} | |
], | |
"id": 79, | |
"isShadowHost": true | |
} | |
], | |
"id": 78 | |
}, | |
{ | |
"type": 2, | |
"tagName": "ion-tab-bar", | |
"attributes": { | |
"slot": "bottom", | |
"selected-tab": "tab1", | |
"role": "tablist", | |
"class": "md" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "ion-tab-button", | |
"attributes": { | |
"tab": "tab1", | |
"href": "http://localhost:8100/tab1", | |
"id": "tab-button-tab1", | |
"class": "md tab-selected tab-has-label tab-has-icon tab-layout-icon-top ion-activatable ion-selectable ion-focusable" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "ion-icon", | |
"attributes": { | |
"icon": "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M464 464H48a16 16 0 01-14.07-23.62l208-384a16 16 0 0128.14 0l208 384A16 16 0 01464 464z'/></svg>", | |
"aria-hidden": "true", | |
"role": "img", | |
"class": "md" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "div", | |
"attributes": { | |
"class": "icon-inner" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "svg", | |
"attributes": { | |
"xmlns": "http://www.w3.org/2000/svg", | |
"class": "ionicon", | |
"viewBox": "0 0 512 512" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "path", | |
"attributes": { | |
"d": "M464 464H48a16 16 0 01-14.07-23.62l208-384a16 16 0 0128.14 0l208 384A16 16 0 01464 464z" | |
}, | |
"childNodes": [], | |
"isSVG": true, | |
"id": 133 | |
} | |
], | |
"isSVG": true, | |
"id": 132 | |
} | |
], | |
"id": 131, | |
"isShadow": true | |
} | |
], | |
"id": 130, | |
"isShadowHost": true | |
}, | |
{ | |
"type": 2, | |
"tagName": "ion-label", | |
"attributes": { | |
"class": "sc-ion-label-md-h sc-ion-label-md-s md" | |
}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": "Tab 1", | |
"id": 135 | |
} | |
], | |
"id": 134 | |
}, | |
{ | |
"type": 2, | |
"tagName": "a", | |
"attributes": { | |
"href": "http://localhost:8100/tab1", | |
"class": "button-native", | |
"part": "native", | |
"role": "tab", | |
"aria-selected": "true" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "span", | |
"attributes": { | |
"class": "button-inner" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "slot", | |
"attributes": {}, | |
"childNodes": [], | |
"id": 138 | |
} | |
], | |
"id": 137 | |
}, | |
{ | |
"type": 2, | |
"tagName": "ion-ripple-effect", | |
"attributes": { | |
"role": "presentation", | |
"class": "md unbounded" | |
}, | |
"childNodes": [], | |
"id": 139, | |
"isShadowHost": true | |
} | |
], | |
"id": 136, | |
"isShadow": true | |
} | |
], | |
"id": 129, | |
"isShadowHost": true | |
}, | |
{ | |
"type": 2, | |
"tagName": "ion-tab-button", | |
"attributes": { | |
"tab": "tab2", | |
"href": "http://localhost:8100/tab2", | |
"id": "tab-button-tab2", | |
"class": "md tab-has-label tab-has-icon tab-layout-icon-top ion-activatable ion-selectable ion-focusable" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "ion-icon", | |
"attributes": { | |
"icon": "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z'/></svg>", | |
"aria-hidden": "true", | |
"role": "img", | |
"class": "md" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "div", | |
"attributes": { | |
"class": "icon-inner" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "svg", | |
"attributes": { | |
"xmlns": "http://www.w3.org/2000/svg", | |
"class": "ionicon", | |
"viewBox": "0 0 512 512" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "path", | |
"attributes": { | |
"d": "M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z" | |
}, | |
"childNodes": [], | |
"isSVG": true, | |
"id": 144 | |
} | |
], | |
"isSVG": true, | |
"id": 143 | |
} | |
], | |
"id": 142, | |
"isShadow": true | |
} | |
], | |
"id": 141, | |
"isShadowHost": true | |
}, | |
{ | |
"type": 2, | |
"tagName": "ion-label", | |
"attributes": { | |
"class": "sc-ion-label-md-h sc-ion-label-md-s md" | |
}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": "Tab 2", | |
"id": 146 | |
} | |
], | |
"id": 145 | |
}, | |
{ | |
"type": 2, | |
"tagName": "a", | |
"attributes": { | |
"href": "http://localhost:8100/tab2", | |
"class": "button-native", | |
"part": "native", | |
"role": "tab" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "span", | |
"attributes": { | |
"class": "button-inner" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "slot", | |
"attributes": {}, | |
"childNodes": [], | |
"id": 149 | |
} | |
], | |
"id": 148 | |
}, | |
{ | |
"type": 2, | |
"tagName": "ion-ripple-effect", | |
"attributes": { | |
"role": "presentation", | |
"class": "md unbounded" | |
}, | |
"childNodes": [], | |
"id": 150, | |
"isShadowHost": true | |
} | |
], | |
"id": 147, | |
"isShadow": true | |
} | |
], | |
"id": 140, | |
"isShadowHost": true | |
}, | |
{ | |
"type": 2, | |
"tagName": "ion-tab-button", | |
"attributes": { | |
"tab": "tab3", | |
"href": "http://localhost:8100/tab3", | |
"id": "tab-button-tab3", | |
"class": "md tab-has-label tab-has-icon tab-layout-icon-top ion-activatable ion-selectable ion-focusable" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "ion-icon", | |
"attributes": { | |
"icon": "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M416 464H96a48.05 48.05 0 01-48-48V96a48.05 48.05 0 0148-48h320a48.05 48.05 0 0148 48v320a48.05 48.05 0 01-48 48z'/></svg>", | |
"aria-hidden": "true", | |
"role": "img", | |
"class": "md" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "div", | |
"attributes": { | |
"class": "icon-inner" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "svg", | |
"attributes": { | |
"xmlns": "http://www.w3.org/2000/svg", | |
"class": "ionicon", | |
"viewBox": "0 0 512 512" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "path", | |
"attributes": { | |
"d": "M416 464H96a48.05 48.05 0 01-48-48V96a48.05 48.05 0 0148-48h320a48.05 48.05 0 0148 48v320a48.05 48.05 0 01-48 48z" | |
}, | |
"childNodes": [], | |
"isSVG": true, | |
"id": 155 | |
} | |
], | |
"isSVG": true, | |
"id": 154 | |
} | |
], | |
"id": 153, | |
"isShadow": true | |
} | |
], | |
"id": 152, | |
"isShadowHost": true | |
}, | |
{ | |
"type": 2, | |
"tagName": "ion-label", | |
"attributes": { | |
"class": "sc-ion-label-md-h sc-ion-label-md-s md" | |
}, | |
"childNodes": [ | |
{ | |
"type": 3, | |
"textContent": "Tab 3", | |
"id": 157 | |
} | |
], | |
"id": 156 | |
}, | |
{ | |
"type": 2, | |
"tagName": "a", | |
"attributes": { | |
"href": "http://localhost:8100/tab3", | |
"class": "button-native", | |
"part": "native", | |
"role": "tab" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "span", | |
"attributes": { | |
"class": "button-inner" | |
}, | |
"childNodes": [ | |
{ | |
"type": 2, | |
"tagName": "slot", | |
"attributes": {}, | |
"childNodes": [], | |
"id": 160 | |
} | |
], | |
"id": 159 | |
}, | |
{ | |
"type": 2, | |
"tagName": "ion-ripple-effect", | |
"attributes": { | |
"role": "presentation", | |
"class": "md unbounded" | |
}, | |
"childNodes": [], | |
"id": 161, | |
"isShadowHost": true | |
} | |
], | |
"id": 158, | |
"isShadow": true | |
} | |
], | |
"id": 151, | |
"isShadowHost": true | |
}, | |
{ | |
"type": 2, | |
"tagName": "slot", | |
"attributes": {}, | |
"childNodes": [], | |
"id": 162, | |
"isShadow": true | |
} | |
], | |
"id": 128, | |
"isShadowHost": true | |
} | |
], | |
"id": 77 | |
} | |
], | |
"id": 76 | |
} | |
], | |
"id": 75 | |
} | |
], | |
"id": 74 | |
}, | |
{ "type": 3, "textContent": "\n \n\n\n", "id": 163 }, | |
{ | |
"type": 2, | |
"tagName": "script", | |
"attributes": { | |
"type": "text/javascript", | |
"src": "http://localhost:8000/static/recorder-v2.js?v=1.53.2" | |
}, | |
"childNodes": [], | |
"id": 164 | |
} | |
], | |
"id": 72 | |
} | |
], | |
"id": 3 | |
} | |
], | |
"id": 1 | |
}, | |
"initialOffset": { "left": 0, "top": 0 } | |
}, | |
"timestamp": 1681739584092, | |
"delay": -282 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 15, | |
"id": 79, | |
"styleIds": [1], | |
"styles": [ | |
{ | |
"styleId": 1, | |
"rules": [ | |
{ | |
"rule": ":host { inset: 0px; position: absolute; contain: size layout style; overflow: hidden; z-index: 0; }", | |
"index": 0 | |
} | |
] | |
} | |
] | |
}, | |
"timestamp": 1681739584097, | |
"delay": -277 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 15, | |
"id": 85, | |
"styleIds": [2], | |
"styles": [ | |
{ | |
"styleId": 2, | |
"rules": [ | |
{ | |
"rule": ":host { --border-width:0; --border-style:solid; --opacity:1; --opacity-scale:1; -webkit-font-smoothing: antialiased; padding-inline-start: var(--ion-safe-area-left); padding-inline-end: var(--ion-safe-area-right); display: block; position: relative; width: 100%; color: var(--color); font-family: var(--ion-font-family, inherit); contain: content; z-index: 10; box-sizing: border-box; }", | |
"index": 0 | |
}, | |
{ | |
"rule": ":host(.ion-color) { color: var(--ion-color-contrast); }", | |
"index": 1 | |
}, | |
{ | |
"rule": ":host(.ion-color) .toolbar-background { background: var(--ion-color-base); }", | |
"index": 2 | |
}, | |
{ | |
"rule": ".toolbar-container { padding-inline-start: var(--padding-start); padding-inline-end: var(--padding-end); padding-top: var(--padding-top); padding-bottom: var(--padding-bottom); display: flex; position: relative; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; min-height: var(--min-height); contain: content; overflow: hidden; z-index: 10; box-sizing: border-box; }", | |
"index": 3 | |
}, | |
{ | |
"rule": ".toolbar-background { inset: 0px; position: absolute; transform: translateZ(0px); border-width: var(--border-width); border-style: var(--border-style); border-color: var(--border-color); background: var(--background); contain: strict; opacity: calc(var(--opacity) * var(--opacity-scale)); z-index: -1; pointer-events: none; }", | |
"index": 4 | |
}, | |
{ | |
"rule": "::slotted(ion-progress-bar) { left: 0px; right: 0px; bottom: 0px; position: absolute; }", | |
"index": 5 | |
}, | |
{ | |
"rule": ":host { --background:var(--ion-toolbar-background, var(--ion-background-color, #fff)); --color:var(--ion-toolbar-color, var(--ion-text-color, #424242)); --border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, #c1c4cd))); --padding-top:0; --padding-bottom:0; --padding-start:0; --padding-end:0; --min-height:56px; }", | |
"index": 6 | |
}, | |
{ | |
"rule": ".toolbar-content { flex: 1 1 0%; order: 3; min-width: 0px; max-width: 100%; }", | |
"index": 7 | |
}, | |
{ | |
"rule": "::slotted(.buttons-first-slot) { margin-inline-start: 4px; }", | |
"index": 8 | |
}, | |
{ | |
"rule": "::slotted(.buttons-last-slot) { margin-inline-end: 4px; }", | |
"index": 9 | |
}, | |
{ | |
"rule": "::slotted([slot=\"start\"]) { order: 2; }", | |
"index": 10 | |
}, | |
{ | |
"rule": "::slotted([slot=\"secondary\"]) { order: 4; }", | |
"index": 11 | |
}, | |
{ | |
"rule": "::slotted([slot=\"primary\"]) { order: 5; text-align: end; }", | |
"index": 12 | |
}, | |
{ | |
"rule": "::slotted([slot=\"end\"]) { order: 6; text-align: end; }", | |
"index": 13 | |
} | |
] | |
} | |
] | |
}, | |
"timestamp": 1681739584098, | |
"delay": -276 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 15, | |
"id": 86, | |
"styleIds": [3], | |
"styles": [ | |
{ | |
"styleId": 3, | |
"rules": [ | |
{ | |
"rule": ":host { --color: initial; display: flex; flex: 1 1 0%; align-items: center; transform: translateZ(0px); color: var(--color); }", | |
"index": 0 | |
}, | |
{ | |
"rule": ":host(.ion-color) { color: var(--ion-color-base); }", | |
"index": 1 | |
}, | |
{ | |
"rule": ".toolbar-title { display: block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; pointer-events: auto; }", | |
"index": 2 | |
}, | |
{ | |
"rule": ":host(.title-small) .toolbar-title { white-space: normal; }", | |
"index": 3 | |
}, | |
{ | |
"rule": ":host { padding-inline: 20px; padding-top: 0px; padding-bottom: 0px; font-size: 20px; font-weight: 500; letter-spacing: 0.0125em; }", | |
"index": 4 | |
}, | |
{ | |
"rule": ":host(.title-small) { width: 100%; height: 100%; font-size: 15px; font-weight: normal; }", | |
"index": 5 | |
} | |
] | |
} | |
] | |
}, | |
"timestamp": 1681739584099, | |
"delay": -275 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 15, | |
"id": 98, | |
"styleIds": [4], | |
"styles": [ | |
{ | |
"styleId": 4, | |
"rules": [ | |
{ | |
"rule": ":host { --background:var(--ion-background-color, #fff); --color:var(--ion-text-color, #000); --padding-top:0px; --padding-bottom:0px; --padding-start:0px; --padding-end:0px; --keyboard-offset:0px; --offset-top:0px; --offset-bottom:0px; --overflow:auto; display: block; position: relative; flex: 1 1 0%; width: 100%; height: 100%; font-family: var(--ion-font-family, inherit); contain: size style; margin: 0px !important; padding: 0px !important; }", | |
"index": 0 | |
}, | |
{ | |
"rule": ":host(.ion-color) .inner-scroll { background: var(--ion-color-base); color: var(--ion-color-contrast); }", | |
"index": 1 | |
}, | |
{ | |
"rule": ":host(.outer-content) { --background:var(--ion-color-step-50, #f2f2f2); }", | |
"index": 2 | |
}, | |
{ | |
"rule": "#background-content { left: 0px; right: 0px; top: calc(var(--offset-top) * -1); bottom: calc(var(--offset-bottom) * -1); position: absolute; background: var(--background); }", | |
"index": 3 | |
}, | |
{ | |
"rule": ".inner-scroll { left: 0px; right: 0px; top: calc(var(--offset-top) * -1); bottom: calc(var(--offset-bottom) * -1); padding-inline-start: var(--padding-start); padding-inline-end: var(--padding-end); padding-top: calc(var(--padding-top) + var(--offset-top)); padding-bottom: calc(var(--padding-bottom) + var(--keyboard-offset) + var(--offset-bottom)); position: absolute; color: var(--color); box-sizing: border-box; overflow: hidden; touch-action: pan-x pan-y pinch-zoom; }", | |
"index": 4 | |
}, | |
{ | |
"rule": ".scroll-y, .scroll-x { z-index: 0; will-change: scroll-position; }", | |
"index": 5 | |
}, | |
{ | |
"rule": ".scroll-y { overflow-y: var(--overflow); overscroll-behavior-y: contain; }", | |
"index": 6 | |
}, | |
{ | |
"rule": ".scroll-x { overflow-x: var(--overflow); overscroll-behavior-x: contain; }", | |
"index": 7 | |
}, | |
{ | |
"rule": ".overscroll::before, .overscroll::after { position: absolute; width: 1px; height: 1px; content: \"\"; }", | |
"index": 8 | |
}, | |
{ | |
"rule": ".overscroll::before { bottom: -1px; }", | |
"index": 9 | |
}, | |
{ "rule": ".overscroll::after { top: -1px; }", "index": 10 }, | |
{ | |
"rule": ":host(.content-sizing) { display: flex; flex-direction: column; min-height: 0px; contain: none; }", | |
"index": 11 | |
}, | |
{ | |
"rule": ":host(.content-sizing) .inner-scroll { position: relative; top: 0px; bottom: 0px; margin-top: calc(var(--offset-top) * -1); margin-bottom: calc(var(--offset-bottom) * -1); }", | |
"index": 12 | |
}, | |
{ | |
"rule": ".transition-effect { display: none; position: absolute; width: 100%; height: 100vh; opacity: 0; pointer-events: none; }", | |
"index": 13 | |
}, | |
{ | |
"rule": ":host(.content-ltr) .transition-effect { left: -100%; }", | |
"index": 14 | |
}, | |
{ | |
"rule": ":host(.content-rtl) .transition-effect { right: -100%; }", | |
"index": 15 | |
}, | |
{ | |
"rule": ".transition-cover { position: absolute; right: 0px; width: 100%; height: 100%; background: black; opacity: 0.1; }", | |
"index": 16 | |
}, | |
{ | |
"rule": ".transition-shadow { display: block; position: absolute; width: 100%; height: 100%; box-shadow: rgba(0, 0, 100, 0.03) -9px 0px 9px 0px inset; }", | |
"index": 17 | |
}, | |
{ | |
"rule": ":host(.content-ltr) .transition-shadow { right: 0px; }", | |
"index": 18 | |
}, | |
{ | |
"rule": ":host(.content-rtl) .transition-shadow { left: 0px; transform: scaleX(-1); }", | |
"index": 19 | |
}, | |
{ | |
"rule": "::slotted([slot=\"fixed\"]) { position: absolute; transform: translateZ(0px); }", | |
"index": 20 | |
} | |
] | |
} | |
] | |
}, | |
"timestamp": 1681739584099, | |
"delay": -275 | |
}, | |
{ | |
"type": 3, | |
"data": { "source": 15, "id": 103, "styleIds": [2] }, | |
"timestamp": 1681739584100, | |
"delay": -274 | |
}, | |
{ | |
"type": 3, | |
"data": { "source": 15, "id": 104, "styleIds": [3] }, | |
"timestamp": 1681739584100, | |
"delay": -274 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 15, | |
"id": 128, | |
"styleIds": [5], | |
"styles": [ | |
{ | |
"styleId": 5, | |
"rules": [ | |
{ | |
"rule": ":host { padding-inline-start: var(--ion-safe-area-left); padding-inline-end: var(--ion-safe-area-right); display: flex; align-items: center; justify-content: center; width: auto; padding-bottom: var(--ion-safe-area-bottom, 0); border-top: var(--border); background: var(--background); color: var(--color); text-align: center; contain: strict; user-select: none; z-index: 10; box-sizing: content-box !important; }", | |
"index": 0 | |
}, | |
{ | |
"rule": ":host(.ion-color) ::slotted(ion-tab-button) { --background-focused:var(--ion-color-shade); --color-selected:var(--ion-color-contrast); }", | |
"index": 1 | |
}, | |
{ | |
"rule": ":host(.ion-color) ::slotted(.tab-selected) { color: var(--ion-color-contrast); }", | |
"index": 2 | |
}, | |
{ | |
"rule": ":host(.ion-color), :host(.ion-color) ::slotted(ion-tab-button) { color: rgba(var(--ion-color-contrast-rgb), 0.7); }", | |
"index": 3 | |
}, | |
{ | |
"rule": ":host(.ion-color), :host(.ion-color) ::slotted(ion-tab-button) { background: var(--ion-color-base); }", | |
"index": 4 | |
}, | |
{ | |
"rule": ":host(.ion-color) ::slotted(ion-tab-button.ion-focused), :host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused) { background: var(--background-focused); }", | |
"index": 5 | |
}, | |
{ | |
"rule": ":host(.tab-bar-translucent) ::slotted(ion-tab-button) { background: transparent; }", | |
"index": 6 | |
}, | |
{ | |
"rule": ":host([slot=\"top\"]) { padding-top: var(--ion-safe-area-top, 0); padding-bottom: 0px; border-top: 0px; border-bottom: var(--border); }", | |
"index": 7 | |
}, | |
{ | |
"rule": ":host(.tab-bar-hidden) { display: none !important; }", | |
"index": 8 | |
}, | |
{ | |
"rule": ":host { --background:var(--ion-tab-bar-background, var(--ion-background-color, #fff)); --background-focused:var(--ion-tab-bar-background-focused, #e0e0e0); --border:1px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.07)))); --color:var(--ion-tab-bar-color, var(--ion-color-step-600, #666666)); --color-selected:var(--ion-tab-bar-color-selected, var(--ion-color-primary, #3880ff)); height: 56px; }", | |
"index": 9 | |
} | |
] | |
} | |
] | |
}, | |
"timestamp": 1681739584100, | |
"delay": -274 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 15, | |
"id": 129, | |
"styleIds": [6], | |
"styles": [ | |
{ | |
"styleId": 6, | |
"rules": [ | |
{ | |
"rule": ":host { --ripple-color:var(--color-selected); --background-focused-opacity:1; flex: 1 1 0%; flex-direction: column; align-items: center; justify-content: center; height: 100%; outline: none; background: var(--background); color: var(--color); }", | |
"index": 0 | |
}, | |
{ | |
"rule": ".button-native { border-radius: inherit; margin: 0px; padding-inline-start: var(--padding-start); padding-inline-end: var(--padding-end); padding-top: var(--padding-top); padding-bottom: var(--padding-bottom); font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; text-indent: inherit; text-overflow: inherit; text-transform: inherit; text-align: inherit; white-space: inherit; color: inherit; display: flex; position: relative; flex-direction: inherit; align-items: inherit; justify-content: inherit; width: 100%; height: 100%; border: 0px; outline: none; background: transparent; text-decoration: none; cursor: pointer; overflow: hidden; box-sizing: border-box; -webkit-user-drag: none; }", | |
"index": 1 | |
}, | |
{ | |
"rule": ".button-native::after { inset: 0px; position: absolute; content: \"\"; opacity: 0; }", | |
"index": 2 | |
}, | |
{ | |
"rule": ".button-inner { display: flex; position: relative; flex-flow: inherit; align-items: inherit; justify-content: inherit; width: 100%; height: 100%; z-index: 1; }", | |
"index": 3 | |
}, | |
{ | |
"rule": ":host(.ion-focused) .button-native { color: var(--color-focused); }", | |
"index": 4 | |
}, | |
{ | |
"rule": ":host(.ion-focused) .button-native::after { background: var(--background-focused); opacity: var(--background-focused-opacity); }", | |
"index": 5 | |
}, | |
{ | |
"rule": "@media (any-hover: hover) {\n a:hover { color: var(--color-selected); }\n}", | |
"index": 6 | |
}, | |
{ | |
"rule": ":host(.tab-selected) { color: var(--color-selected); }", | |
"index": 7 | |
}, | |
{ | |
"rule": ":host(.tab-hidden) { display: none !important; }", | |
"index": 8 | |
}, | |
{ | |
"rule": ":host(.tab-disabled) { pointer-events: none; opacity: 0.4; }", | |
"index": 9 | |
}, | |
{ | |
"rule": "::slotted(ion-label), ::slotted(ion-icon) { display: block; align-self: center; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box; }", | |
"index": 10 | |
}, | |
{ "rule": "::slotted(ion-label) { order: 0; }", "index": 11 }, | |
{ | |
"rule": "::slotted(ion-icon) { order: -1; height: 1em; }", | |
"index": 12 | |
}, | |
{ | |
"rule": ":host(.tab-has-label-only) ::slotted(ion-label) { white-space: normal; }", | |
"index": 13 | |
}, | |
{ | |
"rule": "::slotted(ion-badge) { box-sizing: border-box; position: absolute; z-index: 1; }", | |
"index": 14 | |
}, | |
{ | |
"rule": ":host(.tab-layout-icon-start) { flex-direction: row; }", | |
"index": 15 | |
}, | |
{ | |
"rule": ":host(.tab-layout-icon-end) { flex-direction: row-reverse; }", | |
"index": 16 | |
}, | |
{ | |
"rule": ":host(.tab-layout-icon-bottom) { flex-direction: column-reverse; }", | |
"index": 17 | |
}, | |
{ | |
"rule": ":host(.tab-layout-icon-hide) ::slotted(ion-icon) { display: none; }", | |
"index": 18 | |
}, | |
{ | |
"rule": ":host(.tab-layout-label-hide) ::slotted(ion-label) { display: none; }", | |
"index": 19 | |
}, | |
{ | |
"rule": "ion-ripple-effect { color: var(--ripple-color); }", | |
"index": 20 | |
}, | |
{ | |
"rule": ":host { --padding-top:0; --padding-end:12px; --padding-bottom:0; --padding-start:12px; max-width: 168px; font-size: 12px; font-weight: normal; letter-spacing: 0.03em; }", | |
"index": 21 | |
}, | |
{ | |
"rule": "::slotted(ion-label) { margin: 2px 0px; text-transform: none; }", | |
"index": 22 | |
}, | |
{ | |
"rule": "::slotted(ion-icon) { margin: 16px 0px; transform-origin: center center; font-size: 22px; }", | |
"index": 23 | |
}, | |
{ | |
"rule": "[dir=\"rtl\"] ::slotted(ion-icon), :host-context([dir=\"rtl\"]) ::slotted(ion-icon) { }", | |
"index": 24 | |
}, | |
{ | |
"rule": "::slotted(ion-badge) { border-radius: 8px; padding-inline: 2px; padding-top: 3px; padding-bottom: 2px; top: 8px; min-width: 12px; font-size: 8px; font-weight: normal; }", | |
"index": 25 | |
}, | |
{ | |
"rule": "@supports (inset-inline-start: 0) {\n ::slotted(ion-badge) { inset-inline-start: calc(50% + 6px); }\n}", | |
"index": 26 | |
}, | |
{ | |
"rule": "@supports not (inset-inline-start: 0) {\n ::slotted(ion-badge) { left: calc(50% + 6px); }\n [dir=\"rtl\"] ::slotted(ion-badge), :host-context([dir=\"rtl\"]) ::slotted(ion-badge) { left: unset; right: calc(50% + 6px); }\n}", | |
"index": 27 | |
}, | |
{ | |
"rule": "::slotted(ion-badge:empty) { display: block; min-width: 8px; height: 8px; }", | |
"index": 28 | |
}, | |
{ | |
"rule": ":host(.tab-layout-icon-top) ::slotted(ion-icon) { margin-top: 6px; margin-bottom: 2px; }", | |
"index": 29 | |
}, | |
{ | |
"rule": ":host(.tab-layout-icon-top) ::slotted(ion-label) { margin-top: 0px; margin-bottom: 6px; }", | |
"index": 30 | |
}, | |
{ | |
"rule": ":host(.tab-layout-icon-bottom) ::slotted(ion-badge) { top: 8px; }", | |
"index": 31 | |
}, | |
{ | |
"rule": "@supports (inset-inline-start: 0) {\n :host(.tab-layout-icon-bottom) ::slotted(ion-badge) { inset-inline-start: 70%; }\n}", | |
"index": 32 | |
}, | |
{ | |
"rule": "@supports not (inset-inline-start: 0) {\n :host(.tab-layout-icon-bottom) ::slotted(ion-badge) { left: 70%; }\n :host-context([dir=\"rtl\"]):host(.tab-layout-icon-bottom) ::slotted(ion-badge), :host-context([dir=\"rtl\"]).tab-layout-icon-bottom ::slotted(ion-badge) { left: unset; right: 70%; }\n}", | |
"index": 33 | |
}, | |
{ | |
"rule": ":host(.tab-layout-icon-bottom) ::slotted(ion-icon) { margin-top: 0px; margin-bottom: 6px; }", | |
"index": 34 | |
}, | |
{ | |
"rule": ":host(.tab-layout-icon-bottom) ::slotted(ion-label) { margin-top: 6px; margin-bottom: 0px; }", | |
"index": 35 | |
}, | |
{ | |
"rule": ":host(.tab-layout-icon-start) ::slotted(ion-badge), :host(.tab-layout-icon-end) ::slotted(ion-badge) { top: 16px; }", | |
"index": 36 | |
}, | |
{ | |
"rule": "@supports (inset-inline-start: 0) {\n :host(.tab-layout-icon-start) ::slotted(ion-badge), :host(.tab-layout-icon-end) ::slotted(ion-badge) { inset-inline-start: 80%; }\n}", | |
"index": 37 | |
}, | |
{ | |
"rule": "@supports not (inset-inline-start: 0) {\n :host(.tab-layout-icon-start) ::slotted(ion-badge), :host(.tab-layout-icon-end) ::slotted(ion-badge) { left: 80%; }\n :host-context([dir=\"rtl\"]):host(.tab-layout-icon-start) ::slotted(ion-badge), :host-context([dir=\"rtl\"]).tab-layout-icon-start ::slotted(ion-badge), :host-context([dir=\"rtl\"]):host(.tab-layout-icon-end) ::slotted(ion-badge), :host-context([dir=\"rtl\"]).tab-layout-icon-end ::slotted(ion-badge) { left: unset; right: 80%; }\n}", | |
"index": 38 | |
}, | |
{ | |
"rule": ":host(.tab-layout-icon-start) ::slotted(ion-icon) { margin-inline-end: 6px; }", | |
"index": 39 | |
}, | |
{ | |
"rule": ":host(.tab-layout-icon-end) ::slotted(ion-icon) { margin-inline-start: 6px; }", | |
"index": 40 | |
}, | |
{ | |
"rule": ":host(.tab-layout-icon-hide) ::slotted(ion-badge), :host(.tab-has-label-only) ::slotted(ion-badge) { top: 16px; }", | |
"index": 41 | |
}, | |
{ | |
"rule": "@supports (inset-inline-start: 0) {\n :host(.tab-layout-icon-hide) ::slotted(ion-badge), :host(.tab-has-label-only) ::slotted(ion-badge) { inset-inline-start: 70%; }\n}", | |
"index": 42 | |
}, | |
{ | |
"rule": "@supports not (inset-inline-start: 0) {\n :host(.tab-layout-icon-hide) ::slotted(ion-badge), :host(.tab-has-label-only) ::slotted(ion-badge) { left: 70%; }\n :host-context([dir=\"rtl\"]):host(.tab-layout-icon-hide) ::slotted(ion-badge), :host-context([dir=\"rtl\"]).tab-layout-icon-hide ::slotted(ion-badge), :host-context([dir=\"rtl\"]):host(.tab-has-label-only) ::slotted(ion-badge), :host-context([dir=\"rtl\"]).tab-has-label-only ::slotted(ion-badge) { left: unset; right: 70%; }\n}", | |
"index": 43 | |
}, | |
{ | |
"rule": ":host(.tab-layout-icon-hide) ::slotted(ion-label), :host(.tab-has-label-only) ::slotted(ion-label) { margin-top: 0px; margin-bottom: 0px; }", | |
"index": 44 | |
}, | |
{ | |
"rule": ":host(.tab-layout-label-hide) ::slotted(ion-badge), :host(.tab-has-icon-only) ::slotted(ion-badge) { top: 16px; }", | |
"index": 45 | |
}, | |
{ | |
"rule": ":host(.tab-layout-label-hide) ::slotted(ion-icon), :host(.tab-has-icon-only) ::slotted(ion-icon) { margin-top: 0px; margin-bottom: 0px; font-size: 24px; }", | |
"index": 46 | |
} | |
] | |
} | |
] | |
}, | |
"timestamp": 1681739584100, | |
"delay": -274 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 15, | |
"id": 130, | |
"styleIds": [7], | |
"styles": [ | |
{ | |
"styleId": 7, | |
"rules": [ | |
{ | |
"rule": ":host { display: inline-block; width: 1em; height: 1em; contain: strict; fill: currentcolor; box-sizing: content-box !important; }", | |
"index": 0 | |
}, | |
{ | |
"rule": ":host .ionicon { stroke: currentcolor; }", | |
"index": 1 | |
}, | |
{ "rule": ".ionicon-fill-none { fill: none; }", "index": 2 }, | |
{ | |
"rule": ".ionicon-stroke-width { stroke-width: var(--ionicon-stroke-width, 32px); }", | |
"index": 3 | |
}, | |
{ | |
"rule": ".icon-inner, .ionicon, svg { display: block; height: 100%; width: 100%; }", | |
"index": 4 | |
}, | |
{ | |
"rule": ":host(.flip-rtl) .icon-inner { transform: scaleX(-1); }", | |
"index": 5 | |
}, | |
{ | |
"rule": ":host(.icon-small) { font-size: 18px !important; }", | |
"index": 6 | |
}, | |
{ | |
"rule": ":host(.icon-large) { font-size: 32px !important; }", | |
"index": 7 | |
}, | |
{ | |
"rule": ":host(.ion-color) { color: var(--ion-color-base) !important; }", | |
"index": 8 | |
}, | |
{ | |
"rule": ":host(.ion-color-primary) { --ion-color-base:var(--ion-color-primary, #3880ff); }", | |
"index": 9 | |
}, | |
{ | |
"rule": ":host(.ion-color-secondary) { --ion-color-base:var(--ion-color-secondary, #0cd1e8); }", | |
"index": 10 | |
}, | |
{ | |
"rule": ":host(.ion-color-tertiary) { --ion-color-base:var(--ion-color-tertiary, #f4a942); }", | |
"index": 11 | |
}, | |
{ | |
"rule": ":host(.ion-color-success) { --ion-color-base:var(--ion-color-success, #10dc60); }", | |
"index": 12 | |
}, | |
{ | |
"rule": ":host(.ion-color-warning) { --ion-color-base:var(--ion-color-warning, #ffce00); }", | |
"index": 13 | |
}, | |
{ | |
"rule": ":host(.ion-color-danger) { --ion-color-base:var(--ion-color-danger, #f14141); }", | |
"index": 14 | |
}, | |
{ | |
"rule": ":host(.ion-color-light) { --ion-color-base:var(--ion-color-light, #f4f5f8); }", | |
"index": 15 | |
}, | |
{ | |
"rule": ":host(.ion-color-medium) { --ion-color-base:var(--ion-color-medium, #989aa2); }", | |
"index": 16 | |
}, | |
{ | |
"rule": ":host(.ion-color-dark) { --ion-color-base:var(--ion-color-dark, #222428); }", | |
"index": 17 | |
} | |
] | |
} | |
] | |
}, | |
"timestamp": 1681739584101, | |
"delay": -273 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 15, | |
"id": 139, | |
"styleIds": [8], | |
"styles": [ | |
{ | |
"styleId": 8, | |
"rules": [ | |
{ | |
"rule": ":host { inset: 0px; position: absolute; contain: strict; pointer-events: none; }", | |
"index": 0 | |
}, | |
{ | |
"rule": ":host(.unbounded) { contain: size layout style; }", | |
"index": 1 | |
}, | |
{ | |
"rule": ".ripple-effect { border-radius: 50%; position: absolute; background-color: currentcolor; color: inherit; contain: strict; opacity: 0; animation: 225ms ease 0s 1 normal forwards running rippleAnimation, 75ms ease 0s 1 normal forwards running fadeInAnimation; will-change: transform, opacity; pointer-events: none; }", | |
"index": 2 | |
}, | |
{ | |
"rule": ".fade-out { transform: translate(var(--translate-end)) scale(var(--final-scale, 1)); animation: 150ms ease 0s 1 normal forwards running fadeOutAnimation; }", | |
"index": 3 | |
}, | |
{ | |
"rule": "@-webkit-keyframes rippleAnimation { \n 0% { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transform: scale(1); }\n 100% { transform: translate(var(--translate-end)) scale(var(--final-scale, 1)); }\n}", | |
"index": 4 | |
}, | |
{ | |
"rule": "@keyframes rippleAnimation { \n 0% { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transform: scale(1); }\n 100% { transform: translate(var(--translate-end)) scale(var(--final-scale, 1)); }\n}", | |
"index": 5 | |
}, | |
{ | |
"rule": "@-webkit-keyframes fadeInAnimation { \n 0% { animation-timing-function: linear; opacity: 0; }\n 100% { opacity: 0.16; }\n}", | |
"index": 6 | |
}, | |
{ | |
"rule": "@keyframes fadeInAnimation { \n 0% { animation-timing-function: linear; opacity: 0; }\n 100% { opacity: 0.16; }\n}", | |
"index": 7 | |
}, | |
{ | |
"rule": "@-webkit-keyframes fadeOutAnimation { \n 0% { animation-timing-function: linear; opacity: 0.16; }\n 100% { opacity: 0; }\n}", | |
"index": 8 | |
}, | |
{ | |
"rule": "@keyframes fadeOutAnimation { \n 0% { animation-timing-function: linear; opacity: 0.16; }\n 100% { opacity: 0; }\n}", | |
"index": 9 | |
} | |
] | |
} | |
] | |
}, | |
"timestamp": 1681739584101, | |
"delay": -273 | |
}, | |
{ | |
"type": 3, | |
"data": { "source": 15, "id": 140, "styleIds": [6] }, | |
"timestamp": 1681739584101, | |
"delay": -273 | |
}, | |
{ | |
"type": 3, | |
"data": { "source": 15, "id": 141, "styleIds": [7] }, | |
"timestamp": 1681739584101, | |
"delay": -273 | |
}, | |
{ | |
"type": 3, | |
"data": { "source": 15, "id": 150, "styleIds": [8] }, | |
"timestamp": 1681739584101, | |
"delay": -273 | |
}, | |
{ | |
"type": 3, | |
"data": { "source": 15, "id": 151, "styleIds": [6] }, | |
"timestamp": 1681739584101, | |
"delay": -273 | |
}, | |
{ | |
"type": 3, | |
"data": { "source": 15, "id": 152, "styleIds": [7] }, | |
"timestamp": 1681739584101, | |
"delay": -273 | |
}, | |
{ | |
"type": 3, | |
"data": { "source": 15, "id": 161, "styleIds": [8] }, | |
"timestamp": 1681739584101, | |
"delay": -273 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 0, | |
"texts": [], | |
"attributes": [], | |
"removes": [{ "parentId": 4, "id": 70 }], | |
"adds": [] | |
}, | |
"timestamp": 1681739584103, | |
"delay": -271 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 1, | |
"positions": [{ "x": 721, "y": 125, "id": 124, "timeOffset": 0 }] | |
}, | |
"timestamp": 1681739584374, | |
"delay": 0 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 1, | |
"positions": [{ "x": 701, "y": 348, "id": 124, "timeOffset": -451 }] | |
}, | |
"timestamp": 1681739584880, | |
"delay": 55 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 0, | |
"texts": [], | |
"attributes": [], | |
"removes": [], | |
"adds": [ | |
{ | |
"parentId": 72, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "script", | |
"attributes": { | |
"src": "chrome-extension://gppongmhjkpfnbhagpmjfkannfbllamg/js/js.js" | |
}, | |
"childNodes": [], | |
"id": 165 | |
} | |
} | |
] | |
}, | |
"timestamp": 1681739585265, | |
"delay": 891 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 0, | |
"texts": [], | |
"attributes": [], | |
"removes": [{ "parentId": 72, "id": 165 }], | |
"adds": [ | |
{ | |
"parentId": 72, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "script", | |
"attributes": { | |
"src": "chrome-extension://gppongmhjkpfnbhagpmjfkannfbllamg/js/dom.js" | |
}, | |
"childNodes": [], | |
"id": 166 | |
} | |
} | |
] | |
}, | |
"timestamp": 1681739585291, | |
"delay": 917 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 0, | |
"texts": [], | |
"attributes": [], | |
"removes": [{ "parentId": 72, "id": 166 }], | |
"adds": [] | |
}, | |
"timestamp": 1681739585296, | |
"delay": 922 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 0, | |
"texts": [], | |
"attributes": [], | |
"removes": [], | |
"adds": [ | |
{ | |
"parentId": 72, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "script", | |
"attributes": { | |
"src": "chrome-extension://gppongmhjkpfnbhagpmjfkannfbllamg/js/js.js" | |
}, | |
"childNodes": [], | |
"id": 167 | |
} | |
}, | |
{ | |
"parentId": 72, | |
"nextId": 167, | |
"node": { | |
"type": 2, | |
"tagName": "script", | |
"attributes": { | |
"src": "chrome-extension://gppongmhjkpfnbhagpmjfkannfbllamg/js/js.js" | |
}, | |
"childNodes": [], | |
"id": 168 | |
} | |
} | |
] | |
}, | |
"timestamp": 1681739585306, | |
"delay": 932 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 0, | |
"texts": [], | |
"attributes": [], | |
"removes": [{ "parentId": 72, "id": 167 }], | |
"adds": [ | |
{ | |
"parentId": 72, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "script", | |
"attributes": { | |
"src": "chrome-extension://gppongmhjkpfnbhagpmjfkannfbllamg/js/dom.js" | |
}, | |
"childNodes": [], | |
"id": 169 | |
} | |
} | |
] | |
}, | |
"timestamp": 1681739585312, | |
"delay": 938 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 0, | |
"texts": [], | |
"attributes": [], | |
"removes": [{ "parentId": 72, "id": 168 }], | |
"adds": [ | |
{ | |
"parentId": 72, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "script", | |
"attributes": { | |
"src": "chrome-extension://gppongmhjkpfnbhagpmjfkannfbllamg/js/dom.js" | |
}, | |
"childNodes": [], | |
"id": 170 | |
} | |
} | |
] | |
}, | |
"timestamp": 1681739585312, | |
"delay": 938 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 0, | |
"texts": [], | |
"attributes": [], | |
"removes": [{ "parentId": 72, "id": 169 }], | |
"adds": [] | |
}, | |
"timestamp": 1681739585314, | |
"delay": 940 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 0, | |
"texts": [], | |
"attributes": [], | |
"removes": [{ "parentId": 72, "id": 170 }], | |
"adds": [] | |
}, | |
"timestamp": 1681739585315, | |
"delay": 941 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 1, | |
"positions": [ | |
{ "x": 732, "y": 360, "id": 124, "timeOffset": -486 }, | |
{ "x": 1373, "y": 714, "id": 124, "timeOffset": -430 }, | |
{ "x": 1410, "y": 741, "id": 124, "timeOffset": -225 }, | |
{ "x": 1367, "y": 757, "id": 124, "timeOffset": -171 }, | |
{ "x": 1313, "y": 779, "id": 148, "timeOffset": -119 } | |
] | |
}, | |
"timestamp": 1681739585385, | |
"delay": 525 | |
}, | |
{ | |
"type": 3, | |
"data": { "source": 2, "type": 1, "id": 144, "x": 1277, "y": 798 }, | |
"timestamp": 1681739585461, | |
"delay": 1087 | |
}, | |
{ | |
"type": 3, | |
"data": { "source": 2, "type": 0, "id": 144, "x": 1277, "y": 798 }, | |
"timestamp": 1681739585462, | |
"delay": 1088 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 0, | |
"texts": [], | |
"attributes": [ | |
{ | |
"id": 140, | |
"attributes": { | |
"class": "md tab-has-label tab-has-icon tab-layout-icon-top ion-activatable ion-selectable ion-focusable ion-activated" | |
} | |
} | |
], | |
"removes": [], | |
"adds": [] | |
}, | |
"timestamp": 1681739585463, | |
"delay": 1089 | |
}, | |
{ | |
"type": 3, | |
"data": { "source": 2, "type": 2, "id": 144, "x": 1277, "y": 798 }, | |
"timestamp": 1681739585466, | |
"delay": 1092 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 0, | |
"texts": [], | |
"attributes": [ | |
{ "id": 128, "attributes": { "selected-tab": "tab2" } }, | |
{ | |
"id": 171, | |
"attributes": { "class": "ion-page ion-page-invisible" } | |
} | |
], | |
"removes": [], | |
"adds": [ | |
{ | |
"parentId": 79, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "div", | |
"attributes": { "class": "ion-page ion-page-invisible" }, | |
"childNodes": [], | |
"id": 171 | |
} | |
}, | |
{ | |
"parentId": 171, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "ion-content", | |
"attributes": { "fullscreen": "true" }, | |
"childNodes": [], | |
"id": 172, | |
"isShadowHost": true | |
} | |
}, | |
{ | |
"parentId": 172, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "div", | |
"attributes": { "class": "container" }, | |
"childNodes": [], | |
"id": 173 | |
} | |
}, | |
{ | |
"parentId": 173, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "p", | |
"attributes": {}, | |
"childNodes": [], | |
"id": 174 | |
} | |
}, | |
{ | |
"parentId": 174, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "a", | |
"attributes": { | |
"target": "_blank", | |
"rel": "noopener noreferrer", | |
"href": "https://ionicframework.com/docs/components" | |
}, | |
"childNodes": [], | |
"id": 175 | |
} | |
}, | |
{ | |
"parentId": 175, | |
"nextId": null, | |
"node": { "type": 3, "textContent": "UI Components", "id": 176 } | |
}, | |
{ | |
"parentId": 171, | |
"nextId": 172, | |
"node": { | |
"type": 2, | |
"tagName": "ion-header", | |
"attributes": {}, | |
"childNodes": [], | |
"id": 177 | |
} | |
}, | |
{ | |
"parentId": 177, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "ion-toolbar", | |
"attributes": {}, | |
"childNodes": [], | |
"id": 178, | |
"isShadowHost": true | |
} | |
}, | |
{ | |
"parentId": 177, | |
"nextId": 178, | |
"node": { "type": 5, "textContent": "", "id": 179 } | |
}, | |
{ | |
"parentId": 178, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "ion-title", | |
"attributes": {}, | |
"childNodes": [], | |
"id": 180, | |
"isShadowHost": true | |
} | |
}, | |
{ | |
"parentId": 180, | |
"nextId": null, | |
"node": { "type": 3, "textContent": "Tab 2", "id": 181 } | |
}, | |
{ | |
"parentId": 172, | |
"nextId": 173, | |
"node": { | |
"type": 2, | |
"tagName": "ion-header", | |
"attributes": { "collapse": "condense" }, | |
"childNodes": [], | |
"id": 182 | |
} | |
}, | |
{ | |
"parentId": 182, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "ion-toolbar", | |
"attributes": {}, | |
"childNodes": [], | |
"id": 183, | |
"isShadowHost": true | |
} | |
}, | |
{ | |
"parentId": 182, | |
"nextId": 183, | |
"node": { "type": 5, "textContent": "", "id": 184 } | |
}, | |
{ | |
"parentId": 183, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "ion-title", | |
"attributes": { "size": "large" }, | |
"childNodes": [], | |
"id": 185, | |
"isShadowHost": true | |
} | |
}, | |
{ | |
"parentId": 185, | |
"nextId": null, | |
"node": { "type": 3, "textContent": "Tab 2", "id": 186 } | |
}, | |
{ | |
"parentId": 173, | |
"nextId": 174, | |
"node": { | |
"type": 2, | |
"tagName": "strong", | |
"attributes": {}, | |
"childNodes": [], | |
"id": 187 | |
} | |
}, | |
{ | |
"parentId": 187, | |
"nextId": null, | |
"node": { "type": 3, "textContent": "Tab 2 page", "id": 188 } | |
}, | |
{ | |
"parentId": 174, | |
"nextId": 175, | |
"node": { "type": 3, "textContent": "Explore ", "id": 189 } | |
} | |
] | |
}, | |
"timestamp": 1681739585475, | |
"delay": 1101 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 0, | |
"texts": [], | |
"attributes": [{ "id": 136, "attributes": { "aria-selected": null } }], | |
"removes": [], | |
"adds": [] | |
}, | |
"timestamp": 1681739585477, | |
"delay": 1103 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 0, | |
"texts": [], | |
"attributes": [{ "id": 147, "attributes": { "aria-selected": "true" } }], | |
"removes": [], | |
"adds": [] | |
}, | |
"timestamp": 1681739585478, | |
"delay": 1104 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 0, | |
"texts": [], | |
"attributes": [], | |
"removes": [], | |
"adds": [ | |
{ | |
"parentId": 150, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "div", | |
"attributes": { | |
"class": "ripple-effect", | |
"style": "top: -14px; left: 42px; height: 84px; width: 84px; --final-scale:2; --translate-end:0px, 0px;" | |
}, | |
"childNodes": [], | |
"id": 190, | |
"isShadow": true | |
} | |
} | |
] | |
}, | |
"timestamp": 1681739585478, | |
"delay": 1104 | |
}, | |
{ | |
"type": 3, | |
"data": { | |
"source": 0, | |
"texts": [], | |
"attributes": [ | |
{ | |
"id": 129, | |
"attributes": { | |
"class": "md tab-has-label tab-has-icon tab-layout-icon-top ion-activatable ion-selectable ion-focusable" | |
} | |
}, | |
{ | |
"id": 140, | |
"attributes": { | |
"class": "md tab-has-label tab-has-icon tab-layout-icon-top ion-activatable ion-selectable ion-focusable ion-activated tab-selected" | |
} | |
}, | |
{ | |
"id": 177, | |
"attributes": { | |
"role": "banner", | |
"class": "md header-md header-collapse-none" | |
} | |
}, | |
{ | |
"id": 178, | |
"attributes": { "class": "toolbar-title-default md in-toolbar" } | |
}, | |
{ "id": 180, "attributes": { "class": "md title-default" } }, | |
{ | |
"id": 172, | |
"attributes": { | |
"class": "md content-ltr", | |
"style": { "--offset-top": "-1px", "--offset-bottom": "-1px" } | |
} | |
}, | |
{ | |
"id": 182, | |
"attributes": { | |
"role": "banner", | |
"class": "md header-md header-collapse-condense" | |
} | |
}, | |
{ | |
"id": 183, | |
"attributes": { "class": "toolbar-title-large md in-toolbar" } | |
}, | |
{ "id": 185, "attributes": { "class": "md title-large" } }, | |
{ | |
"id": 171, | |
"attributes": { | |
"style": { "z-index": "101", "pointer-events": "none" } | |
} | |
}, | |
{ | |
"id": 80, | |
"attributes": { | |
"style": { "z-index": "100", "pointer-events": "none" } | |
} | |
} | |
], | |
"removes": [ | |
{ "parentId": 177, "id": 178 }, | |
{ "parentId": 182, "id": 183 } | |
], | |
"adds": [ | |
{ | |
"parentId": 177, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "ion-toolbar", | |
"attributes": { | |
"class": "toolbar-title-default md in-toolbar" | |
}, | |
"childNodes": [], | |
"id": 178, | |
"isShadowHost": true | |
} | |
}, | |
{ | |
"parentId": 178, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "ion-title", | |
"attributes": { "class": "md title-default" }, | |
"childNodes": [], | |
"id": 180, | |
"isShadowHost": true | |
} | |
}, | |
{ | |
"parentId": 180, | |
"nextId": null, | |
"node": { "type": 3, "textContent": "Tab 2", "id": 181 } | |
}, | |
{ | |
"parentId": 182, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "ion-toolbar", | |
"attributes": { | |
"class": "toolbar-title-large md in-toolbar" | |
}, | |
"childNodes": [], | |
"id": 183, | |
"isShadowHost": true | |
} | |
}, | |
{ | |
"parentId": 183, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "ion-title", | |
"attributes": { "size": "large", "class": "md title-large" }, | |
"childNodes": [], | |
"id": 185, | |
"isShadowHost": true | |
} | |
}, | |
{ | |
"parentId": 185, | |
"nextId": null, | |
"node": { "type": 3, "textContent": "Tab 2", "id": 186 } | |
}, | |
{ | |
"parentId": 177, | |
"nextId": 178, | |
"node": { "type": 3, "textContent": "", "id": 191 } | |
}, | |
{ | |
"parentId": 177, | |
"nextId": 191, | |
"node": { "type": 3, "textContent": "", "id": 192 } | |
}, | |
{ | |
"parentId": 180, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "div", | |
"attributes": { "class": "toolbar-title" }, | |
"childNodes": [], | |
"id": 193, | |
"isShadow": true | |
} | |
}, | |
{ | |
"parentId": 193, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "slot", | |
"attributes": {}, | |
"childNodes": [], | |
"id": 194 | |
} | |
}, | |
{ | |
"parentId": 178, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "div", | |
"attributes": { "class": "toolbar-container" }, | |
"childNodes": [], | |
"id": 195, | |
"isShadow": true | |
} | |
}, | |
{ | |
"parentId": 195, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "slot", | |
"attributes": { "name": "end" }, | |
"childNodes": [], | |
"id": 196 | |
} | |
}, | |
{ | |
"parentId": 182, | |
"nextId": 183, | |
"node": { "type": 3, "textContent": "", "id": 197 } | |
}, | |
{ | |
"parentId": 182, | |
"nextId": 197, | |
"node": { "type": 3, "textContent": "", "id": 198 } | |
}, | |
{ | |
"parentId": 185, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "div", | |
"attributes": { "class": "toolbar-title" }, | |
"childNodes": [], | |
"id": 199, | |
"isShadow": true | |
} | |
}, | |
{ | |
"parentId": 199, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "slot", | |
"attributes": {}, | |
"childNodes": [], | |
"id": 200 | |
} | |
}, | |
{ | |
"parentId": 183, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "div", | |
"attributes": { "class": "toolbar-container" }, | |
"childNodes": [], | |
"id": 201, | |
"isShadow": true | |
} | |
}, | |
{ | |
"parentId": 201, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "slot", | |
"attributes": { "name": "end" }, | |
"childNodes": [], | |
"id": 202 | |
} | |
}, | |
{ | |
"parentId": 178, | |
"nextId": 195, | |
"node": { | |
"type": 2, | |
"tagName": "div", | |
"attributes": { "class": "toolbar-background" }, | |
"childNodes": [], | |
"id": 203, | |
"isShadow": true | |
} | |
}, | |
{ | |
"parentId": 195, | |
"nextId": 196, | |
"node": { | |
"type": 2, | |
"tagName": "slot", | |
"attributes": { "name": "primary" }, | |
"childNodes": [], | |
"id": 204 | |
} | |
}, | |
{ | |
"parentId": 195, | |
"nextId": 204, | |
"node": { | |
"type": 2, | |
"tagName": "div", | |
"attributes": { "class": "toolbar-content" }, | |
"childNodes": [], | |
"id": 205 | |
} | |
}, | |
{ | |
"parentId": 195, | |
"nextId": 205, | |
"node": { | |
"type": 2, | |
"tagName": "slot", | |
"attributes": { "name": "secondary" }, | |
"childNodes": [], | |
"id": 206 | |
} | |
}, | |
{ | |
"parentId": 195, | |
"nextId": 206, | |
"node": { | |
"type": 2, | |
"tagName": "slot", | |
"attributes": { "name": "start" }, | |
"childNodes": [], | |
"id": 207 | |
} | |
}, | |
{ | |
"parentId": 205, | |
"nextId": null, | |
"node": { | |
"type": 2, | |
"tagName": "slot", | |
"attributes": {}, | |
"childNodes": [], | |
"id": 208 | |
} | |
}, | |
{ | |
"parentId": 183, | |
"nextId": 201, | |
"node": { | |
"type": 2, | |
"tagName": "div", | |
"attributes": { "class": "toolbar-background" }, | |
"childNodes": [], | |
"id": 209, | |
"isShadow": true | |
} | |
}, | |
{ | |
"parentId": 201, | |
"nextId": 202, | |
"node": { | |
"type": 2, | |
"tagName": "slot", | |
"attributes": { "name": "primary" }, | |
"childNodes": [], | |
"id": 210 | |
} | |
}, | |
{ | |
"parentId": 201, | |
"nextId": 210, | |