@zonos/elements 1.3.129 → 1.3.130

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 (216) hide show
  1. package/dist/cjs/{CheckoutConfig-62479cef.js → CheckoutConfig-1d38a21d.js} +2 -0
  2. package/dist/cjs/{cart-ba8cca00.js → cart-d5240ba9.js} +192 -5
  3. package/dist/cjs/{getBorderRadius-61ed5601.js → getBorderRadius-f72d8edf.js} +1 -1
  4. package/dist/cjs/index.cjs.js +8 -8
  5. package/dist/cjs/{isDarkColor-d206c6fa.js → isDarkColor-dd6d723b.js} +1 -1
  6. package/dist/cjs/loader.cjs.js +1 -1
  7. package/dist/cjs/{paypal-441c3f79.js → paypal-78db30b7.js} +3 -3
  8. package/dist/cjs/zonos-address_7.cjs.entry.js +4 -4
  9. package/dist/cjs/zonos-badge.cjs.entry.js +1 -1
  10. package/dist/cjs/zonos-banner.cjs.entry.js +1 -1
  11. package/dist/cjs/zonos-button_3.cjs.entry.js +3 -3
  12. package/dist/cjs/zonos-card.cjs.entry.js +2 -2
  13. package/dist/cjs/zonos-cart-items_13.cjs.entry.js +5 -5
  14. package/dist/cjs/zonos-checkout.cjs.entry.js +82 -7
  15. package/dist/cjs/zonos-collapse.cjs.entry.js +1 -1
  16. package/dist/cjs/zonos-controller.cjs.entry.js +4 -4
  17. package/dist/cjs/zonos-country-flag.cjs.entry.js +4 -4
  18. package/dist/cjs/zonos-country-select_4.cjs.entry.js +4 -4
  19. package/dist/cjs/zonos-elements.cjs.js +1 -1
  20. package/dist/cjs/zonos-hello-dialog.cjs.entry.js +4 -4
  21. package/dist/cjs/zonos-hello.cjs.entry.js +4 -4
  22. package/dist/cjs/zonos-input.cjs.entry.js +2 -2
  23. package/dist/cjs/zonos-language-select_2.cjs.entry.js +4 -4
  24. package/dist/cjs/zonos-logo.cjs.entry.js +1 -1
  25. package/dist/cjs/zonos-notification_3.cjs.entry.js +5 -5
  26. package/dist/cjs/zonos-shipping-rich-radio.cjs.entry.js +2 -2
  27. package/dist/cjs/zonos-text.cjs.entry.js +1 -1
  28. package/dist/cjs/zonos-toggle.cjs.entry.js +1 -1
  29. package/dist/cjs/zonos-v-stack.cjs.entry.js +1 -1
  30. package/dist/cjs/{zonosStore-e12d459c.js → zonosStore-293bb3ba.js} +1 -0
  31. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js +77 -1
  32. package/dist/collection/components/store/translationStore/strings.arabic.js +9 -0
  33. package/dist/collection/components/store/translationStore/strings.base.js +9 -0
  34. package/dist/collection/components/store/translationStore/strings.chinese.js +9 -0
  35. package/dist/collection/components/store/translationStore/strings.danish.js +9 -0
  36. package/dist/collection/components/store/translationStore/strings.dutch.js +9 -0
  37. package/dist/collection/components/store/translationStore/strings.french.js +9 -0
  38. package/dist/collection/components/store/translationStore/strings.german.js +9 -0
  39. package/dist/collection/components/store/translationStore/strings.hebrew.js +9 -0
  40. package/dist/collection/components/store/translationStore/strings.indonesian.js +9 -0
  41. package/dist/collection/components/store/translationStore/strings.italian.js +9 -0
  42. package/dist/collection/components/store/translationStore/strings.japanese.js +9 -0
  43. package/dist/collection/components/store/translationStore/strings.korean.js +9 -0
  44. package/dist/collection/components/store/translationStore/strings.norwegian.js +9 -0
  45. package/dist/collection/components/store/translationStore/strings.polish.js +9 -0
  46. package/dist/collection/components/store/translationStore/strings.portuguese.js +9 -0
  47. package/dist/collection/components/store/translationStore/strings.russian.js +9 -0
  48. package/dist/collection/components/store/translationStore/strings.spanish.js +9 -0
  49. package/dist/collection/components/store/translationStore/strings.swedish.js +9 -0
  50. package/dist/collection/components/store/translationStore/strings.turkish.js +9 -0
  51. package/dist/collection/components/store/translationStore/strings.vietnamese.js +9 -0
  52. package/dist/collection/components/store/zonosStore.js +1 -0
  53. package/dist/collection/components/utils/api/prepCalculateLandedCost.js +9 -2
  54. package/dist/collection/scripts/cart/_setupCartData.js +2 -0
  55. package/dist/esm/{CheckoutConfig-5da839fa.js → CheckoutConfig-56c63bdf.js} +2 -0
  56. package/dist/esm/{cart-01b5bf4a.js → cart-4f1ee6dd.js} +192 -5
  57. package/dist/esm/{getBorderRadius-008516a4.js → getBorderRadius-bdd709e7.js} +1 -1
  58. package/dist/esm/index.js +9 -9
  59. package/dist/esm/{isDarkColor-dc08fa26.js → isDarkColor-c6924924.js} +1 -1
  60. package/dist/esm/loader.js +1 -1
  61. package/dist/esm/{paypal-4c094b25.js → paypal-5b1964b6.js} +3 -3
  62. package/dist/esm/zonos-address_7.entry.js +4 -4
  63. package/dist/esm/zonos-badge.entry.js +1 -1
  64. package/dist/esm/zonos-banner.entry.js +1 -1
  65. package/dist/esm/zonos-button_3.entry.js +3 -3
  66. package/dist/esm/zonos-card.entry.js +2 -2
  67. package/dist/esm/zonos-cart-items_13.entry.js +5 -5
  68. package/dist/esm/zonos-checkout.entry.js +83 -8
  69. package/dist/esm/zonos-collapse.entry.js +1 -1
  70. package/dist/esm/zonos-controller.entry.js +4 -4
  71. package/dist/esm/zonos-country-flag.entry.js +4 -4
  72. package/dist/esm/zonos-country-select_4.entry.js +4 -4
  73. package/dist/esm/zonos-elements.js +1 -1
  74. package/dist/esm/zonos-hello-dialog.entry.js +4 -4
  75. package/dist/esm/zonos-hello.entry.js +4 -4
  76. package/dist/esm/zonos-input.entry.js +2 -2
  77. package/dist/esm/zonos-language-select_2.entry.js +4 -4
  78. package/dist/esm/zonos-logo.entry.js +1 -1
  79. package/dist/esm/zonos-notification_3.entry.js +5 -5
  80. package/dist/esm/zonos-shipping-rich-radio.entry.js +2 -2
  81. package/dist/esm/zonos-text.entry.js +1 -1
  82. package/dist/esm/zonos-toggle.entry.js +1 -1
  83. package/dist/esm/zonos-v-stack.entry.js +1 -1
  84. package/dist/esm/{zonosStore-6b5bd87c.js → zonosStore-c493c4fe.js} +1 -0
  85. package/dist/esm-es5/{CheckoutConfig-5da839fa.js → CheckoutConfig-56c63bdf.js} +1 -1
  86. package/dist/esm-es5/cart-4f1ee6dd.js +1 -0
  87. package/dist/esm-es5/{getBorderRadius-008516a4.js → getBorderRadius-bdd709e7.js} +1 -1
  88. package/dist/esm-es5/index.js +1 -1
  89. package/dist/esm-es5/{isDarkColor-dc08fa26.js → isDarkColor-c6924924.js} +1 -1
  90. package/dist/esm-es5/loader.js +1 -1
  91. package/dist/esm-es5/{paypal-4c094b25.js → paypal-5b1964b6.js} +1 -1
  92. package/dist/esm-es5/zonos-address_7.entry.js +1 -1
  93. package/dist/esm-es5/zonos-badge.entry.js +1 -1
  94. package/dist/esm-es5/zonos-banner.entry.js +1 -1
  95. package/dist/esm-es5/zonos-button_3.entry.js +1 -1
  96. package/dist/esm-es5/zonos-card.entry.js +1 -1
  97. package/dist/esm-es5/zonos-cart-items_13.entry.js +1 -1
  98. package/dist/esm-es5/zonos-checkout.entry.js +1 -1
  99. package/dist/esm-es5/zonos-collapse.entry.js +1 -1
  100. package/dist/esm-es5/zonos-controller.entry.js +1 -1
  101. package/dist/esm-es5/zonos-country-flag.entry.js +1 -1
  102. package/dist/esm-es5/zonos-country-select_4.entry.js +1 -1
  103. package/dist/esm-es5/zonos-elements.js +1 -1
  104. package/dist/esm-es5/zonos-hello-dialog.entry.js +1 -1
  105. package/dist/esm-es5/zonos-hello.entry.js +1 -1
  106. package/dist/esm-es5/zonos-input.entry.js +1 -1
  107. package/dist/esm-es5/zonos-language-select_2.entry.js +1 -1
  108. package/dist/esm-es5/zonos-logo.entry.js +1 -1
  109. package/dist/esm-es5/zonos-notification_3.entry.js +1 -1
  110. package/dist/esm-es5/zonos-shipping-rich-radio.entry.js +1 -1
  111. package/dist/esm-es5/zonos-text.entry.js +1 -1
  112. package/dist/esm-es5/zonos-toggle.entry.js +1 -1
  113. package/dist/esm-es5/zonos-v-stack.entry.js +1 -1
  114. package/dist/esm-es5/{zonosStore-6b5bd87c.js → zonosStore-c493c4fe.js} +1 -1
  115. package/dist/scripts/index.d.ts +7 -0
  116. package/dist/scripts/index.js +1 -1
  117. package/dist/scripts/loadZonos.js +1 -1
  118. package/dist/scripts/zonos.js +1 -1
  119. package/dist/types/components/checkout/zonos-checkout/zonos-checkout.d.ts +9 -0
  120. package/dist/types/components/store/translationStore/strings.arabic.d.ts +9 -0
  121. package/dist/types/components/store/translationStore/strings.base.d.ts +9 -0
  122. package/dist/types/components/store/translationStore/strings.chinese.d.ts +9 -0
  123. package/dist/types/components/store/translationStore/strings.danish.d.ts +9 -0
  124. package/dist/types/components/store/translationStore/strings.dutch.d.ts +9 -0
  125. package/dist/types/components/store/translationStore/strings.french.d.ts +9 -0
  126. package/dist/types/components/store/translationStore/strings.german.d.ts +9 -0
  127. package/dist/types/components/store/translationStore/strings.hebrew.d.ts +9 -0
  128. package/dist/types/components/store/translationStore/strings.indonesian.d.ts +9 -0
  129. package/dist/types/components/store/translationStore/strings.italian.d.ts +9 -0
  130. package/dist/types/components/store/translationStore/strings.japanese.d.ts +9 -0
  131. package/dist/types/components/store/translationStore/strings.korean.d.ts +9 -0
  132. package/dist/types/components/store/translationStore/strings.norwegian.d.ts +9 -0
  133. package/dist/types/components/store/translationStore/strings.polish.d.ts +9 -0
  134. package/dist/types/components/store/translationStore/strings.portuguese.d.ts +9 -0
  135. package/dist/types/components/store/translationStore/strings.russian.d.ts +9 -0
  136. package/dist/types/components/store/translationStore/strings.spanish.d.ts +9 -0
  137. package/dist/types/components/store/translationStore/strings.swedish.d.ts +9 -0
  138. package/dist/types/components/store/translationStore/strings.turkish.d.ts +9 -0
  139. package/dist/types/components/store/translationStore/strings.vietnamese.d.ts +9 -0
  140. package/dist/types/components/store/translationStore.d.ts +1 -1
  141. package/dist/types/components/utils/api/getLocaleMessages.d.ts +1 -1
  142. package/dist/types/types/checkout/CheckoutConfig.d.ts +5 -0
  143. package/dist/types/types/checkout/api/CalculateLandedCost.d.ts +1 -0
  144. package/dist/types/types/checkout/api/NormalizedTempCart.d.ts +1 -0
  145. package/dist/types/types/generated/graphql.frontend.types.d.ts +1 -1
  146. package/dist/types/types/generated/graphql.frontend.types.ts +1 -1
  147. package/dist/types/types/generated/graphql.internal.types.d.ts +1 -0
  148. package/dist/types/types/generated/graphql.internal.types.ts +1 -0
  149. package/dist/zonos-elements/assets/RemoveIcon.svg +1 -1
  150. package/dist/zonos-elements/index.esm.js +1 -1
  151. package/dist/zonos-elements/{p-2faa3104.system.entry.js → p-0531689a.system.entry.js} +1 -1
  152. package/dist/zonos-elements/{p-1e4d8228.entry.js → p-0cf44851.entry.js} +1 -1
  153. package/dist/zonos-elements/{p-57d93236.entry.js → p-0cfab69e.entry.js} +1 -1
  154. package/dist/zonos-elements/{p-5ac777a7.system.entry.js → p-0fc96872.system.entry.js} +1 -1
  155. package/dist/zonos-elements/{p-700c5732.entry.js → p-10cebad7.entry.js} +1 -1
  156. package/dist/zonos-elements/{p-e1ce04b1.js → p-10d6fe23.js} +1 -1
  157. package/dist/zonos-elements/{p-00dc1507.system.js → p-10efff62.system.js} +1 -1
  158. package/dist/zonos-elements/{p-55a3db7d.entry.js → p-124a4a50.entry.js} +1 -1
  159. package/dist/zonos-elements/{p-c93c9524.system.js → p-14022fab.system.js} +2 -2
  160. package/dist/zonos-elements/{p-7312d038.system.entry.js → p-19944a13.system.entry.js} +1 -1
  161. package/dist/zonos-elements/{p-9d057d1d.entry.js → p-1a6e9eec.entry.js} +1 -1
  162. package/dist/zonos-elements/{p-8ca3b73a.entry.js → p-1da0c1cb.entry.js} +1 -1
  163. package/dist/zonos-elements/{p-ff0a79e6.system.entry.js → p-22458c90.system.entry.js} +1 -1
  164. package/dist/zonos-elements/{p-60b0025b.system.js → p-2b29a3ac.system.js} +1 -1
  165. package/dist/zonos-elements/{p-ce391c90.entry.js → p-30d6e78c.entry.js} +1 -1
  166. package/dist/zonos-elements/{p-4fee6e7f.system.entry.js → p-320e7cb9.system.entry.js} +1 -1
  167. package/dist/zonos-elements/{p-0bc813a9.system.entry.js → p-3a89fb48.system.entry.js} +1 -1
  168. package/dist/zonos-elements/{p-4cd1e79c.system.entry.js → p-3cfa90d1.system.entry.js} +1 -1
  169. package/dist/zonos-elements/{p-2bb86f3d.system.entry.js → p-3e4b11ed.system.entry.js} +1 -1
  170. package/dist/zonos-elements/{p-6c047faf.system.entry.js → p-3efbcf88.system.entry.js} +1 -1
  171. package/dist/zonos-elements/p-3f40806c.entry.js +1 -0
  172. package/dist/zonos-elements/{p-5e22a288.system.js → p-40596087.system.js} +1 -1
  173. package/dist/zonos-elements/{p-c3e98be6.system.js → p-46a5ec52.system.js} +1 -1
  174. package/dist/zonos-elements/p-49fff22c.js +1 -0
  175. package/dist/zonos-elements/{p-970527fe.entry.js → p-5b90dd6d.entry.js} +1 -1
  176. package/dist/zonos-elements/{p-0f465aa6.entry.js → p-5cd970b9.entry.js} +1 -1
  177. package/dist/zonos-elements/{p-3b5f49f6.system.entry.js → p-68cfdd01.system.entry.js} +1 -1
  178. package/dist/zonos-elements/{p-2906956b.entry.js → p-6b00344a.entry.js} +1 -1
  179. package/dist/zonos-elements/p-6b6cd6c3.system.js +1 -0
  180. package/dist/zonos-elements/{p-17a5550a.system.entry.js → p-72c682ac.system.entry.js} +1 -1
  181. package/dist/zonos-elements/{p-10aef679.system.entry.js → p-7af3b735.system.entry.js} +1 -1
  182. package/dist/zonos-elements/{p-a9069f68.js → p-7d3a63c5.js} +2 -2
  183. package/dist/zonos-elements/{p-91e111c4.entry.js → p-7fa88e0a.entry.js} +1 -1
  184. package/dist/zonos-elements/{p-8390f23d.system.entry.js → p-876ded0e.system.entry.js} +1 -1
  185. package/dist/zonos-elements/{p-5ee9685e.system.entry.js → p-87945d75.system.entry.js} +1 -1
  186. package/dist/zonos-elements/{p-6de5611e.entry.js → p-92fbf9e6.entry.js} +1 -1
  187. package/dist/zonos-elements/p-942a0605.js +1 -0
  188. package/dist/zonos-elements/{p-08948e65.system.entry.js → p-9cb6599d.system.entry.js} +1 -1
  189. package/dist/zonos-elements/p-a1c26abb.system.entry.js +1 -0
  190. package/dist/zonos-elements/{p-8612f8d1.system.entry.js → p-a277cde0.system.entry.js} +1 -1
  191. package/dist/zonos-elements/{p-26172f0d.entry.js → p-a49ac35e.entry.js} +1 -1
  192. package/dist/zonos-elements/p-a50ebda1.entry.js +1 -0
  193. package/dist/zonos-elements/{p-c562de4a.entry.js → p-bc8b22ad.entry.js} +1 -1
  194. package/dist/zonos-elements/{p-8b3d9796.system.entry.js → p-c39dc3e9.system.entry.js} +1 -1
  195. package/dist/zonos-elements/p-c78dd680.system.js +1 -1
  196. package/dist/zonos-elements/{p-67a32cc5.js → p-d10ffd69.js} +1 -1
  197. package/dist/zonos-elements/{p-0c6a933c.entry.js → p-d963d9d4.entry.js} +1 -1
  198. package/dist/zonos-elements/{p-5610934b.entry.js → p-db5e0d2b.entry.js} +1 -1
  199. package/dist/zonos-elements/{p-7c7feadb.system.entry.js → p-dc09df19.system.entry.js} +1 -1
  200. package/dist/zonos-elements/{p-d6f8309b.entry.js → p-dc823080.entry.js} +1 -1
  201. package/dist/zonos-elements/{p-e6fad32a.system.entry.js → p-e205ef1c.system.entry.js} +1 -1
  202. package/dist/zonos-elements/{p-6b0a8709.system.entry.js → p-e5f27005.system.entry.js} +1 -1
  203. package/dist/zonos-elements/{p-91cfbf46.js → p-edc16f69.js} +1 -1
  204. package/dist/zonos-elements/{p-798d715c.entry.js → p-fb6cf324.entry.js} +1 -1
  205. package/dist/zonos-elements/{p-a372a9a0.entry.js → p-fce202ab.entry.js} +1 -1
  206. package/dist/zonos-elements/p-fd05d150.system.js +1 -0
  207. package/dist/zonos-elements/zonos-elements.esm.js +1 -1
  208. package/package.json +1 -1
  209. package/dist/esm-es5/cart-01b5bf4a.js +0 -1
  210. package/dist/zonos-elements/p-0e8613be.entry.js +0 -1
  211. package/dist/zonos-elements/p-4d4ea5dc.system.entry.js +0 -1
  212. package/dist/zonos-elements/p-582cdd52.system.js +0 -1
  213. package/dist/zonos-elements/p-94146bc9.js +0 -1
  214. package/dist/zonos-elements/p-9b0cbd91.entry.js +0 -1
  215. package/dist/zonos-elements/p-b7cfbfc1.js +0 -1
  216. package/dist/zonos-elements/p-c85b4e43.system.js +0 -1
