@amiceli/papierjs 0.0.1 → 0.1.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 (101) hide show
  1. package/dist/cjs/{index-028aee0a.js → index-e5bb90c8.js} +99 -3
  2. package/dist/cjs/index-e5bb90c8.js.map +1 -0
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/p-alert.cjs.entry.js +3 -5
  5. package/dist/cjs/p-alert.cjs.entry.js.map +1 -1
  6. package/dist/cjs/p-button.cjs.entry.js +3 -3
  7. package/dist/cjs/p-button.cjs.entry.js.map +1 -1
  8. package/dist/cjs/p-dropdown-item.cjs.entry.js +35 -0
  9. package/dist/cjs/p-dropdown-item.cjs.entry.js.map +1 -0
  10. package/dist/cjs/p-dropdown.cjs.entry.js +2469 -0
  11. package/dist/cjs/p-dropdown.cjs.entry.js.map +1 -0
  12. package/dist/cjs/p-input-text.cjs.entry.js +45 -0
  13. package/dist/cjs/p-input-text.cjs.entry.js.map +1 -0
  14. package/dist/cjs/p-progress-bar.cjs.entry.js +3 -3
  15. package/dist/cjs/p-progress-bar.cjs.entry.js.map +1 -1
  16. package/dist/cjs/papierjs.cjs.js +2 -2
  17. package/dist/collection/collection-manifest.json +3 -0
  18. package/dist/collection/components/alert/alert.css +870 -1088
  19. package/dist/collection/components/alert/alert.js +1 -4
  20. package/dist/collection/components/alert/alert.js.map +1 -1
  21. package/dist/collection/components/button/button.css +870 -1088
  22. package/dist/collection/components/button/button.js +1 -2
  23. package/dist/collection/components/button/button.js.map +1 -1
  24. package/dist/collection/components/dropdown/dropdown.css +3301 -0
  25. package/dist/collection/components/dropdown/dropdown.js +145 -0
  26. package/dist/collection/components/dropdown/dropdown.js.map +1 -0
  27. package/dist/collection/components/dropdown-item/dropdown-item.js +114 -0
  28. package/dist/collection/components/dropdown-item/dropdown-item.js.map +1 -0
  29. package/dist/collection/components/input/input-text/input-text.css +3245 -0
  30. package/dist/collection/components/input/input-text/input-text.js +223 -0
  31. package/dist/collection/components/input/input-text/input-text.js.map +1 -0
  32. package/dist/collection/components/progress-bar/progress-bar.css +870 -1088
  33. package/dist/collection/components/progress-bar/progress-bar.js +1 -2
  34. package/dist/collection/components/progress-bar/progress-bar.js.map +1 -1
  35. package/dist/components/index.js +1 -1
  36. package/dist/components/{p-5ec03f76.js → p-92aa42e7.js} +73 -4
  37. package/dist/components/p-92aa42e7.js.map +1 -0
  38. package/dist/components/p-alert.js +3 -5
  39. package/dist/components/p-alert.js.map +1 -1
  40. package/dist/components/p-button.js +3 -3
  41. package/dist/components/p-button.js.map +1 -1
  42. package/dist/components/p-dropdown-item.d.ts +11 -0
  43. package/dist/components/p-dropdown-item.js +54 -0
  44. package/dist/components/p-dropdown-item.js.map +1 -0
  45. package/dist/components/p-dropdown.d.ts +11 -0
  46. package/dist/components/p-dropdown.js +2489 -0
  47. package/dist/components/p-dropdown.js.map +1 -0
  48. package/dist/components/p-input-text.d.ts +11 -0
  49. package/dist/components/p-input-text.js +69 -0
  50. package/dist/components/p-input-text.js.map +1 -0
  51. package/dist/components/p-progress-bar.js +3 -3
  52. package/dist/components/p-progress-bar.js.map +1 -1
  53. package/dist/esm/{index-ad124052.js → index-809c10ff.js} +99 -4
  54. package/dist/esm/index-809c10ff.js.map +1 -0
  55. package/dist/esm/loader.js +3 -3
  56. package/dist/esm/p-alert.entry.js +3 -5
  57. package/dist/esm/p-alert.entry.js.map +1 -1
  58. package/dist/esm/p-button.entry.js +3 -3
  59. package/dist/esm/p-button.entry.js.map +1 -1
  60. package/dist/esm/p-dropdown-item.entry.js +31 -0
  61. package/dist/esm/p-dropdown-item.entry.js.map +1 -0
  62. package/dist/esm/p-dropdown.entry.js +2465 -0
  63. package/dist/esm/p-dropdown.entry.js.map +1 -0
  64. package/dist/esm/p-input-text.entry.js +41 -0
  65. package/dist/esm/p-input-text.entry.js.map +1 -0
  66. package/dist/esm/p-progress-bar.entry.js +3 -3
  67. package/dist/esm/p-progress-bar.entry.js.map +1 -1
  68. package/dist/esm/papierjs.js +3 -3
  69. package/dist/papierjs/p-45914d24.js +3 -0
  70. package/dist/papierjs/p-45914d24.js.map +1 -0
  71. package/dist/papierjs/p-6e9110f7.entry.js +331 -0
  72. package/dist/papierjs/p-6e9110f7.entry.js.map +1 -0
  73. package/dist/papierjs/p-8e9a6ac4.entry.js +2 -0
  74. package/dist/papierjs/p-8e9a6ac4.entry.js.map +1 -0
  75. package/dist/papierjs/p-99159731.entry.js +2 -0
  76. package/dist/papierjs/p-99159731.entry.js.map +1 -0
  77. package/dist/papierjs/p-c3243b73.entry.js +2 -0
  78. package/dist/papierjs/p-c3243b73.entry.js.map +1 -0
  79. package/dist/papierjs/p-ce66a0db.entry.js +2 -0
  80. package/dist/papierjs/p-ce66a0db.entry.js.map +1 -0
  81. package/dist/papierjs/p-de62cf76.entry.js +2 -0
  82. package/dist/papierjs/p-de62cf76.entry.js.map +1 -0
  83. package/dist/papierjs/papierjs.esm.js +1 -1
  84. package/dist/papierjs/papierjs.esm.js.map +1 -1
  85. package/dist/types/components/dropdown/dropdown.d.ts +15 -0
  86. package/dist/types/components/dropdown-item/dropdown-item.d.ts +10 -0
  87. package/dist/types/components/input/input-text/input-text.d.ts +15 -0
  88. package/dist/types/components.d.ts +113 -0
  89. package/package.json +3 -1
  90. package/{README.md → readme.md} +10 -3
  91. package/dist/cjs/index-028aee0a.js.map +0 -1
  92. package/dist/components/p-5ec03f76.js.map +0 -1
  93. package/dist/esm/index-ad124052.js.map +0 -1
  94. package/dist/papierjs/p-14f67b19.entry.js +0 -2
  95. package/dist/papierjs/p-14f67b19.entry.js.map +0 -1
  96. package/dist/papierjs/p-8ae1632f.entry.js +0 -2
  97. package/dist/papierjs/p-8ae1632f.entry.js.map +0 -1
  98. package/dist/papierjs/p-be2fe2c0.js +0 -3
  99. package/dist/papierjs/p-be2fe2c0.js.map +0 -1
  100. package/dist/papierjs/p-d1c3c0ac.entry.js +0 -2
  101. package/dist/papierjs/p-d1c3c0ac.entry.js.map +0 -1
