@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.
Files changed (178) hide show
  1. package/dist/cjs/br-avatar.cjs.entry.js +2 -2
  2. package/dist/cjs/br-avatar.cjs.entry.js.map +1 -1
  3. package/dist/cjs/br-button_2.cjs.entry.js +3 -3
  4. package/dist/cjs/br-button_2.cjs.entry.js.map +1 -1
  5. package/dist/cjs/br-checkbox.cjs.entry.js +2 -2
  6. package/dist/cjs/br-checkbox.cjs.entry.js.map +1 -1
  7. package/dist/cjs/br-dropdown.cjs.entry.js +2 -2
  8. package/dist/cjs/br-dropdown.cjs.entry.js.map +1 -1
  9. package/dist/cjs/br-input.cjs.entry.js +2 -2
  10. package/dist/cjs/br-input.cjs.entry.js.map +1 -1
  11. package/dist/cjs/br-item.cjs.entry.js +3 -3
  12. package/dist/cjs/br-item.cjs.entry.js.map +1 -1
  13. package/dist/cjs/br-list.cjs.entry.js +2 -2
  14. package/dist/cjs/br-list.cjs.entry.js.map +1 -1
  15. package/dist/cjs/br-loading.cjs.entry.js +3 -3
  16. package/dist/cjs/br-loading.cjs.entry.js.map +1 -1
  17. package/dist/cjs/br-message.cjs.entry.js +3 -3
  18. package/dist/cjs/br-message.cjs.entry.js.map +1 -1
  19. package/dist/cjs/br-radio.cjs.entry.js +41 -37
  20. package/dist/cjs/br-radio.cjs.entry.js.map +1 -1
  21. package/dist/cjs/br-switch.cjs.entry.js +3 -3
  22. package/dist/cjs/br-switch.cjs.entry.js.map +1 -1
  23. package/dist/cjs/br-textarea.cjs.entry.js +158 -0
  24. package/dist/cjs/br-textarea.cjs.entry.js.map +1 -0
  25. package/dist/cjs/{index-fb4e9eaf.js → index-a1cc4aa4.js} +7 -2
  26. package/dist/cjs/index-a1cc4aa4.js.map +1 -0
  27. package/dist/cjs/loader.cjs.js +2 -2
  28. package/dist/cjs/webcomponents.cjs.js +2 -2
  29. package/dist/collection/collection-manifest.json +2 -1
  30. package/dist/collection/components/avatar/avatar.css +54 -19
  31. package/dist/collection/components/button/button.css +68 -19
  32. package/dist/collection/components/checkbox/checkbox.css +54 -19
  33. package/dist/collection/components/dropdown/dropdown.css +54 -19
  34. package/dist/collection/components/icon/icon.css +54 -19
  35. package/dist/collection/components/input/input.css +54 -19
  36. package/dist/collection/components/item/item.css +54 -19
  37. package/dist/collection/components/item/item.js +1 -1
  38. package/dist/collection/components/item/item.js.map +1 -1
  39. package/dist/collection/components/list/list.css +54 -19
  40. package/dist/collection/components/loading/loading.css +68 -19
  41. package/dist/collection/components/loading/loading.js +1 -1
  42. package/dist/collection/components/loading/loading.js.map +1 -1
  43. package/dist/collection/components/message/message.css +54 -19
  44. package/dist/collection/components/message/message.js +1 -1
  45. package/dist/collection/components/message/message.js.map +1 -1
  46. package/dist/collection/components/radio/radio.css +54 -19
  47. package/dist/collection/components/radio/radio.js +43 -62
  48. package/dist/collection/components/radio/radio.js.map +1 -1
  49. package/dist/collection/components/switch/switch.css +54 -19
  50. package/dist/collection/components/switch/switch.js +1 -1
  51. package/dist/collection/components/switch/switch.js.map +1 -1
  52. package/dist/collection/components/textarea/textarea.css +504 -0
  53. package/dist/collection/components/textarea/textarea.js +566 -0
  54. package/dist/collection/components/textarea/textarea.js.map +1 -0
  55. package/dist/collection/pages/radio/radio.js +1 -1
  56. package/dist/collection/pages/textarea/textarea.js +19 -0
  57. package/dist/collection/scripts/menu.js +22 -18
  58. package/dist/collection/utils/unique-id-generator.js +9 -0
  59. package/dist/collection/utils/unique-id-generator.js.map +1 -0
  60. package/dist/components/br-avatar.js +3 -3
  61. package/dist/components/br-avatar.js.map +1 -1
  62. package/dist/components/br-button.js +1 -1
  63. package/dist/components/br-checkbox.js +2 -2
  64. package/dist/components/br-checkbox.js.map +1 -1
  65. package/dist/components/br-dropdown.js +2 -2
  66. package/dist/components/br-dropdown.js.map +1 -1
  67. package/dist/components/br-icon.js +1 -1
  68. package/dist/components/br-input.js +4 -4
  69. package/dist/components/br-input.js.map +1 -1
  70. package/dist/components/br-item.js +3 -3
  71. package/dist/components/br-item.js.map +1 -1
  72. package/dist/components/br-list.js +2 -2
  73. package/dist/components/br-list.js.map +1 -1
  74. package/dist/components/br-loading.js +3 -3
  75. package/dist/components/br-loading.js.map +1 -1
  76. package/dist/components/br-message.js +5 -5
  77. package/dist/components/br-message.js.map +1 -1
  78. package/dist/components/br-radio.js +45 -40
  79. package/dist/components/br-radio.js.map +1 -1
  80. package/dist/components/br-switch.js +3 -3
  81. package/dist/components/br-switch.js.map +1 -1
  82. package/dist/components/br-textarea.d.ts +11 -0
  83. package/dist/components/br-textarea.js +181 -0
  84. package/dist/components/br-textarea.js.map +1 -0
  85. package/dist/components/index.d.ts +2 -0
  86. package/dist/components/index.js +2 -1
  87. package/dist/components/index.js.map +1 -1
  88. package/dist/components/{p-87afe26f.js → p-215ac56c.js} +3 -3
  89. package/dist/components/{p-87afe26f.js.map → p-215ac56c.js.map} +1 -1
  90. package/dist/components/{p-698e7a18.js → p-62a01df5.js} +3 -2
  91. package/dist/{esm/index-c7037515.js.map → components/p-62a01df5.js.map} +1 -1
  92. package/dist/components/p-6eb1a607.js +138 -0
  93. package/dist/components/{p-5769e796.js.map → p-6eb1a607.js.map} +1 -1
  94. package/dist/esm/br-avatar.entry.js +2 -2
  95. package/dist/esm/br-avatar.entry.js.map +1 -1
  96. package/dist/esm/br-button_2.entry.js +3 -3
  97. package/dist/esm/br-button_2.entry.js.map +1 -1
  98. package/dist/esm/br-checkbox.entry.js +2 -2
  99. package/dist/esm/br-checkbox.entry.js.map +1 -1
  100. package/dist/esm/br-dropdown.entry.js +2 -2
  101. package/dist/esm/br-dropdown.entry.js.map +1 -1
  102. package/dist/esm/br-input.entry.js +2 -2
  103. package/dist/esm/br-input.entry.js.map +1 -1
  104. package/dist/esm/br-item.entry.js +3 -3
  105. package/dist/esm/br-item.entry.js.map +1 -1
  106. package/dist/esm/br-list.entry.js +2 -2
  107. package/dist/esm/br-list.entry.js.map +1 -1
  108. package/dist/esm/br-loading.entry.js +3 -3
  109. package/dist/esm/br-loading.entry.js.map +1 -1
  110. package/dist/esm/br-message.entry.js +3 -3
  111. package/dist/esm/br-message.entry.js.map +1 -1
  112. package/dist/esm/br-radio.entry.js +41 -37
  113. package/dist/esm/br-radio.entry.js.map +1 -1
  114. package/dist/esm/br-switch.entry.js +3 -3
  115. package/dist/esm/br-switch.entry.js.map +1 -1
  116. package/dist/esm/br-textarea.entry.js +154 -0
  117. package/dist/esm/br-textarea.entry.js.map +1 -0
  118. package/dist/esm/{index-c7037515.js → index-cad6e6c3.js} +7 -2
  119. package/dist/esm/index-cad6e6c3.js.map +1 -0
  120. package/dist/esm/loader.js +3 -3
  121. package/dist/esm/webcomponents.js +3 -3
  122. package/dist/types/components/radio/radio.d.ts +18 -23
  123. package/dist/types/components/textarea/textarea.d.ts +157 -0
  124. package/dist/types/components.d.ts +193 -12
  125. package/dist/types/utils/unique-id-generator.d.ts +1 -0
  126. package/dist/webcomponents/p-35f43cf0.entry.js +2 -0
  127. package/dist/webcomponents/p-35f43cf0.entry.js.map +1 -0
  128. package/dist/webcomponents/p-3bbf9a07.entry.js +2 -0
  129. package/dist/webcomponents/p-3bbf9a07.entry.js.map +1 -0
  130. package/dist/webcomponents/p-70216f4a.entry.js +13 -0
  131. package/dist/webcomponents/{p-dde91d20.entry.js.map → p-70216f4a.entry.js.map} +1 -1
  132. package/dist/webcomponents/p-7ef2814e.entry.js +2 -0
  133. package/dist/webcomponents/p-7ef2814e.entry.js.map +1 -0
  134. package/dist/webcomponents/p-8030cff4.entry.js +2 -0
  135. package/dist/webcomponents/p-8030cff4.entry.js.map +1 -0
  136. package/dist/webcomponents/p-80726c0b.entry.js +2 -0
  137. package/dist/webcomponents/p-80726c0b.entry.js.map +1 -0
  138. package/dist/webcomponents/{p-6849daee.js → p-8dfeb926.js} +3 -3
  139. package/dist/webcomponents/p-8dfeb926.js.map +1 -0
  140. package/dist/webcomponents/p-a80407ae.entry.js +2 -0
  141. package/dist/webcomponents/{p-8efc22a3.entry.js.map → p-a80407ae.entry.js.map} +1 -1
  142. package/dist/webcomponents/p-a9efcaff.entry.js +2 -0
  143. package/dist/webcomponents/p-a9efcaff.entry.js.map +1 -0
  144. package/dist/webcomponents/p-c8bf074f.entry.js +2 -0
  145. package/dist/webcomponents/p-c8bf074f.entry.js.map +1 -0
  146. package/dist/webcomponents/p-d3bb77aa.entry.js +2 -0
  147. package/dist/webcomponents/{p-9dbe247e.entry.js.map → p-d3bb77aa.entry.js.map} +1 -1
  148. package/dist/webcomponents/p-e24e46e9.entry.js +2 -0
  149. package/dist/webcomponents/{p-c36696c6.entry.js.map → p-e24e46e9.entry.js.map} +1 -1
  150. package/dist/webcomponents/p-ee647c4a.entry.js +2 -0
  151. package/dist/webcomponents/{p-ac16ee58.entry.js.map → p-ee647c4a.entry.js.map} +1 -1
  152. package/dist/webcomponents/webcomponents.esm.js +1 -1
  153. package/dist/webcomponents/webcomponents.esm.js.map +1 -1
  154. package/hydrate/index.js +240 -62
  155. package/hydrate/index.mjs +240 -62
  156. package/package.json +1 -1
  157. package/vscode-data.json +50 -5
  158. package/dist/cjs/index-fb4e9eaf.js.map +0 -1
  159. package/dist/components/p-5769e796.js +0 -138
  160. package/dist/components/p-698e7a18.js.map +0 -1
  161. package/dist/webcomponents/p-0f6e2ddc.entry.js +0 -2
  162. package/dist/webcomponents/p-0f6e2ddc.entry.js.map +0 -1
  163. package/dist/webcomponents/p-14f1c8e6.entry.js +0 -2
  164. package/dist/webcomponents/p-14f1c8e6.entry.js.map +0 -1
  165. package/dist/webcomponents/p-198082b6.entry.js +0 -2
  166. package/dist/webcomponents/p-198082b6.entry.js.map +0 -1
  167. package/dist/webcomponents/p-6849daee.js.map +0 -1
  168. package/dist/webcomponents/p-867bba23.entry.js +0 -2
  169. package/dist/webcomponents/p-867bba23.entry.js.map +0 -1
  170. package/dist/webcomponents/p-8efc22a3.entry.js +0 -2
  171. package/dist/webcomponents/p-9dbe247e.entry.js +0 -2
  172. package/dist/webcomponents/p-a5a079d8.entry.js +0 -2
  173. package/dist/webcomponents/p-a5a079d8.entry.js.map +0 -1
  174. package/dist/webcomponents/p-ac16ee58.entry.js +0 -2
  175. package/dist/webcomponents/p-c36696c6.entry.js +0 -2
  176. package/dist/webcomponents/p-dde91d20.entry.js +0 -13
  177. package/dist/webcomponents/p-f01f1e6b.entry.js +0 -2
  178. 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