@mozaic-ds/web-components 0.7.0 → 0.9.0-beta

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 (273) hide show
  1. package/package.json +1 -1
  2. package/public/ClickOutside-63071e7a.js +15 -1
  3. package/public/ClickOutside-63071e7a.js.map +1 -1
  4. package/public/DataTableDefaultAction.nested-c37a5d51.js +762 -0
  5. package/public/DataTableDefaultAction.nested-c37a5d51.js.map +1 -0
  6. package/public/DataTableUtilities-313a448d.js +386 -0
  7. package/public/DataTableUtilities-313a448d.js.map +1 -0
  8. package/public/EventForward-8492ff62.js +109 -1
  9. package/public/EventForward-8492ff62.js.map +1 -1
  10. package/public/EventHandler-02058705.js +15 -1
  11. package/public/EventHandler-02058705.js.map +1 -1
  12. package/public/adeo/{DataTableDefaultAction.nested-90536fe3.js → DataTableDefaultAction.nested-ac2e3dbe.js} +2 -2
  13. package/public/adeo/{DataTableDefaultAction.nested-90536fe3.js.map → DataTableDefaultAction.nested-ac2e3dbe.js.map} +1 -1
  14. package/public/adeo/DataTableUtilities-313a448d.js +2 -0
  15. package/public/adeo/DataTableUtilities-313a448d.js.map +1 -0
  16. package/public/adeo/bundle.js +5 -0
  17. package/public/adeo/components/barchart/BarChart.svelte +3 -4
  18. package/public/adeo/components/chart/BarChart.js +1 -1
  19. package/public/adeo/components/chart/BarChart.js.map +1 -1
  20. package/public/adeo/components/datatable/DataTable.js +1 -1
  21. package/public/adeo/components/datatable/DataTable.js.map +1 -1
  22. package/public/adeo/components/datatable/DataTable.svelte +12 -0
  23. package/public/adeo/components/datatable/DataTableDefaultAction.nested.js +1 -1
  24. package/public/adeo/components/datatable/DataTableDefaultEdtion.nested.js +1 -1
  25. package/public/adeo/components/datatable/DataTableDefaultFilterTags.nested.js +1 -1
  26. package/public/adeo/components/datatable/DataTableFooter.nested.js +1 -1
  27. package/public/adeo/components/datatable/data.d.ts.map +1 -1
  28. package/public/adeo/components/datatable/datatable.types.d.ts +9 -2
  29. package/public/adeo/components/datatable/datatable.types.d.ts.map +1 -1
  30. package/public/adeo/components/header/Header.js +1 -1
  31. package/public/adeo/components/header/Header.js.map +1 -1
  32. package/public/adeo/components/header/Header.svelte +2 -2
  33. package/public/adeo/components/kpi/Kpi.js +2 -0
  34. package/public/adeo/components/kpi/Kpi.js.map +1 -0
  35. package/public/adeo/components/kpi/Kpi.svelte +232 -0
  36. package/public/adeo/components/sidebar/Sidebar.js +1 -1
  37. package/public/adeo/components/sidebar/Sidebar.js.map +1 -1
  38. package/public/adeo/components/sidebar/Sidebar.svelte +1 -1
  39. package/public/adeo/icons-storybook.js +16 -0
  40. package/public/adeo/main.d.ts +1 -0
  41. package/public/adeo/main.d.ts.map +1 -1
  42. package/public/adeo/utilities/DataTableUtilities.d.ts.map +1 -1
  43. package/public/adeo/utilities/DataTableUtilities.ts +22 -2
  44. package/public/array-5b770a93.js +13 -1
  45. package/public/array-5b770a93.js.map +1 -1
  46. package/public/axis-fbc0f7b5.js +174 -1
  47. package/public/axis-fbc0f7b5.js.map +1 -1
  48. package/public/band-d7a07d2c.js +186 -1
  49. package/public/band-d7a07d2c.js.map +1 -1
  50. package/public/bricoman/{DataTableDefaultAction.nested-928e5e2d.js → DataTableDefaultAction.nested-bcc599d1.js} +2 -2
  51. package/public/bricoman/{DataTableDefaultAction.nested-928e5e2d.js.map → DataTableDefaultAction.nested-bcc599d1.js.map} +1 -1
  52. package/public/bricoman/DataTableUtilities-313a448d.js +2 -0
  53. package/public/bricoman/DataTableUtilities-313a448d.js.map +1 -0
  54. package/public/bricoman/bundle.js +5 -0
  55. package/public/bricoman/components/barchart/BarChart.svelte +3 -4
  56. package/public/bricoman/components/chart/BarChart.js +1 -1
  57. package/public/bricoman/components/chart/BarChart.js.map +1 -1
  58. package/public/bricoman/components/datatable/DataTable.js +1 -1
  59. package/public/bricoman/components/datatable/DataTable.js.map +1 -1
  60. package/public/bricoman/components/datatable/DataTable.svelte +12 -0
  61. package/public/bricoman/components/datatable/DataTableDefaultAction.nested.js +1 -1
  62. package/public/bricoman/components/datatable/DataTableDefaultEdtion.nested.js +1 -1
  63. package/public/bricoman/components/datatable/DataTableDefaultFilterTags.nested.js +1 -1
  64. package/public/bricoman/components/datatable/DataTableFooter.nested.js +1 -1
  65. package/public/bricoman/components/datatable/data.d.ts.map +1 -1
  66. package/public/bricoman/components/datatable/datatable.types.d.ts +9 -2
  67. package/public/bricoman/components/datatable/datatable.types.d.ts.map +1 -1
  68. package/public/bricoman/components/header/Header.js +1 -1
  69. package/public/bricoman/components/header/Header.js.map +1 -1
  70. package/public/bricoman/components/header/Header.svelte +2 -2
  71. package/public/bricoman/components/kpi/Kpi.js +2 -0
  72. package/public/bricoman/components/kpi/Kpi.js.map +1 -0
  73. package/public/bricoman/components/kpi/Kpi.svelte +232 -0
  74. package/public/bricoman/components/sidebar/Sidebar.js +1 -1
  75. package/public/bricoman/components/sidebar/Sidebar.js.map +1 -1
  76. package/public/bricoman/components/sidebar/Sidebar.svelte +1 -1
  77. package/public/bricoman/icons-storybook.js +16 -0
  78. package/public/bricoman/main.d.ts +1 -0
  79. package/public/bricoman/main.d.ts.map +1 -1
  80. package/public/bricoman/utilities/DataTableUtilities.d.ts.map +1 -1
  81. package/public/bricoman/utilities/DataTableUtilities.ts +22 -2
  82. package/public/bundle.js +5 -0
  83. package/public/components/accordion/Accordion.js +365 -1
  84. package/public/components/accordion/Accordion.js.map +1 -1
  85. package/public/components/autocomplete/Autocomplete.js +1515 -1
  86. package/public/components/autocomplete/Autocomplete.js.map +1 -1
  87. package/public/components/badge/Badge.js +155 -1
  88. package/public/components/badge/Badge.js.map +1 -1
  89. package/public/components/badge/Badge.nested.js +101 -1
  90. package/public/components/badge/Badge.nested.js.map +1 -1
  91. package/public/components/barchart/BarChart.svelte +3 -4
  92. package/public/components/breadcrumb/Breadcrumb.js +372 -1
  93. package/public/components/breadcrumb/Breadcrumb.js.map +1 -1
  94. package/public/components/breadcrumb/Breadcrumb.nested.js +319 -1
  95. package/public/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
  96. package/public/components/button/Button.js +1138 -1
  97. package/public/components/button/Button.js.map +1 -1
  98. package/public/components/card/Card.js +369 -1
  99. package/public/components/card/Card.js.map +1 -1
  100. package/public/components/chart/BarChart.js +583 -1
  101. package/public/components/chart/BarChart.js.map +1 -1
  102. package/public/components/chart/Donut.js +1189 -1
  103. package/public/components/chart/Donut.js.map +1 -1
  104. package/public/components/chart/GroupedBarChart.js +750 -1
  105. package/public/components/chart/GroupedBarChart.js.map +1 -1
  106. package/public/components/chart/LineChart.js +1731 -1
  107. package/public/components/chart/LineChart.js.map +1 -1
  108. package/public/components/chart/Radar.js +729 -1
  109. package/public/components/chart/Radar.js.map +1 -1
  110. package/public/components/chart/StackedBarChart.js +745 -1
  111. package/public/components/chart/StackedBarChart.js.map +1 -1
  112. package/public/components/checkbox/Checkbox.js +307 -1
  113. package/public/components/checkbox/Checkbox.js.map +1 -1
  114. package/public/components/checkboxgroup/checkboxGroup.js +404 -1
  115. package/public/components/checkboxgroup/checkboxGroup.js.map +1 -1
  116. package/public/components/datatable/DataTable.js +3098 -1
  117. package/public/components/datatable/DataTable.js.map +1 -1
  118. package/public/components/datatable/DataTable.svelte +12 -0
  119. package/public/components/datatable/DataTableDefaultAction.nested.js +4 -1
  120. package/public/components/datatable/DataTableDefaultAction.nested.js.map +1 -1
  121. package/public/components/datatable/DataTableDefaultEdtion.nested.js +164 -1
  122. package/public/components/datatable/DataTableDefaultEdtion.nested.js.map +1 -1
  123. package/public/components/datatable/DataTableDefaultFilterTags.nested.js +380 -1
  124. package/public/components/datatable/DataTableDefaultFilterTags.nested.js.map +1 -1
  125. package/public/components/datatable/DataTableDefaultSelection.nested.js +424 -1
  126. package/public/components/datatable/DataTableDefaultSelection.nested.js.map +1 -1
  127. package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js +263 -1
  128. package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js.map +1 -1
  129. package/public/components/datatable/DataTableFooter.nested.js +637 -1
  130. package/public/components/datatable/DataTableFooter.nested.js.map +1 -1
  131. package/public/components/datatable/data.d.ts.map +1 -1
  132. package/public/components/datatable/datatable.types.d.ts +9 -2
  133. package/public/components/datatable/datatable.types.d.ts.map +1 -1
  134. package/public/components/dropdown/Dropdown.js +1426 -1
  135. package/public/components/dropdown/Dropdown.js.map +1 -1
  136. package/public/components/field/Field.js +375 -1
  137. package/public/components/field/Field.js.map +1 -1
  138. package/public/components/fileuploader/FileUploader.js +603 -1
  139. package/public/components/fileuploader/FileUploader.js.map +1 -1
  140. package/public/components/fileuploader/ResultFile.nested.js +344 -1
  141. package/public/components/fileuploader/ResultFile.nested.js.map +1 -1
  142. package/public/components/flag/Flag.js +174 -1
  143. package/public/components/flag/Flag.js.map +1 -1
  144. package/public/components/header/Header.js +918 -1
  145. package/public/components/header/Header.js.map +1 -1
  146. package/public/components/header/Header.svelte +2 -2
  147. package/public/components/hero/Hero.js +271 -1
  148. package/public/components/hero/Hero.js.map +1 -1
  149. package/public/components/kpi/Kpi.js +405 -0
  150. package/public/components/kpi/Kpi.js.map +1 -0
  151. package/public/components/kpi/Kpi.svelte +232 -0
  152. package/public/components/layer/Layer.js +471 -1
  153. package/public/components/layer/Layer.js.map +1 -1
  154. package/public/components/link/Link.js +380 -1
  155. package/public/components/link/Link.js.map +1 -1
  156. package/public/components/listbox/Listbox.js +595 -1
  157. package/public/components/listbox/Listbox.js.map +1 -1
  158. package/public/components/listbox/Listbox.nested.js +629 -1
  159. package/public/components/listbox/Listbox.nested.js.map +1 -1
  160. package/public/components/loader/Loader.js +246 -1
  161. package/public/components/loader/Loader.js.map +1 -1
  162. package/public/components/loader/Loader.nested.js +176 -1
  163. package/public/components/loader/Loader.nested.js.map +1 -1
  164. package/public/components/modal/Modal.js +395 -1
  165. package/public/components/modal/Modal.js.map +1 -1
  166. package/public/components/notification/Notification.js +458 -1
  167. package/public/components/notification/Notification.js.map +1 -1
  168. package/public/components/optionbutton/OptionButton.js +316 -1
  169. package/public/components/optionbutton/OptionButton.js.map +1 -1
  170. package/public/components/overlay/Overlay.js +104 -1
  171. package/public/components/overlay/Overlay.js.map +1 -1
  172. package/public/components/overlay/OverlayLoader.js +151 -1
  173. package/public/components/overlay/OverlayLoader.js.map +1 -1
  174. package/public/components/pagination/Pagination.js +613 -1
  175. package/public/components/pagination/Pagination.js.map +1 -1
  176. package/public/components/passwordinput/PasswordInput.js +291 -1
  177. package/public/components/passwordinput/PasswordInput.js.map +1 -1
  178. package/public/components/phonenumber/PhoneNumber.js +6894 -1
  179. package/public/components/phonenumber/PhoneNumber.js.map +1 -1
  180. package/public/components/price/Price.js +768 -1
  181. package/public/components/price/Price.js.map +1 -1
  182. package/public/components/progressbar/ProgressBar.js +278 -1
  183. package/public/components/progressbar/ProgressBar.js.map +1 -1
  184. package/public/components/quantityselector/QuantitySelector.js +397 -1
  185. package/public/components/quantityselector/QuantitySelector.js.map +1 -1
  186. package/public/components/radio/Radio.js +273 -1
  187. package/public/components/radio/Radio.js.map +1 -1
  188. package/public/components/radiogroup/RadioGroup.js +414 -1
  189. package/public/components/radiogroup/RadioGroup.js.map +1 -1
  190. package/public/components/ratings/StarsInput.js +292 -1
  191. package/public/components/ratings/StarsInput.js.map +1 -1
  192. package/public/components/ratings/StarsResult.js +246 -1
  193. package/public/components/ratings/StarsResult.js.map +1 -1
  194. package/public/components/select/Select.js +451 -1
  195. package/public/components/select/Select.js.map +1 -1
  196. package/public/components/sidebar/Sidebar.js +784 -1
  197. package/public/components/sidebar/Sidebar.js.map +1 -1
  198. package/public/components/sidebar/Sidebar.svelte +1 -1
  199. package/public/components/sidebar/sidebar-feature-group.nested.js +594 -1
  200. package/public/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
  201. package/public/components/sidebar/sidebar-feature.nested.js +402 -1
  202. package/public/components/sidebar/sidebar-feature.nested.js.map +1 -1
  203. package/public/components/sidebar/sidebar-section.nested.js +394 -1
  204. package/public/components/sidebar/sidebar-section.nested.js.map +1 -1
  205. package/public/components/sidebar/sidebar-segment.nested.js +200 -1
  206. package/public/components/sidebar/sidebar-segment.nested.js.map +1 -1
  207. package/public/components/sidebar/sidebar-separator.nested.js +49 -1
  208. package/public/components/sidebar/sidebar-separator.nested.js.map +1 -1
  209. package/public/components/sidebar/sidebar-sub-features.nested.js +312 -1
  210. package/public/components/sidebar/sidebar-sub-features.nested.js.map +1 -1
  211. package/public/components/sidebar/sidebar-user.nested.js +733 -1
  212. package/public/components/sidebar/sidebar-user.nested.js.map +1 -1
  213. package/public/components/stepper/Stepper.js +371 -1
  214. package/public/components/stepper/Stepper.js.map +1 -1
  215. package/public/components/tabs/Tabs.js +615 -1
  216. package/public/components/tabs/Tabs.js.map +1 -1
  217. package/public/components/tabs/Tabs.nested.js +472 -1
  218. package/public/components/tabs/Tabs.nested.js.map +1 -1
  219. package/public/components/tag/Tag.js +665 -1
  220. package/public/components/tag/Tag.js.map +1 -1
  221. package/public/components/tag/Tag.nested.js +554 -1
  222. package/public/components/tag/Tag.nested.js.map +1 -1
  223. package/public/components/taglist/TagList.js +475 -1
  224. package/public/components/taglist/TagList.js.map +1 -1
  225. package/public/components/textarea/Textarea.js +303 -1
  226. package/public/components/textarea/Textarea.js.map +1 -1
  227. package/public/components/textinput/Textinput.js +497 -1
  228. package/public/components/textinput/Textinput.js.map +1 -1
  229. package/public/components/textinput/Textinput.nested.js +320 -1
  230. package/public/components/textinput/Textinput.nested.js.map +1 -1
  231. package/public/components/toggle/Toggle.js +278 -1
  232. package/public/components/toggle/Toggle.js.map +1 -1
  233. package/public/components/tooltip/Tooltip.js +173 -1
  234. package/public/components/tooltip/Tooltip.js.map +1 -1
  235. package/public/icons-storybook.js +16 -0
  236. package/public/index-c33b3772.js +873 -1
  237. package/public/index-c33b3772.js.map +1 -1
  238. package/public/linear-f46d7e9e.js +700 -1
  239. package/public/linear-f46d7e9e.js.map +1 -1
  240. package/public/main.d.ts +1 -0
  241. package/public/main.d.ts.map +1 -1
  242. package/public/path-1b5da959.js +186 -1
  243. package/public/path-1b5da959.js.map +1 -1
  244. package/public/sidebar-service-275bf9ef.js +129 -1
  245. package/public/sidebar-service-275bf9ef.js.map +1 -1
  246. package/public/symbol-b05a6e2b.js +169 -1
  247. package/public/symbol-b05a6e2b.js.map +1 -1
  248. package/public/transform-15d69d5d.js +2743 -1
  249. package/public/transform-15d69d5d.js.map +1 -1
  250. package/public/utilities/DataTableUtilities.d.ts.map +1 -1
  251. package/public/utilities/DataTableUtilities.ts +22 -2
  252. package/public/utilities/EventForward.js +136 -1
  253. package/public/utilities/EventForward.js.map +1 -1
  254. package/public/utilities/EventHandler.js +36 -1
  255. package/public/utilities/EventHandler.js.map +1 -1
  256. package/public/utilities/components/datatable/data.d.ts.map +1 -1
  257. package/public/utilities/components/datatable/datatable.types.d.ts +9 -2
  258. package/public/utilities/components/datatable/datatable.types.d.ts.map +1 -1
  259. package/public/utilities/main.d.ts +1 -0
  260. package/public/utilities/main.d.ts.map +1 -1
  261. package/public/utilities/stories/datatable/DataTable.stories.d.ts.map +1 -1
  262. package/public/utilities/stories/header/Header.stories.d.ts.map +1 -1
  263. package/public/utilities/stories/kpi/kpi.stories.d.ts +7 -0
  264. package/public/utilities/stories/kpi/kpi.stories.d.ts.map +1 -0
  265. package/public/utilities/utilities/DataTableUtilities.d.ts.map +1 -1
  266. package/public/DataTableDefaultAction.nested-483f8bb0.js +0 -2
  267. package/public/DataTableDefaultAction.nested-483f8bb0.js.map +0 -1
  268. package/public/DataTableUtilities-60220c78.js +0 -2
  269. package/public/DataTableUtilities-60220c78.js.map +0 -1
  270. package/public/adeo/DataTableUtilities-60220c78.js +0 -2
  271. package/public/adeo/DataTableUtilities-60220c78.js.map +0 -1
  272. package/public/bricoman/DataTableUtilities-60220c78.js +0 -2
  273. package/public/bricoman/DataTableUtilities-60220c78.js.map +0 -1