package/dist/papierjs/p-de62cf76.entry.js ADDED
@@ -0,0 +1,2 @@
1
+ import{r as n,c as r,h as e}from"./p-45914d24.js";const o='@charset "UTF-8";\n:host .papier {\n /* PaperCSS core */\n /**\n Global PaperCSS Config\n */\n @import url("https://fonts.googleapis.com/css?family=Neucha|Patrick+Hand+SC&display=swap");\n /* stylelint-disable */\n /* stylelint-enable */\n /**\n This Loop will generate the various .text- and .background- classes\n based on the $colors map above.\n */\n /**\n PaperCSS Mixins\n */\n /**\n Assign a border style to a component selector.\n @param integer\n @default 1\n */\n /**\n Mixin for setting responsive breakpoints\n @param string | integer\n @default null\n */\n /**\n Useful helper mixins\n */\n /*\n Add transform: translate() with browser prefixes.\n Same syntax for translate() and translate3d()\n To get 3D add a $z value and set \'true\'\n @param string | boolean\n @default 0 | false\n */\n /*\n Add global transition styles to selector\n @param string\n @default all | 235ms | ease-in-out | 0\n */\n /**\n Set the shadow type for a component\n @param string\n @default regular\n */\n /**\n Sets a striped background on a component\n @param string\n */\n /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */\n /* stylelint-disable */\n /* stylelint-enable */\n /* Layout styling */\n /* Content styling */\n /* Utilities */\n /* Components */\n font-family: "Neucha", sans-serif;\n font-size: 20px;\n}\n:host .papier html {\n --primary: #41403e;\n --secondary: #0b74d5;\n --success: #86a361;\n --warning: #ddcd45;\n --danger: #a7342d;\n --muted: #868e96;\n --primary-light: #cdcccb;\n --secondary-light: #d8ebfd;\n --success-light: #d5dfc8;\n --warning-light: #f5f0c6;\n --danger-light: #f0cbc9;\n --muted-light: #e6e7e9;\n --primary-dark: black;\n --secondary-dark: black;\n --success-dark: #374427;\n --warning-dark: #746a15;\n --danger-dark: black;\n --muted-dark: #313538;\n --primary-light-10: #5b5a57;\n --secondary-light-10: #208ef3;\n --success-light-10: #9fb681;\n --warning-light-10: #e5d970;\n --danger-light-10: #cb453c;\n --muted-light-10: #a1a8ae;\n --primary-dark-10: #272625;\n --secondary-dark-10: #085aa5;\n --success-dark-10: #4a5a35;\n --warning-dark-10: #746a15;\n --danger-dark-10: #7f2722;\n --muted-dark-10: #6c757d;\n --primary-shaded-50: #c1c0bd;\n --primary-shaded-70: #f2f2f2;\n --white-dark: rgba(0, 0, 0, 0.03);\n --white-dark-light-80: rgba(204, 204, 204, 0.03);\n --light-dark: rgba(0, 0, 0, 0.7);\n --white: white;\n --main-background: white;\n --main-background-light: white;\n --black: black;\n --primary-text: #272625;\n --secondary-text: #085aa5;\n --success-text: #4a5a35;\n --warning-text: #746a15;\n --danger-text: #7f2722;\n --muted-text: #6c757d;\n --shadow-color-regular: rgba(0, 0, 0, 0.2);\n --shadow-color-hover: rgba(0, 0, 0, 0.3);\n --primary-inverse: #fff;\n}\n:host .papier html.dark {\n --primary: #fff;\n --secondary: #5595ce;\n --success: #70c272;\n --warning: #d4c252;\n --danger: #df4c57;\n --muted: #868e96;\n --primary-light: white;\n --secondary-light: #69a1d4;\n --success-light: #82ca84;\n --warning-light: #d9c966;\n --danger-light: #e3626b;\n --muted-light: #949ba2;\n --primary-dark: gray;\n --secondary-dark: #1f476b;\n --success-dark: #265927;\n --warning-dark: #71651c;\n --danger-dark: #7c161e;\n --muted-dark: #313538;\n --primary-light-10: white;\n --secondary-light-10: #7daed9;\n --success-light-10: #94d195;\n --warning-light-10: #ded07b;\n --danger-light-10: #e77780;\n --muted-light-10: #a1a8ae;\n --primary-dark-10: #e6e6e6;\n --secondary-dark-10: #367cba;\n --success-dark-10: #4cb34f;\n --warning-dark-10: #c3ae30;\n --danger-dark-10: #d22633;\n --muted-dark-10: #6c757d;\n --primary-shaded-50: #343332;\n --primary-shaded-70: #2f2e2d;\n --white-dark: rgba(255, 255, 255, 0.03);\n --white-dark-light-80: rgba(255, 255, 255, 0.03);\n --light-dark: rgba(255, 255, 255, 0.7);\n --white: white;\n --main-background: #41403e;\n --main-background-light: #c1c0bd;\n --black: black;\n --primary-text: #41403e;\n --secondary-text: #1f476b;\n --success-text: #265927;\n --warning-text: #71651c;\n --danger-text: #7c161e;\n --muted-text: #949ba2;\n --shadow-color-regular: rgba(0, 0, 0, 0.2);\n --shadow-color-hover: rgba(0, 0, 0, 0.3);\n --primary-inverse: #41403e;\n}\n:host .papier .text-primary {\n color: #41403e;\n color: var(--primary);\n}\n:host .papier .background-primary {\n background-color: #41403e;\n background-color: var(--primary-light);\n}\n:host .papier .text-secondary {\n color: #41403e;\n color: var(--secondary);\n}\n:host .papier .background-secondary {\n background-color: #41403e;\n background-color: var(--secondary-light);\n}\n:host .papier .text-success {\n color: #41403e;\n color: var(--success);\n}\n:host .papier .background-success {\n background-color: #41403e;\n background-color: var(--success-light);\n}\n:host .papier .text-warning {\n color: #41403e;\n color: var(--warning);\n}\n:host .papier .background-warning {\n background-color: #41403e;\n background-color: var(--warning-light);\n}\n:host .papier .text-danger {\n color: #41403e;\n color: var(--danger);\n}\n:host .papier .background-danger {\n background-color: #41403e;\n background-color: var(--danger-light);\n}\n:host .papier .text-muted {\n color: #41403e;\n color: var(--muted);\n}\n:host .papier .background-muted {\n background-color: #41403e;\n background-color: var(--muted-light);\n}\n:host .papier html {\n line-height: 1.15;\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n:host .papier body {\n margin: 0;\n}\n:host .papier article,\n:host .papier aside,\n:host .papier footer,\n:host .papier header,\n:host .papier nav,\n:host .papier section {\n display: block;\n}\n:host .papier h1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n:host .papier figcaption,\n:host .papier figure,\n:host .papier main {\n display: block;\n}\n:host .papier figure {\n margin: 1em 40px;\n}\n:host .papier hr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n:host .papier pre {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n:host .papier a {\n background-color: transparent;\n -webkit-text-decoration-skip: objects;\n}\n:host .papier abbr[title] {\n border-bottom: none;\n text-decoration: underline;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n:host .papier b,\n:host .papier strong {\n font-weight: inherit;\n}\n:host .papier b,\n:host .papier strong {\n font-weight: bolder;\n}\n:host .papier code,\n:host .papier kbd,\n:host .papier samp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n:host .papier dfn {\n font-style: italic;\n}\n:host .papier mark {\n background-color: #ff0;\n color: #000;\n}\n:host .papier small {\n font-size: 80%;\n}\n:host .papier sub,\n:host .papier sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n:host .papier sub {\n bottom: -0.25em;\n}\n:host .papier sup {\n top: -0.5em;\n}\n:host .papier audio,\n:host .papier video {\n display: inline-block;\n}\n:host .papier audio:not([controls]) {\n display: none;\n height: 0;\n}\n:host .papier img {\n border-style: none;\n}\n:host .papier svg:not(:root) {\n overflow: hidden;\n}\n:host .papier button,\n:host .papier input,\n:host .papier optgroup,\n:host .papier select,\n:host .papier textarea {\n font-family: sans-serif;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n}\n:host .papier button,\n:host .papier input {\n overflow: visible;\n}\n:host .papier button,\n:host .papier select {\n text-transform: none;\n}\n:host .papier [type=reset],\n:host .papier [type=submit],\n:host .papier button,\n:host .papier html [type=button] {\n -webkit-appearance: button;\n}\n:host .papier [type=button]::-moz-focus-inner,\n:host .papier [type=reset]::-moz-focus-inner,\n:host .papier [type=submit]::-moz-focus-inner,\n:host .papier button::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n:host .papier [type=button]:-moz-focusring,\n:host .papier [type=reset]:-moz-focusring,\n:host .papier [type=submit]:-moz-focusring,\n:host .papier button:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n:host .papier fieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n:host .papier legend {\n box-sizing: border-box;\n color: inherit;\n display: table;\n max-width: 100%;\n padding: 0;\n white-space: normal;\n}\n:host .papier progress {\n display: inline-block;\n vertical-align: baseline;\n}\n:host .papier textarea {\n overflow: auto;\n}\n:host .papier [type=checkbox],\n:host .papier [type=radio] {\n box-sizing: border-box;\n padding: 0;\n}\n:host .papier [type=number]::-webkit-inner-spin-button,\n:host .papier [type=number]::-webkit-outer-spin-button {\n height: auto;\n}\n:host .papier [type=search] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n:host .papier [type=search]::-webkit-search-cancel-button,\n:host .papier [type=search]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n:host .papier ::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n:host .papier details,\n:host .papier menu {\n display: block;\n}\n:host .papier summary {\n display: list-item;\n}\n:host .papier canvas {\n display: inline-block;\n}\n:host .papier template {\n display: none;\n}\n:host .papier [hidden] {\n display: none;\n}\n:host .papier html {\n box-sizing: border-box;\n}\n:host .papier *, :host .papier *:before, :host .papier *:after {\n box-sizing: inherit;\n}\n:host .papier .container {\n margin: 0 auto;\n max-width: 960px;\n position: relative;\n width: 100%;\n}\n@media only screen and (max-width: 992px) {\n :host .papier .container {\n width: 85%;\n }\n}\n@media only screen and (max-width: 480px) {\n :host .papier .container {\n width: 90%;\n }\n}\n:host .papier .container.container-xs {\n max-width: 480px;\n}\n:host .papier .container.container-sm {\n max-width: 768px;\n}\n:host .papier .container.container-md {\n max-width: 992px;\n}\n:host .papier .container.container-lg {\n max-width: 1200px;\n}\n:host .papier .section {\n margin-bottom: 2rem;\n margin-top: 1rem;\n word-wrap: break-word;\n}\n:host .papier .section::after {\n color: #8f8d89;\n content: "~~~";\n display: block;\n font-size: 1.5rem;\n position: relative;\n text-align: center;\n}\n:host .papier hr {\n border: 0;\n}\n:host .papier hr::after {\n color: #8f8d89;\n content: "~~~";\n display: block;\n font-size: 1.5rem;\n position: relative;\n text-align: center;\n top: -0.75rem;\n}\n:host .papier .paper {\n background-color: #41403e;\n background-color: var(--main-background);\n border: 1px solid #cdcccb;\n box-shadow: -1px 5px 35px -9px rgba(0, 0, 0, 0.2);\n margin-bottom: 1rem;\n margin-top: 1rem;\n padding: 2rem;\n}\n@media only screen and (max-width: 480px) {\n :host .papier .paper {\n margin-bottom: 0;\n margin-top: 0;\n padding: 1rem;\n width: 100%;\n }\n}\n:host .papier .row {\n display: flex;\n flex-flow: row wrap;\n margin-bottom: 1rem;\n margin-left: auto;\n margin-right: auto;\n}\n:host .papier .row.flex-right {\n justify-content: flex-end;\n}\n:host .papier .row.flex-center {\n justify-content: center;\n}\n:host .papier .row.flex-edges {\n justify-content: space-between;\n}\n:host .papier .row.flex-spaces {\n justify-content: space-around;\n}\n:host .papier .row.flex-top {\n align-items: flex-start;\n}\n:host .papier .row.flex-middle {\n align-items: center;\n}\n:host .papier .row.flex-bottom {\n align-items: flex-end;\n}\n:host .papier .col {\n padding: 1rem;\n}\n@media only screen and (max-width: 768px) {\n :host .papier .col {\n flex: 0 0 100%;\n max-width: 100%;\n }\n}\n:host .papier .col-fill {\n flex: 1 1 0;\n width: auto;\n}\n@media only screen and (min-width: 0) {\n :host .papier .col-1 {\n flex: 0 0 8.3333333333%;\n max-width: 8.3333333333%;\n }\n :host .papier .col-2 {\n flex: 0 0 16.6666666667%;\n max-width: 16.6666666667%;\n }\n :host .papier .col-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n :host .papier .col-4 {\n flex: 0 0 33.3333333333%;\n max-width: 33.3333333333%;\n }\n :host .papier .col-5 {\n flex: 0 0 41.6666666667%;\n max-width: 41.6666666667%;\n }\n :host .papier .col-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n :host .papier .col-7 {\n flex: 0 0 58.3333333333%;\n max-width: 58.3333333333%;\n }\n :host .papier .col-8 {\n flex: 0 0 66.6666666667%;\n max-width: 66.6666666667%;\n }\n :host .papier .col-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n :host .papier .col-10 {\n flex: 0 0 83.3333333333%;\n max-width: 83.3333333333%;\n }\n :host .papier .col-11 {\n flex: 0 0 91.6666666667%;\n max-width: 91.6666666667%;\n }\n :host .papier .col-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n}\n@media only screen and (min-width: 480px) {\n :host .papier .xs-1 {\n flex: 0 0 8.3333333333%;\n max-width: 8.3333333333%;\n }\n :host .papier .xs-2 {\n flex: 0 0 16.6666666667%;\n max-width: 16.6666666667%;\n }\n :host .papier .xs-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n :host .papier .xs-4 {\n flex: 0 0 33.3333333333%;\n max-width: 33.3333333333%;\n }\n :host .papier .xs-5 {\n flex: 0 0 41.6666666667%;\n max-width: 41.6666666667%;\n }\n :host .papier .xs-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n :host .papier .xs-7 {\n flex: 0 0 58.3333333333%;\n max-width: 58.3333333333%;\n }\n :host .papier .xs-8 {\n flex: 0 0 66.6666666667%;\n max-width: 66.6666666667%;\n }\n :host .papier .xs-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n :host .papier .xs-10 {\n flex: 0 0 83.3333333333%;\n max-width: 83.3333333333%;\n }\n :host .papier .xs-11 {\n flex: 0 0 91.6666666667%;\n max-width: 91.6666666667%;\n }\n :host .papier .xs-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n}\n@media only screen and (min-width: 768px) {\n :host .papier .sm-1 {\n flex: 0 0 8.3333333333%;\n max-width: 8.3333333333%;\n }\n :host .papier .sm-2 {\n flex: 0 0 16.6666666667%;\n max-width: 16.6666666667%;\n }\n :host .papier .sm-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n :host .papier .sm-4 {\n flex: 0 0 33.3333333333%;\n max-width: 33.3333333333%;\n }\n :host .papier .sm-5 {\n flex: 0 0 41.6666666667%;\n max-width: 41.6666666667%;\n }\n :host .papier .sm-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n :host .papier .sm-7 {\n flex: 0 0 58.3333333333%;\n max-width: 58.3333333333%;\n }\n :host .papier .sm-8 {\n flex: 0 0 66.6666666667%;\n max-width: 66.6666666667%;\n }\n :host .papier .sm-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n :host .papier .sm-10 {\n flex: 0 0 83.3333333333%;\n max-width: 83.3333333333%;\n }\n :host .papier .sm-11 {\n flex: 0 0 91.6666666667%;\n max-width: 91.6666666667%;\n }\n :host .papier .sm-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n}\n@media only screen and (min-width: 992px) {\n :host .papier .md-1 {\n flex: 0 0 8.3333333333%;\n max-width: 8.3333333333%;\n }\n :host .papier .md-2 {\n flex: 0 0 16.6666666667%;\n max-width: 16.6666666667%;\n }\n :host .papier .md-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n :host .papier .md-4 {\n flex: 0 0 33.3333333333%;\n max-width: 33.3333333333%;\n }\n :host .papier .md-5 {\n flex: 0 0 41.6666666667%;\n max-width: 41.6666666667%;\n }\n :host .papier .md-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n :host .papier .md-7 {\n flex: 0 0 58.3333333333%;\n max-width: 58.3333333333%;\n }\n :host .papier .md-8 {\n flex: 0 0 66.6666666667%;\n max-width: 66.6666666667%;\n }\n :host .papier .md-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n :host .papier .md-10 {\n flex: 0 0 83.3333333333%;\n max-width: 83.3333333333%;\n }\n :host .papier .md-11 {\n flex: 0 0 91.6666666667%;\n max-width: 91.6666666667%;\n }\n :host .papier .md-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n}\n@media only screen and (min-width: 1200px) {\n :host .papier .lg-1 {\n flex: 0 0 8.3333333333%;\n max-width: 8.3333333333%;\n }\n :host .papier .lg-2 {\n flex: 0 0 16.6666666667%;\n max-width: 16.6666666667%;\n }\n :host .papier .lg-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n :host .papier .lg-4 {\n flex: 0 0 33.3333333333%;\n max-width: 33.3333333333%;\n }\n :host .papier .lg-5 {\n flex: 0 0 41.6666666667%;\n max-width: 41.6666666667%;\n }\n :host .papier .lg-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n :host .papier .lg-7 {\n flex: 0 0 58.3333333333%;\n max-width: 58.3333333333%;\n }\n :host .papier .lg-8 {\n flex: 0 0 66.6666666667%;\n max-width: 66.6666666667%;\n }\n :host .papier .lg-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n :host .papier .lg-10 {\n flex: 0 0 83.3333333333%;\n max-width: 83.3333333333%;\n }\n :host .papier .lg-11 {\n flex: 0 0 91.6666666667%;\n max-width: 91.6666666667%;\n }\n :host .papier .lg-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n}\n:host .papier .align-top {\n align-self: flex-start;\n}\n:host .papier .align-middle {\n align-self: center;\n}\n:host .papier .align-bottom {\n align-self: flex-end;\n}\n:host .papier .container {\n margin: 0 auto;\n max-width: 960px;\n position: relative;\n width: 100%;\n}\n@media only screen and (max-width: 992px) {\n :host .papier .container {\n width: 85%;\n }\n}\n@media only screen and (max-width: 480px) {\n :host .papier .container {\n width: 90%;\n }\n}\n:host .papier code {\n color: #41403e;\n color: var(--secondary);\n background-color: #41403e;\n background-color: var(--primary-shaded-70);\n border-radius: 3px;\n font-size: 80%;\n padding: 2px 4px;\n}\n:host .papier kbd {\n color: #41403e;\n color: var(--primary-inverse);\n background-color: #41403e;\n background-color: var(--primary);\n border-radius: 3px;\n font-size: 80%;\n padding: 2px 4px;\n}\n:host .papier pre {\n color: #41403e;\n color: var(--inverse-primary);\n background-color: #41403e;\n background-color: var(--primary-shaded-70);\n border-color: #41403e;\n border-color: var(--primary-shaded-50);\n border-radius: 3px;\n border-style: solid;\n border-width: 1px;\n display: block;\n font-size: 80%;\n line-height: 1.5;\n overflow-x: auto;\n padding: 1em;\n white-space: pre;\n word-break: break-all;\n word-wrap: break-word;\n}\n:host .papier pre code {\n color: #41403e;\n color: var(--inverse-primary);\n background: transparent;\n display: block;\n font-size: inherit;\n padding: initial;\n white-space: pre;\n}\n:host .papier html {\n color: #41403e;\n color: var(--primary);\n font-family: "Neucha", sans-serif;\n font-size: 20px;\n}\n:host .papier p,\n:host .papier a,\n:host .papier button,\n:host .papier li,\n:host .papier table,\n:host .papier thead,\n:host .papier tbody,\n:host .papier th,\n:host .papier tr,\n:host .papier td,\n:host .papier input,\n:host .papier textarea,\n:host .papier select,\n:host .papier option {\n font-family: "Neucha", sans-serif;\n}\n:host .papier h1,\n:host .papier h2,\n:host .papier h3,\n:host .papier h4,\n:host .papier h5,\n:host .papier h6 {\n font-family: "Patrick Hand SC", sans-serif;\n font-weight: normal;\n}\n:host .papier h1 {\n font-size: 4rem;\n}\n:host .papier h2 {\n font-size: 3rem;\n}\n:host .papier h3 {\n font-size: 2rem;\n}\n:host .papier h4 {\n font-size: 1.5rem;\n}\n:host .papier h5 {\n font-size: 1rem;\n}\n:host .papier h6 {\n font-size: 0.8rem;\n}\n:host .papier .text-left {\n text-align: left;\n}\n:host .papier .text-center {\n text-align: center;\n}\n:host .papier .text-right {\n text-align: right;\n}\n:host .papier img {\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n border-color: #41403e;\n border-color: var(--primary);\n border-style: solid;\n border-width: 2px;\n display: block;\n height: auto;\n max-width: 100%;\n}\n:host .papier img.float-left {\n float: left;\n margin: 1rem 1rem 1rem 0;\n}\n:host .papier img.float-right {\n float: right;\n margin: 1rem 0 1rem 1rem;\n}\n:host .papier img.no-responsive {\n display: initial;\n height: initial;\n max-width: initial;\n}\n:host .papier img.no-border {\n border: 0;\n border-radius: 0;\n}\n:host .papier ol {\n list-style-type: decimal;\n}\n:host .papier ol ol {\n list-style-type: upper-alpha;\n}\n:host .papier ol ol ol {\n list-style-type: upper-roman;\n}\n:host .papier ol ol ol ol {\n list-style-type: lower-alpha;\n}\n:host .papier ol ol ol ol ol {\n list-style-type: lower-roman;\n}\n:host .papier ul {\n list-style: none;\n margin-left: 0;\n}\n:host .papier ul li::before {\n content: "-";\n}\n:host .papier ul li {\n text-indent: -7px;\n}\n:host .papier ul li .badge,\n:host .papier ul li [popover-bottom]::after,\n:host .papier ul li [popover-left]::after,\n:host .papier ul li [popover-right]::after,\n:host .papier ul li [popover-top]::after {\n text-indent: 0;\n}\n:host .papier ul li::before {\n left: -7px;\n position: relative;\n}\n:host .papier ul ul li::before {\n content: "+";\n}\n:host .papier ul ul ul li::before {\n content: "~";\n}\n:host .papier ul ul ul ul li::before {\n content: "⤍";\n}\n:host .papier ul ul ul ul ul li::before {\n content: "⁎";\n}\n:host .papier ul.inline li {\n display: inline;\n margin-left: 5px;\n}\n:host .papier table {\n box-sizing: border-box;\n max-width: 100%;\n overflow-x: auto;\n width: 100%;\n}\n@media only screen and (max-width: 480px) {\n :host .papier table thead tr th {\n padding: 2%;\n }\n :host .papier table tbody tr td {\n padding: 2%;\n }\n}\n:host .papier table thead tr th {\n line-height: 1.5;\n padding: 8px;\n text-align: left;\n vertical-align: bottom;\n}\n:host .papier table tbody tr td {\n border-top: 1px dashed #d9d9d8;\n line-height: 1.5;\n padding: 8px;\n vertical-align: top;\n}\n:host .papier table.table-hover tbody tr:hover {\n color: #41403e;\n color: var(--secondary);\n}\n:host .papier table.table-alternating tbody tr:nth-of-type(even) {\n color: #82807c;\n}\n:host .papier .border {\n border-color: #41403e;\n border-color: var(--primary);\n border-style: solid;\n border-width: 2px;\n}\n:host .papier .border,\n:host .papier .border-1,\n:host .papier .child-borders > *:nth-child(6n+1) {\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n}\n:host .papier .border-2,\n:host .papier .child-borders > *:nth-child(6n+2) {\n border-bottom-left-radius: 185px 25px;\n border-bottom-right-radius: 20px 205px;\n border-top-left-radius: 125px 25px;\n border-top-right-radius: 10px 205px;\n}\n:host .papier .border-3,\n:host .papier .child-borders > *:nth-child(6n+3) {\n border-bottom-left-radius: 225px 15px;\n border-bottom-right-radius: 15px 255px;\n border-top-left-radius: 15px 225px;\n border-top-right-radius: 255px 15px;\n}\n:host .papier .border-4,\n:host .papier .child-borders > *:nth-child(6n+4) {\n border-bottom-left-radius: 25px 115px;\n border-bottom-right-radius: 155px 25px;\n border-top-left-radius: 15px 225px;\n border-top-right-radius: 25px 150px;\n}\n:host .papier .border-5,\n:host .papier .child-borders > *:nth-child(6n+5) {\n border-bottom-left-radius: 20px 115px;\n border-bottom-right-radius: 15px 105px;\n border-top-left-radius: 250px 15px;\n border-top-right-radius: 25px 80px;\n}\n:host .papier .border-6,\n:host .papier .child-borders > *:nth-child(6n+6) {\n border-bottom-left-radius: 15px 225px;\n border-bottom-right-radius: 20px 205px;\n border-top-left-radius: 28px 125px;\n border-top-right-radius: 100px 30px;\n}\n:host .papier .child-borders > * {\n border-color: #41403e;\n border-color: var(--primary);\n border-style: solid;\n border-width: 2px;\n}\n:host .papier .border-white {\n border-color: #41403e;\n border-color: var(--white);\n}\n:host .papier .border-dotted {\n border-style: dotted;\n}\n:host .papier .border-dashed {\n border-style: dashed;\n}\n:host .papier .border-thick {\n border-width: 5px;\n}\n:host .papier .border-primary {\n border-color: #41403e;\n border-color: var(--primary);\n}\n:host .papier .border-secondary {\n border-color: #41403e;\n border-color: var(--secondary);\n}\n:host .papier .border-success {\n border-color: #41403e;\n border-color: var(--success);\n}\n:host .papier .border-warning {\n border-color: #41403e;\n border-color: var(--warning);\n}\n:host .papier .border-danger {\n border-color: #41403e;\n border-color: var(--danger);\n}\n:host .papier .border-muted {\n border-color: #41403e;\n border-color: var(--muted);\n}\n:host .papier .shadow {\n transition: all 235ms ease 0s;\n box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2);\n}\n:host .papier .shadow.shadow-large {\n transition: all 235ms ease 0s;\n box-shadow: 20px 38px 34px -26px rgba(0, 0, 0, 0.2);\n}\n:host .papier .shadow.shadow-small {\n transition: all 235ms ease 0s;\n box-shadow: 10px 19px 17px -13px rgba(0, 0, 0, 0.2);\n}\n:host .papier .shadow.shadow-hover:hover {\n transform: translate3d(0, 2px, 0);\n box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3);\n}\n:host .papier .child-shadows > * {\n transition: all 235ms ease 0s;\n box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2);\n}\n:host .papier .child-shadows .shadow-none {\n box-shadow: none;\n}\n:host .papier .child-shadows-hover > * {\n transition: all 235ms ease 0s;\n box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2);\n}\n:host .papier .child-shadows-hover > *:hover {\n transform: translate3d(0, 2px, 0);\n box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3);\n}\n:host .papier .collapsible {\n display: flex;\n flex-direction: column;\n}\n:host .papier .collapsible:nth-of-type(1) {\n border-top-color: #41403e;\n border-top-color: var(--muted-light);\n border-top-style: solid;\n border-top-width: 1px;\n}\n:host .papier .collapsible .collapsible-body {\n border-bottom-color: #41403e;\n border-bottom-color: var(--muted-light);\n background-color: #41403e;\n background-color: var(--white-dark-light-80);\n transition: all 235ms ease-in-out 0s;\n border-bottom-style: solid;\n border-bottom-width: 1px;\n margin: 0;\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n padding: 0 0.75rem;\n}\n:host .papier .collapsible > input {\n display: none;\n}\n:host .papier .collapsible > input:checked + label {\n color: #41403e;\n color: var(--primary);\n}\n:host .papier .collapsible > input[id^=collapsible]:checked ~ div.collapsible-body {\n margin: 0;\n max-height: 960px;\n opacity: 1;\n padding: 0.75rem;\n}\n:host .papier .collapsible > label {\n color: #41403e;\n color: var(--primary);\n border-bottom-color: #41403e;\n border-bottom-color: var(--muted-light);\n border-bottom-style: solid;\n border-bottom-width: 1px;\n display: inline-block;\n font-weight: 600;\n margin: 0 0 -1px;\n padding: 0.75rem;\n text-align: center;\n}\n:host .papier .collapsible > label:hover {\n color: #41403e;\n color: var(--muted);\n cursor: pointer;\n}\n:host .papier .alert {\n border-color: #41403e;\n border-color: var(--primary);\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n border-style: solid;\n border-width: 2px;\n margin-bottom: 20px;\n padding: 15px;\n width: 100%;\n}\n:host .papier .alert.dismissible {\n transition: all 235ms ease-in-out 0s;\n display: flex;\n justify-content: space-between;\n max-height: 48rem;\n overflow: hidden;\n}\n:host .papier .alert .btn-close {\n transition: all 235ms ease-in-out 0s;\n color: #41403e;\n color: var(--primary-text);\n cursor: pointer;\n margin-left: 0.75rem;\n}\n:host .papier .alert .btn-close:hover, :host .papier .alert .btn-close:active, :host .papier .alert .btn-close:focus {\n color: #41403e;\n color: var(--primary-dark);\n}\n:host .papier .alert-primary {\n color: #41403e;\n color: var(--primary-text);\n background-color: #41403e;\n background-color: var(--primary-light);\n border-color: #41403e;\n border-color: var(--primary);\n}\n:host .papier .alert-primary .btn-close {\n color: #41403e;\n color: var(--primary-text);\n}\n:host .papier .alert-primary .btn-close:hover, :host .papier .alert-primary .btn-close:active, :host .papier .alert-primary .btn-close:focus {\n color: #41403e;\n color: var(--primary-dark);\n}\n:host .papier .alert-secondary {\n color: #41403e;\n color: var(--secondary-text);\n background-color: #41403e;\n background-color: var(--secondary-light);\n border-color: #41403e;\n border-color: var(--secondary);\n}\n:host .papier .alert-secondary .btn-close {\n color: #41403e;\n color: var(--secondary-text);\n}\n:host .papier .alert-secondary .btn-close:hover, :host .papier .alert-secondary .btn-close:active, :host .papier .alert-secondary .btn-close:focus {\n color: #41403e;\n color: var(--secondary-dark);\n}\n:host .papier .alert-success {\n color: #41403e;\n color: var(--success-text);\n background-color: #41403e;\n background-color: var(--success-light);\n border-color: #41403e;\n border-color: var(--success);\n}\n:host .papier .alert-success .btn-close {\n color: #41403e;\n color: var(--success-text);\n}\n:host .papier .alert-success .btn-close:hover, :host .papier .alert-success .btn-close:active, :host .papier .alert-success .btn-close:focus {\n color: #41403e;\n color: var(--success-dark);\n}\n:host .papier .alert-warning {\n color: #41403e;\n color: var(--warning-text);\n background-color: #41403e;\n background-color: var(--warning-light);\n border-color: #41403e;\n border-color: var(--warning);\n}\n:host .papier .alert-warning .btn-close {\n color: #41403e;\n color: var(--warning-text);\n}\n:host .papier .alert-warning .btn-close:hover, :host .papier .alert-warning .btn-close:active, :host .papier .alert-warning .btn-close:focus {\n color: #41403e;\n color: var(--warning-dark);\n}\n:host .papier .alert-danger {\n color: #41403e;\n color: var(--danger-text);\n background-color: #41403e;\n background-color: var(--danger-light);\n border-color: #41403e;\n border-color: var(--danger);\n}\n:host .papier .alert-danger .btn-close {\n color: #41403e;\n color: var(--danger-text);\n}\n:host .papier .alert-danger .btn-close:hover, :host .papier .alert-danger .btn-close:active, :host .papier .alert-danger .btn-close:focus {\n color: #41403e;\n color: var(--danger-dark);\n}\n:host .papier .alert-muted {\n color: #41403e;\n color: var(--muted-text);\n background-color: #41403e;\n background-color: var(--muted-light);\n border-color: #41403e;\n border-color: var(--muted);\n}\n:host .papier .alert-muted .btn-close {\n color: #41403e;\n color: var(--muted-text);\n}\n:host .papier .alert-muted .btn-close:hover, :host .papier .alert-muted .btn-close:active, :host .papier .alert-muted .btn-close:focus {\n color: #41403e;\n color: var(--muted-dark);\n}\n:host .papier .alert-state {\n display: none;\n}\n:host .papier .alert-state:checked + .dismissible {\n border-width: 0;\n margin: 0;\n max-height: 0;\n opacity: 0;\n padding-bottom: 0;\n padding-top: 0;\n}\n:host .papier article .article-title {\n font-size: 3rem;\n}\n:host .papier article .article-meta {\n color: #41403e;\n color: var(--muted-text);\n font-size: 15px;\n}\n:host .papier article .article-meta a {\n color: #41403e;\n color: var(--muted-text);\n background-image: none;\n}\n:host .papier article .article-meta a:hover {\n color: #41403e;\n color: var(--light-dark);\n}\n:host .papier article .text-lead {\n font-size: 30px;\n line-height: 1.3;\n margin: 35px;\n}\n:host .papier article button:not(:first-of-type) {\n margin-left: 2rem;\n}\n@media only screen and (max-width: 480px) {\n :host .papier article button:not(:first-of-type) {\n margin-left: 0;\n }\n}\n:host .papier article p {\n line-height: 1.6;\n}\n:host .papier .badge {\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n color: #41403e;\n color: var(--white);\n background-color: #41403e;\n background-color: var(--muted);\n border-color: #41403e;\n border-color: var(--primary);\n border: 2px solid;\n border-color: transparent;\n display: inline-block;\n font-size: 75%;\n font-weight: 700;\n line-height: 1;\n padding: 0.25em 0.4em;\n text-align: center;\n vertical-align: baseline;\n white-space: nowrap;\n}\n:host .papier .badge.primary {\n background-color: #41403e;\n background-color: var(--primary);\n}\n:host .papier .badge.secondary {\n background-color: #41403e;\n background-color: var(--secondary);\n}\n:host .papier .badge.success {\n background-color: #41403e;\n background-color: var(--success);\n}\n:host .papier .badge.warning {\n background-color: #41403e;\n background-color: var(--warning);\n}\n:host .papier .badge.danger {\n background-color: #41403e;\n background-color: var(--danger);\n}\n:host .papier .badge.muted {\n background-color: #41403e;\n background-color: var(--muted);\n}\n:host .papier ul.breadcrumb {\n list-style: none;\n padding: 10px 16px;\n}\n:host .papier ul.breadcrumb li {\n display: inline;\n font-size: 20px;\n}\n:host .papier ul.breadcrumb li::before {\n content: "";\n}\n:host .papier ul.breadcrumb li a {\n color: #41403e;\n color: var(--secondary);\n background-image: none;\n text-decoration: none;\n}\n:host .papier ul.breadcrumb li a:hover {\n text-decoration: underline;\n}\n:host .papier ul.breadcrumb li + li::before {\n content: "/ ";\n padding: 8px;\n}\n:host .papier button,\n:host .papier .paper-btn,\n:host .papier [type=button] {\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n transition: all 235ms ease 0s;\n box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2);\n transition: all 235ms ease-in-out 0s;\n color: #41403e;\n color: var(--primary);\n border-color: #41403e;\n border-color: var(--primary);\n background-color: #41403e;\n background-color: var(--main-background);\n align-self: center;\n background-image: none;\n border-style: solid;\n border-width: 2px;\n cursor: pointer;\n display: inline-block;\n font-size: 1rem;\n outline: none;\n padding: 0.75rem;\n}\n@media only screen and (max-width: 520px) {\n :host .papier button,\n :host .papier .paper-btn,\n :host .papier [type=button] {\n display: inline-block;\n margin: 0 auto;\n margin-bottom: 1rem;\n text-align: center;\n }\n}\n:host .papier button.btn-large,\n:host .papier .paper-btn.btn-large,\n:host .papier [type=button].btn-large {\n transition: all 235ms ease 0s;\n box-shadow: 20px 38px 34px -26px rgba(0, 0, 0, 0.2);\n font-size: 2rem;\n padding: 1rem;\n}\n:host .papier button.btn-small,\n:host .papier .paper-btn.btn-small,\n:host .papier [type=button].btn-small {\n transition: all 235ms ease 0s;\n box-shadow: 10px 19px 17px -13px rgba(0, 0, 0, 0.2);\n font-size: 0.75rem;\n padding: 0.5rem;\n}\n:host .papier button.btn-block,\n:host .papier .paper-btn.btn-block,\n:host .papier [type=button].btn-block {\n display: block;\n width: 100%;\n}\n:host .papier button:hover,\n:host .papier .paper-btn:hover,\n:host .papier [type=button]:hover {\n transform: translate3d(0, 2px, 0);\n box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3);\n}\n:host .papier button:focus,\n:host .papier .paper-btn:focus,\n:host .papier [type=button]:focus {\n border-color: #41403e;\n border-color: var(--secondary);\n border-style: solid;\n border-width: 2px;\n box-shadow: 2px 8px 4px -6px rgba(0, 0, 0, 0.3);\n}\n:host .papier button:active,\n:host .papier .paper-btn:active,\n:host .papier [type=button]:active {\n border-color: rgba(0, 0, 0, 0.2);\n transition: none;\n}\n:host .papier button.disabled, :host .papier button[disabled],\n:host .papier .paper-btn.disabled,\n:host .papier .paper-btn[disabled],\n:host .papier [type=button].disabled,\n:host .papier [type=button][disabled] {\n cursor: not-allowed;\n opacity: 0.5;\n}\n:host .papier a {\n color: #41403e;\n color: var(--secondary);\n background-image: linear-gradient(5deg, transparent 65%, #0b74d5 80%, transparent 90%), linear-gradient(165deg, transparent 5%, #0b74d5 15%, transparent 25%), linear-gradient(165deg, transparent 45%, #0b74d5 55%, transparent 65%), linear-gradient(15deg, transparent 25%, #0b74d5 35%, transparent 50%);\n background-position: 0 90%;\n background-repeat: repeat-x;\n background-size: 4px 3px;\n text-decoration: none;\n}\n:host .papier a:visited {\n color: #41403e;\n color: var(--primary);\n text-decoration: none;\n}\n:host .papier button.btn-primary,\n:host .papier .paper-btn.btn-primary,\n:host .papier [type=button].btn-primary {\n color: #41403e;\n color: var(--primary-text);\n background-color: #41403e;\n background-color: var(--primary-light);\n border-color: #41403e;\n border-color: var(--primary);\n}\n:host .papier button.btn-primary:hover:active,\n:host .papier .paper-btn.btn-primary:hover:active,\n:host .papier [type=button].btn-primary:hover:active {\n background-color: #b4b3b0;\n}\n:host .papier button.btn-secondary,\n:host .papier .paper-btn.btn-secondary,\n:host .papier [type=button].btn-secondary {\n color: #41403e;\n color: var(--secondary-text);\n background-color: #41403e;\n background-color: var(--secondary-light);\n border-color: #41403e;\n border-color: var(--secondary);\n}\n:host .papier button.btn-secondary:hover:active,\n:host .papier .paper-btn.btn-secondary:hover:active,\n:host .papier [type=button].btn-secondary:hover:active {\n background-color: #a7d3fa;\n}\n:host .papier button.btn-success,\n:host .papier .paper-btn.btn-success,\n:host .papier [type=button].btn-success {\n color: #41403e;\n color: var(--success-text);\n background-color: #41403e;\n background-color: var(--success-light);\n border-color: #41403e;\n border-color: var(--success);\n}\n:host .papier button.btn-success:hover:active,\n:host .papier .paper-btn.btn-success:hover:active,\n:host .papier [type=button].btn-success:hover:active {\n background-color: #bccca8;\n}\n:host .papier button.btn-warning,\n:host .papier .paper-btn.btn-warning,\n:host .papier [type=button].btn-warning {\n color: #41403e;\n color: var(--warning-text);\n background-color: #41403e;\n background-color: var(--warning-light);\n border-color: #41403e;\n border-color: var(--warning);\n}\n:host .papier button.btn-warning:hover:active,\n:host .papier .paper-btn.btn-warning:hover:active,\n:host .papier [type=button].btn-warning:hover:active {\n background-color: #ede49b;\n}\n:host .papier button.btn-danger,\n:host .papier .paper-btn.btn-danger,\n:host .papier [type=button].btn-danger {\n color: #41403e;\n color: var(--danger-text);\n background-color: #41403e;\n background-color: var(--danger-light);\n border-color: #41403e;\n border-color: var(--danger);\n}\n:host .papier button.btn-danger:hover:active,\n:host .papier .paper-btn.btn-danger:hover:active,\n:host .papier [type=button].btn-danger:hover:active {\n background-color: #e6a5a1;\n}\n:host .papier button.btn-muted,\n:host .papier .paper-btn.btn-muted,\n:host .papier [type=button].btn-muted {\n color: #41403e;\n color: var(--muted-text);\n background-color: #41403e;\n background-color: var(--muted-light);\n border-color: #41403e;\n border-color: var(--muted);\n}\n:host .papier button.btn-muted:hover:active,\n:host .papier .paper-btn.btn-muted:hover:active,\n:host .papier [type=button].btn-muted:hover:active {\n background-color: #caced1;\n}\n:host .papier button.btn-primary-outline,\n:host .papier .paper-btn.btn-primary-outline,\n:host .papier [type=button].btn-primary-outline {\n background-color: #41403e;\n background-color: var(--main-background);\n color: #41403e;\n color: var(--primary);\n border-color: #41403e;\n border-color: var(--primary);\n}\n:host .papier button.btn-primary-outline:hover,\n:host .papier .paper-btn.btn-primary-outline:hover,\n:host .papier [type=button].btn-primary-outline:hover {\n background-color: #cdcccb;\n}\n:host .papier button.btn-primary-outline:hover:active,\n:host .papier .paper-btn.btn-primary-outline:hover:active,\n:host .papier [type=button].btn-primary-outline:hover:active {\n background-color: #b4b3b0;\n}\n:host .papier button.btn-secondary-outline,\n:host .papier .paper-btn.btn-secondary-outline,\n:host .papier [type=button].btn-secondary-outline {\n background-color: #41403e;\n background-color: var(--main-background);\n color: #41403e;\n color: var(--secondary);\n border-color: #41403e;\n border-color: var(--secondary);\n}\n:host .papier button.btn-secondary-outline:hover,\n:host .papier .paper-btn.btn-secondary-outline:hover,\n:host .papier [type=button].btn-secondary-outline:hover {\n background-color: #d8ebfd;\n}\n:host .papier button.btn-secondary-outline:hover:active,\n:host .papier .paper-btn.btn-secondary-outline:hover:active,\n:host .papier [type=button].btn-secondary-outline:hover:active {\n background-color: #a7d3fa;\n}\n:host .papier button.btn-success-outline,\n:host .papier .paper-btn.btn-success-outline,\n:host .papier [type=button].btn-success-outline {\n background-color: #41403e;\n background-color: var(--main-background);\n color: #41403e;\n color: var(--success);\n border-color: #41403e;\n border-color: var(--success);\n}\n:host .papier button.btn-success-outline:hover,\n:host .papier .paper-btn.btn-success-outline:hover,\n:host .papier [type=button].btn-success-outline:hover {\n background-color: #d5dfc8;\n}\n:host .papier button.btn-success-outline:hover:active,\n:host .papier .paper-btn.btn-success-outline:hover:active,\n:host .papier [type=button].btn-success-outline:hover:active {\n background-color: #bccca8;\n}\n:host .papier button.btn-warning-outline,\n:host .papier .paper-btn.btn-warning-outline,\n:host .papier [type=button].btn-warning-outline {\n background-color: #41403e;\n background-color: var(--main-background);\n color: #41403e;\n color: var(--warning);\n border-color: #41403e;\n border-color: var(--warning);\n}\n:host .papier button.btn-warning-outline:hover,\n:host .papier .paper-btn.btn-warning-outline:hover,\n:host .papier [type=button].btn-warning-outline:hover {\n background-color: #f5f0c6;\n}\n:host .papier button.btn-warning-outline:hover:active,\n:host .papier .paper-btn.btn-warning-outline:hover:active,\n:host .papier [type=button].btn-warning-outline:hover:active {\n background-color: #ede49b;\n}\n:host .papier button.btn-danger-outline,\n:host .papier .paper-btn.btn-danger-outline,\n:host .papier [type=button].btn-danger-outline {\n background-color: #41403e;\n background-color: var(--main-background);\n color: #41403e;\n color: var(--danger);\n border-color: #41403e;\n border-color: var(--danger);\n}\n:host .papier button.btn-danger-outline:hover,\n:host .papier .paper-btn.btn-danger-outline:hover,\n:host .papier [type=button].btn-danger-outline:hover {\n background-color: #f0cbc9;\n}\n:host .papier button.btn-danger-outline:hover:active,\n:host .papier .paper-btn.btn-danger-outline:hover:active,\n:host .papier [type=button].btn-danger-outline:hover:active {\n background-color: #e6a5a1;\n}\n:host .papier button.btn-muted-outline,\n:host .papier .paper-btn.btn-muted-outline,\n:host .papier [type=button].btn-muted-outline {\n background-color: #41403e;\n background-color: var(--main-background);\n color: #41403e;\n color: var(--muted);\n border-color: #41403e;\n border-color: var(--muted);\n}\n:host .papier button.btn-muted-outline:hover,\n:host .papier .paper-btn.btn-muted-outline:hover,\n:host .papier [type=button].btn-muted-outline:hover {\n background-color: #e6e7e9;\n}\n:host .papier button.btn-muted-outline:hover:active,\n:host .papier .paper-btn.btn-muted-outline:hover:active,\n:host .papier [type=button].btn-muted-outline:hover:active {\n background-color: #caced1;\n}\n:host .papier .card {\n transition: all 235ms ease 0s;\n box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2);\n border-color: #41403e;\n border-color: var(--muted-light);\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n border-style: solid;\n border-width: 2px;\n display: flex;\n flex-direction: column;\n position: relative;\n will-change: transform;\n word-wrap: break-word;\n}\n:host .papier .card:hover {\n transform: translate3d(0, 2px, 0);\n box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3);\n}\n:host .papier .card .card-header,\n:host .papier .card .card-footer {\n background-color: #41403e;\n background-color: var(--white-dark);\n border-color: #41403e;\n border-color: var(--muted-light);\n padding: 0.75rem 1.25rem;\n}\n:host .papier .card .card-header {\n border-bottom-style: solid;\n border-bottom-width: 2px;\n}\n:host .papier .card .card-footer {\n border-top-style: solid;\n border-top-width: 2px;\n}\n:host .papier .card .card-body {\n flex: 1 1 auto;\n padding: 1.25rem;\n}\n:host .papier .card .card-body .card-title,\n:host .papier .card .card-body h4 {\n margin-bottom: 0.5rem;\n margin-top: 0;\n}\n:host .papier .card .card-body .card-subtitle,\n:host .papier .card .card-body h5 {\n color: #0b74d5;\n margin-bottom: 0.5rem;\n margin-top: 0;\n}\n:host .papier .card .card-body .card-text,\n:host .papier .card .card-body p {\n margin-bottom: 1rem;\n margin-top: 0;\n}\n:host .papier .card .card-body .card-link + .card-link,\n:host .papier .card .card-body a + a {\n margin-left: 1.25rem;\n}\n:host .papier .card .image-top,\n:host .papier .card .image-bottom,\n:host .papier .card img {\n border: 0;\n border-radius: 0;\n}\n:host .papier input,\n:host .papier select,\n:host .papier textarea {\n color: #41403e;\n color: var(--primary);\n border-color: #41403e;\n border-color: var(--primary);\n background: transparent;\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-style: solid;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n border-width: 2px;\n display: block;\n font-size: 1rem;\n outline: none;\n padding: 0.5rem;\n}\n:host .papier input:focus,\n:host .papier select:focus,\n:host .papier textarea:focus {\n border-color: #41403e;\n border-color: var(--secondary);\n border-style: solid;\n border-width: 2px;\n}\n:host .papier select {\n height: 2.35rem;\n}\n:host .papier .disabled, :host .papier input.disabled, :host .papier input[disabled],\n:host .papier select.disabled,\n:host .papier select[disabled],\n:host .papier textarea.disabled,\n:host .papier textarea[disabled] {\n cursor: not-allowed;\n opacity: 0.5;\n}\n:host .papier .form-group {\n margin-bottom: 1rem;\n}\n:host .papier .form-group > label,\n:host .papier .form-group legend {\n display: inline-block;\n margin-bottom: 0.5rem;\n}\n:host .papier .form-group .input-block {\n width: 100%;\n}\n:host .papier .form-group textarea {\n max-height: 90vh;\n max-width: 100%;\n}\n:host .papier .form-group textarea.no-resize {\n resize: none;\n}\n:host .papier .form-group .paper-radio,\n:host .papier .form-group .paper-check {\n cursor: pointer;\n display: block;\n margin-bottom: 0.5rem;\n /* the basic, unchecked style */\n}\n:host .papier .form-group .paper-radio input,\n:host .papier .form-group .paper-check input {\n border: 0;\n height: 1px;\n margin: -1px;\n opacity: 0;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n /* radio styles */\n /* checkbox styles */\n}\n:host .papier .form-group .paper-radio input + span,\n:host .papier .form-group .paper-check input + span {\n display: block;\n}\n:host .papier .form-group .paper-radio input + span::before,\n:host .papier .form-group .paper-check input + span::before {\n border-color: #41403e;\n border-color: var(--primary);\n border-style: solid;\n border-width: 2px;\n content: "";\n display: inline-block;\n height: 1rem;\n margin-right: 0.75em;\n position: relative;\n vertical-align: -0.25em;\n width: 1rem;\n}\n:host .papier .form-group .paper-radio input[type=radio] + span::before,\n:host .papier .form-group .paper-check input[type=radio] + span::before {\n border-bottom-left-radius: 0.7rem 1rem;\n border-bottom-right-radius: 1rem 0.9rem;\n border-top-left-radius: 1rem 1rem;\n border-top-right-radius: 1rem 0.6rem;\n}\n:host .papier .form-group .paper-radio input[type=radio]:checked + span::before,\n:host .papier .form-group .paper-check input[type=radio]:checked + span::before {\n background: url("data:image/svg+xml,%3Csvg%20xmlns%3D\'http%3A//www.w3.org/2000/svg\'%20viewBox%3D\'0%200%20100%20100\'%3E%3Cpath%20fill%3D\'%230b74d5\'%20d%3D\'M49.346,46.341c-3.79-2.005,3.698-10.294,7.984-8.89%20c8.713,2.852,4.352,20.922-4.901,20.269c-4.684-0.33-12.616-7.405-14.38-11.818c-2.375-5.938,7.208-11.688,11.624-13.837%20c9.078-4.42,18.403-3.503,22.784,6.651c4.049,9.378,6.206,28.09-1.462,36.276c-7.091,7.567-24.673,2.277-32.357-1.079%20c-11.474-5.01-24.54-19.124-21.738-32.758c3.958-19.263,28.856-28.248,46.044-23.244c20.693,6.025,22.012,36.268,16.246,52.826%20c-5.267,15.118-17.03,26.26-33.603,21.938c-11.054-2.883-20.984-10.949-28.809-18.908C9.236,66.096,2.704,57.597,6.01,46.371%20c3.059-10.385,12.719-20.155,20.892-26.604C40.809,8.788,58.615,1.851,75.058,12.031c9.289,5.749,16.787,16.361,18.284,27.262%20c0.643,4.698,0.646,10.775-3.811,13.746\'%3E%3C/path%3E%3C/svg%3E") left center no-repeat;\n}\n:host .papier .form-group .paper-radio input[type=checkbox],\n:host .papier .form-group .paper-check input[type=checkbox] {\n /* checked */\n}\n:host .papier .form-group .paper-radio input[type=checkbox] + span::before,\n:host .papier .form-group .paper-check input[type=checkbox] + span::before {\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n}\n:host .papier .form-group .paper-radio input[type=checkbox]:checked + span::before,\n:host .papier .form-group .paper-check input[type=checkbox]:checked + span::before {\n background: url("data:image/svg+xml,%3Csvg%20xmlns%3D\'http%3A//www.w3.org/2000/svg\'%20viewBox%3D\'0%200%20100%20100\'%3E%3Cpath%20stroke%3D\'%230b74d5\'%20fill-opacity%3D\'0\'%20stroke-width%3D\'16\'%20d%3D\'m13,62c0.61067,1.6%201.3045,2.3045%201.75717,2.75716c0.72683,0.72684%201.24283,1.24284%202.07617,2.07617c0.54133,0.54133%201.04116,1.06035%201.82833,1.82383c0.5781,0.5607%201.00502,0.96983%202.02633,1.74417c0.55877,0.42365%201.191,0.84034%201.884,1.284c1.16491,0.74577%201.59777,1.00147%202.5,1.55067c0.4692,0.28561%201.43689,0.86868%201.93067,1.16534c0.99711,0.59904%201.99667,1.19755%202.49283,1.49866c0.98501,0.59779%201.47073,0.89648%201.94733,1.2c1.3971,0.88972%201.83738,1.19736%202.7,1.7955c0.42201,0.29262%201.24022,0.87785%202.05583,1.41917c0.79531,0.52785%201.59376,1.0075%202.38,1.43867c0.74477,0.40842%201.45167,0.75802%202.37817,1.22517c0.76133,0.38387%201.54947,0.82848%202.40717,1.41084c0.7312,0.49647%201.49563,1.08231%202.27884,1.258c0.35564,0.07978%200.14721,-0.95518%200.35733,-1.86867c0.18092,-0.78651%200.98183,-1.2141%200.99983,-2.07867c0.02073,-0.99529%200.07916,-1.79945%200.42533,-2.56133c0.43607,-0.95973%200.53956,-1.66774%200.79617,-2.68183c0.18888,-0.74645%200.39764,-1.31168%200.7785,-2.6235c0.20865,-0.71867%200.41483,-1.48614%200.708,-2.28c0.15452,-0.41843%200.77356,-1.73138%201.348,-2.64133c0.30581,-0.48443%200.65045,-0.97043%201.0065,-1.4745c0.74776,-1.05863%201.1531,-1.60163%201.9375,-2.77084c0.40621,-0.60548%200.80272,-1.23513%201.2045,-1.8765c0.40757,-0.65062%200.81464,-1.31206%201.2315,-1.9755c0.41946,-0.66757%200.83374,-1.34258%201.73067,-2.648c0.44696,-0.65053%200.91436,-1.28356%201.386,-1.9095c0.46972,-0.6234%200.94725,-1.2364%201.422,-1.8465c0.94116,-1.20947%201.86168,-2.40844%202.30367,-3.0105c0.438,-0.59664%200.86246,-1.19396%201.27501,-1.7895c0.40743,-0.58816%200.80352,-1.17234%201.185,-1.7535c1.10526,-1.68381%201.44079,-2.23511%201.77633,-2.7705c0.32878,-0.52461%200.96306,-1.5459%201.27467,-2.04c0.60654,-0.96177%201.20782,-1.88193%201.51051,-2.325c0.59013,-0.86381%201.17888,-1.68032%201.46416,-2.075c0.5498,-0.76063%201.31747,-1.8231%201.77883,-2.4895c0.43918,-0.63437%200.85266,-1.25267%201.45717,-2.15717c0.59549,-0.891%200.96531,-1.46814%201.51466,-2.22933c0.58413,-0.80936%201.12566,-1.40253%201.83801,-2.12333c0.61304,-0.62031%200.45171,-1.48306%200.7045,-2.34733c0.25668,-0.87762%200.75447,-1.62502%201,-2.40983c0.25128,-0.8032%200.7633,-1.39453%201.33217,-2.25417c0.54528,-0.82398%200.73415,-1.6714%201.31516,-2.336c0.55639,-0.63644%201.38658,-1.22588%201.8595,-1.9c0.5082,-0.72441%200.78867,-1.4%201.60266,-1.56667l0.71184,-0.4905\'%3E%3C/path%3E%3C/svg%3E") left center no-repeat;\n}\n:host .papier .form-group .paper-switch-label,\n:host .papier .form-group .paper-switch-2-label {\n cursor: pointer;\n float: left;\n}\n:host .papier .form-group .paper-switch-label {\n margin: -6px 10px 0 0;\n}\n:host .papier .form-group .paper-switch-2-label {\n margin: 0 10px 0 0;\n}\n:host .papier .form-group .paper-switch,\n:host .papier .form-group .paper-switch-2 {\n display: block;\n float: left;\n margin: 0 10px 0 0;\n position: relative;\n}\n:host .papier .form-group .paper-switch input,\n:host .papier .form-group .paper-switch-2 input {\n height: 0;\n opacity: 0;\n width: 0;\n}\n:host .papier .form-group .paper-switch input:checked + .paper-switch-slider,\n:host .papier .form-group .paper-switch-2 input:checked + .paper-switch-slider {\n background-color: #41403e;\n background-color: var(--success-light);\n}\n:host .papier .form-group .paper-switch input:checked + .paper-switch-slider::before,\n:host .papier .form-group .paper-switch-2 input:checked + .paper-switch-slider::before {\n transform: translateX(26px);\n}\n:host .papier .form-group .paper-switch input:focus + .paper-switch-slider,\n:host .papier .form-group .paper-switch-2 input:focus + .paper-switch-slider {\n box-shadow: 0 0 3px #0b74d5;\n}\n:host .papier .form-group .paper-switch .paper-switch-slider,\n:host .papier .form-group .paper-switch-2 .paper-switch-slider {\n border-color: #41403e;\n border-color: var(--primary);\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-style: solid;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n border-width: 2px;\n bottom: 0;\n cursor: pointer;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n transition: 0.4s;\n}\n:host .papier .form-group .paper-switch .paper-switch-slider::before,\n:host .papier .form-group .paper-switch-2 .paper-switch-slider::before {\n background: #41403e;\n background: var(--secondary);\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n content: "";\n left: 4px;\n position: absolute;\n transition: 0.4s;\n}\n:host .papier .form-group .paper-switch .paper-switch-slider.round,\n:host .papier .form-group .paper-switch-2 .paper-switch-slider.round {\n border-color: #41403e;\n border-color: var(--primary);\n border-bottom-left-radius: 0.7rem 1rem;\n border-bottom-right-radius: 1rem 0.9rem;\n border-style: solid;\n border-top-left-radius: 1rem 1rem;\n border-top-right-radius: 1rem 0.6rem;\n border-width: 2px;\n}\n:host .papier .form-group .paper-switch .paper-switch-slider.round::before,\n:host .papier .form-group .paper-switch-2 .paper-switch-slider.round::before {\n background: url("data:image/svg+xml,%3Csvg%20xmlns%3D\'http%3A//www.w3.org/2000/svg\'%20viewBox%3D\'0%200%20100%20100\'%3E%3Cpath%20fill%3D\'%230071de\'%20d%3D\'M49.346,46.341c-3.79-2.005,3.698-10.294,7.984-8.89%20c8.713,2.852,4.352,20.922-4.901,20.269c-4.684-0.33-12.616-7.405-14.38-11.818c-2.375-5.938,7.208-11.688,11.624-13.837%20c9.078-4.42,18.403-3.503,22.784,6.651c4.049,9.378,6.206,28.09-1.462,36.276c-7.091,7.567-24.673,2.277-32.357-1.079%20c-11.474-5.01-24.54-19.124-21.738-32.758c3.958-19.263,28.856-28.248,46.044-23.244c20.693,6.025,22.012,36.268,16.246,52.826%20c-5.267,15.118-17.03,26.26-33.603,21.938c-11.054-2.883-20.984-10.949-28.809-18.908C9.236,66.096,2.704,57.597,6.01,46.371%20c3.059-10.385,12.719-20.155,20.892-26.604C40.809,8.788,58.615,1.851,75.058,12.031c9.289,5.749,16.787,16.361,18.284,27.262%20c0.643,4.698,0.646,10.775-3.811,13.746\'%3E%3C/path%3E%3C/svg%3E") left center no-repeat;\n border-bottom-left-radius: 0.7rem 1rem;\n border-bottom-right-radius: 1rem 0.9rem;\n border-top-left-radius: 1rem 1rem;\n border-top-right-radius: 1rem 0.6rem;\n left: 4px;\n}\n:host .papier .form-group .paper-switch {\n height: 12px;\n width: 60px;\n}\n:host .papier .form-group .paper-switch .paper-switch-slider::before {\n bottom: -6px;\n height: 20px;\n width: 20px;\n}\n:host .papier .form-group .paper-switch .paper-switch-slider.round::before {\n bottom: -7px;\n height: 23px;\n width: 23px;\n}\n:host .papier .form-group .paper-switch-2 {\n height: 22px;\n width: 50px;\n}\n:host .papier .form-group .paper-switch-2 .paper-switch-slider::before {\n bottom: 2px;\n height: 14px;\n width: 14px;\n}\n:host .papier .form-group .paper-switch-2 .paper-switch-slider.round::before {\n bottom: 2px;\n height: 14px;\n width: 14px;\n}\n:host .papier .form-group .paper-switch-tile {\n cursor: pointer;\n display: block;\n float: left;\n height: 80px;\n margin: 40px 0 0 40px;\n perspective: 1000px;\n position: relative;\n transform: translate(-50%, -50%);\n transform-style: preserve-3d;\n width: 80px;\n}\n:host .papier .form-group .paper-switch-tile:hover .paper-switch-tile-card {\n box-shadow: 2px 8px 4px -5px rgba(0, 0, 0, 0.2);\n transform: rotateX(30deg);\n}\n:host .papier .form-group .paper-switch-tile:hover:checked + .paper-switch-tile-card {\n background-color: transparent;\n box-shadow: 0 10px 15px -15px rgba(0, 0, 0, 0.9);\n transform: rotateX(150deg);\n}\n:host .papier .form-group .paper-switch-tile input {\n display: none;\n}\n:host .papier .form-group .paper-switch-tile input:checked + .paper-switch-tile-card {\n transform: rotateX(180deg);\n}\n:host .papier .form-group .paper-switch-tile-card {\n background-color: transparent;\n border-color: transparent;\n height: 100%;\n position: relative;\n transform-style: preserve-3d;\n transition: all 600ms;\n width: 100%;\n}\n:host .papier .form-group .paper-switch-tile-card div {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3);\n height: 100%;\n line-height: 70px;\n position: absolute;\n text-align: center;\n width: 100%;\n}\n:host .papier .form-group .paper-switch-tile-card .paper-switch-tile-card-back {\n transform: rotateX(180deg);\n}\n:host .papier .form-group input[type=range] {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border-width: 0;\n padding: 0;\n /* For Chromium */\n /* For Mozilla Firefox */\n /* For IE */\n}\n:host .papier .form-group input[type=range]::-webkit-slider-runnable-track {\n background: #41403e;\n background: var(--secondary);\n border-color: #41403e;\n border-color: var(--primary);\n border-radius: 18px;\n border-style: solid;\n border-width: 1px;\n box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;\n cursor: pointer;\n height: 8px;\n margin: 10px 0;\n width: 100%;\n}\n:host .papier .form-group input[type=range]::-webkit-slider-thumb {\n background: #41403e;\n background: var(--white);\n border-color: #41403e;\n border-color: var(--primary);\n -webkit-appearance: none;\n appearance: none;\n border-bottom-left-radius: 0.7rem 1rem;\n border-bottom-right-radius: 1rem 0.9rem;\n border-style: solid;\n border-top-left-radius: 1rem 1rem;\n border-top-right-radius: 1rem 0.6rem;\n border-width: 1px;\n box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;\n cursor: pointer;\n height: 36px;\n margin-top: -14px;\n width: 16px;\n}\n:host .papier .form-group input[type=range]::-moz-range-track {\n background: #41403e;\n background: var(--secondary);\n border-color: #41403e;\n border-color: var(--primary);\n border-radius: 18px;\n box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;\n cursor: pointer;\n height: 8px;\n width: 100%;\n}\n:host .papier .form-group input[type=range]::-moz-range-thumb {\n background: #41403e;\n background: var(--white);\n border-color: #41403e;\n border-color: var(--primary);\n border-bottom-left-radius: 0.7rem 1rem;\n border-bottom-right-radius: 1rem 0.9rem;\n border-style: solid;\n border-top-left-radius: 1rem 1rem;\n border-top-right-radius: 1rem 0.6rem;\n border-width: 1px;\n box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;\n cursor: pointer;\n height: 36px;\n width: 16px;\n}\n:host .papier .form-group input[type=range]::-ms-track {\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n cursor: pointer;\n height: 8px;\n width: 100%;\n}\n:host .papier .form-group input[type=range]::-ms-fill-lower, :host .papier .form-group input[type=range]::-ms-fill-upper {\n background: #41403e;\n background: var(--secondary);\n border-color: #41403e;\n border-color: var(--primary);\n border-radius: 18px;\n border-style: solid;\n border-width: 1px;\n box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;\n}\n:host .papier .form-group input[type=range]::-ms-thumb {\n background: #41403e;\n background: var(--white);\n border-color: #41403e;\n border-color: var(--primary);\n border: 1px solid #41403e;\n border-bottom-left-radius: 0.7rem 1rem;\n border-bottom-right-radius: 1rem 0.9rem;\n border-style: solid;\n border-top-left-radius: 1rem 1rem;\n border-top-right-radius: 1rem 0.6rem;\n border-width: 1px;\n box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;\n cursor: pointer;\n height: 36px;\n width: 16px;\n}\n:host .papier fieldset.form-group {\n border: 0;\n padding: 0;\n}\n:host .papier .modal {\n transition: opacity 235ms ease-in-out 0s;\n background: rgba(0, 0, 0, 0.6);\n bottom: 0;\n flex: 1 1 auto;\n left: 0;\n opacity: 0;\n position: fixed;\n right: 0;\n text-align: left;\n top: 0;\n visibility: hidden;\n word-wrap: break-word;\n z-index: 200;\n}\n:host .papier .modal-bg {\n bottom: 0;\n cursor: pointer;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n}\n:host .papier .modal .modal-body {\n color: #41403e;\n color: var(--primary);\n background: #41403e;\n background: var(--main-background);\n border-color: #41403e;\n border-color: var(--muted-light);\n transition: all 235ms ease-in-out 0s;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n border: 2px solid;\n left: 50%;\n padding: 1.25rem;\n position: absolute;\n top: 0;\n transform: translate(-50%, -50%);\n}\n@media only screen and (max-width: 768px) {\n :host .papier .modal .modal-body {\n box-sizing: border-box;\n width: 90%;\n }\n}\n:host .papier .modal .btn-close {\n color: #41403e;\n color: var(--primary-light);\n transition: all 235ms ease-in-out 0s;\n cursor: pointer;\n font-size: 30px;\n height: 1.1rem;\n position: absolute;\n right: 1rem;\n text-decoration: none;\n top: 1rem;\n width: 1.1rem;\n}\n:host .papier .modal .btn-close:hover, :host .papier .modal .btn-close:active, :host .papier .modal .btn-close:focus {\n color: #41403e;\n color: var(--primary);\n}\n:host .papier .modal h4,\n:host .papier .modal .modal-title {\n margin-bottom: 0.5rem;\n margin-top: 0;\n}\n:host .papier .modal h5,\n:host .papier .modal .modal-subtitle {\n color: #41403e;\n color: var(--secondary);\n margin-bottom: 0.5rem;\n margin-top: 0;\n}\n:host .papier .modal p,\n:host .papier .modal .modal-text {\n margin-bottom: 1rem;\n margin-top: 0;\n}\n:host .papier .modal .modal-link + .modal-link,\n:host .papier .modal a + a {\n margin-left: 1.25rem;\n}\n:host .papier .modal .paper-btn {\n background: #41403e;\n background: var(--main-background);\n display: inline-block;\n text-decoration: none;\n}\n:host .papier .modal .modal-link,\n:host .papier .modal a {\n background-image: linear-gradient(5deg, transparent 65%, #0b74d5 80%, transparent 90%), linear-gradient(165deg, transparent 5%, #0b74d5 15%, transparent 25%), linear-gradient(165deg, transparent 45%, #0b74d5 55%, transparent 65%), linear-gradient(15deg, transparent 25%, #0b74d5 35%, transparent 50%);\n background-position: 0 90%;\n background-repeat: repeat-x;\n background-size: 4px 3px;\n cursor: pointer;\n text-decoration: none;\n}\n:host .papier .modal .modal-link:hover, :host .papier .modal .modal-link:focus, :host .papier .modal .modal-link:visited,\n:host .papier .modal a:hover,\n:host .papier .modal a:focus,\n:host .papier .modal a:visited {\n color: #41403e;\n color: var(--primary);\n text-decoration: none;\n}\n:host .papier .modal-state {\n display: none;\n}\n:host .papier .modal-state:checked + .modal {\n opacity: 1;\n visibility: visible;\n}\n:host .papier .modal-state:checked + .modal .modal-body {\n top: 50%;\n}\n:host .papier [popover-top],\n:host .papier [popover-right],\n:host .papier [popover-bottom],\n:host .papier [popover-left] {\n margin: 24px;\n position: relative;\n}\n:host .papier [popover-top]:hover::after,\n:host .papier [popover-right]:hover::after,\n:host .papier [popover-bottom]:hover::after,\n:host .papier [popover-left]:hover::after {\n opacity: 1;\n transition: opacity 235ms ease-in-out, visibility 0s linear;\n visibility: visible;\n}\n:host .papier [popover-top]::after,\n:host .papier [popover-right]::after,\n:host .papier [popover-bottom]::after,\n:host .papier [popover-left]::after {\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n background-color: #41403e;\n background-color: var(--light-dark);\n border-color: #41403e;\n border-color: var(--light-dark);\n color: #41403e;\n color: var(--primary-inverse);\n border-style: solid;\n border-width: 2px;\n font-size: 0.7em;\n left: 50%;\n min-width: 80px;\n opacity: 0;\n padding: 4px 2px;\n position: absolute;\n text-align: center;\n top: -6px;\n transform: translateX(-50%) translateY(-100%);\n transition: opacity 235ms ease-in-out, visibility 0s linear 235ms;\n visibility: hidden;\n}\n:host .papier [popover-left]::before {\n left: 0;\n margin-left: -12px;\n top: 50%;\n transform: translateY(-50%) rotate(-90deg);\n}\n:host .papier [popover-left]::after {\n content: attr(popover-left);\n left: 0;\n margin-left: -8px;\n top: 50%;\n transform: translateX(-100%) translateY(-50%);\n}\n:host .papier [popover-right]::before {\n left: 100%;\n margin-left: 1px;\n top: 50%;\n transform: translatey(-50%) rotate(90deg);\n}\n:host .papier [popover-right]::after {\n content: attr(popover-right);\n left: 100%;\n margin-left: 8px;\n top: 50%;\n transform: translateX(0%) translateY(-50%);\n}\n:host .papier [popover-top]::before {\n left: 50%;\n}\n:host .papier [popover-top]::after {\n content: attr(popover-top);\n left: 50%;\n}\n:host .papier [popover-bottom]::before {\n margin-top: 8px;\n top: 100%;\n transform: translateX(-50%) translatey(-100%) rotate(-180deg);\n}\n:host .papier [popover-bottom]::after {\n content: attr(popover-bottom);\n margin-top: 8px;\n top: 100%;\n transform: translateX(-50%) translateY(0%);\n}\n:host .papier .progress {\n border-bottom-left-radius: 20px 115px;\n border-bottom-right-radius: 15px 105px;\n border-top-left-radius: 250px 15px;\n border-top-right-radius: 25px 80px;\n border-color: #41403e;\n border-color: var(--primary);\n border: 2px solid;\n box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3);\n height: 1.2rem;\n overflow: hidden;\n width: 100%;\n}\n:host .papier .progress .bar {\n border-bottom-left-radius: 20px 115px;\n border-bottom-right-radius: 15px 105px;\n border-top-left-radius: 250px 15px;\n border-top-right-radius: 25px 80px;\n transition: all 235ms ease-in-out 0s;\n background-color: #41403e;\n background-color: var(--primary-light);\n border-color: #41403e;\n border-color: var(--primary);\n border-right: 2px solid;\n display: flex;\n flex-direction: column;\n font-size: 0.6rem;\n height: 100%;\n justify-content: center;\n text-align: center;\n width: 0%;\n}\n:host .papier .progress .bar.striped {\n background: repeating-linear-gradient(45deg, #cdcccb, #cdcccb 0.25rem, #b4b3b0 0.25rem, #b4b3b0 0.5rem);\n}\n:host .papier .progress .bar.primary {\n background-color: #41403e;\n background-color: var(--primary-light);\n}\n:host .papier .progress .bar.primary.striped {\n background: repeating-linear-gradient(45deg, #cdcccb, #cdcccb 0.25rem, #b4b3b0 0.25rem, #b4b3b0 0.5rem);\n}\n:host .papier .progress .bar.secondary {\n background-color: #41403e;\n background-color: var(--secondary-light);\n}\n:host .papier .progress .bar.secondary.striped {\n background: repeating-linear-gradient(45deg, #d8ebfd, #d8ebfd 0.25rem, #a7d3fa 0.25rem, #a7d3fa 0.5rem);\n}\n:host .papier .progress .bar.success {\n background-color: #41403e;\n background-color: var(--success-light);\n}\n:host .papier .progress .bar.success.striped {\n background: repeating-linear-gradient(45deg, #d5dfc8, #d5dfc8 0.25rem, #bccca8 0.25rem, #bccca8 0.5rem);\n}\n:host .papier .progress .bar.warning {\n background-color: #41403e;\n background-color: var(--warning-light);\n}\n:host .papier .progress .bar.warning.striped {\n background: repeating-linear-gradient(45deg, #f5f0c6, #f5f0c6 0.25rem, #ede49b 0.25rem, #ede49b 0.5rem);\n}\n:host .papier .progress .bar.danger {\n background-color: #41403e;\n background-color: var(--danger-light);\n}\n:host .papier .progress .bar.danger.striped {\n background: repeating-linear-gradient(45deg, #f0cbc9, #f0cbc9 0.25rem, #e6a5a1 0.25rem, #e6a5a1 0.5rem);\n}\n:host .papier .progress .bar.muted {\n background-color: #41403e;\n background-color: var(--muted-light);\n}\n:host .papier .progress .bar.muted.striped {\n background: repeating-linear-gradient(45deg, #e6e7e9, #e6e7e9 0.25rem, #caced1 0.25rem, #caced1 0.5rem);\n}\n:host .papier .progress .bar.w-0 {\n width: 0%;\n}\n:host .papier .progress .bar.w-1 {\n width: 1%;\n}\n:host .papier .progress .bar.w-2 {\n width: 2%;\n}\n:host .papier .progress .bar.w-3 {\n width: 3%;\n}\n:host .papier .progress .bar.w-4 {\n width: 4%;\n}\n:host .papier .progress .bar.w-5 {\n width: 5%;\n}\n:host .papier .progress .bar.w-6 {\n width: 6%;\n}\n:host .papier .progress .bar.w-7 {\n width: 7%;\n}\n:host .papier .progress .bar.w-8 {\n width: 8%;\n}\n:host .papier .progress .bar.w-9 {\n width: 9%;\n}\n:host .papier .progress .bar.w-10 {\n width: 10%;\n}\n:host .papier .progress .bar.w-11 {\n width: 11%;\n}\n:host .papier .progress .bar.w-12 {\n width: 12%;\n}\n:host .papier .progress .bar.w-13 {\n width: 13%;\n}\n:host .papier .progress .bar.w-14 {\n width: 14%;\n}\n:host .papier .progress .bar.w-15 {\n width: 15%;\n}\n:host .papier .progress .bar.w-16 {\n width: 16%;\n}\n:host .papier .progress .bar.w-17 {\n width: 17%;\n}\n:host .papier .progress .bar.w-18 {\n width: 18%;\n}\n:host .papier .progress .bar.w-19 {\n width: 19%;\n}\n:host .papier .progress .bar.w-20 {\n width: 20%;\n}\n:host .papier .progress .bar.w-21 {\n width: 21%;\n}\n:host .papier .progress .bar.w-22 {\n width: 22%;\n}\n:host .papier .progress .bar.w-23 {\n width: 23%;\n}\n:host .papier .progress .bar.w-24 {\n width: 24%;\n}\n:host .papier .progress .bar.w-25 {\n width: 25%;\n}\n:host .papier .progress .bar.w-26 {\n width: 26%;\n}\n:host .papier .progress .bar.w-27 {\n width: 27%;\n}\n:host .papier .progress .bar.w-28 {\n width: 28%;\n}\n:host .papier .progress .bar.w-29 {\n width: 29%;\n}\n:host .papier .progress .bar.w-30 {\n width: 30%;\n}\n:host .papier .progress .bar.w-31 {\n width: 31%;\n}\n:host .papier .progress .bar.w-32 {\n width: 32%;\n}\n:host .papier .progress .bar.w-33 {\n width: 33%;\n}\n:host .papier .progress .bar.w-34 {\n width: 34%;\n}\n:host .papier .progress .bar.w-35 {\n width: 35%;\n}\n:host .papier .progress .bar.w-36 {\n width: 36%;\n}\n:host .papier .progress .bar.w-37 {\n width: 37%;\n}\n:host .papier .progress .bar.w-38 {\n width: 38%;\n}\n:host .papier .progress .bar.w-39 {\n width: 39%;\n}\n:host .papier .progress .bar.w-40 {\n width: 40%;\n}\n:host .papier .progress .bar.w-41 {\n width: 41%;\n}\n:host .papier .progress .bar.w-42 {\n width: 42%;\n}\n:host .papier .progress .bar.w-43 {\n width: 43%;\n}\n:host .papier .progress .bar.w-44 {\n width: 44%;\n}\n:host .papier .progress .bar.w-45 {\n width: 45%;\n}\n:host .papier .progress .bar.w-46 {\n width: 46%;\n}\n:host .papier .progress .bar.w-47 {\n width: 47%;\n}\n:host .papier .progress .bar.w-48 {\n width: 48%;\n}\n:host .papier .progress .bar.w-49 {\n width: 49%;\n}\n:host .papier .progress .bar.w-50 {\n width: 50%;\n}\n:host .papier .progress .bar.w-51 {\n width: 51%;\n}\n:host .papier .progress .bar.w-52 {\n width: 52%;\n}\n:host .papier .progress .bar.w-53 {\n width: 53%;\n}\n:host .papier .progress .bar.w-54 {\n width: 54%;\n}\n:host .papier .progress .bar.w-55 {\n width: 55%;\n}\n:host .papier .progress .bar.w-56 {\n width: 56%;\n}\n:host .papier .progress .bar.w-57 {\n width: 57%;\n}\n:host .papier .progress .bar.w-58 {\n width: 58%;\n}\n:host .papier .progress .bar.w-59 {\n width: 59%;\n}\n:host .papier .progress .bar.w-60 {\n width: 60%;\n}\n:host .papier .progress .bar.w-61 {\n width: 61%;\n}\n:host .papier .progress .bar.w-62 {\n width: 62%;\n}\n:host .papier .progress .bar.w-63 {\n width: 63%;\n}\n:host .papier .progress .bar.w-64 {\n width: 64%;\n}\n:host .papier .progress .bar.w-65 {\n width: 65%;\n}\n:host .papier .progress .bar.w-66 {\n width: 66%;\n}\n:host .papier .progress .bar.w-67 {\n width: 67%;\n}\n:host .papier .progress .bar.w-68 {\n width: 68%;\n}\n:host .papier .progress .bar.w-69 {\n width: 69%;\n}\n:host .papier .progress .bar.w-70 {\n width: 70%;\n}\n:host .papier .progress .bar.w-71 {\n width: 71%;\n}\n:host .papier .progress .bar.w-72 {\n width: 72%;\n}\n:host .papier .progress .bar.w-73 {\n width: 73%;\n}\n:host .papier .progress .bar.w-74 {\n width: 74%;\n}\n:host .papier .progress .bar.w-75 {\n width: 75%;\n}\n:host .papier .progress .bar.w-76 {\n width: 76%;\n}\n:host .papier .progress .bar.w-77 {\n width: 77%;\n}\n:host .papier .progress .bar.w-78 {\n width: 78%;\n}\n:host .papier .progress .bar.w-79 {\n width: 79%;\n}\n:host .papier .progress .bar.w-80 {\n width: 80%;\n}\n:host .papier .progress .bar.w-81 {\n width: 81%;\n}\n:host .papier .progress .bar.w-82 {\n width: 82%;\n}\n:host .papier .progress .bar.w-83 {\n width: 83%;\n}\n:host .papier .progress .bar.w-84 {\n width: 84%;\n}\n:host .papier .progress .bar.w-85 {\n width: 85%;\n}\n:host .papier .progress .bar.w-86 {\n width: 86%;\n}\n:host .papier .progress .bar.w-87 {\n width: 87%;\n}\n:host .papier .progress .bar.w-88 {\n width: 88%;\n}\n:host .papier .progress .bar.w-89 {\n width: 89%;\n}\n:host .papier .progress .bar.w-90 {\n width: 90%;\n}\n:host .papier .progress .bar.w-91 {\n width: 91%;\n}\n:host .papier .progress .bar.w-92 {\n width: 92%;\n}\n:host .papier .progress .bar.w-93 {\n width: 93%;\n}\n:host .papier .progress .bar.w-94 {\n width: 94%;\n}\n:host .papier .progress .bar.w-95 {\n width: 95%;\n}\n:host .papier .progress .bar.w-96 {\n width: 96%;\n}\n:host .papier .progress .bar.w-97 {\n width: 97%;\n}\n:host .papier .progress .bar.w-98 {\n width: 98%;\n}\n:host .papier .progress .bar.w-99 {\n width: 99%;\n}\n:host .papier .progress .bar.w-100 {\n width: 100%;\n}\n:host .papier .progress .bar.w-0, :host .papier .progress .bar.w-100 {\n border-right: 0;\n}\n:host .papier .tabs .content {\n display: none;\n flex-basis: 100%;\n padding: 0.75rem 0 0;\n}\n:host .papier .tabs input {\n display: none;\n}\n:host .papier .tabs input:checked + label {\n color: #41403e;\n color: var(--primary);\n border-bottom-color: #41403e;\n border-bottom-color: var(--secondary);\n border-bottom-style: solid;\n border-bottom-width: 3px;\n}\n:host .papier .tabs input[id$=tab1]:checked ~ div[id$=content1] {\n display: block;\n}\n:host .papier .tabs input[id$=tab2]:checked ~ div[id$=content2] {\n display: block;\n}\n:host .papier .tabs input[id$=tab3]:checked ~ div[id$=content3] {\n display: block;\n}\n:host .papier .tabs input[id$=tab4]:checked ~ div[id$=content4] {\n display: block;\n}\n:host .papier .tabs input[id$=tab5]:checked ~ div[id$=content5] {\n display: block;\n}\n:host .papier .tabs label {\n color: #41403e;\n color: var(--primary-light);\n display: inline-block;\n font-weight: 600;\n margin: 0 0 -1px;\n padding: 0.75rem;\n text-align: center;\n}\n:host .papier .tabs label:hover {\n color: #41403e;\n color: var(--muted);\n cursor: pointer;\n}\n:host .papier .margin {\n margin: 1rem;\n}\n:host .papier .margin-top {\n margin-top: 1rem;\n}\n:host .papier .margin-top-large {\n margin-top: 2rem;\n}\n:host .papier .margin-top-small {\n margin-top: 0.5rem;\n}\n:host .papier .margin-top-none {\n margin-top: 0;\n}\n:host .papier .margin-right {\n margin-right: 1rem;\n}\n:host .papier .margin-right-large {\n margin-right: 2rem;\n}\n:host .papier .margin-right-small {\n margin-right: 0.5rem;\n}\n:host .papier .margin-right-none {\n margin-right: 0;\n}\n:host .papier .margin-bottom {\n margin-bottom: 1rem;\n}\n:host .papier .margin-bottom-large {\n margin-bottom: 2rem;\n}\n:host .papier .margin-bottom-small {\n margin-bottom: 0.5rem;\n}\n:host .papier .margin-bottom-none {\n margin-bottom: 0;\n}\n:host .papier .margin-left {\n margin-left: 1rem;\n}\n:host .papier .margin-left-large {\n margin-left: 2rem;\n}\n:host .papier .margin-left-small {\n margin-left: 0.5rem;\n}\n:host .papier .margin-left-none {\n margin-left: 0;\n}\n:host .papier .margin-large {\n margin: 2rem;\n}\n:host .papier .margin-small {\n margin: 0.5rem;\n}\n:host .papier .margin-none {\n margin: 0;\n}\n:host .papier .padding {\n padding: 1rem;\n}\n:host .papier .padding-top {\n padding-top: 1rem;\n}\n:host .papier .padding-top-large {\n padding-top: 2rem;\n}\n:host .papier .padding-top-small {\n padding-top: 0.5rem;\n}\n:host .papier .padding-top-none {\n padding-top: 0;\n}\n:host .papier .padding-right {\n padding-right: 1rem;\n}\n:host .papier .padding-right-large {\n padding-right: 2rem;\n}\n:host .papier .padding-right-small {\n padding-right: 0.5rem;\n}\n:host .papier .padding-right-none {\n padding-right: 0;\n}\n:host .papier .padding-bottom {\n padding-bottom: 1rem;\n}\n:host .papier .padding-bottom-large {\n padding-bottom: 2rem;\n}\n:host .papier .padding-bottom-small {\n padding-bottom: 0.5rem;\n}\n:host .papier .padding-bottom-none {\n padding-bottom: 0;\n}\n:host .papier .padding-left {\n padding-left: 1rem;\n}\n:host .papier .padding-left-large {\n padding-left: 2rem;\n}\n:host .papier .padding-left-small {\n padding-left: 0.5rem;\n}\n:host .papier .padding-left-none {\n padding-left: 0;\n}\n:host .papier .padding-large {\n padding: 2rem;\n}\n:host .papier .padding-small {\n padding: 0.5rem;\n}\n:host .papier .padding-none {\n padding: 0;\n}\n:host .papier nav {\n background-color: #41403e;\n background-color: var(--main-background);\n display: flex;\n padding: 0.3rem;\n position: relative;\n width: 100%;\n z-index: 100;\n}\n@media only screen and (max-width: 768px) {\n :host .papier nav {\n display: block;\n }\n}\n:host .papier nav .bar1,\n:host .papier nav .bar2,\n:host .papier nav .bar3 {\n background-color: #41403e;\n background-color: var(--primary);\n border-color: #41403e;\n border-color: var(--primary);\n color: #41403e;\n color: var(--primary);\n border-bottom-left-radius: 15px 5px;\n border-bottom-right-radius: 15px 3px;\n border-bottom-style: solid;\n border-bottom-width: 5px;\n margin: 6px 0;\n transition: 0.4s;\n width: 2rem;\n}\n:host .papier nav .collapsible input[id^=collapsible]:checked + button .bar1,\n:host .papier nav .collapsible input[id^=collapsible]:checked + label .bar1 {\n transform: rotate(-45deg) translate(-9px, 7px);\n}\n:host .papier nav .collapsible input[id^=collapsible]:checked + button .bar2,\n:host .papier nav .collapsible input[id^=collapsible]:checked + label .bar2 {\n opacity: 0;\n}\n:host .papier nav .collapsible input[id^=collapsible]:checked + button .bar3,\n:host .papier nav .collapsible input[id^=collapsible]:checked + label .bar3 {\n transform: rotate(45deg) translate(-8px, -9px);\n}\n:host .papier nav.split-nav {\n justify-content: space-between;\n}\n:host .papier nav.fixed {\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n}\n:host .papier nav div {\n margin: 0 1rem;\n}\n:host .papier nav ul.inline {\n margin-bottom: 0;\n margin-top: 10px;\n padding: 0;\n}\n:host .papier nav ul.inline li {\n display: inline-block;\n margin: 0 0.5rem;\n}\n@media only screen and (max-width: 768px) {\n :host .papier nav ul.inline li {\n display: block;\n margin: 1rem 0;\n }\n}\n:host .papier nav a {\n color: #41403e;\n color: var(--primary);\n border-bottom-color: #41403e;\n border-bottom-color: var(--primary);\n background-image: none;\n border-bottom-left-radius: 15px 3px;\n border-bottom-right-radius: 15px 5px;\n border-bottom-style: solid;\n border-bottom-width: 5px;\n padding-bottom: 0.1rem;\n}\n:host .papier nav a:hover {\n border-color: #41403e;\n border-color: var(--primary-light);\n border-bottom-style: solid;\n border-bottom-width: 5px;\n}\n:host .papier nav ul.inline li a {\n font-size: 1.3rem;\n}\n:host .papier nav ul.inline li::before {\n content: "";\n}\n@media only screen and (max-width: 992px) {\n :host .papier nav ul {\n text-align: center;\n }\n}\n:host .papier nav .nav-brand h1,\n:host .papier nav .nav-brand h2,\n:host .papier nav .nav-brand h3,\n:host .papier nav .nav-brand h4,\n:host .papier nav .nav-brand h5,\n:host .papier nav .nav-brand h6 {\n margin: 0;\n margin-bottom: 0.2rem;\n}\n@media only screen and (max-width: 768px) {\n :host .papier nav .collapsible {\n width: 100%;\n }\n}\n:host .papier nav .collapsible input[id^=collapsible]:checked ~ div.collapsible-body {\n margin: 0;\n max-height: 960px;\n opacity: 1;\n padding: 0;\n}\n:host .papier nav .collapsible:nth-of-type(1),\n:host .papier nav .collapsible .collapsible-body {\n border: 0;\n}\n@media only screen and (min-width: 769px) {\n :host .papier nav .collapsible:nth-of-type(1),\n :host .papier nav .collapsible .collapsible-body {\n display: contents;\n }\n}\n:host .papier nav div.collapsible-body {\n padding: none;\n}\n:host .papier nav .collapsible label {\n border-color: #41403e;\n border-color: var(--primary);\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-style: solid;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n border-width: 2px;\n}\n:host .papier nav .collapsible > button {\n border: 0;\n}\n:host .papier nav .collapsible > button,\n:host .papier nav .collapsible > label {\n background-color: #41403e;\n background-color: var(--main-background);\n display: none;\n font-size: 0.5rem;\n margin-right: 1rem;\n padding: 0.25rem;\n position: absolute;\n right: 0;\n top: 0.2rem;\n}\n@media only screen and (max-width: 768px) {\n :host .papier nav .collapsible > button,\n :host .papier nav .collapsible > label {\n display: block;\n }\n}\n:host .papier.is--dark {\n --primary: #fff;\n --secondary: #5595ce;\n --success: #70c272;\n --warning: #d4c252;\n --danger: #df4c57;\n --muted: #868e96;\n --primary-light: white;\n --secondary-light: #69a1d4;\n --success-light: #82ca84;\n --warning-light: #d9c966;\n --danger-light: #e3626b;\n --muted-light: #949ba2;\n --primary-dark: gray;\n --secondary-dark: #1f476b;\n --success-dark: #265927;\n --warning-dark: #71651c;\n --danger-dark: #7c161e;\n --muted-dark: #313538;\n --primary-light-10: white;\n --secondary-light-10: #7daed9;\n --success-light-10: #94d195;\n --warning-light-10: #ded07b;\n --danger-light-10: #e77780;\n --muted-light-10: #a1a8ae;\n --primary-dark-10: #e6e6e6;\n --secondary-dark-10: #367cba;\n --success-dark-10: #4cb34f;\n --warning-dark-10: #c3ae30;\n --danger-dark-10: #d22633;\n --muted-dark-10: #6c757d;\n --primary-shaded-50: #343332;\n --primary-shaded-70: #2f2e2d;\n --white-dark: rgba(255, 255, 255, 0.03);\n --white-dark-light-80: rgba(255, 255, 255, 0.03);\n --light-dark: rgba(255, 255, 255, 0.7);\n --white: white;\n --main-background: #41403e;\n --main-background-light: #c1c0bd;\n --black: black;\n --primary-text: #41403e;\n --secondary-text: #1f476b;\n --success-text: #265927;\n --warning-text: #71651c;\n --danger-text: #7c161e;\n --muted-text: #949ba2;\n --shadow-color-regular: rgba(0, 0, 0, 0.2);\n --shadow-color-hover: rgba(0, 0, 0, 0.3);\n --primary-inverse: #41403e;\n}\n:host .papier:not(.is--dark) {\n --primary: #41403e;\n --secondary: #0b74d5;\n --success: #86a361;\n --warning: #ddcd45;\n --danger: #a7342d;\n --muted: #868e96;\n --primary-light: #cdcccb;\n --secondary-light: #d8ebfd;\n --success-light: #d5dfc8;\n --warning-light: #f5f0c6;\n --danger-light: #f0cbc9;\n --muted-light: #e6e7e9;\n --primary-dark: black;\n --secondary-dark: black;\n --success-dark: #374427;\n --warning-dark: #746a15;\n --danger-dark: black;\n --muted-dark: #313538;\n --primary-light-10: #5b5a57;\n --secondary-light-10: #208ef3;\n --success-light-10: #9fb681;\n --warning-light-10: #e5d970;\n --danger-light-10: #cb453c;\n --muted-light-10: #a1a8ae;\n --primary-dark-10: #272625;\n --secondary-dark-10: #085aa5;\n --success-dark-10: #4a5a35;\n --warning-dark-10: #746a15;\n --danger-dark-10: #7f2722;\n --muted-dark-10: #6c757d;\n --primary-shaded-50: #c1c0bd;\n --primary-shaded-70: #f2f2f2;\n --white-dark: rgba(0, 0, 0, 0.03);\n --white-dark-light-80: rgba(204, 204, 204, 0.03);\n --light-dark: rgba(0, 0, 0, 0.7);\n --white: white;\n --main-background: white;\n --main-background-light: white;\n --black: black;\n --primary-text: #272625;\n --secondary-text: #085aa5;\n --success-text: #4a5a35;\n --warning-text: #746a15;\n --danger-text: #7f2722;\n --muted-text: #6c757d;\n --shadow-color-regular: rgba(0, 0, 0, 0.2);\n --shadow-color-hover: rgba(0, 0, 0, 0.3);\n --primary-inverse: #fff;\n}\n:host .papier.is--block {\n display: block;\n}\n:host .papier:not(.is--block) {\n display: inline-block;\n}\n:host label {\n color: var(--primary);\n}\n:host .is--block {\n display: block;\n width: 100%;\n box-sizing: border-box;\n}\n:host .is--block input {\n display: block;\n width: 100%;\n box-sizing: border-box;\n}\n:host .papier.is--dark.has--error label {\n color: var(--danger-light);\n}\n:host .papier.is--dark.has--error input {\n border-color: var(--danger-light);\n}\n:host .papier:not(.is--dark).has--error label {\n color: var(--danger-text);\n}\n:host .papier:not(.is--dark).has--error input {\n border-color: var(--danger-text);\n}';const t=o;const a=class{constructor(e){n(this,e);this.changeEvent=r(this,"change",7);this.value="";this.required=false;this.dark=false;this.disabled=false;this.block=false;this.hasError=false}getParentClass(){let n="papier form-group";if(this.dark){n=`${n} is--dark`}if(this.block){n=`${n} is--block`}if(this.hasError){n=`${n} has--error`}return n}onChange(n){this.changeEvent.emit(n.target.value)}render(){return e("div",{key:"6f21cd264cc73d32e61814a02ee06b2e029ef7c0",class:this.getParentClass()},this.label&&e("label",{key:"49de6b7cd6d184726bd9b707a472efd475aa50d5",htmlFor:"paperInputs1"},this.label,this.required?"*":""),e("input",{key:"6e051636164ab41b8f14a312ce7c6827c48349b4",type:"text",placeholder:this.placeholder,id:"paperInputs1",disabled:this.disabled,value:this.value,onChange:n=>this.onChange(n)}))}};a.style=t;export{a as p_input_text};
2
+ //# sourceMappingURL=p-de62cf76.entry.js.map
package/dist/papierjs/p-de62cf76.entry.js.map ADDED
@@ -0,0 +1 @@
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/input/input-text/input-text.scss?tag=p-input-text&encapsulation=shadow","src/components/input/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":[]}
package/dist/papierjs/papierjs.esm.js CHANGED
@@ -1,2 +1,2 @@
1
- import{p as e,b as a}from"./p-be2fe2c0.js";export{s as setNonce}from"./p-be2fe2c0.js";import{g as r}from"./p-e1255160.js";var p=()=>{const a=import.meta.url;const r={};if(a!==""){r.resourcesUrl=new URL(".",a).href}return e(r)};p().then((async e=>{await r();return a([["p-d1c3c0ac",[[1,"p-alert",{type:[1],closable:[4],dark:[4]}]]],["p-8ae1632f",[[1,"p-button",{type:[1],outline:[4],large:[4],small:[4],block:[4],disabled:[4],dark:[4]}]]],["p-14f67b19",[[1,"p-progress-bar",{type:[1],value:[2],striped:[4],dark:[4]}]]]],e)}));
1
+ import{p as e,b as r}from"./p-45914d24.js";export{s as setNonce}from"./p-45914d24.js";import{g as a}from"./p-e1255160.js";var p=()=>{const r=import.meta.url;const a={};if(r!==""){a.resourcesUrl=new URL(".",r).href}return e(a)};p().then((async e=>{await a();return r([["p-ce66a0db",[[1,"p-alert",{type:[1],closable:[4],dark:[4]}]]],["p-99159731",[[1,"p-button",{type:[1],outline:[4],large:[4],small:[4],block:[4],disabled:[4],dark:[4]}]]],["p-6e9110f7",[[1,"p-dropdown",{dark:[4],placeholder:[1],open:[32],selectedValue:[32]},[[8,"click","detectOutsideClick"]]]]],["p-8e9a6ac4",[[1,"p-dropdown-item",{value:[1],selected:[4],dark:[4]}]]],["p-de62cf76",[[1,"p-input-text",{placeholder:[1],value:[1],required:[4],dark:[4],label:[1],disabled:[4],block:[4],hasError:[4,"has-error"]}]]],["p-c3243b73",[[1,"p-progress-bar",{type:[1],value:[2],striped:[4],dark:[4]}]]]],e)}));
2
2
  //# sourceMappingURL=papierjs.esm.js.map
