@qualcomm-ui/react-mdx 1.6.0 → 1.6.2
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.
- package/dist/all.min.css +1 -1
- package/dist/code-demo/angular-demo-runner.d.ts.map +1 -1
- package/dist/code-demo/index.js +1 -1
- package/dist/code-demo/index.js.map +3 -3
- package/dist/code-demo/internal/use-demo-source-code.d.ts +3 -0
- package/dist/code-demo/internal/use-demo-source-code.d.ts.map +1 -1
- package/dist/code-demo/react-demo.d.ts.map +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +4 -4
package/dist/all.min.css
CHANGED
|
@@ -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:16px;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__remarks-tag{font:var(--font-static-body-sm-default)}.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__remarks-tag .mdx-spoiler__root{border:solid 1px transparent;margin-top:0}.doc-props-description__remarks-tag .mdx-spoiler__trigger{font:var(--font-static-body-xs-bold);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-lg-default);margin-right:5px;padding:3px 4px}.doc-props__show-attributes-button{margin-top:var(--qui-mdx-margin-default)}: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-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;margin-top:64px;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}.qui-page-links__link-wrapper{display:flex;flex:1}.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)}: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}h1.mdx+div.mdx,h1.mdx+ol.mdx,h1.mdx+p.mdx,h1.mdx+ul.mdx{margin-top:24px}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:32px 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}:root{--qui-header-height:48px;--qui-side-nav-width:312px;--background-primary:var(--color-background-neutral-00)}[data-theme=dark]{--qui-docs-code-background:var(--color-background-neutral-02);--qui-docs-code-color:#8cb9f0;--background-primary:var(--color-background-neutral-01)}[data-theme=light]{--qui-docs-code-background:var(--color-background-neutral-01);--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%}.qui-docs__header{background:var(--color-surface-secondary);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}}[data-theme=dark] .qui-docs-sidebar__root .qui-side-nav__root{background:var(--color-background-neutral-01)}[data-theme=dark] .qui-docs__header .qui-header-bar__root{background:var(--color-background-neutral-01)}.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 (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 (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]{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,950px)}.qui-docs__app-content[data-hide-toc] .qui-docs__main-content{max-width:unset;--content-padding-top:20px;--content-padding-right:28px;--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 (min-width: 1510px){.qui-docs__app-content{grid-template-columns:var(--qui-side-nav-width) minmax(900px,950px) 280px;max-width:1600px}.qui-docs__app-content[data-hide-side-nav]{grid-template-columns:minmax(900px,calc(1060px + var(--qui-side-nav-width))) 280px}.qui-docs__app-content[data-hide-toc]{grid-template-columns:var(--qui-side-nav-width) minmax(600px,950px)}.qui-docs__app-content[data-hide-toc] .qui-docs__main-content{max-width:1600px;--content-padding-top:20px;--content-padding-right:28px;--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-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{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}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;padding:0 16px}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}
|
|
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:16px;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__remarks-tag{font:var(--font-static-body-sm-default)}.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__remarks-tag .mdx-spoiler__root{border:solid 1px transparent;margin-top:0}.doc-props-description__remarks-tag .mdx-spoiler__trigger{font:var(--font-static-body-xs-bold);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-lg-default);margin-right:5px;padding:3px 4px}.doc-props__show-attributes-button{margin-top:var(--qui-mdx-margin-default)}: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;margin-top:64px;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}.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}h1.mdx+div.mdx,h1.mdx+ol.mdx,h1.mdx+p.mdx,h1.mdx+ul.mdx{margin-top:24px}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:32px 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}:root{--qui-header-height:48px;--qui-side-nav-width:312px;--background-primary:var(--color-background-neutral-00)}[data-theme=dark]{--qui-docs-code-background:var(--color-background-neutral-02);--qui-docs-code-color:#8cb9f0;--background-primary:var(--color-background-neutral-01)}[data-theme=light]{--qui-docs-code-background:var(--color-background-neutral-01);--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%}.qui-docs__header{background:var(--color-surface-secondary);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}}[data-theme=dark] .qui-docs-sidebar__root .qui-side-nav__root{background:var(--color-background-neutral-01)}[data-theme=dark] .qui-docs__header .qui-header-bar__root{background:var(--color-background-neutral-01)}.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 (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 (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]{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,950px)}.qui-docs__app-content[data-hide-toc] .qui-docs__main-content{max-width:unset;--content-padding-top:20px;--content-padding-right:28px;--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 (min-width: 1510px){.qui-docs__app-content{grid-template-columns:var(--qui-side-nav-width) minmax(900px,950px) 280px;max-width:1600px}.qui-docs__app-content[data-hide-side-nav]{grid-template-columns:minmax(900px,calc(1060px + var(--qui-side-nav-width))) 280px}.qui-docs__app-content[data-hide-toc]{grid-template-columns:var(--qui-side-nav-width) minmax(600px,950px)}.qui-docs__app-content[data-hide-toc] .qui-docs__main-content{max-width:1600px;--content-padding-top:20px;--content-padding-right:28px;--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-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;padding:0 16px}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}
|
|
@@ -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,
|
|
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"}
|
package/dist/code-demo/index.js
CHANGED
|
@@ -3,5 +3,5 @@ import{c as _c6}from"react/compiler-runtime";import{jsx as jsx6,jsxs as jsxs2}fr
|
|
|
3
3
|
`),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(`
|
|
4
4
|
`),endLine:i-1,startLine}),currentBlock=[],inPreview=!1):(inPreview=!0,startLine=i+1):(cleanedLines.push(line),inPreview&¤tBlock.push(line))}return{formattedPreview:dedent(previewBlocks.map(block=>block.content).join(`
|
|
5
5
|
`)),previewBlocks,sourceWithoutPreviews:cleanedLines.join(`
|
|
6
|
-
`)}}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"react";import{useMdxDocsContext as useMdxDocsContext2}from"@qualcomm-ui/react-mdx/context";var defaultSourceCode={fileName:"",highlighted:{full:""},type:"file"};function useDemoSourceCode(t0){let $=_c5(21),{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,t5;return $[12]!==activeHighlightedCode||$[13]!==activeTabSourceCode||$[14]!==fileNames||$[15]!==filteredSourceCode||$[16]!==getHighlightedCode||$[17]!==hasInline||$[18]!==hasPreview||$[19]!==isInlineMode?(t5={activeHighlightedCode,activeTabSourceCode,fileNames,filteredSourceCode,getHighlightedCode,hasInlineStyles:hasInline,hasPreview,isInlineMode},$[12]=activeHighlightedCode,$[13]=activeTabSourceCode,$[14]=fileNames,$[15]=filteredSourceCode,$[16]=getHighlightedCode,$[17]=hasInline,$[18]=hasPreview,$[19]=isInlineMode,$[20]=t5):t5=$[20],t5}function _temp2(item_0){return item_0.fileName}function _temp3(item){return item.type!=="residual-css"}function AngularDemoRunner(t0){let $=_c6(7),{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{activeTabSourceCode,fileNames,getHighlightedCode,hasInlineStyles,hasPreview}=useDemoSourceCode(t2),mergedProps=mergeProps2({className:"qui-docs-demo-container__root"},props),mergedWrapperProps=mergeProps2({className:"qui-demo-runner__wrapper"},wrapperProps??{}),t3;$[4]!==activeTabSourceCode||$[5]!==expanded?(t3=()=>activeTabSourceCode&&(expanded?activeTabSourceCode.raw?.full:activeTabSourceCode.raw?.preview||activeTabSourceCode.raw?.full)||"",$[4]=activeTabSourceCode,$[5]=expanded,$[6]=t3):t3=$[6];let getCopyableCode=t3;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,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{Fragment as Fragment2,jsx as jsx9,jsxs as jsxs4}from"react/jsx-runtime";import{useEffect,useMemo as useMemo5,useRef,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({children,colorScheme,component:Component,defaultSourceIndex:_defaultSourceIndex=0,demo:demoProp,expandable=!0,expanded:expandedProp=!1,name,wrapperProps={},...props}){let demo=demoProp||{demoName:"",fileName:"",filePath:"",imports:[],pageId:"",sourceCode:[]},htmlWrapperRef=useRef(null),[activeTab,setActiveTab]=useState4(demo?.fileName||""),{demoState,updateDemoState}=useMdxDocsContext4(),state=useMemo5(()=>demoState[demo.pageId]||{},[demo.pageId,demoState]),[expanded,setExpanded]=useState4(state?.[name]?.expanded||expandedProp);useEffect(()=>{demo?.fileName||console.warn("ReactDemo: no fileName found for demo",Component?.name||"")},[Component,demo?.fileName]),useSafeLayoutEffect2(()=>{demo.sourceCode.every(item=>item.fileName!==activeTab)&&setActiveTab(demo.sourceCode[0]?.fileName)},[demo.sourceCode]),useSafeLayoutEffect2(()=>{demo?.fileName&&!activeTab&&setActiveTab(demo?.fileName)},[activeTab,demo?.fileName]);let scheme=colorScheme||"dark",{activeTabSourceCode,fileNames,getHighlightedCode,hasInlineStyles,hasPreview}=useDemoSourceCode({activeTab,expanded,sourceCode:demo.sourceCode}),mergedProps=mergeProps4({className:"qui-docs-demo-container__root","data-has-preview":booleanDataAttr4(hasPreview),"data-state":expanded?"expanded":"collapsed"},props),getCopyableCode=()=>{let ref=htmlWrapperRef.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)||""},handleExpandedChange=newExpanded=>{queueMicrotask(()=>{updateDemoState(demo.pageId,name,{expanded:newExpanded})}),setExpanded(newExpanded)};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:htmlWrapperRef,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};
|
|
6
|
+
`)}}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};
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/code-demo/angular-demo-runner.tsx", "../../src/code-demo/internal/demo-code-panel.tsx", "../../src/code-demo/internal/demo-style-toggle.tsx", "../../src/code-demo/internal/css-logo.tsx", "../../src/code-demo/internal/tailwind-logo.tsx", "../../src/code-demo/internal/qds-demo-theme-selector.tsx", "../../src/code-demo/internal/use-qds-demo-theme.ts", "../../src/code-demo/internal/use-code-demo-preview.ts", "../../src/code-demo/code-demo.utils.ts", "../../src/code-demo/internal/use-demo-source-code.ts", "../../src/code-demo/qds-demo-runner.tsx", "../../src/code-demo/qds-react-demo.tsx", "../../src/code-demo/react-demo-runner.tsx", "../../src/code-demo/react-demo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useState } from \"react\";\nimport { InlineNotification } from \"@qualcomm-ui/react/inline-notification\";\nimport { ProgressRing } from \"@qualcomm-ui/react/progress-ring\";\nimport { CopyToClipboardIconButton } from \"@qualcomm-ui/react-mdx/copy-to-clipboard\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { DemoCodePanel, QdsDemoThemeSelector, useDemoSourceCode } from \"./internal\";\nexport function AngularDemoRunner(t0) {\n const $ = _c(7);\n const {\n children,\n colorScheme,\n demoName,\n expanded: expandedProp,\n hideDemoBrandSwitcher,\n notFound,\n qdsBrand,\n setQdsBrand,\n sourceCode,\n updating,\n wrapperProps,\n ...props\n } = t0;\n const [expanded, setExpanded] = useState(expandedProp);\n const [activeTab, setActiveTab] = useState(sourceCode?.[0]?.fileName || \"\");\n const scheme = colorScheme === \"light\" ? \"light\" : \"dark\";\n const t1 = !!expanded;\n let t2;\n if ($[0] !== activeTab || $[1] !== sourceCode || $[2] !== t1) {\n t2 = {\n activeTab,\n expanded: t1,\n sourceCode\n };\n $[0] = activeTab;\n $[1] = sourceCode;\n $[2] = t1;\n $[3] = t2;\n } else {\n t2 = $[3];\n }\n const {\n activeTabSourceCode,\n fileNames,\n getHighlightedCode,\n hasInlineStyles,\n hasPreview\n } = useDemoSourceCode(t2);\n const mergedProps = mergeProps({\n className: \"qui-docs-demo-container__root\"\n }, props);\n const mergedWrapperProps = mergeProps({\n className: \"qui-demo-runner__wrapper\"\n }, wrapperProps ?? {});\n let t3;\n if ($[4] !== activeTabSourceCode || $[5] !== expanded) {\n t3 = () => {\n if (!activeTabSourceCode) {\n return \"\";\n }\n return (expanded ? activeTabSourceCode.raw?.full : activeTabSourceCode.raw?.preview || activeTabSourceCode.raw?.full) || \"\";\n };\n $[4] = activeTabSourceCode;\n $[5] = expanded;\n $[6] = t3;\n } else {\n t3 = $[6];\n }\n const getCopyableCode = t3;\n return jsxs(\"div\", {\n \"data-has-preview\": booleanDataAttr(hasPreview),\n \"data-state\": expanded ? \"expanded\" : \"collapsed\",\n \"data-updating\": booleanDataAttr(updating),\n ...mergedProps,\n children: [hideDemoBrandSwitcher ? null : jsx(QdsDemoThemeSelector, {\n qdsBrand,\n setQdsBrand\n }), jsxs(\"div\", {\n \"data-brand\": qdsBrand,\n \"data-theme\": scheme,\n suppressHydrationWarning: true,\n ...mergedWrapperProps,\n children: [notFound ? jsx(InlineNotification, {\n emphasis: \"danger\",\n label: jsxs(\"div\", {\n children: [jsx(\"span\", {\n children: \"Demo Not Found: \"\n }), jsx(\"code\", {\n className: \"qui-docs-code\",\n children: demoName\n })]\n })\n }) : null, children]\n }), notFound ? null : jsx(DemoCodePanel, {\n actionsStart: updating ? jsx(ProgressRing, {\n size: \"xs\"\n }) : null,\n activeTab,\n copyButton: jsx(CopyToClipboardIconButton, {\n density: \"default\",\n size: \"sm\",\n valueOrFn: getCopyableCode\n }),\n expanded: !!expanded,\n fileNames,\n getHighlightedCode,\n hasInlineStyles,\n hasPreview,\n onExpandedChange: setExpanded,\n onTabChange: setActiveTab,\n suppressHydrationWarning: true\n })]\n });\n}\nexport const QdsAngularDemoRunner = AngularDemoRunner;", "import { jsx, jsxs } from \"react/jsx-runtime\";\nimport { ChevronsLeftRight } from \"lucide-react\";\nimport { Button } from \"@qualcomm-ui/react/button\";\nimport { Tab, Tabs } from \"@qualcomm-ui/react/tabs\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nimport { DemoStyleToggle } from \"./demo-style-toggle\";\nexport function DemoCodePanel({\n actionsStart,\n activeTab,\n copyButton,\n expanded,\n fileNames,\n getHighlightedCode,\n hasInlineStyles,\n hasPreview,\n highlighterRef,\n onExpandedChange,\n onTabChange,\n suppressHydrationWarning,\n tabsValue\n}) {\n const effectiveTabsValue = tabsValue !== void 0 ? tabsValue : activeTab;\n return /* @__PURE__ */jsxs(\"div\", {\n className: \"qui-demo-runner__tabs\",\n children: [/* @__PURE__ */jsxs(\"div\", {\n className: \"qui-demo-runner__action-bar\",\n \"data-state\": expanded || hasPreview ? \"open\" : \"closed\",\n children: [fileNames.length > 1 ? /* @__PURE__ */jsx(Tabs.Root, {\n onValueChange: value => {\n onTabChange(value);\n if (!expanded) {\n onExpandedChange(true);\n }\n },\n value: effectiveTabsValue,\n children: /* @__PURE__ */jsxs(Tabs.List, {\n children: [/* @__PURE__ */jsx(Tabs.Indicator, {}), fileNames.map(fileName => {\n return /* @__PURE__ */jsx(Tab.Root, {\n value: fileName,\n children: /* @__PURE__ */jsx(Tab.Button, {\n onClick: () => {\n if (!expanded) {\n onExpandedChange(true);\n }\n },\n children: fileName\n })\n }, fileName);\n })]\n })\n }) : /* @__PURE__ */jsx(\"div\", {}), /* @__PURE__ */jsxs(\"div\", {\n className: \"qui-demo-runner__actions\",\n children: [actionsStart, /* @__PURE__ */jsx(Button, {\n \"data-brand\": \"qualcomm\",\n emphasis: \"primary\",\n endIcon: ChevronsLeftRight,\n onClick: () => onExpandedChange(!expanded),\n size: \"sm\",\n variant: \"ghost\",\n children: hasPreview ? expanded ? \"Collapse Code\" : \"Expand Code\" : expanded ? \"Hide Code\" : \"Show Code\"\n }), hasInlineStyles ? /* @__PURE__ */jsx(DemoStyleToggle, {}) : null, copyButton]\n })]\n }), /* @__PURE__ */jsx(\"div\", {\n ref: highlighterRef,\n className: \"qui-docs-highlighter__root\",\n dangerouslySetInnerHTML: {\n __html: getHighlightedCode()\n },\n \"data-hidden\": booleanDataAttr(!expanded && !hasPreview),\n suppressHydrationWarning\n })]\n });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { IconButton } from \"@qualcomm-ui/react/button\";\nimport { Tooltip } from \"@qualcomm-ui/react/tooltip\";\nimport { useMdxDocsContext } from \"@qualcomm-ui/react-mdx/context\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { CssLogo } from \"./css-logo\";\nimport { TailwindLogo } from \"./tailwind-logo\";\nexport function DemoStyleToggle(props) {\n const $ = _c(6);\n const {\n demoSettings,\n setDemoSettings\n } = useMdxDocsContext();\n let t0;\n if ($[0] !== setDemoSettings) {\n t0 = () => {\n setDemoSettings?.(_temp);\n };\n $[0] = setDemoSettings;\n $[1] = t0;\n } else {\n t0 = $[1];\n }\n const toggleStyleMode = t0;\n const transformTailwindClasses = demoSettings?.transformTailwindClasses;\n let t1;\n if ($[2] !== props || $[3] !== toggleStyleMode || $[4] !== transformTailwindClasses) {\n const mergedProps = mergeProps({\n className: \"qui-demo-runner__style-toggle\"\n }, props);\n t1 = jsx(\"div\", {\n ...mergedProps,\n children: jsx(Tooltip, {\n trigger: jsx(IconButton, {\n emphasis: \"primary\",\n icon: transformTailwindClasses ? jsx(CssLogo, {\n style: {\n \"--icon-size\": \"16px\"\n }\n }) : jsx(TailwindLogo, {\n style: {\n \"--icon-size\": \"16px\"\n }\n }),\n onClick: toggleStyleMode,\n size: \"sm\",\n variant: \"ghost\"\n }),\n children: transformTailwindClasses ? \"Switch to tailwind styles\" : \"Switch to inline styles\"\n })\n });\n $[2] = props;\n $[3] = toggleStyleMode;\n $[4] = transformTailwindClasses;\n $[5] = t1;\n } else {\n t1 = $[5];\n }\n return t1;\n}\nfunction _temp(prevState) {\n return {\n ...prevState,\n transformTailwindClasses: !prevState.transformTailwindClasses\n };\n}", "import { jsx } from \"react/jsx-runtime\";\nexport function CssLogo(props) {\n return /* @__PURE__ */jsx(\"svg\", {\n viewBox: \"0 0 256 256\",\n xmlSpace: \"preserve\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ...props,\n children: /* @__PURE__ */jsx(\"path\", {\n 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\",\n fill: \"currentColor\"\n })\n });\n}", "import { jsx } from \"react/jsx-runtime\";\nexport function TailwindLogo(props) {\n return /* @__PURE__ */jsx(\"svg\", {\n viewBox: \"0 0 32 32\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ...props,\n children: /* @__PURE__ */jsx(\"path\", {\n 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\",\n style: {\n fill: \"currentColor\"\n }\n })\n });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { Select } from \"@qualcomm-ui/react/select\";\nimport { themeOptCollection, useQdsDemoTheme } from \"./use-qds-demo-theme\";\nexport function QdsDemoThemeSelector(t0) {\n const $ = _c(6);\n const {\n qdsBrand,\n setQdsBrand\n } = t0;\n let t1;\n if ($[0] !== qdsBrand || $[1] !== setQdsBrand) {\n t1 = {\n qdsBrand,\n setQdsBrand\n };\n $[0] = qdsBrand;\n $[1] = setQdsBrand;\n $[2] = t1;\n } else {\n t1 = $[2];\n }\n const {\n onChange,\n value\n } = useQdsDemoTheme(t1);\n let t2;\n if ($[3] !== onChange || $[4] !== value) {\n t2 = jsx(\"div\", {\n className: \"qui-demo-runner__brand-selection-wrapper\",\n children: jsx(Select, {\n clearable: false,\n collection: themeOptCollection,\n label: \"Brand\",\n onValueChange: onChange,\n placeholder: \"Brand\",\n size: \"sm\",\n value: [value]\n })\n });\n $[3] = onChange;\n $[4] = value;\n $[5] = t2;\n } else {\n t2 = $[5];\n }\n return t2;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { useCallback, useMemo } from \"react\";\nimport { ListCollection } from \"@qualcomm-ui/utils/collection\";\nexport const themeOptCollection = new ListCollection({\n itemLabel: item => item.label,\n items: [{\n id: \"qualcomm\",\n label: \"Qualcomm\"\n }, {\n id: \"snapdragon\",\n label: \"Snapdragon\"\n }, {\n id: \"dragonwing\",\n label: \"Dragonwing\"\n }],\n itemValue: item => item.id\n});\nexport function useQdsDemoTheme(t0) {\n const $ = _c(7);\n const {\n qdsBrand,\n setQdsBrand\n } = t0;\n let t1;\n if ($[0] !== qdsBrand) {\n t1 = themeOptCollection.find(qdsBrand) ?? themeOptCollection.at(0);\n $[0] = qdsBrand;\n $[1] = t1;\n } else {\n t1 = $[1];\n }\n const themeValue = t1;\n let t2;\n if ($[2] !== setQdsBrand) {\n t2 = (valueStrings, details) => {\n setQdsBrand(details.items[0]?.id ?? \"qualcomm\");\n };\n $[2] = setQdsBrand;\n $[3] = t2;\n } else {\n t2 = $[3];\n }\n const onChange = t2;\n let t3;\n if ($[4] !== onChange || $[5] !== themeValue.id) {\n t3 = {\n onChange,\n value: themeValue.id\n };\n $[4] = onChange;\n $[5] = themeValue.id;\n $[6] = t3;\n } else {\n t3 = $[6];\n }\n return t3;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport { extractPreviewsAndCleanSource } from \"../code-demo.utils\";\nexport function useCodeDemoPreview(t0) {\n const $ = _c(9);\n const {\n disableSnippets,\n initialExpanded,\n sourceCode\n } = t0;\n const [expanded, setExpanded] = useState(initialExpanded);\n let t1;\n bb0: {\n if (disableSnippets) {\n let t2;\n if ($[0] !== sourceCode) {\n t2 = {\n sourceWithoutPreviews: sourceCode\n };\n $[0] = sourceCode;\n $[1] = t2;\n } else {\n t2 = $[1];\n }\n t1 = t2;\n break bb0;\n }\n let t2;\n if ($[2] !== sourceCode) {\n t2 = extractPreviewsAndCleanSource(sourceCode);\n $[2] = sourceCode;\n $[3] = t2;\n } else {\n t2 = $[3];\n }\n t1 = t2;\n }\n const extractedPreview = t1;\n const code = expanded ? extractedPreview.sourceWithoutPreviews : extractedPreview.formattedPreview || \"\";\n let t2;\n if ($[4] === Symbol.for(\"react.memo_cache_sentinel\")) {\n t2 = () => {\n setExpanded(_temp);\n };\n $[4] = t2;\n } else {\n t2 = $[4];\n }\n const toggleExpanded = t2;\n const t3 = !!extractedPreview?.previewBlocks?.length;\n let t4;\n if ($[5] !== code || $[6] !== expanded || $[7] !== t3) {\n t4 = {\n code,\n expanded,\n hasPreview: t3,\n setExpanded,\n toggleExpanded\n };\n $[5] = code;\n $[6] = expanded;\n $[7] = t3;\n $[8] = t4;\n } else {\n t4 = $[8];\n }\n return t4;\n}\nfunction _temp(prevState) {\n return !prevState;\n}", "import { dedent } from \"@qualcomm-ui/utils/dedent\";\nexport function extractPreviewsAndCleanSource(code) {\n const lines = code.split(\"\\n\");\n const previewBlocks = [];\n const cleanedLines = [];\n let inPreview = false;\n let currentBlock = [];\n let startLine = -1;\n for (let i = 0; i < lines.length; i++) {\n const line = lines[i];\n const trimmedLine = line.trim();\n if (isPreviewLine(trimmedLine)) {\n if (inPreview) {\n previewBlocks.push({\n content: currentBlock.join(\"\\n\"),\n endLine: i - 1,\n startLine\n });\n currentBlock = [];\n inPreview = false;\n } else {\n inPreview = true;\n startLine = i + 1;\n }\n } else {\n cleanedLines.push(line);\n if (inPreview) {\n currentBlock.push(line);\n }\n }\n }\n return {\n formattedPreview: dedent(previewBlocks.map(block => block.content).join(\"\\n\")),\n previewBlocks,\n sourceWithoutPreviews: cleanedLines.join(\"\\n\")\n };\n}\nexport function isPreviewLine(trimmedLine) {\n return trimmedLine === \"// preview\" || /^\\{\\s*\\/\\*\\s*preview\\s*\\*\\/\\s*\\}$/.test(trimmedLine);\n}\nexport function isImportLine(trimmedLine) {\n return trimmedLine.startsWith(\"import\");\n}\nexport function getDefaultSourceCode() {\n return {\n fileName: \"\",\n highlighted: {\n full: \"\"\n },\n raw: {\n full: \"\",\n preview: \"\",\n withoutImports: \"\"\n },\n type: \"file\"\n };\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { useMemo } from \"react\";\nimport { useMdxDocsContext } from \"@qualcomm-ui/react-mdx/context\";\nconst defaultSourceCode = {\n fileName: \"\",\n highlighted: {\n full: \"\"\n },\n type: \"file\"\n};\nexport function useDemoSourceCode(t0) {\n const $ = _c(21);\n const {\n activeTab,\n expanded,\n sourceCode\n } = t0;\n const {\n demoSettings\n } = useMdxDocsContext();\n const isInlineMode = demoSettings?.transformTailwindClasses;\n let t1;\n if ($[0] !== isInlineMode || $[1] !== sourceCode) {\n t1 = isInlineMode ? sourceCode : (sourceCode ?? []).filter(_temp);\n $[0] = isInlineMode;\n $[1] = sourceCode;\n $[2] = t1;\n } else {\n t1 = $[2];\n }\n const filteredSourceCode = t1;\n let t2;\n if ($[3] !== filteredSourceCode) {\n t2 = filteredSourceCode?.map(_temp2) ?? [];\n $[3] = filteredSourceCode;\n $[4] = t2;\n } else {\n t2 = $[4];\n }\n const fileNames = t2;\n let t3;\n if ($[5] !== activeTab || $[6] !== filteredSourceCode) {\n t3 = filteredSourceCode?.find(item_1 => item_1.fileName === activeTab) || filteredSourceCode?.[0] || defaultSourceCode;\n $[5] = activeTab;\n $[6] = filteredSourceCode;\n $[7] = t3;\n } else {\n t3 = $[7];\n }\n const activeTabSourceCode = t3;\n const hasInline = !!activeTabSourceCode?.highlightedInline || activeTabSourceCode?.type === \"residual-css\";\n const activeHighlightedCode = isInlineMode && hasInline ? activeTabSourceCode?.highlightedInline : activeTabSourceCode?.highlighted;\n const hasPreview = !!activeHighlightedCode?.preview;\n let t4;\n if ($[8] !== activeHighlightedCode || $[9] !== expanded || $[10] !== hasPreview) {\n t4 = () => {\n if (!activeHighlightedCode) {\n return \"\";\n }\n if (hasPreview) {\n return expanded ? activeHighlightedCode.full : activeHighlightedCode.preview || \"\";\n }\n return activeHighlightedCode.full;\n };\n $[8] = activeHighlightedCode;\n $[9] = expanded;\n $[10] = hasPreview;\n $[11] = t4;\n } else {\n t4 = $[11];\n }\n const getHighlightedCode = t4;\n let t5;\n if ($[12] !== activeHighlightedCode || $[13] !== activeTabSourceCode || $[14] !== fileNames || $[15] !== filteredSourceCode || $[16] !== getHighlightedCode || $[17] !== hasInline || $[18] !== hasPreview || $[19] !== isInlineMode) {\n t5 = {\n activeHighlightedCode,\n activeTabSourceCode,\n fileNames,\n filteredSourceCode,\n getHighlightedCode,\n hasInlineStyles: hasInline,\n hasPreview,\n isInlineMode\n };\n $[12] = activeHighlightedCode;\n $[13] = activeTabSourceCode;\n $[14] = fileNames;\n $[15] = filteredSourceCode;\n $[16] = getHighlightedCode;\n $[17] = hasInline;\n $[18] = hasPreview;\n $[19] = isInlineMode;\n $[20] = t5;\n } else {\n t5 = $[20];\n }\n return t5;\n}\nfunction _temp2(item_0) {\n return item_0.fileName;\n}\nfunction _temp(item) {\n return item.type !== \"residual-css\";\n}", "import { jsx } from \"react/jsx-runtime\";\nimport { QdsDemoThemeSelector } from \"./internal\";\nimport { QdsReactDemo } from \"./qds-react-demo\";\nexport function QdsDemoRunner({\n hideBrandSwitcher,\n qdsBrand = \"qualcomm\",\n setQdsBrand,\n ...props\n}) {\n return /* @__PURE__ */jsx(QdsReactDemo, {\n qdsBrand,\n ...props,\n children: hideBrandSwitcher ? null : /* @__PURE__ */jsx(QdsDemoThemeSelector, {\n qdsBrand,\n setQdsBrand\n })\n });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nimport { useMemo, useState } from \"react\";\nimport * as React from \"react\";\nimport { ChevronsLeftRight } from \"lucide-react\";\nimport { Button } from \"@qualcomm-ui/react/button\";\nimport { ProgressRing } from \"@qualcomm-ui/react/progress-ring\";\nimport { Tab, Tabs } from \"@qualcomm-ui/react/tabs\";\nimport { useSafeLayoutEffect } from \"@qualcomm-ui/react-core/effects\";\nimport { useMdxDocsContext } from \"@qualcomm-ui/react-mdx/context\";\nimport { CopyToClipboardButton } from \"@qualcomm-ui/react-mdx/copy-to-clipboard\";\nimport { useRunner } from \"@qualcomm-ui/react-mdx/runner\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { getDefaultSourceCode } from \"./code-demo.utils\";\nexport function QdsReactDemo(t0) {\n const $ = _c(24);\n const {\n children,\n colorScheme,\n defaultSourceIndex: t1,\n demo: demoProp,\n expandable: t2,\n expanded: t3,\n name,\n onDemoRendered,\n qdsBrand,\n updating,\n wrapperProps: t4,\n ...props\n } = t0;\n t1 === undefined ? 0 : t1;\n const expandable = t2 === undefined ? true : t2;\n const expandedProp = t3 === undefined ? false : t3;\n const wrapperProps = t4 === undefined ? {} : t4;\n let t5;\n if ($[0] !== demoProp) {\n t5 = demoProp || {\n demoName: \"\",\n fileName: \"\",\n filePath: \"\",\n imports: [],\n pageId: \"\",\n scope: {},\n sourceCode: []\n };\n $[0] = demoProp;\n $[1] = t5;\n } else {\n t5 = $[1];\n }\n const demo = t5;\n const [activeTab, setActiveTab] = useState(demo?.fileName || \"\");\n const {\n demoState,\n updateDemoState\n } = useMdxDocsContext();\n let t6;\n if ($[2] !== demo.pageId || $[3] !== demoState) {\n t6 = demoState[demo.pageId] || {};\n $[2] = demo.pageId;\n $[3] = demoState;\n $[4] = t6;\n } else {\n t6 = $[4];\n }\n const state = t6;\n const [expanded, setExpanded] = useState(state?.[name]?.expanded || expandedProp);\n let t7;\n let t8;\n if ($[5] !== activeTab || $[6] !== demo.fileName) {\n t7 = () => {\n if (demo.fileName && !activeTab) {\n setActiveTab(demo.fileName);\n }\n };\n t8 = [activeTab, demo.fileName];\n $[5] = activeTab;\n $[6] = demo.fileName;\n $[7] = t7;\n $[8] = t8;\n } else {\n t7 = $[7];\n t8 = $[8];\n }\n useSafeLayoutEffect(t7, t8);\n let t9;\n if ($[9] !== demo.pageId || $[10] !== expanded || $[11] !== name || $[12] !== updateDemoState) {\n t9 = () => {\n queueMicrotask(() => {\n updateDemoState(demo.pageId, name, {\n expanded: !expanded\n });\n });\n setExpanded(_temp);\n };\n $[9] = demo.pageId;\n $[10] = expanded;\n $[11] = name;\n $[12] = updateDemoState;\n $[13] = t9;\n } else {\n t9 = $[13];\n }\n const toggleCollapsed = t9;\n const fileNames = demo.sourceCode?.map(_temp2) ?? [];\n const activeTabSourceCode = (demo.sourceCode ?? []).find(item_0 => item_0.fileName === activeTab) ?? getDefaultSourceCode();\n const hasPreview = !!activeTabSourceCode?.highlighted?.preview;\n const scheme = colorScheme || \"dark\";\n const missingDefaultExport = true;\n let t10;\n if ($[14] !== demo.scope) {\n t10 = {\n ...demo.scope,\n React\n };\n $[14] = demo.scope;\n $[15] = t10;\n } else {\n t10 = $[15];\n }\n const scope = t10;\n const mergedProps = mergeProps({\n className: \"qui-docs-demo-container__root\",\n \"data-has-preview\": booleanDataAttr(hasPreview),\n \"data-state\": expanded ? \"expanded\" : \"collapsed\"\n }, props);\n let t11;\n if ($[16] !== onDemoRendered) {\n t11 = error2 => {\n onDemoRendered?.(error2);\n };\n $[16] = onDemoRendered;\n $[17] = t11;\n } else {\n t11 = $[17];\n }\n let t12;\n if ($[18] !== scope || $[19] !== t11) {\n t12 = {\n code: \"\",\n disableCache: true,\n onRendered: t11,\n scope\n };\n $[18] = scope;\n $[19] = t11;\n $[20] = t12;\n } else {\n t12 = $[20];\n }\n const runnerProps = t12;\n const {\n element: demoComponent,\n error\n } = useRunner(runnerProps);\n let t13;\n bb0: {\n if (demo.errorMessage || true) {\n let t14;\n if ($[21] !== demo.errorMessage || $[22] !== updating) {\n t14 = jsx(\"div\", {\n className: \"qds-demo-runner__render-error\",\n \"data-updating\": booleanDataAttr(updating),\n children: updating ? jsxs(Fragment, {\n children: [jsx(\"div\", {\n children: \"Loading...\"\n }), jsx(ProgressRing, {\n size: \"xs\"\n })]\n }) : demo.errorMessage || \"Error: missing default export\"\n });\n $[21] = demo.errorMessage;\n $[22] = updating;\n $[23] = t14;\n } else {\n t14 = $[23];\n }\n t13 = t14;\n break bb0;\n }\n t13 = demoComponent || error;\n }\n const renderedDemo = t13;\n const getCopyableCode = () => (expanded ? activeTabSourceCode.raw?.full : activeTabSourceCode.raw?.preview || activeTabSourceCode.raw?.full) || \"\";\n const getHighlightedCode = () => {\n if (hasPreview) {\n return expanded ? activeTabSourceCode.highlighted.full : activeTabSourceCode.highlighted.preview;\n }\n return activeTabSourceCode.highlighted.full;\n };\n return jsxs(\"div\", {\n ...mergedProps,\n children: [children, !expandable ? renderedDemo : jsxs(Fragment, {\n children: [jsx(\"div\", {\n ...mergeProps({\n className: \"qui-demo-runner__wrapper\"\n }, wrapperProps),\n \"data-brand\": qdsBrand,\n \"data-theme\": scheme,\n children: renderedDemo\n }), jsxs(\"div\", {\n className: \"qui-demo-runner__tabs\",\n children: [jsxs(\"div\", {\n className: \"qui-demo-runner__action-bar\",\n \"data-state\": expanded || hasPreview ? \"open\" : \"closed\",\n children: [fileNames.length > 1 ? jsx(Tabs.Root, {\n onValueChange: value => {\n setActiveTab(value);\n if (!expanded) {\n setExpanded(true);\n }\n },\n value: expanded || hasPreview ? activeTab : null,\n children: jsxs(Tabs.List, {\n children: [jsx(Tabs.Indicator, {}), fileNames.map(fileName => jsx(Tab.Root, {\n value: fileName,\n children: jsx(Tab.Button, {\n onClick: () => {\n if (!expanded) {\n setExpanded(true);\n }\n },\n children: fileName\n })\n }, fileName))]\n })\n }) : jsx(\"div\", {}), jsxs(\"div\", {\n className: \"qui-demo-runner__actions\",\n children: [jsx(Button, {\n \"data-brand\": \"qualcomm\",\n emphasis: \"primary\",\n endIcon: ChevronsLeftRight,\n onClick: toggleCollapsed,\n size: \"sm\",\n variant: \"ghost\",\n children: hasPreview ? expanded ? \"Collapse Code\" : \"Expand Code\" : expanded ? \"Hide Code\" : \"Show Code\"\n }), jsx(CopyToClipboardButton, {\n code: getCopyableCode\n })]\n })]\n }), hasPreview || expanded ? jsx(\"div\", {\n className: \"qui-docs-highlighter__root\",\n dangerouslySetInnerHTML: {\n __html: getHighlightedCode()\n }\n }) : null]\n })]\n })]\n });\n}\nfunction _temp2(item) {\n return item.fileName;\n}\nfunction _temp(prevState) {\n return !prevState;\n}", "import { jsx } from \"react/jsx-runtime\";\nimport { QdsDemoThemeSelector } from \"./internal\";\nimport { ReactDemo } from \"./react-demo\";\nexport function ReactDemoRunner({\n hideBrandSwitcher,\n qdsBrand = \"qualcomm\",\n setQdsBrand,\n ...props\n}) {\n return /* @__PURE__ */jsx(ReactDemo, {\n ...props,\n wrapperProps: {\n \"data-brand\": qdsBrand\n },\n children: hideBrandSwitcher ? null : /* @__PURE__ */jsx(QdsDemoThemeSelector, {\n qdsBrand,\n setQdsBrand\n })\n });\n}", "import { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { useSafeLayoutEffect } from \"@qualcomm-ui/react-core/effects\";\nimport { useMdxDocsContext } from \"@qualcomm-ui/react-mdx/context\";\nimport { CopyToClipboardIconButton } from \"@qualcomm-ui/react-mdx/copy-to-clipboard\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { DemoCodePanel, useDemoSourceCode } from \"./internal\";\nexport function ReactDemo({\n children,\n colorScheme,\n component: Component,\n defaultSourceIndex: _defaultSourceIndex = 0,\n demo: demoProp,\n expandable = true,\n expanded: expandedProp = false,\n name,\n wrapperProps = {},\n ...props\n}) {\n const demo = demoProp || {\n demoName: \"\",\n fileName: \"\",\n filePath: \"\",\n imports: [],\n pageId: \"\",\n sourceCode: []\n };\n const htmlWrapperRef = useRef(null);\n const [activeTab, setActiveTab] = useState(demo?.fileName || \"\");\n const {\n demoState,\n updateDemoState\n } = useMdxDocsContext();\n const state = useMemo(() => {\n return demoState[demo.pageId] || {};\n }, [demo.pageId, demoState]);\n const [expanded, setExpanded] = useState(state?.[name]?.expanded || expandedProp);\n useEffect(() => {\n if (!demo?.fileName) {\n console.warn(\"ReactDemo: no fileName found for demo\", Component?.name || \"\");\n }\n }, [Component, demo?.fileName]);\n useSafeLayoutEffect(() => {\n if (demo.sourceCode.every(item => item.fileName !== activeTab)) {\n setActiveTab(demo.sourceCode[0]?.fileName);\n }\n }, [demo.sourceCode]);\n useSafeLayoutEffect(() => {\n if (demo?.fileName && !activeTab) {\n setActiveTab(demo?.fileName);\n }\n }, [activeTab, demo?.fileName]);\n const scheme = colorScheme || \"dark\";\n const {\n activeTabSourceCode,\n fileNames,\n getHighlightedCode,\n hasInlineStyles,\n hasPreview\n } = useDemoSourceCode({\n activeTab,\n expanded,\n sourceCode: demo.sourceCode\n });\n const mergedProps = mergeProps({\n className: \"qui-docs-demo-container__root\",\n \"data-has-preview\": booleanDataAttr(hasPreview),\n \"data-state\": expanded ? \"expanded\" : \"collapsed\"\n }, props);\n const getCopyableCode = () => {\n const ref = htmlWrapperRef.current;\n if (ref) {\n const preElement = ref.querySelector(\"pre\");\n if (preElement) {\n const dataCode = preElement.getAttribute(\"data-code\");\n const dataPreview = preElement.getAttribute(\"data-preview\");\n if (dataCode) {\n return expanded ? dataCode : dataPreview || dataCode;\n }\n }\n }\n return (expanded ? activeTabSourceCode?.raw?.full : activeTabSourceCode?.raw?.preview || activeTabSourceCode?.raw?.full) || \"\";\n };\n const handleExpandedChange = newExpanded => {\n queueMicrotask(() => {\n updateDemoState(demo.pageId, name, {\n expanded: newExpanded\n });\n });\n setExpanded(newExpanded);\n };\n return /* @__PURE__ */jsxs(\"div\", {\n ...mergedProps,\n children: [children, !expandable ? /* @__PURE__ */jsx(Component, {}) : /* @__PURE__ */jsxs(Fragment, {\n children: [/* @__PURE__ */jsx(\"div\", {\n ...mergeProps({\n className: \"qui-demo-runner__wrapper\"\n }, wrapperProps),\n \"data-theme\": scheme,\n children: /* @__PURE__ */jsx(Component, {})\n }), /* @__PURE__ */jsx(DemoCodePanel, {\n activeTab,\n copyButton: /* @__PURE__ */jsx(CopyToClipboardIconButton, {\n density: \"default\",\n size: \"sm\",\n valueOrFn: getCopyableCode\n }),\n expanded,\n fileNames,\n getHighlightedCode,\n hasInlineStyles,\n hasPreview,\n highlighterRef: htmlWrapperRef,\n onExpandedChange: handleExpandedChange,\n onTabChange: setActiveTab,\n tabsValue: expanded || hasPreview ? activeTab : null\n })]\n })]\n });\n}"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["_c", "jsx", "jsxs", "useState", "booleanDataAttr", "mergeProps", "jsx", "jsx", "jsx", "jsx", "jsx", "_c", "jsx", "_c", "_c", "jsx", "_c", "_c", "useMdxDocsContext", "_temp", "_c", "useState", "mergeProps", "jsxs", "booleanDataAttr", "jsx", "jsx", "_c", "jsx", "jsxs", "useState", "ChevronsLeftRight", "Button", "ProgressRing", "Tab", "Tabs", "useMdxDocsContext", "booleanDataAttr", "mergeProps", "_c", "useState", "useMdxDocsContext", "_temp", "_temp2", "mergeProps", "booleanDataAttr", "jsx", "jsxs", "ProgressRing", "Tabs", "Tab", "Button", "ChevronsLeftRight", "jsx", "jsx", "
|
|
4
|
+
"sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nimport { useState } from \"react\";\nimport { InlineNotification } from \"@qualcomm-ui/react/inline-notification\";\nimport { ProgressRing } from \"@qualcomm-ui/react/progress-ring\";\nimport { CopyToClipboardIconButton } from \"@qualcomm-ui/react-mdx/copy-to-clipboard\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { DemoCodePanel, QdsDemoThemeSelector, useDemoSourceCode } from \"./internal\";\nexport function AngularDemoRunner(t0) {\n const $ = _c(4);\n const {\n children,\n colorScheme,\n demoName,\n expanded: expandedProp,\n hideDemoBrandSwitcher,\n notFound,\n qdsBrand,\n setQdsBrand,\n sourceCode,\n updating,\n wrapperProps,\n ...props\n } = t0;\n const [expanded, setExpanded] = useState(expandedProp);\n const [activeTab, setActiveTab] = useState(sourceCode?.[0]?.fileName || \"\");\n const scheme = colorScheme === \"light\" ? \"light\" : \"dark\";\n const t1 = !!expanded;\n let t2;\n if ($[0] !== activeTab || $[1] !== sourceCode || $[2] !== t1) {\n t2 = {\n activeTab,\n expanded: t1,\n sourceCode\n };\n $[0] = activeTab;\n $[1] = sourceCode;\n $[2] = t1;\n $[3] = t2;\n } else {\n t2 = $[3];\n }\n const {\n fileNames,\n getCopyableCode,\n getHighlightedCode,\n hasInlineStyles,\n hasPreview,\n highlighterRef\n } = useDemoSourceCode(t2);\n const mergedProps = mergeProps({\n className: \"qui-docs-demo-container__root\"\n }, props);\n const mergedWrapperProps = mergeProps({\n className: \"qui-demo-runner__wrapper\"\n }, wrapperProps ?? {});\n return jsxs(\"div\", {\n \"data-has-preview\": booleanDataAttr(hasPreview),\n \"data-state\": expanded ? \"expanded\" : \"collapsed\",\n \"data-updating\": booleanDataAttr(updating),\n ...mergedProps,\n children: [hideDemoBrandSwitcher ? null : jsx(QdsDemoThemeSelector, {\n qdsBrand,\n setQdsBrand\n }), jsxs(\"div\", {\n \"data-brand\": qdsBrand,\n \"data-theme\": scheme,\n suppressHydrationWarning: true,\n ...mergedWrapperProps,\n children: [notFound ? jsx(InlineNotification, {\n emphasis: \"danger\",\n label: jsxs(\"div\", {\n children: [jsx(\"span\", {\n children: \"Demo Not Found: \"\n }), jsx(\"code\", {\n className: \"qui-docs-code\",\n children: demoName\n })]\n })\n }) : null, children]\n }), notFound ? null : jsx(DemoCodePanel, {\n actionsStart: updating ? jsx(ProgressRing, {\n size: \"xs\"\n }) : null,\n activeTab,\n copyButton: jsx(CopyToClipboardIconButton, {\n density: \"default\",\n size: \"sm\",\n valueOrFn: getCopyableCode\n }),\n expanded: !!expanded,\n fileNames,\n getHighlightedCode,\n hasInlineStyles,\n hasPreview,\n highlighterRef,\n onExpandedChange: setExpanded,\n onTabChange: setActiveTab,\n suppressHydrationWarning: true\n })]\n });\n}\nexport const QdsAngularDemoRunner = AngularDemoRunner;", "import { jsx, jsxs } from \"react/jsx-runtime\";\nimport { ChevronsLeftRight } from \"lucide-react\";\nimport { Button } from \"@qualcomm-ui/react/button\";\nimport { Tab, Tabs } from \"@qualcomm-ui/react/tabs\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nimport { DemoStyleToggle } from \"./demo-style-toggle\";\nexport function DemoCodePanel({\n actionsStart,\n activeTab,\n copyButton,\n expanded,\n fileNames,\n getHighlightedCode,\n hasInlineStyles,\n hasPreview,\n highlighterRef,\n onExpandedChange,\n onTabChange,\n suppressHydrationWarning,\n tabsValue\n}) {\n const effectiveTabsValue = tabsValue !== void 0 ? tabsValue : activeTab;\n return /* @__PURE__ */jsxs(\"div\", {\n className: \"qui-demo-runner__tabs\",\n children: [/* @__PURE__ */jsxs(\"div\", {\n className: \"qui-demo-runner__action-bar\",\n \"data-state\": expanded || hasPreview ? \"open\" : \"closed\",\n children: [fileNames.length > 1 ? /* @__PURE__ */jsx(Tabs.Root, {\n onValueChange: value => {\n onTabChange(value);\n if (!expanded) {\n onExpandedChange(true);\n }\n },\n value: effectiveTabsValue,\n children: /* @__PURE__ */jsxs(Tabs.List, {\n children: [/* @__PURE__ */jsx(Tabs.Indicator, {}), fileNames.map(fileName => {\n return /* @__PURE__ */jsx(Tab.Root, {\n value: fileName,\n children: /* @__PURE__ */jsx(Tab.Button, {\n onClick: () => {\n if (!expanded) {\n onExpandedChange(true);\n }\n },\n children: fileName\n })\n }, fileName);\n })]\n })\n }) : /* @__PURE__ */jsx(\"div\", {}), /* @__PURE__ */jsxs(\"div\", {\n className: \"qui-demo-runner__actions\",\n children: [actionsStart, /* @__PURE__ */jsx(Button, {\n \"data-brand\": \"qualcomm\",\n emphasis: \"primary\",\n endIcon: ChevronsLeftRight,\n onClick: () => onExpandedChange(!expanded),\n size: \"sm\",\n variant: \"ghost\",\n children: hasPreview ? expanded ? \"Collapse Code\" : \"Expand Code\" : expanded ? \"Hide Code\" : \"Show Code\"\n }), hasInlineStyles ? /* @__PURE__ */jsx(DemoStyleToggle, {}) : null, copyButton]\n })]\n }), /* @__PURE__ */jsx(\"div\", {\n ref: highlighterRef,\n className: \"qui-docs-highlighter__root\",\n dangerouslySetInnerHTML: {\n __html: getHighlightedCode()\n },\n \"data-hidden\": booleanDataAttr(!expanded && !hasPreview),\n suppressHydrationWarning\n })]\n });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { IconButton } from \"@qualcomm-ui/react/button\";\nimport { Tooltip } from \"@qualcomm-ui/react/tooltip\";\nimport { useMdxDocsContext } from \"@qualcomm-ui/react-mdx/context\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { CssLogo } from \"./css-logo\";\nimport { TailwindLogo } from \"./tailwind-logo\";\nexport function DemoStyleToggle(props) {\n const $ = _c(6);\n const {\n demoSettings,\n setDemoSettings\n } = useMdxDocsContext();\n let t0;\n if ($[0] !== setDemoSettings) {\n t0 = () => {\n setDemoSettings?.(_temp);\n };\n $[0] = setDemoSettings;\n $[1] = t0;\n } else {\n t0 = $[1];\n }\n const toggleStyleMode = t0;\n const transformTailwindClasses = demoSettings?.transformTailwindClasses;\n let t1;\n if ($[2] !== props || $[3] !== toggleStyleMode || $[4] !== transformTailwindClasses) {\n const mergedProps = mergeProps({\n className: \"qui-demo-runner__style-toggle\"\n }, props);\n t1 = jsx(\"div\", {\n ...mergedProps,\n children: jsx(Tooltip, {\n trigger: jsx(IconButton, {\n emphasis: \"primary\",\n icon: transformTailwindClasses ? jsx(CssLogo, {\n style: {\n \"--icon-size\": \"16px\"\n }\n }) : jsx(TailwindLogo, {\n style: {\n \"--icon-size\": \"16px\"\n }\n }),\n onClick: toggleStyleMode,\n size: \"sm\",\n variant: \"ghost\"\n }),\n children: transformTailwindClasses ? \"Switch to tailwind styles\" : \"Switch to inline styles\"\n })\n });\n $[2] = props;\n $[3] = toggleStyleMode;\n $[4] = transformTailwindClasses;\n $[5] = t1;\n } else {\n t1 = $[5];\n }\n return t1;\n}\nfunction _temp(prevState) {\n return {\n ...prevState,\n transformTailwindClasses: !prevState.transformTailwindClasses\n };\n}", "import { jsx } from \"react/jsx-runtime\";\nexport function CssLogo(props) {\n return /* @__PURE__ */jsx(\"svg\", {\n viewBox: \"0 0 256 256\",\n xmlSpace: \"preserve\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ...props,\n children: /* @__PURE__ */jsx(\"path\", {\n 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\",\n fill: \"currentColor\"\n })\n });\n}", "import { jsx } from \"react/jsx-runtime\";\nexport function TailwindLogo(props) {\n return /* @__PURE__ */jsx(\"svg\", {\n viewBox: \"0 0 32 32\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ...props,\n children: /* @__PURE__ */jsx(\"path\", {\n 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\",\n style: {\n fill: \"currentColor\"\n }\n })\n });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { Select } from \"@qualcomm-ui/react/select\";\nimport { themeOptCollection, useQdsDemoTheme } from \"./use-qds-demo-theme\";\nexport function QdsDemoThemeSelector(t0) {\n const $ = _c(6);\n const {\n qdsBrand,\n setQdsBrand\n } = t0;\n let t1;\n if ($[0] !== qdsBrand || $[1] !== setQdsBrand) {\n t1 = {\n qdsBrand,\n setQdsBrand\n };\n $[0] = qdsBrand;\n $[1] = setQdsBrand;\n $[2] = t1;\n } else {\n t1 = $[2];\n }\n const {\n onChange,\n value\n } = useQdsDemoTheme(t1);\n let t2;\n if ($[3] !== onChange || $[4] !== value) {\n t2 = jsx(\"div\", {\n className: \"qui-demo-runner__brand-selection-wrapper\",\n children: jsx(Select, {\n clearable: false,\n collection: themeOptCollection,\n label: \"Brand\",\n onValueChange: onChange,\n placeholder: \"Brand\",\n size: \"sm\",\n value: [value]\n })\n });\n $[3] = onChange;\n $[4] = value;\n $[5] = t2;\n } else {\n t2 = $[5];\n }\n return t2;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { useCallback, useMemo } from \"react\";\nimport { ListCollection } from \"@qualcomm-ui/utils/collection\";\nexport const themeOptCollection = new ListCollection({\n itemLabel: item => item.label,\n items: [{\n id: \"qualcomm\",\n label: \"Qualcomm\"\n }, {\n id: \"snapdragon\",\n label: \"Snapdragon\"\n }, {\n id: \"dragonwing\",\n label: \"Dragonwing\"\n }],\n itemValue: item => item.id\n});\nexport function useQdsDemoTheme(t0) {\n const $ = _c(7);\n const {\n qdsBrand,\n setQdsBrand\n } = t0;\n let t1;\n if ($[0] !== qdsBrand) {\n t1 = themeOptCollection.find(qdsBrand) ?? themeOptCollection.at(0);\n $[0] = qdsBrand;\n $[1] = t1;\n } else {\n t1 = $[1];\n }\n const themeValue = t1;\n let t2;\n if ($[2] !== setQdsBrand) {\n t2 = (valueStrings, details) => {\n setQdsBrand(details.items[0]?.id ?? \"qualcomm\");\n };\n $[2] = setQdsBrand;\n $[3] = t2;\n } else {\n t2 = $[3];\n }\n const onChange = t2;\n let t3;\n if ($[4] !== onChange || $[5] !== themeValue.id) {\n t3 = {\n onChange,\n value: themeValue.id\n };\n $[4] = onChange;\n $[5] = themeValue.id;\n $[6] = t3;\n } else {\n t3 = $[6];\n }\n return t3;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport { extractPreviewsAndCleanSource } from \"../code-demo.utils\";\nexport function useCodeDemoPreview(t0) {\n const $ = _c(9);\n const {\n disableSnippets,\n initialExpanded,\n sourceCode\n } = t0;\n const [expanded, setExpanded] = useState(initialExpanded);\n let t1;\n bb0: {\n if (disableSnippets) {\n let t2;\n if ($[0] !== sourceCode) {\n t2 = {\n sourceWithoutPreviews: sourceCode\n };\n $[0] = sourceCode;\n $[1] = t2;\n } else {\n t2 = $[1];\n }\n t1 = t2;\n break bb0;\n }\n let t2;\n if ($[2] !== sourceCode) {\n t2 = extractPreviewsAndCleanSource(sourceCode);\n $[2] = sourceCode;\n $[3] = t2;\n } else {\n t2 = $[3];\n }\n t1 = t2;\n }\n const extractedPreview = t1;\n const code = expanded ? extractedPreview.sourceWithoutPreviews : extractedPreview.formattedPreview || \"\";\n let t2;\n if ($[4] === Symbol.for(\"react.memo_cache_sentinel\")) {\n t2 = () => {\n setExpanded(_temp);\n };\n $[4] = t2;\n } else {\n t2 = $[4];\n }\n const toggleExpanded = t2;\n const t3 = !!extractedPreview?.previewBlocks?.length;\n let t4;\n if ($[5] !== code || $[6] !== expanded || $[7] !== t3) {\n t4 = {\n code,\n expanded,\n hasPreview: t3,\n setExpanded,\n toggleExpanded\n };\n $[5] = code;\n $[6] = expanded;\n $[7] = t3;\n $[8] = t4;\n } else {\n t4 = $[8];\n }\n return t4;\n}\nfunction _temp(prevState) {\n return !prevState;\n}", "import { dedent } from \"@qualcomm-ui/utils/dedent\";\nexport function extractPreviewsAndCleanSource(code) {\n const lines = code.split(\"\\n\");\n const previewBlocks = [];\n const cleanedLines = [];\n let inPreview = false;\n let currentBlock = [];\n let startLine = -1;\n for (let i = 0; i < lines.length; i++) {\n const line = lines[i];\n const trimmedLine = line.trim();\n if (isPreviewLine(trimmedLine)) {\n if (inPreview) {\n previewBlocks.push({\n content: currentBlock.join(\"\\n\"),\n endLine: i - 1,\n startLine\n });\n currentBlock = [];\n inPreview = false;\n } else {\n inPreview = true;\n startLine = i + 1;\n }\n } else {\n cleanedLines.push(line);\n if (inPreview) {\n currentBlock.push(line);\n }\n }\n }\n return {\n formattedPreview: dedent(previewBlocks.map(block => block.content).join(\"\\n\")),\n previewBlocks,\n sourceWithoutPreviews: cleanedLines.join(\"\\n\")\n };\n}\nexport function isPreviewLine(trimmedLine) {\n return trimmedLine === \"// preview\" || /^\\{\\s*\\/\\*\\s*preview\\s*\\*\\/\\s*\\}$/.test(trimmedLine);\n}\nexport function isImportLine(trimmedLine) {\n return trimmedLine.startsWith(\"import\");\n}\nexport function getDefaultSourceCode() {\n return {\n fileName: \"\",\n highlighted: {\n full: \"\"\n },\n raw: {\n full: \"\",\n preview: \"\",\n withoutImports: \"\"\n },\n type: \"file\"\n };\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { useMdxDocsContext } from \"@qualcomm-ui/react-mdx/context\";\nconst defaultSourceCode = {\n fileName: \"\",\n highlighted: {\n full: \"\"\n },\n type: \"file\"\n};\nexport function useDemoSourceCode(t0) {\n const $ = _c(26);\n const {\n activeTab,\n expanded,\n sourceCode\n } = t0;\n const {\n demoSettings\n } = useMdxDocsContext();\n const isInlineMode = demoSettings?.transformTailwindClasses;\n let t1;\n if ($[0] !== isInlineMode || $[1] !== sourceCode) {\n t1 = isInlineMode ? sourceCode : (sourceCode ?? []).filter(_temp);\n $[0] = isInlineMode;\n $[1] = sourceCode;\n $[2] = t1;\n } else {\n t1 = $[2];\n }\n const filteredSourceCode = t1;\n let t2;\n if ($[3] !== filteredSourceCode) {\n t2 = filteredSourceCode?.map(_temp2) ?? [];\n $[3] = filteredSourceCode;\n $[4] = t2;\n } else {\n t2 = $[4];\n }\n const fileNames = t2;\n let t3;\n if ($[5] !== activeTab || $[6] !== filteredSourceCode) {\n t3 = filteredSourceCode?.find(item_1 => item_1.fileName === activeTab) || filteredSourceCode?.[0] || defaultSourceCode;\n $[5] = activeTab;\n $[6] = filteredSourceCode;\n $[7] = t3;\n } else {\n t3 = $[7];\n }\n const activeTabSourceCode = t3;\n const hasInline = !!activeTabSourceCode?.highlightedInline || activeTabSourceCode?.type === \"residual-css\";\n const activeHighlightedCode = isInlineMode && hasInline ? activeTabSourceCode?.highlightedInline : activeTabSourceCode?.highlighted;\n const hasPreview = !!activeHighlightedCode?.preview;\n let t4;\n if ($[8] !== activeHighlightedCode || $[9] !== expanded || $[10] !== hasPreview) {\n t4 = () => {\n if (!activeHighlightedCode) {\n return \"\";\n }\n if (hasPreview) {\n return expanded ? activeHighlightedCode.full : activeHighlightedCode.preview || \"\";\n }\n return activeHighlightedCode.full;\n };\n $[8] = activeHighlightedCode;\n $[9] = expanded;\n $[10] = hasPreview;\n $[11] = t4;\n } else {\n t4 = $[11];\n }\n const getHighlightedCode = t4;\n const highlighterRef = useRef(null);\n let t5;\n if ($[12] !== activeTabSourceCode?.raw?.full || $[13] !== activeTabSourceCode?.raw?.preview || $[14] !== expanded) {\n t5 = () => {\n const ref = highlighterRef.current;\n if (ref) {\n const preElement = ref.querySelector(\"pre\");\n if (preElement) {\n const dataCode = preElement.getAttribute(\"data-code\");\n const dataPreview = preElement.getAttribute(\"data-preview\");\n if (dataCode) {\n return expanded ? dataCode : dataPreview || dataCode;\n }\n }\n }\n return (expanded ? activeTabSourceCode?.raw?.full : activeTabSourceCode?.raw?.preview || activeTabSourceCode?.raw?.full) || \"\";\n };\n $[12] = activeTabSourceCode?.raw?.full;\n $[13] = activeTabSourceCode?.raw?.preview;\n $[14] = expanded;\n $[15] = t5;\n } else {\n t5 = $[15];\n }\n activeTabSourceCode?.raw?.full;\n activeTabSourceCode?.raw?.preview;\n const getCopyableCode = t5;\n let t6;\n if ($[16] !== activeHighlightedCode || $[17] !== activeTabSourceCode || $[18] !== fileNames || $[19] !== filteredSourceCode || $[20] !== getCopyableCode || $[21] !== getHighlightedCode || $[22] !== hasInline || $[23] !== hasPreview || $[24] !== isInlineMode) {\n t6 = {\n activeHighlightedCode,\n activeTabSourceCode,\n fileNames,\n filteredSourceCode,\n getCopyableCode,\n getHighlightedCode,\n hasInlineStyles: hasInline,\n hasPreview,\n highlighterRef,\n isInlineMode\n };\n $[16] = activeHighlightedCode;\n $[17] = activeTabSourceCode;\n $[18] = fileNames;\n $[19] = filteredSourceCode;\n $[20] = getCopyableCode;\n $[21] = getHighlightedCode;\n $[22] = hasInline;\n $[23] = hasPreview;\n $[24] = isInlineMode;\n $[25] = t6;\n } else {\n t6 = $[25];\n }\n return t6;\n}\nfunction _temp2(item_0) {\n return item_0.fileName;\n}\nfunction _temp(item) {\n return item.type !== \"residual-css\";\n}", "import { jsx } from \"react/jsx-runtime\";\nimport { QdsDemoThemeSelector } from \"./internal\";\nimport { QdsReactDemo } from \"./qds-react-demo\";\nexport function QdsDemoRunner({\n hideBrandSwitcher,\n qdsBrand = \"qualcomm\",\n setQdsBrand,\n ...props\n}) {\n return /* @__PURE__ */jsx(QdsReactDemo, {\n qdsBrand,\n ...props,\n children: hideBrandSwitcher ? null : /* @__PURE__ */jsx(QdsDemoThemeSelector, {\n qdsBrand,\n setQdsBrand\n })\n });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nimport { useMemo, useState } from \"react\";\nimport * as React from \"react\";\nimport { ChevronsLeftRight } from \"lucide-react\";\nimport { Button } from \"@qualcomm-ui/react/button\";\nimport { ProgressRing } from \"@qualcomm-ui/react/progress-ring\";\nimport { Tab, Tabs } from \"@qualcomm-ui/react/tabs\";\nimport { useSafeLayoutEffect } from \"@qualcomm-ui/react-core/effects\";\nimport { useMdxDocsContext } from \"@qualcomm-ui/react-mdx/context\";\nimport { CopyToClipboardButton } from \"@qualcomm-ui/react-mdx/copy-to-clipboard\";\nimport { useRunner } from \"@qualcomm-ui/react-mdx/runner\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { getDefaultSourceCode } from \"./code-demo.utils\";\nexport function QdsReactDemo(t0) {\n const $ = _c(24);\n const {\n children,\n colorScheme,\n defaultSourceIndex: t1,\n demo: demoProp,\n expandable: t2,\n expanded: t3,\n name,\n onDemoRendered,\n qdsBrand,\n updating,\n wrapperProps: t4,\n ...props\n } = t0;\n t1 === undefined ? 0 : t1;\n const expandable = t2 === undefined ? true : t2;\n const expandedProp = t3 === undefined ? false : t3;\n const wrapperProps = t4 === undefined ? {} : t4;\n let t5;\n if ($[0] !== demoProp) {\n t5 = demoProp || {\n demoName: \"\",\n fileName: \"\",\n filePath: \"\",\n imports: [],\n pageId: \"\",\n scope: {},\n sourceCode: []\n };\n $[0] = demoProp;\n $[1] = t5;\n } else {\n t5 = $[1];\n }\n const demo = t5;\n const [activeTab, setActiveTab] = useState(demo?.fileName || \"\");\n const {\n demoState,\n updateDemoState\n } = useMdxDocsContext();\n let t6;\n if ($[2] !== demo.pageId || $[3] !== demoState) {\n t6 = demoState[demo.pageId] || {};\n $[2] = demo.pageId;\n $[3] = demoState;\n $[4] = t6;\n } else {\n t6 = $[4];\n }\n const state = t6;\n const [expanded, setExpanded] = useState(state?.[name]?.expanded || expandedProp);\n let t7;\n let t8;\n if ($[5] !== activeTab || $[6] !== demo.fileName) {\n t7 = () => {\n if (demo.fileName && !activeTab) {\n setActiveTab(demo.fileName);\n }\n };\n t8 = [activeTab, demo.fileName];\n $[5] = activeTab;\n $[6] = demo.fileName;\n $[7] = t7;\n $[8] = t8;\n } else {\n t7 = $[7];\n t8 = $[8];\n }\n useSafeLayoutEffect(t7, t8);\n let t9;\n if ($[9] !== demo.pageId || $[10] !== expanded || $[11] !== name || $[12] !== updateDemoState) {\n t9 = () => {\n queueMicrotask(() => {\n updateDemoState(demo.pageId, name, {\n expanded: !expanded\n });\n });\n setExpanded(_temp);\n };\n $[9] = demo.pageId;\n $[10] = expanded;\n $[11] = name;\n $[12] = updateDemoState;\n $[13] = t9;\n } else {\n t9 = $[13];\n }\n const toggleCollapsed = t9;\n const fileNames = demo.sourceCode?.map(_temp2) ?? [];\n const activeTabSourceCode = (demo.sourceCode ?? []).find(item_0 => item_0.fileName === activeTab) ?? getDefaultSourceCode();\n const hasPreview = !!activeTabSourceCode?.highlighted?.preview;\n const scheme = colorScheme || \"dark\";\n const missingDefaultExport = true;\n let t10;\n if ($[14] !== demo.scope) {\n t10 = {\n ...demo.scope,\n React\n };\n $[14] = demo.scope;\n $[15] = t10;\n } else {\n t10 = $[15];\n }\n const scope = t10;\n const mergedProps = mergeProps({\n className: \"qui-docs-demo-container__root\",\n \"data-has-preview\": booleanDataAttr(hasPreview),\n \"data-state\": expanded ? \"expanded\" : \"collapsed\"\n }, props);\n let t11;\n if ($[16] !== onDemoRendered) {\n t11 = error2 => {\n onDemoRendered?.(error2);\n };\n $[16] = onDemoRendered;\n $[17] = t11;\n } else {\n t11 = $[17];\n }\n let t12;\n if ($[18] !== scope || $[19] !== t11) {\n t12 = {\n code: \"\",\n disableCache: true,\n onRendered: t11,\n scope\n };\n $[18] = scope;\n $[19] = t11;\n $[20] = t12;\n } else {\n t12 = $[20];\n }\n const runnerProps = t12;\n const {\n element: demoComponent,\n error\n } = useRunner(runnerProps);\n let t13;\n bb0: {\n if (demo.errorMessage || true) {\n let t14;\n if ($[21] !== demo.errorMessage || $[22] !== updating) {\n t14 = jsx(\"div\", {\n className: \"qds-demo-runner__render-error\",\n \"data-updating\": booleanDataAttr(updating),\n children: updating ? jsxs(Fragment, {\n children: [jsx(\"div\", {\n children: \"Loading...\"\n }), jsx(ProgressRing, {\n size: \"xs\"\n })]\n }) : demo.errorMessage || \"Error: missing default export\"\n });\n $[21] = demo.errorMessage;\n $[22] = updating;\n $[23] = t14;\n } else {\n t14 = $[23];\n }\n t13 = t14;\n break bb0;\n }\n t13 = demoComponent || error;\n }\n const renderedDemo = t13;\n const getCopyableCode = () => (expanded ? activeTabSourceCode.raw?.full : activeTabSourceCode.raw?.preview || activeTabSourceCode.raw?.full) || \"\";\n const getHighlightedCode = () => {\n if (hasPreview) {\n return expanded ? activeTabSourceCode.highlighted.full : activeTabSourceCode.highlighted.preview;\n }\n return activeTabSourceCode.highlighted.full;\n };\n return jsxs(\"div\", {\n ...mergedProps,\n children: [children, !expandable ? renderedDemo : jsxs(Fragment, {\n children: [jsx(\"div\", {\n ...mergeProps({\n className: \"qui-demo-runner__wrapper\"\n }, wrapperProps),\n \"data-brand\": qdsBrand,\n \"data-theme\": scheme,\n children: renderedDemo\n }), jsxs(\"div\", {\n className: \"qui-demo-runner__tabs\",\n children: [jsxs(\"div\", {\n className: \"qui-demo-runner__action-bar\",\n \"data-state\": expanded || hasPreview ? \"open\" : \"closed\",\n children: [fileNames.length > 1 ? jsx(Tabs.Root, {\n onValueChange: value => {\n setActiveTab(value);\n if (!expanded) {\n setExpanded(true);\n }\n },\n value: expanded || hasPreview ? activeTab : null,\n children: jsxs(Tabs.List, {\n children: [jsx(Tabs.Indicator, {}), fileNames.map(fileName => jsx(Tab.Root, {\n value: fileName,\n children: jsx(Tab.Button, {\n onClick: () => {\n if (!expanded) {\n setExpanded(true);\n }\n },\n children: fileName\n })\n }, fileName))]\n })\n }) : jsx(\"div\", {}), jsxs(\"div\", {\n className: \"qui-demo-runner__actions\",\n children: [jsx(Button, {\n \"data-brand\": \"qualcomm\",\n emphasis: \"primary\",\n endIcon: ChevronsLeftRight,\n onClick: toggleCollapsed,\n size: \"sm\",\n variant: \"ghost\",\n children: hasPreview ? expanded ? \"Collapse Code\" : \"Expand Code\" : expanded ? \"Hide Code\" : \"Show Code\"\n }), jsx(CopyToClipboardButton, {\n code: getCopyableCode\n })]\n })]\n }), hasPreview || expanded ? jsx(\"div\", {\n className: \"qui-docs-highlighter__root\",\n dangerouslySetInnerHTML: {\n __html: getHighlightedCode()\n }\n }) : null]\n })]\n })]\n });\n}\nfunction _temp2(item) {\n return item.fileName;\n}\nfunction _temp(prevState) {\n return !prevState;\n}", "import { jsx } from \"react/jsx-runtime\";\nimport { QdsDemoThemeSelector } from \"./internal\";\nimport { ReactDemo } from \"./react-demo\";\nexport function ReactDemoRunner({\n hideBrandSwitcher,\n qdsBrand = \"qualcomm\",\n setQdsBrand,\n ...props\n}) {\n return /* @__PURE__ */jsx(ReactDemo, {\n ...props,\n wrapperProps: {\n \"data-brand\": qdsBrand\n },\n children: hideBrandSwitcher ? null : /* @__PURE__ */jsx(QdsDemoThemeSelector, {\n qdsBrand,\n setQdsBrand\n })\n });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { useSafeLayoutEffect } from \"@qualcomm-ui/react-core/effects\";\nimport { useMdxDocsContext } from \"@qualcomm-ui/react-mdx/context\";\nimport { CopyToClipboardIconButton } from \"@qualcomm-ui/react-mdx/copy-to-clipboard\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { DemoCodePanel, useDemoSourceCode } from \"./internal\";\nexport function ReactDemo(t0) {\n const $ = _c(30);\n const {\n children,\n colorScheme,\n component: Component,\n defaultSourceIndex: t1,\n demo: demoProp,\n expandable: t2,\n expanded: t3,\n name,\n wrapperProps: t4,\n ...props\n } = t0;\n t1 === undefined ? 0 : t1;\n const expandable = t2 === undefined ? true : t2;\n const expandedProp = t3 === undefined ? false : t3;\n const wrapperProps = t4 === undefined ? {} : t4;\n let t5;\n if ($[0] !== demoProp) {\n t5 = demoProp || {\n demoName: \"\",\n fileName: \"\",\n filePath: \"\",\n imports: [],\n pageId: \"\",\n sourceCode: []\n };\n $[0] = demoProp;\n $[1] = t5;\n } else {\n t5 = $[1];\n }\n const demo = t5;\n const [activeTab, setActiveTab] = useState(demo?.fileName || \"\");\n const {\n demoState,\n updateDemoState\n } = useMdxDocsContext();\n let t6;\n if ($[2] !== demo.pageId || $[3] !== demoState) {\n t6 = demoState[demo.pageId] || {};\n $[2] = demo.pageId;\n $[3] = demoState;\n $[4] = t6;\n } else {\n t6 = $[4];\n }\n const state = t6;\n const [expanded, setExpanded] = useState(state?.[name]?.expanded || expandedProp);\n let t7;\n if ($[5] !== Component?.name || $[6] !== demo.fileName) {\n t7 = () => {\n if (!demo?.fileName) {\n console.warn(\"ReactDemo: no fileName found for demo\", Component?.name || \"\");\n }\n };\n $[5] = Component?.name;\n $[6] = demo.fileName;\n $[7] = t7;\n } else {\n t7 = $[7];\n }\n const t8 = demo?.fileName;\n let t9;\n if ($[8] !== Component || $[9] !== t8) {\n t9 = [Component, t8];\n $[8] = Component;\n $[9] = t8;\n $[10] = t9;\n } else {\n t9 = $[10];\n }\n useEffect(t7, t9);\n let t10;\n if ($[11] !== activeTab || $[12] !== demo.sourceCode) {\n t10 = () => {\n if (demo.sourceCode.every(item => item.fileName !== activeTab)) {\n setActiveTab(demo.sourceCode[0]?.fileName);\n }\n };\n $[11] = activeTab;\n $[12] = demo.sourceCode;\n $[13] = t10;\n } else {\n t10 = $[13];\n }\n let t11;\n if ($[14] !== demo.sourceCode) {\n t11 = [demo.sourceCode];\n $[14] = demo.sourceCode;\n $[15] = t11;\n } else {\n t11 = $[15];\n }\n useSafeLayoutEffect(t10, t11);\n let t12;\n if ($[16] !== activeTab || $[17] !== demo.fileName) {\n t12 = () => {\n if (demo?.fileName && !activeTab) {\n setActiveTab(demo?.fileName);\n }\n };\n $[16] = activeTab;\n $[17] = demo.fileName;\n $[18] = t12;\n } else {\n t12 = $[18];\n }\n const t13 = demo?.fileName;\n let t14;\n if ($[19] !== activeTab || $[20] !== t13) {\n t14 = [activeTab, t13];\n $[19] = activeTab;\n $[20] = t13;\n $[21] = t14;\n } else {\n t14 = $[21];\n }\n useSafeLayoutEffect(t12, t14);\n const scheme = colorScheme || \"dark\";\n let t15;\n if ($[22] !== activeTab || $[23] !== demo.sourceCode || $[24] !== expanded) {\n t15 = {\n activeTab,\n expanded,\n sourceCode: demo.sourceCode\n };\n $[22] = activeTab;\n $[23] = demo.sourceCode;\n $[24] = expanded;\n $[25] = t15;\n } else {\n t15 = $[25];\n }\n const {\n fileNames,\n getCopyableCode,\n getHighlightedCode,\n hasInlineStyles,\n hasPreview,\n highlighterRef\n } = useDemoSourceCode(t15);\n const mergedProps = mergeProps({\n className: \"qui-docs-demo-container__root\",\n \"data-has-preview\": booleanDataAttr(hasPreview),\n \"data-state\": expanded ? \"expanded\" : \"collapsed\"\n }, props);\n let t16;\n if ($[26] !== demo.pageId || $[27] !== name || $[28] !== updateDemoState) {\n t16 = newExpanded => {\n queueMicrotask(() => {\n updateDemoState(demo.pageId, name, {\n expanded: newExpanded\n });\n });\n setExpanded(newExpanded);\n };\n $[26] = demo.pageId;\n $[27] = name;\n $[28] = updateDemoState;\n $[29] = t16;\n } else {\n t16 = $[29];\n }\n const handleExpandedChange = t16;\n return jsxs(\"div\", {\n ...mergedProps,\n children: [children, !expandable ? jsx(Component, {}) : jsxs(Fragment, {\n children: [jsx(\"div\", {\n ...mergeProps({\n className: \"qui-demo-runner__wrapper\"\n }, wrapperProps),\n \"data-theme\": scheme,\n children: jsx(Component, {})\n }), jsx(DemoCodePanel, {\n activeTab,\n copyButton: jsx(CopyToClipboardIconButton, {\n density: \"default\",\n size: \"sm\",\n valueOrFn: getCopyableCode\n }),\n expanded,\n fileNames,\n getHighlightedCode,\n hasInlineStyles,\n hasPreview,\n highlighterRef,\n onExpandedChange: handleExpandedChange,\n onTabChange: setActiveTab,\n tabsValue: expanded || hasPreview ? activeTab : null\n })]\n })]\n });\n}"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["_c", "jsx", "jsxs", "useState", "booleanDataAttr", "mergeProps", "jsx", "jsx", "jsx", "jsx", "jsx", "_c", "jsx", "_c", "_c", "jsx", "_c", "_c", "useMdxDocsContext", "_temp", "_c", "useState", "mergeProps", "jsxs", "booleanDataAttr", "jsx", "jsx", "_c", "jsx", "jsxs", "useState", "ChevronsLeftRight", "Button", "ProgressRing", "Tab", "Tabs", "useMdxDocsContext", "booleanDataAttr", "mergeProps", "_c", "useState", "useMdxDocsContext", "_temp", "_temp2", "mergeProps", "booleanDataAttr", "jsx", "jsxs", "ProgressRing", "Tabs", "Tab", "Button", "ChevronsLeftRight", "jsx", "jsx", "_c", "Fragment", "jsx", "jsxs", "useState", "useSafeLayoutEffect", "useMdxDocsContext", "CopyToClipboardIconButton", "booleanDataAttr", "mergeProps", "_c", "useState", "useMdxDocsContext", "useSafeLayoutEffect", "mergeProps", "booleanDataAttr", "jsxs", "Fragment", "jsx", "CopyToClipboardIconButton", "jsx"]
|
|
7
7
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { type RefObject } from "react";
|
|
1
2
|
import type { SourceCode, SourceCodeData } from "@qualcomm-ui/mdx-common";
|
|
2
3
|
export interface UseDemoSourceCodeOptions {
|
|
3
4
|
activeTab: string;
|
|
@@ -9,9 +10,11 @@ export interface UseDemoSourceCodeResult {
|
|
|
9
10
|
activeTabSourceCode: SourceCodeData | undefined;
|
|
10
11
|
fileNames: string[];
|
|
11
12
|
filteredSourceCode: SourceCodeData[];
|
|
13
|
+
getCopyableCode: () => string;
|
|
12
14
|
getHighlightedCode: () => string;
|
|
13
15
|
hasInlineStyles: boolean | undefined;
|
|
14
16
|
hasPreview: boolean | undefined;
|
|
17
|
+
highlighterRef: RefObject<HTMLDivElement | null>;
|
|
15
18
|
isInlineMode: boolean | undefined;
|
|
16
19
|
}
|
|
17
20
|
export declare function useDemoSourceCode({ activeTab, expanded, sourceCode, }: UseDemoSourceCodeOptions): UseDemoSourceCodeResult;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-demo-source-code.d.ts","sourceRoot":"","sources":["../../../src/code-demo/internal/use-demo-source-code.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-demo-source-code.d.ts","sourceRoot":"","sources":["../../../src/code-demo/internal/use-demo-source-code.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAA;AAElE,OAAO,KAAK,EAAC,UAAU,EAAE,cAAc,EAAC,MAAM,yBAAyB,CAAA;AAGvE,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,cAAc,EAAE,CAAA;CAC7B;AAED,MAAM,WAAW,uBAAuB;IACtC,qBAAqB,EAAE,UAAU,GAAG,SAAS,CAAA;IAC7C,mBAAmB,EAAE,cAAc,GAAG,SAAS,CAAA;IAC/C,SAAS,EAAE,MAAM,EAAE,CAAA;IACnB,kBAAkB,EAAE,cAAc,EAAE,CAAA;IACpC,eAAe,EAAE,MAAM,MAAM,CAAA;IAC7B,kBAAkB,EAAE,MAAM,MAAM,CAAA;IAChC,eAAe,EAAE,OAAO,GAAG,SAAS,CAAA;IACpC,UAAU,EAAE,OAAO,GAAG,SAAS,CAAA;IAC/B,cAAc,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAChD,YAAY,EAAE,OAAO,GAAG,SAAS,CAAA;CAClC;AAQD,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,UAAU,GACX,EAAE,wBAAwB,GAAG,uBAAuB,CA+FpD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-demo.d.ts","sourceRoot":"","sources":["../../src/code-demo/react-demo.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"react-demo.d.ts","sourceRoot":"","sources":["../../src/code-demo/react-demo.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EAIf,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,yBAAyB,CAAA;AAC1D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,8BAA8B,CAAA;AAS7D,MAAM,WAAW,cAAe,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAClE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB,WAAW,CAAC,EAAE,WAAW,CAAA;IAEzB,SAAS,EAAE,MAAM,SAAS,CAAA;IAE1B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B;;OAEG;IACH,IAAI,EAAE,aAAa,GAAG,IAAI,CAAA;IAE1B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;;;;;;;;;;;;OAeG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,YAAY,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAA;CAC5C;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,WAAW,EACX,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,mBAAuB,EAC3C,IAAI,EAAE,QAAQ,EACd,UAAiB,EACjB,QAAQ,EAAE,YAAoB,EAC9B,IAAI,EACJ,YAAiB,EACjB,GAAG,KAAK,EACT,EAAE,cAAc,GAAG,SAAS,CAsH5B"}
|