@amiceli/papierjs 0.7.0 → 0.9.0

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 (218) hide show
  1. package/dist/cjs/{index-875ceae0.js → index-e53c626b.js} +43 -6
  2. package/dist/cjs/index-e53c626b.js.map +1 -0
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/p-accordion.cjs.entry.js +1 -1
  5. package/dist/cjs/p-alert.cjs.entry.js +1 -1
  6. package/dist/cjs/p-badge.cjs.entry.js +1 -1
  7. package/dist/cjs/p-breadcrumb-item.cjs.entry.js +1 -1
  8. package/dist/cjs/p-breadcrumb.cjs.entry.js +1 -1
  9. package/dist/cjs/p-button_3.cjs.entry.js +9 -6
  10. package/dist/cjs/p-button_3.cjs.entry.js.map +1 -1
  11. package/dist/cjs/p-dropdown-preview.cjs.entry.js +2 -2
  12. package/dist/cjs/p-icon.cjs.entry.js +513 -0
  13. package/dist/cjs/p-icon.cjs.entry.js.map +1 -0
  14. package/dist/cjs/p-input-text.cjs.entry.js +13 -7
  15. package/dist/cjs/p-input-text.cjs.entry.js.map +1 -1
  16. package/dist/cjs/p-leaf.cjs.entry.js +1 -1
  17. package/dist/cjs/p-modal-preview.cjs.entry.js +1 -1
  18. package/dist/cjs/p-modal.cjs.entry.js +2 -2
  19. package/dist/cjs/p-modal.cjs.entry.js.map +1 -1
  20. package/dist/cjs/p-notification-handler.cjs.entry.js +1 -1
  21. package/dist/cjs/p-notification-preview.cjs.entry.js +1 -1
  22. package/dist/cjs/p-notification.cjs.entry.js +1 -1
  23. package/dist/cjs/p-progress-bar.cjs.entry.js +12 -2
  24. package/dist/cjs/p-progress-bar.cjs.entry.js.map +1 -1
  25. package/dist/cjs/p-slider.cjs.entry.js +1 -1
  26. package/dist/cjs/p-spinner.cjs.entry.js +33 -0
  27. package/dist/cjs/p-spinner.cjs.entry.js.map +1 -0
  28. package/dist/cjs/p-switch-tile.cjs.entry.js +1 -1
  29. package/dist/cjs/p-switch.cjs.entry.js +1 -1
  30. package/dist/cjs/p-tab.cjs.entry.js +3 -3
  31. package/dist/cjs/p-tabs.cjs.entry.js +4 -4
  32. package/dist/cjs/p-tooltip.cjs.entry.js +3 -3
  33. package/dist/cjs/p-tooltip.cjs.entry.js.map +1 -1
  34. package/dist/cjs/papierjs.cjs.js +2 -2
  35. package/dist/collection/collection-manifest.json +2 -0
  36. package/dist/collection/components/button/button.js +24 -1
  37. package/dist/collection/components/button/button.js.map +1 -1
  38. package/dist/collection/components/dropdown/dropdown/dropdown.js +2 -2
  39. package/dist/collection/components/dropdown/dropdown/stories/dropdown.preview.js +1 -1
  40. package/dist/collection/components/dropdown/dropdown-item/dropdown-item.js +2 -2
  41. package/dist/collection/components/form/input-text/input-text.css +3 -0
  42. package/dist/collection/components/form/input-text/input-text.js +32 -13
  43. package/dist/collection/components/form/input-text/input-text.js.map +1 -1
  44. package/dist/collection/components/modal/modal.css +3 -0
  45. package/dist/collection/components/p-icon/icons.js +489 -0
  46. package/dist/collection/components/p-icon/icons.js.map +1 -0
  47. package/dist/collection/components/p-icon/p-icon.css +6 -0
  48. package/dist/collection/components/p-icon/p-icon.js +92 -0
  49. package/dist/collection/components/p-icon/p-icon.js.map +1 -0
  50. package/dist/collection/components/p-icon/stories/p-icon-playground.stories.js +34 -0
  51. package/dist/collection/components/p-spinner/p-spinner.css +3250 -0
  52. package/dist/collection/components/p-spinner/p-spinner.js +94 -0
  53. package/dist/collection/components/p-spinner/p-spinner.js.map +1 -0
  54. package/dist/collection/components/p-spinner/stories/p-spinner-playground.stories.js +27 -0
  55. package/dist/collection/components/progress-bar/progress-bar.js +35 -1
  56. package/dist/collection/components/progress-bar/progress-bar.js.map +1 -1
  57. package/dist/collection/components/tabs/tab/tab.js +2 -2
  58. package/dist/collection/components/tabs/tabs/tabs.js +3 -3
  59. package/dist/collection/components/tooltip/tooltip.css +3 -0
  60. package/dist/collection/components/tooltip/tooltip.js +1 -1
  61. package/dist/components/index.js +1 -1
  62. package/dist/components/{p-c3c46963.js → p-34faf3f1.js} +3 -3
  63. package/dist/components/{p-c3c46963.js.map → p-34faf3f1.js.map} +1 -1
  64. package/dist/components/{p-555df865.js → p-642f2cf7.js} +3 -3
  65. package/dist/components/p-642f2cf7.js.map +1 -0
  66. package/dist/components/{p-51fafe64.js → p-a714a956.js} +4 -4
  67. package/dist/components/{p-51fafe64.js.map → p-a714a956.js.map} +1 -1
  68. package/dist/components/p-a900d6a8.js +49 -0
  69. package/dist/components/p-a900d6a8.js.map +1 -0
  70. package/dist/components/p-accordion.js +1 -1
  71. package/dist/components/p-alert.js +1 -1
  72. package/dist/components/p-badge.js +1 -1
  73. package/dist/components/p-breadcrumb-item.js +1 -1
  74. package/dist/components/p-breadcrumb.js +1 -1
  75. package/dist/components/p-button.js +1 -1
  76. package/dist/components/{p-af62ba98.js → p-c65086ec.js} +32 -4
  77. package/dist/components/p-c65086ec.js.map +1 -0
  78. package/dist/components/p-dropdown-item.js +1 -1
  79. package/dist/components/p-dropdown-preview.js +16 -10
  80. package/dist/components/p-dropdown-preview.js.map +1 -1
  81. package/dist/components/p-dropdown.js +1 -1
  82. package/dist/components/{p-ef7a623f.js → p-ef0c3ae9.js} +2 -2
  83. package/dist/components/{p-ef7a623f.js.map → p-ef0c3ae9.js.map} +1 -1
  84. package/dist/components/{p-3e858546.js → p-f4386040.js} +15 -5
  85. package/dist/components/p-f4386040.js.map +1 -0
  86. package/dist/components/{p-c8138bbd.js → p-fe923a22.js} +4 -4
  87. package/dist/components/{p-c8138bbd.js.map → p-fe923a22.js.map} +1 -1
  88. package/dist/components/p-icon.d.ts +11 -0
  89. package/dist/components/p-icon.js +533 -0
  90. package/dist/components/p-icon.js.map +1 -0
  91. package/dist/components/p-input-text.js +15 -9
  92. package/dist/components/p-input-text.js.map +1 -1
  93. package/dist/components/p-leaf.js +1 -1
  94. package/dist/components/p-modal-preview.js +11 -5
  95. package/dist/components/p-modal-preview.js.map +1 -1
  96. package/dist/components/p-modal.js +1 -1
  97. package/dist/components/p-notification-handler.js +1 -1
  98. package/dist/components/p-notification-preview.js +17 -11
  99. package/dist/components/p-notification-preview.js.map +1 -1
  100. package/dist/components/p-notification.js +1 -1
  101. package/dist/components/p-progress-bar.js +15 -3
  102. package/dist/components/p-progress-bar.js.map +1 -1
  103. package/dist/components/p-slider.js +1 -1
  104. package/dist/components/p-spinner.d.ts +11 -0
  105. package/dist/components/p-spinner.js +8 -0
  106. package/dist/components/p-spinner.js.map +1 -0
  107. package/dist/components/p-switch-tile.js +1 -1
  108. package/dist/components/p-switch.js +1 -1
  109. package/dist/components/p-tab.js +3 -3
  110. package/dist/components/p-tabs.js +4 -4
  111. package/dist/components/p-tooltip.js +3 -3
  112. package/dist/components/p-tooltip.js.map +1 -1
  113. package/dist/esm/{index-7ee4e700.js → index-aee2eada.js} +43 -6
  114. package/dist/esm/index-aee2eada.js.map +1 -0
  115. package/dist/esm/loader.js +3 -3
  116. package/dist/esm/p-accordion.entry.js +1 -1
  117. package/dist/esm/p-alert.entry.js +1 -1
  118. package/dist/esm/p-badge.entry.js +1 -1
  119. package/dist/esm/p-breadcrumb-item.entry.js +1 -1
  120. package/dist/esm/p-breadcrumb.entry.js +1 -1
  121. package/dist/esm/p-button_3.entry.js +9 -6
  122. package/dist/esm/p-button_3.entry.js.map +1 -1
  123. package/dist/esm/p-dropdown-preview.entry.js +2 -2
  124. package/dist/esm/p-icon.entry.js +509 -0
  125. package/dist/esm/p-icon.entry.js.map +1 -0
  126. package/dist/esm/p-input-text.entry.js +13 -7
  127. package/dist/esm/p-input-text.entry.js.map +1 -1
  128. package/dist/esm/p-leaf.entry.js +1 -1
  129. package/dist/esm/p-modal-preview.entry.js +1 -1
  130. package/dist/esm/p-modal.entry.js +2 -2
  131. package/dist/esm/p-modal.entry.js.map +1 -1
  132. package/dist/esm/p-notification-handler.entry.js +1 -1
  133. package/dist/esm/p-notification-preview.entry.js +1 -1
  134. package/dist/esm/p-notification.entry.js +1 -1
  135. package/dist/esm/p-progress-bar.entry.js +12 -2
  136. package/dist/esm/p-progress-bar.entry.js.map +1 -1
  137. package/dist/esm/p-slider.entry.js +1 -1
  138. package/dist/esm/p-spinner.entry.js +29 -0
  139. package/dist/esm/p-spinner.entry.js.map +1 -0
  140. package/dist/esm/p-switch-tile.entry.js +1 -1
  141. package/dist/esm/p-switch.entry.js +1 -1
  142. package/dist/esm/p-tab.entry.js +3 -3
  143. package/dist/esm/p-tabs.entry.js +4 -4
  144. package/dist/esm/p-tooltip.entry.js +3 -3
  145. package/dist/esm/p-tooltip.entry.js.map +1 -1
  146. package/dist/esm/papierjs.js +3 -3
  147. package/dist/papierjs/{p-55975574.entry.js → p-03a16f60.entry.js} +2 -2
  148. package/dist/papierjs/p-03a16f60.entry.js.map +1 -0
  149. package/dist/papierjs/{p-7b6c5a15.entry.js → p-06d54935.entry.js} +2 -2
  150. package/dist/papierjs/{p-4ef52ae1.entry.js → p-08aac893.entry.js} +2 -2
  151. package/dist/papierjs/{p-21ae2040.entry.js → p-0c87229d.entry.js} +2 -2
  152. package/dist/papierjs/{p-bc16a85a.entry.js → p-1ebff2d7.entry.js} +2 -2
  153. package/dist/papierjs/{p-d9e3c9ca.entry.js → p-23b08b62.entry.js} +2 -2
  154. package/dist/papierjs/p-2cb3923f.entry.js +2 -0
  155. package/dist/papierjs/p-2cb3923f.entry.js.map +1 -0
  156. package/dist/papierjs/{p-acf916fa.entry.js → p-3c06fffc.entry.js} +2 -2
  157. package/dist/papierjs/{p-f7bc7154.entry.js → p-3efab78f.entry.js} +2 -2
  158. package/dist/papierjs/{p-4de54c9d.entry.js → p-462779ed.entry.js} +2 -2
  159. package/dist/papierjs/p-4cb8bb30.js +3 -0
  160. package/dist/{cjs/index-875ceae0.js.map → papierjs/p-4cb8bb30.js.map} +1 -1
  161. package/dist/papierjs/{p-4e8985c5.entry.js → p-5a6898e8.entry.js} +2 -2
  162. package/dist/papierjs/p-5a6898e8.entry.js.map +1 -0
  163. package/dist/papierjs/p-5c511196.entry.js +2 -0
  164. package/dist/papierjs/p-5c511196.entry.js.map +1 -0
  165. package/dist/papierjs/{p-edbf5d19.entry.js → p-7d32bcf0.entry.js} +2 -2
  166. package/dist/papierjs/p-7d32bcf0.entry.js.map +1 -0
  167. package/dist/papierjs/{p-a40b185f.entry.js → p-83c4843a.entry.js} +2 -2
  168. package/dist/papierjs/p-83c4843a.entry.js.map +1 -0
  169. package/dist/papierjs/{p-d583fd92.entry.js → p-860525ed.entry.js} +2 -2
  170. package/dist/papierjs/{p-963f21b8.entry.js → p-907ecded.entry.js} +2 -2
  171. package/dist/papierjs/{p-a2523f10.entry.js → p-9b8dfa28.entry.js} +2 -2
  172. package/dist/papierjs/{p-ef8536b9.entry.js → p-b292b138.entry.js} +2 -2
  173. package/dist/papierjs/p-b3f595fd.entry.js +2 -0
  174. package/dist/papierjs/p-b3f595fd.entry.js.map +1 -0
  175. package/dist/papierjs/p-b8b2a5c8.entry.js +2 -0
  176. package/dist/papierjs/{p-b783633d.entry.js → p-c2d59e17.entry.js} +2 -2
  177. package/dist/papierjs/{p-3149398f.entry.js → p-cce903e9.entry.js} +2 -2
  178. package/dist/papierjs/{p-743abca9.entry.js → p-d9e2e92c.entry.js} +2 -2
  179. package/dist/papierjs/papierjs.esm.js +1 -1
  180. package/dist/papierjs/papierjs.esm.js.map +1 -1
  181. package/dist/types/components/button/button.d.ts +2 -0
  182. package/dist/types/components/form/input-text/input-text.d.ts +4 -2
  183. package/dist/types/components/p-icon/icons.d.ts +1 -0
  184. package/dist/types/components/p-icon/p-icon.d.ts +7 -0
  185. package/dist/types/components/p-spinner/p-spinner.d.ts +9 -0
  186. package/dist/types/components/progress-bar/progress-bar.d.ts +4 -0
  187. package/dist/types/components.d.ts +46 -2
  188. package/package.json +7 -4
  189. package/readme.md +1 -0
  190. package/dist/components/p-3e858546.js.map +0 -1
  191. package/dist/components/p-555df865.js.map +0 -1
  192. package/dist/components/p-af62ba98.js.map +0 -1
  193. package/dist/esm/index-7ee4e700.js.map +0 -1
  194. package/dist/papierjs/p-34a520d8.js +0 -3
  195. package/dist/papierjs/p-34a520d8.js.map +0 -1
  196. package/dist/papierjs/p-4e8985c5.entry.js.map +0 -1
  197. package/dist/papierjs/p-55975574.entry.js.map +0 -1
  198. package/dist/papierjs/p-57f13bee.entry.js +0 -2
  199. package/dist/papierjs/p-5e68bd6c.entry.js +0 -2
  200. package/dist/papierjs/p-5e68bd6c.entry.js.map +0 -1
  201. package/dist/papierjs/p-a40b185f.entry.js.map +0 -1
  202. package/dist/papierjs/p-edbf5d19.entry.js.map +0 -1
  203. /package/dist/papierjs/{p-7b6c5a15.entry.js.map → p-06d54935.entry.js.map} +0 -0
  204. /package/dist/papierjs/{p-4ef52ae1.entry.js.map → p-08aac893.entry.js.map} +0 -0
  205. /package/dist/papierjs/{p-21ae2040.entry.js.map → p-0c87229d.entry.js.map} +0 -0
  206. /package/dist/papierjs/{p-bc16a85a.entry.js.map → p-1ebff2d7.entry.js.map} +0 -0
  207. /package/dist/papierjs/{p-d9e3c9ca.entry.js.map → p-23b08b62.entry.js.map} +0 -0
  208. /package/dist/papierjs/{p-acf916fa.entry.js.map → p-3c06fffc.entry.js.map} +0 -0
  209. /package/dist/papierjs/{p-f7bc7154.entry.js.map → p-3efab78f.entry.js.map} +0 -0
  210. /package/dist/papierjs/{p-4de54c9d.entry.js.map → p-462779ed.entry.js.map} +0 -0
  211. /package/dist/papierjs/{p-d583fd92.entry.js.map → p-860525ed.entry.js.map} +0 -0
  212. /package/dist/papierjs/{p-963f21b8.entry.js.map → p-907ecded.entry.js.map} +0 -0
  213. /package/dist/papierjs/{p-a2523f10.entry.js.map → p-9b8dfa28.entry.js.map} +0 -0
  214. /package/dist/papierjs/{p-ef8536b9.entry.js.map → p-b292b138.entry.js.map} +0 -0
  215. /package/dist/papierjs/{p-57f13bee.entry.js.map → p-b8b2a5c8.entry.js.map} +0 -0
  216. /package/dist/papierjs/{p-b783633d.entry.js.map → p-c2d59e17.entry.js.map} +0 -0
  217. /package/dist/papierjs/{p-3149398f.entry.js.map → p-cce903e9.entry.js.map} +0 -0
  218. /package/dist/papierjs/{p-743abca9.entry.js.map → p-d9e2e92c.entry.js.map} +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"names":["buttonCss","PButtonStyle0","Button","constructor","hostRef","this","type","outline","large","small","block","disabled","dark","getClass","types","cssClass","includes","getParentClass","render","h","key","class","dropdownCss","PDropdownStyle0","Alert","preventSelected","value","open","detectOutsideClick","ev","el","contains","target","resetItem","items","Array","from","getElementsByTagName","item","removeAttribute","componentWillLoad","setAttribute","selected","addEventListener","e","selectEvent","emit","detail","selectValue","getSelectedValue","list","querySelectorAll","find","innerText","placeholder","arrowIcon","feather","icons","toSvg","onClick","innerHTML","PDropdownItemStyle0","DropdownItem","sendClick","changeEvent"],"sources":["src/components/button/button.scss?tag=p-button&encapsulation=shadow","src/components/button/button.tsx","src/components/dropdown/dropdown/dropdown.scss?tag=p-dropdown&encapsulation=shadow","src/components/dropdown/dropdown/dropdown.tsx","src/components/dropdown/dropdown/dropdown.scss?tag=p-dropdown-item&encapsulation=shadow","src/components/dropdown/dropdown-item/dropdown-item.tsx"],"sourcesContent":[":host {\n @import \"../common\";\n\n @include useBlock();\n}","import { Component, Prop, h } from '@stencil/core'\n\ntype ButtonColor = 'success' | 'secondary' | 'primary' | 'danger' | 'warning'\n\n/**\n * @slot - button content\n */\n@Component({\n tag: 'p-button',\n styleUrl: 'button.scss',\n shadow: true,\n})\nexport class Button {\n @Prop()\n type?: ButtonColor = 'primary'\n @Prop()\n outline?: boolean = false\n @Prop()\n large?: boolean = false\n @Prop()\n small?: boolean = false\n @Prop()\n block?: boolean = false\n @Prop()\n disabled?: boolean = false\n @Prop()\n dark?: boolean = false\n\n public getClass(): string {\n const types = ['success', 'secondary', 'primary', 'danger', 'warning']\n let cssClass = ''\n\n if (!types.includes(this.type)) {\n cssClass = 'btn-primary'\n } else {\n cssClass = `btn-${this.type}`\n }\n\n if (this.disabled) {\n cssClass = 'disabled'\n }\n\n cssClass = `${cssClass}${this.outline ? '-outline' : ''}`\n cssClass = `${cssClass}${this.large ? ' btn-large' : ''}`\n cssClass = `${cssClass}${this.small ? ' btn-small' : ''}`\n cssClass = `${cssClass}${this.block ? ' btn-block' : ''}`\n\n return cssClass\n }\n\n public getParentClass() {\n let cssClass = 'papier'\n\n if (this.block) {\n cssClass = `${cssClass} is--block`\n }\n\n if (this.dark) {\n cssClass = `${cssClass} is--dark`\n }\n\n return cssClass\n }\n render() {\n return (\n <div class={this.getParentClass()}>\n <button\n disabled={this.disabled}\n type=\"button\"\n class={this.getClass()}\n >\n <slot />\n </button>\n </div>\n )\n }\n}\n",":host {\n @import \"../../common\";\n\n @include useBlock();\n\n height: 27px;\n\n .dropdown-item {\n width: 100%;\n background: white;\n height: 27px;\n\n &.is--dark {\n background: #41403e;\n }\n\n &:hover {\n cursor: pointer;\n\n .border {\n cursor: pointer;\n }\n }\n\n .border {\n height: 27px;\n padding-left: 10px;\n box-sizing: border-box;\n border-top: none;\n }\n }\n\n .dropdown {\n position: relative;\n height: 27px;\n\n &.is--dark {\n color : white;\n .dropdown__header, .dropdown__children {\n background: #41403e;\n }\n }\n\n &__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-left: 10px;\n padding-right: 10px;\n cursor: pointer;\n position: relative;\n z-index: 20;\n }\n\n &__children {\n position: absolute;\n z-index: 222;\n top: 31px;\n left: 0;\n width: 100%;\n max-height: 200px;\n display: grid;\n grid-auto-rows: 27px;\n max-height: calc(27px * 5);\n overflow-y: auto;\n background: white;\n }\n\n .for--icon {\n position: relative;\n top: 2px;\n transition: all 0.3s linear;\n transform: rotate(0deg);\n }\n\n &:not(.is--open) {\n .dropdown__children {\n display: none;\n }\n }\n\n &.is--open {\n .dropdown__children {\n display: grid;\n }\n\n .for--icon {\n transform: rotate(180deg);\n top: -3px;\n }\n }\n }\n\n .dropdown {\n &:not(.is--block) {\n display: inline-block;\n min-width: 200px;\n }\n\n &.is--block {\n display: block;\n width: 100%;\n box-sizing: border-box;\n }\n }\n\n}","import {\n Component,\n Element,\n Event,\n type EventEmitter,\n Listen,\n Prop,\n State,\n h,\n} from '@stencil/core'\nimport feather from 'feather-icons'\n\n/**\n * @slot - slot for p-dropdown-item\n */\n@Component({\n tag: 'p-dropdown',\n styleUrl: 'dropdown.scss',\n shadow: true,\n})\nexport class Alert {\n @Prop()\n dark?: boolean = false\n /** Prevent dropdown self update selected value */\n @Prop()\n preventSelected?: boolean = false\n /** Selected item value */\n @Prop({ mutable: true })\n value?: string = ''\n @State()\n open?: boolean = false\n @Prop()\n placeholder?: string\n @State()\n selectedValue?: string\n @Element()\n public el: HTMLElement\n\n @Event({ eventName: 'select' })\n public selectEvent: EventEmitter<string>\n\n public getParentClass() {\n return {\n 'papier dropdown': true,\n 'is--dark': this.dark,\n 'is--open': this.open,\n }\n }\n\n @Listen('click', { target: 'window' })\n public detectOutsideClick(ev) {\n if (!this.el.contains(ev.target)) {\n this.open = false\n }\n }\n\n public resetItem() {\n const items = Array.from(\n this.el.getElementsByTagName('p-dropdown-item'),\n )\n\n for (const item of items) {\n item.removeAttribute('selected')\n }\n }\n\n public componentWillLoad() {\n const items = Array.from(\n this.el.getElementsByTagName('p-dropdown-item'),\n )\n\n for (const item of items) {\n if (this.dark) {\n item.setAttribute('dark', 'true')\n }\n if (item.selected === true) {\n this.value = item.value\n }\n item.addEventListener('change', (e) => {\n this.selectEvent.emit(e.detail)\n this.open = !this.open\n\n if (!this.preventSelected) {\n this.resetItem()\n item.setAttribute('selected', '')\n this.value = e.detail\n }\n })\n }\n }\n\n public selectValue(value: string) {\n this.selectEvent.emit(value)\n }\n\n public getSelectedValue(): string {\n const list = Array.from(this.el.querySelectorAll('p-dropdown-item'))\n const selected = list.find((item) => {\n return item.value === this.value\n })\n\n return selected?.innerText || this.placeholder || ''\n }\n\n render() {\n const selected = this.getSelectedValue()\n const arrowIcon = feather.icons['chevron-down'].toSvg()\n\n return (\n <div class={this.getParentClass()}>\n <div\n class=\"dropdown__header border border-primary\"\n onClick={() => {\n this.open = !this.open\n }}\n >\n <span>{selected}</span>\n <span class=\"for--icon\" innerHTML={arrowIcon} />\n </div>\n <div class=\"dropdown__children\">\n <slot />\n </div>\n </div>\n )\n }\n}\n",":host {\n @import \"../../common\";\n\n @include useBlock();\n\n height: 27px;\n\n .dropdown-item {\n width: 100%;\n background: white;\n height: 27px;\n\n &.is--dark {\n background: #41403e;\n }\n\n &:hover {\n cursor: pointer;\n\n .border {\n cursor: pointer;\n }\n }\n\n .border {\n height: 27px;\n padding-left: 10px;\n box-sizing: border-box;\n border-top: none;\n }\n }\n\n .dropdown {\n position: relative;\n height: 27px;\n\n &.is--dark {\n color : white;\n .dropdown__header, .dropdown__children {\n background: #41403e;\n }\n }\n\n &__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-left: 10px;\n padding-right: 10px;\n cursor: pointer;\n position: relative;\n z-index: 20;\n }\n\n &__children {\n position: absolute;\n z-index: 222;\n top: 31px;\n left: 0;\n width: 100%;\n max-height: 200px;\n display: grid;\n grid-auto-rows: 27px;\n max-height: calc(27px * 5);\n overflow-y: auto;\n background: white;\n }\n\n .for--icon {\n position: relative;\n top: 2px;\n transition: all 0.3s linear;\n transform: rotate(0deg);\n }\n\n &:not(.is--open) {\n .dropdown__children {\n display: none;\n }\n }\n\n &.is--open {\n .dropdown__children {\n display: grid;\n }\n\n .for--icon {\n transform: rotate(180deg);\n top: -3px;\n }\n }\n }\n\n .dropdown {\n &:not(.is--block) {\n display: inline-block;\n min-width: 200px;\n }\n\n &.is--block {\n display: block;\n width: 100%;\n box-sizing: border-box;\n }\n }\n\n}","import { Component, Event, type EventEmitter, Prop, h } from '@stencil/core'\n\n@Component({\n tag: 'p-dropdown-item',\n styleUrl: '../dropdown/dropdown.scss',\n shadow: true,\n})\nexport class DropdownItem {\n @Prop()\n value!: string\n @Prop()\n selected?: boolean = false\n @Prop()\n dark?: boolean = false\n\n @Event({ eventName: 'change' })\n public changeEvent: EventEmitter<string>\n\n public getParentClass() {\n return {\n 'papier dropdown-item': true,\n 'is--dark': this.dark,\n }\n }\n\n public sendClick() {\n this.changeEvent.emit(this.value)\n }\n\n render() {\n return (\n <div class={this.getParentClass()} onClick={() => this.sendClick()}>\n <div\n class={{\n 'background-success': this.selected,\n 'border border-primary': true,\n }}\n >\n <slot />\n </div>\n </div>\n )\n }\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"names":["inputTextCss","PInputTextStyle0","InputText","constructor","hostRef","this","value","required","dark","disabled","block","hasError","getParentClass","cssClass","onChange","e","changeEvent","emit","target","render","h","key","class","label","htmlFor","type","placeholder","id"],"sources":["src/components/form/input-text/input-text.scss?tag=p-input-text&encapsulation=shadow","src/components/form/input-text/input-text.tsx"],"sourcesContent":[":host {\n @import \"../../common\";\n\n @include useBlock();\n\n label {\n color : var(--primary);\n }\n\n .is--block {\n display: block;\n width: 100%;\n box-sizing: border-box;\n\n input {\n display: block;\n width: 100%;\n box-sizing: border-box;\n }\n }\n\n .papier {\n &.is--dark {\n\n &.has--error {\n label {\n color : var(--danger-light);\n }\n input {\n border-color : var(--danger-light);\n }\n }\n }\n &:not(.is--dark) {\n &.has--error {\n label {\n color : var(--danger-text);\n }\n input {\n border-color : var(--danger-text);\n }\n }\n }\n }\n}","import { Component, Event, type EventEmitter, Prop, h } from '@stencil/core'\n\n@Component({\n tag: 'p-input-text',\n styleUrl: 'input-text.scss',\n shadow: true,\n})\nexport class InputText {\n @Prop()\n placeholder?: string\n @Prop()\n value?: string = ''\n @Prop()\n required?: boolean = false\n @Prop()\n dark?: boolean = false\n @Prop()\n label?: string\n @Prop()\n disabled?: boolean = false\n @Prop()\n block?: boolean = false\n @Prop()\n hasError?: boolean = false\n\n @Event({ eventName: 'change' })\n public changeEvent: EventEmitter<string>\n\n public getParentClass() {\n let cssClass = 'papier form-group'\n\n if (this.dark) {\n cssClass = `${cssClass} is--dark`\n }\n if (this.block) {\n cssClass = `${cssClass} is--block`\n }\n if (this.hasError) {\n cssClass = `${cssClass} has--error`\n }\n\n return cssClass\n }\n\n public onChange(e: Event) {\n this.changeEvent.emit((e.target as HTMLInputElement).value)\n }\n\n render() {\n return (\n <div class={this.getParentClass()}>\n {this.label && (\n <label htmlFor=\"paperInputs1\">\n {this.label}\n {this.required ? '*' : ''}\n </label>\n )}\n <input\n type=\"text\"\n placeholder={this.placeholder}\n id=\"paperInputs1\"\n disabled={this.disabled}\n value={this.value}\n onChange={(e) => this.onChange(e)}\n />\n </div>\n )\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAe,gnrFACrB,MAAAC,EAAeD,E,MCMFE,EAAS,MALtB,WAAAC,CAAAC,G,8CASIC,KAAAC,MAAiB,GAEjBD,KAAAE,SAAqB,MAErBF,KAAAG,KAAiB,MAIjBH,KAAAI,SAAqB,MAErBJ,KAAAK,MAAkB,MAElBL,KAAAM,SAAqB,K,CAKd,cAAAC,GACH,IAAIC,EAAW,oBAEf,GAAIR,KAAKG,KAAM,CACXK,EAAW,GAAGA,Y,CAElB,GAAIR,KAAKK,MAAO,CACZG,EAAW,GAAGA,a,CAElB,GAAIR,KAAKM,SAAU,CACfE,EAAW,GAAGA,c,CAGlB,OAAOA,C,CAGJ,QAAAC,CAASC,GACZV,KAAKW,YAAYC,KAAMF,EAAEG,OAA4BZ,M,CAGzD,MAAAa,GACI,OACIC,EAAA,OAAAC,IAAA,2CAAKC,MAAOjB,KAAKO,kBACZP,KAAKkB,OACFH,EAAA,SAAAC,IAAA,2CAAOG,QAAQ,gBACVnB,KAAKkB,MACLlB,KAAKE,SAAW,IAAM,IAG/Ba,EAAA,SAAAC,IAAA,2CACII,KAAK,OACLC,YAAarB,KAAKqB,YAClBC,GAAG,eACHlB,SAAUJ,KAAKI,SACfH,MAAOD,KAAKC,MACZQ,SAAWC,GAAMV,KAAKS,SAASC,K","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"names":["progressBarCss","PProgressBarStyle0","ProgressBar","constructor","hostRef","this","type","value","striped","dark","getClass","types","cssClass","includes","getParentClass","render","h","key","class"],"sources":["src/components/progress-bar/progress-bar.scss?tag=p-progress-bar&encapsulation=shadow","src/components/progress-bar/progress-bar.tsx"],"sourcesContent":[":host {\n @import \"../common\";\n\n @include useBlock();\n\n .is--dark {\n .progress {\n border-color : white;\n }\n }\n}","import { Component, Prop, h } from '@stencil/core'\n\ntype ProgressBarColor =\n | 'secondary'\n | 'success'\n | 'warning'\n | 'danger'\n | 'muted'\n | 'primary'\n\n@Component({\n tag: 'p-progress-bar',\n styleUrl: 'progress-bar.scss',\n shadow: true,\n})\nexport class ProgressBar {\n @Prop()\n type?: ProgressBarColor = 'primary'\n @Prop()\n value?: number = 0\n @Prop()\n striped?: boolean = false\n @Prop()\n dark?: boolean = false\n\n public getClass(): string {\n const types = [\n 'secondary',\n 'success',\n 'warning',\n 'danger',\n 'muted',\n 'primary',\n ]\n const value = this.value < 0 ? 0 : this.value > 100 ? 100 : this.value\n\n let cssClass = `bar w-${value}`\n\n if (!types.includes(this.type)) {\n cssClass = `${cssClass} primary`\n } else {\n cssClass = `${cssClass} ${this.type}`\n }\n\n if (this.striped) {\n cssClass = `${cssClass} striped`\n }\n\n return cssClass\n }\n\n public getParentClass() {\n let cssClass = 'papier is--block'\n\n if (this.dark) {\n cssClass = `${cssClass} is--dark`\n }\n\n return cssClass\n }\n\n render() {\n return (\n <div class={this.getParentClass()}>\n <div class=\"progress\">\n <div class={this.getClass()}>\n <slot />\n </div>\n </div>\n </div>\n )\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAiB,goqFACvB,MAAAC,EAAeD,E,MCcFE,EAAW,MALxB,WAAAC,CAAAC,G,UAOIC,KAAAC,KAA0B,UAE1BD,KAAAE,MAAiB,EAEjBF,KAAAG,QAAoB,MAEpBH,KAAAI,KAAiB,K,CAEV,QAAAC,GACH,MAAMC,EAAQ,CACV,YACA,UACA,UACA,SACA,QACA,WAEJ,MAAMJ,EAAQF,KAAKE,MAAQ,EAAI,EAAIF,KAAKE,MAAQ,IAAM,IAAMF,KAAKE,MAEjE,IAAIK,EAAW,SAASL,IAExB,IAAKI,EAAME,SAASR,KAAKC,MAAO,CAC5BM,EAAW,GAAGA,W,KACX,CACHA,EAAW,GAAGA,KAAYP,KAAKC,M,CAGnC,GAAID,KAAKG,QAAS,CACdI,EAAW,GAAGA,W,CAGlB,OAAOA,C,CAGJ,cAAAE,GACH,IAAIF,EAAW,mBAEf,GAAIP,KAAKI,KAAM,CACXG,EAAW,GAAGA,Y,CAGlB,OAAOA,C,CAGX,MAAAG,GACI,OACIC,EAAA,OAAAC,IAAA,2CAAKC,MAAOb,KAAKS,kBACbE,EAAA,OAAAC,IAAA,2CAAKC,MAAM,YACPF,EAAA,OAAAC,IAAA,2CAAKC,MAAOb,KAAKK,YACbM,EAAA,QAAAC,IAAA,+C","ignoreList":[]}