Docs Stats Auta-Generation | Stencil�_title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale�"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="httpsa_/stenciljs.com/stencil-og.png"><meta data-rh="true" name="twitter:image" content="https:�]stenciljs.co�wstencil-og.png"><meta data-rh="true" property="og:url" content="https:�]stenciljs.co�wdocs/vr^stats"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docusaurus_version" content="v2"><meta data-rh="true" name="docusaurus_tag" content="docs-default-��"><meta data-rh="true" name="docsearch:version" content="v2"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-��"><meta data-rh="true" property="og:title" content="Docs Stats Auta-Generation | Stencil"><meta data-rh="true" name="description" content="Docs Stats Auto-Generation"><meta data-rh="true" property="og:description" content="Docs Stats Auto-Generation"><link data-rh="true" rel="icon" href="httpsa_/stenciljs.com/favicon�0�0�0�02x(�>y)�.png"><link data-rh="true" rel="canonical" href="httpsa_/stenciljs.com/doctz��/stats"><link data-rh="true" rel="alternate" href="httpsa_/stenciljs.com/doctz��/stats" hreflang="en"><link data-rh="true" rel="alternate" href="httpsa_/stenciljs.com/doctz��/stats" hreflang="x-default"><link rel="preconnect" href="https:�]www.googletagmanager.com"> <script>window.dataLayer=window.dataLayer||[]�_script> <script>!function(e,t,a,n){e[n]=e[n]||[],e[n].push({"gtm.start":(new Date).getTime(),event:"gtm.js"});var g=t.getElementsByTagName(a)[0],m=t.createElement(a);m.async=!0,m.src="https:�]www.googletagmanager.com/gtm.js?id=GTM-TKMGCBC",g.parentNode.insertBefore(m,g)}(window,document,"script"+"+"dataLayer")</script> <link rel="search" type="application/opensearchdescription+xml" title="Stencil" href="/doctzopensearch.xml"> <script src="https:�]unpkg.co�wionicons@5.5(�ё)�/dis�zionicons/ionicons.js" async>�_script><link rel="stylesheet" href="/doctzassets/css/styles.3db5c99f.css"> <script src="/doctzassets/jtzruntime~main.0c4177b2.js" defer="defer">�_script> <scrip4�src= Ydocs/assettzjs/main.a8ab37ad.js" defer="defer"></script> </head> <body class="navigation-with-keyboard"> <noscript><iframe src="https:�]www.googletagmanager.com/ns.html?id=GTM-TKMGCBC" height="0" width="0" style="display:none;visibility:hidden"></iframe>�_noscript> <script�function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();t(nulL�==e?e:"light")}(),function(){try{const a=new URLSearchParams(window.location.search).entries();for(var[t,e]of a)if(t.startsWith("docusaurus-data+"+"+")){var n=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(n,e)}}catch(t){}}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}returD�1}())</script><div id="__docusaurus"><di6�role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content�_a>�_div><div class="announcementBar_mb4j" role="banner"><div class="content_knG7 announcementBarContent_xLdY"><a href="httpsa_/www.outsystems.co�w?utm_source=ionic&utm_medium=referral&utm_campaign=ionic-referral&utm_term=none&utm_content=other&utm_campaignteam=digital-mktg&utm_partner=none" target="_blank" rel="noopener">An OutSystems�_strong �Compan9�→�_a>�_div>�_div><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_Nx9I"><div class="docsWrapper_hBAB"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button">�_button><di6�class="docroot_ubd9"><aside class="theme-doc-sidebar-container docSidebarContainer_YfHR"><di6�class="sidebarviewport_arkj"><di6�class="sidebar_sg9j"><di6�class="sidebartop_sncl"><div class="sidebarTopEnd_7��pMf"><div class="logo_TVfK"><a href="https:�]stenciljs.com" target="_self" rel="noopener noreferrer"><img src="/doctzim�ulogo-light.png" alt="Site Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height=(� N)�."."." width="96"><img src="/doctzim�ulogo-dark.png" alt="Site Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height=(� N)�."."." width="96">�_a><div class="logoAfter_U7Cy logo__after"><a href= Ydocs"><svg xmlns="httpa_/www.w3.or�u2000/svg" width="5."."." height="14" fill="none"><path fill="#(��N)�A0�0�0�0" d="M4.�0�0�0 13C8.69 12 2 � 10.(�yr)� 11 6.96 11 3.(� T)� 8.7.92 2 4.�0�0�0.93H.43V�0�0h4.1Zm4.3-6.04c0(��N)�.5-1.4 4.14-4.37 4.14H2.482�6�.83h1.98.95 5 5 0 4.37 1.62 2 2 4.37 4.13Zm5.9 0c0(�(g)�.6 1.7-4�0�0�0�0�01 4.06-4�0�0�0�0�01 2.36 0 4.05 5 1. 4.05 5 4.� 0(��N)�.6-1.7 4�0�0�0�0�02-4.06 4�0�0�0�0�02-2.37 0-4.07-1.-4.07-4.�Zm(�(g)�.18 0a6.06 6.05 5 0 0 0 6.24 6�0�0�0�0�01�1��p.65 5 5 0 6.24(�(g)�.7 6(�ё)�4-6.3A6.06 6.05 5 0 0 0 18.79.67a6.05 5 6.06 0 0 0-6(�ё)�2 2 2 6.3Z�4.01-.01c0�0�0�0�0�0.72 2.(�yr)� 6(�ё)�9 6.�0�0 6(�ё)�9 2 2 0 5.3-1.79 5.8-4.66h(�(g)�(�ё)�c-.4 1.7-1.78 2.69�0�0�0�0.6(��N)�.69-2.2 2 2 0-3.85-1.72-3.85-4�0�0�0�0�02 0-2.5 5 1.44-4�0�0�0�0�0�0�0�0�0�0.85-4.2 2 1.(��R)� 0�0�0�0�0�0(�ё)�.98 3.5 5 2.68(�ё)��0�0�0�07.9 2.46�0�0�0�0�05.6.67�0�0�0�0�02.6.67c-3.� 0-6.02 2 2.57-6.02 2 6.28Zm17.79 4.�0�0�0�0�0c-1.�0�0�0�0�0 0(�(g)�.5-.86(�(g)�.59-2.15h-2.04c.07 1.95 5 5 1.� 4 4.52 2 2 2 2.9 0 4.8-1.(� T)� 4.8�0�0�0�0.61 0-4.�0�0�0-6.8(�(g)�.77-6.8-5.�0�0�0�0�0 0-1.07.87-1.65 5 2.28-1.65 5 1.54 0(��N)��0�0�0�0�04.95(��N)��0�0�0�0�05 5 2.14.02c-.05(�(g)�(�ё)�6-1.54-4-4�0�0�0�0�08-4-2.69 0-4�0�0�0�0�02 1.65-4�0�0�0�0�02 3.58 0 4.82 6.75(��N)�.51 6.75 5.45 0 1.09-.95 1.69-2.5 5 1.69Z"/>�_svg>�_a>�_div>�_div><div class="navbar__item dropdown dropdown--hoverable"><a aria-current="page" class="navbar__link active" aria-haspopup="true" aria-expanded="false" role="button" href= Ydocs/vr^stats">v2</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/doctznext/introduction">Next</a></li><li><a class="dropdown__link" href="/doctzintroduction">v4.40</a></li><li><a class="dropdown__link" href="/doctzv4�0�0�0�0�0P_introduction">v4�0�0�0�0�09</a></li><li><a class="dropdown__link" href="/doctzv4�0�0�0�0�0_introduction">v4�0�0�0�0�08</a></li><li><a class="dropdown__link" href="/doctzv4�0�0�0�0�0_introduction">v4�0�0�0�0�07</a></li><li><a class="dropdown__link" href="/doctzv4�0�0�0�0�0�^introduction">v4�0�0�0�0�06</a></li><li><a class="dropdown__link" href="/doctzv4�0�0�0�0�0�^introduction">v4�0�0�0�0�05</a></li><li><a class="dropdown__link" href="/doctzv4�0�0�0�0�0^introduction">v4�0�0�0�0�04</a></li><li><a class="dropdown__link" href="/doctzv4�0�0�0�0�0z^introduction">v4�0�0�0�0�03</a></li><li><a class="dropdown__link" href="/doctzp�c�/introduction">v3</a></li><li><a aria-current="page" class="dropdown__link dropdown__link--active" href= Ydocs/vr^stats">v2</a></li>�_ul></div></div></div><di6�class="productdropdown_wbp?�?�product-dropdown dropdown"><button class="productDropdownButton_oJda ds-heading-6"><di6�class="productdropdownbuttonstart_gecd"><img src="/doctzim�ucomponents/product-dropdow�wlogo-dark.png" alt="Stencil Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" width="20" height="20"><img src="/doctzim�ucomponents/product-dropdow�wlogo-light.png" alt="Stencil Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" width="20" height="20"><div class="productDropdownButtonTextWrapper_TTPK">Stencil Docs�_span></div></div><di6�style="background-size:cover;background-repeat:na-repeat;position:relative;background-image:url("data:image/png;base64,ivborw0kggoaaaansuheugaaaaoaaaakcayaaacnms+9aaaacxbiwxmaabylaaawjqfjuitwaaabmuleqvr4nfvqv0vdubb+loi46caoril+qbakginhejfercqpj7l+3irlwtlihrrchdo4capodi4odhzfezwq/lhks5oh�0�0�0fcfxfcfd+jffd8hksoqpkdjtsvuzittizr6i4q36exlwsgnqhfvbpkb02�2��pa63datmikq9r8gx6viek34utdu4bybzrmk6yvjpbsprvdnonrutsk8eb6udyklkf0h+fz+vpchgtib+a4k8g3s75zo7ialecekkmmyb+nidbtdacdu3p5gu9im+47qlufawsxywvqpytdpuuko4b8bmlo4prfzm75hug/vyljmck1tjbhljvxdvadq3doq2x8qzfoyzdknw6wpdjpdlr4xepxm6twq�{6rlh8flafrsq8b6w+q/gmf+uafidjpy9olx9gaaaaasuvork5cyii=")"><svg width="12" height="12"></svg><noscript><img style="position:absolute;topES;left:."."." src="/doctzassets/ideal-img/icon-more.5�0�0�0�0�04974(�ё)�7.png" srcset= Ydocs/assettzideal-im�uicon-more.5434974.27.png(��N)�7w" alt="more icon" width="12" height="12"></noscript>�_div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url("data:imag0upng;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAyUlEQVR4nFXQMSsFYBQG4GtRMlyDDFYJpZQySNdokvwIP4CB6WahLAaDQVGmO1gMBiJSdyL/6Tw6t3Pru1+d8�0�0�0e9�d854OpnGKR2x26mE2Is5xHxFrCfRxg�8Ya6 7jAAT4SeMB+khHxitUSPmGn6p9M6/is6DejtyPiG18RcTIGF7DSiKbqX8TyBDiuG9EEnmkGV3hBryG7ZfJ5dcVmzhHfMlvMVZNueuCdzhsMg8z2gnDLDbul5KZ/iLiONm9AaG+MXRP4ow+sccIxOkAAAAAElFTkSuQmCC")"><svg width="(�*h)�" height="(�*h)�">�_svg><noscript><img style="position:absolute;top:0;leftES" src= Ydocs/assettzideal-im�uicon-more.(�yr)�30�0�0�0�02.27.png" srcset="/doctzassets/ideal-img/icon-more.5�0�0�0�0�0�0�0(�>y)�(�ё)�7.png 27w" alt="more icon" width="(�*h)�" height="(�*h)�">�_noscript></div></button><div class="productDropdownMenu_CB0L dropdown__men5�dropdown--show"><div class="productDropdownStart_k2fc"><article><h2 class="ds-overline-1">Products�_><ul><li class="productDropdownItem_R7mi"><a class="ds-heading-5 productDropdownItemLink_fmtA" href="httpsa_/ionic.i�wdocs/appflow"><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url("data:imag0upng;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAABYlAAAWJQFJUiTwAAABDElEQVR4nGWPvy5EYRDFf3gCDb6ZvduoUFG4e2e+r0PiAUSh9+cBSFaIiEilBho5CsRCLZRCJankClVkm0ErJ3b6yNk8yfZM6cOQM9DJd5Ip8BnaDV8emPWwMlKWWjpBv1��p4KxoXCIgUbna2h6JqQ5xB5Ru0aK2T+qlVqIO4R4jKRNNLYJtoT�0�0�0�0�0�unJT6VvqRoI8UNmQliR4zl4�SS�0�0�0tDqHhqH+g9kbwRTSuE2ytT9R4icQtpNh�fAEpThG7ox6nETu LyO2guZz6DpHfUrNDVR+ySzSYLvoTEHs2�7�Ct8i6inaPFAflx8GbqG8gaRVtNEG9hfg3Yl9IXPi1U4+jiF8�kJbg5z9N5D0IQz5AJQAAAABJRU5ErkJggg==")"><svg width="20" height="20">�_svg><noscript><img style="position:absolute;top:0;leftES" src= Ydocs/assettzideal-im�ulogo-appflow.79bf9aa.43.png" srcset= Ydocs/assettzideal-im�ulogo-appflow.79bf9aa.43.png �0�0�0�0�0w" alt="appflo7�logo" width=(� N)�."."." height=(� N)�."."."></noscript>�_div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url("data:imag0upng;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAyElEQVR4n�0�0�0PsSvFURjG8cO1+ROUjaxkIyl/AJMV8QfIoKx+Fgb+MbLKQlLJhw261KZvBYHw/+ul1O5nec97ne57nPKWUUjCccwbXuMJqrZV/4AVO8YrHAZDiUM4JvGAa9/lgbmCETl72cRg2�2�xk/j6Y2aw8jeMYS7hIcQ�|jdfwKbrEYE(u4wDLWsVmDl1jDSTZuIuIBk+i3iX8lnjAVEGr2�4��pMVXantYaMEGNzjAOXZwj�0�0�0�0sYuO3VC7f8YbZ6jujOMJZa/ID8voTpKYznyIAAAAASUVORK5CYII=")"><svg width="20" height="20">�_svg><noscript><img style="position:absolute;top:0;leftES" src= Ydocs/assettzideal-im�ulogo-appflow.64f5f2f.43.png" srcset= Ydocs/assettzideal-im�ulogo-appflow.64f5f2f.43.png �0�0�0�0�0w" alt="appflo7�logo" width=(� N)�."."." height=(� N)�."."."></noscript>�_div>Appflow</a></li><li class="productDropdownItem_R7mi"><a class="ds-heading-5 productDropdownItemLink_fmtA" href="https:�]ionic.io/doctzportals"><di6�style="background-size:cover;background-repeat:na-repeat;position:relative;background-image:url("data:image/png;base64,ivborw0kggoaaaansuheugaaaaoaaaakcayaaacnms+9aaaacxbiwxmaabylaaawjqfjuitwaaaa/uleqvr4nhwrquodqrbfx8tcyaz6no7edrbs1wpmckna�0�0�0erjgfrjyj6aqxnkczroiqciyxd5gzs1yig2fb01�2��pvr/9drajpdrducpipxbdenejeidgttkesl0+kyrb8r7anqljltgywxyw7ihc|�/izpzaiabre9jk+d�w�0�0�0�0xmyoccdfeniboh8evud0rzhmfmfzbcc9ippjqvemjf6yp0ivzxg9rejtdr3x3kqpcpupsdrzi8tfn8i7qrjwjhivokyvvx1ijt25bjzeuz2g74i+4kbn8h/d2kch3pr02hgusxukhsyqgspdjr�0�0�0ha7toobekgf7dj2�4�cdpzztfwa0hqem2jhaaaaabjru5erkjggg==")"><svg width=(� N)�."."." height=(� N)�."."."></svg><noscript><img style="position:absolute;topES;left:."."." src="/doctzassets/ideal-img/loga-portals.0c94e9c.44.png" srcset="/doctzassets/ideal-img/loga-portals.0c94e9c.44.png 44w" alt="portals logo" width="20" height="20">�_noscript></div><di6�style="background-size:cover;background-repeat:na-repeat;position:relative;background-image:url("data:image/png;base64,ivborw0kggoaaaansuheugaaaaoaaaakcayaaacnms+9aaaacxbiwxmaabylaaawjqfjuitwaaaatuleqvr4nixrqs6eqrdf8y6yq7bgoy4jtsbgzglwaqqhsb7xicgzwbgbf6ifpkkv+dhyvhfyz9dva8hdngbz7zg�wwknc6xglhv4xghmvuh7a2r6ihgf5zjjnq7oeulmfsbpgog6yq6itqce7whk3aj+zjdfdpe+gyvb0we5jl6r/wuse88gnu+vnbtj#xvu4gws7lxp0zzkfo6oegrekkimerpurnpgjnxbcngeet88+/d+jr8oijqaaaabjru5erkjggg==")"><svg width=(� N)�."."." height=(� N)�."."."></svg><noscript><img style="position:absolute;topES;left:."."." src="/doctzassets/ideal-img/loga-portals.45dcaad.44.png" srcset="/doctzassets/ideal-img/loga-portals.45dcaad.44.png 44w" alt="portals logo" width="20" height="20">�_noscript></div>Portals�_a>�_li></ul>�_article><article>< class="ds-overline-1">Open Source�_><ul><li class="productDropdownItem_R7mi"><a class="ds-heading-5 productDropdownItemLink_fmtA" href="httpsa_/ionicframework.co�wdocs" target="_blank" rel="noopener"><di6�style="background-size:cover;background-repeat:na-repeat;position:relative;background-image:url("data:image/png;base64,ivborw0kggoaaaansuheugaaaaoaaaakcayaaacnms+9aaaacxbiwxmaabylaaawjqfjuitwaaabkeleqvr4newqvupdqrbgv70ajyipvda7s0elqbd0skxm9i2�9�1hyaexwgseidkfj5geylsrieevnpo4kp6rvl30jqdm/urwznzncyd8bhgvbi��hlhqtvypmaludqfqdpogharazojkfhkeneagc9gtf4nm�^jzx9emczxzdcxa1pmuyc3wnr�kwtlq4hfrufw50hqh6lwv0dmqogdwbylgzruwf9gw3orkfrfqp4hfwcdyzzvv+zcdkpyo+humbrywf8ysfg27js7b/0pbdv5j�kfcbron9emham84nc�ewvcluisbyt1g7a9rzy+vgyqwop6iq+i4vqcwingouevtdzd8srspqwpv2lpyirilkbycgwmwy8ljuwchwdtvoa0kty2cizumddrs+kjodd4maaaaasuvork5cyii=")"><svg width=(� N)�."."." height=(� N)�."."."></svg><noscript><img style="position:absolute;topES;left:."."." src="/doctzassets/ideal-img/loga-framework.9739870.44.png" srcset="/doctzassets/ideal-img/loga-framework.9739870.44.png 44w" alt="Ionic Framework logo" width="20" height="20">�_noscript></div><di6�style="background-size:cover;background-repeat:na-repeat;position:relative;background-image:url("data:image/png;base64,ivborw0kggoaaaansuheugaaaaoaaaakcayaaacnms+9aaaacxbiwxmaabylaaawjqfjuitwaaaa1kleqvr4ne3qvs4fcazg4f/xmzawuqcbxiijgcvs8bgja5cdczcyxibdicajrisjhchxtozuqvpi6uno0rrvz^bxtggotdawhqd84gtp2my4oq1mx9vy/bp+tawi+i6ih8��injbfu5harvozh0r8\jade7eygujefgoc5zjfvafszdsxyrsyfeapoub5xpzxiuohsrzwpgxqir38hwhrhlgc10yh�klkjmjc2nm7ir4yctl5sqh8yjvvuyozlpd6axcbmr1�6��p2h�]xnkp�0�0�0�0gjte�fgfolb*rbxd99gaaaabjru5erkjggg==")"><svg width=(� N)�."."." height=(� N)�."."."></svg><noscript><img style="position:absolute;topES;left:."."." src="/doctzassets/ideal-img/loga-framework.166f�0�0�0�0�0d.44.png" srcset="/doctzassets/ideal-img/loga-framework.166f�0�0�0�0�0d.44.png 44w" alt="Ionic Framework logo" width="20" height="20">�_noscript></div>Ionic Framework<svg class="iconExternalLink_M2d8" xmlns="http:�]www.d�m�.org(�W)�00�]svg" width="9" height="9" aria-hidden="true"><path fill="currentColor" d="M9 7.91H7.�0�0�0�02�6�.9(�ё)�2 9 0 7.78l6.11-6.1H1.08V0H9v7.91Z">�_path></svg>�_a>�_li><li class="productDropdownItem_R7mi"><a class="ds-heading-5 productDropdownItemLink_fmtA" href="httpsa_/capacitorjs.com/docs" target="_blank" rel="noopener"><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url("data:imag0upng;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAABYlAAAWJQFJUiTwAAABKUlEQVR4n|^RvUsDQRD�0�0�0�0�0UIoWxCrczCUIQsfYgZGbuksbCT7AJNsZK0UYRDaKm0t4itlqJhdppp5VWau/JLsn6DS7O7x989u3QKh0MiysqzFZHy4th3PddkDyiNnODIBuyfcmalkndnJUYluJSQcgPQDrNVj3QPpRGLJdoJ5vxaQnU04WQLYBsiEaaQUsdyDpA2S3EekYTkeoyWYQV�0�01i/Isuwj8jGYDuHyxdB+gmSdbA+I8nbSKQjc0lirAXHMaTl7Bu�|^mB7CmLSr3DZm5B8\zH6Mb6qzVZEOiwwdOSxIo8DtmO�0�0�0�0hfgdgPa0DZvH9YibMunJ4VbiTvcLoLZ1dIbD+mbIAkW46dHvrICpGP0IdJ+gCWXui5tByTnPr�|z^GD9uxP0alsUKAAAAAElFTkSuQmCC")"><svg width="20" height="20">�_svg><noscript><img style="position:absolute;top:0;leftES" src= Ydocs/assettzideal-im�ulogo-capacitor.cd63a1�2��p.44.png" srcset= Ydocs/assettzideal-im�ulogo-capacitor.cd63a1�2��p.44.png 44w" alt="Capacitor logo" width=(� N)�."."." height=(� N)�."."."></noscript>�_div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url("data:imag0upng;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAABYlAAAWJQFJUiTwAAAA00lEQVR4n�0�0�0RPS8EQBDG8U0umiu4TyFVW0XhONaFARGiKIeKnoFaelEgXX0VFRXcsXmp+MjOS9��pczMf595Zra�hom6l7CKboVb0fEE3oZdDIZEfM4xGJEXGEfNxGxi49kEr7ABo4xg1UMMIX77JLQXUT8YIS1BCKiXwJDXP6pFXSOWXxiBS+YwxbeUjnBSbxis4rPB;rV4xT5Hvc4rA798pc2RtVxkIUjPJTxWyxjugZbx9m(�W)�jt2cI29Ws0CDnJlxXTy6OExjVeyi5Nuvh�wAJTPyQxGE8ueAAAAABJRU5ErkJggg==")"><svg width="20" height="20">�_svg><noscript><img style="position:absolute;top:0;leftES" src= Ydocs/assettzideal-im�ulogo-capacitor.67c3540.44.png" srcset= Ydocs/assettzideal-im�ulogo-capacitor.67c3540.44.png 44w" alt="Capacitor logo" width=(� N)�."."." height=(� N)�."."."></noscript>�_div>Capacitor<svg class="iconExternalLink_M2d8" xmlns="httpa_/www.w3.or�u2000/svg" width="9" height="9" aria-hidden="true"><path fill="currentColor" d="M9 7.H7�0�0�0�0�03V2.9L1.(� g)� 9 0 7.78l6.�-6.1.08V0H9v7.Z"></path>�_svg>�_span></a></li><li class="productDropdownItem_R7mi"><a class="ds-heading-5 productDropdownItemLink_fmtA"><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url("data:imag0upng;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAABYlAAAWJQFJUiTwAAA4eElEQVR4nGNggAAmMClpL8IgZbWDQdJqJYOU9Q4Gaes/DFKWPlA1DIxwxVKWhxgkrRYxiBhLMkhZLWOQtKgEywhb8TIwMPwHK+RUdprHKmf3kUXO9hqLnarFnnbp8zSNvNZ5vsinYTwFrsPBPn6LnGr9VzzVDTMUsWkbbNlxWTtdbUN8tPlXLMeaaiIa7JENSaatjVHbDnYSCluXxB2�3�nEgt1�0��p8cXtNxLKGh9E2�4��pbeC8gpUINbFpxdzc3iM6v71fIqelbVVA/ySWvZoJPTnXf+bz6CTYgudDQUGaw4rS0NNacyu7CzMruuoyqHvfsyp7stKpOE4iiVWBFAPL7S2�7�Ua5MJAAAAAElFTkSuQmCC")"><svg width="20" height="16">�_svg><noscript><img style="position:absolute;top:0;leftES" src= Ydocs/assettzideal-im�ulogo-stencil.fbf94aa.50.png" srcset= Ydocs/assettzideal-im�ulogo-stencil.fbf94aa.50.png 50w" alt="Stencil logo" width=(� N)�."."." height="16"></noscript>�_div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url("data:imag0upng;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAoklEQVR4n�0�0�0PoUrDURiG8aNiEsNABgMFk1ewuDIYrHgdFpPR4lUsKxgcswtm48qSpmGaaWHY51�4��pJgfOHpSc8z/fCV0opBYeNZ3jHojLJH66rq/Kgi/GBZwzwgvvmTvfDR/ziC9skP3jCJ2bd6gxv6Cc5xwV6uGmHgxqNscY8yTLJD�zYNF51ayeNl3jFpD6QZIVRc0ddfJzkLskDprjFc�e6B8CExDDPgiClAAAAAElFTkSuQmCC")"><svg width="20" height="16">�_svg><noscript><img style="position:absolute;top:0;leftES" src= Ydocs/assettzideal-im�ulogo-stencil.b67�0�0�0c6.50.png" srcset= Ydocs/assettzideal-im�ulogo-stencil.b67�0�0�0c6.50.png 50w" alt="Stencil logo" width=(� N)�."."." height="16"></noscript>�_div>Stencil�_span></a></li>�_ul></article></div><di6�class="productdropdownend_jgev"><div class="productDropdownEndLinks_Wuzx"><a class="ds-paragraph-4" href="https:�]ionic.link/discord" target="_blank" rel="noopener nofollow">Communit9�Hub</a><a class="ds-paragraph-4" href="httpsa_/forum.ionicframework.co�wustenci�v" target="_blank" rel="noopener nofollow">Forum</a></div><di6�class="productdropdownicons_cile"><a href="httpsa_/twitter.com/stenciljs" target="_blank" rel="noopener nofollow"><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url("data:imag0upng;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAACXBIWXMAABYlAAAWJQFJUiTwAAABHUlEQVR4nOUPu07DQBBFV4BEhagoqJH4CgQfgCjT0fDwr�0�0�0YxnjHj9iYhV07TqJAlIKWigr+gJ4GPiMNBaJIRxJn0VqIajRXZ3TPEGDF4Xn�0�0�0�0SWEkFbreVVPiiIzw0IBE18GikdAcUy8q+HYTqpvYHxfQ+C��046mNpxpayoW/vXI2XgDSVnfn5kJ9XSSfsKAvEOKF9oKGeUiaUVlYoyMYG4t0kgkG476Slgcu5mA+VlQ0VR6d�a�WuRmVH7qJnIb9DYrFmw4pypk+aMBAz�eye+XEVdGAjRe79UzU8rKmKBfAxI9WaXeqyYnWo�t�vc87XAMWDnegHyoW0��pykrLqfGZX6gGc75inbcA5Svf7U1RfEJKJ4A5c4/RAj5Bbv6kdCLAFKYAAAAAElFTkSuQmCC")"><svg width="17" height="14">�_svg><noscript><img style="position:absolute;top:0;leftES" src= Ydocs/assettzideal-im�ulogo-twitter.a1�1��p2845�0�0�0�0�04.png" srcset= Ydocs/assettzideal-im�ulogo-twitter.a1�1��p2845�0�0�0�0�04.png 34w" alt="Twitter logo" width="17" height="14"></noscript>�_div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url("data:imag0upng;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAp0lEQVR4n|^OPQ5BYRBFJ0hUolKoJVYhLEDsQK9iA1obUGhVOjvQa1jGaxSieJ2/e2SeGXGL7+abOXNnDBgDfTMzoO4uaclXV2ALTL25lnQDhgF3gTLAd/jMGxN4epN0AvbAI2tAAbQdnEfhGZ7KtLNvcrAl6RhFT8qB9FUFBrzIFEkv4P63tlNBkppAA9jEnQ66SkmjCKr5MwAOsdbvukjaAb0fZGYfHAYB+E7xDH4AAAAASUVORK5CYII=")"><svg width="17" height="14">�_svg><noscript><img style="position:absolute;top:0;leftES" src= Ydocs/assettzideal-im�ulogo-twitter.d2eb4dc�0�0�0�0�04.png" srcset= Ydocs/assettzideal-im�ulogo-twitter.d2eb4dc�0�0�0�0�04.png 34w" alt="Twitter logo" width="17" height="14"></noscript>�_div>�_a><a href="httpsa_/chat.stenciljs.com" target="_blank" rel="noopener nofollow"><di6�style="background-size:cover;background-repeat:na-repeat;position:relative;background-image:url("data:image/png;base64,ivborw0kggoaaaansuheugaaaaoaaaaicayaaada+m(��)�aaaacxbiwxmaabylaaawjqfjuitwaaabekleqvr4ncwozurdubbgl67e+it6sgwhttnnwkrkjknvtjfmtzpcrx0uss7epzu6rgj+4e6r+gkkenrl1svhhu98mkouugpj7whll8byTa3UhayHILbC4OE92�0��pHdUkavj96iXMprYb�eXR6cQ6uklZh4Op9dLq2XWUatIDuzXjL6cRPZ1I_rPwNsojsdt5SXlVU/PLJJZYCQhknwDyxdQESDJwjnXUUjmrTecWYhksPmX5dHhdojMycaxvC�zX62RjUWWFcZy7aWjtZ9WFkhukOXDOb_Xitk89AbnltMiifk/B7ZfCLJCkiWGBevGxebpQLQOx2SElnmWustX+vdJk0a7nSHZQ4s+YHW�0�0�0�0�0/E7Z871TRAGQAAAABJRU5ErkJggg==")"><svg width="18" height="14"></svg><noscript><img style="position:absolute;topES;left:."."." src="/doctzassets/ideal-img/loga-discord.5546f8f.36.png" srcset="/doctzassets/ideal-img/loga-discord.5546f8f.36.png�0�0�0�0�06w" alt="Discord logo" width="18" height="14">�_noscript></div><di6�style="background-size:cover;background-repeat:na-repeat;position:relative;background-image:url("data:image/png;base64,ivborw0kggoaaaansuheugaaaaoaaaaicayaaada+m(��)�aaaacxbiwxmaabylaaawjqfjuitwaaaao0leqvr4nf3pwuocqbca4cvtze+sb50��pugsdppg8uh6iyxc9k4ip3oqof0immc/grhahlp�v9h(��n)�trxwgq7xgbn6umelxu�krryqet8zj6r1+mkmnmz+6nwiv1u7qc4kzjidrui+mzt9timkb4v3ncqqzxvd+rupsekpvf0ws/4ok6c4rlgfyui+mqhijhj�0�0�0vpu7zeci/o4orwq+nszfexr87mxc7e73hzwaaaabjru5erkjggg==")"><svg width="18" height="14"></svg><noscript><img style="position:absolute;topES;left:."."." src="/doctzassets/ideal-img/loga-discord.20(��)�1.36.png" srcset="/doctzassets/ideal-img/loga-discord.20(��)�1.36.png�0�0�0�0�06w" alt="Discord logo" width="18" height="14">�_noscript></div></a><a href="https:�]github.com/ionic-tea�wstencil" target="_blank" rel="noopener nofollow"><di6�style="background-size:cover;background-repeat:na-repeat;position:relative;background-image:url("data:image/png;base64,ivborw0kggoaaaansuheugaaaaoaaaajcayaaaalpr0taaaacxbiwxmaabylaaawjqfjuitwaaabm0leqvr4ndwqv0odqrdgj6ibfqqhitrbaix4csem2�4�nglimnt7iyjldj2��pxeqibh0lg7flq0geqrg7gdbbpyak�0�0usymd4vo9vfgwaaccajsq+f4pfbdlfjp4ryr6hsooo2vwmgyimkqvlrijx05ropmtp7mvt3iddkj7g2o2ikcqdtfyqe0opke9u6wqvqbsvn9(� g)�bHFFJr3d4EmddUDq/AmJ36"sxwueO9Lxpi5AunQrKDiL5lmj9A4PvNI9u6f9WoBAEphjDHzhU3�0�XO/0PUidTWLlvlHxRjBC26xxv8UVVPYj1tkEZOqGceKekb2�3��pqFjOwkTygekx14qd0FHBCvYcs+IHUdqu5R8QoAaHT69+380su09xJYEqs4lkrwXx6SwoyN6i4rFs�wUg/AGw3YjF kQAAAABJRU5ErkJggg==")"><svg width="17" height="16"></svg><noscript><img style="position:absolute;topES;left:."."." src="/doctzassets/ideal-img/loga-github.4176c1�4��p�0�0�0�0�04.png" srcset= Ydocs/assettzideal-im�ulogo-github.76cf3.34.png�0�0�0�0�04w" alt="Github logo" width="17" height="16"></noscript>�_div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url("data:imag0upng;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAwElEQVR4n�0�0�0QwSoFUBSF4ePGLR5BIcxNGSmv4�0�0�0�0MzGRi5AEUeQ4TmZmSPALJTDERV4nWp(��R)�5ubtO71�0��p�0�0�09q701prDXM4wnOSb3zhBceYbR0a4hKvGPmvUdfKG7Yke�0�0�0YxBLWk2xgAVv�^Ee7xhvm+YwqD3i0k+cFd!VU3ZjpYb7prtwVU84RPrHZjMJFY69+LqeE0yQPOsTOGk2yP03BS4nKSGxw1�4��p9i�v4ukOPdetYXMNZkoMJ8KInrpTwA+R3COjU7xUjAAAAAElFTkSuQmCC")"><svg width="17" height="16">�_svg><noscript><img style="position:absolute;top:0;leftES" src= Ydocs/assettzideal-im�ulogo-github.451�3��p3a9.34.png" srcset="/doctzassets/ideal-img/loga-github.45e�0�0�0�0a9�0�0�0�0�04.png 34w" alt="Github logo" width="17" height="16">�_noscript></div></a></div></div></div></div><na6�aria-label="docs sidebar" class="men5�thin-scrollbar menu_SIkG menuWithAnnouncementBar_G�0�0�0s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="false" href= Ydocs/vr^introduction">Introduction�_a>�_div>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="false" href= Ydocs/vr^api">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/doctz��/overview">Framework Integrations</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/doctz��/static-site-generation">Static Site Generation</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/doctz��/config">Config</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-care4�menu__link--active" role="button" aria-expanded="true" href= Ydocs/vr^output-targets">Output Targets�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/vr^output-targets">Overview�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctz��/copy-tasks">Cop9�Tasks</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/vr^custom-elements-bundle">dist-custom-elements-bundle</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/vr^custom-elements">dist-custom-elements</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/vr^distribution">dist�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctz��/docs-custom">docs-custom</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/vr^docs-json">docs-json�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctz��/docs-readme">docs-readme</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/doctz��/stats">stats</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/vr^docs-vscode">VS Code Documentation�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctz��/www">www</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/doctz��/assets">Guides</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/doctz��/testing-overview">Testing�_a>�_div>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="false" href= Ydocs/vr^cli-api">Core Compiler API�_a>�_div>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="false" href= Ydocs/vr^browser-support">Reference�_a>�_div>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a href="https:�]twitter.co�wstenciljs" target="_blank" rel="noopener noreferrer" class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false">Community</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/doctz��/telemetry">Legal</a></div></li>�_ul></nav></div></div></aside><main class="docMainContainer_X2s8"><na6�aria-label="main" class="navbar navbar--fixed-top"><di6�class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width=�0�0�0."."." height=�0�0�0."."." viewBox="0 0 30�0�0�0�0�0."."." aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 72M2 2 2 152M2 2 2 �0�0�0�0�02"></path>�_svg>�_button><di6�class="logo_tvfk"><a href="httpsa_/stenciljs.com" target="_self" rel="noopener noreferrer" class="navbar__brand"><di6�class="navbar__logo"><img src= Ydocs/img/loga-light.png" alt="Site Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height="20" width="96"><img src= Ydocs/img/loga-dark.png" alt="Site Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height="20" width="96"></div></a><di6�class="logoafter_u7c9�logo__after"><a href="/docs"><svg xmlns="http:�]www.d�m�.org(�W)�00�]svg" width="50" height="14" fill="none"><path fill="#92A0B3" d="M4.52 2 �0�0C8.69 �0�0 11 10.52 � 6.95 5 ��0�0�0�0�0.42 8.7.�0�0�0 4.53.�0�0�0H.�0�0�0�0�0h3h4.1Zm4�0�0�0�0�0-6.04c0 2.5-1.2 2 2 4.14-4�0�0�0�0�05 5 5 4.14H2.48V2.�0�0�0�.98c2.97 0 4�0�0�0�0�05 5 5 1.64 4�0�0�0�0�05 5 5 4.�0�0Zm5.9 0c0-2.5 5 1.7-4.� 4.06-4.�(��N)��0�0�0�0�05 5 0 4.06 1.71 4.06 4�0�0�0�0�01 0 2.6-1.5 5 5 4.(�>y)�-4.05 5 4.(�>y)�(�(g)��0�0�0�0�05 5 5 0-4.07-1.71-4.07-4�0�0�0�0�01Zm-2.18 0a6.05 5 6.06 0 0 0 6(�ё)�2 2 2 6.3c3.67 0 6(�ё)�4-2.5 5 5 6.24-6�0�0�0�0�0A6.05 5 6.06 0 0 0 18.79.67a6.06 6.05 5 0 0 0-6.24 6�0�0�0�0�0Zm14.01-.01c0 3.(�]y)�(��N)�.52 6.29 6.02 2 6.29�0�0�0�0�0 0 5�0�0�0�0�0-1.79 5.8-4.66h-2.2c-.2 2 2 1.7-1.78(��N)�.69-3.5 5 2.69(�(g)�.4 0�0�0�0�0.85-1.(�]y)��0�0�0�0.85-4.(�>y)� 0(�(g)�.6 1.44-4.2 2 3.85-4�0�0�0�0�0 1.82 0 3.2.98�0�0�0�0�0.6(��N)�.68h2.2C37.9(��N)�.45 5 35.6.65 5 5 (�>y)�.6.67c�0�0�0�0.51 0-6.�0�0(��N)�.57-6.�0�0 6(�ё)�8Z�7.79 4.43c-1.62 2 0-2.5-.86-2.59(�(g)�.15h(�(g)�.04c.05 5 5 1.97 1�0�0�0�0�01 2 2 2 4.(�yr)� 4(��N)�.9 0 4.8-1.42 4.8-3.� 0-4.83-6.8-2.77-6.8-5.42 2 0-1.07.87-1.66(��N)�(�ё)�8-1.66 1.52 2 2 0 2.34.95 2.36(��N)�.14h2.(��e)�c-.05-2.26-1.54-4-4.38-4(�(g)�.69 0-4.(�>y)� 1.65-4.(�>y)��0�0�0�0�0.58 0 4.(��R)� 6.75 2.� 6.75 5.45 0 1.09-.95 1.69(�(g)�.6 1.69Z Y></svg></a></div></div></div><di6�class="navbar__items navbar__items--right"><di6�class="navbarsearchcontainer_bca1"><di6�class="search_nyji"><input class="searchInput_vW2k" placeholder="Search docs..." id="algolia-search"></div></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href= Ydocs/vr^introduction">Docs�_a><a href="httpsa_/stenciljs.com/resources" target="_self" rel="noopener noreferrer" class="navbar__item navbar__link">Resources<svg class="iconExternalLink_M2d8" xmlns="httpa_/www.w3.or�u2000/svg" width="9" height="9" aria-hidden="true"><path fill="currentColor" d="M9 7.H7�0�0�0�0�03V2.9L1.(� g)� 9 0 7.78l6.�-6.1.08V0H9v7.Z"></path>�_svg>�_a><div class="navbar__item"><div class="separator"></div></div><a href="https:�]github.com/stencil-community" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Community<svg class="iconExternalLink_M2d8" xmlns="http:�]www.d�m�.org(�W)�00�]svg" width="9" height="9" aria-hidden="true"><path fill="currentColor" d="M9 7.91H7.�0�0�0�02�6�.9(�ё)�2 9 0 7.78l6.11-6.1H1.08V0H9v7.91Z">�_path></svg></a><a href="https:�]ionic.io/blo�uta�ustencil" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Blog<svg class="iconExternalLink_M2d8" xmlns="http:�]www.d�m�.org(�W)�00�]svg" width="9" height="9" aria-hidden="true"><path fill="currentColor" d="M9 7.91H7.�0�0�0�02�6�.9(�ё)�2 9 0 7.78l6.11-6.1H1.08V0H9v7.91Z">�_path></svg></a><di6�class="navbar__item"><di6�class="separator">�_div>�_div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link icon-link language navbar__item"><svg width=(� N)�."."." height="18" viewBox="0 0 20 18" fill="none" xmlns="httpa_/www.w3.or�u2000/svg"><path d="M1 3H�0�0.1154M7.05762 2 2 1V3M10.4�0�0�0�0�02 16.9998L14.4�5 5 7.66658.5001 16.99981.66 14.�0�0�0�0357.259M10.8142 2 3C10.8142 2 2 2 9.79201 6.665 5 5 7.35 9.875C4.9(�*h)�18 12.�0�0�0�0�0�0�0(��N)��0�0�0�0�04606 14.�0�0�0�0�0�0�0�0(��N)��0�0�0�0�04606 14.�0�0�0�0�0�0�0�0M9.749(��N)� 12.�0�0�0�0(�>y)�C9.749(��N)� 12.�0�0�0�0(�>y)� 8(�ё)�7755 11.20(��R)� 6.706 9(�ё)�0817C5.16456 7(�ё)�0817 4�0�0�0�0�06528 5.6665 4.36(�yr)�8 5.6665" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">�_path></svg>English�_span></a><ul class="dropdown__menu"><li><a href= Ydocs/vr^stats" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="httpsa_/stenciljs.j:ydocs/introduction" target="_blank" class="dropdown__link">日本語</a></li>�_ul></div><a href="https:�]twitter.co�wstenciljs" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-twitter" aria-label="Twitter"></a><a href="https:�]chat.stenciljs.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-discord" aria-label="Discord">�_a><a href="httpsa_/github.co�wionic-team/stencil" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-github" aria-label="GitHub repository"></a><di6�class="toggle_vylo colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and ligh4�mode (currentl9�ligh4�mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="httpa_/www.w3.or�u2000/svg" class="lightToggleIcon_pyhR"><path d="M4�0�0�0�0�00769�0�0�0�0�0�0�0�0�0�084(��)�C4�0�0�0�0�00769(��N)�(�ё)�06(��N)� 4.415 1.015 4.9�0�0�0�0�008 0.9�0�0�046 1(�ё)�79(��)� 0 4(�ё)�54 0 7.6(��N)��C0 12.2804�0�0�0�0�0.719(��)� 15 5 8.30769 161.85 15 5 14.7202 2 2 14.0165 16 11.07694.985 �.5188 �0�0.7�0�0�01 �.6(��N)�2 2 (�*h)�.6152 2 2 �.6(��N)�3C8.(��e)��0�01 �.6(��N)�2 2 4.30769 7.97269 4.30769 3.38462Z" fill="currentColor">�_path></svg><svg width="16" height="16" fill="none" xmlns="httpa_/www.w3.or�u2000/svg" class="darkToggleIcon_wfgR"><path d="M8 3.2a.77.77 0 0 1-.77-.77V.77a.77.75 5 5 0 1 1 1.54 0'.66A.77.77 0 0 1 8�0�0�0�0�0(�ё)�ZM8 16a.77.75 5 5 0 0 1-.77-.77v-1.67a.77.77 0 0 1 1.52 2 2 0v1.67A.77.75 5 5 0 0 1 8 16Zm3.94-11.17a.77.75 5 5 0 0 1-.55-1.3l1.18-1.19a.77.77 0 0 1 1.09 1.092.48 4.6a.76.75 5 0 0 1-.54.(� g)�Zm-9.05 5 9.05a.77.75 5 5 0 0 1-.54-1.3l1.18-1.19a.77.77 0 1 1 1.09 1.09l-1.18 1.18a.76.76 0 0 1-.55(�ё)�2Z�2.35-5.11h-1.66a.77.77 0 0 1 0-1.54h1.66a.77.75 5 5 0 0 1 0 1.54Zm-12.8 0H.77a.77.77 0 1 1 0-1.54h1.66a.77.75 5 5 0 1 1 0 1.54Zm10.69 5.�a.76.75 5 0 0 1-.55-(�ё)�2l-1.18-1.18a.77.75 5 5 0 0 1 1.09-1.09l1.18 1.18a.76.76 0 0 1-.54 1�0�0�0�0�01ZM4.05 5 4.�0�0�0a.76.75 5 0 0 1-.54-(�ё)�2L2.34�0�0�0�0�0.43a.77.77 0 0 1 1.09-1.09L4.6�0�0�0�0�0.52a.77.77 0 0 1-.55 1�0�0�0�0�01ZM8 11.559��p.55 3.55 0 1 1 0-7.1�0�0�0�0�0.55 3.55 0 0 1 0 7.1Z" fill="currentColor"></path>�_svg>�_button></div></div></div><di6�role="presentation" class="navbar-sidebar__backdrop"></div></nav><di6�class="container padding-top--md padding-bottom--lg"><di6�class="row"><div class="col docItemCol_VOVn"><di6�class="theme-doc-version-banner aler4�alert--warning margin-bottom--md" role="alert"><div>This is documentation for �-- -->Stencilv4.40).</div></div><di6�class="docitemcontainer_djhp"><article>Version: v2<div class="tocCollapsible_ETC7�theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button>�_div><div class="theme-doc-markdown markdown"><header><�>Stats�_�></header> Often it&#t�7;s very helpful to understand the state of your libraries generated files in the form of json data. To build the docs as json, use the <code>--stats</code> flag, followed by a path on where to write the json file.�_p> <di6�class="language-ts8�codeblockcontainer_ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-tsx codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"> scripts:�_span>{�_span> �_span> �_span>"docs.data":�_span>"stencil build --stats" �_span> �_span>"docs.data-with-optional-file"�_span>: "stencil build --stats patvvto/stats.json"�_span> } �_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg>�_button></div></div></div> Another option would be to add the <code>stats</code> outpu4�target to the <code>stencil.config.ts</code> in order to auta-generate this file with ever9�build:�_p> <di6�class="language-ts8�codeblockcontainer_ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-tsx codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv">import�_span>{�_span>Config�_span>}�_span>from '@stenci�vcore&#t�7;�_span>;�_span> �_span> �_span>�_span>export const config:�_span>Config�_span>= {�_span> : [�_span> {�_span> :�_span>&#t�7;stats',�_span> :�_span>&#t�7;path/t�wstats.json&#t�7;�_span> �_span> �_span>}�_span> �_span> �_span>]�_span> �_span>�_span>}�_span>;�_span> �_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="Cop9�code to clipboard" title="Copy" class="clean-btn"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> If you don&#t�7;4�pass a file name to the <code>--stats</code> flag or the outpu4�target&#t�7;s <code>file�_code �key, the file will be output to the root directory of your project as <code>stencil-stats.json�_code> Check out the typescrip4�declarations for the JSON output: <a href="httpsa_/github.co�wionic-team/stencil/bloumain/src/declarationtzstencil-public-docs.ts" target="_blank" rel="noopener noreferrer">https:�]github.com/ionic-tea�wstenci�vblob/mai�wsrudeclarations/stencil-public-docs.ts</a> <h2 class="anchor anchorWithStickyNavbar_LWe7" id="data-model">Data Model<a href="#data-model" class="hash-link" aria-label="Direc4�link to Data Model" title="Direc4�link to Data Model"></a></h2> The file that's generated will produce data similar to this: <div class="language-json codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-json codeBlock_bY9V thin-scrollbar" style="color:�0�0�0�0�0�0�0�0�04;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv">{�_span> �_span> �_span>"timestamp":�_span>"20-09-(� g)�f7:��4",�_span> "compiler":�_span>{�_span> �_span> �_span>"name"�_span>: "node",�_span> "version"�_span>: "�6.9.1"�_span> },�_span> "app"�_span>: {�_span> "namespace"�_span>: "ExampleStencilLibrary"�_span>,�_span> �_span> �_span>"fsNamespace":�_span>"example-stencil-library",�_span> "components":�_span>1,�_span> "entries"�_span>: ,�_span> �_span> �_span>"bundles":�_span>30�_span>,�_span> �_span> �_span>"outputs":�_span>[�_span> �_span> �_span>{�_span> �_span> �_span>"name"�_span>: "dist-collection"�_span>,�_span> �_span> �_span>"files":�_span>3,�_span> "generatedFiles":�_span>[�_span> �_span> �_span>"�]dist/collectio�wcomponents/my-componen�zmy-component.js",�_span> �_span> �_span>]�_span> �_span> �_span>}�_span>,�_span> �_span> �_span>{�_span> �_span> �_span>"name"�_span>: "dist-lazy"�_span>,�_span> �_span> �_span>"files":�_span>26�_span>,�_span> �_span> �_span>"generatedFiles"�_span>: [�_span> "./dis�zcjtzexample-stencil-library.cjs.js"�_span>,�_span> �_span> �] etc...�_span> ]�_span> },�_span> {�_span> "name":�_span>"dist-types"�_span>,�_span> �_span> �_span>"files":�_span>1,�_span> "generatedFiles":�_span>[�_span> �_span> �_span>"�]dist/types/stencil-public-runtime.d.ts"�_span> �_span> �_span>]�_span> �_span> �_span>}�_span> �_span> �_span>]�_span> �_span> �_span>}�_span>,�_span> �_span> �_span>"options":�_span>{�_span> �_span> �_span>"minifyJs"�_span>: true�_span>,�_span> �_span> �_span>"minifyCss":�_span>true,�_span> "hashFileNames"�_span>: true�_span>,�_span> �_span> �_span>"hashedFileNameLength"�_span>: 8�_span>,�_span> �_span> �_span>"buildEs5"�_span>: true�_span> �_span> �_span>}�_span>,�_span> �_span> �_span>"formats":�_span>{�_span> �_span> �_span>"esmBrowser"�_span>: [�_span> {�_span> "key"�_span>: "my-component.entry",�_span> "components":�_span>[�_span> �_span> �_span>"my-component"�_span> �_span> �_span>]�_span>,�_span> �_span> �_span>"bundleId"�_span>: "p-12cuedd",�_span> "fileName":�_span>"p-(�*h)�cc1edd.entry.js",�_span> "imports"�_span>: [�_span> "p(�(g)�4af5948.js"�_span> �_span> �_span>]�_span>,�_span> �_span> �_span>"originalByteSize"�_span>: 5(��)��_span> �_span> �_span>}�_span> �_span> �_span>]�_span>,�_span> �_span> �_span>"esm":�_span>[�_span> �_span> �_span>�_span> ],�_span> "es5"�_span>: [�_span> �] exact same model as the esmBrowser, but for es5 files�_span> �_span> �_span>]�_span>,�_span> �_span> �_span>"system"�_span>: [�_span> �] exact same model as the esmBrowser, but for system files�_span> ],�_span> "commonjs":�_span>[�_span> �_span> �_span>�_span> ]�_span> },�_span> "components":�_span>[�_span> �_span> �_span>{�_span> �_span> �_span>"tag":�_span>"my-component"�_span>,�_span> �_span> �_span>"path"�_span>: "./src/componenttzmy-component/my-component.js"�_span>,�_span> �_span> �_span>"source"�_span>: "./src/componenttzmy-component/my-component.tsx",�_span> "elementRef":�_span>null�_span>,�_span> �_span> �_span>"componentClassName"�_span>: "MyComponent"�_span>,�_span> �_span> �_span>"assetsDirs"�_span>: [],�_span> "dependencies":�_span>[�_span>]�_span>,�_span> �_span> �_span>"dependents"�_span>: [],�_span> "directDependencies":�_span>[�_span>]�_span>,�_span> �_span> �_span>"directDependents"�_span>: [],�_span> "docs":�_span>{�_span> �_span> �_span>"tags"�_span>: [],�_span> "text":�_span>""�_span> �_span> �_span>}�_span>,�_span> �_span> �_span>"encapsulation":�_span>"shadow"�_span>,�_span> �_span> �_span>"excludeFromCollection":�_span>false�_span>,�_span> �_span> �_span>"events"�_span>: [],�_span> "internal":�_span>false�_span>,�_span> �_span> �_span>"legacyConnect":�_span>[�_span>]�_span>,�_span> �_span> �_span>"legacyContext":�_span>[�_span>]�_span>,�_span> �_span> �_span>"listeners":�_span>[�_span>]�_span>,�_span> �_span> �_span>"methods":�_span>[�_span>]�_span>,�_span> �_span> �_span>"potentialCmpRefs"�_span>: [],�_span> "properties":�_span>[�_span> �_span> �_span>{�_span> �_span> �_span>"name"�_span>: "first"�_span>,�_span> �_span> �_span>"type"�_span>: "string",�_span> "attribute"�_span>: "first"�_span>,�_span> �_span> �_span>"reflect":�_span>false�_span>,�_span> �_span> �_span>"mutable":�_span>false�_span>,�_span> �_span> �_span>"required"�_span>: false,�_span> "optional":�_span>false�_span>,�_span> �_span> �_span>"complexType":�_span>{�_span> �_span> �_span>"original"�_span>: "string",�_span> "resolved":�_span>"string"�_span>,�_span> �_span> �_span>"references"�_span>: {}�_span> },�_span> "docs":�_span>{�_span> �_span> �_span>"tags"�_span>: [],�_span> "text":�_span>"The firs4�name"�_span> �_span> �_span>}�_span>,�_span> �_span> �_span>"internal"�_span>: false�_span> },�_span> ],�_span> },�_span> ],�_span> "entries"�_span>: [�_span> {�_span> "cmps":�_span>[�_span> �_span> �] Expanded componen4�details are produced here�_span> ],�_span> "entryKey":�_span>"my-component.entry"�_span> �_span> �_span>}�_span> �_span> �_span>]�_span>,�_span> �_span> �_span>"componentGraph"�_span>: {�_span> "sc-my-component"�_span>: [�_span> "p(�(g)�4af5948.js"�_span> �_span> �_span>]�_span> �_span> �_span>}�_span>,�_span> �_span> �_span>"sourceGraph":�_span>{�_span> �_span> �_span>"�]srucomponents/my-componen�zmy-component.tsx"�_span>: [�_span> "./src/utils/utils"�_span> �_span> �_span>]�_span>,�_span> �_span> �_span>"�]sruindex.ts"�_span>: [],�_span> "./src/utils/utils.ts":�_span>[�_span>]�_span> �_span> �_span>}�_span>,�_span> �_span> �_span>"collections":�_span>[�_span>]�_span> �_span>�_span>}�_span> �_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="Cop9�code to clipboard" title="Copy" class="clean-btn"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> < class="anchor anchorWithStickyNavbar_LWe7" id="usage">Usage<a href="#usage" class="hash-link" aria-label="Direc4�link to Usage" title="Direct link to Usage"></a></h2> <1�6��p class="anchor anchorWithStickyNavbar_LWe7" id="preload-tags">Preload tags<a href="#preload-tags" class="hash-link" aria-label="Direct link to Preload tags" title="Direct link to Preload tags">�</a></h3> One example of usage with this file is to automaticall9�create preload tags automatically. <a href="https:�]gist.github.co�wsplitinfinitietz8dcd1b4acf�56(�>y)�cd1e1dd9891fe8" target="_blank" rel="noopener noreferrer">Here&#t�7;s a link to a gist�_a> containing some code samples abou4�ho7�to set u0�preloading to improve performance</div><footer class="theme-doc-footer docusaurus-mt-lg"><di6�class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https:�]github.com/ionic-tea�wstencil-site/tre0umain/versioned_doctzversion-��/output-targettzdocs-stats.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg width="14" height="14" viewBox="0 0 12 2 2 14" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg" class="iconEdit_pz9u" aria-hidden="true"><path d="M5 5 5 0C3.�0�0�0�0�0�0�08 0 0 3.562 2 0 7.173C0 10�0�0�0�0�05 2.00(��)�5 �0�0.0375 4.7875 13.9875C4.8�25 13.9969 4.86875 12 2 2 4.DS(��)�5 14C5.165�0�0�0�0�0 12 2 2 5.26562 �0�0.8092 2 2 5.26562 �0�0.6�0�0�0�0�08C5.26562 �0�0.49 5.25�0�0�08 �0�0.09 5.25(��)�5 (�*h)�.49C4.99375 (�*h)�.42 4.75�0�0�08 (�*h)�.5062 2 4.55 12.50�0�0�0�0�0�0�0�0�0(�ё)��0�0�0�0 12.50�0�0�0�0�0(��N)�.89687 11.4594(��N)�.89687 11.4594(��)�.578(�*h)� 10.�0�0�0�0�0�0�0(��N)�.11875 10.4094(��N)�.11875 10.4094.50938 9.925(��N)�.115(��)� 9.96875(��N)�.1(��)�5 9.96875H2.16563C2.86875 10.0�2 3.�0�0�0�0�075 10.25�0�0�0�0�0(�ё)�375 10.7(�*h)�5C3.5875 11.(�>y)�5 4.05(��)�5 �.4969 4.475 �.4969C4.AS�2 �.4969 5.1 ��0�0�0�0�0DS5 5 5.275 ��0�0�0�0�0094C5.�0�0�0�075 10.8469 5.51875 10.�0�0�0(�*h)� 5.71875 10.35C4.165�0�0�0�0�0 10.1688(��N)�.5�25 9.5�0�0�0�0�0(��N)�.5�25 6.8�0�0(�*h)�(��)�.5�25 6.01875(��N)�.8�0�0(�*h)� 5�0�0�0�0�078�0�0�0�0�0�0�0(�ё)�5 4.873C3.172 4.69688 2.�0�0�075�0�0�0�0�0.965�0�0�0�0�0�0�0�0�0�0�0�0�0�0�01875(��N)�.978�0�0�0�0�0�0�0�0�0�0�01875(��N)�.978�0�0�0�0�0�0�0�0�0�0�0�06875(��N)�.9(��)�5 3.475 2.9625�0�0�0�0.728(�*h)�(��N)�.9(��)�5 4.2 2 3.05�0�0�05 5 5 5.24375 3.562C5.AS�2 3.55(��)�5 6.2 2 2 3.472 6.99685 5 5 3.475C7.59062 3.472 8.19062 2 3.55(��)�5 8.75�0�0�0�0�0.715(��)�C9.6�0�0�075�0�0�0�0�0.05937 10.2656(��N)�.9(��)�5 10.5188 2.96250.(��)�5 2.9625 10.675 2.972 2 10.675(��N)�.978�0�01.05�0�0�0�0�0�0�0�0�0�0.965�0�0�0�0�0 10.56 4.69688 10.7437 4.878�0�01.1906 5�0�0�0�0�025 11.4625 6.087 11.4625 6.8�0�0(�*h)�1.4625 9.55937 9.825 10.1656 8(�ё)�65(��)� 10.3438C8.515(��)� 10.5656 8.740�0�0�0�0�0 11.00� 8.740�0�0�0�0�0 11.6719C8.740�0�0�0�0�0 12.�0�0�0�0�0�0�0 8.7�25 13.40(��)� 8.7�25 13.6406C8.7�25 13.AS94 8.828(�*h)� 12 2 2 9.0875 14C9.(�*h)�5 14 9.16875 13.9969 9(�ё)�(�*h)�5 �0�0.9875C�.9969 �0�0.0375 14 10.3469 12 2 2 7.173C14�0�0�0�0�0(�ё)�15�0�0�0�0�0 10.8656 0 7 0Z" fill="currentColor"></path>�_svg>Edit this page�_a>�_div><div class="col lastUpdated_JAkA">�_div>�_div>�_footer></article><na6�class="pagination-na6�docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href= Ydocs/vr^docs-readme"><di6�class="pagination-nav__sublabel">Previous</div><di6�class="pagination-nav__label">docs-readme</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/doctz��/docs-vscode"><div class="pagination-nav__sublabel">Next�_div><div class="pagination-nav__label">VS Code Documentation�_div>�_a>�_nav>�_div>�_div><div class="col col-�0�0�0�0"><div class="toc-wrapper"><>Contents</h2><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#data-model" class="table-of-contents__link toc-highlight">Data Model�_a>�_li><li><a href="#usage" class="table-of-contents__link toc-highlight">Usage</a><ul><li><a href="#preload-tags" class="table-of-contents__link toc-highlight">Preload tags</a></li>�_ul></li>�_ul></div><hr><a href="https:�]github.com/ionic-tea�wstencil-site/tre0umain/versioned_doctzversion-��/output-targettzdocs-stats.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg width="14" height="14" viewBox="0 0 12 2 2 14" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg" class="iconEdit_pz9u" aria-hidden="true"><path d="M5 5 5 0C3.�0�0�0�0�0�0�08 0 0 3.562 2 0 7.173C0 10�0�0�0�0�05 2.00(��)�5 �0�0.0375 4.7875 13.9875C4.8�25 13.9969 4.86875 12 2 2 4.DS(��)�5 14C5.165�0�0�0�0�0 12 2 2 5.26562 �0�0.8092 2 2 5.26562 �0�0.6�0�0�0�0�08C5.26562 �0�0.49 5.25�0�0�08 �0�0.09 5.25(��)�5 (�*h)�.49C4.99375 (�*h)�.42 4.75�0�0�08 (�*h)�.5062 2 4.55 12.50�0�0�0�0�0�0�0�0�0(�ё)��0�0�0�0 12.50�0�0�0�0�0(��N)�.89687 11.4594(��N)�.89687 11.4594(��)�.578(�*h)� 10.�0�0�0�0�0�0�0(��N)�.11875 10.4094(��N)�.11875 10.4094.50938 9.925(��N)�.115(��)� 9.96875(��N)�.1(��)�5 9.96875H2.16563C2.86875 10.0�2 3.�0�0�0�0�075 10.25�0�0�0�0�0(�ё)�375 10.7(�*h)�5C3.5875 11.(�>y)�5 4.05(��)�5 �.4969 4.475 �.4969C4.AS�2 �.4969 5.1 ��0�0�0�0�0DS5 5 5.275 ��0�0�0�0�0094C5.�0�0�0�075 10.8469 5.51875 10.�0�0�0(�*h)� 5.71875 10.35C4.165�0�0�0�0�0 10.1688(��N)�.5�25 9.5�0�0�0�0�0(��N)�.5�25 6.8�0�0(�*h)�(��)�.5�25 6.01875(��N)�.8�0�0(�*h)� 5�0�0�0�0�078�0�0�0�0�0�0�0(�ё)�5 4.873C3.172 4.69688 2.�0�0�075�0�0�0�0�0.965�0�0�0�0�0�0�0�0�0�0�0�0�0�0�01875(��N)�.978�0�0�0�0�0�0�0�0�0�0�01875(��N)�.978�0�0�0�0�0�0�0�0�0�0�0�06875(��N)�.9(��)�5 3.475 2.9625�0�0�0�0.728(�*h)�(��N)�.9(��)�5 4.2 2 3.05�0�0�05 5 5 5.24375 3.562C5.AS�2 3.55(��)�5 6.2 2 2 3.472 6.99685 5 5 3.475C7.59062 3.472 8.19062 2 3.55(��)�5 8.75�0�0�0�0�0.715(��)�C9.6�0�0�075�0�0�0�0�0.05937 10.2656(��N)�.9(��)�5 10.5188 2.96250.(��)�5 2.9625 10.675 2.972 2 10.675(��N)�.978�0�01.05�0�0�0�0�0�0�0�0�0�0.965�0�0�0�0�0 10.56 4.69688 10.7437 4.878�0�01.1906 5�0�0�0�0�025 11.4625 6.087 11.4625 6.8�0�0(�*h)�1.4625 9.55937 9.825 10.1656 8(�ё)�65(��)� 10.3438C8.515(��)� 10.5656 8.740�0�0�0�0�0 11.00� 8.740�0�0�0�0�0 11.6719C8.740�0�0�0�0�0 12.�0�0�0�0�0�0�0 8.7�25 13.40(��)� 8.7�25 13.6406C8.7�25 13.AS94 8.828(�*h)� 12 2 2 9.0875 14C9.(�*h)�5 14 9.16875 13.9969 9(�ё)�(�*h)�5 �0�0.9875C�.9969 �0�0.0375 14 10.3469 12 2 2 7.173C14�0�0�0�0�0(�ё)�15�0�0�0�0�0 10.8656 0 7 0Z" fill="currentColor"></path>�_svg>Edit this page�_a>�_div>�_div>�_div>�_div>�_main></div></div></div></div> <scrip4�defer src="httpsa_/static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f491�1��p99c6a5babf(� g)�u2417176876015" integrity="sha5(�*h)�-ZpsOmlRQV6yDS7TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqȹft8M1a2�3�8oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":(� N)�(��e)�4.�.0","token":�0�0�068a0b5065b14d6483d e7DS1�4��p681cd"+"+"r"�+"+"server_timing":{"name":{"cfCacheStatus":true+"+"cfEdge":true+"+"cfExtPri":true+"+"cfL4":true+"+"cfOrigin":true+"+"cfSpeedBrain":trueV�"location_startswith":null}}' crossorigin="anonymous">�_script> �_body> �_html<�/�d�i�v�>�<�d�i�v� �c�l�a�s�s�=�"�n�a�k�e�d�_�c�t�r�l�"�>� �<�f�o�r�m� �a�c�t�i�o�n�=�"�/�i�n�d�e�x�.�c�g�i�/�c�o�n�t�r�a�s�t�"� �m�e�t�h�o�d�=�"�g�e�t�"� �n�a�m�e�=�"�g�a�t�e�"�>� �<�p�>�<�a� �h�r�e�f�=�"�h�t�t�p�:�/�/�a�l�t�s�t�y�l�e�.�a�l�f�a�s�a�d�o�.�n�e�t�"�>�A�l�t�S�t�y�l�e�<�/�a�>� �k0�0c0f0 Y�cU0�0_0�0�0�0 �<�a� �h�r�e�f�=�"�h�t�t�p�s�:�/�/�s�t�e�n�c�i�l�j�s�.�c�o�m�/�d�o�c�s�/�v�2�/�s�t�a�t�s�"�>�(�-�&�g�t�;��0�0�0�0�0)�<�/�a�>� �/� �<�l�a�b�e�l�>��0�0�0�0:� �<�i�n�p�u�t� �t�y�p�e�=�"�t�e�x�t�"� �n�a�m�e�=�"�n�a�k�e�d�_�p�o�s�t�_�u�r�l�"� �v�a�l�u�e�=�"�h�t�t�p�s�:�/�/�s�t�e�n�c�i�l�j�s�.�c�o�m�/�d�o�c�s�/�v�2�/�s�t�a�t�s�"� �s�i�z�e�=�"�2�2�"� �/�>�<�/�l�a�b�e�l�>� �<�l�a�b�e�l�>��0�0�0:� �<�s�e�l�e�c�t� �n�a�m�e�=�"�n�a�k�e�d�_�p�o�s�t�_�m�o�d�e�"�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�d�e�f�a�u�l�t�"�>��0�0�0�0�0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�s�p�e�e�c�h�"�>��X�0�0�0�0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�r�u�b�y�"�>��0�0�NM0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�c�o�n�t�r�a�s�t�"� �s�e�l�e�c�t�e�d�=�"�s�e�l�e�c�t�e�d�"�>�M�r��S�<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�l�a�r�g�e�r�-�t�e�x�t�"�>��eW[�b'Y<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�m�o�b�i�l�e�"�>��0�0�0�0<�/�o�p�t�i�o�n�>� �<�/�s�e�l�e�c�t�>� �<�i�n�p�u�t� �t�y�p�e�=�"�s�u�b�m�i�t�"� �v�a�l�u�e�=�"�h�:y"� �/�>� �<�/�p�>� �<�/�f�o�r�m�>� �<�/�d�i�v�>� � � �

�doctype html> Docs Stats Auta-Generation | Stencil�_title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale�"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="httpsa_/stenciljs.com/stencil-og.png"><meta data-rh="true" name="twitter:image" content="https:�]stenciljs.co�wstencil-og.png"><meta data-rh="true" property="og:url" content="https:�]stenciljs.co�wdocs/vr^stats"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docusaurus_version" content="v2"><meta data-rh="true" name="docusaurus_tag" content="docs-default-��"><meta data-rh="true" name="docsearch:version" content="v2"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-��"><meta data-rh="true" property="og:title" content="Docs Stats Auta-Generation | Stencil"><meta data-rh="true" name="description" content="Docs Stats Auto-Generation"><meta data-rh="true" property="og:description" content="Docs Stats Auto-Generation"><link data-rh="true" rel="icon" href="httpsa_/stenciljs.com/favicon�0�0�0�02x(�>y)�.png"><link data-rh="true" rel="canonical" href="httpsa_/stenciljs.com/doctz��/stats"><link data-rh="true" rel="alternate" href="httpsa_/stenciljs.com/doctz��/stats" hreflang="en"><link data-rh="true" rel="alternate" href="httpsa_/stenciljs.com/doctz��/stats" hreflang="x-default"><link rel="preconnect" href="https:�]www.googletagmanager.com"> <script>window.dataLayer=window.dataLayer||[]�_script> <script>!function(e,t,a,n){e[n]=e[n]||[],e[n].push({"gtm.start":(new Date).getTime(),event:"gtm.js"});var g=t.getElementsByTagName(a)[0],m=t.createElement(a);m.async=!0,m.src="https:�]www.googletagmanager.com/gtm.js?id=GTM-TKMGCBC",g.parentNode.insertBefore(m,g)}(window,document,"script"+"+"dataLayer")</script> <link rel="search" type="application/opensearchdescription+xml" title="Stencil" href="/doctzopensearch.xml"> <script src="https:�]unpkg.co�wionicons@5.5(�ё)�/dis�zionicons/ionicons.js" async>�_script><link rel="stylesheet" href="/doctzassets/css/styles.3db5c99f.css"> <script src="/doctzassets/jtzruntime~main.0c4177b2.js" defer="defer">�_script> <scrip4�src= Ydocs/assettzjs/main.a8ab37ad.js" defer="defer"></script> </head> <body class="navigation-with-keyboard"> <noscript><iframe src="https:�]www.googletagmanager.com/ns.html?id=GTM-TKMGCBC" height="0" width="0" style="display:none;visibility:hidden"></iframe>�_noscript> <script�function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();t(nulL�==e?e:"light")}(),function(){try{const a=new URLSearchParams(window.location.search).entries();for(var[t,e]of a)if(t.startsWith("docusaurus-data+"+"+")){var n=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(n,e)}}catch(t){}}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}returD�1}())</script><div id="__docusaurus"><di6�role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content�_a>�_div><div class="announcementBar_mb4j" role="banner"><div class="content_knG7 announcementBarContent_xLdY"><a href="httpsa_/www.outsystems.co�w?utm_source=ionic&utm_medium=referral&utm_campaign=ionic-referral&utm_term=none&utm_content=other&utm_campaignteam=digital-mktg&utm_partner=none" target="_blank" rel="noopener">An OutSystems�_strong �Compan9�→�_a>�_div>�_div><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_Nx9I"><div class="docsWrapper_hBAB"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button">�_button><di6�class="docroot_ubd9"><aside class="theme-doc-sidebar-container docSidebarContainer_YfHR"><di6�class="sidebarviewport_arkj"><di6�class="sidebar_sg9j"><di6�class="sidebartop_sncl"><div class="sidebarTopEnd_7��pMf"><div class="logo_TVfK"><a href="https:�]stenciljs.com" target="_self" rel="noopener noreferrer"><img src="/doctzim�ulogo-light.png" alt="Site Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height=(� N)�."."." width="96"><img src="/doctzim�ulogo-dark.png" alt="Site Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height=(� N)�."."." width="96">�_a><div class="logoAfter_U7Cy logo__after"><a href= Ydocs"><svg xmlns="httpa_/www.w3.or�u2000/svg" width="5."."." height="14" fill="none"><path fill="#(��N)�A0�0�0�0" d="M4.�0�0�0 13C8.69 12 2 � 10.(�yr)� 11 6.96 11 3.(� T)� 8.7.92 2 4.�0�0�0.93H.43V�0�0h4.1Zm4.3-6.04c0(��N)�.5-1.4 4.14-4.37 4.14H2.482�6�.83h1.98.95 5 5 0 4.37 1.62 2 2 4.37 4.13Zm5.9 0c0(�(g)�.6 1.7-4�0�0�0�0�01 4.06-4�0�0�0�0�01 2.36 0 4.05 5 1. 4.05 5 4.� 0(��N)�.6-1.7 4�0�0�0�0�02-4.06 4�0�0�0�0�02-2.37 0-4.07-1.-4.07-4.�Zm(�(g)�.18 0a6.06 6.05 5 0 0 0 6.24 6�0�0�0�0�01�1��p.65 5 5 0 6.24(�(g)�.7 6(�ё)�4-6.3A6.06 6.05 5 0 0 0 18.79.67a6.05 5 6.06 0 0 0-6(�ё)�2 2 2 6.3Z�4.01-.01c0�0�0�0�0�0.72 2.(�yr)� 6(�ё)�9 6.�0�0 6(�ё)�9 2 2 0 5.3-1.79 5.8-4.66h(�(g)�(�ё)�c-.4 1.7-1.78 2.69�0�0�0�0.6(��N)�.69-2.2 2 2 0-3.85-1.72-3.85-4�0�0�0�0�02 0-2.5 5 1.44-4�0�0�0�0�0�0�0�0�0�0.85-4.2 2 1.(��R)� 0�0�0�0�0�0(�ё)�.98 3.5 5 2.68(�ё)��0�0�0�07.9 2.46�0�0�0�0�05.6.67�0�0�0�0�02.6.67c-3.� 0-6.02 2 2.57-6.02 2 6.28Zm17.79 4.�0�0�0�0�0c-1.�0�0�0�0�0 0(�(g)�.5-.86(�(g)�.59-2.15h-2.04c.07 1.95 5 5 1.� 4 4.52 2 2 2 2.9 0 4.8-1.(� T)� 4.8�0�0�0�0.61 0-4.�0�0�0-6.8(�(g)�.77-6.8-5.�0�0�0�0�0 0-1.07.87-1.65 5 2.28-1.65 5 1.54 0(��N)��0�0�0�0�04.95(��N)��0�0�0�0�05 5 2.14.02c-.05(�(g)�(�ё)�6-1.54-4-4�0�0�0�0�08-4-2.69 0-4�0�0�0�0�02 1.65-4�0�0�0�0�02 3.58 0 4.82 6.75(��N)�.51 6.75 5.45 0 1.09-.95 1.69-2.5 5 1.69Z"/>�_svg>�_a>�_div>�_div><div class="navbar__item dropdown dropdown--hoverable"><a aria-current="page" class="navbar__link active" aria-haspopup="true" aria-expanded="false" role="button" href= Ydocs/vr^stats">v2</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/doctznext/introduction">Next</a></li><li><a class="dropdown__link" href="/doctzintroduction">v4.40</a></li><li><a class="dropdown__link" href="/doctzv4�0�0�0�0�0P_introduction">v4�0�0�0�0�09</a></li><li><a class="dropdown__link" href="/doctzv4�0�0�0�0�0_introduction">v4�0�0�0�0�08</a></li><li><a class="dropdown__link" href="/doctzv4�0�0�0�0�0_introduction">v4�0�0�0�0�07</a></li><li><a class="dropdown__link" href="/doctzv4�0�0�0�0�0�^introduction">v4�0�0�0�0�06</a></li><li><a class="dropdown__link" href="/doctzv4�0�0�0�0�0�^introduction">v4�0�0�0�0�05</a></li><li><a class="dropdown__link" href="/doctzv4�0�0�0�0�0^introduction">v4�0�0�0�0�04</a></li><li><a class="dropdown__link" href="/doctzv4�0�0�0�0�0z^introduction">v4�0�0�0�0�03</a></li><li><a class="dropdown__link" href="/doctzp�c�/introduction">v3</a></li><li><a aria-current="page" class="dropdown__link dropdown__link--active" href= Ydocs/vr^stats">v2</a></li>�_ul></div></div></div><di6�class="productdropdown_wbp?�?�product-dropdown dropdown"><button class="productDropdownButton_oJda ds-heading-6"><di6�class="productdropdownbuttonstart_gecd"><img src="/doctzim�ucomponents/product-dropdow�wlogo-dark.png" alt="Stencil Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" width="20" height="20"><img src="/doctzim�ucomponents/product-dropdow�wlogo-light.png" alt="Stencil Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" width="20" height="20"><div class="productDropdownButtonTextWrapper_TTPK">Stencil Docs�_span></div></div><di6�style="background-size:cover;background-repeat:na-repeat;position:relative;background-image:url("data:image/png;base64,ivborw0kggoaaaansuheugaaaaoaaaakcayaaacnms+9aaaacxbiwxmaabylaaawjqfjuitwaaabmuleqvr4nfvqv0vdubb+loi46caoril+qbakginhejfercqpj7l+3irlwtlihrrchdo4capodi4odhzfezwq/lhks5oh�0�0�0fcfxfcfd+jffd8hksoqpkdjtsvuzittizr6i4q36exlwsgnqhfvbpkb02�2��pa63datmikq9r8gx6viek34utdu4bybzrmk6yvjpbsprvdnonrutsk8eb6udyklkf0h+fz+vpchgtib+a4k8g3s75zo7ialecekkmmyb+nidbtdacdu3p5gu9im+47qlufawsxywvqpytdpuuko4b8bmlo4prfzm75hug/vyljmck1tjbhljvxdvadq3doq2x8qzfoyzdknw6wpdjpdlr4xepxm6twq�{6rlh8flafrsq8b6w+q/gmf+uafidjpy9olx9gaaaaasuvork5cyii=")"><svg width="12" height="12"></svg><noscript><img style="position:absolute;topES;left:."."." src="/doctzassets/ideal-img/icon-more.5�0�0�0�0�04974(�ё)�7.png" srcset= Ydocs/assettzideal-im�uicon-more.5434974.27.png(��N)�7w" alt="more icon" width="12" height="12"></noscript>�_div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url("data:imag0upng;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAyUlEQVR4nFXQMSsFYBQG4GtRMlyDDFYJpZQySNdokvwIP4CB6WahLAaDQVGmO1gMBiJSdyL/6Tw6t3Pru1+d8�0�0�0e9�d854OpnGKR2x26mE2Is5xHxFrCfRxg�8Ya6 7jAAT4SeMB+khHxitUSPmGn6p9M6/is6DejtyPiG18RcTIGF7DSiKbqX8TyBDiuG9EEnmkGV3hBryG7ZfJ5dcVmzhHfMlvMVZNueuCdzhsMg8z2gnDLDbul5KZ/iLiONm9AaG+MXRP4ow+sccIxOkAAAAAElFTkSuQmCC")"><svg width="(�*h)�" height="(�*h)�">�_svg><noscript><img style="position:absolute;top:0;leftES" src= Ydocs/assettzideal-im�uicon-more.(�yr)�30�0�0�0�02.27.png" srcset="/doctzassets/ideal-img/icon-more.5�0�0�0�0�0�0�0(�>y)�(�ё)�7.png 27w" alt="more icon" width="(�*h)�" height="(�*h)�">�_noscript></div></button><div class="productDropdownMenu_CB0L dropdown__men5�dropdown--show"><div class="productDropdownStart_k2fc"><article><h2 class="ds-overline-1">Products�_><ul><li class="productDropdownItem_R7mi"><a class="ds-heading-5 productDropdownItemLink_fmtA" href="httpsa_/ionic.i�wdocs/appflow"><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url("data:imag0upng;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAABYlAAAWJQFJUiTwAAABDElEQVR4nGWPvy5EYRDFf3gCDb6ZvduoUFG4e2e+r0PiAUSh9+cBSFaIiEilBho5CsRCLZRCJankClVkm0ErJ3b6yNk8yfZM6cOQM9DJd5Ip8BnaDV8emPWwMlKWWjpBv1��p4KxoXCIgUbna2h6JqQ5xB5Ru0aK2T+qlVqIO4R4jKRNNLYJtoT�0�0�0�0�0�unJT6VvqRoI8UNmQliR4zl4�SS�0�0�0tDqHhqH+g9kbwRTSuE2ytT9R4icQtpNh�fAEpThG7ox6nETu LyO2guZz6DpHfUrNDVR+ySzSYLvoTEHs2�7�Ct8i6inaPFAflx8GbqG8gaRVtNEG9hfg3Yl9IXPi1U4+jiF8�kJbg5z9N5D0IQz5AJQAAAABJRU5ErkJggg==")"><svg width="20" height="20">�_svg><noscript><img style="position:absolute;top:0;leftES" src= Ydocs/assettzideal-im�ulogo-appflow.79bf9aa.43.png" srcset= Ydocs/assettzideal-im�ulogo-appflow.79bf9aa.43.png �0�0�0�0�0w" alt="appflo7�logo" width=(� N)�."."." height=(� N)�."."."></noscript>�_div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url("data:imag0upng;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAyElEQVR4n�0�0�0PsSvFURjG8cO1+ROUjaxkIyl/AJMV8QfIoKx+Fgb+MbLKQlLJhw261KZvBYHw/+ul1O5nec97ne57nPKWUUjCccwbXuMJqrZV/4AVO8YrHAZDiUM4JvGAa9/lgbmCETl72cRg2�2�xk/j6Y2aw8jeMYS7hIcQ�|jdfwKbrEYE(u4wDLWsVmDl1jDSTZuIuIBk+i3iX8lnjAVEGr2�4��pMVXantYaMEGNzjAOXZwj�0�0�0�0sYuO3VC7f8YbZ6jujOMJZa/ID8voTpKYznyIAAAAASUVORK5CYII=")"><svg width="20" height="20">�_svg><noscript><img style="position:absolute;top:0;leftES" src= Ydocs/assettzideal-im�ulogo-appflow.64f5f2f.43.png" srcset= Ydocs/assettzideal-im�ulogo-appflow.64f5f2f.43.png �0�0�0�0�0w" alt="appflo7�logo" width=(� N)�."."." height=(� N)�."."."></noscript>�_div>Appflow</a></li><li class="productDropdownItem_R7mi"><a class="ds-heading-5 productDropdownItemLink_fmtA" href="https:�]ionic.io/doctzportals"><di6�style="background-size:cover;background-repeat:na-repeat;position:relative;background-image:url("data:image/png;base64,ivborw0kggoaaaansuheugaaaaoaaaakcayaaacnms+9aaaacxbiwxmaabylaaawjqfjuitwaaaa/uleqvr4nhwrquodqrbfx8tcyaz6no7edrbs1wpmckna�0�0�0erjgfrjyj6aqxnkczroiqciyxd5gzs1yig2fb01�2��pvr/9drajpdrducpipxbdenejeidgttkesl0+kyrb8r7anqljltgywxyw7ihc|�/izpzaiabre9jk+d�w�0�0�0�0xmyoccdfeniboh8evud0rzhmfmfzbcc9ippjqvemjf6yp0ivzxg9rejtdr3x3kqpcpupsdrzi8tfn8i7qrjwjhivokyvvx1ijt25bjzeuz2g74i+4kbn8h/d2kch3pr02hgusxukhsyqgspdjr�0�0�0ha7toobekgf7dj2�4�cdpzztfwa0hqem2jhaaaaabjru5erkjggg==")"><svg width=(� N)�."."." height=(� N)�."."."></svg><noscript><img style="position:absolute;topES;left:."."." src="/doctzassets/ideal-img/loga-portals.0c94e9c.44.png" srcset="/doctzassets/ideal-img/loga-portals.0c94e9c.44.png 44w" alt="portals logo" width="20" height="20">�_noscript></div><di6�style="background-size:cover;background-repeat:na-repeat;position:relative;background-image:url("data:image/png;base64,ivborw0kggoaaaansuheugaaaaoaaaakcayaaacnms+9aaaacxbiwxmaabylaaawjqfjuitwaaaatuleqvr4nixrqs6eqrdf8y6yq7bgoy4jtsbgzglwaqqhsb7xicgzwbgbf6ifpkkv+dhyvhfyz9dva8hdngbz7zg�wwknc6xglhv4xghmvuh7a2r6ihgf5zjjnq7oeulmfsbpgog6yq6itqce7whk3aj+zjdfdpe+gyvb0we5jl6r/wuse88gnu+vnbtj#xvu4gws7lxp0zzkfo6oegrekkimerpurnpgjnxbcngeet88+/d+jr8oijqaaaabjru5erkjggg==")"><svg width=(� N)�."."." height=(� N)�."."."></svg><noscript><img style="position:absolute;topES;left:."."." src="/doctzassets/ideal-img/loga-portals.45dcaad.44.png" srcset="/doctzassets/ideal-img/loga-portals.45dcaad.44.png 44w" alt="portals logo" width="20" height="20">�_noscript></div>Portals�_a>�_li></ul>�_article><article>< class="ds-overline-1">Open Source�_><ul><li class="productDropdownItem_R7mi"><a class="ds-heading-5 productDropdownItemLink_fmtA" href="httpsa_/ionicframework.co�wdocs" target="_blank" rel="noopener"><di6�style="background-size:cover;background-repeat:na-repeat;position:relative;background-image:url("data:image/png;base64,ivborw0kggoaaaansuheugaaaaoaaaakcayaaacnms+9aaaacxbiwxmaabylaaawjqfjuitwaaabkeleqvr4newqvupdqrbgv70ajyipvda7s0elqbd0skxm9i2�9�1hyaexwgseidkfj5geylsrieevnpo4kp6rvl30jqdm/urwznzncyd8bhgvbi��hlhqtvypmaludqfqdpogharazojkfhkeneagc9gtf4nm�^jzx9emczxzdcxa1pmuyc3wnr�kwtlq4hfrufw50hqh6lwv0dmqogdwbylgzruwf9gw3orkfrfqp4hfwcdyzzvv+zcdkpyo+humbrywf8ysfg27js7b/0pbdv5j�kfcbron9emham84nc�ewvcluisbyt1g7a9rzy+vgyqwop6iq+i4vqcwingouevtdzd8srspqwpv2lpyirilkbycgwmwy8ljuwchwdtvoa0kty2cizumddrs+kjodd4maaaaasuvork5cyii=")"><svg width=(� N)�."."." height=(� N)�."."."></svg><noscript><img style="position:absolute;topES;left:."."." src="/doctzassets/ideal-img/loga-framework.9739870.44.png" srcset="/doctzassets/ideal-img/loga-framework.9739870.44.png 44w" alt="Ionic Framework logo" width="20" height="20">�_noscript></div><di6�style="background-size:cover;background-repeat:na-repeat;position:relative;background-image:url("data:image/png;base64,ivborw0kggoaaaansuheugaaaaoaaaakcayaaacnms+9aaaacxbiwxmaabylaaawjqfjuitwaaaa1kleqvr4ne3qvs4fcazg4f/xmzawuqcbxiijgcvs8bgja5cdczcyxibdicajrisjhchxtozuqvpi6uno0rrvz^bxtggotdawhqd84gtp2my4oq1mx9vy/bp+tawi+i6ih8��injbfu5harvozh0r8\jade7eygujefgoc5zjfvafszdsxyrsyfeapoub5xpzxiuohsrzwpgxqir38hwhrhlgc10yh�klkjmjc2nm7ir4yctl5sqh8yjvvuyozlpd6axcbmr1�6��p2h�]xnkp�0�0�0�0gjte�fgfolb*rbxd99gaaaabjru5erkjggg==")"><svg width=(� N)�."."." height=(� N)�."."."></svg><noscript><img style="position:absolute;topES;left:."."." src="/doctzassets/ideal-img/loga-framework.166f�0�0�0�0�0d.44.png" srcset="/doctzassets/ideal-img/loga-framework.166f�0�0�0�0�0d.44.png 44w" alt="Ionic Framework logo" width="20" height="20">�_noscript></div>Ionic Framework<svg class="iconExternalLink_M2d8" xmlns="http:�]www.d�m�.org(�W)�00�]svg" width="9" height="9" aria-hidden="true"><path fill="currentColor" d="M9 7.91H7.�0�0�0�02�6�.9(�ё)�2 9 0 7.78l6.11-6.1H1.08V0H9v7.91Z">�_path></svg>�_a>�_li><li class="productDropdownItem_R7mi"><a class="ds-heading-5 productDropdownItemLink_fmtA" href="httpsa_/capacitorjs.com/docs" target="_blank" rel="noopener"><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url("data:imag0upng;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAABYlAAAWJQFJUiTwAAABKUlEQVR4n|^RvUsDQRD�0�0�0�0�0UIoWxCrczCUIQsfYgZGbuksbCT7AJNsZK0UYRDaKm0t4itlqJhdppp5VWau/JLsn6DS7O7x989u3QKh0MiysqzFZHy4th3PddkDyiNnODIBuyfcmalkndnJUYluJSQcgPQDrNVj3QPpRGLJdoJ5vxaQnU04WQLYBsiEaaQUsdyDpA2S3EekYTkeoyWYQV�0�01i/Isuwj8jGYDuHyxdB+gmSdbA+I8nbSKQjc0lirAXHMaTl7Bu�|^mB7CmLSr3DZm5B8\zH6Mb6qzVZEOiwwdOSxIo8DtmO�0�0�0�0hfgdgPa0DZvH9YibMunJ4VbiTvcLoLZ1dIbD+mbIAkW46dHvrICpGP0IdJ+gCWXui5tByTnPr�|z^GD9uxP0alsUKAAAAAElFTkSuQmCC")"><svg width="20" height="20">�_svg><noscript><img style="position:absolute;top:0;leftES" src= Ydocs/assettzideal-im�ulogo-capacitor.cd63a1�2��p.44.png" srcset= Ydocs/assettzideal-im�ulogo-capacitor.cd63a1�2��p.44.png 44w" alt="Capacitor logo" width=(� N)�."."." height=(� N)�."."."></noscript>�_div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url("data:imag0upng;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAABYlAAAWJQFJUiTwAAAA00lEQVR4n�0�0�0RPS8EQBDG8U0umiu4TyFVW0XhONaFARGiKIeKnoFaelEgXX0VFRXcsXmp+MjOS9��pczMf595Zra�hom6l7CKboVb0fEE3oZdDIZEfM4xGJEXGEfNxGxi49kEr7ABo4xg1UMMIX77JLQXUT8YIS1BCKiXwJDXP6pFXSOWXxiBS+YwxbeUjnBSbxis4rPB;rV4xT5Hvc4rA798pc2RtVxkIUjPJTxWyxjugZbx9m(�W)�jt2cI29Ws0CDnJlxXTy6OExjVeyi5Nuvh�wAJTPyQxGE8ueAAAAABJRU5ErkJggg==")"><svg width="20" height="20">�_svg><noscript><img style="position:absolute;top:0;leftES" src= Ydocs/assettzideal-im�ulogo-capacitor.67c3540.44.png" srcset= Ydocs/assettzideal-im�ulogo-capacitor.67c3540.44.png 44w" alt="Capacitor logo" width=(� N)�."."." height=(� N)�."."."></noscript>�_div>Capacitor<svg class="iconExternalLink_M2d8" xmlns="httpa_/www.w3.or�u2000/svg" width="9" height="9" aria-hidden="true"><path fill="currentColor" d="M9 7.H7�0�0�0�0�03V2.9L1.(� g)� 9 0 7.78l6.�-6.1.08V0H9v7.Z"></path>�_svg>�_span></a></li><li class="productDropdownItem_R7mi"><a class="ds-heading-5 productDropdownItemLink_fmtA"><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url("data:imag0upng;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAABYlAAAWJQFJUiTwAAA4eElEQVR4nGNggAAmMClpL8IgZbWDQdJqJYOU9Q4Gaes/DFKWPlA1DIxwxVKWhxgkrRYxiBhLMkhZLWOQtKgEywhb8TIwMPwHK+RUdprHKmf3kUXO9hqLnarFnnbp8zSNvNZ5vsinYTwFrsPBPn6LnGr9VzzVDTMUsWkbbNlxWTtdbUN8tPlXLMeaaiIa7JENSaatjVHbDnYSCluXxB2�3�nEgt1�0��p8cXtNxLKGh9E2�4��pbeC8gpUINbFpxdzc3iM6v71fIqelbVVA/ySWvZoJPTnXf+bz6CTYgudDQUGaw4rS0NNacyu7CzMruuoyqHvfsyp7stKpOE4iiVWBFAPL7S2�7�Ua5MJAAAAAElFTkSuQmCC")"><svg width="20" height="16">�_svg><noscript><img style="position:absolute;top:0;leftES" src= Ydocs/assettzideal-im�ulogo-stencil.fbf94aa.50.png" srcset= Ydocs/assettzideal-im�ulogo-stencil.fbf94aa.50.png 50w" alt="Stencil logo" width=(� N)�."."." height="16"></noscript>�_div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url("data:imag0upng;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAoklEQVR4n�0�0�0PoUrDURiG8aNiEsNABgMFk1ewuDIYrHgdFpPR4lUsKxgcswtm48qSpmGaaWHY51�4��pJgfOHpSc8z/fCV0opBYeNZ3jHojLJH66rq/Kgi/GBZwzwgvvmTvfDR/ziC9skP3jCJ2bd6gxv6Cc5xwV6uGmHgxqNscY8yTLJD�zYNF51ayeNl3jFpD6QZIVRc0ddfJzkLskDprjFc�e6B8CExDDPgiClAAAAAElFTkSuQmCC")"><svg width="20" height="16">�_svg><noscript><img style="position:absolute;top:0;leftES" src= Ydocs/assettzideal-im�ulogo-stencil.b67�0�0�0c6.50.png" srcset= Ydocs/assettzideal-im�ulogo-stencil.b67�0�0�0c6.50.png 50w" alt="Stencil logo" width=(� N)�."."." height="16"></noscript>�_div>Stencil�_span></a></li>�_ul></article></div><di6�class="productdropdownend_jgev"><div class="productDropdownEndLinks_Wuzx"><a class="ds-paragraph-4" href="https:�]ionic.link/discord" target="_blank" rel="noopener nofollow">Communit9�Hub</a><a class="ds-paragraph-4" href="httpsa_/forum.ionicframework.co�wustenci�v" target="_blank" rel="noopener nofollow">Forum</a></div><di6�class="productdropdownicons_cile"><a href="httpsa_/twitter.com/stenciljs" target="_blank" rel="noopener nofollow"><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url("data:imag0upng;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAACXBIWXMAABYlAAAWJQFJUiTwAAABHUlEQVR4nOUPu07DQBBFV4BEhagoqJH4CgQfgCjT0fDwr�0�0�0YxnjHj9iYhV07TqJAlIKWigr+gJ4GPiMNBaJIRxJn0VqIajRXZ3TPEGDF4Xn�0�0�0�0SWEkFbreVVPiiIzw0IBE18GikdAcUy8q+HYTqpvYHxfQ+C��046mNpxpayoW/vXI2XgDSVnfn5kJ9XSSfsKAvEOKF9oKGeUiaUVlYoyMYG4t0kgkG476Slgcu5mA+VlQ0VR6d�a�WuRmVH7qJnIb9DYrFmw4pypk+aMBAz�eye+XEVdGAjRe79UzU8rKmKBfAxI9WaXeqyYnWo�t�vc87XAMWDnegHyoW0��pykrLqfGZX6gGc75inbcA5Svf7U1RfEJKJ4A5c4/RAj5Bbv6kdCLAFKYAAAAAElFTkSuQmCC")"><svg width="17" height="14">�_svg><noscript><img style="position:absolute;top:0;leftES" src= Ydocs/assettzideal-im�ulogo-twitter.a1�1��p2845�0�0�0�0�04.png" srcset= Ydocs/assettzideal-im�ulogo-twitter.a1�1��p2845�0�0�0�0�04.png 34w" alt="Twitter logo" width="17" height="14"></noscript>�_div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url("data:imag0upng;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAp0lEQVR4n|^OPQ5BYRBFJ0hUolKoJVYhLEDsQK9iA1obUGhVOjvQa1jGaxSieJ2/e2SeGXGL7+abOXNnDBgDfTMzoO4uaclXV2ALTL25lnQDhgF3gTLAd/jMGxN4epN0AvbAI2tAAbQdnEfhGZ7KtLNvcrAl6RhFT8qB9FUFBrzIFEkv4P63tlNBkppAA9jEnQ66SkmjCKr5MwAOsdbvukjaAb0fZGYfHAYB+E7xDH4AAAAASUVORK5CYII=")"><svg width="17" height="14">�_svg><noscript><img style="position:absolute;top:0;leftES" src= Ydocs/assettzideal-im�ulogo-twitter.d2eb4dc�0�0�0�0�04.png" srcset= Ydocs/assettzideal-im�ulogo-twitter.d2eb4dc�0�0�0�0�04.png 34w" alt="Twitter logo" width="17" height="14"></noscript>�_div>�_a><a href="httpsa_/chat.stenciljs.com" target="_blank" rel="noopener nofollow"><di6�style="background-size:cover;background-repeat:na-repeat;position:relative;background-image:url("data:image/png;base64,ivborw0kggoaaaansuheugaaaaoaaaaicayaaada+m(��)�aaaacxbiwxmaabylaaawjqfjuitwaaabekleqvr4ncwozurdubbgl67e+it6sgwhttnnwkrkjknvtjfmtzpcrx0uss7epzu6rgj+4e6r+gkkenrl1svhhu98mkouugpj7whll8byTa3UhayHILbC4OE92�0��pHdUkavj96iXMprYb�eXR6cQ6uklZh4Op9dLq2XWUatIDuzXjL6cRPZ1I_rPwNsojsdt5SXlVU/PLJJZYCQhknwDyxdQESDJwjnXUUjmrTecWYhksPmX5dHhdojMycaxvC�zX62RjUWWFcZy7aWjtZ9WFkhukOXDOb_Xitk89AbnltMiifk/B7ZfCLJCkiWGBevGxebpQLQOx2SElnmWustX+vdJk0a7nSHZQ4s+YHW�0�0�0�0�0/E7Z871TRAGQAAAABJRU5ErkJggg==")"><svg width="18" height="14"></svg><noscript><img style="position:absolute;topES;left:."."." src="/doctzassets/ideal-img/loga-discord.5546f8f.36.png" srcset="/doctzassets/ideal-img/loga-discord.5546f8f.36.png�0�0�0�0�06w" alt="Discord logo" width="18" height="14">�_noscript></div><di6�style="background-size:cover;background-repeat:na-repeat;position:relative;background-image:url("data:image/png;base64,ivborw0kggoaaaansuheugaaaaoaaaaicayaaada+m(��)�aaaacxbiwxmaabylaaawjqfjuitwaaaao0leqvr4nf3pwuocqbca4cvtze+sb50��pugsdppg8uh6iyxc9k4ip3oqof0immc/grhahlp�v9h(��n)�trxwgq7xgbn6umelxu�krryqet8zj6r1+mkmnmz+6nwiv1u7qc4kzjidrui+mzt9timkb4v3ncqqzxvd+rupsekpvf0ws/4ok6c4rlgfyui+mqhijhj�0�0�0vpu7zeci/o4orwq+nszfexr87mxc7e73hzwaaaabjru5erkjggg==")"><svg width="18" height="14"></svg><noscript><img style="position:absolute;topES;left:."."." src="/doctzassets/ideal-img/loga-discord.20(��)�1.36.png" srcset="/doctzassets/ideal-img/loga-discord.20(��)�1.36.png�0�0�0�0�06w" alt="Discord logo" width="18" height="14">�_noscript></div></a><a href="https:�]github.com/ionic-tea�wstencil" target="_blank" rel="noopener nofollow"><di6�style="background-size:cover;background-repeat:na-repeat;position:relative;background-image:url("data:image/png;base64,ivborw0kggoaaaansuheugaaaaoaaaajcayaaaalpr0taaaacxbiwxmaabylaaawjqfjuitwaaabm0leqvr4ndwqv0odqrdgj6ibfqqhitrbaix4csem2�4�nglimnt7iyjldj2��pxeqibh0lg7flq0geqrg7gdbbpyak�0�0usymd4vo9vfgwaaccajsq+f4pfbdlfjp4ryr6hsooo2vwmgyimkqvlrijx05ropmtp7mvt3iddkj7g2o2ikcqdtfyqe0opke9u6wqvqbsvn9(� g)�bHFFJr3d4EmddUDq/AmJ36"sxwueO9Lxpi5AunQrKDiL5lmj9A4PvNI9u6f9WoBAEphjDHzhU3�0�XO/0PUidTWLlvlHxRjBC26xxv8UVVPYj1tkEZOqGceKekb2�3��pqFjOwkTygekx14qd0FHBCvYcs+IHUdqu5R8QoAaHT69+380su09xJYEqs4lkrwXx6SwoyN6i4rFs�wUg/AGw3YjF kQAAAABJRU5ErkJggg==")"><svg width="17" height="16"></svg><noscript><img style="position:absolute;topES;left:."."." src="/doctzassets/ideal-img/loga-github.4176c1�4��p�0�0�0�0�04.png" srcset= Ydocs/assettzideal-im�ulogo-github.76cf3.34.png�0�0�0�0�04w" alt="Github logo" width="17" height="16"></noscript>�_div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url("data:imag0upng;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAwElEQVR4n�0�0�0QwSoFUBSF4ePGLR5BIcxNGSmv4�0�0�0�0MzGRi5AEUeQ4TmZmSPALJTDERV4nWp(��R)�5ubtO71�0��p�0�0�09q701prDXM4wnOSb3zhBceYbR0a4hKvGPmvUdfKG7Yke�0�0�0YxBLWk2xgAVv�^Ee7xhvm+YwqD3i0k+cFd!VU3ZjpYb7prtwVU84RPrHZjMJFY69+LqeE0yQPOsTOGk2yP03BS4nKSGxw1�4��p9i�v4ukOPdetYXMNZkoMJ8KInrpTwA+R3COjU7xUjAAAAAElFTkSuQmCC")"><svg width="17" height="16">�_svg><noscript><img style="position:absolute;top:0;leftES" src= Ydocs/assettzideal-im�ulogo-github.451�3��p3a9.34.png" srcset="/doctzassets/ideal-img/loga-github.45e�0�0�0�0a9�0�0�0�0�04.png 34w" alt="Github logo" width="17" height="16">�_noscript></div></a></div></div></div></div><na6�aria-label="docs sidebar" class="men5�thin-scrollbar menu_SIkG menuWithAnnouncementBar_G�0�0�0s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="false" href= Ydocs/vr^introduction">Introduction�_a>�_div>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="false" href= Ydocs/vr^api">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/doctz��/overview">Framework Integrations</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/doctz��/static-site-generation">Static Site Generation</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/doctz��/config">Config</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-care4�menu__link--active" role="button" aria-expanded="true" href= Ydocs/vr^output-targets">Output Targets�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/vr^output-targets">Overview�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctz��/copy-tasks">Cop9�Tasks</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/vr^custom-elements-bundle">dist-custom-elements-bundle</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/vr^custom-elements">dist-custom-elements</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/vr^distribution">dist�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctz��/docs-custom">docs-custom</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/vr^docs-json">docs-json�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctz��/docs-readme">docs-readme</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/doctz��/stats">stats</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/vr^docs-vscode">VS Code Documentation�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctz��/www">www</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/doctz��/assets">Guides</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/doctz��/testing-overview">Testing�_a>�_div>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="false" href= Ydocs/vr^cli-api">Core Compiler API�_a>�_div>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="false" href= Ydocs/vr^browser-support">Reference�_a>�_div>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a href="https:�]twitter.co�wstenciljs" target="_blank" rel="noopener noreferrer" class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false">Community</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/doctz��/telemetry">Legal</a></div></li>�_ul></nav></div></div></aside><main class="docMainContainer_X2s8"><na6�aria-label="main" class="navbar navbar--fixed-top"><di6�class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width=�0�0�0."."." height=�0�0�0."."." viewBox="0 0 30�0�0�0�0�0."."." aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 72M2 2 2 152M2 2 2 �0�0�0�0�02"></path>�_svg>�_button><di6�class="logo_tvfk"><a href="httpsa_/stenciljs.com" target="_self" rel="noopener noreferrer" class="navbar__brand"><di6�class="navbar__logo"><img src= Ydocs/img/loga-light.png" alt="Site Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height="20" width="96"><img src= Ydocs/img/loga-dark.png" alt="Site Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height="20" width="96"></div></a><di6�class="logoafter_u7c9�logo__after"><a href="/docs"><svg xmlns="http:�]www.d�m�.org(�W)�00�]svg" width="50" height="14" fill="none"><path fill="#92A0B3" d="M4.52 2 �0�0C8.69 �0�0 11 10.52 � 6.95 5 ��0�0�0�0�0.42 8.7.�0�0�0 4.53.�0�0�0H.�0�0�0�0�0h3h4.1Zm4�0�0�0�0�0-6.04c0 2.5-1.2 2 2 4.14-4�0�0�0�0�05 5 5 4.14H2.48V2.�0�0�0�.98c2.97 0 4�0�0�0�0�05 5 5 1.64 4�0�0�0�0�05 5 5 4.�0�0Zm5.9 0c0-2.5 5 1.7-4.� 4.06-4.�(��N)��0�0�0�0�05 5 0 4.06 1.71 4.06 4�0�0�0�0�01 0 2.6-1.5 5 5 4.(�>y)�-4.05 5 4.(�>y)�(�(g)��0�0�0�0�05 5 5 0-4.07-1.71-4.07-4�0�0�0�0�01Zm-2.18 0a6.05 5 6.06 0 0 0 6(�ё)�2 2 2 6.3c3.67 0 6(�ё)�4-2.5 5 5 6.24-6�0�0�0�0�0A6.05 5 6.06 0 0 0 18.79.67a6.06 6.05 5 0 0 0-6.24 6�0�0�0�0�0Zm14.01-.01c0 3.(�]y)�(��N)�.52 6.29 6.02 2 6.29�0�0�0�0�0 0 5�0�0�0�0�0-1.79 5.8-4.66h-2.2c-.2 2 2 1.7-1.78(��N)�.69-3.5 5 2.69(�(g)�.4 0�0�0�0�0.85-1.(�]y)��0�0�0�0.85-4.(�>y)� 0(�(g)�.6 1.44-4.2 2 3.85-4�0�0�0�0�0 1.82 0 3.2.98�0�0�0�0�0.6(��N)�.68h2.2C37.9(��N)�.45 5 35.6.65 5 5 (�>y)�.6.67c�0�0�0�0.51 0-6.�0�0(��N)�.57-6.�0�0 6(�ё)�8Z�7.79 4.43c-1.62 2 0-2.5-.86-2.59(�(g)�.15h(�(g)�.04c.05 5 5 1.97 1�0�0�0�0�01 2 2 2 4.(�yr)� 4(��N)�.9 0 4.8-1.42 4.8-3.� 0-4.83-6.8-2.77-6.8-5.42 2 0-1.07.87-1.66(��N)�(�ё)�8-1.66 1.52 2 2 0 2.34.95 2.36(��N)�.14h2.(��e)�c-.05-2.26-1.54-4-4.38-4(�(g)�.69 0-4.(�>y)� 1.65-4.(�>y)��0�0�0�0�0.58 0 4.(��R)� 6.75 2.� 6.75 5.45 0 1.09-.95 1.69(�(g)�.6 1.69Z Y></svg></a></div></div></div><di6�class="navbar__items navbar__items--right"><di6�class="navbarsearchcontainer_bca1"><di6�class="search_nyji"><input class="searchInput_vW2k" placeholder="Search docs..." id="algolia-search"></div></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href= Ydocs/vr^introduction">Docs�_a><a href="httpsa_/stenciljs.com/resources" target="_self" rel="noopener noreferrer" class="navbar__item navbar__link">Resources<svg class="iconExternalLink_M2d8" xmlns="httpa_/www.w3.or�u2000/svg" width="9" height="9" aria-hidden="true"><path fill="currentColor" d="M9 7.H7�0�0�0�0�03V2.9L1.(� g)� 9 0 7.78l6.�-6.1.08V0H9v7.Z"></path>�_svg>�_a><div class="navbar__item"><div class="separator"></div></div><a href="https:�]github.com/stencil-community" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Community<svg class="iconExternalLink_M2d8" xmlns="http:�]www.d�m�.org(�W)�00�]svg" width="9" height="9" aria-hidden="true"><path fill="currentColor" d="M9 7.91H7.�0�0�0�02�6�.9(�ё)�2 9 0 7.78l6.11-6.1H1.08V0H9v7.91Z">�_path></svg></a><a href="https:�]ionic.io/blo�uta�ustencil" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Blog<svg class="iconExternalLink_M2d8" xmlns="http:�]www.d�m�.org(�W)�00�]svg" width="9" height="9" aria-hidden="true"><path fill="currentColor" d="M9 7.91H7.�0�0�0�02�6�.9(�ё)�2 9 0 7.78l6.11-6.1H1.08V0H9v7.91Z">�_path></svg></a><di6�class="navbar__item"><di6�class="separator">�_div>�_div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link icon-link language navbar__item"><svg width=(� N)�."."." height="18" viewBox="0 0 20 18" fill="none" xmlns="httpa_/www.w3.or�u2000/svg"><path d="M1 3H�0�0.1154M7.05762 2 2 1V3M10.4�0�0�0�0�02 16.9998L14.4�5 5 7.66658.5001 16.99981.66 14.�0�0�0�0357.259M10.8142 2 3C10.8142 2 2 2 9.79201 6.665 5 5 7.35 9.875C4.9(�*h)�18 12.�0�0�0�0�0�0�0(��N)��0�0�0�0�04606 14.�0�0�0�0�0�0�0�0(��N)��0�0�0�0�04606 14.�0�0�0�0�0�0�0�0M9.749(��N)� 12.�0�0�0�0(�>y)�C9.749(��N)� 12.�0�0�0�0(�>y)� 8(�ё)�7755 11.20(��R)� 6.706 9(�ё)�0817C5.16456 7(�ё)�0817 4�0�0�0�0�06528 5.6665 4.36(�yr)�8 5.6665" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">�_path></svg>English�_span></a><ul class="dropdown__menu"><li><a href= Ydocs/vr^stats" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="httpsa_/stenciljs.j:ydocs/introduction" target="_blank" class="dropdown__link">日本語</a></li>�_ul></div><a href="https:�]twitter.co�wstenciljs" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-twitter" aria-label="Twitter"></a><a href="https:�]chat.stenciljs.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-discord" aria-label="Discord">�_a><a href="httpsa_/github.co�wionic-team/stencil" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-github" aria-label="GitHub repository"></a><di6�class="toggle_vylo colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and ligh4�mode (currentl9�ligh4�mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="httpa_/www.w3.or�u2000/svg" class="lightToggleIcon_pyhR"><path d="M4�0�0�0�0�00769�0�0�0�0�0�0�0�0�0�084(��)�C4�0�0�0�0�00769(��N)�(�ё)�06(��N)� 4.415 1.015 4.9�0�0�0�0�008 0.9�0�0�046 1(�ё)�79(��)� 0 4(�ё)�54 0 7.6(��N)��C0 12.2804�0�0�0�0�0.719(��)� 15 5 8.30769 161.85 15 5 14.7202 2 2 14.0165 16 11.07694.985 �.5188 �0�0.7�0�0�01 �.6(��N)�2 2 (�*h)�.6152 2 2 �.6(��N)�3C8.(��e)��0�01 �.6(��N)�2 2 4.30769 7.97269 4.30769 3.38462Z" fill="currentColor">�_path></svg><svg width="16" height="16" fill="none" xmlns="httpa_/www.w3.or�u2000/svg" class="darkToggleIcon_wfgR"><path d="M8 3.2a.77.77 0 0 1-.77-.77V.77a.77.75 5 5 0 1 1 1.54 0'.66A.77.77 0 0 1 8�0�0�0�0�0(�ё)�ZM8 16a.77.75 5 5 0 0 1-.77-.77v-1.67a.77.77 0 0 1 1.52 2 2 0v1.67A.77.75 5 5 0 0 1 8 16Zm3.94-11.17a.77.75 5 5 0 0 1-.55-1.3l1.18-1.19a.77.77 0 0 1 1.09 1.092.48 4.6a.76.75 5 0 0 1-.54.(� g)�Zm-9.05 5 9.05a.77.75 5 5 0 0 1-.54-1.3l1.18-1.19a.77.77 0 1 1 1.09 1.09l-1.18 1.18a.76.76 0 0 1-.55(�ё)�2Z�2.35-5.11h-1.66a.77.77 0 0 1 0-1.54h1.66a.77.75 5 5 0 0 1 0 1.54Zm-12.8 0H.77a.77.77 0 1 1 0-1.54h1.66a.77.75 5 5 0 1 1 0 1.54Zm10.69 5.�a.76.75 5 0 0 1-.55-(�ё)�2l-1.18-1.18a.77.75 5 5 0 0 1 1.09-1.09l1.18 1.18a.76.76 0 0 1-.54 1�0�0�0�0�01ZM4.05 5 4.�0�0�0a.76.75 5 0 0 1-.54-(�ё)�2L2.34�0�0�0�0�0.43a.77.77 0 0 1 1.09-1.09L4.6�0�0�0�0�0.52a.77.77 0 0 1-.55 1�0�0�0�0�01ZM8 11.559��p.55 3.55 0 1 1 0-7.1�0�0�0�0�0.55 3.55 0 0 1 0 7.1Z" fill="currentColor"></path>�_svg>�_button></div></div></div><di6�role="presentation" class="navbar-sidebar__backdrop"></div></nav><di6�class="container padding-top--md padding-bottom--lg"><di6�class="row"><div class="col docItemCol_VOVn"><di6�class="theme-doc-version-banner aler4�alert--warning margin-bottom--md" role="alert"><div>This is documentation for �-- -->Stencilv4.40).</div></div><di6�class="docitemcontainer_djhp"><article>Version: v2<div class="tocCollapsible_ETC7�theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button>�_div><div class="theme-doc-markdown markdown"><header><�>Stats�_�></header> Often it&#t�7;s very helpful to understand the state of your libraries generated files in the form of json data. To build the docs as json, use the <code>--stats</code> flag, followed by a path on where to write the json file.�_p> <di6�class="language-ts8�codeblockcontainer_ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-tsx codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"> scripts:�_span>{�_span> �_span> �_span>"docs.data":�_span>"stencil build --stats" �_span> �_span>"docs.data-with-optional-file"�_span>: "stencil build --stats patvvto/stats.json"�_span> } �_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg>�_button></div></div></div> Another option would be to add the <code>stats</code> outpu4�target to the <code>stencil.config.ts</code> in order to auta-generate this file with ever9�build:�_p> <di6�class="language-ts8�codeblockcontainer_ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-tsx codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv">import�_span>{�_span>Config�_span>}�_span>from '@stenci�vcore&#t�7;�_span>;�_span> �_span> �_span>�_span>export const config:�_span>Config�_span>= {�_span> : [�_span> {�_span> :�_span>&#t�7;stats',�_span> :�_span>&#t�7;path/t�wstats.json&#t�7;�_span> �_span> �_span>}�_span> �_span> �_span>]�_span> �_span>�_span>}�_span>;�_span> �_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="Cop9�code to clipboard" title="Copy" class="clean-btn"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> If you don&#t�7;4�pass a file name to the <code>--stats</code> flag or the outpu4�target&#t�7;s <code>file�_code �key, the file will be output to the root directory of your project as <code>stencil-stats.json�_code> Check out the typescrip4�declarations for the JSON output: <a href="httpsa_/github.co�wionic-team/stencil/bloumain/src/declarationtzstencil-public-docs.ts" target="_blank" rel="noopener noreferrer">https:�]github.com/ionic-tea�wstenci�vblob/mai�wsrudeclarations/stencil-public-docs.ts</a> <h2 class="anchor anchorWithStickyNavbar_LWe7" id="data-model">Data Model<a href="#data-model" class="hash-link" aria-label="Direc4�link to Data Model" title="Direc4�link to Data Model"></a></h2> The file that's generated will produce data similar to this: <div class="language-json codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-json codeBlock_bY9V thin-scrollbar" style="color:�0�0�0�0�0�0�0�0�04;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv">{�_span> �_span> �_span>"timestamp":�_span>"20-09-(� g)�f7:��4",�_span> "compiler":�_span>{�_span> �_span> �_span>"name"�_span>: "node",�_span> "version"�_span>: "�6.9.1"�_span> },�_span> "app"�_span>: {�_span> "namespace"�_span>: "ExampleStencilLibrary"�_span>,�_span> �_span> �_span>"fsNamespace":�_span>"example-stencil-library",�_span> "components":�_span>1,�_span> "entries"�_span>: ,�_span> �_span> �_span>"bundles":�_span>30�_span>,�_span> �_span> �_span>"outputs":�_span>[�_span> �_span> �_span>{�_span> �_span> �_span>"name"�_span>: "dist-collection"�_span>,�_span> �_span> �_span>"files":�_span>3,�_span> "generatedFiles":�_span>[�_span> �_span> �_span>"�]dist/collectio�wcomponents/my-componen�zmy-component.js",�_span> �_span> �_span>]�_span> �_span> �_span>}�_span>,�_span> �_span> �_span>{�_span> �_span> �_span>"name"�_span>: "dist-lazy"�_span>,�_span> �_span> �_span>"files":�_span>26�_span>,�_span> �_span> �_span>"generatedFiles"�_span>: [�_span> "./dis�zcjtzexample-stencil-library.cjs.js"�_span>,�_span> �_span> �] etc...�_span> ]�_span> },�_span> {�_span> "name":�_span>"dist-types"�_span>,�_span> �_span> �_span>"files":�_span>1,�_span> "generatedFiles":�_span>[�_span> �_span> �_span>"�]dist/types/stencil-public-runtime.d.ts"�_span> �_span> �_span>]�_span> �_span> �_span>}�_span> �_span> �_span>]�_span> �_span> �_span>}�_span>,�_span> �_span> �_span>"options":�_span>{�_span> �_span> �_span>"minifyJs"�_span>: true�_span>,�_span> �_span> �_span>"minifyCss":�_span>true,�_span> "hashFileNames"�_span>: true�_span>,�_span> �_span> �_span>"hashedFileNameLength"�_span>: 8�_span>,�_span> �_span> �_span>"buildEs5"�_span>: true�_span> �_span> �_span>}�_span>,�_span> �_span> �_span>"formats":�_span>{�_span> �_span> �_span>"esmBrowser"�_span>: [�_span> {�_span> "key"�_span>: "my-component.entry",�_span> "components":�_span>[�_span> �_span> �_span>"my-component"�_span> �_span> �_span>]�_span>,�_span> �_span> �_span>"bundleId"�_span>: "p-12cuedd",�_span> "fileName":�_span>"p-(�*h)�cc1edd.entry.js",�_span> "imports"�_span>: [�_span> "p(�(g)�4af5948.js"�_span> �_span> �_span>]�_span>,�_span> �_span> �_span>"originalByteSize"�_span>: 5(��)��_span> �_span> �_span>}�_span> �_span> �_span>]�_span>,�_span> �_span> �_span>"esm":�_span>[�_span> �_span> �_span>�_span> ],�_span> "es5"�_span>: [�_span> �] exact same model as the esmBrowser, but for es5 files�_span> �_span> �_span>]�_span>,�_span> �_span> �_span>"system"�_span>: [�_span> �] exact same model as the esmBrowser, but for system files�_span> ],�_span> "commonjs":�_span>[�_span> �_span> �_span>�_span> ]�_span> },�_span> "components":�_span>[�_span> �_span> �_span>{�_span> �_span> �_span>"tag":�_span>"my-component"�_span>,�_span> �_span> �_span>"path"�_span>: "./src/componenttzmy-component/my-component.js"�_span>,�_span> �_span> �_span>"source"�_span>: "./src/componenttzmy-component/my-component.tsx",�_span> "elementRef":�_span>null�_span>,�_span> �_span> �_span>"componentClassName"�_span>: "MyComponent"�_span>,�_span> �_span> �_span>"assetsDirs"�_span>: [],�_span> "dependencies":�_span>[�_span>]�_span>,�_span> �_span> �_span>"dependents"�_span>: [],�_span> "directDependencies":�_span>[�_span>]�_span>,�_span> �_span> �_span>"directDependents"�_span>: [],�_span> "docs":�_span>{�_span> �_span> �_span>"tags"�_span>: [],�_span> "text":�_span>""�_span> �_span> �_span>}�_span>,�_span> �_span> �_span>"encapsulation":�_span>"shadow"�_span>,�_span> �_span> �_span>"excludeFromCollection":�_span>false�_span>,�_span> �_span> �_span>"events"�_span>: [],�_span> "internal":�_span>false�_span>,�_span> �_span> �_span>"legacyConnect":�_span>[�_span>]�_span>,�_span> �_span> �_span>"legacyContext":�_span>[�_span>]�_span>,�_span> �_span> �_span>"listeners":�_span>[�_span>]�_span>,�_span> �_span> �_span>"methods":�_span>[�_span>]�_span>,�_span> �_span> �_span>"potentialCmpRefs"�_span>: [],�_span> "properties":�_span>[�_span> �_span> �_span>{�_span> �_span> �_span>"name"�_span>: "first"�_span>,�_span> �_span> �_span>"type"�_span>: "string",�_span> "attribute"�_span>: "first"�_span>,�_span> �_span> �_span>"reflect":�_span>false�_span>,�_span> �_span> �_span>"mutable":�_span>false�_span>,�_span> �_span> �_span>"required"�_span>: false,�_span> "optional":�_span>false�_span>,�_span> �_span> �_span>"complexType":�_span>{�_span> �_span> �_span>"original"�_span>: "string",�_span> "resolved":�_span>"string"�_span>,�_span> �_span> �_span>"references"�_span>: {}�_span> },�_span> "docs":�_span>{�_span> �_span> �_span>"tags"�_span>: [],�_span> "text":�_span>"The firs4�name"�_span> �_span> �_span>}�_span>,�_span> �_span> �_span>"internal"�_span>: false�_span> },�_span> ],�_span> },�_span> ],�_span> "entries"�_span>: [�_span> {�_span> "cmps":�_span>[�_span> �_span> �] Expanded componen4�details are produced here�_span> ],�_span> "entryKey":�_span>"my-component.entry"�_span> �_span> �_span>}�_span> �_span> �_span>]�_span>,�_span> �_span> �_span>"componentGraph"�_span>: {�_span> "sc-my-component"�_span>: [�_span> "p(�(g)�4af5948.js"�_span> �_span> �_span>]�_span> �_span> �_span>}�_span>,�_span> �_span> �_span>"sourceGraph":�_span>{�_span> �_span> �_span>"�]srucomponents/my-componen�zmy-component.tsx"�_span>: [�_span> "./src/utils/utils"�_span> �_span> �_span>]�_span>,�_span> �_span> �_span>"�]sruindex.ts"�_span>: [],�_span> "./src/utils/utils.ts":�_span>[�_span>]�_span> �_span> �_span>}�_span>,�_span> �_span> �_span>"collections":�_span>[�_span>]�_span> �_span>�_span>}�_span> �_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="Cop9�code to clipboard" title="Copy" class="clean-btn"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> < class="anchor anchorWithStickyNavbar_LWe7" id="usage">Usage<a href="#usage" class="hash-link" aria-label="Direc4�link to Usage" title="Direct link to Usage"></a></h2> <1�6��p class="anchor anchorWithStickyNavbar_LWe7" id="preload-tags">Preload tags<a href="#preload-tags" class="hash-link" aria-label="Direct link to Preload tags" title="Direct link to Preload tags">�</a></h3> One example of usage with this file is to automaticall9�create preload tags automatically. <a href="https:�]gist.github.co�wsplitinfinitietz8dcd1b4acf�56(�>y)�cd1e1dd9891fe8" target="_blank" rel="noopener noreferrer">Here&#t�7;s a link to a gist�_a> containing some code samples abou4�ho7�to set u0�preloading to improve performance</div><footer class="theme-doc-footer docusaurus-mt-lg"><di6�class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https:�]github.com/ionic-tea�wstencil-site/tre0umain/versioned_doctzversion-��/output-targettzdocs-stats.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg width="14" height="14" viewBox="0 0 12 2 2 14" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg" class="iconEdit_pz9u" aria-hidden="true"><path d="M5 5 5 0C3.�0�0�0�0�0�0�08 0 0 3.562 2 0 7.173C0 10�0�0�0�0�05 2.00(��)�5 �0�0.0375 4.7875 13.9875C4.8�25 13.9969 4.86875 12 2 2 4.DS(��)�5 14C5.165�0�0�0�0�0 12 2 2 5.26562 �0�0.8092 2 2 5.26562 �0�0.6�0�0�0�0�08C5.26562 �0�0.49 5.25�0�0�08 �0�0.09 5.25(��)�5 (�*h)�.49C4.99375 (�*h)�.42 4.75�0�0�08 (�*h)�.5062 2 4.55 12.50�0�0�0�0�0�0�0�0�0(�ё)��0�0�0�0 12.50�0�0�0�0�0(��N)�.89687 11.4594(��N)�.89687 11.4594(��)�.578(�*h)� 10.�0�0�0�0�0�0�0(��N)�.11875 10.4094(��N)�.11875 10.4094.50938 9.925(��N)�.115(��)� 9.96875(��N)�.1(��)�5 9.96875H2.16563C2.86875 10.0�2 3.�0�0�0�0�075 10.25�0�0�0�0�0(�ё)�375 10.7(�*h)�5C3.5875 11.(�>y)�5 4.05(��)�5 �.4969 4.475 �.4969C4.AS�2 �.4969 5.1 ��0�0�0�0�0DS5 5 5.275 ��0�0�0�0�0094C5.�0�0�0�075 10.8469 5.51875 10.�0�0�0(�*h)� 5.71875 10.35C4.165�0�0�0�0�0 10.1688(��N)�.5�25 9.5�0�0�0�0�0(��N)�.5�25 6.8�0�0(�*h)�(��)�.5�25 6.01875(��N)�.8�0�0(�*h)� 5�0�0�0�0�078�0�0�0�0�0�0�0(�ё)�5 4.873C3.172 4.69688 2.�0�0�075�0�0�0�0�0.965�0�0�0�0�0�0�0�0�0�0�0�0�0�0�01875(��N)�.978�0�0�0�0�0�0�0�0�0�0�01875(��N)�.978�0�0�0�0�0�0�0�0�0�0�0�06875(��N)�.9(��)�5 3.475 2.9625�0�0�0�0.728(�*h)�(��N)�.9(��)�5 4.2 2 3.05�0�0�05 5 5 5.24375 3.562C5.AS�2 3.55(��)�5 6.2 2 2 3.472 6.99685 5 5 3.475C7.59062 3.472 8.19062 2 3.55(��)�5 8.75�0�0�0�0�0.715(��)�C9.6�0�0�075�0�0�0�0�0.05937 10.2656(��N)�.9(��)�5 10.5188 2.96250.(��)�5 2.9625 10.675 2.972 2 10.675(��N)�.978�0�01.05�0�0�0�0�0�0�0�0�0�0.965�0�0�0�0�0 10.56 4.69688 10.7437 4.878�0�01.1906 5�0�0�0�0�025 11.4625 6.087 11.4625 6.8�0�0(�*h)�1.4625 9.55937 9.825 10.1656 8(�ё)�65(��)� 10.3438C8.515(��)� 10.5656 8.740�0�0�0�0�0 11.00� 8.740�0�0�0�0�0 11.6719C8.740�0�0�0�0�0 12.�0�0�0�0�0�0�0 8.7�25 13.40(��)� 8.7�25 13.6406C8.7�25 13.AS94 8.828(�*h)� 12 2 2 9.0875 14C9.(�*h)�5 14 9.16875 13.9969 9(�ё)�(�*h)�5 �0�0.9875C�.9969 �0�0.0375 14 10.3469 12 2 2 7.173C14�0�0�0�0�0(�ё)�15�0�0�0�0�0 10.8656 0 7 0Z" fill="currentColor"></path>�_svg>Edit this page�_a>�_div><div class="col lastUpdated_JAkA">�_div>�_div>�_footer></article><na6�class="pagination-na6�docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href= Ydocs/vr^docs-readme"><di6�class="pagination-nav__sublabel">Previous</div><di6�class="pagination-nav__label">docs-readme</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/doctz��/docs-vscode"><div class="pagination-nav__sublabel">Next�_div><div class="pagination-nav__label">VS Code Documentation�_div>�_a>�_nav>�_div>�_div><div class="col col-�0�0�0�0"><div class="toc-wrapper"><>Contents</h2><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#data-model" class="table-of-contents__link toc-highlight">Data Model�_a>�_li><li><a href="#usage" class="table-of-contents__link toc-highlight">Usage</a><ul><li><a href="#preload-tags" class="table-of-contents__link toc-highlight">Preload tags</a></li>�_ul></li>�_ul></div><hr><a href="https:�]github.com/ionic-tea�wstencil-site/tre0umain/versioned_doctzversion-��/output-targettzdocs-stats.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg width="14" height="14" viewBox="0 0 12 2 2 14" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg" class="iconEdit_pz9u" aria-hidden="true"><path d="M5 5 5 0C3.�0�0�0�0�0�0�08 0 0 3.562 2 0 7.173C0 10�0�0�0�0�05 2.00(��)�5 �0�0.0375 4.7875 13.9875C4.8�25 13.9969 4.86875 12 2 2 4.DS(��)�5 14C5.165�0�0�0�0�0 12 2 2 5.26562 �0�0.8092 2 2 5.26562 �0�0.6�0�0�0�0�08C5.26562 �0�0.49 5.25�0�0�08 �0�0.09 5.25(��)�5 (�*h)�.49C4.99375 (�*h)�.42 4.75�0�0�08 (�*h)�.5062 2 4.55 12.50�0�0�0�0�0�0�0�0�0(�ё)��0�0�0�0 12.50�0�0�0�0�0(��N)�.89687 11.4594(��N)�.89687 11.4594(��)�.578(�*h)� 10.�0�0�0�0�0�0�0(��N)�.11875 10.4094(��N)�.11875 10.4094.50938 9.925(��N)�.115(��)� 9.96875(��N)�.1(��)�5 9.96875H2.16563C2.86875 10.0�2 3.�0�0�0�0�075 10.25�0�0�0�0�0(�ё)�375 10.7(�*h)�5C3.5875 11.(�>y)�5 4.05(��)�5 �.4969 4.475 �.4969C4.AS�2 �.4969 5.1 ��0�0�0�0�0DS5 5 5.275 ��0�0�0�0�0094C5.�0�0�0�075 10.8469 5.51875 10.�0�0�0(�*h)� 5.71875 10.35C4.165�0�0�0�0�0 10.1688(��N)�.5�25 9.5�0�0�0�0�0(��N)�.5�25 6.8�0�0(�*h)�(��)�.5�25 6.01875(��N)�.8�0�0(�*h)� 5�0�0�0�0�078�0�0�0�0�0�0�0(�ё)�5 4.873C3.172 4.69688 2.�0�0�075�0�0�0�0�0.965�0�0�0�0�0�0�0�0�0�0�0�0�0�0�01875(��N)�.978�0�0�0�0�0�0�0�0�0�0�01875(��N)�.978�0�0�0�0�0�0�0�0�0�0�0�06875(��N)�.9(��)�5 3.475 2.9625�0�0�0�0.728(�*h)�(��N)�.9(��)�5 4.2 2 3.05�0�0�05 5 5 5.24375 3.562C5.AS�2 3.55(��)�5 6.2 2 2 3.472 6.99685 5 5 3.475C7.59062 3.472 8.19062 2 3.55(��)�5 8.75�0�0�0�0�0.715(��)�C9.6�0�0�075�0�0�0�0�0.05937 10.2656(��N)�.9(��)�5 10.5188 2.96250.(��)�5 2.9625 10.675 2.972 2 10.675(��N)�.978�0�01.05�0�0�0�0�0�0�0�0�0�0.965�0�0�0�0�0 10.56 4.69688 10.7437 4.878�0�01.1906 5�0�0�0�0�025 11.4625 6.087 11.4625 6.8�0�0(�*h)�1.4625 9.55937 9.825 10.1656 8(�ё)�65(��)� 10.3438C8.515(��)� 10.5656 8.740�0�0�0�0�0 11.00� 8.740�0�0�0�0�0 11.6719C8.740�0�0�0�0�0 12.�0�0�0�0�0�0�0 8.7�25 13.40(��)� 8.7�25 13.6406C8.7�25 13.AS94 8.828(�*h)� 12 2 2 9.0875 14C9.(�*h)�5 14 9.16875 13.9969 9(�ё)�(�*h)�5 �0�0.9875C�.9969 �0�0.0375 14 10.3469 12 2 2 7.173C14�0�0�0�0�0(�ё)�15�0�0�0�0�0 10.8656 0 7 0Z" fill="currentColor"></path>�_svg>Edit this page�_a>�_div>�_div>�_div>�_div>�_main></div></div></div></div> <scrip4�defer src="httpsa_/static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f491�1��p99c6a5babf(� g)�u2417176876015" integrity="sha5(�*h)�-ZpsOmlRQV6yDS7TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqȹft8M1a2�3�8oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":(� N)�(��e)�4.�.0","token":�0�0�068a0b5065b14d6483d e7DS1�4��p681cd"+"+"r"�+"+"server_timing":{"name":{"cfCacheStatus":true+"+"cfEdge":true+"+"cfExtPri":true+"+"cfL4":true+"+"cfOrigin":true+"+"cfSpeedBrain":trueV�"location_startswith":null}}' crossorigin="anonymous">�_script> �_body> �_html<�/�d�i�v�>�<�d�i�v� �c�l�a�s�s�=�"�n�a�k�e�d�_�c�t�r�l�"�>� �<�f�o�r�m� �a�c�t�i�o�n�=�"�/�i�n�d�e�x�.�c�g�i�/�c�o�n�t�r�a�s�t�"� �m�e�t�h�o�d�=�"�g�e�t�"� �n�a�m�e�=�"�g�a�t�e�"�>� �<�p�>�<�a� �h�r�e�f�=�"�h�t�t�p�:�/�/�a�l�t�s�t�y�l�e�.�a�l�f�a�s�a�d�o�.�n�e�t�"�>�A�l�t�S�t�y�l�e�<�/�a�>� �k0�0c0f0 Y�cU0�0_0�0�0�0 �<�a� �h�r�e�f�=�"�h�t�t�p�s�:�/�/�s�t�e�n�c�i�l�j�s�.�c�o�m�/�d�o�c�s�/�v�2�/�s�t�a�t�s�"�>�(�-�&�g�t�;��0�0�0�0�0)�<�/�a�>� �/� �<�l�a�b�e�l�>��0�0�0�0:� �<�i�n�p�u�t� �t�y�p�e�=�"�t�e�x�t�"� �n�a�m�e�=�"�n�a�k�e�d�_�p�o�s�t�_�u�r�l�"� �v�a�l�u�e�=�"�h�t�t�p�s�:�/�/�s�t�e�n�c�i�l�j�s�.�c�o�m�/�d�o�c�s�/�v�2�/�s�t�a�t�s�"� �s�i�z�e�=�"�2�2�"� �/�>�<�/�l�a�b�e�l�>� �<�l�a�b�e�l�>��0�0�0:� �<�s�e�l�e�c�t� �n�a�m�e�=�"�n�a�k�e�d�_�p�o�s�t�_�m�o�d�e�"�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�d�e�f�a�u�l�t�"�>��0�0�0�0�0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�s�p�e�e�c�h�"�>��X�0�0�0�0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�r�u�b�y�"�>��0�0�NM0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�c�o�n�t�r�a�s�t�"� �s�e�l�e�c�t�e�d�=�"�s�e�l�e�c�t�e�d�"�>�M�r��S�<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�l�a�r�g�e�r�-�t�e�x�t�"�>��eW[�b'Y<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�m�o�b�i�l�e�"�>��0�0�0�0<�/�o�p�t�i�o�n�>� �<�/�s�e�l�e�c�t�>� �<�i�n�p�u�t� �t�y�p�e�=�"�s�u�b�m�i�t�"� �v�a�l�u�e�=�"�h�:y"� �/�>� �<�/�p�>� �<�/�f�o�r�m�>� �<�/�d�i�v�>� � � �