npm - @qualcomm-ui/react-mdx - Versions diffs - 1.10.5 → 1.11.1 - Mend

@qualcomm-ui/react-mdx 1.10.5 → 1.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (19) hide show

package/dist/all.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- .prop-type__union{display:flex;flex-direction:column;gap:6px}.prop-type__stacked-option:not(:last-child){margin-bottom:4px}.typedoc-props__table-wrapper{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);color:var(--color-text-neutral-primary);margin-top:16px;overflow-x:auto;position:relative}.typedoc-props__table-wrapper table{border-collapse:collapse;border-color:inherit}.typedoc-props__table-wrapper * pre>code{background:var(--qui-docs-code-background);border-radius:var(--border-radius-sm);color:var(--qui-docs-code-color);font-family:var(--q-font-mono),monospace;font-size:14px!important;padding:2px 4px}.typedoc-props__table-wrapper a{color:var(--color-interactive-text-link-default-idle);transition:color var(--animation-duration-fast) ease}.typedoc-props__table-wrapper a:hover{color:var(--color-interactive-text-link-default-hover)}.typedoc-props__table-wrapper table{width:100%}.typedoc-props__table-wrapper table tbody.no-thead{border-radius:var(--border-radius-md);border-top:solid 1px var(--color-border-neutral-01)}.typedoc-props__table-wrapper table pre{border-radius:var(--border-radius-sm)}.typedoc-props__table-wrapper table .font-mono{font-size:14px}.typedoc-props__table-wrapper table tr{border-bottom:solid 1px var(--color-border-neutral-01)}.typedoc-props__table-wrapper table tr:has(+.doc-props-table__details-row){border-bottom:0}.typedoc-props__table-wrapper table tr:has(+.doc-props-table__details-row) td:first-child{padding-bottom:0}.typedoc-props__table-wrapper table tr.doc-props-table__details-row td:first-child{padding-left:20px;padding-right:20px}.typedoc-props__table-wrapper table tr.doc-props-table__details-row pre.shiki-code{background:transparent;border:solid 1px var(--color-border-neutral-01);width:-moz-fit-content;width:fit-content}.typedoc-props__table-wrapper table tbody tr:last-child{border-bottom:none}.typedoc-props__table-wrapper table thead th{background:var(--color-background-neutral-01)}.typedoc-props__table-wrapper table th{font:var(--font-static-heading-xxs-bold);padding:12px 20px 12px 12px;text-align:start}.typedoc-props__table-wrapper table td{min-height:42px;padding:var(--spacing-70) var(--spacing-90)}.typedoc-props__table-wrapper table td ul{list-style-type:circle}pre.qui-docs-code{margin:0}.typedoc-props__table-wrapper pre.qui-docs-code,.typedoc-props__table-wrapper pre.shiki-code{background:var(--qui-docs-code-background);padding:4px 6px}.doc-props__root{display:flex;flex-direction:column;width:100%}.doc-props-list__root{display:flex;flex-direction:column;gap:36px;margin:24px 0 24px}.doc-props-list__root a{color:var(--color-interactive-text-link-default-idle);transition:color var(--animation-duration-fast) ease}.doc-props-list__root a:hover{color:var(--color-interactive-text-link-default-hover)}.doc-props-list__root ul{list-style-type:circle}.doc-props-list__root.bottom-border{border-bottom:solid 1px var(--color-border-neutral-01);padding-bottom:20px}.doc-props-list-item__root{display:flex;flex-direction:column;gap:8px;padding-top:12px}.doc-props-list-item__root .doc-props__content{max-width:calc(100vw - var(--content-padding-right) - var(--content-padding-left) - 16px);overflow-x:auto}.doc-props-item__name{align-items:center;display:flex;gap:8px}.doc-props-list-item__name-wrapper{border-bottom:solid 1px var(--color-border-neutral-01);display:flex;padding-bottom:6px}.doc-props-item__label{border-radius:var(--border-radius-sm);display:inline-flex;font:var(--font-static-code-sm-bold);justify-content:flex-start;padding:2px 6px}.doc-props-item__label .qui-link__root{font:var(--font-static-code-sm-bold)}.doc-props-columns{display:flex;flex-direction:column;gap:8px}.doc-props__content{align-items:flex-start;display:flex;gap:16px;justify-content:flex-start;padding:4px 0 4px 16px}.doc-props__title{color:var(--color-text-neutral-primary);font:var(--font-static-body-md-default);line-height:1.5;min-width:110px}.doc-props-table__name-cell{border:0 solid;box-sizing:border-box;line-height:1.5;position:relative}.doc-props-table__row-anchor{position:absolute;top:calc(0px - var(--qui-header-height))}.doc-props-item__description{display:flex;flex-direction:column;flex-wrap:wrap;gap:8px}.doc-props-description__root{color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);min-width:250px}.doc-props-description__root a{cursor:pointer;text-decoration:inherit}.doc-props-description__root code{background:var(--qui-docs-code-background);border-radius:var(--border-radius-sm);color:var(--qui-docs-code-color);font-family:var(--q-font-mono),monospace;font-size:13px!important;padding:1px 4px}.doc-props-description__root ul{list-style-type:disc}.doc-props-description__root.doc-props-table__description{display:inline-flex;flex-direction:column;gap:12px;margin-left:8px;max-width:400px}.docs-table-list-item{display:flex;flex-direction:column;gap:8px;padding:16px 8px}.docs-table-list-item .property{align-items:center;display:flex;font-family:var(--q-font-mono);gap:4px}.docs-table-list-item .event-signature{display:flex;flex-wrap:wrap;gap:8px}.doc-props-list-item__root pre.shiki-code{padding:4px 6px}.doc-props-description__root .doc-props-description__extra-details{margin-top:8px;padding-left:8px}.doc-props-list-item__root{position:relative}.doc-props-list-item__root .doc-props-description__extra-details{padding-left:0}.see-tag-list{list-style-type:disc;padding-left:20px}.see-tag-list li+li{margin-top:4px}.qui-docs-external-link-icon{margin-left:4px}.doc-props-description__option-tags{padding-left:16px}.doc-props-description__see-tags{display:flex;flex-direction:column;gap:8px}.doc-props-description__remarks-block{margin-top:8px}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag{font:var(--font-static-body-md-default)}.doc-props-description__extra-details .doc-props-description__remarks-tag .mdx-spoiler__root{border:0;margin-top:0}.doc-props-description__extra-details .doc-props-description__remarks-tag .mdx-spoiler__trigger{font:var(--font-static-body-xs-bold);gap:4px;height:32px;padding:0}.doc-props-description__extra-details .doc-props-description__remarks-tag .mdx-spoiler__content-body{padding:8px 0 0 0}.mdx-spoiler__trigger{border:0;font:var(--font-static-body-sm-bold)}.doc-props-description__example-tag,.doc-props-description__remarks-tag{font:var(--font-static-body-sm-default)}.doc-props-description__example-tag pre.shiki-code,.doc-props-description__remarks-tag pre.shiki-code{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);margin-top:8px}.doc-props-description__example-tag .mdx-spoiler__root,.doc-props-description__remarks-tag .mdx-spoiler__root{border:solid 1px transparent;margin-top:0}.doc-props-description__example-tag .mdx-spoiler__trigger,.doc-props-description__remarks-tag .mdx-spoiler__trigger{height:32px;padding:0}.doc-props__top-level-jsdoc-comment{margin-top:var(--qui-mdx-margin-default)}.doc-props__top-level-jsdoc-comment pre.shiki-code{background:var(--background-primary)}.doc-props__top-level-jsdoc-comment.doc-props-description__root{font:var(--font-static-body-md-default)}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag{font:var(--font-static-body-sm-default)}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag pre.shiki-code{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);margin-top:8px}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag .mdx-spoiler__root{margin-top:0}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag .mdx-spoiler__root[data-state=closed]{border:solid 1px transparent}.doc-props__top-level-jsdoc-comment .doc-props-description__example-tag{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);margin-top:var(--qui-mdx-margin-default)}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag{margin-top:8px}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag pre.shiki-code{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);margin-top:var(--qui-mdx-margin-default)}.doc-props-item__required-indicator{color:var(--color-icon-support-danger);-webkit-user-select:none;-moz-user-select:none;user-select:none}.doc-props-item__deprecated-indicator{color:var(--color-icon-support-warning);-webkit-user-select:none;-moz-user-select:none;user-select:none}.doc-props__since{font:var(--font-static-body-sm-default)}.doc-props__type-wrapper{color:var(--color-text-neutral-primary);position:relative;width:-moz-fit-content;width:fit-content}.code-highlight-popup pre.shiki-code{padding-right:42px!important}.doc-props__resolved-type{display:flex;flex-wrap:wrap}.doc-props__type-info-popup-content{outline:none;padding:0;width:-moz-fit-content;width:fit-content}.doc-props__type-info-popup-content pre{outline:none}.doc-props__type-info-popup-trigger{background:transparent;border:0;height:22px;margin:0;outline:none;padding:0;position:absolute;right:-11px;top:-11px;width:22px;z-index:10}.doc-props__type-info-icon{color:var(--color-background-brand-primary);cursor:pointer}.doc-props__symbol-wrapper{margin-top:16px}.docs-table__wrapper{display:none}@media screen and (min-width: 768px){.docs-table__wrapper{display:block}}.docs-list-wrapper{display:block}@media screen and (min-width: 768px){.docs-list-wrapper{display:none}}.doc-props__function-args-list{margin-top:8px;padding-left:24px}.doc-props__function-args-list .doc-props__function-args-list-item{margin:3px 0}.doc-props__function-args-list .doc-props__function-arg-name{background:var(--qui-docs-code-background);border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-sm);color:var(--color-text-neutral-primary);font:var(--font-static-code-sm-default);margin-right:1px;padding:1px 2px}.doc-props__function-args-list .doc-props__function-arg-colon{display:inline-block;margin-right:4px}.doc-props__show-attributes-button{margin-top:var(--qui-mdx-margin-default)}.doc-props-description__returns-tag-root{display:flex;flex-direction:column;flex-wrap:wrap}.doc-props-description__returns-tag-label{font:var(--font-static-body-sm-bold)}.doc-props-description__returns-tag-content{padding-left:16px}:root{--qui-docs-search-width:calc(95vw - 32px)}@media (min-width: 640px){:root{--qui-docs-search-width:calc(80vw - 32px)}}@media (min-width: 1024px){:root{--qui-docs-search-width:800px}}.qui-site-search__floating-panel-mobile{background:var(--color-background-neutral-03);border-radius:var(--border-radius-md);flex-direction:column;max-height:400px;overflow-y:auto;width:var(--qui-docs-search-width)}.qui-site-search__trigger{width:100%}@container (min-width: 850px){.qui-site-search__mobile-icon-button{display:none}}.qui-site-search__text-input{display:none;margin-right:8px;width:185px}@container (min-width: 850px){.qui-site-search__text-input{display:flex}}.qui-site-search__text-input .qds-kbd{font-size:11px}.qui-site-search__mobile-dialog-backdrop.qui-dialog__backdrop{backdrop-filter:blur(1px)}.qui-site-search__mobile-dialog-content.qui-dialog__content{width:var(--qui-docs-search-width)}.qui-site-search__mobile-input-wrapper{display:flex;elevation:var(--shadow-medium);flex-direction:column;margin:0 auto;width:100%}.qui-site-search__mobile-input-wrapper .qui-text-input__root{width:100%}@media (min-width: 640px){.qui-site-search__mobile-input-wrapper{width:var(--qui-docs-search-width)}}.qui-site-search__bar{background:var(--color-background-neutral-03);max-width:300px;min-width:300px}.qui-site-search__result-group-wrapper{display:flex;flex-direction:column}.qui-site-search__result-group{border-left:solid 1px var(--color-border-neutral-01)}.qui-site-search__results{background:var(--color-background-neutral-03);border-radius:5px;display:flex;flex-direction:column;gap:1px;max-height:400px;overflow-x:hidden;overflow-y:auto;padding:0 10px;text-overflow:ellipsis;width:100%}.qui-site-search__item-icon{min-width:22px}.qui-site-search__list-item{align-items:center;border:solid 1px transparent;border-radius:5px;container-type:inline-size;display:flex;gap:8px;outline:none;padding:8px 10px 6px 10px;text-decoration:inherit}.qui-site-search__list-item[data-child]{padding:6px 10px 4px 16px}.qui-site-search__list-item[data-group-title]{font:var(--font-static-heading-xxs-bold);padding:12px 10px 12px 10px}.qui-site-search__list-item[data-highlighted][data-focus-visible]{border-color:var(--color-utility-focus-border);outline:solid 2px var(--color-utility-focus-border);outline-offset:-2px}.qui-site-search__list-item-content{display:flex;flex-direction:column;max-width:calc(100cqw - 24px)}.qui-site-search__metadata{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-bold);margin-top:2px}.qui-site-search__section-title{color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-bold)}.qui-site-search__content{color:var(--color-text-neutral-primary);display:inline-block;font:var(--font-static-body-sm-default);overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.qui-site-search__no-results{align-items:center;color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-heading-xxs-default);min-height:48px;padding:0 12px;width:100%}.qui-site-search__content mark{background:var(--color-background-neutral-10);border-radius:2px;color:var(--color-text-neutral-inverse)}.qui-site-search__category-header{color:var(--color-text-neutral-secondary);padding:8px 12px}.qui-site-search__result-group{margin-left:20px}.qui-docs__not-found{display:flex;flex-direction:column;gap:24px;margin-top:16px}.npm-install-tabs__panel.qui-tabs__panel{padding:0}.npm-install-tabs__panel.qui-tabs__panel pre.shiki-code{overflow-x:auto}.qui-toc{display:none}@media screen and (min-width: 1280px){.qui-toc{display:block;min-width:240px}}.qui-toc__container{margin-left:24px;max-height:calc(100vh - var(--qui-header-height) - 42px);overflow-x:hidden;overflow-y:auto;padding-top:16px;position:sticky;top:49px}.qui-toc__links{display:flex;flex-direction:column;min-width:200px;position:relative}.qui-toc__link{color:var(--color-text-neutral-secondary);font:var(--font-static-body-sm-bold);font-size:13px;padding:4px 0;position:relative}.qui-toc__link a{color:inherit;text-decoration:inherit}.qui-toc__link.q-active,.qui-toc__link:hover{color:var(--color-text-neutral-primary)}.qui-toc__link-indent-guide{background:var(--color-border-neutral-01);height:100%;left:12px;position:absolute;top:0;width:1px}.qui-toc__link-indent-guide[data-active]{background:var(--color-border-neutral-03)}.qui-page-link__container{color:var(--color-text-neutral-primary);display:inline-flex;flex-direction:column;font:var(--font-static-body-sm-default);justify-content:center;white-space:nowrap}.qui-page-link__root{border:solid 1px var(--color-border-neutral-01);border-radius:3px;color:inherit;display:flex;flex-direction:column;gap:4px;padding:16px;text-decoration:inherit;width:100%}.qui-page-link__root[data-next]{align-items:flex-end}.qui-page-link__root:hover .qui-link__root{border-bottom-color:var(--color-interactive-text-link-default-hover);color:var(--color-interactive-text-link-default-hover)}.qui-page-link__adjacent-route-title{padding-left:20px}.qui-page-link__adjacent-route-title[data-next]{align-self:flex-end;padding-left:0;padding-right:20px}.qui-page-links__container{display:flex;gap:24px;justify-content:space-between;margin-top:64px}.qui-docs__updated-on-wrapper+.qui-page-links__container{margin-top:0}.qui-docs__updated-on-wrapper{margin-bottom:32px;margin-top:64px}.qui-page-links__link-wrapper{display:flex;flex:1}:root{--qui-mdx-margin-default:16px}h1.mdx:before,h2.mdx:before,h3.mdx:before,h4.mdx:before{content:"";display:block;height:calc(var(--qui-header-height) + var(--qui-mdx-margin-default));margin-top:calc(0px - var(--qui-header-height) - var(--qui-mdx-margin-default));max-width:1px;position:relative;visibility:hidden;width:1px;z-index:-1}a[data-footnote-ref=true].q-link--root{display:inline-block;margin-top:-64px;padding-top:64px}h1.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-lg-default);margin:0}h2.mdx{border-bottom:solid 1px var(--color-border-neutral-02);color:var(--color-text-neutral-primary);font:var(--font-static-heading-md-default);margin:36px 0 0 0;padding-bottom:8px;width:100%}h3.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-sm-default);margin:32px 0 0 0}h4.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xs-default);margin:24px 0 0 0}h5.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xxs-default);margin:20px 0 0 0}h6.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xxs-default);margin-top:var(--qui-mdx-margin-default)}h1.mdx a,h2.mdx a,h3.mdx a,h4.mdx a,h5.mdx a,h6.mdx a{color:inherit;text-decoration:none}h1.mdx+.qui-tabs__root,h2.mdx+.qui-tabs__root,h3.mdx+.qui-tabs__root,h4.mdx+.qui-tabs__root,h5.mdx+.qui-tabs__root,h6.mdx+.qui-tabs__root{margin-top:var(--qui-mdx-margin-default)}p.mdx{margin:0}img.mdx,video.mdx{display:block;height:auto;margin-top:var(--qui-mdx-margin-default);max-width:100%;vertical-align:middle}pre.mdx{margin-top:var(--qui-mdx-margin-default)}pre.mdx.shiki{overflow-x:auto}p.mdx{font:inherit}+p.mdx{font:var(--font-static-body-md-default);margin-top:var(--qui-mdx-margin-default)}li.mdx>.qui-link__root,p.mdx>.qui-link__root{font:var(--font-static-body-md-bold)}li.mdx{font:var(--font-static-body-md-default)}ol.mdx{font:var(--font-static-body-md-default);list-style-type:decimal;margin-top:var(--qui-mdx-margin-default);padding-left:24px}ol.mdx li.mdx+li.mdx{margin-top:6px}ol.mdx ol.mdx,ol.mdx ul.mdx{margin-top:6px}ol.mdx>li.mdx>ol.mdx{list-style-type:lower-roman}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:decimal}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:lower-roman}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:decimal}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:lower-roman}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:decimal}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:lower-roman}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:decimal}ul.mdx{list-style-type:disc;margin-top:var(--qui-mdx-margin-default);padding-left:24px}ul.mdx li.mdx+li.mdx{margin-top:6px}ul.mdx ol.mdx,ul.mdx ul.mdx{margin-top:6px}ul.mdx>li.mdx>ul.mdx{list-style-type:circle}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:disc}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:circle}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:disc}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:circle}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:disc}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:circle}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:disc}.q-link--text>code.mdx{background:inherit;border-radius:4px;color:inherit;display:inline-block;font:var(--font-static-code-sm-default);line-height:normal;margin:0 1px;padding:2px 3px}.q-link--text>code.mdx.fit{width:-moz-fit-content;width:fit-content}code.mdx{font:var(--font-static-code-sm-default)}code.mdx:not(pre>code.mdx):not(.q-link--text>code.mdx){background:var(--qui-docs-code-background);border:solid 1px var(--color-border-neutral-01);border-radius:4px;box-sizing:border-box;color:var(--qui-docs-code-color);display:inline-block;font:var(--font-static-code-sm-default);padding:0 2px}code.mdx:not(pre>code.mdx):not(.q-link--text>code.mdx).fit{width:-moz-fit-content;width:fit-content}blockquote.mdx{border-inline-start-color:var(--color-border-brand-primary);border-inline-start-width:0.25rem;margin-top:var(--qui-mdx-margin-default);padding:4px 12px}blockquote.mdx>p.mdx{margin-top:0}div.mdx.table-wrapper{margin-top:var(--qui-mdx-margin-default);overflow-x:auto;width:100%}div.mdx.table-wrapper .qui-table__root{box-sizing:border-box;min-width:-moz-fit-content;min-width:fit-content}td.mdx{font:var(--font-static-body-sm-default)}hr.mdx{border-color:var(--color-border-neutral-02);margin-top:8px}.shiki.mdx{position:relative}[data-theme=dark] .shiki.mdx,[data-theme=dark] .shiki.mdx span{background:var(--shiki-dark-bg);color:var(--shiki-dark)}.qui-tabs__root.mdx{margin-top:var(--qui-mdx-margin-default)}.q-tab--content>.mdx.shiki-wrapper,.qui-tabs__tab-content>.mdx.shiki-wrapper{margin-top:0}.q-tab--content>.mdx.shiki-wrapper>pre.mdx.shiki,.qui-tabs__tab-content>.mdx.shiki-wrapper>pre.mdx.shiki{margin-top:0}.mdx-spoiler__root{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-sm);margin-top:var(--qui-mdx-margin-default)}.mdx-spoiler__trigger{align-items:center;background:var(--color-background-neutral-01);display:flex;gap:8px;height:40px;padding:0 var(--spacing-90);width:100%}.mdx-spoiler__trigger p.mdx{margin-top:0}.mdx-spoiler__trigger .mdx-spoiler__indicator{transition:transform var(--animation-duration-faster) ease}.mdx-spoiler__trigger[data-state=open] .mdx-spoiler__indicator{transform:rotate(90deg)}.mdx-spoiler__content{border-top:solid 1px var(--color-border-neutral-01)}.mdx-spoiler__content .typedoc-props__table-wrapper{margin-top:0}.mdx-spoiler__content-body{padding:var(--qui-mdx-margin-default) 24px}.qui-docs__main-content .qui-notification__root:not(.qui-demo-runner__wrapper> .qui-notification__root){margin-top:var(--qui-mdx-margin-default)}.qui-docs__main-content .qui-notification__root:not(.qui-demo-runner__wrapper>* .qui-notification__root) .qui-notification__description{font:var(--font-static-body-md-default)}.qui-docs__main-content .qui-notification__root:not(.qui-demo-runner__wrapper>* .qui-notification__root) p{margin:0}.qui-code-tabs.mdx .qui-tabs__panel.mdx{padding-top:0}.qui-code-tabs.mdx .qui-tabs__panel.mdx .shiki-wrapper.mdx{margin-top:0}.qui-docs__page-header{margin-bottom:16px}.qui-docs__page-header+section.heading>:first-child{margin-top:24px}.qui-docs__page-header+section.heading>p.mdx:first-child{font:var(--font-static-body-md-default);margin-top:0}.qui-docs__page-header-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.qui-docs__page-header-title-row h1.mdx{flex:1}.qui-docs__page-header-actions{align-items:center;display:flex;gap:1px}.qui-docs__page-header-copy-button[data-size]{border-bottom-right-radius:0;border-top-right-radius:0}.qui-docs__page-header-menu-button[data-size]{border-bottom-left-radius:0;border-top-left-radius:0}:root{--qui-header-height:48px;--qui-side-nav-width:312px;--background-primary:var(--color-surface-primary);--qui-docs-code-background:var(--color-background-neutral-01)}[data-theme=dark]{--qui-docs-code-color:#8cb9f0}[data-theme=light]{--qui-docs-code-color:var(--color-text-brand-primary)}.qui-docs__root{display:flex;flex:1 0 auto;flex-direction:column;height:-moz-max-content;height:max-content;position:relative;width:100%}[data-theme=light][data-brand=qualcomm] .qui-docs__header{background:var(--background-primary)}.qui-docs__header{background:var(--color-surface-primary);border-bottom:solid 1px var(--color-border-neutral-01);box-sizing:border-box;height:var(--qui-header-height);position:sticky;top:0;width:100%;z-index:20}.qui-docs__header .qui-header-bar__root{container-type:inline-size;margin:0 auto;max-width:1595px}.qui-docs__breadcrumbs{margin-bottom:16px}.qui-docs__breadcrumbs>ul.q-breadcrumb--root{padding-top:0}.qui-docs__main-content{box-sizing:border-box;height:100%;min-height:calc(100vh - var(--qui-header-height));min-width:300px;padding:var(--content-padding-top) var(--content-padding-right) var(--content-padding-bottom) var(--content-padding-left);width:100%;--content-padding-top:12px;--content-padding-right:16px;--content-padding-bottom:12px;--content-padding-left:16px}.qui-docs__main-content b,.qui-docs__main-content strong{font-weight:500}@media (min-width: 600px){.qui-docs__main-content{--content-padding-top:20px;--content-padding-right:28px;--content-padding-bottom:20px;--content-padding-left:28px}}@media screen and (min-width: 1000px){.qui-docs__main-content{--content-padding-top:20px;--content-padding-right:0;--content-padding-bottom:32px;--content-padding-left:28px}}.qui-docs-sidebar__root{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;display:none;height:calc(100vh - var(--qui-header-height));left:0;overflow-y:scroll;position:sticky;top:var(--qui-header-height)}@media screen and (min-width: 950px){.qui-docs-sidebar__root{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;display:block}}.qui-docs-sidebar__root[data-mobile]{display:block}.qui-docs-sidebar__root .qui-side-nav__root{height:100%}@media screen and (min-width: 950px){.qui-docs-sidebar__mobile-container{display:none}}.qui-docs-sidebar__actions{align-items:center;display:flex;gap:var(--spacing-60)}.qui-docs-sidebar__drawer-content{width:280px}.qui-docs-sidebar__drawer-body{height:100%;padding:0}.qui-docs-sidebar__drawer-body .qui-docs-sidebar__root{height:100vh;top:0}.qui-docs__footer{align-items:center;background:var(--background-primary);border-top:solid 1px var(--color-border-neutral-02);color:var(--color-text-neutral-secondary);display:flex;height:var(--footer-height);justify-content:flex-start;padding:36px 24px;position:relative}.qui-docs__content-wrapper{background:var(--background-primary);display:flex;flex:1;justify-content:center}.qui-docs__app-content{background:var(--background-primary);display:grid;grid-template-columns:100%;min-height:calc(100vh - var(--qui-header-height));width:100%;--content-padding-left:28px}@media screen and (min-width: 950px){.qui-docs__app-content{grid-template-columns:var(--qui-side-nav-width) calc(100vw - var(--qui-side-nav-width) - 17px) 0}.qui-docs__app-content .qui-docs__main-content{--content-padding-top:20px;--content-padding-right:28px;--content-padding-bottom:32px;--content-padding-left:28px}.qui-docs__app-content[data-hide-side-nav]{grid-template-columns:100%;padding-right:24px}.qui-docs__app-content[data-hide-side-nav][data-hide-toc]{padding-right:0}}@media screen and (min-width: 1280px){.qui-docs__app-content{grid-template-columns:var(--qui-side-nav-width) minmax(600px,950px) 240px}.qui-docs__app-content .qui-docs__main-content{margin:0 auto;max-width:950px;--content-padding-top:20px;--content-padding-right:0;--content-padding-bottom:32px;--content-padding-left:42px}.qui-docs__app-content[data-hide-side-nav] .qui-docs__main-content{max-width:unset}.qui-docs__app-content[data-hide-side-nav]{grid-template-columns:minmax(600px,calc(900px + var(--qui-side-nav-width))) 240px}.qui-docs__app-content[data-hide-toc]{grid-template-columns:var(--qui-side-nav-width) minmax(600px,calc(1600px - var(--qui-side-nav-width)))}.qui-docs__app-content[data-hide-toc] .qui-docs__main-content{max-width:unset;--content-padding-top:20px;--content-padding-right:42px;--content-padding-bottom:32px;--content-padding-left:42px}.qui-docs__app-content[data-hide-toc][data-hide-side-nav] .qui-docs__main-content{--content-padding-left:28px}.qui-docs__app-content[data-hide-toc][data-hide-side-nav]{grid-template-columns:minmax(600px,calc(1140px + var(--qui-side-nav-width)))}}@media screen and (min-width: 1510px){.qui-docs__app-content{grid-template-columns:var(--qui-side-nav-width) minmax(900px,950px) minmax(280px,360px);max-width:1600px}.qui-docs__app-content[data-hide-side-nav]{grid-template-columns:minmax(900px,calc(1060px + var(--qui-side-nav-width))) minmax(280px,360px)}.qui-docs__app-content[data-hide-toc]{grid-template-columns:var(--qui-side-nav-width) minmax(600px,calc(1600px - var(--qui-side-nav-width)))}.qui-docs__app-content[data-hide-toc] .qui-docs__main-content{max-width:1600px;--content-padding-top:20px;--content-padding-right:42px;--content-padding-bottom:32px;--content-padding-left:42px}.qui-docs__app-content[data-hide-toc][data-hide-side-nav]{grid-template-columns:minmax(600px,1600px)}}.qui-docs__app-content .qui-docs-sidebar__root>.q-side-navigation--root{padding-left:16px;padding-right:16px}.qui-docs__app-content .qui-docs-heading{align-items:center;color:var(--color-text-neutral-primary)!important;display:inline-flex;gap:8px}.keyboard-focus-indicator .indicator{align-items:center;border:solid 1px var(--color-border-neutral-02);border-radius:4px;display:flex;font-size:12px;gap:2px;height:20px;padding:1px 3px 1px 2px}.keyboard-focus-indicator .indicator .ctrl-indicator{margin-right:2px}.keyboard-focus-indicator .indicator svg{height:10px;width:10px}pre.qui-docs-code{line-height:1.45;padding:4px}pre.qui-docs-code * code{background:var(--qui-docs-code-background);border-radius:3px;color:var(--qui-docs-code-color);font-family:var(--q-font-mono),monospace;font-size:14px!important;padding:2px 4px}pre.qui-docs-code.fit{width:-moz-fit-content;width:fit-content}.qui-docs-code{background:var(--qui-docs-code-background);border-radius:3px;color:var(--qui-docs-code-color);font:var(--font-static-code-sm-default);font-size:14px;padding:1px 4px}.qui-docs-code.fit{width:-moz-fit-content;width:fit-content}.qui-docs-code:has(* pre[class=language-]){background:transparent}.doc-props pre{padding:6px 8px!important}.qui-docs-sidebar__root .qui-side-nav__root{padding:0 8px}.qui-docs-sidebar__root .qui-side-nav__group-label{margin-top:12px;padding-bottom:8px;padding-left:calc(var(--indent-spacing) * var(--depth))}.qui-docs-sidebar__root .qui-docs-sidebar__group-separator{margin-top:16px}.qui-docs-sidebar__root .qui-docs-sidebar__group-separator:has(+.qui-side-nav__branch-root){margin-bottom:16px}.qui-docs-sidebar__root .qui-docs-sidebar__group-separator:has(+.qui-side-nav__node-root){margin-bottom:16px}.qui-docs-sidebar__mobile-close-trigger{margin-left:auto}.qui-docs__updated-on-wrapper{align-items:center;display:flex;font:var(--font-static-body-sm-default);gap:4px;justify-content:flex-end;padding-top:var(--qui-mdx-margin-default)}.qui-docs__updated-by,.qui-docs__updated-on-time{font:var(--font-static-body-sm-bold)}.qui-deprecated-module__root{display:flex;flex:1 0 auto;width:100%}.qui-deprecated-module__notification{width:100%}.qui-deprecated-message{display:flex;flex:1 0 auto;flex-direction:column}[data-theme=dark] .shiki-code span,[data-theme=dark] .shiki.mdx span{font-weight:var(--shiki-dark-font-weight,400)}[data-theme=light] .shiki-code span,[data-theme=light] .shiki.mdx span{font-weight:var(--shiki-light-font-weight,400)}.shiki-code{padding:16px}.qui-docs-highlighter__root>.qui-code-copy-button,.shiki-wrapper>.qui-code-copy-button{display:none;position:absolute;right:6px;top:6px;z-index:2}.qui-docs-highlighter__root>.qui-code-copy-button[data-copied],.qui-docs-highlighter__root>.qui-code-copy-button[data-force-show],.shiki-wrapper>.qui-code-copy-button[data-copied],.shiki-wrapper>.qui-code-copy-button[data-force-show]{display:inline-flex}.qui-docs-highlighter__root>.qui-code-copy-button.has-title,.shiki-wrapper>.qui-code-copy-button.has-title{top:44px}.qui-docs-highlighter__root * .qui-code-copy-button{display:none;position:absolute;right:6px;top:6px;z-index:2}.qui-docs-highlighter__root>.qui-code-copy-button,.shiki-wrapper>.qui-code-copy-button{display:none;position:absolute;right:6px;top:6px;z-index:2}.qui-docs-highlighter__root>.qui-code-copy-button[data-copied],.qui-docs-highlighter__root>.qui-code-copy-button[data-force-show],.shiki-wrapper>.qui-code-copy-button[data-copied],.shiki-wrapper>.qui-code-copy-button[data-force-show]{display:inline-flex}.qui-docs-highlighter__root>.qui-code-copy-button.has-title,.shiki-wrapper>.qui-code-copy-button.has-title{top:44px}.qui-docs-highlighter__root{border-radius:6px;position:relative}.qui-docs-highlighter__root:hover .qui-code-copy-button{display:inline-flex}.qui-docs-highlighter__root pre{border-radius:3px;font-family:var(--q-font-code-demo,var(--q-font-mono)),monospace;font-size:14px;line-height:18px}.qui-docs-highlighter__root pre.disable-padding{padding:0}.qui-docs-highlighter__root pre.has-title{border-top-left-radius:0;border-top-right-radius:0}.qui-docs-highlighter__root[data-hidden]{display:none}.qui-demo-runner__collapse-icon{transition:transform 161ms ease}.qui-demo-runner__collapse-icon.showing-panel{transform:rotate(180deg)}.qui-demo-runner__title{align-items:center;border-radius:6px;display:flex;min-height:32px;padding:0 16px;transition:border-radius 161ms ease;width:100%}.qui-demo-runner__title.showing-panel{border-bottom-left-radius:0;border-bottom-right-radius:0}.qui-popover__content pre.shiki-code{background:var(--color-surface-overlay)}pre.shiki-code{margin:0}pre.shiki-code .qui-link__root{font:var(--font-static-code-sm-bold)}pre.qui-docs-code.font-code-demo .qui-link__root{font:var(--font-static-code-sm-bold)}.qui-demo-runner__highlighted{background:var(--color-background-support-danger)}pre.shiki .indent{display:inline-block;left:var(--indent-offset);position:relative}pre.shiki .indent:empty{height:21px;vertical-align:bottom}pre.shiki .indent:before{background-color:var(--color-border-neutral-01);content:"";height:21px;position:absolute;width:1px}pre.shiki.has-diff .line.diff.remove{opacity:0.5}pre.shiki.has-diff .line.diff.remove:before{color:var(--color-icon-support-danger);content:"-";left:3px;position:absolute}pre.shiki.has-diff .line.diff.add:before{color:var(--color-icon-support-success);content:"+";left:3px;position:absolute}pre.shiki.has-highlighted .line.highlighted{background:var(--color-interactive-background-ghost-hover);display:inline-block;width:100%}pre.shiki.has-highlighted .line.highlighted.error{background:color-mix(in oklch,var(--color-background-support-danger) 20%,transparent)}pre.shiki.has-highlighted .line.highlighted.warning{background:color-mix(in oklch,var(--color-background-support-warning) 20%,transparent)}pre.shiki.has-highlighted .line.highlighted .indent:before{background-color:transparent}pre.shiki.has-highlighted .line.highlighted {background:transparent}pre.shiki.has-focused .line:not(.focused){filter:blur(0.095rem);opacity:0.7;transition:filter 0.35s,opacity 0.35s}pre.shiki.has-focused:hover .line:not(.focused){filter:unset;opacity:1}[data-theme] pre.shiki span.highlighted-word{background:var(--color-interactive-background-ghost-hover)}:root{--docs-code-demo-background-dark:var(--color-background-neutral-01);--docs-code-demo-background-light:var(--color-background-neutral-00)}[data-theme=dark]{--docs-code-demo-background:var(--docs-code-demo-background-dark)}[data-theme=light]{--docs-code-demo-background:var(--docs-code-demo-background-light)}[data-theme=dark] .qui-demo-runner__wrapper{background:var(--docs-code-demo-background-dark)}[data-theme=light] .qui-demo-runner__wrapper{background:var(--docs-code-demo-background-light)}.qui-docs-demo-container__root{border:solid 1px var(--color-border-neutral-02);border-radius:4px;box-sizing:border-box;container-name:qui-docs-demo-container;container-type:inline-size;display:grid;margin-top:24px;position:relative}.qui-docs-demo-container__root[data-state=collapsed]:not([data-has-preview]){border-bottom:0}.qui-docs-demo-container__root .qui-docs-playground{border:solid 1px var(--color-border-neutral-02)}.qui-docs-demo-container__root[data-updating]{animation:border-dash-animation 0.5s linear infinite;background:linear-gradient(90deg,var(--color-border-neutral-02) 50%,transparent 50%) 0 0 /20px 3px,linear-gradient(90deg,var(--color-border-neutral-02) 50%,transparent 50%) 0 100% /20px 3px,linear-gradient(0deg,var(--color-border-neutral-02) 50%,transparent 50%) 0 0 /3px 20px,linear-gradient(0deg,var(--color-border-neutral-02) 50%,transparent 50%) 100% 0 /3px 20px;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;border:none;padding:1px}@keyframes border-dash-animation{to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.qui-demo-runner__wrapper{box-sizing:border-box}.qui-demo-runner__wrapper pre.shiki-code{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md)}.qui-demo-runner__tabs pre.shiki span,.qui-demo-runner__tabs pre.shiki-code span{font:var(--font-static-code-sm-default)}.qui-demo-runner__tabs pre.shiki,.qui-demo-runner__tabs pre.shiki-code{max-height:700px;overflow-y:auto}@container qui-docs-demo-container (min-width: 0){.q-collapse--root,.qui-demo-runner__tabs{max-width:100cqw}.qui-demo-runner__wrapper{max-width:100cqw;overflow-x:auto}}.qui-demo-runner__tabs{position:relative}.qui-demo-runner__tabs .shiki{max-width:100cqw;overflow-x:auto}.qui-tabs__root.mdx .qui-tabs__panel .qui-docs-highlighter__root{margin-top:0}.shiki-wrapper.mdx{margin-top:16px;position:relative}.shiki-wrapper.mdx:hover .qui-code-copy-button{display:inline-flex}.code-highlight-popup .qui-code-copy-button{display:inline-flex}pre.shiki{border-bottom-left-radius:4px;border-bottom-right-radius:4px;font:var(--font-static-code-sm-default);margin:0;padding:16px 0}pre.shiki .line{box-sizing:border-box;display:inline-block;padding:0 16px;width:100%}pre.shiki:focus-visible{outline:solid 2px var(--color-utility-focus-border)}pre.shiki.mdx{border:solid 1px var(--color-border-neutral-02);border-radius:4px}.qui-demo-runner__wrapper{background:var(--color-background-neutral-02);border-bottom:solid 1px var(--color-border-neutral-02);border-top-left-radius:6px;border-top-right-radius:6px;display:flex;justify-content:center;padding:24px;position:relative;width:100%}.qui-demo-runner__error-overlay{bottom:4rem;display:flex;justify-content:center;left:0;position:fixed;width:100vw;z-index:3}.qui-demo-runner__error-overlay .qui-notification__root{width:-moz-fit-content;width:fit-content}.qui-demo-runner__expand{bottom:2px;position:absolute;right:4px}.qui-demo-tab{padding-left:12px;padding-right:12px}.qui-demo-runner__actions{align-items:center;display:inline-flex}.qui-demo-runner__action-bar{align-items:center;border-bottom:solid 1px var(--color-border-neutral-02);display:flex;flex:1;justify-content:space-between;min-height:32px;padding-right:12px;z-index:1}.qui-demo-runner__action-bar[data-state=closed]{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.mdx.qui-docs-highlighter__root pre.shiki-code{background:var(--docs-code-demo-background);border:solid 1px var(--color-border-neutral-02)}.qui-demo-runner__brand-selection-wrapper{align-items:center;background:var(--docs-code-demo-background);border-bottom:solid 1px var(--color-border-neutral-02);border-top-left-radius:4px;border-top-right-radius:4px;display:flex;gap:4px;justify-content:flex-end;padding:8px 12px}.qui-demo-runner__brand-selection-wrapper .qui-select__root{align-items:center;flex-direction:row;gap:8px;width:170px}angular-demo{display:contents}angular-demo .angular-demo-container{display:contents}angular-demo .angular-demo-container>{display:contents}.qds-demo-runner__ssr-placeholder{align-items:center;display:flex;justify-content:center;width:100%}.qds-demo-runner__ssr-placeholder>*{display:contents}.qds-demo-runner__ssr-placeholder+angular-demo[data-bootstrapped]{display:none}.qds-demo-runner__render-error{align-items:center;align-self:center;color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-sm-default);gap:8px;height:-moz-fit-content;height:fit-content}.qui-component-explorer__root{border:solid var(--border-width-sm) var(--color-border-neutral-02);border-radius:var(--border-radius-md);display:grid;grid-template-columns:1fr 300px;margin-top:var(--spacing-120);overflow:hidden}.qui-component-explorer__preview{align-items:center;border-right:solid var(--border-width-sm) var(--color-border-neutral-02);display:flex;justify-content:center;min-height:300px;padding:var(--spacing-120);position:relative}.qui-component-explorer__anatomy{background:var(--color-background-neutral-01);display:flex;flex-direction:column;padding:var(--spacing-110)}.qui-component-explorer__anatomy-header{margin-bottom:var(--spacing-100)}.qui-component-explorer__anatomy-title{color:var(--color-text-neutral-primary);font:var(--font-static-heading-sm-default);margin:0 0 var(--spacing-70) 0}.qui-component-explorer__anatomy-subtitle{color:var(--color-text-neutral-secondary);font:var(--font-static-body-sm-default);margin:0}.qui-component-explorer__parts{display:flex;flex-direction:column;gap:var(--spacing-70)}.qui-component-explorer__part{background:var(--color-background-neutral-02);border:solid var(--border-width-sm) var(--color-border-neutral-02);border-radius:var(--border-radius-md);color:var(--color-text-neutral);cursor:default;display:block;font:var(--font-static-body-sm-default);padding:var(--spacing-80) var(--spacing-90);text-align:left;text-decoration:none}.qui-component-explorer__part:hover{background:var(--color-background-neutral-03);border-color:var(--color-border-neutral-03)}.qui-component-explorer__part[data-active]{background:var(--color-background-brand-primary);border-color:var(--color-border-brand-primary);color:var(--color-utility-persistent-white)}.qui-component-explorer__part:focus-visible{outline:solid var(--border-width-md) var(--color-utility-focus-border);outline-offset:var(--spacing-20)}a.qui-component-explorer__part{cursor:pointer}.qui-component-explorer__highlight{background-color:color-mix(in srgb,var(--color-interactive-border-danger-idle) 10%,transparent);background-image:linear-gradient(90deg,var(--color-interactive-border-danger-idle) 50%,transparent 50%),linear-gradient(90deg,var(--color-interactive-border-danger-idle) 50%,transparent 50%),linear-gradient(0deg,var(--color-interactive-border-danger-idle) 50%,transparent 50%),linear-gradient(0deg,var(--color-interactive-border-danger-idle) 50%,transparent 50%);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:8px var(--border-width-sm),8px var(--border-width-sm),var(--border-width-sm) 8px,var(--border-width-sm) 8px;background-position:0 0,100% 100%,0 100%,100% 0;pointer-events:none;position:absolute;animation:marching-ants 1s linear infinite}@keyframes marching-ants{to{background-position:8px 0,calc(100% - 8px) 100%,0 calc(100% - 8px),100% 8px}}@media (prefers-reduced-motion: reduce){.qui-component-explorer__highlight{animation:none}}@media (max-width: 768px){.qui-component-explorer__root{grid-template-columns:1fr;grid-template-rows:auto auto}.qui-component-explorer__preview{border-bottom:solid var(--border-width-sm) var(--color-border-neutral-02);border-right:none}}
1	+ .prop-type__union{display:flex;flex-direction:column;gap:6px}.prop-type__stacked-option:not(:last-child){margin-bottom:4px}.typedoc-props__table-wrapper{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);color:var(--color-text-neutral-primary);margin-top:16px;overflow-x:auto;position:relative}.typedoc-props__table-wrapper table{border-collapse:collapse;border-color:inherit}.typedoc-props__table-wrapper * pre>code{background:var(--qui-docs-code-background);border-radius:var(--border-radius-sm);color:var(--qui-docs-code-color);font-family:var(--q-font-mono),monospace;font-size:14px!important;padding:2px 4px}.typedoc-props__table-wrapper a{color:var(--color-interactive-text-link-default-idle);transition:color var(--animation-duration-fast) ease}.typedoc-props__table-wrapper a:hover{color:var(--color-interactive-text-link-default-hover)}.typedoc-props__table-wrapper table{width:100%}.typedoc-props__table-wrapper table tbody.no-thead{border-radius:var(--border-radius-md);border-top:solid 1px var(--color-border-neutral-01)}.typedoc-props__table-wrapper table pre{border-radius:var(--border-radius-sm)}.typedoc-props__table-wrapper table .font-mono{font-size:14px}.typedoc-props__table-wrapper table tr{border-bottom:solid 1px var(--color-border-neutral-01)}.typedoc-props__table-wrapper table tr:has(+.doc-props-table__details-row){border-bottom:0}.typedoc-props__table-wrapper table tr:has(+.doc-props-table__details-row) td:first-child{padding-bottom:0}.typedoc-props__table-wrapper table tr.doc-props-table__details-row td:first-child{padding-left:20px;padding-right:20px}.typedoc-props__table-wrapper table tr.doc-props-table__details-row pre.shiki-code{background:transparent;border:solid 1px var(--color-border-neutral-01);width:-moz-fit-content;width:fit-content}.typedoc-props__table-wrapper table tbody tr:last-child{border-bottom:none}.typedoc-props__table-wrapper table thead th{background:var(--color-background-neutral-01)}.typedoc-props__table-wrapper table th{font:var(--font-static-heading-xxs-bold);padding:12px 20px 12px 12px;text-align:start}.typedoc-props__table-wrapper table td{min-height:42px;padding:var(--spacing-70) var(--spacing-90)}.typedoc-props__table-wrapper table td ul{list-style-type:circle}pre.qui-docs-code{margin:0}.typedoc-props__table-wrapper pre.qui-docs-code,.typedoc-props__table-wrapper pre.shiki-code{background:var(--qui-docs-code-background);padding:4px 6px}.doc-props__root{display:flex;flex-direction:column;width:100%}.doc-props-list__root{display:flex;flex-direction:column;gap:36px;margin:24px 0 24px}.doc-props-list__root a{color:var(--color-interactive-text-link-default-idle);transition:color var(--animation-duration-fast) ease}.doc-props-list__root a:hover{color:var(--color-interactive-text-link-default-hover)}.doc-props-list__root ul{list-style-type:circle}.doc-props-list__root.bottom-border{border-bottom:solid 1px var(--color-border-neutral-01);padding-bottom:20px}.doc-props-list-item__root{display:flex;flex-direction:column;gap:8px;padding-top:12px}.doc-props-list-item__root .doc-props__content{max-width:calc(100vw - var(--content-padding-right) - var(--content-padding-left) - 16px);overflow-x:auto}.doc-props-item__name{align-items:center;display:flex;gap:8px}.doc-props-list-item__name-wrapper{border-bottom:solid 1px var(--color-border-neutral-01);display:flex;padding-bottom:6px}.doc-props-item__label{border-radius:var(--border-radius-sm);display:inline-flex;font:var(--font-static-code-sm-bold);justify-content:flex-start;padding:2px 6px}.doc-props-item__label .qui-link__root{font:var(--font-static-code-sm-bold)}.doc-props-columns{display:flex;flex-direction:column;gap:8px}.doc-props__content{align-items:flex-start;display:flex;gap:16px;justify-content:flex-start;padding:4px 0 4px 16px}.doc-props__title{color:var(--color-text-neutral-primary);font:var(--font-static-body-md-default);line-height:1.5;min-width:110px}.doc-props-table__name-cell{border:0 solid;box-sizing:border-box;line-height:1.5;position:relative}.doc-props-table__row-anchor{position:absolute;top:calc(0px - var(--qui-header-height))}.doc-props-item__description{display:flex;flex-direction:column;flex-wrap:wrap;gap:8px}.doc-props-description__root{color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);min-width:250px}.doc-props-description__root a{cursor:pointer;text-decoration:inherit}.doc-props-description__root code{background:var(--qui-docs-code-background);border-radius:var(--border-radius-sm);color:var(--qui-docs-code-color);font-family:var(--q-font-mono),monospace;font-size:13px!important;padding:1px 4px}.doc-props-description__root ul{list-style-type:disc}.doc-props-description__root.doc-props-table__description{display:inline-flex;flex-direction:column;gap:12px;margin-left:8px;max-width:400px}.docs-table-list-item{display:flex;flex-direction:column;gap:8px;padding:16px 8px}.docs-table-list-item .property{align-items:center;display:flex;font-family:var(--q-font-mono);gap:4px}.docs-table-list-item .event-signature{display:flex;flex-wrap:wrap;gap:8px}.doc-props-list-item__root pre.shiki-code{padding:4px 6px}.doc-props-description__root .doc-props-description__extra-details{margin-top:8px;padding-left:8px}.doc-props-list-item__root{position:relative}.doc-props-list-item__root .doc-props-description__extra-details{padding-left:0}.see-tag-list{list-style-type:disc;padding-left:20px}.see-tag-list li+li{margin-top:4px}.qui-docs-external-link-icon{margin-left:4px}.doc-props-description__option-tags{padding-left:16px}.doc-props-description__see-tags{display:flex;flex-direction:column;gap:8px}.doc-props-description__remarks-block{margin-top:8px}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag{font:var(--font-static-body-md-default)}.doc-props-description__extra-details .doc-props-description__remarks-tag .mdx-spoiler__root{border:0;margin-top:0}.doc-props-description__extra-details .doc-props-description__remarks-tag .mdx-spoiler__trigger{font:var(--font-static-body-xs-bold);gap:4px;height:32px;padding:0}.doc-props-description__extra-details .doc-props-description__remarks-tag .mdx-spoiler__content-body{padding:8px 0 0 0}.mdx-spoiler__trigger{border:0;font:var(--font-static-body-sm-bold)}.doc-props-description__example-tag,.doc-props-description__remarks-tag{font:var(--font-static-body-sm-default)}.doc-props-description__example-tag pre.shiki-code,.doc-props-description__remarks-tag pre.shiki-code{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);margin-top:8px}.doc-props-description__example-tag .mdx-spoiler__root,.doc-props-description__remarks-tag .mdx-spoiler__root{border:solid 1px transparent;margin-top:0}.doc-props-description__example-tag .mdx-spoiler__trigger,.doc-props-description__remarks-tag .mdx-spoiler__trigger{height:32px;padding:0}.doc-props__top-level-jsdoc-comment{margin-top:var(--qui-mdx-margin-default)}.doc-props__top-level-jsdoc-comment pre.shiki-code{background:var(--background-primary)}.doc-props__top-level-jsdoc-comment.doc-props-description__root{font:var(--font-static-body-md-default)}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag{font:var(--font-static-body-sm-default)}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag pre.shiki-code{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);margin-top:8px}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag .mdx-spoiler__root{margin-top:0}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag .mdx-spoiler__root[data-state=closed]{border:solid 1px transparent}.doc-props__top-level-jsdoc-comment .doc-props-description__example-tag{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);margin-top:var(--qui-mdx-margin-default)}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag{margin-top:8px}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag pre.shiki-code{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);margin-top:var(--qui-mdx-margin-default)}.doc-props-item__required-indicator{color:var(--color-icon-support-danger);-webkit-user-select:none;-moz-user-select:none;user-select:none}.doc-props-item__deprecated-indicator{color:var(--color-icon-support-warning);-webkit-user-select:none;-moz-user-select:none;user-select:none}.doc-props__since{font:var(--font-static-body-sm-default)}.doc-props__type-wrapper{color:var(--color-text-neutral-primary);position:relative;width:-moz-fit-content;width:fit-content}.code-highlight-popup pre.shiki-code{padding-right:42px!important}.doc-props__resolved-type{display:flex;flex-wrap:wrap}.doc-props__type-info-popup-content{outline:none;padding:0;width:-moz-fit-content;width:fit-content}.doc-props__type-info-popup-content pre{outline:none}.doc-props__type-info-popup-trigger{background:transparent;border:0;height:22px;margin:0;outline:none;padding:0;position:absolute;right:-11px;top:-11px;width:22px;z-index:10}.doc-props__type-info-icon{color:var(--color-background-brand-primary);cursor:pointer}.doc-props__symbol-wrapper{margin-top:16px}.docs-table__wrapper{display:none}@media screen and (min-width: 768px){.docs-table__wrapper{display:block}}.docs-list-wrapper{display:block}@media screen and (min-width: 768px){.docs-list-wrapper{display:none}}.doc-props__function-args-list{margin-top:8px;padding-left:24px}.doc-props__function-args-list .doc-props__function-args-list-item{margin:3px 0}.doc-props__function-args-list .doc-props__function-arg-name{background:var(--qui-docs-code-background);border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-sm);color:var(--color-text-neutral-primary);font:var(--font-static-code-sm-default);margin-right:1px;padding:1px 2px}.doc-props__function-args-list .doc-props__function-arg-colon{display:inline-block;margin-right:4px}.doc-props__show-attributes-button{margin-top:var(--qui-mdx-margin-default)}.doc-props-description__returns-tag-root{display:flex;flex-direction:column;flex-wrap:wrap}.doc-props-description__returns-tag-label{font:var(--font-static-body-sm-bold)}.doc-props-description__returns-tag-content{padding-left:16px}:root{--qui-docs-search-width:calc(95vw - 32px)}@media (min-width: 640px){:root{--qui-docs-search-width:calc(80vw - 32px)}}@media (min-width: 1024px){:root{--qui-docs-search-width:800px}}.qui-site-search__floating-panel-mobile{background:var(--color-background-neutral-03);border-radius:var(--border-radius-md);flex-direction:column;max-height:400px;overflow-y:auto;width:var(--qui-docs-search-width)}.qui-site-search__trigger{width:100%}@container (min-width: 850px){.qui-site-search__mobile-icon-button{display:none}}.qui-site-search__text-input{display:none;margin-right:8px;width:185px}@container (min-width: 850px){.qui-site-search__text-input{display:flex}}.qui-site-search__text-input .qds-kbd{font-size:11px}.qui-site-search__mobile-dialog-backdrop.qui-dialog__backdrop{backdrop-filter:blur(1px)}.qui-site-search__mobile-dialog-content.qui-dialog__content{width:var(--qui-docs-search-width)}.qui-site-search__mobile-input-wrapper{display:flex;elevation:var(--shadow-medium);flex-direction:column;margin:0 auto;width:100%}.qui-site-search__mobile-input-wrapper .qui-text-input__root{width:100%}@media (min-width: 640px){.qui-site-search__mobile-input-wrapper{width:var(--qui-docs-search-width)}}.qui-site-search__bar{background:var(--color-background-neutral-03);max-width:300px;min-width:300px}.qui-site-search__result-group-wrapper{display:flex;flex-direction:column}.qui-site-search__result-group{border-left:solid 1px var(--color-border-neutral-01)}.qui-site-search__results{background:var(--color-background-neutral-03);border-radius:5px;display:flex;flex-direction:column;gap:1px;max-height:400px;overflow-x:hidden;overflow-y:auto;padding:0 10px;text-overflow:ellipsis;width:100%}.qui-site-search__item-icon{min-width:22px}.qui-site-search__list-item{align-items:center;border:solid 1px transparent;border-radius:5px;container-type:inline-size;display:flex;gap:8px;outline:none;padding:8px 10px 6px 10px;text-decoration:inherit}.qui-site-search__list-item[data-child]{padding:6px 10px 4px 16px}.qui-site-search__list-item[data-group-title]{font:var(--font-static-heading-xxs-bold);padding:12px 10px 12px 10px}.qui-site-search__list-item[data-highlighted][data-focus-visible]{border-color:var(--color-utility-focus-border);outline:solid 2px var(--color-utility-focus-border);outline-offset:-2px}.qui-site-search__list-item-content{display:flex;flex-direction:column;max-width:calc(100cqw - 24px)}.qui-site-search__metadata{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-bold);margin-top:2px}.qui-site-search__section-title{color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-bold)}.qui-site-search__content{color:var(--color-text-neutral-primary);display:inline-block;font:var(--font-static-body-sm-default);overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.qui-site-search__no-results{align-items:center;color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-heading-xxs-default);min-height:48px;padding:0 12px;width:100%}.qui-site-search__content mark{background:var(--color-background-neutral-10);border-radius:2px;color:var(--color-text-neutral-inverse)}.qui-site-search__category-header{color:var(--color-text-neutral-secondary);padding:8px 12px}.qui-site-search__result-group{margin-left:20px}.npm-install-tabs__panel.qui-tabs__panel{padding:0}.npm-install-tabs__panel.qui-tabs__panel pre.shiki-code{overflow-x:auto}.qui-docs__not-found{display:flex;flex-direction:column;gap:24px;margin-top:16px}.qui-toc{display:none}@media screen and (min-width: 1280px){.qui-toc{display:block;min-width:240px}}.qui-toc__container{margin-left:24px;max-height:calc(100vh - var(--qui-header-height) - 42px);overflow-x:hidden;overflow-y:auto;padding-top:16px;position:sticky;top:49px}.qui-toc__links{display:flex;flex-direction:column;min-width:200px;position:relative}.qui-toc__link{color:var(--color-text-neutral-secondary);font:var(--font-static-body-sm-bold);font-size:13px;padding:4px 0;position:relative}.qui-toc__link a{color:inherit;text-decoration:inherit}.qui-toc__link.q-active,.qui-toc__link:hover{color:var(--color-text-neutral-primary)}.qui-toc__link-indent-guide{background:var(--color-border-neutral-01);height:100%;left:12px;position:absolute;top:0;width:1px}.qui-toc__link-indent-guide[data-active]{background:var(--color-border-neutral-03)}.qui-page-link__container{color:var(--color-text-neutral-primary);display:inline-flex;flex-direction:column;font:var(--font-static-body-sm-default);justify-content:center;white-space:nowrap}.qui-page-link__root{border:solid 1px var(--color-border-neutral-01);border-radius:3px;color:inherit;display:flex;flex-direction:column;gap:4px;padding:16px;text-decoration:inherit;width:100%}.qui-page-link__root[data-next]{align-items:flex-end}.qui-page-link__root:hover .qui-link__root{border-bottom-color:var(--color-interactive-text-link-default-hover);color:var(--color-interactive-text-link-default-hover)}.qui-page-link__adjacent-route-title{padding-left:20px}.qui-page-link__adjacent-route-title[data-next]{align-self:flex-end;padding-left:0;padding-right:20px}.qui-page-links__container{display:flex;gap:24px;justify-content:space-between;margin-top:64px}.qui-docs__updated-on-wrapper+.qui-page-links__container{margin-top:0}.qui-docs__updated-on-wrapper{margin-bottom:32px;margin-top:64px}.qui-page-links__link-wrapper{display:flex;flex:1}:root{--qui-mdx-margin-default:16px}h1.mdx:before,h2.mdx:before,h3.mdx:before,h4.mdx:before{content:"";display:block;height:calc(var(--qui-header-height) + var(--qui-mdx-margin-default));margin-top:calc(0px - var(--qui-header-height) - var(--qui-mdx-margin-default));max-width:1px;position:relative;visibility:hidden;width:1px;z-index:-1}a[data-footnote-ref=true].q-link--root{display:inline-block;margin-top:-64px;padding-top:64px}h1.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-lg-default);margin:0}h2.mdx{border-bottom:solid 1px var(--color-border-neutral-02);color:var(--color-text-neutral-primary);font:var(--font-static-heading-md-default);margin:36px 0 0 0;padding-bottom:8px;width:100%}h3.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-sm-default);margin:32px 0 0 0}h4.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xs-default);margin:24px 0 0 0}h5.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xxs-default);margin:20px 0 0 0}h6.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xxs-default);margin-top:var(--qui-mdx-margin-default)}h1.mdx a,h2.mdx a,h3.mdx a,h4.mdx a,h5.mdx a,h6.mdx a{color:inherit;text-decoration:none}h1.mdx+.qui-tabs__root,h2.mdx+.qui-tabs__root,h3.mdx+.qui-tabs__root,h4.mdx+.qui-tabs__root,h5.mdx+.qui-tabs__root,h6.mdx+.qui-tabs__root{margin-top:var(--qui-mdx-margin-default)}p.mdx{margin:0}img.mdx,video.mdx{display:block;height:auto;margin-top:var(--qui-mdx-margin-default);max-width:100%;vertical-align:middle}pre.mdx{margin-top:var(--qui-mdx-margin-default)}pre.mdx.shiki{overflow-x:auto}p.mdx{font:inherit}+p.mdx{font:var(--font-static-body-md-default);margin-top:var(--qui-mdx-margin-default)}li.mdx>.qui-link__root,p.mdx>.qui-link__root{font:var(--font-static-body-md-bold)}li.mdx{font:var(--font-static-body-md-default)}ol.mdx{font:var(--font-static-body-md-default);list-style-type:decimal;margin-top:var(--qui-mdx-margin-default);padding-left:24px}ol.mdx li.mdx+li.mdx{margin-top:6px}ol.mdx ol.mdx,ol.mdx ul.mdx{margin-top:6px}ol.mdx>li.mdx>ol.mdx{list-style-type:lower-roman}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:decimal}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:lower-roman}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:decimal}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:lower-roman}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:decimal}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:lower-roman}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:decimal}ul.mdx{list-style-type:disc;margin-top:var(--qui-mdx-margin-default);padding-left:24px}ul.mdx li.mdx+li.mdx{margin-top:6px}ul.mdx ol.mdx,ul.mdx ul.mdx{margin-top:6px}ul.mdx>li.mdx>ul.mdx{list-style-type:circle}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:disc}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:circle}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:disc}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:circle}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:disc}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:circle}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:disc}.q-link--text>code.mdx{background:inherit;border-radius:4px;color:inherit;display:inline-block;font:var(--font-static-code-sm-default);line-height:normal;margin:0 1px;padding:2px 3px}.q-link--text>code.mdx.fit{width:-moz-fit-content;width:fit-content}code.mdx{font:var(--font-static-code-sm-default)}code.mdx:not(pre>code.mdx):not(.q-link--text>code.mdx){background:var(--qui-docs-code-background);border:solid 1px var(--color-border-neutral-01);border-radius:4px;box-sizing:border-box;color:var(--qui-docs-code-color);display:inline-block;font:var(--font-static-code-sm-default);padding:0 2px}code.mdx:not(pre>code.mdx):not(.q-link--text>code.mdx).fit{width:-moz-fit-content;width:fit-content}blockquote.mdx{border-inline-start-color:var(--color-border-brand-primary);border-inline-start-width:0.25rem;margin-top:var(--qui-mdx-margin-default);padding:4px 12px}blockquote.mdx>p.mdx{margin-top:0}div.mdx.table-wrapper{margin-top:var(--qui-mdx-margin-default);overflow-x:auto;width:100%}div.mdx.table-wrapper .qui-table__root{box-sizing:border-box;min-width:-moz-fit-content;min-width:fit-content}td.mdx{font:var(--font-static-body-sm-default)}hr.mdx{border-color:var(--color-border-neutral-02);margin-top:8px}.shiki.mdx{position:relative}[data-theme=dark] .shiki.mdx,[data-theme=dark] .shiki.mdx span{background:var(--shiki-dark-bg);color:var(--shiki-dark)}.qui-tabs__root.mdx{margin-top:var(--qui-mdx-margin-default)}.q-tab--content>.mdx.shiki-wrapper,.qui-tabs__tab-content>.mdx.shiki-wrapper{margin-top:0}.q-tab--content>.mdx.shiki-wrapper>pre.mdx.shiki,.qui-tabs__tab-content>.mdx.shiki-wrapper>pre.mdx.shiki{margin-top:0}.mdx-spoiler__root{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-sm);margin-top:var(--qui-mdx-margin-default)}.mdx-spoiler__trigger{align-items:center;background:var(--background-primary);display:flex;gap:8px;height:40px;padding:0 var(--spacing-90);width:100%}.mdx-spoiler__trigger p.mdx{margin-top:0}.mdx-spoiler__trigger .mdx-spoiler__indicator{transition:transform var(--animation-duration-faster) ease}.mdx-spoiler__trigger[data-state=open] .mdx-spoiler__indicator{transform:rotate(90deg)}.mdx-spoiler__content{border-top:solid 1px var(--color-border-neutral-01)}.mdx-spoiler__content .typedoc-props__table-wrapper{margin-top:0}.mdx-spoiler__content-body{padding:var(--qui-mdx-margin-default) 24px}.qui-docs__main-content .qui-notification__root:not(.qui-demo-runner__wrapper> .qui-notification__root){margin-top:var(--qui-mdx-margin-default)}.qui-docs__main-content .qui-notification__root:not(.qui-demo-runner__wrapper>* .qui-notification__root) .qui-notification__description{font:var(--font-static-body-md-default)}.qui-docs__main-content .qui-notification__root:not(.qui-demo-runner__wrapper>* .qui-notification__root) p{margin:0}.qui-code-tabs.mdx .qui-tabs__panel.mdx{padding-top:0}.qui-code-tabs.mdx .qui-tabs__panel.mdx .shiki-wrapper.mdx{margin-top:0}.qui-docs__page-header{margin-bottom:16px}.qui-docs__page-header+section.heading>:first-child{margin-top:24px}.qui-docs__page-header+section.heading>p.mdx:first-child{font:var(--font-static-body-md-default);margin-top:0}.qui-docs__page-header-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.qui-docs__page-header-title-row h1.mdx{flex:1}.qui-docs__page-header-actions{align-items:center;display:flex;gap:1px}.qui-docs__page-header-copy-button[data-size]{border-bottom-right-radius:0;border-top-right-radius:0}.qui-docs__page-header-menu-button[data-size]{border-bottom-left-radius:0;border-top-left-radius:0}:root{--qui-header-height:48px;--qui-side-nav-width:312px;--background-primary:var(--color-surface-primary);--qui-docs-code-background:var(--color-background-neutral-01)}[data-theme=dark]{--qui-docs-code-color:#8cb9f0}[data-theme=light]{--qui-docs-code-color:var(--color-text-brand-primary)}.qui-docs__root{display:flex;flex:1 0 auto;flex-direction:column;height:-moz-max-content;height:max-content;position:relative;width:100%}[data-theme=light][data-brand=qualcomm] .qui-docs__header{background:var(--background-primary)}.qui-docs__header{background:var(--color-surface-primary);border-bottom:solid 1px var(--color-border-neutral-01);box-sizing:border-box;height:var(--qui-header-height);position:sticky;top:0;width:100%;z-index:20}.qui-docs__header .qui-header-bar__root{container-type:inline-size;margin:0 auto;max-width:1595px}.qui-docs__breadcrumbs{margin-bottom:16px}.qui-docs__breadcrumbs>ul.q-breadcrumb--root{padding-top:0}.qui-docs__main-content{box-sizing:border-box;height:100%;min-height:calc(100vh - var(--qui-header-height));min-width:300px;padding:var(--content-padding-top) var(--content-padding-right) var(--content-padding-bottom) var(--content-padding-left);width:100%;--content-padding-top:12px;--content-padding-right:16px;--content-padding-bottom:12px;--content-padding-left:16px}.qui-docs__main-content b,.qui-docs__main-content strong{font-weight:500}@media (min-width: 600px){.qui-docs__main-content{--content-padding-top:20px;--content-padding-right:28px;--content-padding-bottom:20px;--content-padding-left:28px}}@media screen and (min-width: 1000px){.qui-docs__main-content{--content-padding-top:20px;--content-padding-right:0;--content-padding-bottom:32px;--content-padding-left:28px}}.qui-docs-sidebar__root{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;display:none;height:calc(100vh - var(--qui-header-height));left:0;overflow-y:scroll;position:sticky;top:var(--qui-header-height)}@media screen and (min-width: 950px){.qui-docs-sidebar__root{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;display:block}}.qui-docs-sidebar__root[data-mobile]{display:block}.qui-docs-sidebar__root .qui-side-nav__root{height:100%}@media screen and (min-width: 950px){.qui-docs-sidebar__mobile-container{display:none}}.qui-docs-sidebar__actions{align-items:center;display:flex;gap:var(--spacing-60)}.qui-docs-sidebar__drawer-content{width:280px}.qui-docs-sidebar__drawer-body{height:100%;padding:0}.qui-docs-sidebar__drawer-body .qui-docs-sidebar__root{height:100vh;top:0}.qui-docs__footer{align-items:center;background:var(--background-primary);border-top:solid 1px var(--color-border-neutral-02);color:var(--color-text-neutral-secondary);display:flex;height:var(--footer-height);justify-content:flex-start;padding:36px 24px;position:relative}.qui-docs__content-wrapper{background:var(--background-primary);display:flex;flex:1;justify-content:center}.qui-docs__app-content{background:var(--background-primary);display:grid;grid-template-columns:100%;min-height:calc(100vh - var(--qui-header-height));width:100%;--content-padding-left:28px}@media screen and (min-width: 950px){.qui-docs__app-content{grid-template-columns:var(--qui-side-nav-width) calc(100vw - var(--qui-side-nav-width) - 17px) 0}.qui-docs__app-content .qui-docs__main-content{--content-padding-top:20px;--content-padding-right:28px;--content-padding-bottom:32px;--content-padding-left:28px}.qui-docs__app-content[data-hide-side-nav]{grid-template-columns:100%;padding-right:24px}.qui-docs__app-content[data-hide-side-nav][data-hide-toc]{padding-right:0}}@media screen and (min-width: 1280px){.qui-docs__app-content{grid-template-columns:var(--qui-side-nav-width) minmax(600px,950px) 240px}.qui-docs__app-content .qui-docs__main-content{margin:0 auto;max-width:950px;--content-padding-top:20px;--content-padding-right:0;--content-padding-bottom:32px;--content-padding-left:42px}.qui-docs__app-content[data-hide-side-nav] .qui-docs__main-content{max-width:unset}.qui-docs__app-content[data-hide-side-nav]{grid-template-columns:minmax(600px,calc(900px + var(--qui-side-nav-width))) 240px}.qui-docs__app-content[data-hide-toc]{grid-template-columns:var(--qui-side-nav-width) minmax(600px,calc(1600px - var(--qui-side-nav-width)))}.qui-docs__app-content[data-hide-toc] .qui-docs__main-content{max-width:unset;--content-padding-top:20px;--content-padding-right:42px;--content-padding-bottom:32px;--content-padding-left:42px}.qui-docs__app-content[data-hide-toc][data-hide-side-nav] .qui-docs__main-content{--content-padding-left:28px}.qui-docs__app-content[data-hide-toc][data-hide-side-nav]{grid-template-columns:minmax(600px,calc(1140px + var(--qui-side-nav-width)))}}@media screen and (min-width: 1510px){.qui-docs__app-content{grid-template-columns:var(--qui-side-nav-width) minmax(900px,950px) minmax(280px,360px);max-width:1600px}.qui-docs__app-content[data-hide-side-nav]{grid-template-columns:minmax(900px,calc(1060px + var(--qui-side-nav-width))) minmax(280px,360px)}.qui-docs__app-content[data-hide-toc]{grid-template-columns:var(--qui-side-nav-width) minmax(600px,calc(1600px - var(--qui-side-nav-width)))}.qui-docs__app-content[data-hide-toc] .qui-docs__main-content{max-width:1600px;--content-padding-top:20px;--content-padding-right:42px;--content-padding-bottom:32px;--content-padding-left:42px}.qui-docs__app-content[data-hide-toc][data-hide-side-nav]{grid-template-columns:minmax(600px,1600px)}}.qui-docs__app-content .qui-docs-sidebar__root>.q-side-navigation--root{padding-left:16px;padding-right:16px}.qui-docs__app-content .qui-docs-heading{align-items:center;color:var(--color-text-neutral-primary)!important;display:inline-flex;gap:8px}.keyboard-focus-indicator .indicator{align-items:center;border:solid 1px var(--color-border-neutral-02);border-radius:4px;display:flex;font-size:12px;gap:2px;height:20px;padding:1px 3px 1px 2px}.keyboard-focus-indicator .indicator .ctrl-indicator{margin-right:2px}.keyboard-focus-indicator .indicator svg{height:10px;width:10px}pre.qui-docs-code{line-height:1.45;padding:4px}pre.qui-docs-code * code{background:var(--qui-docs-code-background);border-radius:3px;color:var(--qui-docs-code-color);font-family:var(--q-font-mono),monospace;font-size:14px!important;padding:2px 4px}pre.qui-docs-code.fit{width:-moz-fit-content;width:fit-content}.qui-docs-code{background:var(--qui-docs-code-background);border-radius:3px;color:var(--qui-docs-code-color);font:var(--font-static-code-sm-default);font-size:14px;padding:1px 4px}.qui-docs-code.fit{width:-moz-fit-content;width:fit-content}.qui-docs-code:has(* pre[class=language-]){background:transparent}.doc-props pre{padding:6px 8px!important}.qui-docs-sidebar__root .qui-side-nav__root{padding:0 8px}.qui-docs-sidebar__root .qui-side-nav__group-label{margin-top:12px;padding-bottom:8px;padding-left:calc(var(--indent-spacing) * var(--depth))}.qui-docs-sidebar__root .qui-docs-sidebar__group-separator{margin-top:16px}.qui-docs-sidebar__root .qui-docs-sidebar__group-separator:has(+.qui-side-nav__branch-root){margin-bottom:16px}.qui-docs-sidebar__root .qui-docs-sidebar__group-separator:has(+.qui-side-nav__node-root){margin-bottom:16px}.qui-docs-sidebar__mobile-close-trigger{margin-left:auto}.qui-docs__updated-on-wrapper{align-items:center;display:flex;font:var(--font-static-body-sm-default);gap:4px;justify-content:flex-end;padding-top:var(--qui-mdx-margin-default)}.qui-docs__updated-by,.qui-docs__updated-on-time{font:var(--font-static-body-sm-bold)}.qui-deprecated-module__root{display:flex;flex:1 0 auto;width:100%}.qui-deprecated-module__notification{width:100%}.qui-deprecated-message{display:flex;flex:1 0 auto;flex-direction:column}.qui-component-explorer__root{border:solid var(--border-width-sm) var(--color-border-neutral-02);border-radius:var(--border-radius-md);display:grid;grid-template-columns:1fr 300px;margin-top:var(--spacing-120);overflow:hidden}.qui-component-explorer__preview{align-items:center;border-right:solid var(--border-width-sm) var(--color-border-neutral-02);display:flex;justify-content:center;min-height:300px;padding:var(--spacing-120);position:relative}.qui-component-explorer__anatomy{background:var(--color-background-neutral-01);display:flex;flex-direction:column;padding:var(--spacing-110)}.qui-component-explorer__anatomy-header{margin-bottom:var(--spacing-100)}.qui-component-explorer__anatomy-title{color:var(--color-text-neutral-primary);font:var(--font-static-heading-sm-default);margin:0 0 var(--spacing-70) 0}.qui-component-explorer__anatomy-subtitle{color:var(--color-text-neutral-secondary);font:var(--font-static-body-sm-default);margin:0}.qui-component-explorer__parts{display:flex;flex-direction:column;gap:var(--spacing-70)}.qui-component-explorer__part{background:var(--color-background-neutral-02);border:solid var(--border-width-sm) var(--color-border-neutral-02);border-radius:var(--border-radius-md);color:var(--color-text-neutral);cursor:default;display:block;font:var(--font-static-body-sm-default);padding:var(--spacing-80) var(--spacing-90);text-align:left;text-decoration:none}.qui-component-explorer__part:hover{background:var(--color-background-neutral-03);border-color:var(--color-border-neutral-03)}.qui-component-explorer__part[data-active]{background:var(--color-background-brand-primary);border-color:var(--color-border-brand-primary);color:var(--color-utility-persistent-white)}.qui-component-explorer__part:focus-visible{outline:solid var(--border-width-md) var(--color-utility-focus-border);outline-offset:var(--spacing-20)}a.qui-component-explorer__part{cursor:pointer}.qui-component-explorer__highlight{background-color:color-mix(in srgb,var(--color-interactive-border-danger-idle) 10%,transparent);background-image:linear-gradient(90deg,var(--color-interactive-border-danger-idle) 50%,transparent 50%),linear-gradient(90deg,var(--color-interactive-border-danger-idle) 50%,transparent 50%),linear-gradient(0deg,var(--color-interactive-border-danger-idle) 50%,transparent 50%),linear-gradient(0deg,var(--color-interactive-border-danger-idle) 50%,transparent 50%);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:8px var(--border-width-sm),8px var(--border-width-sm),var(--border-width-sm) 8px,var(--border-width-sm) 8px;background-position:0 0,100% 100%,0 100%,100% 0;pointer-events:none;position:absolute;animation:marching-ants 1s linear infinite}@keyframes marching-ants{to{background-position:8px 0,calc(100% - 8px) 100%,0 calc(100% - 8px),100% 8px}}@media (prefers-reduced-motion: reduce){.qui-component-explorer__highlight{animation:none}}@media (max-width: 768px){.qui-component-explorer__root{grid-template-columns:1fr;grid-template-rows:auto auto}.qui-component-explorer__preview{border-bottom:solid var(--border-width-sm) var(--color-border-neutral-02);border-right:none}}[data-theme=dark] .shiki-code span,[data-theme=dark] .shiki.mdx span{font-weight:var(--shiki-dark-font-weight,400)}[data-theme=light] .shiki-code span,[data-theme=light] .shiki.mdx span{font-weight:var(--shiki-light-font-weight,400)}.shiki-code{padding:16px}.qui-docs-highlighter__root>.qui-code-copy-button,.shiki-wrapper>.qui-code-copy-button{display:none;position:absolute;right:6px;top:6px;z-index:2}.qui-docs-highlighter__root>.qui-code-copy-button[data-copied],.qui-docs-highlighter__root>.qui-code-copy-button[data-force-show],.shiki-wrapper>.qui-code-copy-button[data-copied],.shiki-wrapper>.qui-code-copy-button[data-force-show]{display:inline-flex}.qui-docs-highlighter__root>.qui-code-copy-button.has-title,.shiki-wrapper>.qui-code-copy-button.has-title{top:44px}.qui-docs-highlighter__root * .qui-code-copy-button{display:none;position:absolute;right:6px;top:6px;z-index:2}.qui-docs-highlighter__root>.qui-code-copy-button,.shiki-wrapper>.qui-code-copy-button{display:none;position:absolute;right:6px;top:6px;z-index:2}.qui-docs-highlighter__root>.qui-code-copy-button[data-copied],.qui-docs-highlighter__root>.qui-code-copy-button[data-force-show],.shiki-wrapper>.qui-code-copy-button[data-copied],.shiki-wrapper>.qui-code-copy-button[data-force-show]{display:inline-flex}.qui-docs-highlighter__root>.qui-code-copy-button.has-title,.shiki-wrapper>.qui-code-copy-button.has-title{top:44px}.qui-docs-highlighter__root{border-radius:6px;position:relative}.qui-docs-highlighter__root:hover .qui-code-copy-button{display:inline-flex}.qui-docs-highlighter__root pre{border-radius:3px;font-family:var(--q-font-code-demo,var(--q-font-mono)),monospace;font-size:14px;line-height:18px}.qui-docs-highlighter__root pre.disable-padding{padding:0}.qui-docs-highlighter__root pre.has-title{border-top-left-radius:0;border-top-right-radius:0}.qui-docs-highlighter__root[data-hidden]{display:none}.qui-demo-runner__collapse-icon{transition:transform 161ms ease}.qui-demo-runner__collapse-icon.showing-panel{transform:rotate(180deg)}.qui-demo-runner__title{align-items:center;border-radius:6px;display:flex;min-height:32px;padding:0 16px;transition:border-radius 161ms ease;width:100%}.qui-demo-runner__title.showing-panel{border-bottom-left-radius:0;border-bottom-right-radius:0}.qui-popover__content pre.shiki-code{background:var(--color-surface-overlay)}pre.shiki-code{margin:0}pre.shiki-code .qui-link__root{font:var(--font-static-code-sm-bold)}pre.qui-docs-code.font-code-demo .qui-link__root{font:var(--font-static-code-sm-bold)}.qui-demo-runner__highlighted{background:var(--color-background-support-danger)}pre.shiki .indent{display:inline-block;left:var(--indent-offset);position:relative}pre.shiki .indent:empty{height:21px;vertical-align:bottom}pre.shiki .indent:before{background-color:var(--color-border-neutral-01);content:"";height:21px;position:absolute;width:1px}pre.shiki.has-diff .line.diff.remove{opacity:0.5}pre.shiki.has-diff .line.diff.remove:before{color:var(--color-icon-support-danger);content:"-";left:3px;position:absolute}pre.shiki.has-diff .line.diff.add:before{color:var(--color-icon-support-success);content:"+";left:3px;position:absolute}pre.shiki.has-highlighted .line.highlighted{background:var(--color-interactive-background-ghost-hover);display:inline-block;width:100%}pre.shiki.has-highlighted .line.highlighted.error{background:color-mix(in oklch,var(--color-background-support-danger) 20%,transparent)}pre.shiki.has-highlighted .line.highlighted.warning{background:color-mix(in oklch,var(--color-background-support-warning) 20%,transparent)}pre.shiki.has-highlighted .line.highlighted .indent:before{background-color:transparent}pre.shiki.has-highlighted .line.highlighted {background:transparent}pre.shiki.has-focused .line:not(.focused){filter:blur(0.095rem);opacity:0.7;transition:filter 0.35s,opacity 0.35s}pre.shiki.has-focused:hover .line:not(.focused){filter:unset;opacity:1}[data-theme] pre.shiki span.highlighted-word{background:var(--color-interactive-background-ghost-hover)}:root{--docs-code-demo-background-dark:var(--color-background-neutral-00);--docs-code-demo-background-light:var(--color-background-neutral-00)}[data-theme=dark]{--docs-code-demo-background:var(--docs-code-demo-background-dark)}[data-theme=light]{--docs-code-demo-background:var(--docs-code-demo-background-light)}[data-theme=dark] .qui-demo-runner__wrapper{background:var(--docs-code-demo-background-dark)}[data-theme=light] .qui-demo-runner__wrapper{background:var(--docs-code-demo-background-light)}.qui-docs-demo-container__root{border:solid 1px var(--color-border-neutral-01);border-radius:4px;box-sizing:border-box;container-name:qui-docs-demo-container;container-type:inline-size;display:grid;margin-top:24px;position:relative}.qui-docs-demo-container__root[data-state=collapsed]:not([data-has-preview]){border-bottom:0}.qui-docs-demo-container__root .qui-docs-playground{border:solid 1px var(--color-border-neutral-01)}.qui-docs-demo-container__root[data-updating]{animation:border-dash-animation 0.5s linear infinite;background:linear-gradient(90deg,var(--color-border-neutral-01) 50%,transparent 50%) 0 0 /20px 3px,linear-gradient(90deg,var(--color-border-neutral-01) 50%,transparent 50%) 0 100% /20px 3px,linear-gradient(0deg,var(--color-border-neutral-01) 50%,transparent 50%) 0 0 /3px 20px,linear-gradient(0deg,var(--color-border-neutral-01) 50%,transparent 50%) 100% 0 /3px 20px;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;border:none;padding:1px}@keyframes border-dash-animation{to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.qui-demo-runner__wrapper{box-sizing:border-box}.qui-demo-runner__wrapper pre.shiki-code{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md)}.qui-demo-runner__tabs pre.shiki span,.qui-demo-runner__tabs pre.shiki-code span{font:var(--font-static-code-sm-default)}.qui-demo-runner__tabs pre.shiki,.qui-demo-runner__tabs pre.shiki-code{max-height:700px;overflow-y:auto}@container qui-docs-demo-container (min-width: 0){.q-collapse--root,.qui-demo-runner__tabs{max-width:100cqw}.qui-demo-runner__wrapper{max-width:100cqw;overflow-x:auto}}.qui-demo-runner__tabs{position:relative}.qui-demo-runner__tabs .shiki{max-width:100cqw;overflow-x:auto}.qui-demo-runner__tabs .shiki::-webkit-scrollbar{background:var(--color-surface-primary);height:6px;width:6px}.qui-demo-runner__tabs .shiki::-webkit-scrollbar-button{display:none}.qui-demo-runner__tabs .shiki::-webkit-scrollbar-corner{background:var(--color-surface-secondary)}.qui-demo-runner__tabs .shiki::-webkit-scrollbar-track{background:var(--color-surface-secondary)}.qui-demo-runner__tabs .shiki::-webkit-scrollbar-thumb{background:var(--color-background-neutral-08);border-radius:var(--border-radius-xl)}.qui-tabs__root.mdx .qui-tabs__panel .qui-docs-highlighter__root{margin-top:0}.shiki-wrapper.mdx{margin-top:16px;position:relative}.shiki-wrapper.mdx:hover .qui-code-copy-button{display:inline-flex}.code-highlight-popup .qui-code-copy-button{display:inline-flex}pre.shiki{border-bottom-left-radius:4px;border-bottom-right-radius:4px;font:var(--font-static-code-sm-default);margin:0;padding:16px 0}pre.shiki .line{box-sizing:border-box;display:inline-block;padding:0 16px;width:100%}pre.shiki:focus-visible{outline:solid 2px var(--color-utility-focus-border)}pre.shiki.mdx{border:solid 1px var(--color-border-neutral-01);border-radius:4px}.qui-demo-runner__wrapper{background:var(--color-background-neutral-01);border-bottom:solid 1px var(--color-border-neutral-01);border-top-left-radius:6px;border-top-right-radius:6px;display:flex;justify-content:center;padding:24px;position:relative;width:100%}.qui-demo-runner__error-overlay{bottom:4rem;display:flex;justify-content:center;left:0;position:fixed;width:100vw;z-index:3}.qui-demo-runner__error-overlay .qui-notification__root{width:-moz-fit-content;width:fit-content}.qui-demo-runner__expand{bottom:2px;position:absolute;right:4px}.qui-demo-tab{padding-left:12px;padding-right:12px}.qui-demo-runner__actions{align-items:center;display:inline-flex}[data-brand=qualcomm][data-theme=dark] .qui-demo-runner__action-bar{background:oklch(0.149 0.004 275)}.qui-demo-runner__action-bar{align-items:center;background:var(--color-surface-secondary);border-bottom:solid 1px var(--color-border-neutral-01);display:flex;flex:1;justify-content:space-between;min-height:32px;padding-right:12px;z-index:1}.qui-demo-runner__action-bar[data-state=closed]{display:none}.mdx.qui-docs-highlighter__root pre.shiki-code{background:var(--docs-code-demo-background);border:solid 1px var(--color-border-neutral-01)}.qui-demo-runner__brand-selection-wrapper{align-items:center;display:flex;gap:4px;justify-self:flex-end}.qui-demo-runner__brand-selection-wrapper .qui-select__root{align-items:center;flex-direction:row;gap:8px;width:170px}.qui-demo__collapse-button[data-expanded]{border-top:solid 1px var(--color-border-neutral-01);bottom:-1px;position:sticky;z-index:1}.qui-demo__collapse-button[data-has-preview]{border-top:solid 1px var(--color-border-neutral-01)}.qui-demo__collapse-button:not([data-expanded]):not([data-has-preview]){border-bottom:solid 1px var(--color-border-neutral-01)}.qui-demo__collapse-button{align-items:center;background:var(--color-surface-primary);border:0;border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md);color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-xs-bold);gap:4px;height:var(--sizing-120);justify-content:center;min-height:var(--sizing-120);outline:none;width:100%}angular-demo{display:contents}angular-demo .angular-demo-container{display:contents}angular-demo .angular-demo-container>{display:contents}.qds-demo-runner__ssr-placeholder{align-items:center;display:flex;justify-content:center;width:100%}.qds-demo-runner__ssr-placeholder>*{display:contents}.qds-demo-runner__ssr-placeholder+angular-demo[data-bootstrapped]{display:none}.qds-demo-runner__render-error{align-items:center;align-self:center;color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-sm-default);gap:8px;height:-moz-fit-content;height:fit-content}

package/dist/code-demo/angular-demo-runner.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"angular-demo-runner.d.ts","sourceRoot":"","sources":["../../src/code-demo/angular-demo-runner.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,YAAY,EACjB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAA;AAG3D,OAAO,KAAK,EAAC,WAAW,EAAE,QAAQ,EAAC,MAAM,8BAA8B,CAAA;AAEvE,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,+BAA+B,CAAA;AAStC,MAAM,WAAW,sBAAuB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAC1E;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAE3C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;IACtC,UAAU,EAAE,cAAc,EAAE,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,kBAAkB,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAA;CAChE;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,qBAAqB,EACrB,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,sBAAsB,GAAG,YAAY,~~CAoFvC~~;AAED;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,sBAAsB,CAAA;AAE9D;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,CACjC,KAAK,EAAE,sBAAsB,KAC1B,YAAgC,CAAA"}
1	+ {"version":3,"file":"angular-demo-runner.d.ts","sourceRoot":"","sources":["../../src/code-demo/angular-demo-runner.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,YAAY,EACjB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAA;AAG3D,OAAO,KAAK,EAAC,WAAW,EAAE,QAAQ,EAAC,MAAM,8BAA8B,CAAA;AAEvE,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,+BAA+B,CAAA;AAStC,MAAM,WAAW,sBAAuB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAC1E;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAE3C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;IACtC,UAAU,EAAE,cAAc,EAAE,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,kBAAkB,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAA;CAChE;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,qBAAqB,EACrB,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,sBAAsB,GAAG,YAAY,CAuFvC;AAED;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,sBAAsB,CAAA;AAE9D;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,CACjC,KAAK,EAAE,sBAAsB,KAC1B,YAAgC,CAAA"}

package/dist/code-demo/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
-import{c as _c6}from"react/compiler-runtime";import{jsx as jsx6,jsxs as jsxs2}from"react/jsx-runtime";import{useState as useState2}from"react";import{InlineNotification}from"@qualcomm-ui/react/inline-notification";import{ProgressRing}from"@qualcomm-ui/react/progress-ring";import{CopyToClipboardIconButton}from"@qualcomm-ui/react-mdx/copy-to-clipboard";import{booleanDataAttr as booleanDataAttr2}from"@qualcomm-ui/utils/attributes";import{mergeProps as mergeProps2}from"@qualcomm-ui/utils/merge-props";import{jsx as jsx4,jsxs}from"react/jsx-runtime";import{ChevronsLeftRight}from"lucide-react";import{Button}from"@qualcomm-ui/react/button";import{Tab,Tabs}from"@qualcomm-ui/react/tabs";import{booleanDataAttr}from"@qualcomm-ui/utils/attributes";import{c as _c}from"react/compiler-runtime";import{jsx as jsx3}from"react/jsx-runtime";import{IconButton}from"@qualcomm-ui/react/button";import{Tooltip}from"@qualcomm-ui/react/tooltip";import{useMdxDocsContext}from"@qualcomm-ui/react-mdx/context";import{mergeProps}from"@qualcomm-ui/utils/merge-props";import{jsx}from"react/jsx-runtime";function CssLogo(props){return jsx("svg",{viewBox:"0 0 256 256",xmlSpace:"preserve",xmlns:"http://www.w3.org/2000/svg",...props,children:jsx("path",{d:"m26.9 10 18.4 212.4 82.6 23.6 82.8-23.6L229.1 10H26.9zM180 186.4l-52 14.8-51.9-14.9-3.5-40.9H98l1.8 20.9 28.2 8 .1.1 28.2-7.8 2.9-33.8H100l-2-26.4h63.6l2.3-26.9h-97l-2.1-25.8h126.7L180 186.4z",fill:"currentColor"})})}import{jsx as jsx2}from"react/jsx-runtime";function TailwindLogo(props){return jsx2("svg",{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",...props,children:jsx2("path",{d:"M9 13.7q1.4-5.6 7-5.6c5.6 0 6.3 4.2 9.1 4.9q2.8.7 4.9-2.1-1.4 5.6-7 5.6c-5.6 0-6.3-4.2-9.1-4.9q-2.8-.7-4.9 2.1Zm-7 8.4q1.4-5.6 7-5.6c5.6 0 6.3 4.2 9.1 4.9q2.8.7 4.9-2.1-1.4 5.6-7 5.6c-5.6 0-6.3-4.2-9.1-4.9q-2.8-.7-4.9 2.1Z",style:{fill:"currentColor"}})})}function DemoStyleToggle(props){let $=_c(6),{demoSettings,setDemoSettings}=useMdxDocsContext(),t0;$[0]!==setDemoSettings?(t0=()=>{setDemoSettings?.(_temp)},$[0]=setDemoSettings,$[1]=t0):t0=$[1];let toggleStyleMode=t0,transformTailwindClasses=demoSettings?.transformTailwindClasses,t1;if($[2]!==props||$[3]!==toggleStyleMode||$[4]!==transformTailwindClasses){let mergedProps=mergeProps({className:"qui-demo-runner__style-toggle"},props);t1=jsx3("div",{...mergedProps,children:jsx3(Tooltip,{trigger:jsx3(IconButton,{"aria-label":"Toggle demo style mode",emphasis:"primary",icon:transformTailwindClasses?jsx3(CssLogo,{style:{"--icon-size":"16px"}}):jsx3(TailwindLogo,{style:{"--icon-size":"16px"}}),onClick:toggleStyleMode,size:"sm",variant:"ghost"}),children:transformTailwindClasses?"Switch to tailwind styles":"Switch to inline styles"})}),$[2]=props,$[3]=toggleStyleMode,$[4]=transformTailwindClasses,$[5]=t1}else t1=$[5];return t1}function _temp(prevState){return{...prevState,transformTailwindClasses:!prevState.transformTailwindClasses}}function DemoCodePanel({actionsStart,activeTab,copyButton,expanded,fileNames,getHighlightedCode,hasInlineStyles,hasPreview,highlighterRef,onExpandedChange,onTabChange,suppressHydrationWarning,tabsValue}){let effectiveTabsValue=tabsValue!==void 0?tabsValue:activeTab;return jsxs("div",{className:"qui-demo-runner__tabs",children:[jsxs("div",{className:"qui-demo-runner__action-bar","data-state":expanded||hasPreview?"open":"closed",children:[fileNames.length>1?jsx4(Tabs.Root,{onValueChange:value=>{onTabChange(value),expanded||onExpandedChange(!0)},value:effectiveTabsValue,children:jsxs(Tabs.List,{children:[jsx4(Tabs.Indicator,{}),fileNames.map(fileName=>jsx4(Tab.Root,{value:fileName,children:jsx4(Tab.Button,{onClick:()=>{expanded||onExpandedChange(!0)},children:fileName})},fileName))]})}):jsx4("div",{}),jsxs("div",{className:"qui-demo-runner__actions",children:[actionsStart,jsx4(Button,{"data-brand":"qualcomm",emphasis:"primary",endIcon:ChevronsLeftRight,onClick:()=>onExpandedChange(!expanded),size:"sm",variant:"ghost",children:hasPreview?expanded?"Collapse Code":"Expand Code":expanded?"Hide Code":"Show Code"}),hasInlineStyles?jsx4(DemoStyleToggle,{}):null,copyButton]})]}),jsx4("div",{ref:highlighterRef,className:"qui-docs-highlighter__root",dangerouslySetInnerHTML:{__html:getHighlightedCode()},"data-hidden":booleanDataAttr(!expanded&&!hasPreview),suppressHydrationWarning})]})}import{c as _c3}from"react/compiler-runtime";import{jsx as jsx5}from"react/jsx-runtime";import{Select}from"@qualcomm-ui/react/select";import{c as _c2}from"react/compiler-runtime";import"react";import{ListCollection}from"@qualcomm-ui/utils/collection";var themeOptCollection=new ListCollection({itemLabel:item=>item.label,items:[{id:"qualcomm",label:"Qualcomm"},{id:"snapdragon",label:"Snapdragon"},{id:"dragonwing",label:"Dragonwing"}],itemValue:item=>item.id});function useQdsDemoTheme(t0){let $=_c2(7),{qdsBrand,setQdsBrand}=t0,t1;$[0]!==qdsBrand?(t1=themeOptCollection.find(qdsBrand)??themeOptCollection.at(0),$[0]=qdsBrand,$[1]=t1):t1=$[1];let themeValue=t1,t2;$[2]!==setQdsBrand?(t2=(valueStrings,details)=>{setQdsBrand(details.items[0]?.id??"qualcomm")},$[2]=setQdsBrand,$[3]=t2):t2=$[3];let onChange=t2,t3;return $[4]!==onChange||$[5]!==themeValue.id?(t3={onChange,value:themeValue.id},$[4]=onChange,$[5]=themeValue.id,$[6]=t3):t3=$[6],t3}function QdsDemoThemeSelector(t0){let $=_c3(6),{qdsBrand,setQdsBrand}=t0,t1;$[0]!==qdsBrand||$[1]!==setQdsBrand?(t1={qdsBrand,setQdsBrand},$[0]=qdsBrand,$[1]=setQdsBrand,$[2]=t1):t1=$[2];let{onChange,value}=useQdsDemoTheme(t1),t2;return $[3]!==onChange||$[4]!==value?(t2=jsx5("div",{className:"qui-demo-runner__brand-selection-wrapper",children:jsx5(Select,{clearable:!1,collection:themeOptCollection,label:"Brand",onValueChange:onChange,placeholder:"Brand",size:"sm",value:[value]})}),$[3]=onChange,$[4]=value,$[5]=t2):t2=$[5],t2}import{c as _c4}from"react/compiler-runtime";import{useState}from"react";import{dedent}from"@qualcomm-ui/utils/dedent";function extractPreviewsAndCleanSource(code){let lines=code.split(`
+import{c as _c5}from"react/compiler-runtime";import{Fragment,jsx as jsx4,jsxs as jsxs4}from"react/jsx-runtime";import{useState as useState2}from"react";import{InlineNotification}from"@qualcomm-ui/react/inline-notification";import{ProgressRing}from"@qualcomm-ui/react/progress-ring";import{CopyToClipboardButton}from"@qualcomm-ui/react-mdx/copy-to-clipboard";import{booleanDataAttr as booleanDataAttr2}from"@qualcomm-ui/utils/attributes";import{mergeProps as mergeProps2}from"@qualcomm-ui/utils/merge-props";import{jsx as jsx2,jsxs as jsxs2}from"react/jsx-runtime";import{useRef}from"react";import{ChevronDown,ChevronUp}from"lucide-react";import{flushSync}from"react-dom";import{Icon}from"@qualcomm-ui/react/icon";import{Tab,Tabs}from"@qualcomm-ui/react/tabs";import{useMdxDocsContext as useMdxDocsContext2}from"@qualcomm-ui/react-mdx/context";import{booleanDataAttr}from"@qualcomm-ui/utils/attributes";import{c as _c}from"react/compiler-runtime";import{jsx,jsxs}from"react/jsx-runtime";import{Menu}from"@qualcomm-ui/react/menu";import{Portal}from"@qualcomm-ui/react-core/portal";import{useMdxDocsContext}from"@qualcomm-ui/react-mdx/context";import{mergeProps}from"@qualcomm-ui/utils/merge-props";function DemoStyleToggle(t0){let $=_c(4),{onValueChange,...props}=t0,{demoSettings}=useMdxDocsContext(),currentValue=demoSettings?.transformTailwindClasses?"inline":"tailwind",mergedProps=mergeProps({className:"qui-demo-runner__style-toggle"},props),t1;$[0]!==onValueChange?(t1=()=>onValueChange("tailwind"),$[0]=onValueChange,$[1]=t1):t1=$[1];let t2;return $[2]!==onValueChange?(t2=()=>onValueChange("inline"),$[2]=onValueChange,$[3]=t2):t2=$[3],jsx("div",{...mergedProps,children:jsxs(Menu.Root,{size:"sm",children:[jsx(Menu.Trigger,{children:jsx(Menu.Button,{emphasis:"neutral",size:"sm",variant:"ghost",children:currentValue==="inline"?"Inline Styles":"Tailwind CSS"})}),jsx(Portal,{children:jsx(Menu.Positioner,{children:jsx(Menu.Content,{children:jsxs(Menu.ItemGroup,{children:[jsx(Menu.ItemGroupLabel,{children:"Style Syntax"}),jsxs(Menu.CheckboxItem,{checked:currentValue==="tailwind",onCheckedChange:t1,value:"tailwind",children:[jsx(Menu.ItemLabel,{children:"Tailwind CSS"}),jsx(Menu.ItemIndicator,{})]}),jsxs(Menu.CheckboxItem,{checked:currentValue==="inline",onCheckedChange:t2,value:"inline",children:[jsx(Menu.ItemLabel,{children:"Inline Styles"}),jsx(Menu.ItemIndicator,{})]})]})})})})]})})}function DemoCodePanel({actions,activeTab,copyButton,expanded,fileNames,getHighlightedCode,hasInlineStyles,hasPreview,highlighterRef,onExpandedChange,onTabChange,suppressHydrationWarning,tabsValue}){let{setDemoSettings}=useMdxDocsContext2(),effectiveTabsValue=tabsValue!==void 0?tabsValue:activeTab,collapseButtonIcon=expanded?jsx2(Icon,{icon:ChevronUp,size:"xs"}):jsx2(Icon,{icon:ChevronDown,size:"xs"}),collapsibleTriggerRef=useRef(null),handleExpandedChange=newExpanded=>{if(!newExpanded&&collapsibleTriggerRef.current!=null){let triggerEl=collapsibleTriggerRef.current,rectTopBeforeClose=triggerEl.getBoundingClientRect().top;flushSync(()=>onExpandedChange(newExpanded));let rectTopAfterClose=triggerEl.getBoundingClientRect().top,delta=rectTopAfterClose-rectTopBeforeClose;rectTopAfterClose<0&&window.scrollBy({behavior:"instant",top:delta});return}onExpandedChange(newExpanded)},handleStyleToggle=value=>{if(highlighterRef?.current!=null){let preEl=highlighterRef.current.querySelector("pre.shiki");if(preEl){let scrollTopBeforeChange=preEl.scrollTop,mutationObserver=new MutationObserver(()=>{mutationObserver.disconnect(),highlighterRef.current?.querySelector("pre.shiki")?.scrollTo(0,scrollTopBeforeChange)});mutationObserver.observe(highlighterRef.current,{childList:!0})}setDemoSettings?.(prevState=>({...prevState,transformTailwindClasses:value==="inline"}))}setDemoSettings?.(prevState_0=>({...prevState_0,transformTailwindClasses:value==="inline"}))};return jsxs2("div",{className:"qui-demo-runner__tabs",children:[jsxs2("div",{className:"qui-demo-runner__action-bar","data-state":expanded||hasPreview?"open":"closed",children:[fileNames.length>1?jsx2(Tabs.Root,{onValueChange:value_0=>{onTabChange(value_0),expanded||onExpandedChange(!0)},value:effectiveTabsValue,children:jsxs2(Tabs.List,{children:[jsx2(Tabs.Indicator,{}),fileNames.map(fileName=>jsx2(Tab.Root,{value:fileName,children:jsx2(Tab.Button,{onClick:()=>{expanded||onExpandedChange(!0)},children:fileName})},fileName))]})}):jsx2("div",{}),jsxs2("div",{className:"qui-demo-runner__actions",children:[actions,hasInlineStyles?jsx2(DemoStyleToggle,{onValueChange:handleStyleToggle}):null,copyButton]})]}),jsx2("div",{ref:highlighterRef,className:"qui-docs-highlighter__root",dangerouslySetInnerHTML:{__html:getHighlightedCode()},"data-hidden":booleanDataAttr(!expanded&&!hasPreview),suppressHydrationWarning}),jsxs2("button",{ref:collapsibleTriggerRef,className:"qui-demo__collapse-button","data-expanded":booleanDataAttr(expanded),"data-has-preview":booleanDataAttr(hasPreview),"data-sticky":booleanDataAttr(expanded),onClick:()=>handleExpandedChange(!expanded),children:[jsx2("span",{children:hasPreview?expanded?"Show Less":"Show More":expanded?"Hide Code":"Show Code"}),jsx2("span",{children:collapseButtonIcon})]})]})}import{jsx as jsx3,jsxs as jsxs3}from"react/jsx-runtime";import{Menu as Menu2}from"@qualcomm-ui/react/menu";import{Portal as Portal2}from"@qualcomm-ui/react-core/portal";import{c as _c2}from"react/compiler-runtime";import"react";import{ListCollection}from"@qualcomm-ui/utils/collection";var themeOptCollection=new ListCollection({itemLabel:item=>item.label,items:[{id:"qualcomm",label:"Qualcomm"},{id:"snapdragon",label:"Snapdragon"},{id:"dragonwing",label:"Dragonwing"}],itemValue:item=>item.id});function QdsDemoThemeSelector({qdsBrand,setQdsBrand}){let currentLabel=themeOptCollection.find(qdsBrand)?.label??themeOptCollection.at(0).label;return jsx3("div",{className:"qui-demo-runner__brand-selection-wrapper",children:jsxs3(Menu2.Root,{size:"sm",children:[jsx3(Menu2.Trigger,{children:jsx3(Menu2.Button,{emphasis:"neutral",size:"sm",variant:"ghost",children:currentLabel})}),jsx3(Portal2,{children:jsx3(Menu2.Positioner,{children:jsx3(Menu2.Content,{children:jsxs3(Menu2.ItemGroup,{children:[jsx3(Menu2.ItemGroupLabel,{children:"Brand"}),themeOptCollection.items.map(item=>jsxs3(Menu2.CheckboxItem,{checked:qdsBrand===item.id,onCheckedChange:()=>setQdsBrand(item.id),value:item.id,children:[jsx3(Menu2.ItemLabel,{children:item.label}),jsx3(Menu2.ItemIndicator,{})]},item.id))]})})})})]})})}import{c as _c3}from"react/compiler-runtime";import{useState}from"react";import{dedent}from"@qualcomm-ui/utils/dedent";function extractPreviewsAndCleanSource(code){let lines=code.split(`
 `),previewBlocks=[],cleanedLines=[],inPreview=!1,currentBlock=[],startLine=-1;for(let i=0;i<lines.length;i++){let line=lines[i],trimmedLine=line.trim();isPreviewLine(trimmedLine)?inPreview?(previewBlocks.push({content:currentBlock.join(`
 `),endLine:i-1,startLine}),currentBlock=[],inPreview=!1):(inPreview=!0,startLine=i+1):(cleanedLines.push(line),inPreview&&currentBlock.push(line))}return{formattedPreview:dedent(previewBlocks.map(block=>block.content).join(`
 `)),previewBlocks,sourceWithoutPreviews:cleanedLines.join(`
-`)}}function isPreviewLine(trimmedLine){return trimmedLine==="// preview"||/^\{\s*\/\*\s*preview\s*\*\/\s*\}$/.test(trimmedLine)}function isImportLine(trimmedLine){return trimmedLine.startsWith("import")}function getDefaultSourceCode(){return{fileName:"",highlighted:{full:""},raw:{full:"",preview:"",withoutImports:""},type:"file"}}import{c as _c5}from"react/compiler-runtime";import{useRef}from"react";import{useMdxDocsContext as useMdxDocsContext2}from"@qualcomm-ui/react-mdx/context";var defaultSourceCode={fileName:"",highlighted:{full:""},type:"file"};function useDemoSourceCode(t0){let $=_c5(26),{activeTab,expanded,sourceCode}=t0,{demoSettings}=useMdxDocsContext2(),isInlineMode=demoSettings?.transformTailwindClasses,t1;$[0]!==isInlineMode||$[1]!==sourceCode?(t1=isInlineMode?sourceCode:(sourceCode??[]).filter(_temp3),$[0]=isInlineMode,$[1]=sourceCode,$[2]=t1):t1=$[2];let filteredSourceCode=t1,t2;$[3]!==filteredSourceCode?(t2=filteredSourceCode?.map(_temp2)??[],$[3]=filteredSourceCode,$[4]=t2):t2=$[4];let fileNames=t2,t3;$[5]!==activeTab||$[6]!==filteredSourceCode?(t3=filteredSourceCode?.find(item_1=>item_1.fileName===activeTab)||filteredSourceCode?.[0]||defaultSourceCode,$[5]=activeTab,$[6]=filteredSourceCode,$[7]=t3):t3=$[7];let activeTabSourceCode=t3,hasInline=!!activeTabSourceCode?.highlightedInline||activeTabSourceCode?.type==="residual-css",activeHighlightedCode=isInlineMode&&hasInline?activeTabSourceCode?.highlightedInline:activeTabSourceCode?.highlighted,hasPreview=!!activeHighlightedCode?.preview,t4;$[8]!==activeHighlightedCode||$[9]!==expanded||$[10]!==hasPreview?(t4=()=>activeHighlightedCode?hasPreview?expanded?activeHighlightedCode.full:activeHighlightedCode.preview||"":activeHighlightedCode.full:"",$[8]=activeHighlightedCode,$[9]=expanded,$[10]=hasPreview,$[11]=t4):t4=$[11];let getHighlightedCode=t4,highlighterRef=useRef(null),t5;$[12]!==activeTabSourceCode?.raw?.full||$[13]!==activeTabSourceCode?.raw?.preview||$[14]!==expanded?(t5=()=>{let ref=highlighterRef.current;if(ref){let preElement=ref.querySelector("pre");if(preElement){let dataCode=preElement.getAttribute("data-code"),dataPreview=preElement.getAttribute("data-preview");if(dataCode)return expanded?dataCode:dataPreview||dataCode}}return(expanded?activeTabSourceCode?.raw?.full:activeTabSourceCode?.raw?.preview||activeTabSourceCode?.raw?.full)||""},$[12]=activeTabSourceCode?.raw?.full,$[13]=activeTabSourceCode?.raw?.preview,$[14]=expanded,$[15]=t5):t5=$[15],activeTabSourceCode?.raw?.full,activeTabSourceCode?.raw?.preview;let getCopyableCode=t5,t6;return $[16]!==activeHighlightedCode||$[17]!==activeTabSourceCode||$[18]!==fileNames||$[19]!==filteredSourceCode||$[20]!==getCopyableCode||$[21]!==getHighlightedCode||$[22]!==hasInline||$[23]!==hasPreview||$[24]!==isInlineMode?(t6={activeHighlightedCode,activeTabSourceCode,fileNames,filteredSourceCode,getCopyableCode,getHighlightedCode,hasInlineStyles:hasInline,hasPreview,highlighterRef,isInlineMode},$[16]=activeHighlightedCode,$[17]=activeTabSourceCode,$[18]=fileNames,$[19]=filteredSourceCode,$[20]=getCopyableCode,$[21]=getHighlightedCode,$[22]=hasInline,$[23]=hasPreview,$[24]=isInlineMode,$[25]=t6):t6=$[25],t6}function _temp2(item_0){return item_0.fileName}function _temp3(item){return item.type!=="residual-css"}function AngularDemoRunner(t0){let $=_c6(4),{children,colorScheme,demoName,expanded:expandedProp,hideDemoBrandSwitcher,notFound,qdsBrand,setQdsBrand,sourceCode,updating,wrapperProps,...props}=t0,[expanded,setExpanded]=useState2(expandedProp),[activeTab,setActiveTab]=useState2(sourceCode?.[0]?.fileName||""),scheme=colorScheme==="light"?"light":"dark",t1=!!expanded,t2;$[0]!==activeTab||$[1]!==sourceCode||$[2]!==t1?(t2={activeTab,expanded:t1,sourceCode},$[0]=activeTab,$[1]=sourceCode,$[2]=t1,$[3]=t2):t2=$[3];let{fileNames,getCopyableCode,getHighlightedCode,hasInlineStyles,hasPreview,highlighterRef}=useDemoSourceCode(t2),mergedProps=mergeProps2({className:"qui-docs-demo-container__root"},props),mergedWrapperProps=mergeProps2({className:"qui-demo-runner__wrapper"},wrapperProps??{});return jsxs2("div",{"data-has-preview":booleanDataAttr2(hasPreview),"data-state":expanded?"expanded":"collapsed","data-updating":booleanDataAttr2(updating),...mergedProps,children:[hideDemoBrandSwitcher?null:jsx6(QdsDemoThemeSelector,{qdsBrand,setQdsBrand}),jsxs2("div",{"data-brand":qdsBrand,"data-theme":scheme,suppressHydrationWarning:!0,...mergedWrapperProps,children:[notFound?jsx6(InlineNotification,{emphasis:"danger",label:jsxs2("div",{children:[jsx6("span",{children:"Demo Not Found: "}),jsx6("code",{className:"qui-docs-code",children:demoName})]})}):null,children]}),notFound?null:jsx6(DemoCodePanel,{actionsStart:updating?jsx6(ProgressRing,{size:"xs"}):null,activeTab,copyButton:jsx6(CopyToClipboardIconButton,{density:"default",size:"sm",valueOrFn:getCopyableCode}),expanded:!!expanded,fileNames,getHighlightedCode,hasInlineStyles,hasPreview,highlighterRef,onExpandedChange:setExpanded,onTabChange:setActiveTab,suppressHydrationWarning:!0})]})}var QdsAngularDemoRunner=AngularDemoRunner;import{jsx as jsx8}from"react/jsx-runtime";import{c as _c7}from"react/compiler-runtime";import{Fragment,jsx as jsx7,jsxs as jsxs3}from"react/jsx-runtime";import{useState as useState3}from"react";import*as React from"react";import{ChevronsLeftRight as ChevronsLeftRight2}from"lucide-react";import{Button as Button2}from"@qualcomm-ui/react/button";import{ProgressRing as ProgressRing2}from"@qualcomm-ui/react/progress-ring";import{Tab as Tab2,Tabs as Tabs2}from"@qualcomm-ui/react/tabs";import{useSafeLayoutEffect}from"@qualcomm-ui/react-core/effects";import{useMdxDocsContext as useMdxDocsContext3}from"@qualcomm-ui/react-mdx/context";import{CopyToClipboardButton}from"@qualcomm-ui/react-mdx/copy-to-clipboard";import{useRunner}from"@qualcomm-ui/react-mdx/runner";import{booleanDataAttr as booleanDataAttr3}from"@qualcomm-ui/utils/attributes";import{mergeProps as mergeProps3}from"@qualcomm-ui/utils/merge-props";function QdsReactDemo(t0){let $=_c7(24),{children,colorScheme,defaultSourceIndex:t1,demo:demoProp,expandable:t2,expanded:t3,name,onDemoRendered,qdsBrand,updating,wrapperProps:t4,...props}=t0,expandable=t2===void 0?!0:t2,expandedProp=t3===void 0?!1:t3,wrapperProps=t4===void 0?{}:t4,t5;$[0]!==demoProp?(t5=demoProp||{demoName:"",fileName:"",filePath:"",imports:[],pageId:"",scope:{},sourceCode:[]},$[0]=demoProp,$[1]=t5):t5=$[1];let demo=t5,[activeTab,setActiveTab]=useState3(demo?.fileName||""),{demoState,updateDemoState}=useMdxDocsContext3(),t6;$[2]!==demo.pageId||$[3]!==demoState?(t6=demoState[demo.pageId]||{},$[2]=demo.pageId,$[3]=demoState,$[4]=t6):t6=$[4];let state=t6,[expanded,setExpanded]=useState3(state?.[name]?.expanded||expandedProp),t7,t8;$[5]!==activeTab||$[6]!==demo.fileName?(t7=()=>{demo.fileName&&!activeTab&&setActiveTab(demo.fileName)},t8=[activeTab,demo.fileName],$[5]=activeTab,$[6]=demo.fileName,$[7]=t7,$[8]=t8):(t7=$[7],t8=$[8]),useSafeLayoutEffect(t7,t8);let t9;$[9]!==demo.pageId||$[10]!==expanded||$[11]!==name||$[12]!==updateDemoState?(t9=()=>{queueMicrotask(()=>{updateDemoState(demo.pageId,name,{expanded:!expanded})}),setExpanded(_temp4)},$[9]=demo.pageId,$[10]=expanded,$[11]=name,$[12]=updateDemoState,$[13]=t9):t9=$[13];let toggleCollapsed=t9,fileNames=demo.sourceCode?.map(_temp22)??[],activeTabSourceCode=(demo.sourceCode??[]).find(item_0=>item_0.fileName===activeTab)??getDefaultSourceCode(),hasPreview=!!activeTabSourceCode?.highlighted?.preview,scheme=colorScheme||"dark",missingDefaultExport=!0,t10;$[14]!==demo.scope?(t10={...demo.scope,React},$[14]=demo.scope,$[15]=t10):t10=$[15];let scope=t10,mergedProps=mergeProps3({className:"qui-docs-demo-container__root","data-has-preview":booleanDataAttr3(hasPreview),"data-state":expanded?"expanded":"collapsed"},props),t11;$[16]!==onDemoRendered?(t11=error2=>{onDemoRendered?.(error2)},$[16]=onDemoRendered,$[17]=t11):t11=$[17];let t12;$[18]!==scope||$[19]!==t11?(t12={code:"",disableCache:!0,onRendered:t11,scope},$[18]=scope,$[19]=t11,$[20]=t12):t12=$[20];let runnerProps=t12,{element:demoComponent,error}=useRunner(runnerProps),t13;bb0:{demo.errorMessage;{let t14;$[21]!==demo.errorMessage||$[22]!==updating?(t14=jsx7("div",{className:"qds-demo-runner__render-error","data-updating":booleanDataAttr3(updating),children:updating?jsxs3(Fragment,{children:[jsx7("div",{children:"Loading..."}),jsx7(ProgressRing2,{size:"xs"})]}):demo.errorMessage||"Error: missing default export"}),$[21]=demo.errorMessage,$[22]=updating,$[23]=t14):t14=$[23],t13=t14;break bb0}t13=demoComponent||error}let renderedDemo=t13,getCopyableCode=()=>(expanded?activeTabSourceCode.raw?.full:activeTabSourceCode.raw?.preview||activeTabSourceCode.raw?.full)||"",getHighlightedCode=()=>hasPreview?expanded?activeTabSourceCode.highlighted.full:activeTabSourceCode.highlighted.preview:activeTabSourceCode.highlighted.full;return jsxs3("div",{...mergedProps,children:[children,expandable?jsxs3(Fragment,{children:[jsx7("div",{...mergeProps3({className:"qui-demo-runner__wrapper"},wrapperProps),"data-brand":qdsBrand,"data-theme":scheme,children:renderedDemo}),jsxs3("div",{className:"qui-demo-runner__tabs",children:[jsxs3("div",{className:"qui-demo-runner__action-bar","data-state":expanded||hasPreview?"open":"closed",children:[fileNames.length>1?jsx7(Tabs2.Root,{onValueChange:value=>{setActiveTab(value),expanded||setExpanded(!0)},value:expanded||hasPreview?activeTab:null,children:jsxs3(Tabs2.List,{children:[jsx7(Tabs2.Indicator,{}),fileNames.map(fileName=>jsx7(Tab2.Root,{value:fileName,children:jsx7(Tab2.Button,{onClick:()=>{expanded||setExpanded(!0)},children:fileName})},fileName))]})}):jsx7("div",{}),jsxs3("div",{className:"qui-demo-runner__actions",children:[jsx7(Button2,{"data-brand":"qualcomm",emphasis:"primary",endIcon:ChevronsLeftRight2,onClick:toggleCollapsed,size:"sm",variant:"ghost",children:hasPreview?expanded?"Collapse Code":"Expand Code":expanded?"Hide Code":"Show Code"}),jsx7(CopyToClipboardButton,{code:getCopyableCode})]})]}),hasPreview||expanded?jsx7("div",{className:"qui-docs-highlighter__root",dangerouslySetInnerHTML:{__html:getHighlightedCode()}}):null]})]}):renderedDemo]})}function _temp22(item){return item.fileName}function _temp4(prevState){return!prevState}function QdsDemoRunner({hideBrandSwitcher,qdsBrand="qualcomm",setQdsBrand,...props}){return jsx8(QdsReactDemo,{qdsBrand,...props,children:hideBrandSwitcher?null:jsx8(QdsDemoThemeSelector,{qdsBrand,setQdsBrand})})}import{jsx as jsx10}from"react/jsx-runtime";import{c as _c8}from"react/compiler-runtime";import{Fragment as Fragment2,jsx as jsx9,jsxs as jsxs4}from"react/jsx-runtime";import{useEffect,useState as useState4}from"react";import{useSafeLayoutEffect as useSafeLayoutEffect2}from"@qualcomm-ui/react-core/effects";import{useMdxDocsContext as useMdxDocsContext4}from"@qualcomm-ui/react-mdx/context";import{CopyToClipboardIconButton as CopyToClipboardIconButton2}from"@qualcomm-ui/react-mdx/copy-to-clipboard";import{booleanDataAttr as booleanDataAttr4}from"@qualcomm-ui/utils/attributes";import{mergeProps as mergeProps4}from"@qualcomm-ui/utils/merge-props";function ReactDemo(t0){let $=_c8(30),{children,colorScheme,component:Component,defaultSourceIndex:t1,demo:demoProp,expandable:t2,expanded:t3,name,wrapperProps:t4,...props}=t0,expandable=t2===void 0?!0:t2,expandedProp=t3===void 0?!1:t3,wrapperProps=t4===void 0?{}:t4,t5;$[0]!==demoProp?(t5=demoProp||{demoName:"",fileName:"",filePath:"",imports:[],pageId:"",sourceCode:[]},$[0]=demoProp,$[1]=t5):t5=$[1];let demo=t5,[activeTab,setActiveTab]=useState4(demo?.fileName||""),{demoState,updateDemoState}=useMdxDocsContext4(),t6;$[2]!==demo.pageId||$[3]!==demoState?(t6=demoState[demo.pageId]||{},$[2]=demo.pageId,$[3]=demoState,$[4]=t6):t6=$[4];let state=t6,[expanded,setExpanded]=useState4(state?.[name]?.expanded||expandedProp),t7;$[5]!==Component?.name||$[6]!==demo.fileName?(t7=()=>{demo?.fileName||console.warn("ReactDemo: no fileName found for demo",Component?.name||"")},$[5]=Component?.name,$[6]=demo.fileName,$[7]=t7):t7=$[7];let t8=demo?.fileName,t9;$[8]!==Component||$[9]!==t8?(t9=[Component,t8],$[8]=Component,$[9]=t8,$[10]=t9):t9=$[10],useEffect(t7,t9);let t10;$[11]!==activeTab||$[12]!==demo.sourceCode?(t10=()=>{demo.sourceCode.every(item=>item.fileName!==activeTab)&&setActiveTab(demo.sourceCode[0]?.fileName)},$[11]=activeTab,$[12]=demo.sourceCode,$[13]=t10):t10=$[13];let t11;$[14]!==demo.sourceCode?(t11=[demo.sourceCode],$[14]=demo.sourceCode,$[15]=t11):t11=$[15],useSafeLayoutEffect2(t10,t11);let t12;$[16]!==activeTab||$[17]!==demo.fileName?(t12=()=>{demo?.fileName&&!activeTab&&setActiveTab(demo?.fileName)},$[16]=activeTab,$[17]=demo.fileName,$[18]=t12):t12=$[18];let t13=demo?.fileName,t14;$[19]!==activeTab||$[20]!==t13?(t14=[activeTab,t13],$[19]=activeTab,$[20]=t13,$[21]=t14):t14=$[21],useSafeLayoutEffect2(t12,t14);let scheme=colorScheme||"dark",t15;$[22]!==activeTab||$[23]!==demo.sourceCode||$[24]!==expanded?(t15={activeTab,expanded,sourceCode:demo.sourceCode},$[22]=activeTab,$[23]=demo.sourceCode,$[24]=expanded,$[25]=t15):t15=$[25];let{fileNames,getCopyableCode,getHighlightedCode,hasInlineStyles,hasPreview,highlighterRef}=useDemoSourceCode(t15),mergedProps=mergeProps4({className:"qui-docs-demo-container__root","data-has-preview":booleanDataAttr4(hasPreview),"data-state":expanded?"expanded":"collapsed"},props),t16;$[26]!==demo.pageId||$[27]!==name||$[28]!==updateDemoState?(t16=newExpanded=>{queueMicrotask(()=>{updateDemoState(demo.pageId,name,{expanded:newExpanded})}),setExpanded(newExpanded)},$[26]=demo.pageId,$[27]=name,$[28]=updateDemoState,$[29]=t16):t16=$[29];let handleExpandedChange=t16;return jsxs4("div",{...mergedProps,children:[children,expandable?jsxs4(Fragment2,{children:[jsx9("div",{...mergeProps4({className:"qui-demo-runner__wrapper"},wrapperProps),"data-theme":scheme,children:jsx9(Component,{})}),jsx9(DemoCodePanel,{activeTab,copyButton:jsx9(CopyToClipboardIconButton2,{density:"default",size:"sm",valueOrFn:getCopyableCode}),expanded,fileNames,getHighlightedCode,hasInlineStyles,hasPreview,highlighterRef,onExpandedChange:handleExpandedChange,onTabChange:setActiveTab,tabsValue:expanded||hasPreview?activeTab:null})]}):jsx9(Component,{})]})}function ReactDemoRunner({hideBrandSwitcher,qdsBrand="qualcomm",setQdsBrand,...props}){return jsx10(ReactDemo,{...props,wrapperProps:{"data-brand":qdsBrand},children:hideBrandSwitcher?null:jsx10(QdsDemoThemeSelector,{qdsBrand,setQdsBrand})})}export{AngularDemoRunner,QdsAngularDemoRunner,QdsDemoRunner,QdsReactDemo,ReactDemo,ReactDemoRunner,extractPreviewsAndCleanSource,getDefaultSourceCode,isImportLine,isPreviewLine};
+`)}}function isPreviewLine(trimmedLine){return trimmedLine==="// preview"||/^\{\s*\/\*\s*preview\s*\*\/\s*\}$/.test(trimmedLine)}function isImportLine(trimmedLine){return trimmedLine.startsWith("import")}function getDefaultSourceCode(){return{fileName:"",highlighted:{full:""},raw:{full:"",preview:"",withoutImports:""},type:"file"}}import{c as _c4}from"react/compiler-runtime";import{useRef as useRef2}from"react";import{useMdxDocsContext as useMdxDocsContext3}from"@qualcomm-ui/react-mdx/context";var defaultSourceCode={fileName:"",highlighted:{full:""},type:"file"};function useDemoSourceCode(t0){let $=_c4(26),{activeTab,expanded,sourceCode}=t0,{demoSettings}=useMdxDocsContext3(),isInlineMode=demoSettings?.transformTailwindClasses,t1;$[0]!==isInlineMode||$[1]!==sourceCode?(t1=isInlineMode?sourceCode:(sourceCode??[]).filter(_temp),$[0]=isInlineMode,$[1]=sourceCode,$[2]=t1):t1=$[2];let filteredSourceCode=t1,t2;$[3]!==filteredSourceCode?(t2=filteredSourceCode?.map(_temp2)??[],$[3]=filteredSourceCode,$[4]=t2):t2=$[4];let fileNames=t2,t3;$[5]!==activeTab||$[6]!==filteredSourceCode?(t3=filteredSourceCode?.find(item_1=>item_1.fileName===activeTab)||filteredSourceCode?.[0]||defaultSourceCode,$[5]=activeTab,$[6]=filteredSourceCode,$[7]=t3):t3=$[7];let activeTabSourceCode=t3,hasInlineStyles=!!activeTabSourceCode?.highlightedInline||activeTabSourceCode?.type==="residual-css",activeHighlightedCode=isInlineMode&&hasInlineStyles?activeTabSourceCode?.highlightedInline:activeTabSourceCode?.highlighted,hasPreview=!!activeHighlightedCode?.preview,t4;$[8]!==activeHighlightedCode||$[9]!==expanded||$[10]!==hasPreview?(t4=()=>activeHighlightedCode?hasPreview?expanded?activeHighlightedCode.full:activeHighlightedCode.preview||"":activeHighlightedCode.full:"",$[8]=activeHighlightedCode,$[9]=expanded,$[10]=hasPreview,$[11]=t4):t4=$[11];let getHighlightedCode=t4,highlighterRef=useRef2(null),t5;$[12]!==activeTabSourceCode?.raw?.full||$[13]!==activeTabSourceCode?.raw?.preview||$[14]!==expanded?(t5=()=>{let ref=highlighterRef.current;if(ref){let preElement=ref.querySelector("pre");if(preElement){let dataCode=preElement.getAttribute("data-code"),dataPreview=preElement.getAttribute("data-preview");if(dataCode)return expanded?dataCode:dataPreview||dataCode}}return(expanded?activeTabSourceCode?.raw?.full:activeTabSourceCode?.raw?.preview||activeTabSourceCode?.raw?.full)||""},$[12]=activeTabSourceCode?.raw?.full,$[13]=activeTabSourceCode?.raw?.preview,$[14]=expanded,$[15]=t5):t5=$[15],activeTabSourceCode?.raw?.full,activeTabSourceCode?.raw?.preview;let getCopyableCode=t5,t6;return $[16]!==activeHighlightedCode||$[17]!==activeTabSourceCode||$[18]!==fileNames||$[19]!==filteredSourceCode||$[20]!==getCopyableCode||$[21]!==getHighlightedCode||$[22]!==hasInlineStyles||$[23]!==hasPreview||$[24]!==isInlineMode?(t6={activeHighlightedCode,activeTabSourceCode,fileNames,filteredSourceCode,getCopyableCode,getHighlightedCode,hasInlineStyles,hasPreview,highlighterRef,isInlineMode},$[16]=activeHighlightedCode,$[17]=activeTabSourceCode,$[18]=fileNames,$[19]=filteredSourceCode,$[20]=getCopyableCode,$[21]=getHighlightedCode,$[22]=hasInlineStyles,$[23]=hasPreview,$[24]=isInlineMode,$[25]=t6):t6=$[25],t6}function _temp2(item_0){return item_0.fileName}function _temp(item){return item.type!=="residual-css"}function AngularDemoRunner(t0){let $=_c5(4),{children,colorScheme,demoName,expanded:expandedProp,hideDemoBrandSwitcher,notFound,qdsBrand,setQdsBrand,sourceCode,updating,wrapperProps,...props}=t0,[expanded,setExpanded]=useState2(expandedProp),[activeTab,setActiveTab]=useState2(sourceCode?.[0]?.fileName||""),scheme=colorScheme==="light"?"light":"dark",t1=!!expanded,t2;$[0]!==activeTab||$[1]!==sourceCode||$[2]!==t1?(t2={activeTab,expanded:t1,sourceCode},$[0]=activeTab,$[1]=sourceCode,$[2]=t1,$[3]=t2):t2=$[3];let{fileNames,getCopyableCode,getHighlightedCode,hasInlineStyles,hasPreview,highlighterRef}=useDemoSourceCode(t2),mergedProps=mergeProps2({className:"qui-docs-demo-container__root"},props),mergedWrapperProps=mergeProps2({className:"qui-demo-runner__wrapper"},wrapperProps??{});return jsxs4("div",{"data-has-preview":booleanDataAttr2(hasPreview),"data-state":expanded?"expanded":"collapsed","data-updating":booleanDataAttr2(updating),...mergedProps,children:[jsxs4("div",{"data-brand":qdsBrand,"data-theme":scheme,suppressHydrationWarning:!0,...mergedWrapperProps,children:[notFound?jsx4(InlineNotification,{emphasis:"danger",label:jsxs4("div",{children:[jsx4("span",{children:"Demo Not Found: "}),jsx4("code",{className:"qui-docs-code",children:demoName})]})}):null,children]}),notFound?null:jsx4(DemoCodePanel,{actions:jsxs4(Fragment,{children:[updating?jsx4(ProgressRing,{size:"xs"}):null,hideDemoBrandSwitcher?null:jsx4(QdsDemoThemeSelector,{qdsBrand,setQdsBrand})]}),activeTab,copyButton:jsx4(CopyToClipboardButton,{code:getCopyableCode,emphasis:"neutral"}),expanded:!!expanded,fileNames,getHighlightedCode,hasInlineStyles,hasPreview,highlighterRef,onExpandedChange:setExpanded,onTabChange:setActiveTab,suppressHydrationWarning:!0})]})}var QdsAngularDemoRunner=AngularDemoRunner;import{jsx as jsx6}from"react/jsx-runtime";import{c as _c6}from"react/compiler-runtime";import{Fragment as Fragment2,jsx as jsx5,jsxs as jsxs5}from"react/jsx-runtime";import{useState as useState3}from"react";import*as React from"react";import{ChevronsLeftRight}from"lucide-react";import{Button}from"@qualcomm-ui/react/button";import{ProgressRing as ProgressRing2}from"@qualcomm-ui/react/progress-ring";import{Tab as Tab2,Tabs as Tabs2}from"@qualcomm-ui/react/tabs";import{useSafeLayoutEffect}from"@qualcomm-ui/react-core/effects";import{useMdxDocsContext as useMdxDocsContext4}from"@qualcomm-ui/react-mdx/context";import{CopyToClipboardButton as CopyToClipboardButton2}from"@qualcomm-ui/react-mdx/copy-to-clipboard";import{useRunner}from"@qualcomm-ui/react-mdx/runner";import{booleanDataAttr as booleanDataAttr3}from"@qualcomm-ui/utils/attributes";import{mergeProps as mergeProps3}from"@qualcomm-ui/utils/merge-props";function QdsReactDemo(t0){let $=_c6(24),{children,colorScheme,defaultSourceIndex:t1,demo:demoProp,expandable:t2,expanded:t3,name,onDemoRendered,qdsBrand,updating,wrapperProps:t4,...props}=t0,expandable=t2===void 0?!0:t2,expandedProp=t3===void 0?!1:t3,wrapperProps=t4===void 0?{}:t4,t5;$[0]!==demoProp?(t5=demoProp||{demoName:"",fileName:"",filePath:"",imports:[],pageId:"",scope:{},sourceCode:[]},$[0]=demoProp,$[1]=t5):t5=$[1];let demo=t5,[activeTab,setActiveTab]=useState3(demo?.fileName||""),{demoState,updateDemoState}=useMdxDocsContext4(),t6;$[2]!==demo.pageId||$[3]!==demoState?(t6=demoState[demo.pageId]||{},$[2]=demo.pageId,$[3]=demoState,$[4]=t6):t6=$[4];let state=t6,[expanded,setExpanded]=useState3(state?.[name]?.expanded||expandedProp),t7,t8;$[5]!==activeTab||$[6]!==demo.fileName?(t7=()=>{demo.fileName&&!activeTab&&setActiveTab(demo.fileName)},t8=[activeTab,demo.fileName],$[5]=activeTab,$[6]=demo.fileName,$[7]=t7,$[8]=t8):(t7=$[7],t8=$[8]),useSafeLayoutEffect(t7,t8);let t9;$[9]!==demo.pageId||$[10]!==expanded||$[11]!==name||$[12]!==updateDemoState?(t9=()=>{queueMicrotask(()=>{updateDemoState(demo.pageId,name,{expanded:!expanded})}),setExpanded(_temp3)},$[9]=demo.pageId,$[10]=expanded,$[11]=name,$[12]=updateDemoState,$[13]=t9):t9=$[13];let toggleCollapsed=t9,fileNames=demo.sourceCode?.map(_temp22)??[],activeTabSourceCode=(demo.sourceCode??[]).find(item_0=>item_0.fileName===activeTab)??getDefaultSourceCode(),hasPreview=!!activeTabSourceCode?.highlighted?.preview,scheme=colorScheme||"dark",missingDefaultExport=!0,t10;$[14]!==demo.scope?(t10={...demo.scope,React},$[14]=demo.scope,$[15]=t10):t10=$[15];let scope=t10,mergedProps=mergeProps3({className:"qui-docs-demo-container__root","data-has-preview":booleanDataAttr3(hasPreview),"data-state":expanded?"expanded":"collapsed"},props),t11;$[16]!==onDemoRendered?(t11=error2=>{onDemoRendered?.(error2)},$[16]=onDemoRendered,$[17]=t11):t11=$[17];let t12;$[18]!==scope||$[19]!==t11?(t12={code:"",disableCache:!0,onRendered:t11,scope},$[18]=scope,$[19]=t11,$[20]=t12):t12=$[20];let runnerProps=t12,{element:demoComponent,error}=useRunner(runnerProps),t13;bb0:{demo.errorMessage;{let t14;$[21]!==demo.errorMessage||$[22]!==updating?(t14=jsx5("div",{className:"qds-demo-runner__render-error","data-updating":booleanDataAttr3(updating),children:updating?jsxs5(Fragment2,{children:[jsx5("div",{children:"Loading..."}),jsx5(ProgressRing2,{size:"xs"})]}):demo.errorMessage||"Error: missing default export"}),$[21]=demo.errorMessage,$[22]=updating,$[23]=t14):t14=$[23],t13=t14;break bb0}t13=demoComponent||error}let renderedDemo=t13,getCopyableCode=()=>(expanded?activeTabSourceCode.raw?.full:activeTabSourceCode.raw?.preview||activeTabSourceCode.raw?.full)||"",getHighlightedCode=()=>hasPreview?expanded?activeTabSourceCode.highlighted.full:activeTabSourceCode.highlighted.preview:activeTabSourceCode.highlighted.full;return jsxs5("div",{...mergedProps,children:[children,expandable?jsxs5(Fragment2,{children:[jsx5("div",{...mergeProps3({className:"qui-demo-runner__wrapper"},wrapperProps),"data-brand":qdsBrand,"data-theme":scheme,children:renderedDemo}),jsxs5("div",{className:"qui-demo-runner__tabs",children:[jsxs5("div",{className:"qui-demo-runner__action-bar","data-state":expanded||hasPreview?"open":"closed",children:[fileNames.length>1?jsx5(Tabs2.Root,{onValueChange:value=>{setActiveTab(value),expanded||setExpanded(!0)},value:expanded||hasPreview?activeTab:null,children:jsxs5(Tabs2.List,{children:[jsx5(Tabs2.Indicator,{}),fileNames.map(fileName=>jsx5(Tab2.Root,{value:fileName,children:jsx5(Tab2.Button,{onClick:()=>{expanded||setExpanded(!0)},children:fileName})},fileName))]})}):jsx5("div",{}),jsxs5("div",{className:"qui-demo-runner__actions",children:[jsx5(Button,{"data-brand":"qualcomm",emphasis:"primary",endIcon:ChevronsLeftRight,onClick:toggleCollapsed,size:"sm",variant:"ghost",children:hasPreview?expanded?"Collapse Code":"Expand Code":expanded?"Hide Code":"Show Code"}),jsx5(CopyToClipboardButton2,{code:getCopyableCode})]})]}),hasPreview||expanded?jsx5("div",{className:"qui-docs-highlighter__root",dangerouslySetInnerHTML:{__html:getHighlightedCode()}}):null]})]}):renderedDemo]})}function _temp22(item){return item.fileName}function _temp3(prevState){return!prevState}function QdsDemoRunner({hideBrandSwitcher,qdsBrand="qualcomm",setQdsBrand,...props}){return jsx6(QdsReactDemo,{qdsBrand,...props,children:hideBrandSwitcher?null:jsx6(QdsDemoThemeSelector,{qdsBrand,setQdsBrand})})}import{jsx as jsx8}from"react/jsx-runtime";import{c as _c7}from"react/compiler-runtime";import{Fragment as Fragment3,jsx as jsx7,jsxs as jsxs6}from"react/jsx-runtime";import{useEffect,useState as useState4}from"react";import{useSafeLayoutEffect as useSafeLayoutEffect2}from"@qualcomm-ui/react-core/effects";import{useMdxDocsContext as useMdxDocsContext5}from"@qualcomm-ui/react-mdx/context";import{CopyToClipboardButton as CopyToClipboardButton3}from"@qualcomm-ui/react-mdx/copy-to-clipboard";import{booleanDataAttr as booleanDataAttr4}from"@qualcomm-ui/utils/attributes";import{mergeProps as mergeProps4}from"@qualcomm-ui/utils/merge-props";function ReactDemo(t0){let $=_c7(30),{actions,children,colorScheme,component:Component,defaultSourceIndex:t1,demo:demoProp,expandable:t2,expanded:t3,name,wrapperProps:t4,...props}=t0,expandable=t2===void 0?!0:t2,expandedProp=t3===void 0?!1:t3,wrapperProps=t4===void 0?{}:t4,t5;$[0]!==demoProp?(t5=demoProp||{demoName:"",fileName:"",filePath:"",imports:[],pageId:"",sourceCode:[]},$[0]=demoProp,$[1]=t5):t5=$[1];let demo=t5,[activeTab,setActiveTab]=useState4(demo?.fileName||""),{demoState,updateDemoState}=useMdxDocsContext5(),t6;$[2]!==demo.pageId||$[3]!==demoState?(t6=demoState[demo.pageId]||{},$[2]=demo.pageId,$[3]=demoState,$[4]=t6):t6=$[4];let state=t6,[expanded,setExpanded]=useState4(state?.[name]?.expanded||expandedProp),t7;$[5]!==Component?.name||$[6]!==demo.fileName?(t7=()=>{demo?.fileName||console.warn("ReactDemo: no fileName found for demo",Component?.name||"")},$[5]=Component?.name,$[6]=demo.fileName,$[7]=t7):t7=$[7];let t8=demo?.fileName,t9;$[8]!==Component||$[9]!==t8?(t9=[Component,t8],$[8]=Component,$[9]=t8,$[10]=t9):t9=$[10],useEffect(t7,t9);let t10;$[11]!==activeTab||$[12]!==demo.sourceCode?(t10=()=>{demo.sourceCode.every(item=>item.fileName!==activeTab)&&setActiveTab(demo.sourceCode[0]?.fileName)},$[11]=activeTab,$[12]=demo.sourceCode,$[13]=t10):t10=$[13];let t11;$[14]!==demo.sourceCode?(t11=[demo.sourceCode],$[14]=demo.sourceCode,$[15]=t11):t11=$[15],useSafeLayoutEffect2(t10,t11);let t12;$[16]!==activeTab||$[17]!==demo.fileName?(t12=()=>{demo?.fileName&&!activeTab&&setActiveTab(demo?.fileName)},$[16]=activeTab,$[17]=demo.fileName,$[18]=t12):t12=$[18];let t13=demo?.fileName,t14;$[19]!==activeTab||$[20]!==t13?(t14=[activeTab,t13],$[19]=activeTab,$[20]=t13,$[21]=t14):t14=$[21],useSafeLayoutEffect2(t12,t14);let scheme=colorScheme||"dark",t15;$[22]!==activeTab||$[23]!==demo.sourceCode||$[24]!==expanded?(t15={activeTab,expanded,sourceCode:demo.sourceCode},$[22]=activeTab,$[23]=demo.sourceCode,$[24]=expanded,$[25]=t15):t15=$[25];let{fileNames,getCopyableCode,getHighlightedCode,hasInlineStyles,hasPreview,highlighterRef}=useDemoSourceCode(t15),mergedProps=mergeProps4({className:"qui-docs-demo-container__root","data-has-preview":booleanDataAttr4(hasPreview),"data-state":expanded?"expanded":"collapsed"},props),t16;$[26]!==demo.pageId||$[27]!==name||$[28]!==updateDemoState?(t16=newExpanded=>{queueMicrotask(()=>{updateDemoState(demo.pageId,name,{expanded:newExpanded})}),setExpanded(newExpanded)},$[26]=demo.pageId,$[27]=name,$[28]=updateDemoState,$[29]=t16):t16=$[29];let handleExpandedChange=t16;return jsxs6("div",{...mergedProps,children:[children,expandable?jsxs6(Fragment3,{children:[jsx7("div",{...mergeProps4({className:"qui-demo-runner__wrapper"},wrapperProps),"data-theme":scheme,children:jsx7(Component,{})}),jsx7(DemoCodePanel,{actions,activeTab,copyButton:jsx7(CopyToClipboardButton3,{code:getCopyableCode,emphasis:"neutral"}),expanded,fileNames,getHighlightedCode,hasInlineStyles,hasPreview,highlighterRef,onExpandedChange:handleExpandedChange,onTabChange:setActiveTab,tabsValue:expanded||hasPreview?activeTab:null})]}):jsx7(Component,{})]})}function ReactDemoRunner({hideBrandSwitcher,qdsBrand="qualcomm",setQdsBrand,...props}){return jsx8(ReactDemo,{...props,actions:hideBrandSwitcher?null:jsx8(QdsDemoThemeSelector,{qdsBrand,setQdsBrand}),wrapperProps:{"data-brand":qdsBrand}})}export{AngularDemoRunner,QdsAngularDemoRunner,QdsDemoRunner,QdsReactDemo,ReactDemo,ReactDemoRunner,extractPreviewsAndCleanSource,getDefaultSourceCode,isImportLine,isPreviewLine};
 //# sourceMappingURL=index.js.map