@govbr-ds/webcomponents 2.0.0-next.14 → 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 +3 -3
- 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 +3 -3
- package/dist/cjs/br-loading.cjs.entry.js.map +1 -1
- package/dist/cjs/br-message.cjs.entry.js +3 -3
- 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 +158 -0
- package/dist/cjs/br-textarea.cjs.entry.js.map +1 -0
- package/dist/cjs/{index-fb4e9eaf.js → index-a1cc4aa4.js} +7 -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/collection-manifest.json +2 -1
- package/dist/collection/components/avatar/avatar.css +54 -19
- package/dist/collection/components/button/button.css +68 -19
- package/dist/collection/components/checkbox/checkbox.css +54 -19
- package/dist/collection/components/dropdown/dropdown.css +54 -19
- package/dist/collection/components/icon/icon.css +54 -19
- package/dist/collection/components/input/input.css +54 -19
- package/dist/collection/components/item/item.css +54 -19
- package/dist/collection/components/item/item.js +1 -1
- package/dist/collection/components/item/item.js.map +1 -1
- package/dist/collection/components/list/list.css +54 -19
- package/dist/collection/components/loading/loading.css +68 -19
- package/dist/collection/components/loading/loading.js +1 -1
- package/dist/collection/components/loading/loading.js.map +1 -1
- package/dist/collection/components/message/message.css +54 -19
- package/dist/collection/components/message/message.js +1 -1
- package/dist/collection/components/message/message.js.map +1 -1
- package/dist/collection/components/radio/radio.css +54 -19
- 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 +54 -19
- package/dist/collection/components/switch/switch.js +1 -1
- package/dist/collection/components/switch/switch.js.map +1 -1
- package/dist/collection/components/textarea/textarea.css +504 -0
- package/dist/collection/components/textarea/textarea.js +566 -0
- package/dist/collection/components/textarea/textarea.js.map +1 -0
- package/dist/collection/pages/radio/radio.js +1 -1
- package/dist/collection/pages/textarea/textarea.js +19 -0
- package/dist/collection/scripts/menu.js +22 -18
- 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 +3 -3
- 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 +3 -3
- package/dist/components/br-loading.js.map +1 -1
- package/dist/components/br-message.js +5 -5
- 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.d.ts +11 -0
- package/dist/components/br-textarea.js +181 -0
- package/dist/components/br-textarea.js.map +1 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +2 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/{p-87afe26f.js → p-215ac56c.js} +3 -3
- package/dist/components/{p-87afe26f.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-5769e796.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 +3 -3
- 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 +3 -3
- package/dist/esm/br-loading.entry.js.map +1 -1
- package/dist/esm/br-message.entry.js +3 -3
- 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 +154 -0
- package/dist/esm/br-textarea.entry.js.map +1 -0
- package/dist/esm/{index-c7037515.js → index-cad6e6c3.js} +7 -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 +157 -0
- package/dist/types/components.d.ts +193 -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-35f43cf0.entry.js.map +1 -0
- package/dist/webcomponents/p-3bbf9a07.entry.js +2 -0
- package/dist/webcomponents/p-3bbf9a07.entry.js.map +1 -0
- package/dist/webcomponents/p-70216f4a.entry.js +13 -0
- package/dist/webcomponents/{p-dde91d20.entry.js.map → p-70216f4a.entry.js.map} +1 -1
- package/dist/webcomponents/p-7ef2814e.entry.js +2 -0
- package/dist/webcomponents/p-7ef2814e.entry.js.map +1 -0
- 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-8efc22a3.entry.js.map → p-a80407ae.entry.js.map} +1 -1
- package/dist/webcomponents/p-a9efcaff.entry.js +2 -0
- package/dist/webcomponents/p-a9efcaff.entry.js.map +1 -0
- package/dist/webcomponents/p-c8bf074f.entry.js +2 -0
- package/dist/webcomponents/p-c8bf074f.entry.js.map +1 -0
- package/dist/webcomponents/p-d3bb77aa.entry.js +2 -0
- package/dist/webcomponents/{p-9dbe247e.entry.js.map → p-d3bb77aa.entry.js.map} +1 -1
- package/dist/webcomponents/p-e24e46e9.entry.js +2 -0
- package/dist/webcomponents/{p-c36696c6.entry.js.map → p-e24e46e9.entry.js.map} +1 -1
- package/dist/webcomponents/p-ee647c4a.entry.js +2 -0
- package/dist/webcomponents/{p-ac16ee58.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 +240 -62
- package/hydrate/index.mjs +240 -62
- package/package.json +1 -1
- package/vscode-data.json +50 -5
- package/dist/cjs/index-fb4e9eaf.js.map +0 -1
- package/dist/components/p-5769e796.js +0 -138
- package/dist/components/p-698e7a18.js.map +0 -1
- package/dist/webcomponents/p-0f6e2ddc.entry.js +0 -2
- package/dist/webcomponents/p-0f6e2ddc.entry.js.map +0 -1
- package/dist/webcomponents/p-14f1c8e6.entry.js +0 -2
- package/dist/webcomponents/p-14f1c8e6.entry.js.map +0 -1
- package/dist/webcomponents/p-198082b6.entry.js +0 -2
- package/dist/webcomponents/p-198082b6.entry.js.map +0 -1
- package/dist/webcomponents/p-6849daee.js.map +0 -1
- package/dist/webcomponents/p-867bba23.entry.js +0 -2
- package/dist/webcomponents/p-867bba23.entry.js.map +0 -1
- package/dist/webcomponents/p-8efc22a3.entry.js +0 -2
- package/dist/webcomponents/p-9dbe247e.entry.js +0 -2
- package/dist/webcomponents/p-a5a079d8.entry.js +0 -2
- package/dist/webcomponents/p-a5a079d8.entry.js.map +0 -1
- package/dist/webcomponents/p-ac16ee58.entry.js +0 -2
- package/dist/webcomponents/p-c36696c6.entry.js +0 -2
- package/dist/webcomponents/p-dde91d20.entry.js +0 -13
- package/dist/webcomponents/p-f01f1e6b.entry.js +0 -2
- package/dist/webcomponents/p-f01f1e6b.entry.js.map +0 -1
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-698e7a18.js';
|
|
2
|
-
import { i as inheritAriaAttributes } from './p-ee6f4f3f.js';
|
|
3
|
-
|
|
4
|
-
const buttonCss = "*,*::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}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input{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}[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}.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){.row{--grid-gutter:var(--grid-tablet-gutter)}}@media (min-width: 992px){.row{--grid-gutter:var(--grid-tablet-gutter)}}@media (min-width: 1280px){.row{--grid-gutter:var(--grid-desktop-gutter)}}@media (min-width: 1600px){.row{--grid-gutter:var(--grid-tv-gutter)}}.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}.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,.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)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding: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}.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-button{--button-radius:100em;--button-xsmall:24px;--button-small:32px;--button-medium:40px;--button-large:48px;--button-size:var(--button-medium);align-items:center;background-color:transparent;border:0;border-radius:var(--button-radius);color:var(--interactive);cursor:pointer;display:inline-flex;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);height:var(--button-size);justify-content:center;overflow:hidden;padding:0 var(--spacing-scale-3x);position:relative;text-align:center;vertical-align:middle;white-space:nowrap;width:auto}.br-button.block{width:100%}.br-button.circle,.br-button[circle]{border-radius:50%;padding:0;width:var(--button-size)}.br-button.small,.br-button[small]{--button-size:var(--button-small)}.br-button.medium,.br-button[medium],.br-button.is-medium{--button-size:var(--button-medium)}.br-button.large,.br-button[large]{--button-size:var(--button-large)}.br-button.primary,.br-button[primary]{--interactive-rgb:var(--color-dark-rgb);background-color:var(--interactive-light);color:var(--color-dark)}.br-button.secondary,.br-button[secondary]{background-color:var(--background-light);border:1px solid var(--interactive)}.br-button.danger,.br-button[danger]{background-color:var(--danger);--interactive-rgb:var(--color-dark-rgb);color:var(--color-dark)}.br-button.success,.br-button[success]{background-color:var(--success);--interactive-rgb:var(--color-dark-rgb);color:var(--color-dark)}.br-button.warning,.br-button[warning]{background-color:var(--warning);--interactive-rgb:var(--color-light-rgb);color:var(--color-light)}.br-button.info,.br-button[info]{background-color:var(--info);--interactive-rgb:var(--color-dark-rgb);color:var(--color-dark)}.br-button:disabled{cursor:not-allowed}.br-button:not(:disabled){--focus-offset:var(--spacing-scale-half)}.br-button:not(:disabled):focus{outline:none}.br-button:not(:disabled):focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-button:not(:disabled):not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-button:not(:disabled):not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}.br-button.active,.br-button.is-active,.br-button[active]{--hover:var(--hover-dark);background-color:var(--active);color:var(--color-dark)}.br-button.loading{color:transparent !important;cursor:progress}.br-button.loading:not(:disabled):hover{background-image:none}.br-button.loading::before{border-color:var(--interactive) var(--interactive) transparent;border-style:solid}.br-button.loading.primary::before,.br-button.loading.danger::before,.br-button.loading.success::before,.br-button.loading.info::before{border-color:var(--background) var(--background) transparent}.br-button.dark-mode{--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);color:var(--interactive-dark)}.br-button.dark-mode.primary,.br-button.dark-mode[primary]{--interactive-rgb:var(--background-dark-rgb);background-color:var(--interactive-dark);color:var(--background-dark)}.br-button.dark-mode.secondary,.br-button.dark-mode[secondary]{background-color:var(--background-dark)}.br-button.dark-mode.active{--hover:var(--hover-light);--interactive-rgb:var(--active-rgb);background-color:var(--background-light);color:var(--active)}a.br-button{font-weight:var(--font-weight-semi-bold);text-decoration:none !important}.loading,.br-loading{--loading-size:var(--loading-indetermined-diameter-sm);--loading-diameter:84px;--loading-stroke:5px;--loading-indetermined-color:var(--interactive);--loading-indetermined-diameter-md:44px;--loading-indetermined-diameter-sm:24px;position:relative;z-index:var(--z-index-layer-4)}.loading[data-progress]:not(:empty),.br-loading[data-progress]:not(:empty){background-color:var(--border-color);border-radius:50%}.loading[data-progress]:not(:empty)::before,.br-loading[data-progress]:not(:empty)::before{content:none}.loading[data-progress]::after,.br-loading[data-progress]::after{--loading-size:calc(var(--loading-diameter) - var(--loading-stroke) * 2);background:var(--background);border-radius:50%;color:var(--interactive);content:attr(data-progress) \"%\";font-size:var(--font-size-scale-up-02);font-weight:var(--font-weight-semi-bold);height:var(--loading-size);line-height:var(--loading-size);margin:var(--loading-stroke);position:absolute;text-align:center;width:var(--loading-size)}.loading[data-progress] .br-loading-mask,.loading[data-progress] .br-loading-fill,.br-loading[data-progress] .br-loading-mask,.br-loading[data-progress] .br-loading-fill{backface-visibility:hidden;border-radius:50%;clip:rect(0, var(--loading-diameter), var(--loading-diameter), calc(var(--loading-diameter) * 0.5));height:var(--loading-diameter);overflow:hidden;position:absolute;width:var(--loading-diameter)}.loading[data-progress] .br-loading-fill,.br-loading[data-progress] .br-loading-fill{background:var(--interactive);clip:rect(0, calc(var(--loading-diameter) * 0.5), var(--loading-diameter), 0)}.loading::before,.br-loading::before{animation:spinAround 1.3s infinite linear;border:2px solid var(--loading-indetermined-color);border-radius:50%;border-right-color:transparent;content:\"\";display:block;height:var(--loading-size);left:calc(50% - var(--loading-size) * 0.5);position:absolute;top:calc(50% - var(--loading-size) * 0.5);width:var(--loading-size)}.loading:not(.br-button),.br-loading:not(.br-button){height:var(--loading-size);width:var(--loading-size)}.loading:not(.br-button).medium,.br-loading:not(.br-button).medium{--loading-size:var(--loading-indetermined-diameter-md)}.loading:not(.br-button).medium::before,.br-loading:not(.br-button).medium::before{border-width:4px}.loading:not(.br-button)[data-progress],.br-loading:not(.br-button)[data-progress]{--loading-size:var(--loading-diameter)}.loading:not(.br-button)[data-progress]::before,.br-loading:not(.br-button)[data-progress]::before{border-width:var(--loading-stroke)}.loading[data-progress=\"1\"] .br-loading-mask.full,.loading[data-progress=\"1\"] .br-loading-fill,.br-loading[data-progress=\"1\"] .br-loading-mask.full,.br-loading[data-progress=\"1\"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(1.8deg)}.loading[data-progress=\"2\"] .br-loading-mask.full,.loading[data-progress=\"2\"] .br-loading-fill,.br-loading[data-progress=\"2\"] .br-loading-mask.full,.br-loading[data-progress=\"2\"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(3.6deg)}.loading[data-progress=\"3\"] .br-loading-mask.full,.loading[data-progress=\"3\"] .br-loading-fill,.br-loading[data-progress=\"3\"] .br-loading-mask.full,.br-loading[data-progress=\"3\"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(5.4deg)}.loading[data-progress=\"5\"] .br-loading-mask.full,.loading[data-progress=\"5\"] .br-loading-fill,.br-loading[data-progress=\"5\"] .br-loading-mask.full,.br-loading[data-progress=\"5\"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(9deg)}.loading[data-progress=\"16\"] .br-loading-mask.full,.loading[data-progress=\"16\"] .br-loading-fill,.br-loading[data-progress=\"16\"] .br-loading-mask.full,.br-loading[data-progress=\"16\"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(28.8deg)}.loading[data-progress=\"20\"] .br-loading-mask.full,.loading[data-progress=\"20\"] .br-loading-fill,.br-loading[data-progress=\"20\"] .br-loading-mask.full,.br-loading[data-progress=\"20\"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(36deg)}.loading[data-progress=\"24\"] .br-loading-mask.full,.loading[data-progress=\"24\"] .br-loading-fill,.br-loading[data-progress=\"24\"] .br-loading-mask.full,.br-loading[data-progress=\"24\"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(43.2deg)}.loading[data-progress=\"32\"] .br-loading-mask.full,.loading[data-progress=\"32\"] .br-loading-fill,.br-loading[data-progress=\"32\"] .br-loading-mask.full,.br-loading[data-progress=\"32\"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(57.6deg)}.loading[data-progress=\"40\"] .br-loading-mask.full,.loading[data-progress=\"40\"] .br-loading-fill,.br-loading[data-progress=\"40\"] .br-loading-mask.full,.br-loading[data-progress=\"40\"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(72deg)}.loading[data-progress=\"48\"] .br-loading-mask.full,.loading[data-progress=\"48\"] .br-loading-fill,.br-loading[data-progress=\"48\"] .br-loading-mask.full,.br-loading[data-progress=\"48\"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(86.4deg)}.loading[data-progress=\"50\"] .br-loading-mask.full,.loading[data-progress=\"50\"] .br-loading-fill,.br-loading[data-progress=\"50\"] .br-loading-mask.full,.br-loading[data-progress=\"50\"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(90deg)}.loading[data-progress=\"70\"] .br-loading-mask.full,.loading[data-progress=\"70\"] .br-loading-fill,.br-loading[data-progress=\"70\"] .br-loading-mask.full,.br-loading[data-progress=\"70\"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(126deg)}.loading[data-progress=\"72\"] .br-loading-mask.full,.loading[data-progress=\"72\"] .br-loading-fill,.br-loading[data-progress=\"72\"] .br-loading-mask.full,.br-loading[data-progress=\"72\"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(129.6deg)}.loading[data-progress=\"80\"] .br-loading-mask.full,.loading[data-progress=\"80\"] .br-loading-fill,.br-loading[data-progress=\"80\"] .br-loading-mask.full,.br-loading[data-progress=\"80\"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(144deg)}.loading[data-progress=\"88\"] .br-loading-mask.full,.loading[data-progress=\"88\"] .br-loading-fill,.br-loading[data-progress=\"88\"] .br-loading-mask.full,.br-loading[data-progress=\"88\"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(158.4deg)}.loading[data-progress=\"100\"] .br-loading-mask.full,.loading[data-progress=\"100\"] .br-loading-fill,.br-loading[data-progress=\"100\"] .br-loading-mask.full,.br-loading[data-progress=\"100\"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(180deg)}@keyframes spinAround{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes fill{0%{transform:rotate(0deg)}}:host{display:block}button{display:flex}button.icon-right{flex-direction:row-reverse}button.icon-left{flex-direction:row}";
|
|
5
|
-
const BrButtonStyle0 = buttonCss;
|
|
6
|
-
|
|
7
|
-
const Button = /*@__PURE__*/ proxyCustomElement(class Button extends H {
|
|
8
|
-
constructor() {
|
|
9
|
-
super();
|
|
10
|
-
this.__registerHost();
|
|
11
|
-
this.__attachShadow();
|
|
12
|
-
this.brDidConnect = createEvent(this, "brDidConnect", 7);
|
|
13
|
-
this.brWillLoad = createEvent(this, "brWillLoad", 7);
|
|
14
|
-
this.brDidLoad = createEvent(this, "brDidLoad", 7);
|
|
15
|
-
this.brWillRender = createEvent(this, "brWillRender", 7);
|
|
16
|
-
this.brDidRender = createEvent(this, "brDidRender", 7);
|
|
17
|
-
this.brShouldUpdate = createEvent(this, "brShouldUpdate", 7);
|
|
18
|
-
this.brWillUpdate = createEvent(this, "brWillUpdate", 7);
|
|
19
|
-
this.brDidUpdate = createEvent(this, "brDidUpdate", 7);
|
|
20
|
-
this.brDidDisconnect = createEvent(this, "brDidDisconnect", 7);
|
|
21
|
-
this.brFormAssociatedCallback = createEvent(this, "brFormAssociatedCallback", 7);
|
|
22
|
-
this.brFormDisabledCallback = createEvent(this, "brFormDisabledCallback", 7);
|
|
23
|
-
this.brFormResetCallback = createEvent(this, "brFormResetCallback", 7);
|
|
24
|
-
this.brFormStateRestoreCallback = createEvent(this, "brFormStateRestoreCallback", 7);
|
|
25
|
-
this.elementInternals = this.attachInternals();
|
|
26
|
-
this.handleClick = () => {
|
|
27
|
-
if (this.type === 'submit') {
|
|
28
|
-
const submitEvent = new SubmitEvent('submit', {
|
|
29
|
-
submitter: this.elementInternals.form,
|
|
30
|
-
composed: true,
|
|
31
|
-
cancelable: true,
|
|
32
|
-
bubbles: true,
|
|
33
|
-
});
|
|
34
|
-
this.elementInternals.form.dispatchEvent(submitEvent);
|
|
35
|
-
}
|
|
36
|
-
if (this.type === 'reset') {
|
|
37
|
-
this.elementInternals.form.reset();
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
this.inheritedAttributes = {};
|
|
41
|
-
this.colorMode = undefined;
|
|
42
|
-
this.density = undefined;
|
|
43
|
-
this.disabled = false;
|
|
44
|
-
this.emphasis = undefined;
|
|
45
|
-
this.isActive = false;
|
|
46
|
-
this.isLoading = false;
|
|
47
|
-
this.shape = undefined;
|
|
48
|
-
this.type = undefined;
|
|
49
|
-
this.value = undefined;
|
|
50
|
-
}
|
|
51
|
-
connectedCallback() {
|
|
52
|
-
this.brDidConnect.emit();
|
|
53
|
-
}
|
|
54
|
-
componentWillLoad() {
|
|
55
|
-
this.brWillLoad.emit();
|
|
56
|
-
this.inheritedAttributes = inheritAriaAttributes(this.el);
|
|
57
|
-
}
|
|
58
|
-
componentDidLoad() {
|
|
59
|
-
this.brDidLoad.emit();
|
|
60
|
-
}
|
|
61
|
-
componentWillRender() {
|
|
62
|
-
this.brWillRender.emit();
|
|
63
|
-
}
|
|
64
|
-
componentDidRender() {
|
|
65
|
-
this.brDidRender.emit();
|
|
66
|
-
}
|
|
67
|
-
componentShouldUpdate() {
|
|
68
|
-
this.brShouldUpdate.emit();
|
|
69
|
-
}
|
|
70
|
-
componentWillUpdate() {
|
|
71
|
-
this.brWillUpdate.emit();
|
|
72
|
-
}
|
|
73
|
-
componentDidUpdate() {
|
|
74
|
-
this.brDidUpdate.emit();
|
|
75
|
-
}
|
|
76
|
-
disconnectedCallback() {
|
|
77
|
-
this.brDidDisconnect.emit();
|
|
78
|
-
}
|
|
79
|
-
formAssociatedCallback(form) {
|
|
80
|
-
this.brFormAssociatedCallback.emit(form);
|
|
81
|
-
}
|
|
82
|
-
formDisabledCallback(disabled) {
|
|
83
|
-
this.brFormDisabledCallback.emit(disabled);
|
|
84
|
-
}
|
|
85
|
-
formResetCallback() {
|
|
86
|
-
this.brFormResetCallback.emit();
|
|
87
|
-
}
|
|
88
|
-
formStateRestoreCallback(state, _mode) {
|
|
89
|
-
this.brFormStateRestoreCallback.emit([state, _mode]);
|
|
90
|
-
}
|
|
91
|
-
getCssClassMap() {
|
|
92
|
-
return {
|
|
93
|
-
'br-button': true,
|
|
94
|
-
primary: this.emphasis === 'primary',
|
|
95
|
-
secondary: this.emphasis === 'secondary',
|
|
96
|
-
large: this.density === 'large',
|
|
97
|
-
small: this.density === 'small',
|
|
98
|
-
block: this.shape === 'block',
|
|
99
|
-
circle: this.shape === 'circle',
|
|
100
|
-
active: this.isActive,
|
|
101
|
-
loading: this.isLoading,
|
|
102
|
-
'dark-mode': this.colorMode === 'dark',
|
|
103
|
-
};
|
|
104
|
-
}
|
|
105
|
-
render() {
|
|
106
|
-
return (h(Host, { key: '01d8aa91c3282453a80a9f54e3d223688b235354', "aria-disabled": this.disabled ? 'true' : null }, h("button", Object.assign({ key: '1a2949be7c6d9b865af11c1bd9a7b5bc12f15d5d', class: this.getCssClassMap(), type: this.type, disabled: this.disabled, value: this.value, onClick: this.handleClick }, this.inheritedAttributes), h("slot", { key: '0d0a45fef31732720036a4ea436a003dc9d5cae9' }))));
|
|
107
|
-
}
|
|
108
|
-
static get formAssociated() { return true; }
|
|
109
|
-
get el() { return this; }
|
|
110
|
-
static get style() { return BrButtonStyle0; }
|
|
111
|
-
}, [65, "br-button", {
|
|
112
|
-
"colorMode": [513, "color-mode"],
|
|
113
|
-
"density": [513],
|
|
114
|
-
"disabled": [516],
|
|
115
|
-
"emphasis": [513],
|
|
116
|
-
"isActive": [516, "is-active"],
|
|
117
|
-
"isLoading": [516, "is-loading"],
|
|
118
|
-
"shape": [513],
|
|
119
|
-
"type": [513],
|
|
120
|
-
"value": [513]
|
|
121
|
-
}]);
|
|
122
|
-
function defineCustomElement() {
|
|
123
|
-
if (typeof customElements === "undefined") {
|
|
124
|
-
return;
|
|
125
|
-
}
|
|
126
|
-
const components = ["br-button"];
|
|
127
|
-
components.forEach(tagName => { switch (tagName) {
|
|
128
|
-
case "br-button":
|
|
129
|
-
if (!customElements.get(tagName)) {
|
|
130
|
-
customElements.define(tagName, Button);
|
|
131
|
-
}
|
|
132
|
-
break;
|
|
133
|
-
} });
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
export { Button as B, defineCustomElement as d };
|
|
137
|
-
|
|
138
|
-
//# sourceMappingURL=p-5769e796.js.map
|