@iamproperty/components 3.4.4 → 3.4.6

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 (126) hide show
  1. package/README.md +30 -66
  2. package/assets/css/components/accordion.css +1 -0
  3. package/assets/css/components/accordion.css.map +1 -0
  4. package/assets/css/components/alert.css +1 -0
  5. package/assets/css/components/alert.css.map +1 -0
  6. package/assets/css/components/buttons.css +1 -0
  7. package/assets/css/components/buttons.css.map +1 -0
  8. package/assets/css/components/card.css +1 -0
  9. package/assets/css/components/card.css.map +1 -0
  10. package/assets/css/components/cardDeck.css +1 -0
  11. package/assets/css/components/cardDeck.css.map +1 -0
  12. package/assets/css/components/carousel.css +1 -0
  13. package/assets/css/components/carousel.css.map +1 -0
  14. package/assets/css/components/charts.css +1 -0
  15. package/assets/css/components/charts.css.map +1 -0
  16. package/assets/css/components/container.css +1 -0
  17. package/assets/css/components/container.css.map +1 -0
  18. package/assets/css/components/forms.css +1 -0
  19. package/assets/css/components/forms.css.map +1 -0
  20. package/assets/css/components/header.css +1 -0
  21. package/assets/css/components/header.css.map +1 -0
  22. package/assets/css/components/links.css +1 -0
  23. package/assets/css/components/links.css.map +1 -0
  24. package/assets/css/components/lists.css +1 -0
  25. package/assets/css/components/lists.css.map +1 -0
  26. package/assets/css/components/modal.css +1 -0
  27. package/assets/css/components/modal.css.map +1 -0
  28. package/assets/css/components/nav.css +1 -0
  29. package/assets/css/components/nav.css.map +1 -0
  30. package/assets/css/components/panel.css +1 -0
  31. package/assets/css/components/panel.css.map +1 -0
  32. package/assets/css/components/property-searchbar.css +1 -0
  33. package/assets/css/components/property-searchbar.css.map +1 -0
  34. package/assets/css/components/snapshot.css +1 -0
  35. package/assets/css/components/snapshot.css.map +1 -0
  36. package/assets/css/components/stepper.css +1 -0
  37. package/assets/css/components/stepper.css.map +1 -0
  38. package/assets/css/components/tables.css +1 -0
  39. package/assets/css/components/tables.css.map +1 -0
  40. package/assets/css/components/tabs.css +1 -0
  41. package/assets/css/components/tabs.css.map +1 -0
  42. package/assets/css/components/testimonial.css +1 -0
  43. package/assets/css/components/testimonial.css.map +1 -0
  44. package/assets/css/components/timeline.css +1 -0
  45. package/assets/css/components/timeline.css.map +1 -0
  46. package/assets/css/components/tooltips.css +1 -0
  47. package/assets/css/components/tooltips.css.map +1 -0
  48. package/assets/css/core.min.css +1 -1
  49. package/assets/css/core.min.css.map +1 -1
  50. package/assets/css/style.min.css +1 -1
  51. package/assets/css/style.min.css.map +1 -1
  52. package/assets/fonts/qanelas-bold-webfont.woff +0 -0
  53. package/assets/fonts/qanelas-bold-webfont.woff2 +0 -0
  54. package/assets/js/bundle.js +61 -0
  55. package/assets/js/components/accordion/accordion.component.js +27 -0
  56. package/assets/js/components/accordion/accordion.component.min.js +14 -0
  57. package/assets/js/components/accordion/accordion.component.min.js.map +1 -0
  58. package/assets/js/components/header/header.component.js +45 -0
  59. package/assets/js/components/header/header.component.min.js +30 -0
  60. package/assets/js/components/header/header.component.min.js.map +1 -0
  61. package/assets/js/components/tabs/tabs.component.js +28 -0
  62. package/assets/js/dynamic.js +85 -0
  63. package/assets/js/dynamic.min.js +56 -0
  64. package/assets/js/dynamic.min.js.map +1 -0
  65. package/assets/js/{main.js → flat-components.js} +15 -11
  66. package/assets/js/modules/accordion.js +11 -14
  67. package/assets/js/modules/helpers.js +9 -4
  68. package/assets/js/modules/tabs.js +91 -0
  69. package/assets/js/scripts.bundle.js +92 -980
  70. package/assets/js/scripts.bundle.js.map +1 -1
  71. package/assets/js/scripts.bundle.min.js +3 -4
  72. package/assets/js/scripts.bundle.min.js.map +1 -1
  73. package/assets/sass/_fonts.scss +4 -4
  74. package/assets/sass/_func.scss +1 -0
  75. package/assets/sass/_functions/functions.scss +6 -0
  76. package/assets/sass/_functions/mixins.scss +9 -9
  77. package/assets/sass/_functions/variables.scss +96 -68
  78. package/assets/sass/_tests/mixins.spec.scss +1 -1
  79. package/assets/sass/_tests/typography.spec.scss +2 -2
  80. package/assets/sass/components/accordion.scss +9 -6
  81. package/assets/sass/components/card.scss +7 -0
  82. package/assets/sass/components/container.scss +6 -6
  83. package/assets/sass/components/forms.scss +2 -0
  84. package/assets/sass/components/header.scss +34 -11
  85. package/assets/sass/components/links.scss +3 -2
  86. package/assets/sass/components/panel.scss +3 -4
  87. package/assets/sass/components/snapshot.scss +1 -1
  88. package/assets/sass/components/tabs.scss +52 -36
  89. package/assets/sass/components/timeline.scss +2 -2
  90. package/assets/sass/foundations/reboot.scss +2 -2
  91. package/assets/sass/foundations/root.scss +12 -5
  92. package/assets/sass/foundations/type.scss +90 -66
  93. package/assets/ts/README.md +12 -0
  94. package/assets/ts/bundle.ts +76 -0
  95. package/assets/ts/components/accordion/README.md +17 -0
  96. package/assets/ts/components/accordion/accordion.component.ts +36 -0
  97. package/assets/ts/components/header/README.md +26 -0
  98. package/assets/ts/components/header/header.component.ts +53 -0
  99. package/assets/ts/components/tabs/README.md +18 -0
  100. package/assets/ts/components/tabs/tabs.component.ts +34 -0
  101. package/assets/ts/dynamic.ts +105 -0
  102. package/assets/ts/{main.ts → flat-components.ts} +15 -11
  103. package/assets/ts/html.d.ts +4 -0
  104. package/assets/ts/modules/accordion.ts +15 -21
  105. package/assets/ts/modules/helpers.ts +12 -4
  106. package/assets/ts/modules/tabs.ts +129 -0
  107. package/dist/components.es.js +845 -873
  108. package/dist/components.umd.js +63 -19
  109. package/dist/style.css +1 -1
  110. package/package.json +19 -10
  111. package/src/components/Accordion/Accordion.spec.js +1 -1
  112. package/src/components/Accordion/Accordion.vue +7 -5
  113. package/src/components/Accordion/AccordionItem.vue +3 -6
  114. package/src/components/Accordion/README.md +0 -2
  115. package/src/components/Header/Header.spec.js +5 -4
  116. package/src/components/Header/Header.vue +14 -20
  117. package/src/components/Snapshot/Snapshot.vue +1 -1
  118. package/src/components/Tabs/README.md +0 -2
  119. package/src/components/Tabs/Tab.vue +3 -2
  120. package/src/components/Tabs/Tabs.vue +8 -64
  121. package/src/index.js +0 -1
  122. package/assets/fonts/qanelassoft-extrabold-webfont.woff +0 -0
  123. package/assets/fonts/qanelassoft-extrabold-webfont.woff2 +0 -0
  124. package/assets/sass/components/drawer.scss +0 -47
  125. package/src/components/Drawer/Drawer.vue +0 -53
  126. package/src/components/Drawer/README.md +0 -23