@@ -1,2 +1,304 @@
1
- import{S as e,i as t,a,b as i,f as n,s,c as r,e as l,n as o,h as d,U as c,B as m,l as h,m as p,o as b,H as g,p as u,r as x,q as f}from"../../index-c33b3772.js";import{c as $}from"../../EventForward-8492ff62.js";function v(e){let t,a,n,s,u=[{class:a=w(e[4],e[5])+" "+e[10]},{"aria-invalid":e[5]},{name:e[1]},{id:e[1]},{placeholder:e[2]},{rows:e[3]},{disabled:e[6]},{minlength:e[7]},{maxlength:e[8]},{spellcheck:"false"},e[9]],x={};for(let e=0;e<u.length;e+=1)x=r(x,u[e]);return{c(){t=l("textarea"),this.c=o,d(t,x)},m(a,r){i(a,t,r),t.autofocus&&t.focus(),c(t,e[0]),n||(s=[m(e[11].call(null,t)),h(t,"input",e[12])],n=!0)},p(e,[i]){d(t,x=p(u,[1072&i&&a!==(a=w(e[4],e[5])+" "+e[10])&&{class:a},32&i&&{"aria-invalid":e[5]},2&i&&{name:e[1]},2&i&&{id:e[1]},4&i&&{placeholder:e[2]},8&i&&{rows:e[3]},64&i&&{disabled:e[6]},128&i&&{minlength:e[7]},256&i&&{maxlength:e[8]},{spellcheck:"false"},512&i&&e[9]])),1&i&&c(t,e[0])},i:o,o:o,d(e){e&&b(t),n=!1,g(s)}}}function w(e,t){const a=["mc-textarea"];return e&&a.push("is-valid"),t&&a.push("is-invalid"),a.join(" ")}function _(e,t,a){let i,n;const s=["name","value","placeholder","rows","isvalid","isinvalid","disabled","minlength","maxlength"];let l=u(t,s),{name:o}=t,{value:d}=t,{placeholder:c}=t,{rows:m=3}=t,{isvalid:h}=t,{isinvalid:p}=t,{disabled:b=!1}=t,{minlength:g}=t,{maxlength:v}=t;const w=$(x());return e.$$set=e=>{a(14,t=r(r({},t),f(e))),a(13,l=u(t,s)),"name"in e&&a(1,o=e.name),"value"in e&&a(0,d=e.value),"placeholder"in e&&a(2,c=e.placeholder),"rows"in e&&a(3,m=e.rows),"isvalid"in e&&a(4,h=e.isvalid),"isinvalid"in e&&a(5,p=e.isinvalid),"disabled"in e&&a(6,b=e.disabled),"minlength"in e&&a(7,g=e.minlength),"maxlength"in e&&a(8,v=e.maxlength)},e.$$.update=()=>{a(10,i=t.class),a(9,n=Object.assign({},l)),512&e.$$.dirty&&delete n.class},t=f(t),[d,o,c,m,h,p,b,g,v,n,i,w,function(){d=this.value,a(0,d)}]}class k extends e{constructor(e){super();const r=document.createElement("style");r.textContent='@charset "UTF-8";.mc-textarea{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.375;border-radius:4px;display:block;width:100%;position:relative;color:#191919;border:1px solid #666666;background:#ffffff;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;padding:calc(0.75rem - 0.125em - 1px) 0.75rem calc(0.75rem + 0.125em - 1px)}.mc-textarea[type=number]::-webkit-inner-spin-button,.mc-textarea[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-textarea[type=number]{-moz-appearance:textfield}.mc-textarea[type=search]::-webkit-search-decoration:hover,.mc-textarea[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-textarea.is-hover,.mc-textarea:hover{border-color:#191919}.mc-textarea.is-valid{border-color:#46a610}.mc-textarea.is-invalid{border-color:#c61112}.mc-textarea.is-focus,.mc-textarea:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-textarea:disabled{border-color:#e6e6e6;background:#e6e6e6;cursor:not-allowed}.mc-textarea::-webkit-input-placeholder{color:#666666}.mc-textarea::-moz-placeholder{color:#666666}.mc-textarea:-ms-input-placeholder{color:#666666}.mc-textarea::-ms-input-placeholder{color:#666666}.mc-textarea::placeholder{color:#666666}.mc-field__label,.mc-field__legend{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__requirement,.mc-field__help{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement::before{content:" - "}.mc-field__help{display:block;margin-top:0.125rem}@media screen and (min-width: 769px){.mc-field__container--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){}@media screen and (min-width: 1024px){}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}',this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},_,v,s,{name:1,value:0,placeholder:2,rows:3,isvalid:4,isinvalid:5,disabled:6,minlength:7,maxlength:8},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["name","value","placeholder","rows","isvalid","isinvalid","disabled","minlength","maxlength"]}get name(){return this.$$.ctx[1]}set name(e){this.$$set({name:e}),n()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),n()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),n()}get rows(){return this.$$.ctx[3]}set rows(e){this.$$set({rows:e}),n()}get isvalid(){return this.$$.ctx[4]}set isvalid(e){this.$$set({isvalid:e}),n()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(e){this.$$set({isinvalid:e}),n()}get disabled(){return this.$$.ctx[6]}set disabled(e){this.$$set({disabled:e}),n()}get minlength(){return this.$$.ctx[7]}set minlength(e){this.$$set({minlength:e}),n()}get maxlength(){return this.$$.ctx[8]}set maxlength(e){this.$$set({maxlength:e}),n()}}export{k as default};
1
+ import { S as SvelteElement, i as init, a as attribute_to_object, b as insert, f as flush, s as safe_not_equal, c as assign, e as element, n as noop, h as set_attributes, U as set_input_value, B as action_destroyer, l as listen, m as get_spread_update, o as detach, H as run_all, p as compute_rest_props, r as get_current_component, q as exclude_internal_props } from '../../index-c33b3772.js';
2
+ import { c as createEventForwarder } from '../../EventForward-8492ff62.js';
3
+
4
+ /* src/components/textarea/Textarea.svelte generated by Svelte v3.58.0 */
5
+
6
+ function create_fragment(ctx) {
7
+ let textarea;
8
+ let textarea_class_value;
9
+ let mounted;
10
+ let dispose;
11
+
12
+ let textarea_levels = [
13
+ {
14
+ class: textarea_class_value = "" + (getClasses(/*isvalid*/ ctx[4], /*isinvalid*/ ctx[5]) + " " + /*userClass*/ ctx[10])
15
+ },
16
+ { "aria-invalid": /*isinvalid*/ ctx[5] },
17
+ { name: /*name*/ ctx[1] },
18
+ { id: /*name*/ ctx[1] },
19
+ { placeholder: /*placeholder*/ ctx[2] },
20
+ { rows: /*rows*/ ctx[3] },
21
+ { disabled: /*disabled*/ ctx[6] },
22
+ { minlength: /*minlength*/ ctx[7] },
23
+ { maxlength: /*maxlength*/ ctx[8] },
24
+ { spellcheck: "false" },
25
+ /*attributes*/ ctx[9]
26
+ ];
27
+
28
+ let textarea_data = {};
29
+
30
+ for (let i = 0; i < textarea_levels.length; i += 1) {
31
+ textarea_data = assign(textarea_data, textarea_levels[i]);
32
+ }
33
+
34
+ return {
35
+ c() {
36
+ textarea = element("textarea");
37
+ this.c = noop;
38
+ set_attributes(textarea, textarea_data);
39
+ },
40
+ m(target, anchor) {
41
+ insert(target, textarea, anchor);
42
+ if (textarea.autofocus) textarea.focus();
43
+ set_input_value(textarea, /*value*/ ctx[0]);
44
+
45
+ if (!mounted) {
46
+ dispose = [
47
+ action_destroyer(/*forwardEvents*/ ctx[11].call(null, textarea)),
48
+ listen(textarea, "input", /*textarea_input_handler*/ ctx[12])
49
+ ];
50
+
51
+ mounted = true;
52
+ }
53
+ },
54
+ p(ctx, [dirty]) {
55
+ set_attributes(textarea, textarea_data = get_spread_update(textarea_levels, [
56
+ dirty & /*isvalid, isinvalid, userClass*/ 1072 && textarea_class_value !== (textarea_class_value = "" + (getClasses(/*isvalid*/ ctx[4], /*isinvalid*/ ctx[5]) + " " + /*userClass*/ ctx[10])) && { class: textarea_class_value },
57
+ dirty & /*isinvalid*/ 32 && { "aria-invalid": /*isinvalid*/ ctx[5] },
58
+ dirty & /*name*/ 2 && { name: /*name*/ ctx[1] },
59
+ dirty & /*name*/ 2 && { id: /*name*/ ctx[1] },
60
+ dirty & /*placeholder*/ 4 && { placeholder: /*placeholder*/ ctx[2] },
61
+ dirty & /*rows*/ 8 && { rows: /*rows*/ ctx[3] },
62
+ dirty & /*disabled*/ 64 && { disabled: /*disabled*/ ctx[6] },
63
+ dirty & /*minlength*/ 128 && { minlength: /*minlength*/ ctx[7] },
64
+ dirty & /*maxlength*/ 256 && { maxlength: /*maxlength*/ ctx[8] },
65
+ { spellcheck: "false" },
66
+ dirty & /*attributes*/ 512 && /*attributes*/ ctx[9]
67
+ ]));
68
+
69
+ if (dirty & /*value*/ 1) {
70
+ set_input_value(textarea, /*value*/ ctx[0]);
71
+ }
72
+ },
73
+ i: noop,
74
+ o: noop,
75
+ d(detaching) {
76
+ if (detaching) detach(textarea);
77
+ mounted = false;
78
+ run_all(dispose);
79
+ }
80
+ };
81
+ }
82
+
83
+ function getClasses(isValid, isInvalid) {
84
+ const classes = ['mc-textarea'];
85
+
86
+ if (isValid) {
87
+ classes.push('is-valid');
88
+ }
89
+
90
+ if (isInvalid) {
91
+ classes.push('is-invalid');
92
+ }
93
+
94
+ return classes.join(' ');
95
+ }
96
+
97
+ function instance($$self, $$props, $$invalidate) {
98
+ let userClass;
99
+ let attributes;
100
+
101
+ const omit_props_names = [
102
+ "name","value","placeholder","rows","isvalid","isinvalid","disabled","minlength","maxlength"
103
+ ];
104
+
105
+ let $$restProps = compute_rest_props($$props, omit_props_names);
106
+ let { name } = $$props;
107
+ let { value } = $$props;
108
+ let { placeholder } = $$props;
109
+ let { rows = 3 } = $$props;
110
+ let { isvalid } = $$props;
111
+ let { isinvalid } = $$props;
112
+ let { disabled = false } = $$props;
113
+ let { minlength } = $$props;
114
+ let { maxlength } = $$props;
115
+ const forwardEvents = createEventForwarder(get_current_component());
116
+
117
+ function textarea_input_handler() {
118
+ value = this.value;
119
+ $$invalidate(0, value);
120
+ }
121
+
122
+ $$self.$$set = $$new_props => {
123
+ $$invalidate(14, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
124
+ $$invalidate(13, $$restProps = compute_rest_props($$props, omit_props_names));
125
+ if ('name' in $$new_props) $$invalidate(1, name = $$new_props.name);
126
+ if ('value' in $$new_props) $$invalidate(0, value = $$new_props.value);
127
+ if ('placeholder' in $$new_props) $$invalidate(2, placeholder = $$new_props.placeholder);
128
+ if ('rows' in $$new_props) $$invalidate(3, rows = $$new_props.rows);
129
+ if ('isvalid' in $$new_props) $$invalidate(4, isvalid = $$new_props.isvalid);
130
+ if ('isinvalid' in $$new_props) $$invalidate(5, isinvalid = $$new_props.isinvalid);
131
+ if ('disabled' in $$new_props) $$invalidate(6, disabled = $$new_props.disabled);
132
+ if ('minlength' in $$new_props) $$invalidate(7, minlength = $$new_props.minlength);
133
+ if ('maxlength' in $$new_props) $$invalidate(8, maxlength = $$new_props.maxlength);
134
+ };
135
+
136
+ $$self.$$.update = () => {
137
+ $$invalidate(10, userClass = $$props.class);
138
+ $$invalidate(9, attributes = Object.assign({}, $$restProps));
139
+
140
+ if ($$self.$$.dirty & /*attributes*/ 512) {
141
+ delete attributes.class;
142
+ }
143
+ };
144
+
145
+ $$props = exclude_internal_props($$props);
146
+
147
+ return [
148
+ value,
149
+ name,
150
+ placeholder,
151
+ rows,
152
+ isvalid,
153
+ isinvalid,
154
+ disabled,
155
+ minlength,
156
+ maxlength,
157
+ attributes,
158
+ userClass,
159
+ forwardEvents,
160
+ textarea_input_handler
161
+ ];
162
+ }
163
+
164
+ class Textarea extends SvelteElement {
165
+ constructor(options) {
166
+ super();
167
+ const style = document.createElement('style');
168
+ style.textContent = `@charset "UTF-8";.mc-textarea{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.375;border-radius:4px;display:block;width:100%;position:relative;color:#191919;border:1px solid #666666;background:#ffffff;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;padding:calc(0.75rem - 0.125em - 1px) 0.75rem calc(0.75rem + 0.125em - 1px)}.mc-textarea[type=number]::-webkit-inner-spin-button,.mc-textarea[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-textarea[type=number]{-moz-appearance:textfield}.mc-textarea[type=search]::-webkit-search-decoration:hover,.mc-textarea[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-textarea.is-hover,.mc-textarea:hover{border-color:#191919}.mc-textarea.is-valid{border-color:#46a610}.mc-textarea.is-invalid{border-color:#c61112}.mc-textarea.is-focus,.mc-textarea:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-textarea:disabled{border-color:#e6e6e6;background:#e6e6e6;cursor:not-allowed}.mc-textarea::-webkit-input-placeholder{color:#666666}.mc-textarea::-moz-placeholder{color:#666666}.mc-textarea:-ms-input-placeholder{color:#666666}.mc-textarea::-ms-input-placeholder{color:#666666}.mc-textarea::placeholder{color:#666666}.mc-field__label,.mc-field__legend{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__requirement,.mc-field__help{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement::before{content:" - "}.mc-field__help{display:block;margin-top:0.125rem}@media screen and (min-width: 769px){.mc-field__container--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){}@media screen and (min-width: 1024px){}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}`;
169
+ this.shadowRoot.appendChild(style);
170
+
171
+ init(
172
+ this,
173
+ {
174
+ target: this.shadowRoot,
175
+ props: attribute_to_object(this.attributes),
176
+ customElement: true
177
+ },
178
+ instance,
179
+ create_fragment,
180
+ safe_not_equal,
181
+ {
182
+ name: 1,
183
+ value: 0,
184
+ placeholder: 2,
185
+ rows: 3,
186
+ isvalid: 4,
187
+ isinvalid: 5,
188
+ disabled: 6,
189
+ minlength: 7,
190
+ maxlength: 8
191
+ },
192
+ null
193
+ );
194
+
195
+ if (options) {
196
+ if (options.target) {
197
+ insert(options.target, this, options.anchor);
198
+ }
199
+
200
+ if (options.props) {
201
+ this.$set(options.props);
202
+ flush();
203
+ }
204
+ }
205
+ }
206
+
207
+ static get observedAttributes() {
208
+ return [
209
+ "name",
210
+ "value",
211
+ "placeholder",
212
+ "rows",
213
+ "isvalid",
214
+ "isinvalid",
215
+ "disabled",
216
+ "minlength",
217
+ "maxlength"
218
+ ];
219
+ }
220
+
221
+ get name() {
222
+ return this.$$.ctx[1];
223
+ }
224
+
225
+ set name(name) {
226
+ this.$$set({ name });
227
+ flush();
228
+ }
229
+
230
+ get value() {
231
+ return this.$$.ctx[0];
232
+ }
233
+
234
+ set value(value) {
235
+ this.$$set({ value });
236
+ flush();
237
+ }
238
+
239
+ get placeholder() {
240
+ return this.$$.ctx[2];
241
+ }
242
+
243
+ set placeholder(placeholder) {
244
+ this.$$set({ placeholder });
245
+ flush();
246
+ }
247
+
248
+ get rows() {
249
+ return this.$$.ctx[3];
250
+ }
251
+
252
+ set rows(rows) {
253
+ this.$$set({ rows });
254
+ flush();
255
+ }
256
+
257
+ get isvalid() {
258
+ return this.$$.ctx[4];
259
+ }
260
+
261
+ set isvalid(isvalid) {
262
+ this.$$set({ isvalid });
263
+ flush();
264
+ }
265
+
266
+ get isinvalid() {
267
+ return this.$$.ctx[5];
268
+ }
269
+
270
+ set isinvalid(isinvalid) {
271
+ this.$$set({ isinvalid });
272
+ flush();
273
+ }
274
+
275
+ get disabled() {
276
+ return this.$$.ctx[6];
277
+ }
278
+
279
+ set disabled(disabled) {
280
+ this.$$set({ disabled });
281
+ flush();
282
+ }
283
+
284
+ get minlength() {
285
+ return this.$$.ctx[7];
286
+ }
287
+
288
+ set minlength(minlength) {
289
+ this.$$set({ minlength });
290
+ flush();
291
+ }
292
+
293
+ get maxlength() {
294
+ return this.$$.ctx[8];
295
+ }
296
+
297
+ set maxlength(maxlength) {
298
+ this.$$set({ maxlength });
299
+ flush();
300
+ }
301
+ }
302
+
303
+ export { Textarea as default };
2
304
  //# sourceMappingURL=Textarea.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.js","sources":["../../../src/components/textarea/Textarea.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import { createEventForwarder } from '../../utilities/EventForward';\n export let name: string;\n export let value: string;\n export let placeholder: string;\n export let rows = 3;\n export let isvalid: boolean;\n export let isinvalid: boolean;\n export let disabled = false;\n export let minlength: number;\n export let maxlength: number;\n\n const forwardEvents = createEventForwarder(get_current_component());\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function getClasses(isValid: boolean, isInvalid: boolean): string {\n const classes = ['mc-textarea'];\n\n if (isValid) {\n classes.push('is-valid');\n }\n\n if (isInvalid) {\n classes.push('is-invalid');\n }\n\n return classes.join(' ');\n }\n</script>\n\n<textarea\n use:forwardEvents\n bind:value\n class=\"{getClasses(isvalid, isinvalid)} {userClass}\"\n aria-invalid={isinvalid}\n {name}\n id={name}\n {placeholder}\n {rows}\n {disabled}\n {minlength}\n {maxlength}\n spellcheck=\"false\"\n {...attributes}\n/>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.textarea';\n @import '@mozaic-ds/styles/components/c.fields';\n</style>\n"],"names":["class","textarea_class_value","getClasses","ctx","insert","target","textarea","anchor","dirty","isValid","isInvalid","classes","push","join","name","$$props","value","placeholder","rows","isvalid","isinvalid","disabled","minlength","maxlength","forwardEvents","createEventForwarder","get_current_component","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"iPAsCUA,MAAAC,EAAAC,EAAWC,EAAS,GAAAA,UAAaA,EAAS,qBACpCA,EAAS,oBAEnBA,EAAI,0GAOJA,EAAU,oGAbhBC,EAcCC,EAAAC,EAAAC,gHAXS,KAAAC,GAAAP,KAAAA,EAAAC,EAAWC,EAAS,GAAAA,UAAaA,EAAS,MAAA,CAAAH,MAAAC,yBACpCE,EAAS,8BAEnBA,EAAI,+IAOJA,EAAU,gEA5BLD,EAAWO,EAAkBC,GAC9B,MAAAC,GAAW,sBAEbF,GACFE,EAAQC,KAAK,YAGXF,GACFC,EAAQC,KAAK,cAGRD,EAAQE,KAAK,yJA1BXC,GAAYC,SACZC,GAAaD,eACbE,GAAmBF,GACnBG,KAAAA,EAAO,GAACH,WACRI,GAAgBJ,aAChBK,GAAkBL,GAClBM,SAAAA,GAAW,GAAKN,aAChBO,GAAiBP,aACjBQ,GAAiBR,QAEtBS,EAAgBC,EAAqBC,uXACxCC,EAAA,GAAAC,EAAYb,EAAQf,WACpB6B,EAALC,OAAAC,UAAuBC,2BACXH,EAAW7B"}
1
+ {"version":3,"file":"Textarea.js","sources":["../../../src/components/textarea/Textarea.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import { createEventForwarder } from '../../utilities/EventForward';\n export let name: string;\n export let value: string;\n export let placeholder: string;\n export let rows = 3;\n export let isvalid: boolean;\n export let isinvalid: boolean;\n export let disabled = false;\n export let minlength: number;\n export let maxlength: number;\n\n const forwardEvents = createEventForwarder(get_current_component());\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function getClasses(isValid: boolean, isInvalid: boolean): string {\n const classes = ['mc-textarea'];\n\n if (isValid) {\n classes.push('is-valid');\n }\n\n if (isInvalid) {\n classes.push('is-invalid');\n }\n\n return classes.join(' ');\n }\n</script>\n\n<textarea\n use:forwardEvents\n bind:value\n class=\"{getClasses(isvalid, isinvalid)} {userClass}\"\n aria-invalid={isinvalid}\n {name}\n id={name}\n {placeholder}\n {rows}\n {disabled}\n {minlength}\n {maxlength}\n spellcheck=\"false\"\n {...attributes}\n/>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.textarea';\n @import '@mozaic-ds/styles/components/c.fields';\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAsCU,GAAA,KAAA,EAAA,oBAAA,GAAA,EAAA,IAAA,UAAU,aAAC,GAAO,CAAE,CAAA,CAAA,gBAAA,GAAS,2BAAI,GAAS,CAAA,EAAA,CAAA,CAAA;;kCACpC,GAAS,CAAA,CAAA,CAAA,EAAA;;iBAEnB,GAAI,CAAA,CAAA,CAAA,EAAA;;;;;;;iBAOJ,GAAU,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;GAbhB,MAcC,CAAA,MAAA,EAAA,QAAA,EAAA,MAAA,CAAA,CAAA;;;;;;;;;;;;;;;AAXS,IAAA,KAAA,qCAAA,IAAA,IAAA,oBAAA,MAAA,oBAAA,GAAA,EAAA,IAAA,UAAU,aAAC,GAAO,CAAE,CAAA,CAAA,gBAAA,GAAS,2BAAI,GAAS,CAAA,EAAA,CAAA,CAAA,CAAA,IAAA,EAAA,KAAA,EAAA,oBAAA,EAAA;gEACpC,GAAS,CAAA,CAAA,CAAA,EAAA;;yCAEnB,GAAI,CAAA,CAAA,CAAA,EAAA;;;;;;;iDAOJ,GAAU,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;SA5BL,UAAU,CAAC,OAAgB,EAAE,SAAkB,EAAA;AAChD,CAAA,MAAA,OAAO,IAAI,aAAa,CAAA,CAAA;;KAE1B,OAAO,EAAA;EACT,OAAO,CAAC,IAAI,CAAC,UAAU,CAAA,CAAA;;;KAGrB,SAAS,EAAA;EACX,OAAO,CAAC,IAAI,CAAC,YAAY,CAAA,CAAA;;;QAGpB,OAAO,CAAC,IAAI,CAAC,GAAG,CAAA,CAAA;;;;;;;;;;;;OA1Bd,IAAY,EAAA,GAAA,OAAA,CAAA;OACZ,KAAa,EAAA,GAAA,OAAA,CAAA;OACb,WAAmB,EAAA,GAAA,OAAA,CAAA;AACnB,CAAA,IAAA,EAAA,IAAI,GAAG,CAAC,EAAA,GAAA,OAAA,CAAA;OACR,OAAgB,EAAA,GAAA,OAAA,CAAA;OAChB,SAAkB,EAAA,GAAA,OAAA,CAAA;AAClB,CAAA,IAAA,EAAA,QAAQ,GAAG,KAAK,EAAA,GAAA,OAAA,CAAA;OAChB,SAAiB,EAAA,GAAA,OAAA,CAAA;OACjB,SAAiB,EAAA,GAAA,OAAA,CAAA;OAEtB,aAAa,GAAG,oBAAoB,CAAC,qBAAqB,EAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;AAChE,EAAG,YAAA,CAAA,EAAA,EAAA,SAAS,GAAG,OAAO,CAAC,KAAK,CAAA,CAAA;AAC5B,kBAAG,UAAU,GAAf,MAAA,CAAA,MAAA,KAAuB,WAAW,CAAA,CAAA,CAAA;;;GAC/B,OAAS,UAAU,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}