@kubex/zinc 0.0.3 → 1.0.1

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 (599) hide show
  1. package/.editorconfig +18 -0
  2. package/.eslintignore +8 -0
  3. package/.eslintrc.cjs +208 -0
  4. package/.github/workflows/eleventy_build.yml +42 -0
  5. package/.github/workflows/js_build_and_deploy.yaml +65 -0
  6. package/custom-elements-manifest.config.js +230 -0
  7. package/docs/_includes/component.njk +340 -0
  8. package/docs/_includes/default.njk +137 -0
  9. package/docs/_includes/sidebar.njk +24 -0
  10. package/docs/_utilities/active-links.cjs +41 -0
  11. package/docs/_utilities/anchor-headings.cjs +74 -0
  12. package/docs/_utilities/cem.cjs +89 -0
  13. package/docs/_utilities/code-previews.cjs +98 -0
  14. package/docs/_utilities/copy-code-buttons.cjs +26 -0
  15. package/docs/_utilities/external-links.cjs +53 -0
  16. package/docs/_utilities/highlight-code.cjs +74 -0
  17. package/docs/_utilities/markdown.cjs +74 -0
  18. package/docs/_utilities/prettier.cjs +26 -0
  19. package/docs/_utilities/replacer.cjs +24 -0
  20. package/docs/_utilities/scrolling-tables.cjs +23 -0
  21. package/docs/_utilities/strings.cjs +16 -0
  22. package/docs/_utilities/table-of-contents.cjs +48 -0
  23. package/docs/_utilities/typography.cjs +24 -0
  24. package/docs/assets/icons.json +57989 -0
  25. package/docs/assets/images/chrome.png +0 -0
  26. package/docs/assets/images/edge.png +0 -0
  27. package/docs/assets/images/firefox.png +0 -0
  28. package/docs/assets/images/opera.png +0 -0
  29. package/docs/assets/images/safari.png +0 -0
  30. package/docs/assets/images/watermark.svg +1 -0
  31. package/docs/assets/rip.js +78 -0
  32. package/docs/assets/scripts/code-previews.js +250 -0
  33. package/docs/assets/scripts/docs.js +374 -0
  34. package/docs/assets/scripts/search.js +441 -0
  35. package/docs/assets/scripts/turbo.js +29 -0
  36. package/docs/assets/styles/code-previews.css +169 -0
  37. package/docs/assets/styles/docs.css +1168 -0
  38. package/docs/assets/styles/search.css +347 -0
  39. package/docs/eleventy.config.cjs +262 -0
  40. package/docs/pages/components/absolute-container.md +35 -0
  41. package/docs/pages/components/action-bar.md +58 -0
  42. package/docs/pages/components/alert.md +45 -0
  43. package/docs/pages/components/bulk-actions.md +26 -0
  44. package/docs/pages/components/button-group.md +78 -0
  45. package/docs/pages/components/button-menu.md +127 -0
  46. package/docs/pages/components/button.md +80 -0
  47. package/docs/pages/components/chart.md +27 -0
  48. package/docs/pages/components/checkbox-group.md +196 -0
  49. package/docs/pages/components/checkbox.md +157 -0
  50. package/docs/pages/components/chip.md +61 -0
  51. package/docs/pages/components/collapsible.md +52 -0
  52. package/docs/pages/components/cols.md +66 -0
  53. package/docs/pages/components/confirm.md +52 -0
  54. package/docs/pages/components/content-block.md +108 -0
  55. package/docs/pages/components/copy-button.md +22 -0
  56. package/docs/pages/components/data-select.md +54 -0
  57. package/docs/pages/components/data-table-filter.md +23 -0
  58. package/docs/pages/components/data-table-sort.md +20 -0
  59. package/docs/pages/components/data-table.md +74 -0
  60. package/docs/pages/components/datepicker.md +25 -0
  61. package/docs/pages/components/defined-label.md +26 -0
  62. package/docs/pages/components/dialog.md +145 -0
  63. package/docs/pages/components/dropdown.md +22 -0
  64. package/docs/pages/components/editor.md +26 -0
  65. package/docs/pages/components/empty-state.md +51 -0
  66. package/docs/pages/components/expanding-action.md +55 -0
  67. package/docs/pages/components/file.md +45 -0
  68. package/docs/pages/components/form-group.md +22 -0
  69. package/docs/pages/components/header.md +103 -0
  70. package/docs/pages/components/icon.md +322 -0
  71. package/docs/pages/components/inline-edit.md +41 -0
  72. package/docs/pages/components/input.md +261 -0
  73. package/docs/pages/components/item.md +78 -0
  74. package/docs/pages/components/linked-select.md +41 -0
  75. package/docs/pages/components/menu-item.md +22 -0
  76. package/docs/pages/components/menu.md +36 -0
  77. package/docs/pages/components/navbar.md +57 -0
  78. package/docs/pages/components/note.md +55 -0
  79. package/docs/pages/components/option.md +22 -0
  80. package/docs/pages/components/order-table.md +22 -0
  81. package/docs/pages/components/page-nav.md +23 -0
  82. package/docs/pages/components/pagination.md +22 -0
  83. package/docs/pages/components/pane.md +22 -0
  84. package/docs/pages/components/panel.md +124 -0
  85. package/docs/pages/components/popup.md +22 -0
  86. package/docs/pages/components/progress-bar.md +22 -0
  87. package/docs/pages/components/progress-tile.md +22 -0
  88. package/docs/pages/components/query-builder.md +148 -0
  89. package/docs/pages/components/radio-group.md +129 -0
  90. package/docs/pages/components/radio.md +20 -0
  91. package/docs/pages/components/rating.md +28 -0
  92. package/docs/pages/components/scroll-container.md +22 -0
  93. package/docs/pages/components/select.md +452 -0
  94. package/docs/pages/components/sidebar.md +28 -0
  95. package/docs/pages/components/simple-chart.md +23 -0
  96. package/docs/pages/components/skeleton.md +70 -0
  97. package/docs/pages/components/slideout.md +23 -0
  98. package/docs/pages/components/sp.md +87 -0
  99. package/docs/pages/components/split-button.md +32 -0
  100. package/docs/pages/components/split-pane.md +22 -0
  101. package/docs/pages/components/stat.md +24 -0
  102. package/docs/pages/components/status-indicator.md +13 -0
  103. package/docs/pages/components/stepper.md +20 -0
  104. package/docs/pages/components/style.md +106 -0
  105. package/docs/pages/components/table.md +22 -0
  106. package/docs/pages/components/tabs.md +57 -0
  107. package/docs/pages/components/textarea.md +120 -0
  108. package/docs/pages/components/tile-property.md +29 -0
  109. package/docs/pages/components/tile.md +51 -0
  110. package/docs/pages/components/timer.md +22 -0
  111. package/docs/pages/components/toggle.md +22 -0
  112. package/docs/pages/components/tooltip.md +242 -0
  113. package/docs/pages/components/vertical-stepper.md +22 -0
  114. package/docs/pages/components/well.md +13 -0
  115. package/docs/pages/getting-started/example-layout.md +143 -0
  116. package/docs/pages/getting-started/example-page.md +83 -0
  117. package/docs/pages/getting-started/form-controls.md +552 -0
  118. package/docs/pages/getting-started/form-examples.md +122 -0
  119. package/docs/pages/getting-started/table-examples.md +43 -0
  120. package/docs/pages/index.md +32 -0
  121. package/index.html +22 -0
  122. package/package.json +111 -11
  123. package/scripts/build.js +381 -0
  124. package/scripts/generator/generator.js +102 -0
  125. package/scripts/generator/index.js +17 -0
  126. package/scripts/generator/preprocess.js +20 -0
  127. package/scripts/generator/resolver.js +86 -0
  128. package/scripts/generator/tailwind.config.js +14 -0
  129. package/scripts/make-metadata.js +10 -0
  130. package/scripts/make-themes.js +27 -0
  131. package/scripts/plop/plopfile.js +63 -0
  132. package/scripts/plop/templates/component.hbs +43 -0
  133. package/scripts/plop/templates/define.hbs +12 -0
  134. package/scripts/plop/templates/docs.hbs +20 -0
  135. package/scripts/plop/templates/style.hbs +5 -0
  136. package/scripts/plop/templates/test.hbs +10 -0
  137. package/scss/_global-components.scss +4 -0
  138. package/scss/_global-spacing.scss +96 -0
  139. package/scss/_root.scss +202 -0
  140. package/scss/boot.scss +29 -0
  141. package/scss/mixins/_helper-mixins.scss +24 -0
  142. package/scss/mixins/_spacing-mixins.scss +84 -0
  143. package/scss/mixins/index.scss +2 -0
  144. package/scss/shared/_base.scss +138 -0
  145. package/scss/shared/_button.scss +27 -0
  146. package/scss/shared/_form-elements.scss +162 -0
  147. package/scss/shared/_opacity.scss +27 -0
  148. package/scss/shared/_reset.scss +288 -0
  149. package/scss/shared/_table.scss +73 -0
  150. package/scss/shared/divide.scss +41 -0
  151. package/scss/shared/index.scss +12 -0
  152. package/scss/shared/layout.scss +290 -0
  153. package/scss/shared/nav.scss +71 -0
  154. package/scss/themes/_dark.scss +277 -0
  155. package/scss/themes/_index.scss +3 -0
  156. package/scss/themes/_light.scss +540 -0
  157. package/scss/themes/_utility.scss +44 -0
  158. package/scss/variables/_spacing.scss +35 -0
  159. package/scss/variables/index.scss +1 -0
  160. package/src/components/absolute-container/absolute-container.component.ts +62 -0
  161. package/src/components/absolute-container/absolute-container.test.ts +10 -0
  162. package/src/components/absolute-container/index.ts +12 -0
  163. package/src/components/action-bar/action-bar.component.ts +41 -0
  164. package/src/components/action-bar/action-bar.scss +33 -0
  165. package/src/components/action-bar/action-bar.test.ts +10 -0
  166. package/src/components/action-bar/index.ts +12 -0
  167. package/src/components/alert/alert.component.ts +71 -0
  168. package/src/components/alert/alert.scss +170 -0
  169. package/src/components/alert/alert.test.ts +10 -0
  170. package/src/components/alert/index.ts +12 -0
  171. package/src/components/bulk-actions/bulk-actions.component.ts +229 -0
  172. package/src/components/bulk-actions/bulk-actions.scss +56 -0
  173. package/src/components/bulk-actions/bulk-actions.test.ts +10 -0
  174. package/src/components/bulk-actions/index.ts +12 -0
  175. package/src/components/button/button.component.ts +242 -0
  176. package/src/components/button/button.scss +346 -0
  177. package/src/components/button/button.test.ts +32 -0
  178. package/src/components/button/index.ts +12 -0
  179. package/src/components/button-group/button-group.component.ts +74 -0
  180. package/src/components/button-group/button-group.scss +39 -0
  181. package/src/components/button-group/button-group.test.ts +10 -0
  182. package/src/components/button-group/index.ts +12 -0
  183. package/src/components/button-menu/button-menu.component.ts +353 -0
  184. package/src/components/button-menu/button-menu.scss +41 -0
  185. package/src/components/button-menu/button-menu.test.ts +10 -0
  186. package/src/components/button-menu/index.ts +12 -0
  187. package/src/components/chart/chart.component.ts +206 -0
  188. package/src/components/chart/chart.scss +11 -0
  189. package/src/components/chart/chart.test.ts +10 -0
  190. package/src/components/chart/index.ts +12 -0
  191. package/src/components/checkbox/checkbox.component.ts +326 -0
  192. package/src/components/checkbox/checkbox.scss +202 -0
  193. package/src/components/checkbox/checkbox.test.ts +10 -0
  194. package/src/components/checkbox/index.ts +12 -0
  195. package/src/components/checkbox-group/checkbox-group.component.ts +351 -0
  196. package/src/components/checkbox-group/checkbox-group.scss +60 -0
  197. package/src/components/checkbox-group/checkbox-group.test.ts +10 -0
  198. package/src/components/checkbox-group/index.ts +12 -0
  199. package/src/components/chip/chip.component.ts +70 -0
  200. package/src/components/chip/chip.scss +101 -0
  201. package/src/components/chip/chip.test.ts +10 -0
  202. package/src/components/chip/index.ts +12 -0
  203. package/src/components/collapsible/collapsible.component.ts +86 -0
  204. package/src/components/collapsible/collapsible.scss +100 -0
  205. package/src/components/collapsible/collapsible.test.ts +10 -0
  206. package/src/components/collapsible/index.ts +12 -0
  207. package/src/components/cols/cols.component.ts +76 -0
  208. package/src/components/cols/cols.scss +99 -0
  209. package/src/components/cols/cols.test.ts +10 -0
  210. package/src/components/cols/index.ts +12 -0
  211. package/src/components/confirm/confirm.component.ts +181 -0
  212. package/src/components/confirm/confirm.scss +44 -0
  213. package/src/components/confirm/confirm.test.ts +10 -0
  214. package/src/components/confirm/index.ts +12 -0
  215. package/src/components/content-block/content-block.component.ts +225 -0
  216. package/src/components/content-block/content-block.scss +64 -0
  217. package/src/components/content-block/content-block.test.ts +10 -0
  218. package/src/components/content-block/index.ts +12 -0
  219. package/src/components/copy-button/copy-button.component.ts +163 -0
  220. package/src/components/copy-button/copy-button.scss +47 -0
  221. package/src/components/copy-button/copy-button.test.ts +10 -0
  222. package/src/components/copy-button/index.ts +12 -0
  223. package/src/components/data-select/data-select.component.ts +219 -0
  224. package/src/components/data-select/data-select.scss +43 -0
  225. package/src/components/data-select/data-select.test.ts +10 -0
  226. package/src/components/data-select/index.ts +12 -0
  227. package/src/components/data-select/providers/color-data-provider.ts +16 -0
  228. package/src/components/data-select/providers/country-code-data-provider.ts +517 -0
  229. package/src/components/data-select/providers/country-data-provider.ts +527 -0
  230. package/src/components/data-select/providers/currency-data-provider.ts +328 -0
  231. package/src/components/data-select/providers/provider.ts +32 -0
  232. package/src/components/data-table/data-table.component.ts +1093 -0
  233. package/src/components/data-table/data-table.scss +330 -0
  234. package/src/components/data-table/data-table.test.ts +10 -0
  235. package/src/components/data-table/index.ts +12 -0
  236. package/src/components/data-table-filter/data-table-filter.component.ts +126 -0
  237. package/src/components/data-table-filter/data-table-filter.scss +22 -0
  238. package/src/components/data-table-filter/data-table-filter.test.ts +10 -0
  239. package/src/components/data-table-filter/index.ts +12 -0
  240. package/src/components/data-table-sort/data-table-sort.component.ts +56 -0
  241. package/src/components/data-table-sort/data-table-sort.scss +37 -0
  242. package/src/components/data-table-sort/data-table-sort.test.ts +10 -0
  243. package/src/components/data-table-sort/index.ts +12 -0
  244. package/src/components/datepicker/datepicker.component.ts +315 -0
  245. package/src/components/datepicker/datepicker.scss +237 -0
  246. package/src/components/datepicker/datepicker.test.ts +10 -0
  247. package/src/components/datepicker/index.ts +12 -0
  248. package/src/components/defined-label/defined-label.component.ts +241 -0
  249. package/src/components/defined-label/defined-label.scss +43 -0
  250. package/src/components/defined-label/defined-label.test.ts +10 -0
  251. package/src/components/defined-label/index.ts +12 -0
  252. package/src/components/dialog/dialog.component.ts +237 -0
  253. package/src/components/dialog/dialog.scss +197 -0
  254. package/src/components/dialog/dialog.test.ts +10 -0
  255. package/src/components/dialog/index.ts +12 -0
  256. package/src/components/dropdown/dropdown.component.ts +380 -0
  257. package/src/components/dropdown/dropdown.scss +9 -0
  258. package/src/components/dropdown/dropdown.test.ts +10 -0
  259. package/src/components/dropdown/index.ts +12 -0
  260. package/src/components/editor/editor.component.ts +423 -0
  261. package/src/components/editor/editor.scss +131 -0
  262. package/src/components/editor/editor.test.ts +10 -0
  263. package/src/components/editor/index.ts +12 -0
  264. package/src/components/editor/modules/attachment-module.ts +195 -0
  265. package/src/components/editor/modules/dialog-module/dialog-module.component.ts +289 -0
  266. package/src/components/editor/modules/dialog-module/dialog-module.scss +115 -0
  267. package/src/components/editor/modules/dialog-module/dialog-module.ts +99 -0
  268. package/src/components/editor/modules/drag-drop-module.ts +125 -0
  269. package/src/components/editor/modules/events/zn-command-select.ts +7 -0
  270. package/src/components/editor/modules/events/zn-editor-update.ts +7 -0
  271. package/src/components/editor/modules/events/zn-show-canned-response-dialog.ts +15 -0
  272. package/src/components/editor/modules/image-resize-module/image-resize-module.ts +157 -0
  273. package/src/components/editor/modules/menu-module/menu-module.component.ts +149 -0
  274. package/src/components/editor/modules/menu-module/menu-module.scss +17 -0
  275. package/src/components/editor/modules/menu-module/menu-module.ts +203 -0
  276. package/src/components/editor/modules/time-tracking-module.ts +35 -0
  277. package/src/components/empty-state/empty-state.component.ts +63 -0
  278. package/src/components/empty-state/empty-state.scss +91 -0
  279. package/src/components/empty-state/empty-state.test.ts +10 -0
  280. package/src/components/empty-state/index.ts +12 -0
  281. package/src/components/expanding-action/expanding-action.component.ts +312 -0
  282. package/src/components/expanding-action/expanding-action.scss +87 -0
  283. package/src/components/expanding-action/expanding-action.test.ts +10 -0
  284. package/src/components/expanding-action/index.ts +12 -0
  285. package/src/components/file/file.component.ts +619 -0
  286. package/src/components/file/file.scss +200 -0
  287. package/src/components/file/file.test.ts +10 -0
  288. package/src/components/file/index.ts +12 -0
  289. package/src/components/form-group/form-group.component.ts +93 -0
  290. package/src/components/form-group/form-group.scss +84 -0
  291. package/src/components/form-group/form-group.test.ts +10 -0
  292. package/src/components/form-group/index.ts +12 -0
  293. package/src/components/header/header.component.ts +186 -0
  294. package/src/components/header/header.scss +244 -0
  295. package/src/components/header/header.test.ts +10 -0
  296. package/src/components/header/index.ts +12 -0
  297. package/src/components/hover-container/hover-container.component.ts +214 -0
  298. package/src/components/hover-container/hover-container.scss +59 -0
  299. package/src/components/hover-container/hover-container.ts +10 -0
  300. package/src/components/hover-container/index.ts +12 -0
  301. package/src/components/icon/icon.component.ts +251 -0
  302. package/src/components/icon/icon.scss +186 -0
  303. package/src/components/icon/icon.test.ts +10 -0
  304. package/src/components/icon/index.ts +13 -0
  305. package/src/components/icon/lni.scss +2492 -0
  306. package/src/components/inline-edit/index.ts +12 -0
  307. package/src/components/inline-edit/inline-edit.component.ts +289 -0
  308. package/src/components/inline-edit/inline-edit.scss +139 -0
  309. package/src/components/inline-edit/inline-edit.test.ts +10 -0
  310. package/src/components/input/index.ts +12 -0
  311. package/src/components/input/input.component.ts +614 -0
  312. package/src/components/input/input.scss +355 -0
  313. package/src/components/input/input.test.ts +10 -0
  314. package/src/components/item/index.ts +12 -0
  315. package/src/components/item/item.component.ts +102 -0
  316. package/src/components/item/item.scss +161 -0
  317. package/src/components/item/item.test.ts +10 -0
  318. package/src/components/linked-select/index.ts +12 -0
  319. package/src/components/linked-select/linked-select.component.ts +156 -0
  320. package/src/components/linked-select/linked-select.scss +9 -0
  321. package/src/components/linked-select/linked-select.test.ts +17 -0
  322. package/src/components/menu/index.ts +12 -0
  323. package/src/components/menu/menu.component.ts +243 -0
  324. package/src/components/menu/menu.scss +14 -0
  325. package/src/components/menu/menu.test.ts +10 -0
  326. package/src/components/menu-item/index.ts +12 -0
  327. package/src/components/menu-item/menu-item.component.ts +220 -0
  328. package/src/components/menu-item/menu-item.scss +157 -0
  329. package/src/components/menu-item/menu-item.test.ts +10 -0
  330. package/src/components/menu-item/submenu-controller.ts +291 -0
  331. package/src/components/navbar/index.ts +12 -0
  332. package/src/components/navbar/navbar.component.ts +240 -0
  333. package/src/components/navbar/navbar.scss +411 -0
  334. package/src/components/navbar/navbar.test.ts +10 -0
  335. package/src/components/note/index.ts +12 -0
  336. package/src/components/note/note.component.ts +60 -0
  337. package/src/components/note/note.scss +69 -0
  338. package/src/components/note/note.test.ts +10 -0
  339. package/src/components/option/index.ts +12 -0
  340. package/src/components/option/option.component.ts +152 -0
  341. package/src/components/option/option.scss +88 -0
  342. package/src/components/option/option.test.ts +10 -0
  343. package/src/components/order-table/index.ts +12 -0
  344. package/src/components/order-table/order-table.component.ts +323 -0
  345. package/src/components/order-table/order-table.scss +154 -0
  346. package/src/components/order-table/order-table.test.ts +10 -0
  347. package/src/components/page-nav/index.ts +12 -0
  348. package/src/components/page-nav/page-nav.component.ts +117 -0
  349. package/src/components/page-nav/page-nav.scss +155 -0
  350. package/src/components/page-nav/page-nav.test.ts +10 -0
  351. package/src/components/pagination/index.ts +12 -0
  352. package/src/components/pagination/pagination.component.ts +91 -0
  353. package/src/components/pagination/pagination.scss +76 -0
  354. package/src/components/pagination/pagination.test.ts +10 -0
  355. package/src/components/pane/index.ts +12 -0
  356. package/src/components/pane/pane.component.ts +52 -0
  357. package/src/components/pane/pane.scss +45 -0
  358. package/src/components/pane/pane.test.ts +10 -0
  359. package/src/components/panel/index.ts +12 -0
  360. package/src/components/panel/panel.component.ts +100 -0
  361. package/src/components/panel/panel.scss +129 -0
  362. package/src/components/panel/panel.test.ts +10 -0
  363. package/src/components/popup/index.ts +12 -0
  364. package/src/components/popup/popup.component.ts +543 -0
  365. package/src/components/popup/popup.scss +59 -0
  366. package/src/components/popup/popup.test.ts +10 -0
  367. package/src/components/progress-bar/index.ts +12 -0
  368. package/src/components/progress-bar/progress-bar.component.ts +80 -0
  369. package/src/components/progress-bar/progress-bar.scss +46 -0
  370. package/src/components/progress-bar/progress-bar.test.ts +10 -0
  371. package/src/components/progress-tile/index.ts +12 -0
  372. package/src/components/progress-tile/progress-tile.component.ts +127 -0
  373. package/src/components/progress-tile/progress-tile.scss +116 -0
  374. package/src/components/progress-tile/progress-tile.test.ts +10 -0
  375. package/src/components/query-builder/index.ts +12 -0
  376. package/src/components/query-builder/query-builder.component.ts +544 -0
  377. package/src/components/query-builder/query-builder.scss +53 -0
  378. package/src/components/query-builder/query-builder.test.ts +10 -0
  379. package/src/components/radio/index.ts +12 -0
  380. package/src/components/radio/radio.component.ts +305 -0
  381. package/src/components/radio/radio.scss +197 -0
  382. package/src/components/radio/radio.test.ts +10 -0
  383. package/src/components/radio-group/index.ts +12 -0
  384. package/src/components/radio-group/radio-group.component.ts +362 -0
  385. package/src/components/radio-group/radio-group.scss +60 -0
  386. package/src/components/radio-group/radio-group.test.ts +10 -0
  387. package/src/components/rating/index.ts +12 -0
  388. package/src/components/rating/rating.component.ts +235 -0
  389. package/src/components/rating/rating.scss +82 -0
  390. package/src/components/rating/rating.test.ts +10 -0
  391. package/src/components/scroll-container/index.ts +12 -0
  392. package/src/components/scroll-container/scroll-container.component.ts +41 -0
  393. package/src/components/scroll-container/scroll-container.scss +17 -0
  394. package/src/components/scroll-container/scroll-container.test.ts +10 -0
  395. package/src/components/select/index.ts +12 -0
  396. package/src/components/select/select.component.ts +984 -0
  397. package/src/components/select/select.scss +325 -0
  398. package/src/components/select/select.test.ts +10 -0
  399. package/src/components/sidebar/index.ts +12 -0
  400. package/src/components/sidebar/sidebar.component.ts +98 -0
  401. package/src/components/sidebar/sidebar.scss +294 -0
  402. package/src/components/sidebar/sidebar.test.ts +10 -0
  403. package/src/components/simple-chart/index.ts +12 -0
  404. package/src/components/simple-chart/simple-chart.component.ts +204 -0
  405. package/src/components/simple-chart/simple-chart.scss +9 -0
  406. package/src/components/simple-chart/simple-chart.test.ts +10 -0
  407. package/src/components/skeleton/index.ts +12 -0
  408. package/src/components/skeleton/skeleton.component.ts +34 -0
  409. package/src/components/skeleton/skeleton.scss +39 -0
  410. package/src/components/skeleton/skeleton.test.ts +10 -0
  411. package/src/components/slideout/index.ts +12 -0
  412. package/src/components/slideout/slideout.component.ts +223 -0
  413. package/src/components/slideout/slideout.scss +96 -0
  414. package/src/components/slideout/slideout.test.ts +10 -0
  415. package/src/components/sp/index.ts +12 -0
  416. package/src/components/sp/sp.component.ts +86 -0
  417. package/src/components/sp/sp.scss +88 -0
  418. package/src/components/sp/sp.test.ts +10 -0
  419. package/src/components/split-button/index.ts +12 -0
  420. package/src/components/split-button/split-button.component.ts +154 -0
  421. package/src/components/split-button/split-button.scss +9 -0
  422. package/src/components/split-button/split-button.test.ts +10 -0
  423. package/src/components/split-pane/index.ts +12 -0
  424. package/src/components/split-pane/split-pane.component.ts +195 -0
  425. package/src/components/split-pane/split-pane.scss +303 -0
  426. package/src/components/split-pane/split-pane.test.ts +10 -0
  427. package/src/components/stat/index.ts +12 -0
  428. package/src/components/stat/stat.component.ts +117 -0
  429. package/src/components/stat/stat.scss +92 -0
  430. package/src/components/stat/stat.test.ts +10 -0
  431. package/src/components/status-indicator/index.ts +12 -0
  432. package/src/components/status-indicator/status-indicator.component.ts +31 -0
  433. package/src/components/status-indicator/status-indicator.scss +32 -0
  434. package/src/components/status-indicator/status-indicator.test.ts +10 -0
  435. package/src/components/stepper/index.ts +12 -0
  436. package/src/components/stepper/stepper.component.ts +80 -0
  437. package/src/components/stepper/stepper.scss +88 -0
  438. package/src/components/stepper/stepper.test.ts +10 -0
  439. package/src/components/style/index.ts +12 -0
  440. package/src/components/style/style.component.ts +150 -0
  441. package/src/components/style/style.scss +1 -0
  442. package/src/components/style/style.test.ts +10 -0
  443. package/src/components/table/index.ts +12 -0
  444. package/src/components/table/table.component.ts +297 -0
  445. package/src/components/table/table.scss +209 -0
  446. package/src/components/table/table.test.ts +10 -0
  447. package/src/components/tabs/index.ts +12 -0
  448. package/src/components/tabs/tabs.component.ts +496 -0
  449. package/src/components/tabs/tabs.scss +147 -0
  450. package/src/components/tabs/tabs.test.ts +10 -0
  451. package/src/components/textarea/index.ts +12 -0
  452. package/src/components/textarea/textarea.component.ts +417 -0
  453. package/src/components/textarea/textarea.scss +152 -0
  454. package/src/components/textarea/textarea.test.ts +10 -0
  455. package/src/components/tile/index.ts +12 -0
  456. package/src/components/tile/tile.component.ts +105 -0
  457. package/src/components/tile/tile.scss +144 -0
  458. package/src/components/tile/tile.test.ts +10 -0
  459. package/src/components/tile-property/index.ts +12 -0
  460. package/src/components/tile-property/tile-property.component.ts +43 -0
  461. package/src/components/tile-property/tile-property.scss +43 -0
  462. package/src/components/tile-property/tile-property.test.ts +10 -0
  463. package/src/components/timer/index.ts +12 -0
  464. package/src/components/timer/timer.component.ts +88 -0
  465. package/src/components/timer/timer.scss +40 -0
  466. package/src/components/timer/timer.test.ts +10 -0
  467. package/src/components/toggle/index.ts +12 -0
  468. package/src/components/toggle/toggle.component.ts +203 -0
  469. package/src/components/toggle/toggle.scss +93 -0
  470. package/src/components/toggle/toggle.test.ts +10 -0
  471. package/src/components/tooltip/index.ts +12 -0
  472. package/src/components/tooltip/tooltip.component.ts +215 -0
  473. package/src/components/tooltip/tooltip.scss +43 -0
  474. package/src/components/tooltip/tooltip.test.ts +10 -0
  475. package/src/components/vertical-stepper/index.ts +12 -0
  476. package/src/components/vertical-stepper/vertical-stepper.component.ts +53 -0
  477. package/src/components/vertical-stepper/vertical-stepper.scss +84 -0
  478. package/src/components/vertical-stepper/vertical-stepper.test.ts +10 -0
  479. package/src/components/well/index.ts +12 -0
  480. package/src/components/well/well.component.ts +43 -0
  481. package/src/components/well/well.scss +19 -0
  482. package/src/components/well/well.test.ts +10 -0
  483. package/src/declaration.d.ts +39 -0
  484. package/src/events/events.ts +7 -0
  485. package/src/events/zn-after-collapse.ts +7 -0
  486. package/src/events/zn-after-expand.ts +7 -0
  487. package/src/events/zn-after-hide.ts +7 -0
  488. package/src/events/zn-after-show.ts +7 -0
  489. package/src/events/zn-blur.ts +7 -0
  490. package/src/events/zn-cancel.ts +7 -0
  491. package/src/events/zn-change.ts +7 -0
  492. package/src/events/zn-clear.ts +7 -0
  493. package/src/events/zn-close.ts +7 -0
  494. package/src/events/zn-collapse.ts +7 -0
  495. package/src/events/zn-copy.ts +7 -0
  496. package/src/events/zn-element-added.ts +7 -0
  497. package/src/events/zn-error.ts +7 -0
  498. package/src/events/zn-expand.ts +7 -0
  499. package/src/events/zn-filter-change.ts +7 -0
  500. package/src/events/zn-finish.ts +7 -0
  501. package/src/events/zn-focus.ts +7 -0
  502. package/src/events/zn-hide.ts +7 -0
  503. package/src/events/zn-hover.ts +10 -0
  504. package/src/events/zn-initial-focus.ts +7 -0
  505. package/src/events/zn-input.ts +7 -0
  506. package/src/events/zn-invalid.ts +7 -0
  507. package/src/events/zn-load.ts +7 -0
  508. package/src/events/zn-menu-ready.ts +9 -0
  509. package/src/events/zn-menu-select.ts +9 -0
  510. package/src/events/zn-open.ts +7 -0
  511. package/src/events/zn-remove.ts +7 -0
  512. package/src/events/zn-request-close.ts +7 -0
  513. package/src/events/zn-select.ts +9 -0
  514. package/src/events/zn-show.ts +7 -0
  515. package/src/events/zn-sort-change.ts +7 -0
  516. package/src/events/zn-submit.ts +7 -0
  517. package/src/form-control.scss +123 -0
  518. package/src/internal/animate.ts +64 -0
  519. package/src/internal/default-value.ts +49 -0
  520. package/src/internal/event.ts +75 -0
  521. package/src/internal/form.ts +527 -0
  522. package/src/internal/offset.ts +13 -0
  523. package/src/internal/scroll.ts +69 -0
  524. package/src/internal/slot.ts +110 -0
  525. package/src/internal/storage.ts +70 -0
  526. package/src/internal/tabbable.ts +198 -0
  527. package/src/internal/theme.ts +54 -0
  528. package/src/internal/watch.ts +63 -0
  529. package/src/internal/zinc-element.ts +113 -0
  530. package/src/translations/en.ts +30 -0
  531. package/src/utilities/animation-registry.ts +74 -0
  532. package/src/utilities/base-path.ts +46 -0
  533. package/src/utilities/lit-to-html.ts +7 -0
  534. package/src/utilities/localize.ts +37 -0
  535. package/src/utilities/md5.ts +216 -0
  536. package/src/utilities/on.ts +29 -0
  537. package/src/utilities/query.ts +36 -0
  538. package/src/wc.scss +33 -0
  539. package/src/zinc-autoloader.ts +58 -0
  540. package/src/zinc.ts +83 -0
  541. package/tsconfig.json +41 -0
  542. package/tsconfig.prod.json +12 -0
  543. package/web-test-runner.config.js +50 -0
  544. package/.idea/.name +0 -1
  545. package/.idea/fusion.iml +0 -9
  546. package/.idea/modules.xml +0 -8
  547. package/.idea/php.xml +0 -4
  548. package/.idea/vcs.xml +0 -6
  549. package/.idea/watcherTasks.xml +0 -25
  550. package/components/Blank/demo/demo.html +0 -11
  551. package/components/Blank/dist/zn-blank.js +0 -39
  552. package/components/Blank/go/component.go +0 -18
  553. package/components/Blank/go/go.mod +0 -3
  554. package/components/Blank/package.json +0 -33
  555. package/components/Blank/php/composer.json +0 -25
  556. package/components/Blank/php/src/Blank.php +0 -15
  557. package/components/Blank/rollup.config.js +0 -32
  558. package/components/Blank/scss/Styles.scss +0 -6
  559. package/components/Blank/ts/Component.ts +0 -15
  560. package/components/Blank/tsconfig.json +0 -7
  561. package/components/Icon/demo/demo.html +0 -90
  562. package/components/Icon/dist/zn-icon.js +0 -55
  563. package/components/Icon/go/component.go +0 -56
  564. package/components/Icon/go/go.mod +0 -3
  565. package/components/Icon/package.json +0 -33
  566. package/components/Icon/php/composer.json +0 -26
  567. package/components/Icon/php/src/Icon.php +0 -38
  568. package/components/Icon/php/src/Library.php +0 -17
  569. package/components/Icon/php/src/Size.php +0 -42
  570. package/components/Icon/roadmap.md +0 -7
  571. package/components/Icon/rollup.config.js +0 -32
  572. package/components/Icon/scss/Styles.scss +0 -65
  573. package/components/Icon/ts/Component.ts +0 -108
  574. package/components/Icon/ts/md5.ts +0 -215
  575. package/components/Icon/tsconfig.json +0 -7
  576. package/components/MaxWidth/demo/demo.html +0 -11
  577. package/components/MaxWidth/dist/zn-max-width.js +0 -51
  578. package/components/MaxWidth/go/component.go +0 -24
  579. package/components/MaxWidth/go/go.mod +0 -3
  580. package/components/MaxWidth/package.json +0 -33
  581. package/components/MaxWidth/php/composer.json +0 -25
  582. package/components/MaxWidth/php/src/MaxWidth.php +0 -32
  583. package/components/MaxWidth/rollup.config.js +0 -32
  584. package/components/MaxWidth/scss/Styles.scss +0 -13
  585. package/components/MaxWidth/ts/Component.ts +0 -27
  586. package/components/MaxWidth/tsconfig.json +0 -7
  587. package/components/roadmap.md +0 -4
  588. package/layout/components/Columns/demo/demo.html +0 -16
  589. package/layout/components/Columns/ts/Component.ts +0 -59
  590. package/layout/demo/index.html +0 -26
  591. package/layout/dist/zn-layout.js +0 -93
  592. package/layout/package.json +0 -38
  593. package/layout/rollup.config.js +0 -38
  594. package/layout/scss/layout.scss +0 -24
  595. package/layout/tailwind.config.js +0 -42
  596. package/layout/ts/container.ts +0 -132
  597. package/layout/ts/import.ts +0 -2
  598. package/layout/tsconfig.json +0 -7
  599. /package/{layout/components/Columns/scss/Styles.scss → src/internal/zinc-element.test.ts} +0 -0
