@iamproperty/components 2.9.0 → 3.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 (89) hide show
  1. package/README.md +9 -130
  2. package/assets/css/core.min.css +1 -1
  3. package/assets/css/core.min.css.map +1 -1
  4. package/assets/css/style.min.css +1 -1
  5. package/assets/css/style.min.css.map +1 -1
  6. package/assets/favicons/manifest.json +32 -0
  7. package/assets/js/main.js +57 -0
  8. package/assets/js/modules/chart.js +18 -17
  9. package/assets/js/modules/file-upload.js +48 -0
  10. package/assets/js/modules/form.js +27 -18
  11. package/assets/js/modules/nav.js +9 -8
  12. package/assets/js/modules/orderablelist.js +122 -0
  13. package/assets/js/modules/table.js +24 -24
  14. package/assets/js/scripts.bundle.js +63 -52
  15. package/assets/js/scripts.bundle.js.map +1 -1
  16. package/assets/js/scripts.bundle.min.js +2 -2
  17. package/assets/js/scripts.bundle.min.js.map +1 -1
  18. package/assets/sass/_functions/utilities.scss +3 -110
  19. package/assets/sass/_functions/variables.scss +3 -2
  20. package/assets/sass/_tests/colours.spec.scss +45 -0
  21. package/assets/sass/_tests/func.spec.scss +233 -0
  22. package/assets/sass/_tests/mixins.spec.scss +194 -0
  23. package/assets/sass/_tests/sass.spec.js +9 -0
  24. package/assets/sass/_tests/typography.spec.scss +36 -0
  25. package/assets/sass/components/alert.scss +1 -1
  26. package/assets/sass/components/cardDeck.scss +1 -1
  27. package/assets/sass/components/carousel.scss +5 -5
  28. package/assets/sass/components/charts.scss +1 -1
  29. package/assets/sass/components/nav.scss +47 -2
  30. package/assets/sass/components/stepper.scss +3 -3
  31. package/assets/sass/elements/buttons.scss +46 -4
  32. package/assets/sass/elements/card.scss +112 -0
  33. package/assets/sass/elements/container.scss +13 -2
  34. package/assets/sass/elements/forms.scss +68 -0
  35. package/assets/sass/elements/links.scss +2 -1
  36. package/assets/sass/elements/lists.scss +48 -1
  37. package/assets/sass/elements/panel.scss +3 -3
  38. package/assets/sass/elements/tables.scss +1 -1
  39. package/assets/sass/elements/tooltips.scss +1 -1
  40. package/assets/sass/foundations/icons.scss +8 -0
  41. package/assets/sass/foundations/root.scss +23 -4
  42. package/assets/ts/main.js +57 -0
  43. package/assets/ts/main.js.map +1 -0
  44. package/assets/ts/main.ts +10 -10
  45. package/assets/ts/modules/accordion.js +33 -0
  46. package/assets/ts/modules/accordion.js.map +1 -0
  47. package/dist/components.es.js +2518 -0
  48. package/dist/components.umd.js +56 -3784
  49. package/dist/style.css +1 -0
  50. package/package.json +87 -87
  51. package/src/components/Accordion/Accordion.screenshot.vue +57 -0
  52. package/src/components/Accordion/Accordion.spec.js +63 -0
  53. package/src/components/Accordion/Accordion.vue +1 -1
  54. package/src/components/Accordion/AccordionItem.vue +1 -1
  55. package/src/components/Accordion/__screenshots__/win32/laptop/Accordion.png +0 -0
  56. package/src/components/Accordion/__screenshots__/win32/mobile/Accordion.png +0 -0
  57. package/src/components/Accordion/__screenshots__/win32/tablet/Accordion.png +0 -0
  58. package/src/components/Alert/Alert.spec.js +49 -0
  59. package/src/components/Alert/Alert.vue +3 -3
  60. package/src/components/Banner/Banner.spec.js +28 -0
  61. package/src/components/CardDeck/CardDeck.spec.js +99 -0
  62. package/src/components/CardDeck/CardDeck.vue +1 -1
  63. package/src/components/Carousel/Carousel.spec.js +45 -0
  64. package/src/components/Chart/Chart.spec.js +201 -0
  65. package/src/components/Chart/Chart.vue +3 -3
  66. package/src/components/Header/Header.spec.js +33 -0
  67. package/src/components/Modal/Modal.spec.js +22 -0
  68. package/src/components/Nav/Nav.spec.js +35 -0
  69. package/src/components/Nav/Nav.vue +5 -2
  70. package/src/components/Stepper/Stepper.spec.js +99 -0
  71. package/src/components/Tabs/Tab.vue +6 -0
  72. package/src/components/Tabs/Tabs.vue +15 -13
  73. package/src/components/Testimonial/Testimonial.spec.js +57 -0
  74. package/src/components/Timeline/Timeline.spec.js +17 -0
  75. package/src/elements/Card/Card.vue +11 -2
  76. package/src/elements/Input/Input.vue +14 -10
  77. package/src/elements/Table/Table.spec.js +90 -0
  78. package/src/elements/Table/Table.vue +8 -5
  79. package/src/foundations/Icon/Icon.spec.js +24 -0
  80. package/src/foundations/Logo/Logo.spec.js +56 -0
  81. package/src/vue-shim.d.ts +6 -0
  82. package/dist/components.common.js +0 -3773
  83. package/dist/components.common.js.map +0 -1
  84. package/dist/components.css +0 -2
  85. package/dist/components.css.map +0 -1
  86. package/dist/components.umd.js.map +0 -1
  87. package/dist/components.umd.min.js +0 -2
  88. package/dist/components.umd.min.js.map +0 -1
  89. package/dist/demo.html +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"main.js","sourceRoot":"","sources":["main.ts"],"names":[],"mappings":"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"}