package/dist/esm-es5/zonos-button_3.entry.js CHANGED
@@ -1 +1 @@
1
- import{r as registerInstance,h,H as Host,d as getElement}from"./index-86b8247e.js";import{z as zonosStore,d as zonosStoreFontFamily}from"./zonosStore-6b5bd87c.js";import{c as classes}from"./classes-0d95c529.js";import{g as getBorderRadius}from"./getBorderRadius-008516a4.js";import{i as isColorVariable}from"./isColorVariable-0a94004f.js";import{i as isDarkColor}from"./isDarkColor-dc08fa26.js";import{s as styles}from"./styles-6fc2fad9.js";var getButtonTheme=function(o){var e=o||zonosStore.appearance.colorSecondary;var t=e&&isColorVariable(e)?"var(--zonos-elements-".concat(e,")"):e;var n=t&&isDarkColor(t)?"DARK":"LIGHT";return n};var isElementUsingDarkTheme=function(o){return isDarkColor(window.getComputedStyle(o).getPropertyValue("--zonos-elements-gray-0"))};var zonosButtonCss=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex;border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10))}:host .zonos--spinner-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:var(--zonos-elements-surface-color);-ms-flex-pack:center;justify-content:center;border-radius:var(--zonos-elements-radius-10);gap:8px}:host button{width:100%;position:relative;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--zonos-elements-surface-color);border:none;outline:1px solid var(--zonos-elements-surface-color);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10));-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:var(--zonos--font-family, Inter), Inter;letter-spacing:normal;cursor:pointer;white-space:nowrap;padding:8px 24px;color:var(--zonos--color, var(--zonos-elements-gray-1000));margin:1px;}:host button:not([disabled]):hover{background-image:var(--zonos-elements-button-standard-hover)}:host button:not([disabled]):active{background:var(--zonos-elements-gray-700)}:host button:not([disabled]):focus{-webkit-box-shadow:var(--zonos-elements-focus-button);box-shadow:var(--zonos-elements-focus-button)}:host button.with-box-shadow{-webkit-box-shadow:var(--zonos-elements-shadow-button-standard);box-shadow:var(--zonos-elements-shadow-button-standard)}:host button.sm.no-background,:host button.md.no-background,:host button.lg.no-background{background:none;outline:none}:host button.sm.no-padding-left,:host button.md.no-padding-left,:host button.lg.no-padding-left{padding-left:0}:host button.sm.no-padding-right,:host button.md.no-padding-right,:host button.lg.no-padding-right{padding-right:0}:host button[disabled]{cursor:not-allowed;background-color:var(--zonos--background-color, var(--zonos-elements-gray-200))}:host button[disabled] .zonos--spinner-wrapper{background-color:var(--zonos--background-color, var(--zonos-elements-gray-200))}:host button:active{-webkit-transform:scale(0.99);transform:scale(0.99)}:host button.sm{height:var(--zonos-elements-size-sm);line-height:var(--zonos-elements-size-sm);padding:4px 8px}:host button.sm:not(.has-content).has-icon{padding:0 4px}:host button.md{height:var(--zonos-elements-size-md);line-height:var(--zonos-elements-size-md);padding:8px 16px}:host button.md:not(.has-content).has-icon{padding:0 8px}:host button.lg{height:var(--zonos-elements-size-lg);line-height:var(--zonos-elements-size-lg);padding:12px 24px}:host button.lg:not(.has-content).has-icon{padding:0 16px}:host button:not(.only-icon).has-icon{gap:8px}@media (max-width: 400px){:host button:not(.only-icon).has-icon{font-size:var(--zonos-elements-font-size-s)}}:host button.override-background{background-color:var(--zonos--background-color, var(--zonos-elements-gray-0));color:var(--zonos--color, var(--zonos-elements-gray-1000));outline:1px solid var(--zonos--background-color, var(--zonos-elements-gray-0))}:host button.override-background:disabled{opacity:0.8}:host button.override-background:not(:disabled):hover{opacity:0.9}:host button:not(.override-background){}:host button:not(.override-background).primary{background:var(--zonos-elements-blue-600);outline:1px solid var(--zonos-elements-blue-600);color:var(--zonos-elements-gray-0)}:host button:not(.override-background).primary:not([disabled]):hover{background-image:var(--zonos-elements-button-primary-hover)}:host button:not(.override-background).primary:not([disabled]):active{background:var(--zonos-elements-blue-700)}:host button:not(.override-background).primary:not([disabled]):focus{-webkit-box-shadow:var(--zonos-elements-focus-button);box-shadow:var(--zonos-elements-focus-button)}:host button:not(.override-background).primary[disabled]{background:var(--zonos-elements-blue-400)}:host button:not(.override-background).primary[disabled] .zonos--spinner-wrapper{background-color:var(--zonos-elements-blue-400)}:host button:not(.override-background).primary .zonos--spinner-wrapper{background-color:var(--zonos-elements-blue-600)}:host button:not(.override-background).success{background:var(--zonos-elements-green-600);outline:1px solid var(--zonos-elements-green-600);color:var(--zonos-elements-gray-0)}:host button:not(.override-background).success:not([disabled]):hover{background-image:var(--zonos-elements-button-success-hover)}:host button:not(.override-background).success:not([disabled]):active{background:var(--zonos-elements-green-700)}:host button:not(.override-background).success:not([disabled]):focus{-webkit-box-shadow:var(--zonos-elements-focus-button);box-shadow:var(--zonos-elements-focus-button)}:host button:not(.override-background).success[disabled]{background:var(--zonos-elements-green-400)}:host button:not(.override-background).success[disabled] .zonos--spinner-wrapper{background-color:var(--zonos-elements-green-400)}:host button:not(.override-background).danger{background:var(--zonos-elements-red-600);outline:1px solid var(--zonos-elements-red-600);color:var(--zonos-elements-gray-0)}:host button:not(.override-background).danger:not([disabled]):hover{background-image:var(--zonos-elements-button-danger-hover)}:host button:not(.override-background).danger:not([disabled]):active{background:var(--zonos-elements-red-700)}:host button:not(.override-background).danger:not([disabled]):focus{-webkit-box-shadow:var(--zonos-elements-focus-button);box-shadow:var(--zonos-elements-focus-button)}:host button:not(.override-background).danger[disabled]{background:var(--zonos-elements-red-400)}:host button:not(.override-background).danger[disabled] .zonos--spinner-wrapper{background-color:var(--zonos-elements-red-400)}:host button:not(.override-background).warning{background:var(--zonos-elements-orange-600);outline:1px solid var(--zonos-elements-orange-600);color:var(--zonos-elements-gray-0)}:host button:not(.override-background).warning:not([disabled]):hover{background-image:var(--zonos-elements-button-warning-hover)}:host button:not(.override-background).warning:not([disabled]):active{background:var(--zonos-elements-orange-700)}:host button:not(.override-background).warning:not([disabled]):focus{-webkit-box-shadow:var(--zonos-elements-focus-button);box-shadow:var(--zonos-elements-focus-button)}:host button:not(.override-background).warning[disabled]{background:var(--zonos-elements-orange-400)}:host button:not(.override-background).warning[disabled] .zonos--spinner-wrapper{background-color:var(--zonos-elements-orange-400)}:host button:not(.override-background).subtle{background:transparent;color:var(--zonos--color, var(--zonos-elements-gray-1000));outline:none}:host button:not(.override-background).subtle:not([disabled]):hover{background:var(--zonos-elements-gray-900)}:host button:not(.override-background).subtle:not([disabled]):active{background:var(--zonos-elements-gray-800)}:host button:not(.override-background).subtle:not([disabled]).dark-hover-subtle:hover{background:var(--zonos-elements-gray-100)}:host button:not(.override-background).subtle:not([disabled]).dark-hover-subtle:active{background:var(--zonos-elements-gray-200)}:host button:not(.override-background).subtle:focus{-webkit-box-shadow:var(--zonos-elements-button-focus-ring);box-shadow:var(--zonos-elements-button-focus-ring)}:host button:not(.override-background).subtle[disabled] .content{opacity:0.6}:host button:not(.override-background).subtle[disabled] .zonos--spinner-wrapper{background-color:var(--zonos-elements-gray-0)}:host button:not(.override-background).outline{background:transparent;outline:1px solid var(--zonos-elements-gray-700)}:host button:not(.override-background).outline:not([disabled]):hover{background-color:var(--zonos-elements-gray-100)}:host button:not(.override-background).outline:not([disabled]):active{background:var(--zonos-elements-gray-200)}:host .zonos--footer-country-flag{height:18px;width:18px;position:relative;overflow:hidden;border-radius:30px;-webkit-box-shadow:var(--zonos-elements-v3-shadow-medium);box-shadow:var(--zonos-elements-v3-shadow-medium);z-index:10;justify-self:center;border-radius:var(--zonos-elements-radius-4);width:24px}";var ZonosButtonStyle0=zonosButtonCss;var ZonosButton=function(){function o(o){var e=this;registerInstance(this,o);this.handleSlotChange=function(){e.hasContent=true};this.getColorVarProperty=function(o){return o.replace("var(","").replace(")","")};this.getButtonStyle=function(){var o=e.variant||"standard";var t=e.buttonColor&&isColorVariable(e.buttonColor)?"var(--zonos-elements-".concat(e.buttonColor,")"):e.buttonColor;var n=window.getComputedStyle(e.ele).getPropertyValue(e.getColorVarProperty(t||""))||t||"";var s=!isElementUsingDarkTheme(e.ele);var r=!isDarkColor(n);var a=s&&!r||!s&&r;switch(o){case"subtle":{return{color:t,useDarkHoverSubtle:a}}default:{var i=e.backgroundColor&&isColorVariable(e.backgroundColor)?"var(--zonos-elements-".concat(e.backgroundColor,")"):e.backgroundColor;var d=i||zonosStore.appearance.colorSecondary;var l=d&&isColorVariable(e.getColorVarProperty(d))?window.getComputedStyle(e.ele).getPropertyValue(e.getColorVarProperty(d)):d;var h=e.variant!=="subtle"&&l&&isDarkColor(l)?"white":t;return{backgroundColor:d,color:h,spinnerColor:l&&isDarkColor(l)?"white":"black",useDarkHoverSubtle:a}}}};this.buttonColor=undefined;this.backgroundColor=undefined;this.borderStyle=undefined;this.isDisabled=false;this.icon=null;this.iconRight=false;this.size="sm";this.variant="standard";this.noBackground=false;this.withBoxShadow=false;this.noPaddingLeft=false;this.noPaddingRight=false;this.loading=false;this.justifyContent="center";this.theme=undefined;this.hasIcon=!!this.icon;this.hasContent=false}o.prototype.iconChangeHandler=function(){this.hasIcon=!!this.icon};o.prototype.clickHandler=function(o){if(this.loading||this.isDisabled){o.preventDefault();o.stopPropagation()}};o.prototype.componentWillLoad=function(){this.iconChangeHandler()};o.prototype.render=function(){var o=this.getButtonStyle(),e=o.backgroundColor,t=o.color,n=o.spinnerColor,s=o.useDarkHoverSubtle;var r=this.loading||this.isDisabled;var a=this.variant||"standard";var i=a==="standard"?getButtonTheme(e):undefined;var d=getBorderRadius({overrideBorderStyle:this.borderStyle});return h(Host,{key:"a862db0549563c67361d2f93baf6bed668a9a561",class:classes(["zonos--elements"]),"data-theme":this.theme||i,disabled:r,style:styles({"--zonos--background-color":e,"--zonos--border-radius":d,"--zonos--color":t,"--zonos--font-family":zonosStoreFontFamily()})},h("button",{key:"e848c5d69708b8eee9a2be1c1649eb0f9c85dae0",class:classes([this.hasIcon&&"has-icon",this.hasContent&&"has-content",this.noBackground&&"no-background",this.noPaddingLeft&&"no-padding-left",this.noPaddingRight&&"no-padding-right",this.iconRight&&"icon-right",this.withBoxShadow&&"with-box-shadow",s&&"dark-hover-subtle",a,this.size,e&&a==="standard"&&"override-background"]),disabled:r,style:{justifyContent:this.justifyContent}},this.loading&&h("div",{key:"3d6af592a449d698a205bb327ee3f29b57a406ff",class:"zonos--spinner-wrapper"},h("zonos-spinner",{key:"c4e28edbbed061e57ad6c6f532887b74441e4acc",size:16,spinnerColor:n})),!this.loading&&!this.iconRight&&this.icon,h("slot",{key:"dbbf5f30085d61932505f8724473bb61dd67c7b7",onSlotchange:this.handleSlotChange}),!this.loading&&this.iconRight&&this.icon))};Object.defineProperty(o,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(o.prototype,"ele",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{icon:["iconChangeHandler"]}},enumerable:false,configurable:true});return o}();ZonosButton.style=ZonosButtonStyle0;var zonosIconCss=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host svg{width:var(--zonos--width);height:var(--zonos--height);fill:var(--zonos--color);color:var(--zonos--color)}";var ZonosIconStyle0=zonosIconCss;var ZonosIcon=function(){function o(o){registerInstance(this,o);this.autoHeight=false;this.iconColor="gray-1000";this.content=undefined;this.size=24}o.prototype.render=function(){if(!this.content||!this.el.shadowRoot){return null}var o=isColorVariable(this.iconColor)?"var(--zonos-elements-".concat(this.iconColor,")"):this.iconColor;this.el.shadowRoot.innerHTML=this.content;return h(Host,{class:"zonos--elements",style:{"--zonos--color":o,"--zonos--font-family":zonosStoreFontFamily(),"--zonos--height":"".concat(this.autoHeight?"auto":"".concat(this.size,"px")),"--zonos--width":"".concat(this.size,"px")}})};Object.defineProperty(o.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return o}();ZonosIcon.style=ZonosIconStyle0;var zonosSpinnerCss=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{position:relative;overflow:hidden;width:var(--zonos--size);height:var(--zonos--size);display:-ms-inline-flexbox;display:inline-flex}:host svg{width:var(--zonos--size);height:var(--zonos--size);stroke:var(--zonos-elements-blue-600);-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}:host circle.track{stroke:var(--zonos-elements-gray-200)}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1, 150;stroke-dashoffset:0}50%{stroke-dasharray:90, 150;stroke-dashoffset:-35}100%{stroke-dasharray:90, 150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1, 150;stroke-dashoffset:0}50%{stroke-dasharray:90, 150;stroke-dashoffset:-35}100%{stroke-dasharray:90, 150;stroke-dashoffset:-124}}:host circle:not(.track){stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}:host(.black) circle{stroke:var(--zonos-elements-spinner-stroke-black)}:host(.black) circle.track{stroke:var(--zonos-elements-spinner-track-black)}:host(.white) circle{stroke:var(--zonos-elements-spinner-stroke-white)}:host(.white) circle.track{stroke:var(--zonos-elements-spinner-track-white)}:host(.info) circle{stroke:var(--zonos-elements-blue-600)}:host(.info) circle.track{stroke:var(--zonos-elements-blue-100)}:host(.success) circle{stroke:var(--zonos-elements-green-600)}:host(.success) circle.track{stroke:var(--zonos-elements-green-100)}:host(.danger) circle{stroke:var(--zonos-elements-red-600)}:host(.danger) circle.track{stroke:var(--zonos-elements-red-100)}:host(.warning) circle{stroke:var(--zonos-elements-orange-600)}:host(.warning) circle.track{stroke:var(--zonos-elements-orange-100)}";var ZonosSpinnerStyle0=zonosSpinnerCss;var ZonosSpinner=function(){function o(o){registerInstance(this,o);this.size=32;this.spinnerColor=undefined}o.prototype.render=function(){if(!this.el.shadowRoot){return null}return h(Host,{class:classes(["zonos--elements",this.spinnerColor]),style:{"--zonos--size":"".concat(this.size,"px")}},h("svg",{viewBox:"0 0 50 50"},h("circle",{class:"track",cx:"25",cy:"25",fill:"none",id:"loading-spinner-circle",r:"20","stroke-width":"5"}),h("circle",{cx:"25",cy:"25",fill:"none",id:"loading-spinner-circle",r:"20","stroke-width":"5"})))};Object.defineProperty(o.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return o}();ZonosSpinner.style=ZonosSpinnerStyle0;export{ZonosButton as zonos_button,ZonosIcon as zonos_icon,ZonosSpinner as zonos_spinner};
1
+ import{r as registerInstance,h,H as Host,d as getElement}from"./index-86b8247e.js";import{z as zonosStore,d as zonosStoreFontFamily}from"./zonosStore-c493c4fe.js";import{c as classes}from"./classes-0d95c529.js";import{g as getBorderRadius}from"./getBorderRadius-bdd709e7.js";import{i as isColorVariable}from"./isColorVariable-0a94004f.js";import{i as isDarkColor}from"./isDarkColor-c6924924.js";import{s as styles}from"./styles-6fc2fad9.js";var getButtonTheme=function(o){var e=o||zonosStore.appearance.colorSecondary;var t=e&&isColorVariable(e)?"var(--zonos-elements-".concat(e,")"):e;var n=t&&isDarkColor(t)?"DARK":"LIGHT";return n};var isElementUsingDarkTheme=function(o){return isDarkColor(window.getComputedStyle(o).getPropertyValue("--zonos-elements-gray-0"))};var zonosButtonCss=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex;border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10))}:host .zonos--spinner-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:var(--zonos-elements-surface-color);-ms-flex-pack:center;justify-content:center;border-radius:var(--zonos-elements-radius-10);gap:8px}:host button{width:100%;position:relative;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--zonos-elements-surface-color);border:none;outline:1px solid var(--zonos-elements-surface-color);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10));-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:var(--zonos--font-family, Inter), Inter;letter-spacing:normal;cursor:pointer;white-space:nowrap;padding:8px 24px;color:var(--zonos--color, var(--zonos-elements-gray-1000));margin:1px;}:host button:not([disabled]):hover{background-image:var(--zonos-elements-button-standard-hover)}:host button:not([disabled]):active{background:var(--zonos-elements-gray-700)}:host button:not([disabled]):focus{-webkit-box-shadow:var(--zonos-elements-focus-button);box-shadow:var(--zonos-elements-focus-button)}:host button.with-box-shadow{-webkit-box-shadow:var(--zonos-elements-shadow-button-standard);box-shadow:var(--zonos-elements-shadow-button-standard)}:host button.sm.no-background,:host button.md.no-background,:host button.lg.no-background{background:none;outline:none}:host button.sm.no-padding-left,:host button.md.no-padding-left,:host button.lg.no-padding-left{padding-left:0}:host button.sm.no-padding-right,:host button.md.no-padding-right,:host button.lg.no-padding-right{padding-right:0}:host button[disabled]{cursor:not-allowed;background-color:var(--zonos--background-color, var(--zonos-elements-gray-200))}:host button[disabled] .zonos--spinner-wrapper{background-color:var(--zonos--background-color, var(--zonos-elements-gray-200))}:host button:active{-webkit-transform:scale(0.99);transform:scale(0.99)}:host button.sm{height:var(--zonos-elements-size-sm);line-height:var(--zonos-elements-size-sm);padding:4px 8px}:host button.sm:not(.has-content).has-icon{padding:0 4px}:host button.md{height:var(--zonos-elements-size-md);line-height:var(--zonos-elements-size-md);padding:8px 16px}:host button.md:not(.has-content).has-icon{padding:0 8px}:host button.lg{height:var(--zonos-elements-size-lg);line-height:var(--zonos-elements-size-lg);padding:12px 24px}:host button.lg:not(.has-content).has-icon{padding:0 16px}:host button:not(.only-icon).has-icon{gap:8px}@media (max-width: 400px){:host button:not(.only-icon).has-icon{font-size:var(--zonos-elements-font-size-s)}}:host button.override-background{background-color:var(--zonos--background-color, var(--zonos-elements-gray-0));color:var(--zonos--color, var(--zonos-elements-gray-1000));outline:1px solid var(--zonos--background-color, var(--zonos-elements-gray-0))}:host button.override-background:disabled{opacity:0.8}:host button.override-background:not(:disabled):hover{opacity:0.9}:host button:not(.override-background){}:host button:not(.override-background).primary{background:var(--zonos-elements-blue-600);outline:1px solid var(--zonos-elements-blue-600);color:var(--zonos-elements-gray-0)}:host button:not(.override-background).primary:not([disabled]):hover{background-image:var(--zonos-elements-button-primary-hover)}:host button:not(.override-background).primary:not([disabled]):active{background:var(--zonos-elements-blue-700)}:host button:not(.override-background).primary:not([disabled]):focus{-webkit-box-shadow:var(--zonos-elements-focus-button);box-shadow:var(--zonos-elements-focus-button)}:host button:not(.override-background).primary[disabled]{background:var(--zonos-elements-blue-400)}:host button:not(.override-background).primary[disabled] .zonos--spinner-wrapper{background-color:var(--zonos-elements-blue-400)}:host button:not(.override-background).primary .zonos--spinner-wrapper{background-color:var(--zonos-elements-blue-600)}:host button:not(.override-background).success{background:var(--zonos-elements-green-600);outline:1px solid var(--zonos-elements-green-600);color:var(--zonos-elements-gray-0)}:host button:not(.override-background).success:not([disabled]):hover{background-image:var(--zonos-elements-button-success-hover)}:host button:not(.override-background).success:not([disabled]):active{background:var(--zonos-elements-green-700)}:host button:not(.override-background).success:not([disabled]):focus{-webkit-box-shadow:var(--zonos-elements-focus-button);box-shadow:var(--zonos-elements-focus-button)}:host button:not(.override-background).success[disabled]{background:var(--zonos-elements-green-400)}:host button:not(.override-background).success[disabled] .zonos--spinner-wrapper{background-color:var(--zonos-elements-green-400)}:host button:not(.override-background).danger{background:var(--zonos-elements-red-600);outline:1px solid var(--zonos-elements-red-600);color:var(--zonos-elements-gray-0)}:host button:not(.override-background).danger:not([disabled]):hover{background-image:var(--zonos-elements-button-danger-hover)}:host button:not(.override-background).danger:not([disabled]):active{background:var(--zonos-elements-red-700)}:host button:not(.override-background).danger:not([disabled]):focus{-webkit-box-shadow:var(--zonos-elements-focus-button);box-shadow:var(--zonos-elements-focus-button)}:host button:not(.override-background).danger[disabled]{background:var(--zonos-elements-red-400)}:host button:not(.override-background).danger[disabled] .zonos--spinner-wrapper{background-color:var(--zonos-elements-red-400)}:host button:not(.override-background).warning{background:var(--zonos-elements-orange-600);outline:1px solid var(--zonos-elements-orange-600);color:var(--zonos-elements-gray-0)}:host button:not(.override-background).warning:not([disabled]):hover{background-image:var(--zonos-elements-button-warning-hover)}:host button:not(.override-background).warning:not([disabled]):active{background:var(--zonos-elements-orange-700)}:host button:not(.override-background).warning:not([disabled]):focus{-webkit-box-shadow:var(--zonos-elements-focus-button);box-shadow:var(--zonos-elements-focus-button)}:host button:not(.override-background).warning[disabled]{background:var(--zonos-elements-orange-400)}:host button:not(.override-background).warning[disabled] .zonos--spinner-wrapper{background-color:var(--zonos-elements-orange-400)}:host button:not(.override-background).subtle{background:transparent;color:var(--zonos--color, var(--zonos-elements-gray-1000));outline:none}:host button:not(.override-background).subtle:not([disabled]):hover{background:var(--zonos-elements-gray-900)}:host button:not(.override-background).subtle:not([disabled]):active{background:var(--zonos-elements-gray-800)}:host button:not(.override-background).subtle:not([disabled]).dark-hover-subtle:hover{background:var(--zonos-elements-gray-100)}:host button:not(.override-background).subtle:not([disabled]).dark-hover-subtle:active{background:var(--zonos-elements-gray-200)}:host button:not(.override-background).subtle:focus{-webkit-box-shadow:var(--zonos-elements-button-focus-ring);box-shadow:var(--zonos-elements-button-focus-ring)}:host button:not(.override-background).subtle[disabled] .content{opacity:0.6}:host button:not(.override-background).subtle[disabled] .zonos--spinner-wrapper{background-color:var(--zonos-elements-gray-0)}:host button:not(.override-background).outline{background:transparent;outline:1px solid var(--zonos-elements-gray-700)}:host button:not(.override-background).outline:not([disabled]):hover{background-color:var(--zonos-elements-gray-100)}:host button:not(.override-background).outline:not([disabled]):active{background:var(--zonos-elements-gray-200)}:host .zonos--footer-country-flag{height:18px;width:18px;position:relative;overflow:hidden;border-radius:30px;-webkit-box-shadow:var(--zonos-elements-v3-shadow-medium);box-shadow:var(--zonos-elements-v3-shadow-medium);z-index:10;justify-self:center;border-radius:var(--zonos-elements-radius-4);width:24px}";var ZonosButtonStyle0=zonosButtonCss;var ZonosButton=function(){function o(o){var e=this;registerInstance(this,o);this.handleSlotChange=function(){e.hasContent=true};this.getColorVarProperty=function(o){return o.replace("var(","").replace(")","")};this.getButtonStyle=function(){var o=e.variant||"standard";var t=e.buttonColor&&isColorVariable(e.buttonColor)?"var(--zonos-elements-".concat(e.buttonColor,")"):e.buttonColor;var n=window.getComputedStyle(e.ele).getPropertyValue(e.getColorVarProperty(t||""))||t||"";var s=!isElementUsingDarkTheme(e.ele);var r=!isDarkColor(n);var a=s&&!r||!s&&r;switch(o){case"subtle":{return{color:t,useDarkHoverSubtle:a}}default:{var i=e.backgroundColor&&isColorVariable(e.backgroundColor)?"var(--zonos-elements-".concat(e.backgroundColor,")"):e.backgroundColor;var d=i||zonosStore.appearance.colorSecondary;var l=d&&isColorVariable(e.getColorVarProperty(d))?window.getComputedStyle(e.ele).getPropertyValue(e.getColorVarProperty(d)):d;var h=e.variant!=="subtle"&&l&&isDarkColor(l)?"white":t;return{backgroundColor:d,color:h,spinnerColor:l&&isDarkColor(l)?"white":"black",useDarkHoverSubtle:a}}}};this.buttonColor=undefined;this.backgroundColor=undefined;this.borderStyle=undefined;this.isDisabled=false;this.icon=null;this.iconRight=false;this.size="sm";this.variant="standard";this.noBackground=false;this.withBoxShadow=false;this.noPaddingLeft=false;this.noPaddingRight=false;this.loading=false;this.justifyContent="center";this.theme=undefined;this.hasIcon=!!this.icon;this.hasContent=false}o.prototype.iconChangeHandler=function(){this.hasIcon=!!this.icon};o.prototype.clickHandler=function(o){if(this.loading||this.isDisabled){o.preventDefault();o.stopPropagation()}};o.prototype.componentWillLoad=function(){this.iconChangeHandler()};o.prototype.render=function(){var o=this.getButtonStyle(),e=o.backgroundColor,t=o.color,n=o.spinnerColor,s=o.useDarkHoverSubtle;var r=this.loading||this.isDisabled;var a=this.variant||"standard";var i=a==="standard"?getButtonTheme(e):undefined;var d=getBorderRadius({overrideBorderStyle:this.borderStyle});return h(Host,{key:"a862db0549563c67361d2f93baf6bed668a9a561",class:classes(["zonos--elements"]),"data-theme":this.theme||i,disabled:r,style:styles({"--zonos--background-color":e,"--zonos--border-radius":d,"--zonos--color":t,"--zonos--font-family":zonosStoreFontFamily()})},h("button",{key:"e848c5d69708b8eee9a2be1c1649eb0f9c85dae0",class:classes([this.hasIcon&&"has-icon",this.hasContent&&"has-content",this.noBackground&&"no-background",this.noPaddingLeft&&"no-padding-left",this.noPaddingRight&&"no-padding-right",this.iconRight&&"icon-right",this.withBoxShadow&&"with-box-shadow",s&&"dark-hover-subtle",a,this.size,e&&a==="standard"&&"override-background"]),disabled:r,style:{justifyContent:this.justifyContent}},this.loading&&h("div",{key:"3d6af592a449d698a205bb327ee3f29b57a406ff",class:"zonos--spinner-wrapper"},h("zonos-spinner",{key:"c4e28edbbed061e57ad6c6f532887b74441e4acc",size:16,spinnerColor:n})),!this.loading&&!this.iconRight&&this.icon,h("slot",{key:"dbbf5f30085d61932505f8724473bb61dd67c7b7",onSlotchange:this.handleSlotChange}),!this.loading&&this.iconRight&&this.icon))};Object.defineProperty(o,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(o.prototype,"ele",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{icon:["iconChangeHandler"]}},enumerable:false,configurable:true});return o}();ZonosButton.style=ZonosButtonStyle0;var zonosIconCss=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host svg{width:var(--zonos--width);height:var(--zonos--height);fill:var(--zonos--color);color:var(--zonos--color)}";var ZonosIconStyle0=zonosIconCss;var ZonosIcon=function(){function o(o){registerInstance(this,o);this.autoHeight=false;this.iconColor="gray-1000";this.content=undefined;this.size=24}o.prototype.render=function(){if(!this.content||!this.el.shadowRoot){return null}var o=isColorVariable(this.iconColor)?"var(--zonos-elements-".concat(this.iconColor,")"):this.iconColor;this.el.shadowRoot.innerHTML=this.content;return h(Host,{class:"zonos--elements",style:{"--zonos--color":o,"--zonos--font-family":zonosStoreFontFamily(),"--zonos--height":"".concat(this.autoHeight?"auto":"".concat(this.size,"px")),"--zonos--width":"".concat(this.size,"px")}})};Object.defineProperty(o.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return o}();ZonosIcon.style=ZonosIconStyle0;var zonosSpinnerCss=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{position:relative;overflow:hidden;width:var(--zonos--size);height:var(--zonos--size);display:-ms-inline-flexbox;display:inline-flex}:host svg{width:var(--zonos--size);height:var(--zonos--size);stroke:var(--zonos-elements-blue-600);-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}:host circle.track{stroke:var(--zonos-elements-gray-200)}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1, 150;stroke-dashoffset:0}50%{stroke-dasharray:90, 150;stroke-dashoffset:-35}100%{stroke-dasharray:90, 150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1, 150;stroke-dashoffset:0}50%{stroke-dasharray:90, 150;stroke-dashoffset:-35}100%{stroke-dasharray:90, 150;stroke-dashoffset:-124}}:host circle:not(.track){stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}:host(.black) circle{stroke:var(--zonos-elements-spinner-stroke-black)}:host(.black) circle.track{stroke:var(--zonos-elements-spinner-track-black)}:host(.white) circle{stroke:var(--zonos-elements-spinner-stroke-white)}:host(.white) circle.track{stroke:var(--zonos-elements-spinner-track-white)}:host(.info) circle{stroke:var(--zonos-elements-blue-600)}:host(.info) circle.track{stroke:var(--zonos-elements-blue-100)}:host(.success) circle{stroke:var(--zonos-elements-green-600)}:host(.success) circle.track{stroke:var(--zonos-elements-green-100)}:host(.danger) circle{stroke:var(--zonos-elements-red-600)}:host(.danger) circle.track{stroke:var(--zonos-elements-red-100)}:host(.warning) circle{stroke:var(--zonos-elements-orange-600)}:host(.warning) circle.track{stroke:var(--zonos-elements-orange-100)}";var ZonosSpinnerStyle0=zonosSpinnerCss;var ZonosSpinner=function(){function o(o){registerInstance(this,o);this.size=32;this.spinnerColor=undefined}o.prototype.render=function(){if(!this.el.shadowRoot){return null}return h(Host,{class:classes(["zonos--elements",this.spinnerColor]),style:{"--zonos--size":"".concat(this.size,"px")}},h("svg",{viewBox:"0 0 50 50"},h("circle",{class:"track",cx:"25",cy:"25",fill:"none",id:"loading-spinner-circle",r:"20","stroke-width":"5"}),h("circle",{cx:"25",cy:"25",fill:"none",id:"loading-spinner-circle",r:"20","stroke-width":"5"})))};Object.defineProperty(o.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return o}();ZonosSpinner.style=ZonosSpinnerStyle0;export{ZonosButton as zonos_button,ZonosIcon as zonos_icon,ZonosSpinner as zonos_spinner};
package/dist/esm-es5/zonos-card.entry.js CHANGED
@@ -1 +1 @@
1
- import{r as registerInstance,h,H as Host}from"./index-86b8247e.js";import{d as zonosStoreFontFamily}from"./zonosStore-6b5bd87c.js";import{c as classes}from"./classes-0d95c529.js";import{g as getBorderRadius}from"./getBorderRadius-008516a4.js";var zonosCardCss=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .styled-card{border:var(--zonos-elements-border);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-6));padding:var(--spacing, 24px);text-align:left;background-color:var(--zonos--background-color);overflow:hidden}:host .styled-card hr{margin-left:calc(var(--spacing, 24px) * -1);margin-right:calc(var(--spacing, 24px) * -1)}:host .styled-card .card-header{margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing, 24px);border-bottom:var(--zonos-elements-border);height:65px;line-height:65px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .styled-card .card-header h5{margin-bottom:0;-ms-flex:1;flex:1}:host .styled-card .card-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);border-top:var(--zonos-elements-border);background:var(--zonos-elements-surface-color-secondary);margin-top:var(--spacing, 24px);border-bottom-left-radius:var(--zonos-elements-radius-8);border-bottom-right-radius:var(--zonos-elements-radius-8);height:var(--footerHeight)}";var ZonosCardStyle0=zonosCardCss;var ZonosCard=function(){function e(e){registerInstance(this,e);this.actions=undefined;this.backgroundColor=undefined;this.borderRadius=6;this.footerActions=undefined;this.footerContent=undefined;this.footerHeight=undefined;this.label=undefined;this.spacing="24px"}e.prototype.render=function(){var e=this.backgroundColor?"var(--zonos-elements-".concat(this.backgroundColor,")"):"transparent";var s=getBorderRadius({customRoundRadius:"".concat(this.borderRadius,"px"),overrideBorderStyle:"ROUNDED"});return h(Host,{key:"84d131edbe30a0ce9869351c197c438082bcadac",style:{"--zonos--font-family":zonosStoreFontFamily()}},h("div",{key:"c1ab46423b1716badf577b51c1e10a59f6d857c7",class:classes(["styled-card"]),style:{"--zonos--background-color":e,"--zonos--border-radius":s,padding:this.spacing}},this.label&&h("header",{key:"3f86015a24d5d86f41955c57a96c1051aa8cd0fb",class:"card-header",style:{padding:this.spacing}},h("zonos-text",{key:"697b450d8c77935d602a2c6fc11279c38a558f8e",type:"subheader"},this.label),h("h-stack",{key:"ef44ce7c7d1fd3d8f683656c2156f0b24232b6c0",spacing:8},this.actions)),h("slot",{key:"1e5bc6315fcc134e5a7c608547ea2f481ecb91df"}),(this.footerActions||this.footerContent)&&h("footer",{key:"aabb9ec4c7f1122662ac13655caa4cd3557266cc",class:"card-footer",style:{height:this.footerHeight?"".concat(this.footerHeight,"px"):"auto",padding:this.spacing}},h("div",{key:"c92b803303485ce25b66dad4237411e3c4d5c15c"},this.footerContent),h("h-stack",{key:"12c395e0b5c537f991d6814352f62d3da15432a1",spacing:8},this.footerActions))))};return e}();ZonosCard.style=ZonosCardStyle0;export{ZonosCard as zonos_card};
1
+ import{r as registerInstance,h,H as Host}from"./index-86b8247e.js";import{d as zonosStoreFontFamily}from"./zonosStore-c493c4fe.js";import{c as classes}from"./classes-0d95c529.js";import{g as getBorderRadius}from"./getBorderRadius-bdd709e7.js";var zonosCardCss=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .styled-card{border:var(--zonos-elements-border);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-6));padding:var(--spacing, 24px);text-align:left;background-color:var(--zonos--background-color);overflow:hidden}:host .styled-card hr{margin-left:calc(var(--spacing, 24px) * -1);margin-right:calc(var(--spacing, 24px) * -1)}:host .styled-card .card-header{margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing, 24px);border-bottom:var(--zonos-elements-border);height:65px;line-height:65px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .styled-card .card-header h5{margin-bottom:0;-ms-flex:1;flex:1}:host .styled-card .card-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);border-top:var(--zonos-elements-border);background:var(--zonos-elements-surface-color-secondary);margin-top:var(--spacing, 24px);border-bottom-left-radius:var(--zonos-elements-radius-8);border-bottom-right-radius:var(--zonos-elements-radius-8);height:var(--footerHeight)}";var ZonosCardStyle0=zonosCardCss;var ZonosCard=function(){function e(e){registerInstance(this,e);this.actions=undefined;this.backgroundColor=undefined;this.borderRadius=6;this.footerActions=undefined;this.footerContent=undefined;this.footerHeight=undefined;this.label=undefined;this.spacing="24px"}e.prototype.render=function(){var e=this.backgroundColor?"var(--zonos-elements-".concat(this.backgroundColor,")"):"transparent";var s=getBorderRadius({customRoundRadius:"".concat(this.borderRadius,"px"),overrideBorderStyle:"ROUNDED"});return h(Host,{key:"84d131edbe30a0ce9869351c197c438082bcadac",style:{"--zonos--font-family":zonosStoreFontFamily()}},h("div",{key:"c1ab46423b1716badf577b51c1e10a59f6d857c7",class:classes(["styled-card"]),style:{"--zonos--background-color":e,"--zonos--border-radius":s,padding:this.spacing}},this.label&&h("header",{key:"3f86015a24d5d86f41955c57a96c1051aa8cd0fb",class:"card-header",style:{padding:this.spacing}},h("zonos-text",{key:"697b450d8c77935d602a2c6fc11279c38a558f8e",type:"subheader"},this.label),h("h-stack",{key:"ef44ce7c7d1fd3d8f683656c2156f0b24232b6c0",spacing:8},this.actions)),h("slot",{key:"1e5bc6315fcc134e5a7c608547ea2f481ecb91df"}),(this.footerActions||this.footerContent)&&h("footer",{key:"aabb9ec4c7f1122662ac13655caa4cd3557266cc",class:"card-footer",style:{height:this.footerHeight?"".concat(this.footerHeight,"px"):"auto",padding:this.spacing}},h("div",{key:"c92b803303485ce25b66dad4237411e3c4d5c15c"},this.footerContent),h("h-stack",{key:"12c395e0b5c537f991d6814352f62d3da15432a1",spacing:8},this.footerActions))))};return e}();ZonosCard.style=ZonosCardStyle0;export{ZonosCard as zonos_card};