package/dist/papierjs/papierjs.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","type","closable","dark","outline","large","small","block","disabled","value","striped"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.25.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAc,6BAA4B,CAAEC,KAAO,CAAC,GAACC,SAAA,IAAAC,KAAA,sCAAAF,KAAA,IAAAG,QAAA,IAAAC,MAAA,IAAAC,MAAA,IAAAC,MAAA,IAAAC,SAAA,IAAAL,KAAA,4CAAAF,KAAA,IAAAQ,MAAA,IAAAC,QAAA,IAAAP,KAAA,SAAAL,EAAA","ignoreList":[]}
1
+ {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","type","closable","dark","outline","large","small","block","disabled","placeholder","open","selectedValue","value","selected","required","label","hasError","striped"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.25.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAc,6BAA4B,CAAEC,KAAO,CAAC,GAACC,SAAA,IAAAC,KAAA,sCAAAF,KAAA,IAAAG,QAAA,IAAAC,MAAA,IAAAC,MAAA,IAAAC,MAAA,IAAAC,SAAA,IAAAL,KAAA,wCAAAA,KAAA,IAAAM,YAAA,IAAAC,KAAA,KAAAC,cAAA,iFAAAC,MAAA,IAAAC,SAAA,IAAAV,KAAA,0CAAAM,YAAA,IAAAG,MAAA,IAAAE,SAAA,IAAAX,KAAA,IAAAY,MAAA,IAAAP,SAAA,IAAAD,MAAA,IAAAS,SAAA,wDAAAf,KAAA,IAAAW,MAAA,IAAAK,QAAA,IAAAd,KAAA,SAAAL,EAAA","ignoreList":[]}
package/dist/types/components/dropdown/dropdown.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ import { type EventEmitter } from '../../stencil-public-runtime';
2
+ export declare class Alert {
3
+ dark?: boolean;
4
+ open?: boolean;
5
+ placeholder?: string;
6
+ selectedValue?: string;
7
+ el: HTMLElement;
8
+ selectEvent: EventEmitter<string>;
9
+ getParentClass(): string;
10
+ detectOutsideClick(ev: any): void;
11
+ componentDidLoad(): void;
12
+ selectValue(value: string): void;
13
+ getSelectedValue(): string;
14
+ render(): any;
15
+ }
package/dist/types/components/dropdown-item/dropdown-item.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { type EventEmitter } from '../../stencil-public-runtime';
2
+ export declare class Alert {
3
+ value: string;
4
+ selected?: boolean;
5
+ dark?: boolean;
6
+ changeEvent: EventEmitter<string>;
7
+ getParentClass(): string;
8
+ sendClick(): void;
9
+ render(): any;
10
+ }
package/dist/types/components/input/input-text/input-text.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ import { type EventEmitter } from '../../../stencil-public-runtime';
2
+ export declare class InputText {
3
+ placeholder?: string;
4
+ value?: string;
5
+ required?: boolean;
6
+ dark?: boolean;
7
+ label?: string;
8
+ disabled?: boolean;
9
+ block?: boolean;
10
+ hasError?: boolean;
11
+ changeEvent: EventEmitter<string>;
12
+ getParentClass(): string;
13
+ onChange(e: Event): void;
14
+ render(): any;
15
+ }
package/dist/types/components.d.ts CHANGED
@@ -20,6 +20,25 @@ export namespace Components {
20
20
  "small"?: boolean;
21
21
  "type"?: ButtonColor;
22
22
  }