package/assets/ts/main.ts CHANGED
@@ -1,9 +1,9 @@
1
-
1
+ // @ts-nocheck
2
2
  // Modules
3
3
  import * as helpers from '../js/modules/helpers'
4
4
  import nav from '../js/modules/nav'
5
5
  import table from '../js/modules/table'
6
- import accordion from './modules/accordion'
6
+ import accordion from '../js/modules/accordion'
7
7
  import testimonial from '../js/modules/testimonial'
8
8
  import carousel from '../js/modules/carousel'
9
9
  import form from '../js/modules/form'
@@ -19,38 +19,38 @@ document.addEventListener("DOMContentLoaded", function() {
19
19
  console.log('test.js');
20
20
 
21
21
  // ANav
22
- Array.from(document.querySelectorAll('.nav')).forEach((arrayElement, index) => {
22
+ Array.from(document.querySelectorAll('.nav')).forEach((arrayElement) => {
23
23
  nav(arrayElement);
24
24
  });
25
25
 
26
26
  // Advanced tables
27
- Array.from(document.querySelectorAll('.table__wrapper')).forEach((arrayElement, index) => {
27
+ Array.from(document.querySelectorAll('.table__wrapper')).forEach((arrayElement) => {
28
28
  table(arrayElement);
29
29
  });
30
30
 
31
31
  // Accordions
32
- Array.from(document.querySelectorAll('.accordion')).forEach((arrayElement, index) => {
32
+ Array.from(document.querySelectorAll('.accordion')).forEach((arrayElement) => {
33
33
  accordion(arrayElement);
34
34
  });
35
35
 
36
36
  // Testimonial
37
- Array.from(document.querySelectorAll('.testimonial')).forEach((arrayElement, index) => {
37
+ Array.from(document.querySelectorAll('.testimonial')).forEach((arrayElement) => {
38
38
  testimonial(arrayElement);
39
39
  });
40
40
  // Carousel
41
- Array.from(document.querySelectorAll('.carousel')).forEach((arrayElement, index) => {
41
+ Array.from(document.querySelectorAll('.carousel')).forEach((arrayElement) => {
42
42
  carousel(arrayElement);
43
43
  });
44
44
  // Form
45
- Array.from(document.querySelectorAll('form')).forEach((arrayElement, index) => {
45
+ Array.from(document.querySelectorAll('form')).forEach((arrayElement) => {
46
46
  form(arrayElement);
47
47
  });
48
48
  // Modal
49
- Array.from(document.querySelectorAll('.modal')).forEach((arrayElement, index) => {
49
+ Array.from(document.querySelectorAll('.modal')).forEach((arrayElement) => {
50
50
  modal(arrayElement);
51
51
  });
52
52
  // YouTube videos
53
- Array.from(document.querySelectorAll('.youtube-embed')).forEach((arrayElement, index) => {
53
+ Array.from(document.querySelectorAll('.youtube-embed')).forEach((arrayElement) => {
54
54
  new youtubeVideo(arrayElement);
55
55
  });
56
56
 
@@ -0,0 +1,33 @@
1
+ function accordion(accordionElement) {
2
+ // Fetch all the details element.
3
+ if (!accordionElement.classList.contains('accordion--keep-open')) {
4
+ const details = accordionElement.querySelectorAll(":scope > details");
5
+ // Add the onclick listeners.
6
+ details.forEach((targetDetail) => {
7
+ targetDetail.addEventListener("click", () => {
8
+ // Close all the details that are not targetDetail.
9
+ details.forEach((detail) => {
10
+ if (detail !== targetDetail) {
11
+ detail.removeAttribute("open");
12
+ }
13
+ });
14
+ });
15
+ });
16
+ }
17
+ if (window.location.hash && document.querySelector(window.location.hash + ':not([open]) summary')) {
18
+ const detail = document.querySelector(window.location.hash + ' summary');
19
+ if (detail instanceof HTMLElement) {
20
+ detail.click();
21
+ }
22
+ }
23
+ window.addEventListener('hashchange', function () {
24
+ if (window.location.hash && document.querySelector(window.location.hash + ' summary')) {
25
+ const detail = document.querySelector(window.location.hash + ' summary');
26
+ if (detail instanceof HTMLElement) {
27
+ detail.click();
28
+ }
29
+ }
30
+ });
31
+ }
32
+ export default accordion;
33
+ //# sourceMappingURL=accordion.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accordion.js","sourceRoot":"","sources":["accordion.ts"],"names":[],"mappings":"AAAA,SAAS,SAAS,CAAC,gBAAyB;IAE1C,iCAAiC;IACjC,IAAG,CAAC,gBAAgB,CAAC,SAAS,CAAC,QAAQ,CAAC,sBAAsB,CAAC,EAAC;QAE9D,MAAM,OAAO,GAA4B,gBAAgB,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;QAE/F,6BAA6B;QAC7B,OAAO,CAAC,OAAO,CAAC,CAAC,YAAY,EAAE,EAAE;YAC/B,YAAY,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;gBAC1C,mDAAmD;gBACnD,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;oBACzB,IAAI,MAAM,KAAK,YAAY,EAAE;wBAC3B,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;qBAChC;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;KACJ;IAGD,IAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAC,sBAAsB,CAAC,EAAE;QAE9F,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAC,UAAU,CAAC,CAAC;QAEvE,IAAI,MAAM,YAAY,WAAW,EAAE;YACjC,MAAM,CAAC,KAAK,EAAE,CAAC;SAChB;KACF;IAED,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE;QACpC,IAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAC,UAAU,CAAC,EAAE;YAElF,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAC,UAAU,CAAC,CAAC;YAEvE,IAAI,MAAM,YAAY,WAAW,EAAE;gBACjC,MAAM,CAAC,KAAK,EAAE,CAAC;aAChB;SACF;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED,eAAe,SAAS,CAAA"}