@@ -1,53 +0,0 @@
1
- <template>
2
- <div ref="wrapper">
3
- <input type="checkbox" name="showDrawer" id="showDrawer" class="d-none">
4
- <div class="drawer__btn pb-0">
5
- <div class="container text-end pb-0">
6
- <label for="showDrawer" class="btn btn-secondary me-0">{{label}}</label>
7
- </div>
8
- </div>
9
- <div class="drawer" id="drawer" ref="drawer">
10
- <div class="container text-end pb-0">
11
- <label for="showDrawer" class="btn btn-tertiary mb-0 me-0 py-1 px-2"><span class="visually-hidden">Close</span>&#x2715;</label>
12
- </div>
13
- <slot></slot>
14
- </div>
15
- <hr id="drawer-end" />
16
- </div>
17
- </template>
18
-
19
-
20
- <style lang="scss">
21
- @import "../../../assets/sass/components/drawer.scss";
22
- </style>
23
-
24
- <script>
25
- import drawer from '../../../assets/ts/modules/drawer'
26
-
27
- export default {
28
- name: 'Header',
29
- props: {
30
- label: {
31
- type: String,
32
- required: true
33
- }
34
- },
35
- mounted(){
36
-
37
- this.$nextTick(function () {
38
-
39
- let element = this.$refs.wrapper;
40
-
41
- const fragment = document.createDocumentFragment();
42
- Array.from(element.childNodes).forEach(child => fragment.appendChild(child));
43
- element.parentNode.insertBefore(fragment, element);
44
- element.parentNode.removeChild(element);
45
-
46
- this.$nextTick(function () {
47
-
48
- drawer(this.$refs.drawer);
49
- })
50
- })
51
- },
52
- }
53
- </script>
@@ -1,23 +0,0 @@
1
- ### Usage
2
-
3
- ```
4
- <Drawer label="Open drawer">
5
- <div class="container">
6
- <h2>Drawer contentent</h2>
7
- </div>
8
- </Drawer>
9
- ```
10
-
11
- ### Properties
12
-
13
- | Option | Type | Default Value | Description |
14
- | ------ | ---- | ------------- | ----------- |
15
- | label | String | - | Required text for the button |
16
-
17
-
18
-
19
- ### Slots
20
-
21
- | Option | Default Value | Description |
22
- | ------ | ------------- | ----------- |
23
- | default | - | Will display within the drawer |