@@ -1,51 +0,0 @@
1
- !function(t){"use strict";
2
- /*! *****************************************************************************
3
- Copyright (c) Microsoft Corporation.
4
-
5
- Permission to use, copy, modify, and/or distribute this software for any
6
- purpose with or without fee is hereby granted.
7
-
8
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
9
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
10
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
11
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
12
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
13
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
14
- PERFORMANCE OF THIS SOFTWARE.
15
- ***************************************************************************** */function e(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var l=t.length-1;l>=0;l--)(n=t[l])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);return o>3&&r&&Object.defineProperty(e,i,r),r
16
- /**
17
- * @license
18
- * Copyright 2019 Google LLC
19
- * SPDX-License-Identifier: BSD-3-Clause
20
- */}const i=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s=Symbol(),n=new Map;class o{constructor(t,e){if(this._$cssResult$=!0,e!==s)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t}get styleSheet(){let t=n.get(this.cssText);return i&&void 0===t&&(n.set(this.cssText,t=new CSSStyleSheet),t.replaceSync(this.cssText)),t}toString(){return this.cssText}}const r=t=>new o("string"==typeof t?t:t+"",s),l=i?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return r(e)})(t):t
21
- /**
22
- * @license
23
- * Copyright 2017 Google LLC
24
- * SPDX-License-Identifier: BSD-3-Clause
25
- */;var h;const a=window.reactiveElementPolyfillSupport,d={toAttribute(t,e){switch(e){case Boolean:t=t?"":null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},c=(t,e)=>e!==t&&(e==e||t==t),u={attribute:!0,type:String,converter:d,reflect:!1,hasChanged:c};class p extends HTMLElement{constructor(){super(),this._$Et=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Ei=null,this.o()}static addInitializer(t){var e;null!==(e=this.l)&&void 0!==e||(this.l=[]),this.l.push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,i)=>{const s=this._$Eh(i,e);void 0!==s&&(this._$Eu.set(s,i),t.push(s))})),t}static createProperty(t,e=u){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const i="symbol"==typeof t?Symbol():"__"+t,s=this.getPropertyDescriptor(t,i,e);void 0!==s&&Object.defineProperty(this.prototype,t,s)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(s){const n=this[t];this[e]=s,this.requestUpdate(t,n,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||u}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Eu=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const i of e)this.createProperty(i,t[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(l(t))}else void 0!==t&&e.push(l(t));return e}static _$Eh(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}o(){var t;this._$Ev=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Ep(),this.requestUpdate(),null===(t=this.constructor.l)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,i;(null!==(e=this._$Em)&&void 0!==e?e:this._$Em=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(i=t.hostConnected)||void 0===i||i.call(t))}removeController(t){var e;null===(e=this._$Em)||void 0===e||e.splice(this._$Em.indexOf(t)>>>0,1)}_$Ep(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Et.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{i?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const i=document.createElement("style"),s=window.litNonce;void 0!==s&&i.setAttribute("nonce",s),i.textContent=e.cssText,t.appendChild(i)}))})(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$Em)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$Em)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$Eg(t,e,i=u){var s,n;const o=this.constructor._$Eh(t,i);if(void 0!==o&&!0===i.reflect){const r=(null!==(n=null===(s=i.converter)||void 0===s?void 0:s.toAttribute)&&void 0!==n?n:d.toAttribute)(e,i.type);this._$Ei=t,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Ei=null}}_$AK(t,e){var i,s,n;const o=this.constructor,r=o._$Eu.get(t);if(void 0!==r&&this._$Ei!==r){const t=o.getPropertyOptions(r),l=t.converter,h=null!==(n=null!==(s=null===(i=l)||void 0===i?void 0:i.fromAttribute)&&void 0!==s?s:"function"==typeof l?l:null)&&void 0!==n?n:d.fromAttribute;this._$Ei=r,this[r]=h(e,t.type),this._$Ei=null}}requestUpdate(t,e,i){let s=!0;void 0!==t&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||c)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===i.reflect&&this._$Ei!==t&&(void 0===this._$ES&&(this._$ES=new Map),this._$ES.set(t,i))):s=!1),!this.isUpdatePending&&s&&(this._$Ev=this._$EC())}async _$EC(){this.isUpdatePending=!0;try{await this._$Ev}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Et&&(this._$Et.forEach(((t,e)=>this[e]=t)),this._$Et=void 0);let e=!1;const i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),null===(t=this._$Em)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(i)):this._$EU()}catch(t){throw e=!1,this._$EU(),t}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;null===(e=this._$Em)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Ev}shouldUpdate(t){return!0}update(t){void 0!==this._$ES&&(this._$ES.forEach(((t,e)=>this._$Eg(e,this[e],t))),this._$ES=void 0),this._$EU()}updated(t){}firstUpdated(t){}}
26
- /**
27
- * @license
28
- * Copyright 2017 Google LLC
29
- * SPDX-License-Identifier: BSD-3-Clause
30
- */
31
- var v;p.finalized=!0,p.elementProperties=new Map,p.elementStyles=[],p.shadowRootOptions={mode:"open"},null==a||a({ReactiveElement:p}),(null!==(h=globalThis.reactiveElementVersions)&&void 0!==h?h:globalThis.reactiveElementVersions=[]).push("1.0.1");const $=globalThis.trustedTypes,_=$?$.createPolicy("lit-html",{createHTML:t=>t}):void 0,f=`lit$${(Math.random()+"").slice(9)}$`,A="?"+f,m=`<${A}>`,y=document,g=(t="")=>y.createComment(t),E=t=>null===t||"object"!=typeof t&&"function"!=typeof t,b=Array.isArray,S=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,w=/-->/g,C=/>/g,x=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,P=/'/g,U=/"/g,H=/^(?:script|style|textarea)$/i,T=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),M=Symbol.for("lit-noChange"),N=Symbol.for("lit-nothing"),O=new WeakMap,R=y.createTreeWalker(y,129,null,!1),k=(t,e)=>{const i=t.length-1,s=[];let n,o=2===e?"<svg>":"",r=S;for(let e=0;e<i;e++){const i=t[e];let l,h,a=-1,d=0;for(;d<i.length&&(r.lastIndex=d,h=r.exec(i),null!==h);)d=r.lastIndex,r===S?"!--"===h[1]?r=w:void 0!==h[1]?r=C:void 0!==h[2]?(H.test(h[2])&&(n=RegExp("</"+h[2],"g")),r=x):void 0!==h[3]&&(r=x):r===x?">"===h[0]?(r=null!=n?n:S,a=-1):void 0===h[1]?a=-2:(a=r.lastIndex-h[2].length,l=h[1],r=void 0===h[3]?x:'"'===h[3]?U:P):r===U||r===P?r=x:r===w||r===C?r=S:(r=x,n=void 0);const c=r===x&&t[e+1].startsWith("/>")?" ":"";o+=r===S?i+m:a>=0?(s.push(l),i.slice(0,a)+"$lit$"+i.slice(a)+f+c):i+f+(-2===a?(s.push(void 0),e):c)}const l=o+(t[i]||"<?>")+(2===e?"</svg>":"");return[void 0!==_?_.createHTML(l):l,s]};class z{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let n=0,o=0;const r=t.length-1,l=this.parts,[h,a]=k(t,e);if(this.el=z.createElement(h,i),R.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(s=R.nextNode())&&l.length<r;){if(1===s.nodeType){if(s.hasAttributes()){const t=[];for(const e of s.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(f)){const i=a[o++];if(t.push(e),void 0!==i){const t=s.getAttribute(i.toLowerCase()+"$lit$").split(f),e=/([.?@])?(.*)/.exec(i);l.push({type:1,index:n,name:e[2],strings:t,ctor:"."===e[1]?I:"?"===e[1]?W:"@"===e[1]?Z:D})}else l.push({type:6,index:n})}for(const e of t)s.removeAttribute(e)}if(H.test(s.tagName)){const t=s.textContent.split(f),e=t.length-1;if(e>0){s.textContent=$?$.emptyScript:"";for(let i=0;i<e;i++)s.append(t[i],g()),R.nextNode(),l.push({type:2,index:++n});s.append(t[e],g())}}}else if(8===s.nodeType)if(s.data===A)l.push({type:2,index:n});else{let t=-1;for(;-1!==(t=s.data.indexOf(f,t+1));)l.push({type:7,index:n}),t+=f.length-1}n++}}static createElement(t,e){const i=y.createElement("template");return i.innerHTML=t,i}}function L(t,e,i=t,s){var n,o,r,l;if(e===M)return e;let h=void 0!==s?null===(n=i._$Cl)||void 0===n?void 0:n[s]:i._$Cu;const a=E(e)?void 0:e._$litDirective$;return(null==h?void 0:h.constructor)!==a&&(null===(o=null==h?void 0:h._$AO)||void 0===o||o.call(h,!1),void 0===a?h=void 0:(h=new a(t),h._$AT(t,i,s)),void 0!==s?(null!==(r=(l=i)._$Cl)&&void 0!==r?r:l._$Cl=[])[s]=h:i._$Cu=h),void 0!==h&&(e=L(t,h._$AS(t,e.values),h,s)),e}class j{constructor(t,e){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var e;const{el:{content:i},parts:s}=this._$AD,n=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:y).importNode(i,!0);R.currentNode=n;let o=R.nextNode(),r=0,l=0,h=s[0];for(;void 0!==h;){if(r===h.index){let e;2===h.type?e=new B(o,o.nextSibling,this,t):1===h.type?e=new h.ctor(o,h.name,h.strings,this,t):6===h.type&&(e=new V(o,this,t)),this.v.push(e),h=s[++l]}r!==(null==h?void 0:h.index)&&(o=R.nextNode(),r++)}return n}m(t){let e=0;for(const i of this.v)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class B{constructor(t,e,i,s){var n;this.type=2,this._$AH=N,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=s,this._$Cg=null===(n=null==s?void 0:s.isConnected)||void 0===n||n}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cg}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=L(this,t,e),E(t)?t===N||null==t||""===t?(this._$AH!==N&&this._$AR(),this._$AH=N):t!==this._$AH&&t!==M&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.S(t):(t=>{var e;return b(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])})(t)?this.M(t):this.$(t)}A(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}S(t){this._$AH!==t&&(this._$AR(),this._$AH=this.A(t))}$(t){this._$AH!==N&&E(this._$AH)?this._$AA.nextSibling.data=t:this.S(y.createTextNode(t)),this._$AH=t}T(t){var e;const{values:i,_$litType$:s}=t,n="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=z.createElement(s.h,this.options)),s);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===n)this._$AH.m(i);else{const t=new j(n,this),e=t.p(this.options);t.m(i),this.S(e),this._$AH=t}}_$AC(t){let e=O.get(t.strings);return void 0===e&&O.set(t.strings,e=new z(t)),e}M(t){b(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,s=0;for(const n of t)s===e.length?e.push(i=new B(this.A(g()),this.A(g()),this,this.options)):i=e[s],i._$AI(n),s++;s<e.length&&(this._$AR(i&&i._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cg=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class D{constructor(t,e,i,s,n){this.type=1,this._$AH=N,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=n,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=N}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,s){const n=this.strings;let o=!1;if(void 0===n)t=L(this,t,e,0),o=!E(t)||t!==this._$AH&&t!==M,o&&(this._$AH=t);else{const s=t;let r,l;for(t=n[0],r=0;r<n.length-1;r++)l=L(this,s[i+r],e,r),l===M&&(l=this._$AH[r]),o||(o=!E(l)||l!==this._$AH[r]),l===N?t=N:t!==N&&(t+=(null!=l?l:"")+n[r+1]),this._$AH[r]=l}o&&!s&&this.k(t)}k(t){t===N?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class I extends D{constructor(){super(...arguments),this.type=3}k(t){this.element[this.name]=t===N?void 0:t}}class W extends D{constructor(){super(...arguments),this.type=4}k(t){t&&t!==N?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name)}}class Z extends D{constructor(t,e,i,s,n){super(t,e,i,s,n),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=L(this,t,e,0))&&void 0!==i?i:N)===M)return;const s=this._$AH,n=t===N&&s!==N||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,o=t!==N&&(s===N||n);n&&this.element.removeEventListener(this.name,this,s),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class V{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){L(this,t)}}const q=window.litHtmlPolyfillSupport;
32
- /**
33
- * @license
34
- * Copyright 2017 Google LLC
35
- * SPDX-License-Identifier: BSD-3-Clause
36
- */
37
- var K,J;null==q||q(z,B),(null!==(v=globalThis.litHtmlVersions)&&void 0!==v?v:globalThis.litHtmlVersions=[]).push("2.0.1");class F extends p{constructor(){super(...arguments),this.renderOptions={host:this},this._$Dt=void 0}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Dt=((t,e,i)=>{var s,n;const o=null!==(s=null==i?void 0:i.renderBefore)&&void 0!==s?s:e;let r=o._$litPart$;if(void 0===r){const t=null!==(n=null==i?void 0:i.renderBefore)&&void 0!==n?n:null;o._$litPart$=r=new B(e.insertBefore(g(),t),t,void 0,null!=i?i:{})}return r._$AI(t),r})(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Dt)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Dt)||void 0===t||t.setConnected(!1)}render(){return M}}F.finalized=!0,F._$litElement$=!0,null===(K=globalThis.litElementHydrateSupport)||void 0===K||K.call(globalThis,{LitElement:F});const G=globalThis.litElementPolyfillSupport;null==G||G({LitElement:F}),(null!==(J=globalThis.litElementVersions)&&void 0!==J?J:globalThis.litElementVersions=[]).push("3.0.1");
38
- /**
39
- * @license
40
- * Copyright 2017 Google LLC
41
- * SPDX-License-Identifier: BSD-3-Clause
42
- */
43
- const Q=(t,e)=>"method"===e.kind&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(i){i.createProperty(e.key,t)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){"function"==typeof e.initializer&&(this[e.key]=e.initializer.call(this))},finisher(i){i.createProperty(e.key,t)}};
44
- /**
45
- * @license
46
- * Copyright 2017 Google LLC
47
- * SPDX-License-Identifier: BSD-3-Clause
48
- */t.ZincMaxWidth=class extends F{constructor(){super(...arguments),this.width=1024}attributeChangedCallback(t,e,i){super.attributeChangedCallback(t,e,i),Number(i)<1&&(this.width=Number(e)),this.style.setProperty("--max-width",this.width+"px")}render(){return T`
49
- <div class="container">
50
- <slot></slot>
51
- </div>`}},t.ZincMaxWidth.styles=r(":root{--max-width:1024}:host{display:flex;justify-content:center}.container{max-width:calc(var(--max-width));width:100%}"),e([function(t){return(e,i)=>void 0!==i?((t,e,i)=>{e.constructor.createProperty(i,t)})(t,e,i):Q(t,e)}({reflect:!0})],t.ZincMaxWidth.prototype,"width",void 0),t.ZincMaxWidth=e([(t=>e=>"function"==typeof e?((t,e)=>(window.customElements.define(t,e),e))(t,e):((t,e)=>{const{kind:i,elements:s}=e;return{kind:i,elements:s,finisher(e){window.customElements.define(t,e)}}})(t,e))("zn-max-width")],t.ZincMaxWidth),Object.defineProperty(t,"__esModule",{value:!0})}({});
@@ -1,24 +0,0 @@
1
- package MaxWidth
2
-
3
- import (
4
- "fmt"
5
- "html/template"
6
- )
7
-
8
- type Instance struct {
9
- size int32
10
- }
11
-
12
- func New() Instance {
13
- return Instance{}
14
- }
15
- func Defined(size int32) Instance {
16
- return Instance{size: size}
17
- }
18
-
19
- func (i Instance) Size() int32 { return i.size }
20
- func (i *Instance) SetSize(size int32) { i.size = size }
21
-
22
- func (i Instance) Html() template.HTML {
23
- return template.HTML(fmt.Sprintf(`<zn-max-width width="%d"></zn-max-width>`, i.size))
24
- }
@@ -1,3 +0,0 @@
1
- module github.com/kubex/zinc/components/MaxWidth/go/MaxWidth
2
-
3
- go 1.17
@@ -1,33 +0,0 @@
1
- {
2
- "name": "@kubex/zn-max-width",
3
- "version": "0.0.1",
4
- "repository": "git@github.com:kubex/zinc",
5
- "author": "Brooke Bryan <brooke@bajb.net>",
6
- "license": "MIT",
7
- "main": "ts/Component.ts",
8
- "files": [
9
- "scss/",
10
- "ts/"
11
- ],
12
- "dependencies": {
13
- "lit": "2.0.0-rc.4"
14
- },
15
- "devDependencies": {
16
- "@rollup/plugin-commonjs": "^20.0.0",
17
- "@rollup/plugin-node-resolve": "^13.0.4",
18
- "@rollup/plugin-typescript": "^8.2.5",
19
- "npm-run-all": "^4.1.5",
20
- "postcss": "^8.2.10",
21
- "postcss-import": "^14.0.2",
22
- "rollup": "^2.44.0",
23
- "rollup-plugin-postcss": "^4.0.0",
24
- "rollup-plugin-terser": "^7.0.2",
25
- "sass": "^1.32.10",
26
- "tslib": "^2.2.0",
27
- "typescript": "^4.2.4"
28
- },
29
- "scripts": {
30
- "build": "rollup -c",
31
- "watch": "rollup -c -w"
32
- }
33
- }
@@ -1,25 +0,0 @@
1
- {
2
- "name": "kubex/zinc-components-max-width",
3
- "description": "Kubex Fusion MaxWidth",
4
- "license": "MIT",
5
- "authors": [
6
- {
7
- "name": "Brooke Bryan",
8
- "email": "brooke@bajb.net"
9
- }
10
- ],
11
- "require": {
12
- "php": ">=7.4",
13
- "packaged/safehtml": "~2.2"
14
- },
15
- "autoload": {
16
- "psr-4": {
17
- "Kubex\\Zinc\\Components\\MaxWidth\\": "src"
18
- }
19
- },
20
- "autoload-dev": {
21
- "psr-4": {
22
- "Kubex\\ZincTests\\Components\\MaxWidth\\": "tests"
23
- }
24
- }
25
- }
@@ -1,32 +0,0 @@
1
- <?php
2
- namespace Kubex\Zinc\Components\MaxWidth;
3
-
4
- use Packaged\SafeHtml\ISafeHtmlProducer;
5
- use Packaged\SafeHtml\SafeHtml;
6
-
7
- class MaxWidth implements ISafeHtmlProducer
8
- {
9
-
10
- /**
11
- * @var int
12
- */
13
- protected $_size;
14
-
15
- public function setSize(int $size): self
16
- {
17
- $this->_size = $size;
18
- return $this;
19
- }
20
-
21
- public function size(): int
22
- {
23
- return $this->_size;
24
- }
25
-
26
- public function produceSafeHTML(): SafeHtml
27
- {
28
- return new SafeHtml(
29
- sprintf('<zn-max-width width="%d"></zn-max-width>', $this->_size)
30
- );
31
- }
32
- }
@@ -1,32 +0,0 @@
1
- import resolve from '@rollup/plugin-node-resolve';
2
- import typescript from '@rollup/plugin-typescript';
3
- import {terser} from 'rollup-plugin-terser';
4
- import commonjs from '@rollup/plugin-commonjs';
5
- import postcss from 'rollup-plugin-postcss';
6
- import AtImport from 'postcss-import';
7
-
8
- const component = {
9
- input: 'ts/Component.ts',
10
- output: {
11
- dir: 'dist',
12
- format: 'iife',
13
- entryFileNames: 'zn-max-width.js',
14
- sourcemap: false,
15
- },
16
- plugins: [
17
- resolve({browser: true, preferBuiltins: false}),
18
- typescript(),
19
- commonjs(),
20
- postcss(
21
- {
22
- plugins: [AtImport()],
23
- inject: false,
24
- extract: false,
25
- minimize: true,
26
- sourceMap: false,
27
- }),
28
- terser(),
29
- ],
30
- };
31
-
32
- export default [component];
@@ -1,13 +0,0 @@
1
- :root {
2
- --max-width: 1024;
3
- }
4
-
5
- :host {
6
- display: flex;
7
- justify-content: center;
8
- }
9
-
10
- .container {
11
- width: 100%;
12
- max-width: calc(var(--max-width) + 0px);
13
- }
@@ -1,27 +0,0 @@
1
- import {html, LitElement, unsafeCSS} from 'lit';
2
- import {customElement, property} from 'lit/decorators.js';
3
- // @ts-ignore
4
- import styles from '../scss/Styles.scss';
5
-
6
- @customElement('zn-max-width')
7
- export class ZincMaxWidth extends LitElement {
8
- static styles = unsafeCSS(styles);
9
-
10
- @property({reflect: true})
11
- width = 1024
12
-
13
- attributeChangedCallback(name: string, _old: string | null, value: string | null) {
14
- super.attributeChangedCallback(name, _old, value);
15
- if (Number(value) < 1) {
16
- this.width = Number(_old)
17
- }
18
- this.style.setProperty('--max-width', this.width + "px")
19
- }
20
-
21
- render() {
22
- return html`
23
- <div class="container">
24
- <slot></slot>
25
- </div>`;
26
- }
27
- }
@@ -1,7 +0,0 @@
1
- {
2
- "compilerOptions": {
3
- "target": "ES6",
4
- "experimentalDecorators": true,
5
- "moduleResolution": "Node"
6
- }
7
- }
@@ -1,4 +0,0 @@
1
- - Progress
2
- - Rating
3
- - Loading
4
- -
@@ -1,16 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="utf-8">
5
- <title>Zinc-Blank Demo</title>
6
- </head>
7
- <body>
8
-
9
- <zn-cols>
10
- <div slot="col-1">Col 1</div>
11
- <div slot="col-2">Col 2</div>
12
- <div slot="col-3">Col 3</div>
13
- </zn-cols>
14
- <script src="../../dist/zn-layout.js" type="text/javascript"></script>
15
- </body>
16
- </html>
@@ -1,59 +0,0 @@
1
- import {html, LitElement, unsafeCSS} from 'lit';
2
- import {customElement, property} from 'lit/decorators.js';
3
- // @ts-ignore
4
- import styles from '../scss/Styles.scss';
5
- // @ts-ignore
6
- import layoutStyles from '../../../scss/layout.scss';
7
-
8
- @customElement('zn-cols')
9
- export class ZincColumns extends LitElement {
10
- static get styles() {
11
- return [unsafeCSS(layoutStyles), unsafeCSS(styles)];
12
- }
13
-
14
- @property()
15
- layout = "2,1"
16
-
17
- render() {
18
- switch (this.layout) {
19
- case "2,1":
20
- return html`
21
- <div
22
- class="grid grid-cols-1 gap-6 p-3 sm:p-6 lg:grid-flow-col-dense lg:grid-cols-3">
23
- <div class="lg:col-start-1 lg:col-span-2">
24
- <slot name="col1"></slot>
25
- </div>
26
- <div class="lg:col-start-3 lg:col-span-1">
27
- <slot name="col2"></slot>
28
- </div>
29
- </div>
30
- `;
31
- case "1,2":
32
- return html`
33
- <div
34
- class="grid grid-cols-1 gap-6 p-3 sm:p-6 lg:grid-flow-col-dense lg:grid-cols-3">
35
- <div class="lg:col-start-1 lg:col-span-1">
36
- <slot name="col1"></slot>
37
- </div>
38
- <div class="lg:col-start-2 lg:col-span-2">
39
- <slot name="col2"></slot>
40
- </div>
41
- </div>
42
- `;
43
- case "1,1,1":
44
- return html`
45
- <div
46
- class="grid grid-cols-1 gap-6 p-3 sm:p-6 lg:grid-flow-col-dense lg:grid-cols-3">
47
- <div class="lg:col-start-1 lg:col-span-1">
48
- <slot name="col1"></slot>
49
- </div>
50
- <div class="lg:col-start-2 lg:col-span-1">
51
- <slot name="col2"></slot>
52
- </div>
53
- <div class="lg:col-start-3 lg:col-span-1">
54
- <slot name="col3"></slot>
55
- </div>
56
- </div>`;
57
- }
58
- }
59
- }
@@ -1,26 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="utf-8">
5
- <title>Zinc-Layout Demo</title>
6
- <link rel="stylesheet" href="../dist/zn-layout.css"/>
7
- <script src="../dist/zn-layout.js" type="text/javascript"></script>
8
- </head>
9
- <body>
10
- <app-container>
11
- <zn-cols>
12
- <div slot="col1">Col 1</div>
13
- <div slot="col2">Col 2</div>
14
- </zn-cols>
15
- <zn-cols layout="1,2">
16
- <div slot="col1">Col 1</div>
17
- <div slot="col2">Col 2</div>
18
- </zn-cols>
19
- <zn-cols layout="1,1,1">
20
- <div slot="col1">Col 1</div>
21
- <div slot="col2">Col 2</div>
22
- <div slot="col3">Col 3</div>
23
- </zn-cols>
24
- </app-container>
25
- </body>
26
- </html>