@govbr-ds/webcomponents 2.0.0-next.15 → 2.0.0-next.16
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/cjs/br-avatar.cjs.entry.js +2 -2
- package/dist/cjs/br-avatar.cjs.entry.js.map +1 -1
- package/dist/cjs/br-button_2.cjs.entry.js +3 -3
- package/dist/cjs/br-button_2.cjs.entry.js.map +1 -1
- package/dist/cjs/br-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/br-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/br-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/br-dropdown.cjs.entry.js.map +1 -1
- package/dist/cjs/br-input.cjs.entry.js +2 -2
- package/dist/cjs/br-input.cjs.entry.js.map +1 -1
- package/dist/cjs/br-item.cjs.entry.js +2 -2
- package/dist/cjs/br-item.cjs.entry.js.map +1 -1
- package/dist/cjs/br-list.cjs.entry.js +2 -2
- package/dist/cjs/br-list.cjs.entry.js.map +1 -1
- package/dist/cjs/br-loading.cjs.entry.js +2 -2
- package/dist/cjs/br-loading.cjs.entry.js.map +1 -1
- package/dist/cjs/br-message.cjs.entry.js +2 -2
- package/dist/cjs/br-message.cjs.entry.js.map +1 -1
- package/dist/cjs/br-radio.cjs.entry.js +41 -37
- package/dist/cjs/br-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/br-switch.cjs.entry.js +3 -3
- package/dist/cjs/br-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/br-textarea.cjs.entry.js +3 -3
- package/dist/cjs/br-textarea.cjs.entry.js.map +1 -1
- package/dist/cjs/{index-fb4e9eaf.js → index-a1cc4aa4.js} +3 -2
- package/dist/cjs/index-a1cc4aa4.js.map +1 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/webcomponents.cjs.js +2 -2
- package/dist/collection/components/avatar/avatar.css +0 -18
- package/dist/collection/components/button/button.css +7 -18
- package/dist/collection/components/checkbox/checkbox.css +0 -18
- package/dist/collection/components/dropdown/dropdown.css +0 -18
- package/dist/collection/components/icon/icon.css +0 -18
- package/dist/collection/components/input/input.css +0 -18
- package/dist/collection/components/item/item.css +0 -18
- package/dist/collection/components/list/list.css +0 -18
- package/dist/collection/components/loading/loading.css +7 -18
- package/dist/collection/components/message/message.css +0 -18
- package/dist/collection/components/radio/radio.css +0 -18
- package/dist/collection/components/radio/radio.js +43 -62
- package/dist/collection/components/radio/radio.js.map +1 -1
- package/dist/collection/components/switch/switch.css +0 -18
- package/dist/collection/components/switch/switch.js +1 -1
- package/dist/collection/components/textarea/textarea.css +0 -18
- package/dist/collection/components/textarea/textarea.js +1 -1
- package/dist/collection/components/textarea/textarea.js.map +1 -1
- package/dist/collection/pages/radio/radio.js +1 -1
- package/dist/collection/scripts/menu.js +1 -1
- package/dist/collection/utils/unique-id-generator.js +9 -0
- package/dist/collection/utils/unique-id-generator.js.map +1 -0
- package/dist/components/br-avatar.js +3 -3
- package/dist/components/br-avatar.js.map +1 -1
- package/dist/components/br-button.js +1 -1
- package/dist/components/br-checkbox.js +2 -2
- package/dist/components/br-checkbox.js.map +1 -1
- package/dist/components/br-dropdown.js +2 -2
- package/dist/components/br-dropdown.js.map +1 -1
- package/dist/components/br-icon.js +1 -1
- package/dist/components/br-input.js +4 -4
- package/dist/components/br-input.js.map +1 -1
- package/dist/components/br-item.js +2 -2
- package/dist/components/br-item.js.map +1 -1
- package/dist/components/br-list.js +2 -2
- package/dist/components/br-list.js.map +1 -1
- package/dist/components/br-loading.js +2 -2
- package/dist/components/br-loading.js.map +1 -1
- package/dist/components/br-message.js +4 -4
- package/dist/components/br-message.js.map +1 -1
- package/dist/components/br-radio.js +45 -40
- package/dist/components/br-radio.js.map +1 -1
- package/dist/components/br-switch.js +3 -3
- package/dist/components/br-switch.js.map +1 -1
- package/dist/components/br-textarea.js +3 -3
- package/dist/components/br-textarea.js.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-af0dfebc.js → p-215ac56c.js} +3 -3
- package/dist/components/{p-af0dfebc.js.map → p-215ac56c.js.map} +1 -1
- package/dist/components/{p-698e7a18.js → p-62a01df5.js} +3 -2
- package/dist/{esm/index-c7037515.js.map → components/p-62a01df5.js.map} +1 -1
- package/dist/components/p-6eb1a607.js +138 -0
- package/dist/components/{p-baa2948a.js.map → p-6eb1a607.js.map} +1 -1
- package/dist/esm/br-avatar.entry.js +2 -2
- package/dist/esm/br-avatar.entry.js.map +1 -1
- package/dist/esm/br-button_2.entry.js +3 -3
- package/dist/esm/br-button_2.entry.js.map +1 -1
- package/dist/esm/br-checkbox.entry.js +2 -2
- package/dist/esm/br-checkbox.entry.js.map +1 -1
- package/dist/esm/br-dropdown.entry.js +2 -2
- package/dist/esm/br-dropdown.entry.js.map +1 -1
- package/dist/esm/br-input.entry.js +2 -2
- package/dist/esm/br-input.entry.js.map +1 -1
- package/dist/esm/br-item.entry.js +2 -2
- package/dist/esm/br-item.entry.js.map +1 -1
- package/dist/esm/br-list.entry.js +2 -2
- package/dist/esm/br-list.entry.js.map +1 -1
- package/dist/esm/br-loading.entry.js +2 -2
- package/dist/esm/br-loading.entry.js.map +1 -1
- package/dist/esm/br-message.entry.js +2 -2
- package/dist/esm/br-message.entry.js.map +1 -1
- package/dist/esm/br-radio.entry.js +41 -37
- package/dist/esm/br-radio.entry.js.map +1 -1
- package/dist/esm/br-switch.entry.js +3 -3
- package/dist/esm/br-switch.entry.js.map +1 -1
- package/dist/esm/br-textarea.entry.js +3 -3
- package/dist/esm/br-textarea.entry.js.map +1 -1
- package/dist/esm/{index-c7037515.js → index-cad6e6c3.js} +3 -2
- package/dist/esm/index-cad6e6c3.js.map +1 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/webcomponents.js +3 -3
- package/dist/types/components/radio/radio.d.ts +18 -23
- package/dist/types/components/textarea/textarea.d.ts +2 -2
- package/dist/types/components.d.ts +4 -12
- package/dist/types/utils/unique-id-generator.d.ts +1 -0
- package/dist/webcomponents/p-35f43cf0.entry.js +2 -0
- package/dist/webcomponents/{p-4645bc22.entry.js.map → p-35f43cf0.entry.js.map} +1 -1
- package/dist/webcomponents/p-3bbf9a07.entry.js +2 -0
- package/dist/webcomponents/{p-2bc17aba.entry.js.map → p-3bbf9a07.entry.js.map} +1 -1
- package/dist/webcomponents/p-70216f4a.entry.js +13 -0
- package/dist/webcomponents/{p-2ff6ee7a.entry.js.map → p-70216f4a.entry.js.map} +1 -1
- package/dist/webcomponents/p-7ef2814e.entry.js +2 -0
- package/dist/webcomponents/{p-f66d6a1e.entry.js.map → p-7ef2814e.entry.js.map} +1 -1
- package/dist/webcomponents/p-8030cff4.entry.js +2 -0
- package/dist/webcomponents/p-8030cff4.entry.js.map +1 -0
- package/dist/webcomponents/p-80726c0b.entry.js +2 -0
- package/dist/webcomponents/p-80726c0b.entry.js.map +1 -0
- package/dist/webcomponents/{p-6849daee.js → p-8dfeb926.js} +3 -3
- package/dist/webcomponents/p-8dfeb926.js.map +1 -0
- package/dist/webcomponents/p-a80407ae.entry.js +2 -0
- package/dist/webcomponents/{p-4e1a6b1e.entry.js.map → p-a80407ae.entry.js.map} +1 -1
- package/dist/webcomponents/p-a9efcaff.entry.js +2 -0
- package/dist/webcomponents/{p-ffbd85fd.entry.js.map → p-a9efcaff.entry.js.map} +1 -1
- package/dist/webcomponents/p-c8bf074f.entry.js +2 -0
- package/dist/webcomponents/{p-e1d4a515.entry.js.map → p-c8bf074f.entry.js.map} +1 -1
- package/dist/webcomponents/p-d3bb77aa.entry.js +2 -0
- package/dist/webcomponents/{p-128b4b58.entry.js.map → p-d3bb77aa.entry.js.map} +1 -1
- package/dist/webcomponents/p-e24e46e9.entry.js +2 -0
- package/dist/webcomponents/{p-53a18892.entry.js.map → p-e24e46e9.entry.js.map} +1 -1
- package/dist/webcomponents/p-ee647c4a.entry.js +2 -0
- package/dist/webcomponents/{p-6783eb4f.entry.js.map → p-ee647c4a.entry.js.map} +1 -1
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/dist/webcomponents/webcomponents.esm.js.map +1 -1
- package/hydrate/index.js +59 -55
- package/hydrate/index.mjs +59 -55
- package/package.json +1 -1
- package/vscode-data.json +1 -5
- package/dist/cjs/index-fb4e9eaf.js.map +0 -1
- package/dist/components/p-698e7a18.js.map +0 -1
- package/dist/components/p-baa2948a.js +0 -138
- package/dist/webcomponents/p-0f8df882.entry.js +0 -2
- package/dist/webcomponents/p-0f8df882.entry.js.map +0 -1
- package/dist/webcomponents/p-128b4b58.entry.js +0 -2
- package/dist/webcomponents/p-2bc17aba.entry.js +0 -2
- package/dist/webcomponents/p-2ff6ee7a.entry.js +0 -13
- package/dist/webcomponents/p-4645bc22.entry.js +0 -2
- package/dist/webcomponents/p-4e1a6b1e.entry.js +0 -2
- package/dist/webcomponents/p-53a18892.entry.js +0 -2
- package/dist/webcomponents/p-6783eb4f.entry.js +0 -2
- package/dist/webcomponents/p-6849daee.js.map +0 -1
- package/dist/webcomponents/p-e1d4a515.entry.js +0 -2
- package/dist/webcomponents/p-e74737f9.entry.js +0 -2
- package/dist/webcomponents/p-e74737f9.entry.js.map +0 -1
- package/dist/webcomponents/p-f66d6a1e.entry.js +0 -2
- package/dist/webcomponents/p-ffbd85fd.entry.js +0 -2
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,c as a,h as r,H as t,g as i}from"./p-8dfeb926.js";import{i as o}from"./p-ee6f4f3f.js";const n="*,*::before,*::after{box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:flex !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-message{--message-background:var(--background);--message-color-icon:var(--color);--feedback-background:var(--background);--message-text:var(--color);background:var(--message-background);display:flex;margin-bottom:var(--spacing-scale-2x)}.br-message .content{color:var(--message-text);flex:1;font-size:var(--font-size-scale-up-01);padding:var(--spacing-scale-3x) var(--spacing-scale-base) var(--spacing-scale-3x) var(--spacing-scale-2x)}.br-message .content .message-title{font-weight:var(--font-weight-semi-bold)}.br-message .content .message-body{font-weight:var(--font-weigth-regular)}.br-message .content a{font-weight:var(--font-weight-bold);text-decoration:underline}.br-message .content *:last-child{margin-bottom:0}.br-message .icon{align-items:center;color:var(--message-color-icon);display:flex;justify-content:center;margin:var(--spacing-vertical-center) var(--spacing-scale-2x);padding-left:var(--spacing-scale-2x);padding-right:var(--spacing-scale-2x)}.br-message .icon+.content{padding-left:0}.br-message .close{margin-right:var(--spacing-scale-base);margin-top:var(--spacing-scale-base)}.br-message.success,.br-message[success]{--message-background:var(--success-alternative);--feedback-background:var(--success);--message-color-icon:var(--success)}.br-message.success .close .br-button,.br-message[success] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--success-rgb)}.br-message.danger,.br-message[danger]{--message-background:var(--danger-alternative);--feedback-background:var(--danger);--message-color-icon:var(--danger)}.br-message.danger .close .br-button,.br-message[danger] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--danger-rgb)}.br-message.info,.br-message[info]{--message-background:var(--info-alternative);--feedback-background:var(--info);--message-color-icon:var(--info)}.br-message.info .close .br-button,.br-message[info] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--info-rgb)}.br-message.warning,.br-message[warning]{--message-background:var(--warning-alternative);--feedback-background:var(--warning)}.br-message.warning .close .br-button,.br-message[warning] .close .br-button{--interactive:var(--color);--interactive-rgb:var(--color-rgb)}.feedback{--message-background:var(--background);--message-color-icon:var(--color);--feedback-background:var(--background);--message-text:var(--color);align-items:center;background:var(--feedback-background);color:var(--message-text);display:inline-flex;font-style:italic;font-weight:var(--font-weight-medium);margin-bottom:0;padding:var(--spacing-scale-half)}.feedback:not(.is-warning):not(.warning):not([warning]){--message-text:var(--pure-0)}.feedback.warning,.feedback[warning]{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light)}.feedback.success,.feedback[success]{--message-background:var(--success-alternative);--feedback-background:var(--success);--message-color-icon:var(--success)}.feedback.success .close .br-button,.feedback[success] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--success-rgb)}.feedback.danger,.feedback[danger]{--message-background:var(--danger-alternative);--feedback-background:var(--danger);--message-color-icon:var(--danger)}.feedback.danger .close .br-button,.feedback[danger] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--danger-rgb)}.feedback.info,.feedback[info]{--message-background:var(--info-alternative);--feedback-background:var(--info);--message-color-icon:var(--info)}.feedback.info .close .br-button,.feedback[info] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--info-rgb)}.feedback.warning,.feedback[warning]{--message-background:var(--warning-alternative);--feedback-background:var(--warning)}.feedback.warning .close .br-button,.feedback[warning] .close .br-button{--interactive:var(--color);--interactive-rgb:var(--color-rgb)}:host{display:block}:host .icon-space{margin-right:var(--spacing-scale-half)}";const s=n;const c=class{constructor(r){e(this,r);this.brDidConnect=a(this,"brDidConnect",7);this.brWillLoad=a(this,"brWillLoad",7);this.brDidLoad=a(this,"brDidLoad",7);this.brWillRender=a(this,"brWillRender",7);this.brDidRender=a(this,"brDidRender",7);this.brShouldUpdate=a(this,"brShouldUpdate",7);this.brWillUpdate=a(this,"brWillUpdate",7);this.brDidUpdate=a(this,"brDidUpdate",7);this.brDidDisconnect=a(this,"brDidDisconnect",7);this.brDidClose=a(this,"brDidClose",7);if(r.$hostElement$["s-ei"]){this.elementInternals=r.$hostElement$["s-ei"]}else{this.elementInternals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=this.elementInternals}this.dismissHandler=()=>{this.brDidClose.emit();this.el.remove()};this.inheritedAttributes={};this.messageTitle="";this.message="";this.isInline=false;this.isClosable=false;this.showIcon=false;this.isFeedback=false;this.state="info"}connectedCallback(){this.brDidConnect.emit()}componentWillLoad(){this.brWillLoad.emit();this.inheritedAttributes=o(this.el)}componentDidLoad(){this.brDidLoad.emit()}componentWillRender(){this.brWillRender.emit()}componentDidRender(){this.brDidRender.emit()}componentShouldUpdate(){this.brShouldUpdate.emit()}componentWillUpdate(){this.brWillUpdate.emit()}componentDidUpdate(){this.brDidUpdate.emit()}disconnectedCallback(){this.brDidDisconnect.emit()}checkIconState(){const e={success:"fa-solid:check-circle",warning:"fa-solid:exclamation-triangle",danger:"fa-solid:times-circle",info:"fa-solid:info-circle"};return e[this.state]||"check-circle"}getCssClassMap(){return{"br-message":true,[this.state]:true}}render(){var e,a;return r(t,{key:"5b8bfb2b3b5c3861cf4e695c1cacb0bd034d4a82"},this.isFeedback?r("div",{class:"mb-3"},r("span",Object.assign({class:`feedback ${this.state}`,role:"alert"},this.inheritedAttributes),this.showIcon?r("br-icon",{class:"icon-space","icon-name":this.checkIconState()}):null,((e=this.message)===null||e===void 0?void 0:e.length)===0?r("slot",null):this.message)):r("div",Object.assign({class:this.getCssClassMap(),role:"alert"},this.inheritedAttributes),this.showIcon&&r("div",{class:"icon"},r("br-icon",{"icon-name":this.checkIconState(),height:"20","aria-hidden":"true"})),r("div",{class:"content",role:"alert"},((a=this.message)===null||a===void 0?void 0:a.length)===0?r("div",null,this.messageTitle&&r("strong",null,this.messageTitle),this.messageTitle&&!this.isInline&&r("br",null),r("slot",null)):r("div",null,r("span",{class:"message-title mr-1"},this.messageTitle),r("span",{class:"message-body"},this.message))),this.isClosable&&!this.isFeedback&&r("div",{class:"close"},r("br-button",{shape:"circle",type:"button","aria-label":"Fechar a mensagem",onClick:this.dismissHandler},r("br-icon",{"icon-name":"fa-solid:times","aria-hidden":"true"})))))}static get formAssociated(){return true}get el(){return i(this)}};c.style=s;export{c as br_message};
|
|
2
|
+
//# sourceMappingURL=p-7ef2814e.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["messageCss","BrMessageStyle0","Message","this","dismissHandler","brDidClose","emit","el","remove","inheritedAttributes","connectedCallback","brDidConnect","componentWillLoad","brWillLoad","inheritAriaAttributes","componentDidLoad","brDidLoad","componentWillRender","brWillRender","componentDidRender","brDidRender","componentShouldUpdate","brShouldUpdate","componentWillUpdate","brWillUpdate","componentDidUpdate","brDidUpdate","disconnectedCallback","brDidDisconnect","checkIconState","iconMap","success","warning","danger","info","state","getCssClassMap","render","h","Host","key","isFeedback","class","Object","assign","role","showIcon","_a","message","length","height","_b","messageTitle","isInline","isClosable","shape","type","onClick"],"sources":["src/components/message/message.scss?tag=br-message&encapsulation=shadow","src/components/message/message.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/message/message.scss\";\n\n:host {\n display: block;\n\n .icon-space {\n margin-right: var(--spacing-scale-half);\n }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, Host, Prop, h } from '@stencil/core'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/message?tab=designer).\n *\n * @slot default - Utilizado para inserir qualquer conteúdo que será exibido no corpo da mensagem.\n */\n@Component({\n tag: 'br-message',\n styleUrl: 'message.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Message {\n /**\n * Referência ao elemento host do componente.\n * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n */\n @Element() el: HTMLBrMessageElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * Define o título da mensagem, que é exibido no início, acima da mensagem principal.\n * Este título serve para destacar a mensagem textual. Não é aplicável para mensagens do tipo feedback.\n */\n @Prop({ reflect: true }) messageTitle: string = ''\n\n /**\n * **[OBRIGATÓRIO]** Define o texto da mensagem que será exibido.\n * Este é o conteúdo principal da mensagem. A propriedade `message` é obrigatória e deve ser fornecida para que a mensagem apareça.\n */\n @Prop({ reflect: true }) message: string = ''\n\n /**\n * Se definido como verdadeiro, o título da mensagem será exibido na mesma linha que a mensagem principal.\n * Isso pode ser útil para criar um layout onde o título e a mensagem estão alinhados horizontalmente.\n */\n @Prop({ reflect: true }) isInline: boolean = false\n\n /**\n * Se definido como verdadeiro, um botão de fechar será exibido para permitir que o usuário feche a mensagem.\n * Este recurso não está disponível para mensagens do tipo feedback.\n */\n @Prop({ reflect: true }) isClosable: boolean = false\n\n /**\n * Se definido como verdadeiro, um ícone associado à mensagem será exibido.\n * Use esta propriedade para mostrar ou ocultar o ícone da mensagem conforme necessário.\n */\n @Prop({ reflect: true }) showIcon: boolean = false\n\n /**\n * Define se a mensagem é do tipo feedback, geralmente usada para fornecer contexto adicional sobre ações do usuário.\n * Exemplos incluem mensagens de validação em campos de formulário. Não disponível para mensagens que não sejam de feedback.\n */\n @Prop({ reflect: true }) isFeedback: boolean = false\n\n /**\n * **[OBRIGATÓRIO]** Define o estado visual da mensagem.\n * Os possíveis valores são:\n * - 'info': Mensagem informativa.\n * - 'warning': Mensagem de aviso.\n * - 'danger': Mensagem de erro ou alerta.\n * - 'success': Mensagem de sucesso.\n * O valor padrão é 'info'.\n */\n @Prop({ reflect: true }) state: 'info' | 'warning' | 'danger' | 'success' = 'info'\n\n /**\n * Emite um evento quando o componente é conectado ao DOM.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#connectedcallback) para mais detalhes.\n */\n @Event() brDidConnect: EventEmitter<void>\n connectedCallback() {\n this.brDidConnect.emit()\n }\n\n /**\n * Emite um evento antes que o componente seja carregado pela primeira vez.\n * Utilize este evento para realizar tarefas de inicialização antes do componente ser exibido.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillload) para mais detalhes.\n */\n @Event() brWillLoad: EventEmitter<void>\n componentWillLoad() {\n this.brWillLoad.emit()\n this.inheritedAttributes = inheritAriaAttributes(this.el)\n }\n\n /**\n * Emite um evento após o componente ter sido carregado pela primeira vez.\n * Utilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.\n */\n @Event() brDidLoad: EventEmitter<void>\n componentDidLoad() {\n this.brDidLoad.emit()\n }\n\n /**\n * Emite um evento antes do componente ser renderizado.\n * Utilize este evento para preparar o componente antes de sua renderização.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillrender) para mais detalhes.\n */\n @Event() brWillRender: EventEmitter<void>\n componentWillRender() {\n this.brWillRender.emit()\n }\n\n /**\n * Emite um evento após o componente ter sido renderizado.\n * Utilize este evento para executar ações que devem ocorrer após a renderização do componente.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidrender) para mais detalhes.\n */\n @Event() brDidRender: EventEmitter<void>\n componentDidRender() {\n this.brDidRender.emit()\n }\n\n /**\n * Emite um evento para indicar se o componente deve ser atualizado ou não.\n * Este evento é chamado antes de qualquer atualização do componente para decidir se a atualização deve prosseguir.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentshouldupdate) para mais detalhes.\n */\n @Event() brShouldUpdate: EventEmitter<void>\n componentShouldUpdate() {\n this.brShouldUpdate.emit()\n }\n\n /**\n * Emite um evento antes de o componente ser atualizado.\n * Utilize este evento para realizar ações preparatórias antes da atualização do componente.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillupdate) para mais detalhes.\n */\n @Event() brWillUpdate: EventEmitter<void>\n componentWillUpdate() {\n this.brWillUpdate.emit()\n }\n\n /**\n * Emite um evento após o componente ter sido atualizado.\n * Utilize este evento para realizar ações após a atualização do componente.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidupdate) para mais detalhes.\n */\n @Event() brDidUpdate: EventEmitter<void>\n componentDidUpdate() {\n this.brDidUpdate.emit()\n }\n\n /**\n * Emite um evento quando o componente é desconectado do DOM.\n * Utilize este evento para realizar a limpeza ou outras ações necessárias quando o componente é removido.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#disconnectedcallback) para mais detalhes.\n */\n @Event() brDidDisconnect: EventEmitter<void>\n disconnectedCallback() {\n this.brDidDisconnect.emit()\n }\n\n /** Evento emitido quando o usuário fecha a mensagem, se closable for true. */\n @Event() brDidClose: EventEmitter\n private readonly dismissHandler = () => {\n this.brDidClose.emit()\n this.el.remove()\n }\n\n private checkIconState() {\n const iconMap = {\n success: 'fa-solid:check-circle',\n warning: 'fa-solid:exclamation-triangle',\n danger: 'fa-solid:times-circle',\n info: 'fa-solid:info-circle',\n }\n return iconMap[this.state] || 'check-circle' // Valor padrão se não encontrado\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-message': true,\n [this.state]: true,\n }\n }\n\n private inheritedAttributes: Attributes = {}\n\n render() {\n return (\n <Host>\n {this.isFeedback ? (\n <div class=\"mb-3\">\n <span class={`feedback ${this.state}`} role=\"alert\" {...this.inheritedAttributes}>\n {this.showIcon ? <br-icon class=\"icon-space\" icon-name={this.checkIconState()}></br-icon> : null}\n {this.message?.length === 0 ? <slot></slot> : this.message}\n </span>\n </div>\n ) : (\n <div class={this.getCssClassMap()} role=\"alert\" {...this.inheritedAttributes}>\n {this.showIcon && (\n <div class=\"icon\">\n <br-icon icon-name={this.checkIconState()} height=\"20\" aria-hidden=\"true\"></br-icon>\n </div>\n )}\n <div class=\"content\" role=\"alert\">\n {this.message?.length === 0 ? (\n <div>\n {this.messageTitle && <strong>{this.messageTitle}</strong>}\n {this.messageTitle && !this.isInline && <br />}\n <slot></slot>\n </div>\n ) : (\n <div>\n <span class=\"message-title mr-1\">{this.messageTitle}</span>\n <span class=\"message-body\">{this.message}</span>\n </div>\n )}\n </div>\n {this.isClosable && !this.isFeedback && (\n <div class=\"close\">\n <br-button shape=\"circle\" type=\"button\" aria-label=\"Fechar a mensagem\" onClick={this.dismissHandler}>\n <br-icon icon-name=\"fa-solid:times\" aria-hidden=\"true\"></br-icon>\n </br-button>\n </div>\n )}\n </div>\n )}\n </Host>\n )\n }\n}\n"],"mappings":"oGAAA,MAAMA,EAAa,isYACnB,MAAAC,EAAeD,E,MCaFE,EAAO,M,onBAoJDC,KAAAC,eAAiB,KAChCD,KAAKE,WAAWC,OAChBH,KAAKI,GAAGC,QAAQ,EAoBVL,KAAAM,oBAAkC,G,kBA7JM,G,aAML,G,cAME,M,gBAME,M,cAMF,M,gBAME,M,WAW6B,M,CAO5E,iBAAAC,GACEP,KAAKQ,aAAaL,M,CASpB,iBAAAM,GACET,KAAKU,WAAWP,OAChBH,KAAKM,oBAAsBK,EAAsBX,KAAKI,G,CASxD,gBAAAQ,GACEZ,KAAKa,UAAUV,M,CASjB,mBAAAW,GACEd,KAAKe,aAAaZ,M,CASpB,kBAAAa,GACEhB,KAAKiB,YAAYd,M,CASnB,qBAAAe,GACElB,KAAKmB,eAAehB,M,CAStB,mBAAAiB,GACEpB,KAAKqB,aAAalB,M,CASpB,kBAAAmB,GACEtB,KAAKuB,YAAYpB,M,CASnB,oBAAAqB,GACExB,KAAKyB,gBAAgBtB,M,CAUf,cAAAuB,GACN,MAAMC,EAAU,CACdC,QAAS,wBACTC,QAAS,gCACTC,OAAQ,wBACRC,KAAM,wBAER,OAAOJ,EAAQ3B,KAAKgC,QAAU,c,CAGxB,cAAAC,GACN,MAAO,CACL,aAAc,KACd,CAACjC,KAAKgC,OAAQ,K,CAMlB,MAAAE,G,QACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFrC,KAAKsC,WACJH,EAAA,OAAKI,MAAM,QACTJ,EAAA,OAAAK,OAAAC,OAAA,CAAMF,MAAO,YAAYvC,KAAKgC,QAASU,KAAK,SAAY1C,KAAKM,qBAC1DN,KAAK2C,SAAWR,EAAA,WAASI,MAAM,aAAY,YAAYvC,KAAK0B,mBAA+B,OAC3FkB,EAAA5C,KAAK6C,WAAO,MAAAD,SAAA,SAAAA,EAAEE,UAAW,EAAIX,EAAA,aAAgBnC,KAAK6C,UAIvDV,EAAA,MAAAK,OAAAC,OAAA,CAAKF,MAAOvC,KAAKiC,iBAAkBS,KAAK,SAAY1C,KAAKM,qBACtDN,KAAK2C,UACJR,EAAA,OAAKI,MAAM,QACTJ,EAAA,uBAAoBnC,KAAK0B,iBAAkBqB,OAAO,KAAI,cAAa,UAGvEZ,EAAA,OAAKI,MAAM,UAAUG,KAAK,WACvBM,EAAAhD,KAAK6C,WAAO,MAAAG,SAAA,SAAAA,EAAEF,UAAW,EACxBX,EAAA,WACGnC,KAAKiD,cAAgBd,EAAA,cAASnC,KAAKiD,cACnCjD,KAAKiD,eAAiBjD,KAAKkD,UAAYf,EAAA,WACxCA,EAAA,cAGFA,EAAA,WACEA,EAAA,QAAMI,MAAM,sBAAsBvC,KAAKiD,cACvCd,EAAA,QAAMI,MAAM,gBAAgBvC,KAAK6C,WAItC7C,KAAKmD,aAAenD,KAAKsC,YACxBH,EAAA,OAAKI,MAAM,SACTJ,EAAA,aAAWiB,MAAM,SAASC,KAAK,SAAQ,aAAY,oBAAoBC,QAAStD,KAAKC,gBACnFkC,EAAA,uBAAmB,iBAAgB,cAAa,Y","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["messageCss","BrMessageStyle0","Message","this","dismissHandler","brDidClose","emit","el","remove","inheritedAttributes","connectedCallback","brDidConnect","componentWillLoad","brWillLoad","inheritAriaAttributes","componentDidLoad","brDidLoad","componentWillRender","brWillRender","componentDidRender","brDidRender","componentShouldUpdate","brShouldUpdate","componentWillUpdate","brWillUpdate","componentDidUpdate","brDidUpdate","disconnectedCallback","brDidDisconnect","checkIconState","iconMap","success","warning","danger","info","state","getCssClassMap","render","h","Host","key","isFeedback","class","Object","assign","role","showIcon","_a","message","length","height","_b","messageTitle","isInline","isClosable","shape","type","onClick"],"sources":["src/components/message/message.scss?tag=br-message&encapsulation=shadow","src/components/message/message.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/message/message.scss\";\n\n:host {\n display: block;\n\n .icon-space {\n margin-right: var(--spacing-scale-half);\n }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, Host, Prop, h } from '@stencil/core'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/message?tab=designer).\n *\n * @slot default - Utilizado para inserir qualquer conteúdo que será exibido no corpo da mensagem.\n */\n@Component({\n tag: 'br-message',\n styleUrl: 'message.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Message {\n /**\n * Referência ao elemento host do componente.\n * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n */\n @Element() el: HTMLBrMessageElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * Define o título da mensagem, que é exibido no início, acima da mensagem principal.\n * Este título serve para destacar a mensagem textual. Não é aplicável para mensagens do tipo feedback.\n */\n @Prop({ reflect: true }) messageTitle: string = ''\n\n /**\n * **[OBRIGATÓRIO]** Define o texto da mensagem que será exibido.\n * Este é o conteúdo principal da mensagem. A propriedade `message` é obrigatória e deve ser fornecida para que a mensagem apareça.\n */\n @Prop({ reflect: true }) message: string = ''\n\n /**\n * Se definido como verdadeiro, o título da mensagem será exibido na mesma linha que a mensagem principal.\n * Isso pode ser útil para criar um layout onde o título e a mensagem estão alinhados horizontalmente.\n */\n @Prop({ reflect: true }) isInline: boolean = false\n\n /**\n * Se definido como verdadeiro, um botão de fechar será exibido para permitir que o usuário feche a mensagem.\n * Este recurso não está disponível para mensagens do tipo feedback.\n */\n @Prop({ reflect: true }) isClosable: boolean = false\n\n /**\n * Se definido como verdadeiro, um ícone associado à mensagem será exibido.\n * Use esta propriedade para mostrar ou ocultar o ícone da mensagem conforme necessário.\n */\n @Prop({ reflect: true }) showIcon: boolean = false\n\n /**\n * Define se a mensagem é do tipo feedback, geralmente usada para fornecer contexto adicional sobre ações do usuário.\n * Exemplos incluem mensagens de validação em campos de formulário. Não disponível para mensagens que não sejam de feedback.\n */\n @Prop({ reflect: true }) isFeedback: boolean = false\n\n /**\n * **[OBRIGATÓRIO]** Define o estado visual da mensagem.\n * Os possíveis valores são:\n * - 'info': Mensagem informativa.\n * - 'warning': Mensagem de aviso.\n * - 'danger': Mensagem de erro ou alerta.\n * - 'success': Mensagem de sucesso.\n * O valor padrão é 'info'.\n */\n @Prop({ reflect: true }) state: 'info' | 'warning' | 'danger' | 'success' = 'info'\n\n /**\n * Emite um evento quando o componente é conectado ao DOM.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#connectedcallback) para mais detalhes.\n */\n @Event() brDidConnect: EventEmitter<void>\n connectedCallback() {\n this.brDidConnect.emit()\n }\n\n /**\n * Emite um evento antes que o componente seja carregado pela primeira vez.\n * Utilize este evento para realizar tarefas de inicialização antes do componente ser exibido.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillload) para mais detalhes.\n */\n @Event() brWillLoad: EventEmitter<void>\n componentWillLoad() {\n this.brWillLoad.emit()\n this.inheritedAttributes = inheritAriaAttributes(this.el)\n }\n\n /**\n * Emite um evento após o componente ter sido carregado pela primeira vez.\n * Utilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.\n */\n @Event() brDidLoad: EventEmitter<void>\n componentDidLoad() {\n this.brDidLoad.emit()\n }\n\n /**\n * Emite um evento antes do componente ser renderizado.\n * Utilize este evento para preparar o componente antes de sua renderização.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillrender) para mais detalhes.\n */\n @Event() brWillRender: EventEmitter<void>\n componentWillRender() {\n this.brWillRender.emit()\n }\n\n /**\n * Emite um evento após o componente ter sido renderizado.\n * Utilize este evento para executar ações que devem ocorrer após a renderização do componente.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidrender) para mais detalhes.\n */\n @Event() brDidRender: EventEmitter<void>\n componentDidRender() {\n this.brDidRender.emit()\n }\n\n /**\n * Emite um evento para indicar se o componente deve ser atualizado ou não.\n * Este evento é chamado antes de qualquer atualização do componente para decidir se a atualização deve prosseguir.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentshouldupdate) para mais detalhes.\n */\n @Event() brShouldUpdate: EventEmitter<void>\n componentShouldUpdate() {\n this.brShouldUpdate.emit()\n }\n\n /**\n * Emite um evento antes de o componente ser atualizado.\n * Utilize este evento para realizar ações preparatórias antes da atualização do componente.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillupdate) para mais detalhes.\n */\n @Event() brWillUpdate: EventEmitter<void>\n componentWillUpdate() {\n this.brWillUpdate.emit()\n }\n\n /**\n * Emite um evento após o componente ter sido atualizado.\n * Utilize este evento para realizar ações após a atualização do componente.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidupdate) para mais detalhes.\n */\n @Event() brDidUpdate: EventEmitter<void>\n componentDidUpdate() {\n this.brDidUpdate.emit()\n }\n\n /**\n * Emite um evento quando o componente é desconectado do DOM.\n * Utilize este evento para realizar a limpeza ou outras ações necessárias quando o componente é removido.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#disconnectedcallback) para mais detalhes.\n */\n @Event() brDidDisconnect: EventEmitter<void>\n disconnectedCallback() {\n this.brDidDisconnect.emit()\n }\n\n /** Evento emitido quando o usuário fecha a mensagem, se closable for true. */\n @Event() brDidClose: EventEmitter\n private readonly dismissHandler = () => {\n this.brDidClose.emit()\n this.el.remove()\n }\n\n private checkIconState() {\n const iconMap = {\n success: 'fa-solid:check-circle',\n warning: 'fa-solid:exclamation-triangle',\n danger: 'fa-solid:times-circle',\n info: 'fa-solid:info-circle',\n }\n return iconMap[this.state] || 'check-circle' // Valor padrão se não encontrado\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-message': true,\n [this.state]: true,\n }\n }\n\n private inheritedAttributes: Attributes = {}\n\n render() {\n return (\n <Host>\n {this.isFeedback ? (\n <div class=\"mb-3\">\n <span class={`feedback ${this.state}`} role=\"alert\" {...this.inheritedAttributes}>\n {this.showIcon ? <br-icon class=\"icon-space\" icon-name={this.checkIconState()}></br-icon> : null}\n {this.message?.length === 0 ? <slot></slot> : this.message}\n </span>\n </div>\n ) : (\n <div class={this.getCssClassMap()} role=\"alert\" {...this.inheritedAttributes}>\n {this.showIcon && (\n <div class=\"icon\">\n <br-icon icon-name={this.checkIconState()} height=\"20\" aria-hidden=\"true\"></br-icon>\n </div>\n )}\n <div class=\"content\" role=\"alert\">\n {this.message?.length === 0 ? (\n <div>\n {this.messageTitle && <strong>{this.messageTitle}</strong>}\n {this.messageTitle && !this.isInline && <br />}\n <slot></slot>\n </div>\n ) : (\n <div>\n <span class=\"message-title mr-1\">{this.messageTitle}</span>\n <span class=\"message-body\">{this.message}</span>\n </div>\n )}\n </div>\n {this.isClosable && !this.isFeedback && (\n <div class=\"close\">\n <br-button shape=\"circle\" type=\"button\" aria-label=\"Fechar a mensagem\" onClick={this.dismissHandler}>\n <br-icon icon-name=\"fa-solid:times\" aria-hidden=\"true\"></br-icon>\n </br-button>\n </div>\n )}\n </div>\n )}\n </Host>\n )\n }\n}\n"],"mappings":"oGAAA,MAAMA,EAAa,44XACnB,MAAAC,EAAeD,E,MCaFE,EAAO,M,onBAoJDC,KAAAC,eAAiB,KAChCD,KAAKE,WAAWC,OAChBH,KAAKI,GAAGC,QAAQ,EAoBVL,KAAAM,oBAAkC,G,kBA7JM,G,aAML,G,cAME,M,gBAME,M,cAMF,M,gBAME,M,WAW6B,M,CAO5E,iBAAAC,GACEP,KAAKQ,aAAaL,M,CASpB,iBAAAM,GACET,KAAKU,WAAWP,OAChBH,KAAKM,oBAAsBK,EAAsBX,KAAKI,G,CASxD,gBAAAQ,GACEZ,KAAKa,UAAUV,M,CASjB,mBAAAW,GACEd,KAAKe,aAAaZ,M,CASpB,kBAAAa,GACEhB,KAAKiB,YAAYd,M,CASnB,qBAAAe,GACElB,KAAKmB,eAAehB,M,CAStB,mBAAAiB,GACEpB,KAAKqB,aAAalB,M,CASpB,kBAAAmB,GACEtB,KAAKuB,YAAYpB,M,CASnB,oBAAAqB,GACExB,KAAKyB,gBAAgBtB,M,CAUf,cAAAuB,GACN,MAAMC,EAAU,CACdC,QAAS,wBACTC,QAAS,gCACTC,OAAQ,wBACRC,KAAM,wBAER,OAAOJ,EAAQ3B,KAAKgC,QAAU,c,CAGxB,cAAAC,GACN,MAAO,CACL,aAAc,KACd,CAACjC,KAAKgC,OAAQ,K,CAMlB,MAAAE,G,QACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFrC,KAAKsC,WACJH,EAAA,OAAKI,MAAM,QACTJ,EAAA,OAAAK,OAAAC,OAAA,CAAMF,MAAO,YAAYvC,KAAKgC,QAASU,KAAK,SAAY1C,KAAKM,qBAC1DN,KAAK2C,SAAWR,EAAA,WAASI,MAAM,aAAY,YAAYvC,KAAK0B,mBAA+B,OAC3FkB,EAAA5C,KAAK6C,WAAO,MAAAD,SAAA,SAAAA,EAAEE,UAAW,EAAIX,EAAA,aAAgBnC,KAAK6C,UAIvDV,EAAA,MAAAK,OAAAC,OAAA,CAAKF,MAAOvC,KAAKiC,iBAAkBS,KAAK,SAAY1C,KAAKM,qBACtDN,KAAK2C,UACJR,EAAA,OAAKI,MAAM,QACTJ,EAAA,uBAAoBnC,KAAK0B,iBAAkBqB,OAAO,KAAI,cAAa,UAGvEZ,EAAA,OAAKI,MAAM,UAAUG,KAAK,WACvBM,EAAAhD,KAAK6C,WAAO,MAAAG,SAAA,SAAAA,EAAEF,UAAW,EACxBX,EAAA,WACGnC,KAAKiD,cAAgBd,EAAA,cAASnC,KAAKiD,cACnCjD,KAAKiD,eAAiBjD,KAAKkD,UAAYf,EAAA,WACxCA,EAAA,cAGFA,EAAA,WACEA,EAAA,QAAMI,MAAM,sBAAsBvC,KAAKiD,cACvCd,EAAA,QAAMI,MAAM,gBAAgBvC,KAAK6C,WAItC7C,KAAKmD,aAAenD,KAAKsC,YACxBH,EAAA,OAAKI,MAAM,SACTJ,EAAA,aAAWiB,MAAM,SAASC,KAAK,SAAQ,aAAY,oBAAoBC,QAAStD,KAAKC,gBACnFkC,EAAA,uBAAmB,iBAAgB,cAAa,Y","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r,c as a,h as t,H as i,g as e}from"./p-8dfeb926.js";import{i as o}from"./p-ee6f4f3f.js";function n(r="id",a=30){const t=Array.from(crypto.getRandomValues(new Uint8Array(a))).map((r=>(r%16).toString(16))).join("");return`${r}-${t}`}const l='*,*::before,*::after{box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:flex !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-radio{--radio-size:24px;--radio-bullet-size:16px;--radio-bullet-position:calc((var(--radio-size) - var(--radio-bullet-size)) * 0.5);display:block}.br-radio+.br-radio{margin-top:var(--spacing-scale-base)}.br-radio input{opacity:0;position:absolute}.br-radio input+label{cursor:pointer;display:inline-block;margin-bottom:0;min-height:var(--radio-size);min-width:var(--radio-size);padding-left:calc(var(--spacing-scale-base) + var(--radio-size));position:relative}.br-radio input+label::before{background:var(--background);border:1px solid var(--border-color);border-radius:50%;content:"";height:var(--radio-size);left:0;position:absolute;top:-1px;width:var(--radio-size)}.br-radio input+label:empty{padding:0}.br-radio input+label:empty::before{top:0}.br-radio label{font-weight:var(--font-weight-medium)}.br-radio input:checked+label::after{background:var(--selected);border:7px solid var(--selected);border-radius:50%;content:"";height:var(--radio-bullet-size);left:var(--radio-bullet-position);position:absolute;right:0;top:calc(var(--radio-bullet-position) - 1px);width:var(--radio-bullet-size)}.br-radio input:checked+label:empty::after{top:var(--radio-bullet-position)}.br-radio.valid input+label::before,.br-radio[valid] input+label::before{border-color:var(--success)}.br-radio.invalid input+label::before,.br-radio[invalid] input+label::before{border-color:var(--danger)}.br-radio.small input+label,.br-radio[small] input+label{line-height:var(--spacing-scale-2xh);min-height:var(--spacing-scale-2xh)}.br-radio.small input+label::before,.br-radio[small] input+label::before{height:var(--spacing-scale-2xh);width:var(--spacing-scale-2xh)}.br-radio.small input:checked+label::after,.br-radio[small] input:checked+label::after{border-width:4px;height:10px;width:10px}.br-radio input:invalid+label::before{border-color:var(--danger)}.br-radio input:focus-visible:checked+label::before,.br-radio input:focus-visible+label::before{border-color:var(--focus) !important;box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-radio input:hover:not(:disabled)+label::before{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-radio.dark-mode,.br-radio.dark-mode label{color:var(--color-dark)}:host{display:block}.br-radio.hidden-label label{padding-left:calc(var(--checkbox-size) + var(--surface-width-md) * 2);text-indent:-10000px;white-space:nowrap;width:0}';const s=l;const d=class{constructor(t){r(this,t);this.brDidConnect=a(this,"brDidConnect",7);this.brWillLoad=a(this,"brWillLoad",7);this.brDidLoad=a(this,"brDidLoad",7);this.brWillRender=a(this,"brWillRender",7);this.brDidRender=a(this,"brDidRender",7);this.brShouldUpdate=a(this,"brShouldUpdate",7);this.brWillUpdate=a(this,"brWillUpdate",7);this.brDidUpdate=a(this,"brDidUpdate",7);this.brDidDisconnect=a(this,"brDidDisconnect",7);this.brFormAssociatedCallback=a(this,"brFormAssociatedCallback",7);this.brFormDisabledCallback=a(this,"brFormDisabledCallback",7);this.brFormResetCallback=a(this,"brFormResetCallback",7);this.brFormStateRestoreCallback=a(this,"brFormStateRestoreCallback",7);this.brDidChange=a(this,"brDidChange",7);if(t.$hostElement$["s-ei"]){this.elementInternals=t.$hostElement$["s-ei"]}else{this.elementInternals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.elementInternals}this.inheritedAttributes={};this.onClick=r=>{r.stopPropagation();this.checked=r.target.checked};this.onChange=()=>{this.brDidChange.emit({id:this.computedId,name:this.name,value:this.value,checked:this.checked})};this.computedId=undefined;this.checked=false;this.disabled=false;this.state=null;this.hasHiddenLabel=false;this.name=undefined;this.label=undefined;this.value=undefined;this.customId=undefined}onCustomIdChange(r){if(r){this.computedId=r}else{this.computedId=n("radio",8)}}connectedCallback(){this.getComputedId();this.brDidConnect.emit()}componentWillLoad(){this.brWillLoad.emit();this.inheritedAttributes=o(this.el)}componentDidLoad(){this.brDidLoad.emit()}componentWillRender(){this.brWillRender.emit()}componentDidRender(){this.brDidRender.emit()}componentShouldUpdate(){this.brShouldUpdate.emit()}componentWillUpdate(){this.brWillUpdate.emit()}componentDidUpdate(){this.brDidUpdate.emit()}disconnectedCallback(){this.brDidDisconnect.emit()}formAssociatedCallback(r){this.brFormAssociatedCallback.emit(r)}formDisabledCallback(r){this.brFormDisabledCallback.emit(r)}formResetCallback(){this.brFormResetCallback.emit()}formStateRestoreCallback(r,a){this.brFormStateRestoreCallback.emit([r,a])}onBrDidChange(r){if(r.detail.id!==this.computedId&&r.detail.name===this.name){this.checked=false}}getCssClassMap(){return{"br-radio":true,valid:this.state==="valid",invalid:this.state==="invalid",disabled:this.disabled,"hidden-label":this.hasHiddenLabel}}getComputedId(){var r;this.computedId=(r=this.customId)!==null&&r!==void 0?r:n("radio",8)}render(){return t(i,{key:"157fbced7af9781ebec0d96ce5046d623e2d585d","aria-disabled":this.disabled?"true":null},t("div",{key:"f34f4954e2369d118ef3af1f41ca96883717830e",class:this.getCssClassMap()},t("input",Object.assign({key:"b04146beacb034b9d86a5140d0a88019f5d21ba9","aria-label":this.label,type:"radio",id:this.computedId,name:this.name,checked:this.checked,disabled:this.disabled,value:this.value,onClick:this.onClick,onChange:this.onChange},this.inheritedAttributes)),t("label",{key:"ef29ce8a1ac83addc13723bfe97f0a65198c6133",htmlFor:this.computedId},t("slot",{key:"1ad0ef5ad91ca8e7adeb7146fa3e270cb2f36a0f"},this.label))))}static get formAssociated(){return true}get el(){return e(this)}static get watchers(){return{customId:["onCustomIdChange"]}}};d.style=s;export{d as br_radio};
|
|
2
|
+
//# sourceMappingURL=p-8030cff4.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["generateUniqueId","prefix","randomPartLength","randomPart","Array","from","crypto","getRandomValues","Uint8Array","map","num","toString","join","radioCss","BrRadioStyle0","Radio","this","inheritedAttributes","onClick","event","stopPropagation","checked","target","onChange","brDidChange","emit","id","computedId","name","value","onCustomIdChange","newValue","connectedCallback","getComputedId","brDidConnect","componentWillLoad","brWillLoad","inheritAriaAttributes","el","componentDidLoad","brDidLoad","componentWillRender","brWillRender","componentDidRender","brDidRender","componentShouldUpdate","brShouldUpdate","componentWillUpdate","brWillUpdate","componentDidUpdate","brDidUpdate","disconnectedCallback","brDidDisconnect","formAssociatedCallback","form","brFormAssociatedCallback","formDisabledCallback","disabled","brFormDisabledCallback","formResetCallback","brFormResetCallback","formStateRestoreCallback","state","_mode","brFormStateRestoreCallback","onBrDidChange","detail","getCssClassMap","valid","invalid","hasHiddenLabel","_a","customId","render","h","Host","key","class","Object","assign","label","type","htmlFor"],"sources":["src/utils/unique-id-generator.ts","src/components/radio/radio.scss?tag=br-radio&encapsulation=shadow","src/components/radio/radio.tsx"],"sourcesContent":["export default function generateUniqueId(prefix: string = 'id', randomPartLength: number = 30): string {\n // Cria uma parte aleatória do comprimento desejado\n const randomPart = Array.from(crypto.getRandomValues(new Uint8Array(randomPartLength)))\n .map((num) => (num % 16).toString(16)) // Converte os números para hexadecimal\n .join('') // Junta os caracteres para criar uma string\n\n // Concatena o prefixo e a parte aleatória\n return `${prefix}-${randomPart}`\n}\n","@import \"../../../../../node_modules/@govbr-ds/core/src/components/radio/radio.scss\";\n\n:host {\n display: block;\n}\n\n.br-radio.hidden-label {\n label {\n padding-left: calc(var(--checkbox-size) + var(--surface-width-md)* 2);\n text-indent: -10000px;\n white-space: nowrap;\n width: 0;\n }\n}\n ","import {\n AttachInternals,\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\nimport generateUniqueId from '../../utils/unique-id-generator'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/radio?tab=designer).\n *\n * @slot default - O texto descritivo pode ser passado por propriedade (label) ou por slot.\n */\n\n@Component({\n tag: 'br-radio',\n styleUrl: 'radio.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Radio {\n /**\n * Referência ao elemento host do componente.\n * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n */\n @Element() el: HTMLBrRadioElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * Contém o id usado internamente no componente\n */\n @State() computedId: string\n\n /**\n * Define o estado de seleção do radio.\n * Se definido como verdadeiro, o radio estará marcado. Caso contrário, estará desmarcado.\n */\n @Prop({ reflect: true, mutable: true }) checked: boolean = false\n\n /**\n * Desativa o radio, tornando-o não interativo.\n */\n @Prop({ reflect: true }) disabled: boolean = false\n\n /**\n * Indica a validade do radio.\n * Valores possíveis:\n * - 'valid': O radio é considerado válido.\n * - 'invalid': O radio é considerado inválido.\n * Se não for especificado, o valor padrão é `null`, indicando que a validade não foi definida.\n */\n @Prop({ reflect: true }) state: 'valid' | 'invalid' = null\n\n /**\n * Define se o label associado ao radio deve ser oculto.\n * Se definido como verdadeiro, o texto do label será oculto, mas o radio ainda estará visível e funcional.\n */\n @Prop({ reflect: true, attribute: 'has-hidden-label' }) hasHiddenLabel: boolean = false\n\n /**\n * Define o nome do radio, que é utilizado para agrupar radios em formulários e identificar o campo.\n * O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.\n */\n\n @Prop({ reflect: true }) name!: string\n\n /**\n * Texto descritivo exibido à direita do radio.\n * Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.\n */\n @Prop({ reflect: true }) label: string\n\n /**\n * Define o valor associado ao radio quando ele faz parte de um formulário nativo (`<form>`).\n * Esse valor é enviado com o formulário quando o radio está selecionado.\n * **Nota:** Esta propriedade não deve ser utilizada para determinar se o radio está selecionado; para verificar o estado de seleção, use a propriedade `checked`.\n */\n @Prop({ reflect: true }) value: any\n\n /**\n * Especifica o ID do componente, que é usado para conectar o label correspondente ao radio.\n * Se não for fornecido, o ID será gerado automaticamente e de forma aleatória\n */\n @Prop({ reflect: true, attribute: 'id' }) customId: string\n\n @Watch('customId')\n onCustomIdChange(newValue) {\n if (newValue) {\n this.computedId = newValue\n } else {\n this.computedId = generateUniqueId('radio', 8)\n }\n }\n\n /**\n * Emite um evento quando o componente é conectado ao DOM.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#connectedcallback) para mais detalhes.\n */\n @Event() brDidConnect: EventEmitter<void>\n connectedCallback() {\n this.getComputedId()\n this.brDidConnect.emit()\n }\n\n /**\n * Emite um evento antes que o componente seja carregado pela primeira vez.\n * Utilize este evento para realizar tarefas de inicialização antes do componente ser exibido.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillload) para mais detalhes.\n */\n @Event() brWillLoad: EventEmitter<void>\n componentWillLoad() {\n this.brWillLoad.emit()\n this.inheritedAttributes = inheritAriaAttributes(this.el)\n }\n\n /**\n * Emite um evento após o componente ter sido carregado pela primeira vez.\n * Utilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.\n */\n @Event() brDidLoad: EventEmitter<void>\n componentDidLoad() {\n this.brDidLoad.emit()\n }\n\n /**\n * Emite um evento antes do componente ser renderizado.\n * Utilize este evento para preparar o componente antes de sua renderização.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillrender) para mais detalhes.\n */\n @Event() brWillRender: EventEmitter<void>\n componentWillRender() {\n this.brWillRender.emit()\n }\n\n /**\n * Emite um evento após o componente ter sido renderizado.\n * Utilize este evento para executar ações que devem ocorrer após a renderização do componente.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidrender) para mais detalhes.\n */\n @Event() brDidRender: EventEmitter<void>\n componentDidRender() {\n this.brDidRender.emit()\n }\n\n /**\n * Emite um evento para indicar se o componente deve ser atualizado ou não.\n * Este evento é chamado antes de qualquer atualização do componente para decidir se a atualização deve prosseguir.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentshouldupdate) para mais detalhes.\n */\n @Event() brShouldUpdate: EventEmitter<void>\n componentShouldUpdate() {\n this.brShouldUpdate.emit()\n }\n\n /**\n * Emite um evento antes de o componente ser atualizado.\n * Utilize este evento para realizar ações preparatórias antes da atualização do componente.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillupdate) para mais detalhes.\n */\n @Event() brWillUpdate: EventEmitter<void>\n componentWillUpdate() {\n this.brWillUpdate.emit()\n }\n\n /**\n * Emite um evento após o componente ter sido atualizado.\n * Utilize este evento para realizar ações após a atualização do componente.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidupdate) para mais detalhes.\n */\n @Event() brDidUpdate: EventEmitter<void>\n componentDidUpdate() {\n this.brDidUpdate.emit()\n }\n\n /**\n * Emite um evento quando o componente é desconectado do DOM.\n * Utilize este evento para realizar a limpeza ou outras ações necessárias quando o componente é removido.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#disconnectedcallback) para mais detalhes.\n */\n @Event() brDidDisconnect: EventEmitter<void>\n disconnectedCallback() {\n this.brDidDisconnect.emit()\n }\n\n /**\n * Emite um evento quando o componente é associado ou removido de um `<form>`.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formassociatedcallback) para mais detalhes.\n *\n * @param form - Dados do formulário associado.\n */\n @Event() brFormAssociatedCallback: EventEmitter<FormData>\n formAssociatedCallback(form: FormData) {\n this.brFormAssociatedCallback.emit(form)\n }\n\n /**\n * Emite um evento quando o estado `disabled` do componente muda dentro de um `<form>`.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formdisabledcallback) para mais informações.\n *\n * @param disabled - Novo estado `disabled` do componente dentro do formulário.\n */\n @Event() brFormDisabledCallback: EventEmitter<boolean>\n formDisabledCallback(disabled: boolean) {\n this.brFormDisabledCallback.emit(disabled)\n }\n\n /**\n * Emite um evento quando um `<form>` é resetado.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formresetcallback) para mais detalhes.\n */\n @Event() brFormResetCallback: EventEmitter<void>\n formResetCallback() {\n this.brFormResetCallback.emit()\n }\n\n /**\n * Emite um evento quando o navegador preenche automaticamente os campos de um `<form>`.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formstaterestorecallback) para mais informações.\n *\n * @param state - Estado restaurado do formulário.\n * @param _mode - Modo de preenchimento automático do navegador.\n */\n @Event() brFormStateRestoreCallback: EventEmitter<[state: string, _mode: string]>\n formStateRestoreCallback(state: string, _mode: string) {\n this.brFormStateRestoreCallback.emit([state, _mode])\n }\n\n /**\n * Componente teve seu estado \"checked\" alterado\n */\n @Event({ bubbles: true, composed: true }) brDidChange: EventEmitter\n\n // Ouvinte para o evento \"brDidChange\"\n @Listen('brDidChange', { target: 'window' })\n onBrDidChange(event: CustomEvent) {\n // If the event is from another radio with the same name, deselect this one\n if (event.detail.id !== this.computedId && event.detail.name === this.name) {\n this.checked = false\n }\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-radio': true,\n valid: this.state === 'valid',\n invalid: this.state === 'invalid',\n disabled: this.disabled,\n 'hidden-label': this.hasHiddenLabel,\n }\n }\n\n private inheritedAttributes: Attributes = {}\n\n /**\n * Determina um id para o radio.\n */\n private getComputedId() {\n this.computedId = this.customId ?? generateUniqueId('radio', 8)\n }\n\n /**\n * Handler para o event \"click\"\n * @param event Objeto Event\n */\n private onClick = (event: MouseEvent) => {\n event.stopPropagation()\n this.checked = (event.target as HTMLInputElement).checked\n }\n\n /**\n * Handler para o evento \"change\"\n */\n private onChange = () => {\n this.brDidChange.emit({ id: this.computedId, name: this.name, value: this.value, checked: this.checked })\n }\n\n render() {\n return (\n <Host aria-disabled={this.disabled ? 'true' : null}>\n <div class={this.getCssClassMap()}>\n <input\n aria-label={this.label}\n type=\"radio\"\n id={this.computedId}\n name={this.name}\n checked={this.checked}\n disabled={this.disabled}\n value={this.value}\n onClick={this.onClick}\n onChange={this.onChange}\n {...this.inheritedAttributes}\n />\n <label htmlFor={this.computedId}>\n <slot>{this.label}</slot>\n </label>\n </div>\n </Host>\n )\n }\n}\n"],"mappings":"wGAAwBA,EAAiBC,EAAiB,KAAMC,EAA2B,IAEzF,MAAMC,EAAaC,MAAMC,KAAKC,OAAOC,gBAAgB,IAAIC,WAAWN,KACjEO,KAAKC,IAASA,EAAM,IAAIC,SAAS,MACjCC,KAAK,IAGR,MAAO,GAAGX,KAAUE,GACtB,CCRA,MAAMU,EAAW,8iUACjB,MAAAC,EAAeD,E,MC4BFE,EAAK,M,w3BAyORC,KAAAC,oBAAkC,GAalCD,KAAAE,QAAWC,IACjBA,EAAMC,kBACNJ,KAAKK,QAAWF,EAAMG,OAA4BD,OAAO,EAMnDL,KAAAO,SAAW,KACjBP,KAAKQ,YAAYC,KAAK,CAAEC,GAAIV,KAAKW,WAAYC,KAAMZ,KAAKY,KAAMC,MAAOb,KAAKa,MAAOR,QAASL,KAAKK,SAAU,E,uCA7OhD,M,cAKd,M,WASS,K,oBAM4B,M,sFA6BlF,gBAAAS,CAAiBC,GACf,GAAIA,EAAU,CACZf,KAAKW,WAAaI,C,KACb,CACLf,KAAKW,WAAa3B,EAAiB,QAAS,E,EAShD,iBAAAgC,GACEhB,KAAKiB,gBACLjB,KAAKkB,aAAaT,M,CASpB,iBAAAU,GACEnB,KAAKoB,WAAWX,OAChBT,KAAKC,oBAAsBoB,EAAsBrB,KAAKsB,G,CASxD,gBAAAC,GACEvB,KAAKwB,UAAUf,M,CASjB,mBAAAgB,GACEzB,KAAK0B,aAAajB,M,CASpB,kBAAAkB,GACE3B,KAAK4B,YAAYnB,M,CASnB,qBAAAoB,GACE7B,KAAK8B,eAAerB,M,CAStB,mBAAAsB,GACE/B,KAAKgC,aAAavB,M,CASpB,kBAAAwB,GACEjC,KAAKkC,YAAYzB,M,CASnB,oBAAA0B,GACEnC,KAAKoC,gBAAgB3B,M,CAUvB,sBAAA4B,CAAuBC,GACrBtC,KAAKuC,yBAAyB9B,KAAK6B,E,CAUrC,oBAAAE,CAAqBC,GACnBzC,KAAK0C,uBAAuBjC,KAAKgC,E,CAQnC,iBAAAE,GACE3C,KAAK4C,oBAAoBnC,M,CAW3B,wBAAAoC,CAAyBC,EAAeC,GACtC/C,KAAKgD,2BAA2BvC,KAAK,CAACqC,EAAOC,G,CAU/C,aAAAE,CAAc9C,GAEZ,GAAIA,EAAM+C,OAAOxC,KAAOV,KAAKW,YAAcR,EAAM+C,OAAOtC,OAASZ,KAAKY,KAAM,CAC1EZ,KAAKK,QAAU,K,EAIX,cAAA8C,GACN,MAAO,CACL,WAAY,KACZC,MAAOpD,KAAK8C,QAAU,QACtBO,QAASrD,KAAK8C,QAAU,UACxBL,SAAUzC,KAAKyC,SACf,eAAgBzC,KAAKsD,e,CASjB,aAAArC,G,MACNjB,KAAKW,YAAa4C,EAAAvD,KAAKwD,YAAQ,MAAAD,SAAA,EAAAA,EAAIvE,EAAiB,QAAS,E,CAmB/D,MAAAyE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2DAAgB5D,KAAKyC,SAAW,OAAS,MAC5CiB,EAAA,OAAAE,IAAA,2CAAKC,MAAO7D,KAAKmD,kBACfO,EAAA,QAAAI,OAAAC,OAAA,CAAAH,IAAA,wDACc5D,KAAKgE,MACjBC,KAAK,QACLvD,GAAIV,KAAKW,WACTC,KAAMZ,KAAKY,KACXP,QAASL,KAAKK,QACdoC,SAAUzC,KAAKyC,SACf5B,MAAOb,KAAKa,MACZX,QAASF,KAAKE,QACdK,SAAUP,KAAKO,UACXP,KAAKC,sBAEXyD,EAAA,SAAAE,IAAA,2CAAOM,QAASlE,KAAKW,YACnB+C,EAAA,QAAAE,IAAA,4CAAO5D,KAAKgE,S","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as a,h as r,H as e,g as i}from"./p-8dfeb926.js";import{i as o}from"./p-ee6f4f3f.js";import{v as n}from"./p-14616bce.js";const s="*,*::before,*::after{box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:flex !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-textarea{--textarea-padding:var(--textarea-medium);--textarea-small:var(--spacing-scale-base);--textarea-medium:var(--spacing-scale-baseh);--textarea-large:var(--spacing-scale-2x);color:var(--color)}.br-textarea label{display:inline-block;margin-bottom:var(--spacing-scale-half)}.br-textarea textarea{background:var(--background-light);border:1px solid var(--border-color-alternative);border-radius:6px;color:var(--color);display:block;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);padding:var(--textarea-padding);width:100%}.br-textarea.small textarea{--textarea-padding:var(--textarea-small)}.br-textarea.medium textarea{--textarea-padding:var(--textarea-medium)}.br-textarea.large textarea{--textarea-padding:var(--textarea-large)}.br-textarea.success textarea{border-color:var(--success);border-width:2px}.br-textarea.danger textarea{border-color:var(--danger);border-width:2px}.br-textarea.warning textarea{border-color:var(--warning);border-width:2px}.br-textarea.info textarea{border-color:var(--info);border-width:2px}.br-textarea textarea:focus,.br-textarea textarea:focus-visible{border-color:var(--focus) !important;box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-textarea textarea:hover:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-textarea.dark-mode,.br-textarea.dark-mode label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}.br-textarea.dark-mode textarea{color:var(--color-light)}:host{display:block;box-sizing:border-box;font-family:Rawline, Raleway, sans-serif}";const l=s;var c;(function(t){t["Small"]="small";t["Medium"]="medium";t["Large"]="large"})(c||(c={}));var d;(function(t){t["Danger"]="danger";t["Success"]="success";t["Warning"]="warning"})(d||(d={}));const g=class{constructor(r){t(this,r);this.brDidConnect=a(this,"brDidConnect",7);this.brWillLoad=a(this,"brWillLoad",7);this.brDidLoad=a(this,"brDidLoad",7);this.brWillRender=a(this,"brWillRender",7);this.brDidRender=a(this,"brDidRender",7);this.brShouldUpdate=a(this,"brShouldUpdate",7);this.brWillUpdate=a(this,"brWillUpdate",7);this.brDidUpdate=a(this,"brDidUpdate",7);this.brDidDisconnect=a(this,"brDidDisconnect",7);this.brFormAssociatedCallback=a(this,"brFormAssociatedCallback",7);this.brFormDisabledCallback=a(this,"brFormDisabledCallback",7);this.brFormResetCallback=a(this,"brFormResetCallback",7);this.brFormStateRestoreCallback=a(this,"brFormStateRestoreCallback",7);if(r.$hostElement$["s-ei"]){this.elementInternals=r.$hostElement$["s-ei"]}else{this.elementInternals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=this.elementInternals}this.inheritedAttributes={};this.value="";this.label="";this.placeholder="";this.disabled=false;this.maxlength=0;this.states=null;this.density=c.Medium;this.isDarkMode=false;this.isLabelLeft=false;this.currentLength=0;this.defaultId=`br-textarea-${n()}`}connectedCallback(){this.brDidConnect.emit()}componentWillLoad(){this.currentLength=this.value.length;this.brWillLoad.emit();this.inheritedAttributes=o(this.el)}componentDidLoad(){this.brDidLoad.emit()}componentWillRender(){this.brWillRender.emit()}componentDidRender(){this.brDidRender.emit()}componentShouldUpdate(){this.brShouldUpdate.emit()}componentWillUpdate(){this.brWillUpdate.emit()}componentDidUpdate(){this.brDidUpdate.emit()}disconnectedCallback(){this.brDidDisconnect.emit()}formAssociatedCallback(t){this.brFormAssociatedCallback.emit(t)}formDisabledCallback(t){this.brFormDisabledCallback.emit(t)}formResetCallback(){this.brFormResetCallback.emit()}formStateRestoreCallback(t,a){this.brFormStateRestoreCallback.emit([t,a])}valueChanged(){this.currentLength=this.value.length}handleChange(t){const a=t.target;this.value=a.value;this.currentLength=this.value.length;this.emitValueChange()}async setValue(t){this.value=t;this.currentLength=this.value.length;this.emitValueChange()}emitValueChange(){const t=new CustomEvent("valueChange",{detail:{value:this.value},bubbles:true,composed:true});this.el.dispatchEvent(t)}getCssClassMap(){return{"br-textarea":true,"dark-mode":this.isDarkMode,small:this.density===c.Small,medium:this.density===c.Medium,large:this.density===c.Large,success:this.states===d.Success,danger:this.states===d.Danger,warning:this.states===d.Warning}}render(){const t=this.maxlength-this.currentLength;const a=this.currentLength===0;return r(e,{key:"25a8d99b601bbd44f1058d89de4c8c683defe797"},r("div",Object.assign({key:"e1c917d6f46b8f416f44ec2e6725a0ab0b0317ef",class:this.getCssClassMap()},this.inheritedAttributes),r("div",{key:"b83093202871a78d7b8d965d12be0c035852d626",class:this.isLabelLeft?"row":""},this.isLabelLeft?r("div",{class:"col-auto pt-half"},r("label",{htmlFor:this.defaultId},this.label)):r("label",{htmlFor:this.defaultId},this.label),r("div",{key:"6ea04b8adf07c33b9c417a2d3ae0aa0a9aaf8c29",class:this.isLabelLeft?"col":""},r("textarea",Object.assign({key:"c60aef3d50689757cc9d81b669fe2126146b574c",id:this.defaultId,value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleChange.bind(this)},this.maxlength>0?{maxLength:this.maxlength}:{})),r("div",{key:"f8f18f3525d711e54f92526f308b3d4bf8d10c31",class:"text-base mt-1"},this.maxlength>0&&r("div",{key:"f8c062d5fca8d1e14aa9e340bdb397951b78ff06"},a?r("span",{class:"limit","aria-live":"polite"},"Limite máximo de ",r("strong",null,this.maxlength)," caracteres"):r("span",{class:"restantes","aria-live":"polite",role:"status",id:"limitmax"},"Restam ",r("strong",null,t)," caracteres"))),r("slot",{key:"cba00d317f4d7717dc3475d433ebc9a2e3483529"})))))}static get formAssociated(){return true}get el(){return i(this)}static get watchers(){return{value:["valueChanged"]}}};g.style=l;export{g as br_textarea};
|
|
2
|
+
//# sourceMappingURL=p-80726c0b.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["textareaCss","BrTextareaStyle0","Density","States","Textarea","this","inheritedAttributes","Medium","uuidv4","connectedCallback","brDidConnect","emit","componentWillLoad","currentLength","value","length","brWillLoad","inheritAriaAttributes","el","componentDidLoad","brDidLoad","componentWillRender","brWillRender","componentDidRender","brDidRender","componentShouldUpdate","brShouldUpdate","componentWillUpdate","brWillUpdate","componentDidUpdate","brDidUpdate","disconnectedCallback","brDidDisconnect","formAssociatedCallback","form","brFormAssociatedCallback","formDisabledCallback","disabled","brFormDisabledCallback","formResetCallback","brFormResetCallback","formStateRestoreCallback","state","_mode","brFormStateRestoreCallback","valueChanged","handleChange","event","textarea","target","emitValueChange","setValue","newValue","changeEvent","CustomEvent","detail","bubbles","composed","dispatchEvent","getCssClassMap","isDarkMode","small","density","Small","medium","large","Large","success","states","Success","danger","Danger","warning","Warning","render","caracteresRestantes","maxlength","mostrarLimite","h","Host","key","Object","assign","class","isLabelLeft","htmlFor","defaultId","label","id","placeholder","onInput","bind","maxLength","role"],"sources":["src/components/textarea/textarea.scss?tag=br-textarea&encapsulation=shadow","src/components/textarea/textarea.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/textarea/textarea.scss\";\n:host {\n display: block;\n box-sizing: border-box;\n font-family: Rawline, Raleway, sans-serif;\n}\n","import {\n AttachInternals,\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\n\nimport { v4 as uuidv4 } from 'uuid'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\nenum Density {\n Small = 'small',\n Medium = 'medium',\n Large = 'large',\n}\n\nenum States {\n Danger = 'danger',\n Success = 'success',\n Warning = 'warning',\n}\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/textarea?tab=designer).\n *\n * @slot default - Espaço de conteúdo do textarea. Geralmente usado para incluir texto adicional ou instruções para o usuário.\n */\n@Component({\n tag: 'br-textarea',\n styleUrl: 'textarea.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Textarea {\n @Element() el: HTMLBrTextareaElement\n\n /**\n * Valor atual do textarea. Este valor pode ser alterado programaticamente.\n */\n @Prop({ mutable: true, reflect: true }) value: string = ''\n\n /**\n * Texto do rótulo associado ao textarea. Este rótulo é exibido acima do campo de entrada.\n */\n @Prop({ reflect: true }) label: string = ''\n\n /**\n * Texto exibido quando o textarea está vazio. Ajuda a guiar o usuário sobre o que deve ser inserido.\n */\n @Prop({ reflect: true }) placeholder: string = ''\n\n /**\n * Indica se o textarea está desabilitado. Quando verdadeiro, o usuário não pode interagir com o campo.\n */\n @Prop({ reflect: true }) disabled: boolean = false\n\n /**\n * Número máximo de caracteres permitidos no textarea. Se definido como 0, não há limite.\n */\n @Prop({ reflect: true }) maxlength: number = 0\n\n /**\n * Define o estado visual do componente, podendo ser 'danger', 'success' ou 'warning'.\n */\n @Prop({ reflect: true }) states: string = null\n\n /**\n * Ajusta a densidade do componente, podendo ser 'small', 'medium' ou 'large'.\n */\n @Prop({ reflect: true }) density: string = Density.Medium\n\n /**\n * Ativa o modo escuro para o componente. Quando verdadeiro, o componente será exibido em um tema escuro.\n */\n @Prop({ reflect: true }) isDarkMode: boolean = false\n\n /**\n * Define se o rótulo deve ser exibido à esquerda do textarea. Quando verdadeiro, o rótulo é posicionado à esquerda.\n */\n @Prop({ reflect: true }) isLabelLeft: boolean = false\n\n /**\n * Comprimento atual do texto no textarea. É atualizado sempre que o valor do textarea muda.\n */\n @State() currentLength: number = 0\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * Identificador único do textarea, gerado automaticamente.\n * Este ID é utilizado para associar o textarea a outros elementos, como rótulos,\n * e garantir que cada instância do componente tenha um identificador distinto.\n */\n @Prop({ reflect: true }) defaultId: string = `br-textarea-${uuidv4()}`\n\n /**\n * Emite um evento quando o componente é conectado ao DOM.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#connectedcallback) para mais detalhes.\n */\n @Event() brDidConnect: EventEmitter<void>\n connectedCallback() {\n this.brDidConnect.emit()\n }\n\n /**\n * Emite um evento antes que o componente seja carregado pela primeira vez.\n * Utilize este evento para realizar tarefas de inicialização antes do componente ser exibido.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillload) para mais detalhes.\n */\n @Event() brWillLoad: EventEmitter<void>\n componentWillLoad() {\n this.currentLength = this.value.length\n this.brWillLoad.emit()\n this.inheritedAttributes = inheritAriaAttributes(this.el)\n }\n\n /**\n * Emite um evento após o componente ter sido carregado pela primeira vez.\n * Utilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.\n */\n @Event() brDidLoad: EventEmitter<void>\n componentDidLoad() {\n this.brDidLoad.emit()\n }\n\n /**\n * Emite um evento antes do componente ser renderizado.\n * Utilize este evento para preparar o componente antes de sua renderização.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillrender) para mais detalhes.\n */\n @Event() brWillRender: EventEmitter<void>\n componentWillRender() {\n this.brWillRender.emit()\n }\n\n /**\n * Emite um evento após o componente ter sido renderizado.\n * Utilize este evento para executar ações que devem ocorrer após a renderização do componente.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidrender) para mais detalhes.\n */\n @Event() brDidRender: EventEmitter<void>\n componentDidRender() {\n this.brDidRender.emit()\n }\n\n /**\n * Emite um evento para indicar se o componente deve ser atualizado ou não.\n * Este evento é chamado antes de qualquer atualização do componente para decidir se a atualização deve prosseguir.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentshouldupdate) para mais detalhes.\n */\n @Event() brShouldUpdate: EventEmitter<void>\n componentShouldUpdate() {\n this.brShouldUpdate.emit()\n }\n\n /**\n * Emite um evento antes de o componente ser atualizado.\n * Utilize este evento para realizar ações preparatórias antes da atualização do componente.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillupdate) para mais detalhes.\n */\n @Event() brWillUpdate: EventEmitter<void>\n componentWillUpdate() {\n this.brWillUpdate.emit()\n }\n\n /**\n * Emite um evento após o componente ter sido atualizado.\n * Utilize este evento para realizar ações após a atualização do componente.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidupdate) para mais detalhes.\n */\n @Event() brDidUpdate: EventEmitter<void>\n componentDidUpdate() {\n this.brDidUpdate.emit()\n }\n\n /**\n * Emite um evento quando o componente é desconectado do DOM.\n * Utilize este evento para realizar a limpeza ou outras ações necessárias quando o componente é removido.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#disconnectedcallback) para mais detalhes.\n */\n @Event() brDidDisconnect: EventEmitter<void>\n disconnectedCallback() {\n this.brDidDisconnect.emit()\n }\n\n /**\n * Emite um evento quando o formulário associado é enviado.\n * Utilize este evento para realizar ações quando o formulário é enviado.\n */\n @Event() brFormAssociatedCallback: EventEmitter<FormData>\n formAssociatedCallback(form: FormData) {\n this.brFormAssociatedCallback.emit(form)\n }\n\n /**\n * Emite um evento quando o estado do formulário é alterado para desabilitado.\n * Utilize este evento para realizar ações quando o formulário é desabilitado.\n */\n @Event() brFormDisabledCallback: EventEmitter<boolean>\n formDisabledCallback(disabled: boolean) {\n this.brFormDisabledCallback.emit(disabled)\n }\n\n /**\n * Emite um evento quando o formulário é redefinido.\n * Utilize este evento para realizar ações quando o formulário é redefinido.\n */\n @Event() brFormResetCallback: EventEmitter<void>\n formResetCallback() {\n this.brFormResetCallback.emit()\n }\n\n /**\n * Emite um evento para restaurar o estado do formulário.\n * Utilize este evento para realizar ações quando o estado do formulário é restaurado.\n */\n @Event() brFormStateRestoreCallback: EventEmitter<[state: string, _mode: string]>\n formStateRestoreCallback(state: string, _mode: string) {\n this.brFormStateRestoreCallback.emit([state, _mode])\n }\n\n @Watch('value')\n valueChanged() {\n this.currentLength = this.value.length\n }\n\n /**\n * Manipula a mudança de valor do textarea. Atualiza o valor e emite um evento de mudança.\n * @param event - O evento de entrada do textarea.\n */\n private handleChange(event: Event) {\n const textarea = event.target as HTMLTextAreaElement\n this.value = textarea.value\n this.currentLength = this.value.length\n\n this.emitValueChange()\n }\n\n /**\n * Define um novo valor para o textarea.\n * @param newValue - O novo valor a ser definido.\n */\n @Method()\n async setValue(newValue: string) {\n this.value = newValue\n this.currentLength = this.value.length\n\n this.emitValueChange()\n }\n\n private emitValueChange() {\n const changeEvent = new CustomEvent('valueChange', {\n detail: { value: this.value },\n bubbles: true,\n composed: true,\n })\n this.el.dispatchEvent(changeEvent)\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-textarea': true,\n 'dark-mode': this.isDarkMode,\n small: this.density === Density.Small,\n medium: this.density === Density.Medium,\n large: this.density === Density.Large,\n success: this.states === States.Success,\n danger: this.states === States.Danger,\n warning: this.states === States.Warning,\n }\n }\n\n private inheritedAttributes: Attributes = {}\n\n render() {\n const caracteresRestantes = this.maxlength - this.currentLength\n const mostrarLimite = this.currentLength === 0\n\n return (\n <Host>\n <div class={this.getCssClassMap()} {...this.inheritedAttributes}>\n <div class={this.isLabelLeft ? 'row' : ''}>\n {this.isLabelLeft ? (\n <div class=\"col-auto pt-half\">\n <label htmlFor={this.defaultId}>{this.label}</label>\n </div>\n ) : (\n <label htmlFor={this.defaultId}>{this.label}</label>\n )}\n <div class={this.isLabelLeft ? 'col' : ''}>\n <textarea\n id={this.defaultId}\n value={this.value}\n placeholder={this.placeholder}\n disabled={this.disabled}\n onInput={this.handleChange.bind(this)}\n {...(this.maxlength > 0 ? { maxLength: this.maxlength } : {})}\n ></textarea>\n <div class=\"text-base mt-1\">\n {this.maxlength > 0 && (\n <div>\n {mostrarLimite ? (\n <span class=\"limit\" aria-live=\"polite\">\n Limite máximo de <strong>{this.maxlength}</strong> caracteres\n </span>\n ) : (\n <span class=\"restantes\" aria-live=\"polite\" role=\"status\" id=\"limitmax\">\n Restam <strong>{caracteresRestantes}</strong> caracteres\n </span>\n )}\n </div>\n )}\n </div>\n <slot></slot>\n </div>\n </div>\n </div>\n </Host>\n )\n }\n}\n"],"mappings":"wIAAA,MAAMA,EAAc,wwSACpB,MAAAC,EAAeD,ECiBf,IAAKE,GAAL,SAAKA,GACHA,EAAA,iBACAA,EAAA,mBACAA,EAAA,gBACD,EAJD,CAAKA,MAAO,KAMZ,IAAKC,GAAL,SAAKA,GACHA,EAAA,mBACAA,EAAA,qBACAA,EAAA,oBACD,EAJD,CAAKA,MAAM,K,MAiBEC,EAAQ,M,+0BAgPXC,KAAAC,oBAAkC,G,WA1Oc,G,WAKf,G,iBAKM,G,cAKF,M,eAKA,E,YAKH,K,aAKCJ,EAAQK,O,gBAKJ,M,iBAKC,M,mBAKf,E,eASY,eAAeC,K,CAO5D,iBAAAC,GACEJ,KAAKK,aAAaC,M,CASpB,iBAAAC,GACEP,KAAKQ,cAAgBR,KAAKS,MAAMC,OAChCV,KAAKW,WAAWL,OAChBN,KAAKC,oBAAsBW,EAAsBZ,KAAKa,G,CASxD,gBAAAC,GACEd,KAAKe,UAAUT,M,CASjB,mBAAAU,GACEhB,KAAKiB,aAAaX,M,CASpB,kBAAAY,GACElB,KAAKmB,YAAYb,M,CASnB,qBAAAc,GACEpB,KAAKqB,eAAef,M,CAStB,mBAAAgB,GACEtB,KAAKuB,aAAajB,M,CASpB,kBAAAkB,GACExB,KAAKyB,YAAYnB,M,CASnB,oBAAAoB,GACE1B,KAAK2B,gBAAgBrB,M,CAQvB,sBAAAsB,CAAuBC,GACrB7B,KAAK8B,yBAAyBxB,KAAKuB,E,CAQrC,oBAAAE,CAAqBC,GACnBhC,KAAKiC,uBAAuB3B,KAAK0B,E,CAQnC,iBAAAE,GACElC,KAAKmC,oBAAoB7B,M,CAQ3B,wBAAA8B,CAAyBC,EAAeC,GACtCtC,KAAKuC,2BAA2BjC,KAAK,CAAC+B,EAAOC,G,CAI/C,YAAAE,GACExC,KAAKQ,cAAgBR,KAAKS,MAAMC,M,CAO1B,YAAA+B,CAAaC,GACnB,MAAMC,EAAWD,EAAME,OACvB5C,KAAKS,MAAQkC,EAASlC,MACtBT,KAAKQ,cAAgBR,KAAKS,MAAMC,OAEhCV,KAAK6C,iB,CAQP,cAAMC,CAASC,GACb/C,KAAKS,MAAQsC,EACb/C,KAAKQ,cAAgBR,KAAKS,MAAMC,OAEhCV,KAAK6C,iB,CAGC,eAAAA,GACN,MAAMG,EAAc,IAAIC,YAAY,cAAe,CACjDC,OAAQ,CAAEzC,MAAOT,KAAKS,OACtB0C,QAAS,KACTC,SAAU,OAEZpD,KAAKa,GAAGwC,cAAcL,E,CAGhB,cAAAM,GACN,MAAO,CACL,cAAe,KACf,YAAatD,KAAKuD,WAClBC,MAAOxD,KAAKyD,UAAY5D,EAAQ6D,MAChCC,OAAQ3D,KAAKyD,UAAY5D,EAAQK,OACjC0D,MAAO5D,KAAKyD,UAAY5D,EAAQgE,MAChCC,QAAS9D,KAAK+D,SAAWjE,EAAOkE,QAChCC,OAAQjE,KAAK+D,SAAWjE,EAAOoE,OAC/BC,QAASnE,KAAK+D,SAAWjE,EAAOsE,Q,CAMpC,MAAAC,GACE,MAAMC,EAAsBtE,KAAKuE,UAAYvE,KAAKQ,cAClD,MAAMgE,EAAgBxE,KAAKQ,gBAAkB,EAE7C,OACEiE,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,MAAAG,OAAAC,OAAA,CAAAF,IAAA,2CAAKG,MAAO9E,KAAKsD,kBAAsBtD,KAAKC,qBAC1CwE,EAAA,OAAAE,IAAA,2CAAKG,MAAO9E,KAAK+E,YAAc,MAAQ,IACpC/E,KAAK+E,YACJN,EAAA,OAAKK,MAAM,oBACTL,EAAA,SAAOO,QAAShF,KAAKiF,WAAYjF,KAAKkF,QAGxCT,EAAA,SAAOO,QAAShF,KAAKiF,WAAYjF,KAAKkF,OAExCT,EAAA,OAAAE,IAAA,2CAAKG,MAAO9E,KAAK+E,YAAc,MAAQ,IACrCN,EAAA,WAAAG,OAAAC,OAAA,CAAAF,IAAA,2CACEQ,GAAInF,KAAKiF,UACTxE,MAAOT,KAAKS,MACZ2E,YAAapF,KAAKoF,YAClBpD,SAAUhC,KAAKgC,SACfqD,QAASrF,KAAKyC,aAAa6C,KAAKtF,OAC3BA,KAAKuE,UAAY,EAAI,CAAEgB,UAAWvF,KAAKuE,WAAc,KAE5DE,EAAA,OAAAE,IAAA,2CAAKG,MAAM,kBACR9E,KAAKuE,UAAY,GAChBE,EAAA,OAAAE,IAAA,4CACGH,EACCC,EAAA,QAAMK,MAAM,QAAO,YAAW,UAAQ,oBACnBL,EAAA,cAASzE,KAAKuE,WAAmB,eAGpDE,EAAA,QAAMK,MAAM,YAAW,YAAW,SAASU,KAAK,SAASL,GAAG,YAAU,UAC7DV,EAAA,cAASH,GAA6B,iBAMvDG,EAAA,QAAAE,IAAA,gD","ignoreList":[]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const e="webcomponents";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:true,cmpWillLoad:true,cmpWillRender:true,cmpWillUpdate:true,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:true,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:
|
|
2
|
-
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{c.set(l,e)}return e[r]}),f)};var v=new Map;var d="r";var p="o";var h="s";var m="t";var $="s-id";var y="sty-id";var b="c-id";var w="{visibility:hidden}.hydrated{visibility:inherit}";var g="slot-fb{display:contents}slot-fb[hidden]{display:none}";var S="http://www.w3.org/1999/xlink";var k=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var C=typeof window!=="undefined"?window:{};var x=C.document||{head:{}};var j={l:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var O=t.shadowDom;var D=(()=>{let e=false;try{x.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var E=e=>Promise.resolve(e);var R=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var L=false;var T=[];var M=[];var A=(e,t)=>n=>{e.push(n);if(!L){L=true;if(t&&j.l&4){U(P)}else{j.raf(P)}}};var F=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var P=()=>{F(T);{F(M);if(L=T.length>0){j.raf(P)}}};var U=e=>E().then(e);var N=A(M,true);var W={};var H=e=>e!=null;var I=e=>{e=typeof e;return e==="object"||e==="function"};function z(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var B={};r(B,{err:()=>q,map:()=>G,ok:()=>Q,unwrap:()=>K,unwrapErr:()=>V});var Q=e=>({isOk:true,isErr:false,value:e});var q=e=>({isOk:false,isErr:true,value:e});function G(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>Q(e)))}else{return Q(n)}}if(e.isErr){const t=e.value;return q(t)}throw"should never get here"}var K=e=>{if(e.isOk){return e.value}else{throw e.value}};var V=e=>{if(e.isErr){return e.value}else{throw e.value}};var X=(e,t="")=>{{return()=>{}}};var _=(e,t)=>{{return()=>{}}};var J=(e,t,...n)=>{let r=null;let l=null;let s=false;let i=false;const o=[];const a=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){a(r)}else if(r!=null&&typeof r!=="boolean"){if(s=typeof e!=="function"&&!I(r)){r=String(r)}if(s&&i){o[o.length-1].k+=r}else{o.push(s?Y(null,r):r)}i=s}}};a(n);if(t){if(t.key){l=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,o,te)}const f=Y(e,null);f.C=t;if(o.length>0){f.j=o}{f.O=l}return f};var Y=(e,t)=>{const n={l:0,D:e,k:t,R:null,j:null};{n.C=null}{n.O=null}return n};var Z={};var ee=e=>e&&e.D===Z;var te={forEach:(e,t)=>e.map(ne).forEach(t),map:(e,t)=>e.map(ne).map(t).map(re)};var ne=e=>({vattrs:e.C,vchildren:e.j,vkey:e.O,vname:e.L,vtag:e.D,vtext:e.k});var re=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return J(e.vtag,t,...e.vchildren||[])}const t=Y(e.vtag,e.vtext);t.C=e.vattrs;t.j=e.vchildren;t.O=e.vkey;t.L=e.vname;return t};var le=(e,t,n,r)=>{const l=X("hydrateClient",t);const s=e.shadowRoot;const i=[];const o=[];const a=s?[]:null;const f=r.T=Y(t,null);if(!j.M){ie(x.body,j.M=new Map)}e[$]=n;e.removeAttribute($);se(f,i,o,a,e,e,n);i.map((e=>{const n=e.A+"."+e.F;const r=j.M.get(n);const l=e.R;if(r&&O&&r["s-en"]===""){r.parentNode.insertBefore(l,r.nextSibling)}if(!s){l["s-hn"]=t;if(r){l["s-ol"]=r;l["s-ol"]["s-nr"]=l}}j.M.delete(n)}));if(s){a.map((e=>{if(e){s.appendChild(e)}}))}l()};var se=(e,t,n,r,l,s,i)=>{let o;let a;let f;let c;if(s.nodeType===1){o=s.getAttribute(b);if(o){a=o.split(".");if(a[0]===i||a[0]==="0"){f={l:0,A:a[0],F:a[1],P:a[2],U:a[3],D:s.tagName.toLowerCase(),R:s,C:null,j:null,O:null,L:null,k:null};t.push(f);s.removeAttribute(b);if(!e.j){e.j=[]}e.j[f.U]=f;e=f;if(r&&f.P==="0"){r[f.U]=f.R}}}if(s.shadowRoot){for(c=s.shadowRoot.childNodes.length-1;c>=0;c--){se(e,t,n,r,l,s.shadowRoot.childNodes[c],i)}}for(c=s.childNodes.length-1;c>=0;c--){se(e,t,n,r,l,s.childNodes[c],i)}}else if(s.nodeType===8){a=s.nodeValue.split(".");if(a[1]===i||a[1]==="0"){o=a[0];f={l:0,A:a[1],F:a[2],P:a[3],U:a[4],R:s,C:null,j:null,O:null,L:null,D:null,k:null};if(o===m){f.R=s.nextSibling;if(f.R&&f.R.nodeType===3){f.k=f.R.textContent;t.push(f);s.remove();if(!e.j){e.j=[]}e.j[f.U]=f;if(r&&f.P==="0"){r[f.U]=f.R}}}else if(f.A===i){if(o===h){f.D="slot";if(a[5]){s["s-sn"]=f.L=a[5]}else{s["s-sn"]=""}s["s-sr"]=true;if(r){f.R=x.createElement(f.D);if(f.L){f.R.setAttribute("name",f.L)}s.parentNode.insertBefore(f.R,s);s.remove();if(f.P==="0"){r[f.U]=f.R}}n.push(f);if(!e.j){e.j=[]}e.j[f.U]=f}else if(o===d){if(r){s.remove()}}}}}else if(e&&e.D==="style"){const t=Y(null,s.textContent);t.R=s;t.U="0";e.j=[t]}};var ie=(e,t)=>{if(e.nodeType===1){let n=0;if(e.shadowRoot){for(;n<e.shadowRoot.childNodes.length;n++){ie(e.shadowRoot.childNodes[n],t)}}for(n=0;n<e.childNodes.length;n++){ie(e.childNodes[n],t)}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===p){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var oe=(e,t)=>{if(e!=null&&!I(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var ae=e=>s(e).$hostElement$;var fe=(e,t,n)=>{const r=ae(e);return{emit:e=>ce(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var ce=(e,t,n)=>{const r=j.ce(t,n);e.dispatchEvent(r);return r};var ue=new WeakMap;var ve=(e,t,n)=>{let r=v.get(e);if(R&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}v.set(e,r)};var de=(e,t,n)=>{var r;const l=he(t);const s=v.get(l);e=e.nodeType===11?e:x;if(s){if(typeof s==="string"){e=e.head||e;let n=ue.get(e);let i;if(!n){ue.set(e,n=new Set)}if(!n.has(l)){if(e.host&&(i=e.querySelector(`[${y}="${l}"]`))){i.innerHTML=s}else{i=x.createElement("style");i.innerHTML=s;const n=(r=j.N)!=null?r:z(x);if(n!=null){i.setAttribute("nonce",n)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:document.querySelector("style");e.insertBefore(i,n)}else if("host"in e){e.prepend(i)}else{e.append(i)}}if(t.l&1&&e.nodeName!=="HEAD"){e.insertBefore(i,null)}}if(t.l&4){i.innerHTML+=g}if(n){n.add(l)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return l};var pe=e=>{const t=e.i;const n=e.$hostElement$;const r=t.l;const l=X("attachStyles",t.m);const s=de(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10&&r&2){n["s-sc"]=s;n.classList.add(s+"-h")}l()};var he=(e,t)=>"sc-"+e.m;var me=(e,t,n,r,l,s)=>{if(n!==r){let i=a(e,t);let o=t.toLowerCase();if(t==="class"){const t=e.classList;const l=ye(n);const s=ye(r);t.remove(...l.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!l.includes(e))))}else if(t==="style"){{for(const t in n){if(!r||r[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in r){if(!n||r[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,r[t])}else{e.style[t]=r[t]}}}}else if(t==="key");else if(t==="ref"){if(r){r(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(C,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(n||r){const l=t.endsWith(be);t=t.replace(we,"");if(n){j.rel(e,t,n,l)}if(r){j.ael(e,t,r,l)}}}else{const a=I(r);if((i||a&&r!==null)&&!l){try{if(!e.tagName.includes("-")){const l=r==null?"":r;if(t==="list"){i=false}else if(n==null||e[t]!=l){if(typeof e.__lookupSetter__(t)==="function"){e[t]=l}else{e.setAttribute(t,l)}}}else{e[t]=r}}catch(e){}}let f=false;{if(o!==(o=o.replace(/^xlink\:?/,""))){t=o;f=true}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){if(f){e.removeAttributeNS(S,t)}else{e.removeAttribute(t)}}}else if((!i||s&4||l)&&!a){r=r===true?"":r;if(f){e.setAttributeNS(S,t,r)}else{e.setAttribute(t,r)}}}}};var $e=/\s/;var ye=e=>!e?[]:e.split($e);var be="Capture";var we=new RegExp(be+"$");var ge=(e,t,n)=>{const r=t.R.nodeType===11&&t.R.host?t.R.host:t.R;const l=e&&e.C||W;const s=t.C||W;{for(const e of Se(Object.keys(l))){if(!(e in s)){me(r,e,l[e],void 0,n,t.l)}}}for(const e of Se(Object.keys(s))){me(r,e,l[e],s[e],n,t.l)}};function Se(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ke;var Ce;var xe=false;var je=false;var Oe=(e,n,r,l)=>{const s=n.j[r];let i=0;let o;let a;if(s.k!==null){o=s.R=x.createTextNode(s.k)}else{o=s.R=x.createElement(!xe&&t.slotRelocation&&s.l&2?"slot-fb":s.D);{ge(null,s,je)}const n=o.getRootNode();const r=!n.querySelector("body");if(!r&&t.scoped&&H(ke)&&o["s-si"]!==ke){o.classList.add(o["s-si"]=ke)}if(s.j){for(i=0;i<s.j.length;++i){a=Oe(e,s,i);if(a){o.appendChild(a)}}}}o["s-hn"]=Ce;return o};var De=(e,t,n,r,l,s)=>{let i=e;let o;if(i.shadowRoot&&i.tagName===Ce){i=i.shadowRoot}for(;l<=s;++l){if(r[l]){o=Oe(null,n,l);if(o){r[l].R=o;Ae(i,o,t)}}}};var Ee=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.R;Me(t);if(e){e.remove()}}}};var Re=(e,t,n,r,l=false)=>{let s=0;let i=0;let o=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=r.length-1;let d=r[0];let p=r[v];let h;let m;while(s<=f&&i<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--f]}else if(d==null){d=r[++i]}else if(p==null){p=r[--v]}else if(Le(c,d,l)){Te(c,d,l);c=t[++s];d=r[++i]}else if(Le(u,p,l)){Te(u,p,l);u=t[--f];p=r[--v]}else if(Le(c,p,l)){Te(c,p,l);Ae(e,c.R,u.R.nextSibling);c=t[++s];p=r[--v]}else if(Le(u,d,l)){Te(u,d,l);Ae(e,u.R,c.R);u=t[--f];d=r[++i]}else{o=-1;{for(a=s;a<=f;++a){if(t[a]&&t[a].O!==null&&t[a].O===d.O){o=a;break}}}if(o>=0){m=t[o];if(m.D!==d.D){h=Oe(t&&t[i],n,o)}else{Te(m,d,l);t[o]=void 0;h=m.R}d=r[++i]}else{h=Oe(t&&t[i],n,i);d=r[++i]}if(h){{Ae(c.R.parentNode,h,c.R)}}}}if(s>f){De(e,r[v+1]==null?null:r[v+1].R,n,r,i,v)}else if(i>v){Ee(t,s,f)}};var Le=(e,t,n=false)=>{if(e.D===t.D){if(!n){return e.O===t.O}return true}return false};var Te=(e,n,r=false)=>{const l=n.R=e.R;const s=e.j;const i=n.j;const o=n.D;const a=n.k;if(a===null){{if(o==="slot"&&!xe);else{ge(e,n,je)}}if(s!==null&&i!==null){Re(l,s,n,i,r)}else if(i!==null){if(e.k!==null){l.textContent=""}De(l,null,n,i,0,i.length-1)}else if(!r&&t.updatable&&s!==null){Ee(s,0,s.length-1)}}else if(e.k!==a){l.data=a}};var Me=e=>{{e.C&&e.C.ref&&e.C.ref(null);e.j&&e.j.map(Me)}};var Ae=(e,t,n)=>{const r=e==null?void 0:e.insertBefore(t,n);return r};var Fe=(e,t,n=false)=>{const r=e.$hostElement$;const l=e.i;const s=e.T||Y(null,null);const i=ee(t)?t:J(null,null,t);Ce=r.tagName;if(l.W){i.C=i.C||{};l.W.map((([e,t])=>i.C[t]=r[e]))}if(n&&i.C){for(const e of Object.keys(i.C)){if(r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){i.C[e]=r[e]}}}i.D=null;i.l|=4;e.T=i;i.R=s.R=r.shadowRoot||r;{ke=r["s-sc"]}xe=(l.l&1)!==0;Te(s,i,n)};var Pe=(e,t)=>{if(t&&!e.H&&t["s-p"]){t["s-p"].push(new Promise((t=>e.H=t)))}};var Ue=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}Pe(e,e.I);const n=()=>Ne(e,t);return N(n)};var Ne=(e,t)=>{const n=e.$hostElement$;const r=X("scheduleUpdate",e.i.m);const l=e.t;if(!l){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let s;if(t){{e.l|=256;if(e.B){e.B.map((([e,t])=>qe(l,e,t)));e.B=void 0}}{s=qe(l,"componentWillLoad")}}else{{s=qe(l,"componentWillUpdate")}}{s=We(s,(()=>qe(l,"componentWillRender")))}r();return We(s,(()=>Ie(e,l,t)))};var We=(e,t)=>He(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var He=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Ie=async(e,t,n)=>{var r;const l=e.$hostElement$;const s=X("update",e.i.m);const i=l["s-rc"];if(n){pe(e)}const o=X("render",e.i.m);{ze(e,t,l,n)}if(i){i.map((e=>e()));l["s-rc"]=void 0}o();s();{const t=(r=l["s-p"])!=null?r:[];const n=()=>Be(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.l|=4;t.length=0}}};var ze=(e,t,n,r)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{Fe(e,t,r)}}}}catch(t){f(t,e.$hostElement$)}return null};var Be=e=>{const t=e.i.m;const n=e.$hostElement$;const r=X("postUpdate",t);const l=e.t;const s=e.I;{qe(l,"componentDidRender")}if(!(e.l&64)){e.l|=64;{Ge(n)}{qe(l,"componentDidLoad")}r();{e.h(n);if(!s){Qe()}}}else{{qe(l,"componentDidUpdate")}r()}{e.v(n)}{if(e.H){e.H();e.H=void 0}if(e.l&512){U((()=>Ue(e,false)))}e.l&=~(4|512)}};var Qe=t=>{{Ge(x.documentElement)}U((()=>ce(C,"appload",{detail:{namespace:e}})))};var qe=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){f(e)}}return void 0};var Ge=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var Ke=(e,t)=>s(e).o.get(t);var Ve=(e,t,n,r)=>{const l=s(e);if(!l){throw new Error(`Couldn't find host element for "${r.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const i=l.$hostElement$;const o=l.o.get(t);const a=l.l;const c=l.t;n=oe(n,r.q[t][0]);const u=Number.isNaN(o)&&Number.isNaN(n);const v=n!==o&&!u;if((!(a&8)||o===void 0)&&v){l.o.set(t,n);if(c){if(r.G&&a&128){const e=r.G[t];if(e){e.map((e=>{try{c[e](n,o,t)}catch(e){f(e,i)}}))}}if((a&(2|16))===2){if(c.componentShouldUpdate){if(c.componentShouldUpdate(n,o,t)===false){return}}Ue(l,false)}}}};var Xe=(e,t,n)=>{var r,l;const i=e.prototype;if(t.l&64&&n&1){k.forEach((e=>Object.defineProperty(i,e,{value(...t){const n=s(this);const r=n.t;if(!r){n.p.then((n=>{const r=n[e];typeof r==="function"&&r.call(n,...t)}))}else{const n=r[e];typeof n==="function"&&n.call(r,...t)}}})))}if(t.q||(t.G||e.watchers)){if(e.watchers&&!t.G){t.G=e.watchers}const o=Object.entries((r=t.q)!=null?r:{});o.map((([e,[r]])=>{if(r&31||n&2&&r&32){Object.defineProperty(i,e,{get(){return Ke(this,e)},set(n){Ve(this,e,n,t)},configurable:true,enumerable:true})}else if(n&1&&r&64){Object.defineProperty(i,e,{value(...t){var n;const r=s(this);return(n=r==null?void 0:r.u)==null?void 0:n.then((()=>{var n;return(n=r.t)==null?void 0:n[e](...t)}))}})}}));if(n&1){const n=new Map;i.attributeChangedCallback=function(e,r,l){j.jmp((()=>{var o;const a=n.get(e);if(this.hasOwnProperty(a)){l=this[a];delete this[a]}else if(i.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==l){return}else if(a==null){const n=s(this);const i=n==null?void 0:n.l;if(i&&!(i&8)&&i&128&&l!==r){const s=n.t;const i=(o=t.G)==null?void 0:o[e];i==null?void 0:i.forEach((t=>{if(s[t]!=null){s[t].call(s,l,r,e)}}))}return}this[a]=l===null&&typeof this[a]==="boolean"?false:l}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=t.G)!=null?l:{}),...o.filter((([e,t])=>t[0]&15)).map((([e,r])=>{var l;const s=r[1]||e;n.set(s,e);if(r[0]&512){(l=t.W)==null?void 0:l.push([e,s])}return s}))]))}}return e};var _e=async(e,t,n,r)=>{let l;if((t.l&32)===0){t.l|=32;const r=n.$;if(r){const e=u(n);if(e&&"then"in e){const t=_();l=await e;t()}else{l=e}if(!l){throw new Error(`Constructor for "${n.m}#${t.K}" was not found`)}if(!l.isProxied){{n.G=l.watchers}Xe(l,n,2);l.isProxied=true}const r=X("createInstance",n.m);{t.l|=8}try{new l(t)}catch(e){f(e)}{t.l&=~8}{t.l|=128}r();Je(t.t)}else{l=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.l|=128))}if(l&&l.style){let e;if(typeof l.style==="string"){e=l.style}const t=he(n);if(!v.has(t)){const r=X("registerStyles",n.m);ve(t,e,!!(n.l&1));r()}}}const s=t.I;const i=()=>Ue(t,true);if(s&&s["s-rc"]){s["s-rc"].push(i)}else{i()}};var Je=e=>{{qe(e,"connectedCallback")}};var Ye=e=>{if((j.l&1)===0){const t=s(e);const n=t.i;const r=X("connectedCallback",n.m);if(!(t.l&1)){t.l|=1;let r;{r=e.getAttribute($);if(r){if(n.l&1){const t=de(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}le(e,n.m,r,t)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){Pe(t,t.I=n);break}}}if(n.q){Object.entries(n.q).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{_e(e,t,n)}}else{nt(e,t,n.V);if(t==null?void 0:t.t){Je(t.t)}else if(t==null?void 0:t.p){t.p.then((()=>Je(t.t)))}}r()}};var Ze=e=>{{qe(e,"disconnectedCallback")}};var et=async e=>{if((j.l&1)===0){const t=s(e);{if(t.X){t.X.map((e=>e()));t.X=void 0}}if(t==null?void 0:t.t){Ze(t.t)}else if(t==null?void 0:t.p){t.p.then((()=>Ze(t.t)))}}};var tt=(e,t={})=>{var n;const r=X();const l=[];const i=t.exclude||[];const a=C.customElements;const f=x.head;const c=f.querySelector("meta[charset]");const u=x.createElement("style");const v=[];let d;let p=true;Object.assign(j,t);j.S=new URL(t.resourcesUrl||"./",x.baseURI).href;{j.l|=2}let h=false;e.map((e=>{e[1].map((t=>{var n;const r={l:t[0],m:t[1],q:t[2],V:t[3]};if(r.l&4){h=true}{r.q=t[2]}{r.V=t[3]}{r.W=[]}{r.G=(n=t[4])!=null?n:{}}const f=r.m;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;o(e,r);if(r.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${r.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=s(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;nt(this,e,r.V)}if(d){clearTimeout(d);d=null}if(p){v.push(this)}else{j.jmp((()=>Ye(this)))}}disconnectedCallback(){j.jmp((()=>et(this)))}componentOnReady(){return s(this).p}};if(r.l&64){c.formAssociated=true}r.$=e[0];if(!i.includes(f)&&!a.get(f)){l.push(f);a.define(f,Xe(c,r,1))}}))}));if(l.length>0){if(h){u.textContent+=g}{u.textContent+=l.sort()+w}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=j.N)!=null?n:z(x);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}p=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{j.jmp((()=>d=setTimeout(Qe,30)))}}r()};var nt=(e,t,n,r)=>{if(n){n.map((([n,r,l])=>{const s=lt(e,n);const i=rt(t,l);const o=st(n);j.ael(s,r,i,o);(t.X=t.X||[]).push((()=>j.rel(s,r,i,o)))}))}};var rt=(e,t)=>n=>{var r;try{{if(e.l&256){(r=e.t)==null?void 0:r[t](n)}else{(e.B=e.B||[]).push([t,n])}}}catch(e){f(e)}};var lt=(e,t)=>{if(t&4)return x;return e};var st=e=>D?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var it=e=>j.N=e;export{Z as H,tt as b,fe as c,ae as g,J as h,E as p,i as r,it as s};
|
|
3
|
-
//# sourceMappingURL=p-
|
|
1
|
+
const e="webcomponents";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:true,cmpWillLoad:true,cmpWillRender:true,cmpWillUpdate:true,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:true,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:true,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:false,state:true,style:true,svg:false,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};var n=Object.defineProperty;var r=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:true})};var l=new WeakMap;var s=e=>l.get(e);var i=(e,t)=>l.set(t.t=e,t);var o=(e,t)=>{const n={l:0,$hostElement$:e,i:t,o:new Map};{n.u=new Promise((e=>n.v=e))}{n.p=new Promise((e=>n.h=e));e["s-p"]=[];e["s-rc"]=[]}return l.set(e,n)};var a=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var c=new Map;var u=(e,t,n)=>{const r=e.m.replace(/-/g,"_");const l=e.$;if(!l){return void 0}const s=c.get(l);if(s){return s[r]}
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{c.set(l,e)}return e[r]}),f)};var v=new Map;var d="r";var p="o";var h="s";var m="t";var $="s-id";var y="sty-id";var b="c-id";var w="{visibility:hidden}.hydrated{visibility:inherit}";var g="slot-fb{display:contents}slot-fb[hidden]{display:none}";var S="http://www.w3.org/1999/xlink";var k=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var C=typeof window!=="undefined"?window:{};var x=C.document||{head:{}};var j={l:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var O=t.shadowDom;var D=(()=>{let e=false;try{x.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var E=e=>Promise.resolve(e);var R=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var L=false;var T=[];var M=[];var A=(e,t)=>n=>{e.push(n);if(!L){L=true;if(t&&j.l&4){U(P)}else{j.raf(P)}}};var F=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var P=()=>{F(T);{F(M);if(L=T.length>0){j.raf(P)}}};var U=e=>E().then(e);var N=A(M,true);var W={};var H=e=>e!=null;var I=e=>{e=typeof e;return e==="object"||e==="function"};function z(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var B={};r(B,{err:()=>q,map:()=>G,ok:()=>Q,unwrap:()=>K,unwrapErr:()=>V});var Q=e=>({isOk:true,isErr:false,value:e});var q=e=>({isOk:false,isErr:true,value:e});function G(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>Q(e)))}else{return Q(n)}}if(e.isErr){const t=e.value;return q(t)}throw"should never get here"}var K=e=>{if(e.isOk){return e.value}else{throw e.value}};var V=e=>{if(e.isErr){return e.value}else{throw e.value}};var X=(e,t="")=>{{return()=>{}}};var _=(e,t)=>{{return()=>{}}};var J=(e,t,...n)=>{let r=null;let l=null;let s=false;let i=false;const o=[];const a=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){a(r)}else if(r!=null&&typeof r!=="boolean"){if(s=typeof e!=="function"&&!I(r)){r=String(r)}if(s&&i){o[o.length-1].k+=r}else{o.push(s?Y(null,r):r)}i=s}}};a(n);if(t){if(t.key){l=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,o,te)}const f=Y(e,null);f.C=t;if(o.length>0){f.j=o}{f.O=l}return f};var Y=(e,t)=>{const n={l:0,D:e,k:t,R:null,j:null};{n.C=null}{n.O=null}return n};var Z={};var ee=e=>e&&e.D===Z;var te={forEach:(e,t)=>e.map(ne).forEach(t),map:(e,t)=>e.map(ne).map(t).map(re)};var ne=e=>({vattrs:e.C,vchildren:e.j,vkey:e.O,vname:e.L,vtag:e.D,vtext:e.k});var re=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return J(e.vtag,t,...e.vchildren||[])}const t=Y(e.vtag,e.vtext);t.C=e.vattrs;t.j=e.vchildren;t.O=e.vkey;t.L=e.vname;return t};var le=(e,t,n,r)=>{const l=X("hydrateClient",t);const s=e.shadowRoot;const i=[];const o=[];const a=s?[]:null;const f=r.T=Y(t,null);if(!j.M){ie(x.body,j.M=new Map)}e[$]=n;e.removeAttribute($);se(f,i,o,a,e,e,n);i.map((e=>{const n=e.A+"."+e.F;const r=j.M.get(n);const l=e.R;if(r&&O&&r["s-en"]===""){r.parentNode.insertBefore(l,r.nextSibling)}if(!s){l["s-hn"]=t;if(r){l["s-ol"]=r;l["s-ol"]["s-nr"]=l}}j.M.delete(n)}));if(s){a.map((e=>{if(e){s.appendChild(e)}}))}l()};var se=(e,t,n,r,l,s,i)=>{let o;let a;let f;let c;if(s.nodeType===1){o=s.getAttribute(b);if(o){a=o.split(".");if(a[0]===i||a[0]==="0"){f={l:0,A:a[0],F:a[1],P:a[2],U:a[3],D:s.tagName.toLowerCase(),R:s,C:null,j:null,O:null,L:null,k:null};t.push(f);s.removeAttribute(b);if(!e.j){e.j=[]}e.j[f.U]=f;e=f;if(r&&f.P==="0"){r[f.U]=f.R}}}if(s.shadowRoot){for(c=s.shadowRoot.childNodes.length-1;c>=0;c--){se(e,t,n,r,l,s.shadowRoot.childNodes[c],i)}}for(c=s.childNodes.length-1;c>=0;c--){se(e,t,n,r,l,s.childNodes[c],i)}}else if(s.nodeType===8){a=s.nodeValue.split(".");if(a[1]===i||a[1]==="0"){o=a[0];f={l:0,A:a[1],F:a[2],P:a[3],U:a[4],R:s,C:null,j:null,O:null,L:null,D:null,k:null};if(o===m){f.R=s.nextSibling;if(f.R&&f.R.nodeType===3){f.k=f.R.textContent;t.push(f);s.remove();if(!e.j){e.j=[]}e.j[f.U]=f;if(r&&f.P==="0"){r[f.U]=f.R}}}else if(f.A===i){if(o===h){f.D="slot";if(a[5]){s["s-sn"]=f.L=a[5]}else{s["s-sn"]=""}s["s-sr"]=true;if(r){f.R=x.createElement(f.D);if(f.L){f.R.setAttribute("name",f.L)}s.parentNode.insertBefore(f.R,s);s.remove();if(f.P==="0"){r[f.U]=f.R}}n.push(f);if(!e.j){e.j=[]}e.j[f.U]=f}else if(o===d){if(r){s.remove()}}}}}else if(e&&e.D==="style"){const t=Y(null,s.textContent);t.R=s;t.U="0";e.j=[t]}};var ie=(e,t)=>{if(e.nodeType===1){let n=0;if(e.shadowRoot){for(;n<e.shadowRoot.childNodes.length;n++){ie(e.shadowRoot.childNodes[n],t)}}for(n=0;n<e.childNodes.length;n++){ie(e.childNodes[n],t)}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===p){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var oe=(e,t)=>{if(e!=null&&!I(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var ae=e=>s(e).$hostElement$;var fe=(e,t,n)=>{const r=ae(e);return{emit:e=>ce(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var ce=(e,t,n)=>{const r=j.ce(t,n);e.dispatchEvent(r);return r};var ue=new WeakMap;var ve=(e,t,n)=>{let r=v.get(e);if(R&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}v.set(e,r)};var de=(e,t,n)=>{var r;const l=he(t);const s=v.get(l);e=e.nodeType===11?e:x;if(s){if(typeof s==="string"){e=e.head||e;let n=ue.get(e);let i;if(!n){ue.set(e,n=new Set)}if(!n.has(l)){if(e.host&&(i=e.querySelector(`[${y}="${l}"]`))){i.innerHTML=s}else{i=x.createElement("style");i.innerHTML=s;const n=(r=j.N)!=null?r:z(x);if(n!=null){i.setAttribute("nonce",n)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:document.querySelector("style");e.insertBefore(i,n)}else if("host"in e){e.prepend(i)}else{e.append(i)}}if(t.l&1&&e.nodeName!=="HEAD"){e.insertBefore(i,null)}}if(t.l&4){i.innerHTML+=g}if(n){n.add(l)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return l};var pe=e=>{const t=e.i;const n=e.$hostElement$;const r=t.l;const l=X("attachStyles",t.m);const s=de(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10&&r&2){n["s-sc"]=s;n.classList.add(s+"-h")}l()};var he=(e,t)=>"sc-"+e.m;var me=(e,t,n,r,l,s)=>{if(n!==r){let i=a(e,t);let o=t.toLowerCase();if(t==="class"){const t=e.classList;const l=ye(n);const s=ye(r);t.remove(...l.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!l.includes(e))))}else if(t==="style"){{for(const t in n){if(!r||r[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in r){if(!n||r[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,r[t])}else{e.style[t]=r[t]}}}}else if(t==="key");else if(t==="ref"){if(r){r(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(C,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(n||r){const l=t.endsWith(be);t=t.replace(we,"");if(n){j.rel(e,t,n,l)}if(r){j.ael(e,t,r,l)}}}else{const a=I(r);if((i||a&&r!==null)&&!l){try{if(!e.tagName.includes("-")){const l=r==null?"":r;if(t==="list"){i=false}else if(n==null||e[t]!=l){if(typeof e.__lookupSetter__(t)==="function"){e[t]=l}else{e.setAttribute(t,l)}}}else{e[t]=r}}catch(e){}}let f=false;{if(o!==(o=o.replace(/^xlink\:?/,""))){t=o;f=true}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){if(f){e.removeAttributeNS(S,t)}else{e.removeAttribute(t)}}}else if((!i||s&4||l)&&!a){r=r===true?"":r;if(f){e.setAttributeNS(S,t,r)}else{e.setAttribute(t,r)}}}}};var $e=/\s/;var ye=e=>!e?[]:e.split($e);var be="Capture";var we=new RegExp(be+"$");var ge=(e,t,n)=>{const r=t.R.nodeType===11&&t.R.host?t.R.host:t.R;const l=e&&e.C||W;const s=t.C||W;{for(const e of Se(Object.keys(l))){if(!(e in s)){me(r,e,l[e],void 0,n,t.l)}}}for(const e of Se(Object.keys(s))){me(r,e,l[e],s[e],n,t.l)}};function Se(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ke;var Ce;var xe=false;var je=false;var Oe=(e,n,r,l)=>{const s=n.j[r];let i=0;let o;let a;if(s.k!==null){o=s.R=x.createTextNode(s.k)}else{o=s.R=x.createElement(!xe&&t.slotRelocation&&s.l&2?"slot-fb":s.D);{ge(null,s,je)}const n=o.getRootNode();const r=!n.querySelector("body");if(!r&&t.scoped&&H(ke)&&o["s-si"]!==ke){o.classList.add(o["s-si"]=ke)}if(s.j){for(i=0;i<s.j.length;++i){a=Oe(e,s,i);if(a){o.appendChild(a)}}}}o["s-hn"]=Ce;return o};var De=(e,t,n,r,l,s)=>{let i=e;let o;if(i.shadowRoot&&i.tagName===Ce){i=i.shadowRoot}for(;l<=s;++l){if(r[l]){o=Oe(null,n,l);if(o){r[l].R=o;Ae(i,o,t)}}}};var Ee=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.R;Me(t);if(e){e.remove()}}}};var Re=(e,t,n,r,l=false)=>{let s=0;let i=0;let o=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=r.length-1;let d=r[0];let p=r[v];let h;let m;while(s<=f&&i<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--f]}else if(d==null){d=r[++i]}else if(p==null){p=r[--v]}else if(Le(c,d,l)){Te(c,d,l);c=t[++s];d=r[++i]}else if(Le(u,p,l)){Te(u,p,l);u=t[--f];p=r[--v]}else if(Le(c,p,l)){Te(c,p,l);Ae(e,c.R,u.R.nextSibling);c=t[++s];p=r[--v]}else if(Le(u,d,l)){Te(u,d,l);Ae(e,u.R,c.R);u=t[--f];d=r[++i]}else{o=-1;{for(a=s;a<=f;++a){if(t[a]&&t[a].O!==null&&t[a].O===d.O){o=a;break}}}if(o>=0){m=t[o];if(m.D!==d.D){h=Oe(t&&t[i],n,o)}else{Te(m,d,l);t[o]=void 0;h=m.R}d=r[++i]}else{h=Oe(t&&t[i],n,i);d=r[++i]}if(h){{Ae(c.R.parentNode,h,c.R)}}}}if(s>f){De(e,r[v+1]==null?null:r[v+1].R,n,r,i,v)}else if(i>v){Ee(t,s,f)}};var Le=(e,t,n=false)=>{if(e.D===t.D){if(!n){return e.O===t.O}return true}return false};var Te=(e,n,r=false)=>{const l=n.R=e.R;const s=e.j;const i=n.j;const o=n.D;const a=n.k;if(a===null){{if(o==="slot"&&!xe);else{ge(e,n,je)}}if(s!==null&&i!==null){Re(l,s,n,i,r)}else if(i!==null){if(e.k!==null){l.textContent=""}De(l,null,n,i,0,i.length-1)}else if(!r&&t.updatable&&s!==null){Ee(s,0,s.length-1)}}else if(e.k!==a){l.data=a}};var Me=e=>{{e.C&&e.C.ref&&e.C.ref(null);e.j&&e.j.map(Me)}};var Ae=(e,t,n)=>{const r=e==null?void 0:e.insertBefore(t,n);return r};var Fe=(e,t,n=false)=>{const r=e.$hostElement$;const l=e.i;const s=e.T||Y(null,null);const i=ee(t)?t:J(null,null,t);Ce=r.tagName;if(l.W){i.C=i.C||{};l.W.map((([e,t])=>i.C[t]=r[e]))}if(n&&i.C){for(const e of Object.keys(i.C)){if(r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){i.C[e]=r[e]}}}i.D=null;i.l|=4;e.T=i;i.R=s.R=r.shadowRoot||r;{ke=r["s-sc"]}xe=(l.l&1)!==0;Te(s,i,n)};var Pe=(e,t)=>{if(t&&!e.H&&t["s-p"]){t["s-p"].push(new Promise((t=>e.H=t)))}};var Ue=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}Pe(e,e.I);const n=()=>Ne(e,t);return N(n)};var Ne=(e,t)=>{const n=e.$hostElement$;const r=X("scheduleUpdate",e.i.m);const l=e.t;if(!l){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let s;if(t){{e.l|=256;if(e.B){e.B.map((([e,t])=>qe(l,e,t)));e.B=void 0}}{s=qe(l,"componentWillLoad")}}else{{s=qe(l,"componentWillUpdate")}}{s=We(s,(()=>qe(l,"componentWillRender")))}r();return We(s,(()=>Ie(e,l,t)))};var We=(e,t)=>He(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var He=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Ie=async(e,t,n)=>{var r;const l=e.$hostElement$;const s=X("update",e.i.m);const i=l["s-rc"];if(n){pe(e)}const o=X("render",e.i.m);{ze(e,t,l,n)}if(i){i.map((e=>e()));l["s-rc"]=void 0}o();s();{const t=(r=l["s-p"])!=null?r:[];const n=()=>Be(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.l|=4;t.length=0}}};var ze=(e,t,n,r)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{Fe(e,t,r)}}}}catch(t){f(t,e.$hostElement$)}return null};var Be=e=>{const t=e.i.m;const n=e.$hostElement$;const r=X("postUpdate",t);const l=e.t;const s=e.I;{qe(l,"componentDidRender")}if(!(e.l&64)){e.l|=64;{Ge(n)}{qe(l,"componentDidLoad")}r();{e.h(n);if(!s){Qe()}}}else{{qe(l,"componentDidUpdate")}r()}{e.v(n)}{if(e.H){e.H();e.H=void 0}if(e.l&512){U((()=>Ue(e,false)))}e.l&=~(4|512)}};var Qe=t=>{{Ge(x.documentElement)}U((()=>ce(C,"appload",{detail:{namespace:e}})))};var qe=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){f(e)}}return void 0};var Ge=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var Ke=(e,t)=>s(e).o.get(t);var Ve=(e,t,n,r)=>{const l=s(e);if(!l){throw new Error(`Couldn't find host element for "${r.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const i=l.$hostElement$;const o=l.o.get(t);const a=l.l;const c=l.t;n=oe(n,r.q[t][0]);const u=Number.isNaN(o)&&Number.isNaN(n);const v=n!==o&&!u;if((!(a&8)||o===void 0)&&v){l.o.set(t,n);if(c){if(r.G&&a&128){const e=r.G[t];if(e){e.map((e=>{try{c[e](n,o,t)}catch(e){f(e,i)}}))}}if((a&(2|16))===2){if(c.componentShouldUpdate){if(c.componentShouldUpdate(n,o,t)===false){return}}Ue(l,false)}}}};var Xe=(e,t,n)=>{var r,l;const i=e.prototype;if(t.l&64&&n&1){k.forEach((e=>Object.defineProperty(i,e,{value(...t){const n=s(this);const r=n.t;if(!r){n.p.then((n=>{const r=n[e];typeof r==="function"&&r.call(n,...t)}))}else{const n=r[e];typeof n==="function"&&n.call(r,...t)}}})))}if(t.q||(t.G||e.watchers)){if(e.watchers&&!t.G){t.G=e.watchers}const o=Object.entries((r=t.q)!=null?r:{});o.map((([e,[r]])=>{if(r&31||n&2&&r&32){Object.defineProperty(i,e,{get(){return Ke(this,e)},set(n){Ve(this,e,n,t)},configurable:true,enumerable:true})}else if(n&1&&r&64){Object.defineProperty(i,e,{value(...t){var n;const r=s(this);return(n=r==null?void 0:r.u)==null?void 0:n.then((()=>{var n;return(n=r.t)==null?void 0:n[e](...t)}))}})}}));if(n&1){const n=new Map;i.attributeChangedCallback=function(e,r,l){j.jmp((()=>{var o;const a=n.get(e);if(this.hasOwnProperty(a)){l=this[a];delete this[a]}else if(i.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==l){return}else if(a==null){const n=s(this);const i=n==null?void 0:n.l;if(i&&!(i&8)&&i&128&&l!==r){const s=n.t;const i=(o=t.G)==null?void 0:o[e];i==null?void 0:i.forEach((t=>{if(s[t]!=null){s[t].call(s,l,r,e)}}))}return}this[a]=l===null&&typeof this[a]==="boolean"?false:l}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=t.G)!=null?l:{}),...o.filter((([e,t])=>t[0]&15)).map((([e,r])=>{var l;const s=r[1]||e;n.set(s,e);if(r[0]&512){(l=t.W)==null?void 0:l.push([e,s])}return s}))]))}}return e};var _e=async(e,t,n,r)=>{let l;if((t.l&32)===0){t.l|=32;const r=n.$;if(r){const e=u(n);if(e&&"then"in e){const t=_();l=await e;t()}else{l=e}if(!l){throw new Error(`Constructor for "${n.m}#${t.K}" was not found`)}if(!l.isProxied){{n.G=l.watchers}Xe(l,n,2);l.isProxied=true}const r=X("createInstance",n.m);{t.l|=8}try{new l(t)}catch(e){f(e)}{t.l&=~8}{t.l|=128}r();Je(t.t)}else{l=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.l|=128))}if(l&&l.style){let e;if(typeof l.style==="string"){e=l.style}const t=he(n);if(!v.has(t)){const r=X("registerStyles",n.m);ve(t,e,!!(n.l&1));r()}}}const s=t.I;const i=()=>Ue(t,true);if(s&&s["s-rc"]){s["s-rc"].push(i)}else{i()}};var Je=e=>{{qe(e,"connectedCallback")}};var Ye=e=>{if((j.l&1)===0){const t=s(e);const n=t.i;const r=X("connectedCallback",n.m);if(!(t.l&1)){t.l|=1;let r;{r=e.getAttribute($);if(r){if(n.l&1){const t=de(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}le(e,n.m,r,t)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){Pe(t,t.I=n);break}}}if(n.q){Object.entries(n.q).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{_e(e,t,n)}}else{nt(e,t,n.V);if(t==null?void 0:t.t){Je(t.t)}else if(t==null?void 0:t.p){t.p.then((()=>Je(t.t)))}}r()}};var Ze=e=>{{qe(e,"disconnectedCallback")}};var et=async e=>{if((j.l&1)===0){const t=s(e);{if(t.X){t.X.map((e=>e()));t.X=void 0}}if(t==null?void 0:t.t){Ze(t.t)}else if(t==null?void 0:t.p){t.p.then((()=>Ze(t.t)))}}};var tt=(e,t={})=>{var n;const r=X();const l=[];const i=t.exclude||[];const a=C.customElements;const f=x.head;const c=f.querySelector("meta[charset]");const u=x.createElement("style");const v=[];let d;let p=true;Object.assign(j,t);j.S=new URL(t.resourcesUrl||"./",x.baseURI).href;{j.l|=2}let h=false;e.map((e=>{e[1].map((t=>{var n;const r={l:t[0],m:t[1],q:t[2],V:t[3]};if(r.l&4){h=true}{r.q=t[2]}{r.V=t[3]}{r.W=[]}{r.G=(n=t[4])!=null?n:{}}const f=r.m;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;o(e,r);if(r.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${r.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=s(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;nt(this,e,r.V)}if(d){clearTimeout(d);d=null}if(p){v.push(this)}else{j.jmp((()=>Ye(this)))}}disconnectedCallback(){j.jmp((()=>et(this)))}componentOnReady(){return s(this).p}};if(r.l&64){c.formAssociated=true}r.$=e[0];if(!i.includes(f)&&!a.get(f)){l.push(f);a.define(f,Xe(c,r,1))}}))}));if(l.length>0){if(h){u.textContent+=g}{u.textContent+=l.sort()+w}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=j.N)!=null?n:z(x);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}p=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{j.jmp((()=>d=setTimeout(Qe,30)))}}r()};var nt=(e,t,n,r)=>{if(n){n.map((([n,r,l])=>{const s=lt(e,n);const i=rt(t,l);const o=st(n);j.ael(s,r,i,o);(t.X=t.X||[]).push((()=>j.rel(s,r,i,o)))}))}};var rt=(e,t)=>n=>{var r;try{{if(e.l&256){(r=e.t)==null?void 0:r[t](n)}else{(e.B=e.B||[]).push([t,n])}}}catch(e){f(e)}};var lt=(e,t)=>{if(t&4)return x;if(t&8)return C;return e};var st=e=>D?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var it=e=>j.N=e;export{Z as H,tt as b,fe as c,ae as g,J as h,E as p,i as r,it as s};
|
|
3
|
+
//# sourceMappingURL=p-8dfeb926.js.map
|