23
+ interface PDropdown {
24
+ "dark"?: boolean;
25
+ "placeholder"?: string;
26
+ }
27
+ interface PDropdownItem {
28
+ "dark"?: boolean;
29
+ "selected"?: boolean;
30
+ "value": string;
31
+ }
32
+ interface PInputText {
33
+ "block"?: boolean;
34
+ "dark"?: boolean;
35
+ "disabled"?: boolean;
36
+ "hasError"?: boolean;
37
+ "label"?: string;
38
+ "placeholder"?: string;
39
+ "required"?: boolean;
40
+ "value"?: string;
41
+ }
23
42
  interface PProgressBar {
24
43
  "dark"?: boolean;
25
44
  "striped"?: boolean;
@@ -31,6 +50,18 @@ export interface PAlertCustomEvent<T> extends CustomEvent<T> {
31
50
  detail: T;
32
51
  target: HTMLPAlertElement;
33
52
  }
53
+ export interface PDropdownCustomEvent<T> extends CustomEvent<T> {
54
+ detail: T;
55
+ target: HTMLPDropdownElement;
56
+ }
57
+ export interface PDropdownItemCustomEvent<T> extends CustomEvent<T> {
58
+ detail: T;
59
+ target: HTMLPDropdownItemElement;
60
+ }
61
+ export interface PInputTextCustomEvent<T> extends CustomEvent<T> {
62
+ detail: T;
63
+ target: HTMLPInputTextElement;
64
+ }
34
65
  declare global {
35
66
  interface HTMLPAlertElementEventMap {
36
67
  "close": any;
@@ -55,6 +86,57 @@ declare global {
55
86
  prototype: HTMLPButtonElement;
56
87
  new (): HTMLPButtonElement;
57
88
  };
89
+ interface HTMLPDropdownElementEventMap {
90
+ "select": string;
91
+ }
92
+ interface HTMLPDropdownElement extends Components.PDropdown, HTMLStencilElement {
93
+ addEventListener<K extends keyof HTMLPDropdownElementEventMap>(type: K, listener: (this: HTMLPDropdownElement, ev: PDropdownCustomEvent<HTMLPDropdownElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
94
+ addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
95
+ addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
96
+ addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
97
+ removeEventListener<K extends keyof HTMLPDropdownElementEventMap>(type: K, listener: (this: HTMLPDropdownElement, ev: PDropdownCustomEvent<HTMLPDropdownElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
98
+ removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
99
+ removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
100
+ removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
101
+ }
102
+ var HTMLPDropdownElement: {
103
+ prototype: HTMLPDropdownElement;
104
+ new (): HTMLPDropdownElement;
105
+ };
106
+ interface HTMLPDropdownItemElementEventMap {
107
+ "change": string;
108
+ }
109
+ interface HTMLPDropdownItemElement extends Components.PDropdownItem, HTMLStencilElement {
110
+ addEventListener<K extends keyof HTMLPDropdownItemElementEventMap>(type: K, listener: (this: HTMLPDropdownItemElement, ev: PDropdownItemCustomEvent<HTMLPDropdownItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
111
+ addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
112
+ addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
113
+ addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
114
+ removeEventListener<K extends keyof HTMLPDropdownItemElementEventMap>(type: K, listener: (this: HTMLPDropdownItemElement, ev: PDropdownItemCustomEvent<HTMLPDropdownItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
115
+ removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
116
+ removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
117
+ removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
118
+ }
119
+ var HTMLPDropdownItemElement: {
120
+ prototype: HTMLPDropdownItemElement;
121
+ new (): HTMLPDropdownItemElement;
122
+ };
123
+ interface HTMLPInputTextElementEventMap {
124
+ "change": string;
125
+ }
126
+ interface HTMLPInputTextElement extends Components.PInputText, HTMLStencilElement {
127
+ addEventListener<K extends keyof HTMLPInputTextElementEventMap>(type: K, listener: (this: HTMLPInputTextElement, ev: PInputTextCustomEvent<HTMLPInputTextElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
128
+ addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
129
+ addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
130
+ addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
131
+ removeEventListener<K extends keyof HTMLPInputTextElementEventMap>(type: K, listener: (this: HTMLPInputTextElement, ev: PInputTextCustomEvent<HTMLPInputTextElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
132
+ removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
133
+ removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
134
+ removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
135
+ }
136
+ var HTMLPInputTextElement: {
137
+ prototype: HTMLPInputTextElement;
138
+ new (): HTMLPInputTextElement;
139
+ };
58
140
  interface HTMLPProgressBarElement extends Components.PProgressBar, HTMLStencilElement {
59
141
  }
60
142
  var HTMLPProgressBarElement: {
@@ -64,6 +146,9 @@ declare global {
64
146
  interface HTMLElementTagNameMap {
65
147
  "p-alert": HTMLPAlertElement;
66
148
  "p-button": HTMLPButtonElement;
149
+ "p-dropdown": HTMLPDropdownElement;
150
+ "p-dropdown-item": HTMLPDropdownItemElement;
151
+ "p-input-text": HTMLPInputTextElement;
67
152
  "p-progress-bar": HTMLPProgressBarElement;
68
153
  }
69
154
  }
@@ -83,6 +168,28 @@ declare namespace LocalJSX {
83
168
  "small"?: boolean;
84
169
  "type"?: ButtonColor;
85
170
  }
171
+ interface PDropdown {
172
+ "dark"?: boolean;
173
+ "onSelect"?: (event: PDropdownCustomEvent<string>) => void;
174
+ "placeholder"?: string;
175
+ }
176
+ interface PDropdownItem {
177
+ "dark"?: boolean;
178
+ "onChange"?: (event: PDropdownItemCustomEvent<string>) => void;
179
+ "selected"?: boolean;
180
+ "value"?: string;
181
+ }
182
+ interface PInputText {
183
+ "block"?: boolean;
184
+ "dark"?: boolean;
185
+ "disabled"?: boolean;
186
+ "hasError"?: boolean;
187
+ "label"?: string;
188
+ "onChange"?: (event: PInputTextCustomEvent<string>) => void;
189
+ "placeholder"?: string;
190
+ "required"?: boolean;
191
+ "value"?: string;
192
+ }
86
193
  interface PProgressBar {
87
194
  "dark"?: boolean;
88
195
  "striped"?: boolean;
@@ -92,6 +199,9 @@ declare namespace LocalJSX {
92
199
  interface IntrinsicElements {
93
200
  "p-alert": PAlert;
94
201
  "p-button": PButton;
202
+ "p-dropdown": PDropdown;
203
+ "p-dropdown-item": PDropdownItem;
204
+ "p-input-text": PInputText;
95
205
  "p-progress-bar": PProgressBar;
96
206
  }
97
207
  }
@@ -101,6 +211,9 @@ declare module "@stencil/core" {
101
211
  interface IntrinsicElements {
102
212
  "p-alert": LocalJSX.PAlert & JSXBase.HTMLAttributes<HTMLPAlertElement>;
103
213
  "p-button": LocalJSX.PButton & JSXBase.HTMLAttributes<HTMLPButtonElement>;
214
+ "p-dropdown": LocalJSX.PDropdown & JSXBase.HTMLAttributes<HTMLPDropdownElement>;
215
+ "p-dropdown-item": LocalJSX.PDropdownItem & JSXBase.HTMLAttributes<HTMLPDropdownItemElement>;
216
+ "p-input-text": LocalJSX.PInputText & JSXBase.HTMLAttributes<HTMLPInputTextElement>;
104
217
  "p-progress-bar": LocalJSX.PProgressBar & JSXBase.HTMLAttributes<HTMLPProgressBarElement>;
105
218
  }
106
219
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@amiceli/papierjs",
3
- "version": "0.0.1",
3
+ "version": "0.1.0",
4
4
  "description": "Papercss web components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -66,6 +66,7 @@
66
66
  "@types/jest": "^29.5.6",
67
67
  "@types/node": "^16.18.11",
68
68
  "@types/react": "^19.0.8",
69
+ "dotenv": "^16.4.7",
69
70
  "jest": "^29.7.0",
70
71
  "jest-cli": "^29.7.0",
71
72
  "lefthook": "^1.10.10",
@@ -75,6 +76,7 @@
75
76
  },
76
77
  "license": "MIT",
77
78
  "dependencies": {
79
+ "feather-icons": "^4.29.2",
78
80
  "papercss": "^1.9.2"
79
81
  }
80
82
  }
package/{README.md → readme.md} RENAMED
@@ -6,7 +6,7 @@
6
6
 
7
7
  # papierjs - papercss with web components
8
8
 
9
- papierjs *(papier is paper in french)* provides web component built with stencil with
9
+ **papierjs** *(papier is paper in french)* provides web component built with stencil with
10
10
  papercss style.
11
11
 
12
12
  papierjs will implements new components not in papercss like dropdown.
@@ -15,13 +15,20 @@ Available components:
15
15
  - Button
16
16
  - Alert
17
17
  - Progress bar
18
+ - Text input
18
19
 
19
- Component ideas :
20
- - [ ] dropdown
20
+ Component features :
21
+ - [X] dropdown since `v0.1.0`
21
22
  - [ ] notification
22
23
  - [ ] spinner
23
24
  - [ ] password
24
25
 
26
+ ## Using papercss
27
+
28
+ **papierjs** use papercss style by only in shadow root. So you don't need to import papercss.
29
+
30
+ And papercss global style isn't applied on your website.
31
+
25
32
  ## Install
26
33
 
27
34
  npm install @amiceli/papierjs -S