@nakedwines/naked-components 0.0.3 → 1.0.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 (121) hide show
  1. package/index.js +0 -0
  2. package/package.json +6 -21
  3. package/README.md +0 -33
  4. package/build-utils/update-library.js +0 -1
  5. package/library/globals.js +0 -4
  6. package/library/index.js +0 -69
  7. package/src/components/badges/Badge.vue +0 -20
  8. package/src/components/badges/Badge.vue?1b45 +0 -1
  9. package/src/components/badges/Badge.vue?5424 +0 -10
  10. package/src/components/badges/Badge.vue?c5b6 +0 -1
  11. package/src/components/banners/Banner.vue +0 -20
  12. package/src/components/banners/Banner.vue?2006 +0 -1
  13. package/src/components/banners/Banner.vue?36d1 +0 -1
  14. package/src/components/banners/Banner.vue?9b97 +0 -4
  15. package/src/components/buttons/Button.vue +0 -21
  16. package/src/components/buttons/Button.vue?2035 +0 -1
  17. package/src/components/buttons/Button.vue?5c96 +0 -1
  18. package/src/components/buttons/Button.vue?838e +0 -26
  19. package/src/components/buttons/Button.vue?e88c +0 -1
  20. package/src/components/buttons/LoadingButton.vue +0 -20
  21. package/src/components/buttons/LoadingButton.vue?2f5e +0 -17
  22. package/src/components/buttons/LoadingButton.vue?4a65 +0 -1
  23. package/src/components/buttons/LoadingButton.vue?65be +0 -1
  24. package/src/components/buttons/Ripple.vue +0 -20
  25. package/src/components/buttons/Ripple.vue?130a +0 -1
  26. package/src/components/buttons/Ripple.vue?2026 +0 -13
  27. package/src/components/buttons/Ripple.vue?4835 +0 -1
  28. package/src/components/cards/ContentCard.vue +0 -20
  29. package/src/components/cards/ContentCard.vue?35c8 +0 -10
  30. package/src/components/cards/ContentCard.vue?7164 +0 -1
  31. package/src/components/cards/ContentCard.vue?ec15 +0 -1
  32. package/src/components/cards/bottle-cards/CaseContentsCard.vue +0 -20
  33. package/src/components/cards/bottle-cards/CaseContentsCard.vue?3ac7 +0 -1
  34. package/src/components/cards/bottle-cards/CaseContentsCard.vue?7e00 +0 -4
  35. package/src/components/cards/bottle-cards/CaseContentsCard.vue?dd6f +0 -1
  36. package/src/components/cards/bottle-cards/CaseProductCard.vue +0 -21
  37. package/src/components/cards/bottle-cards/CaseProductCard.vue?0cb0 +0 -1
  38. package/src/components/cards/bottle-cards/CaseProductCard.vue?1bd2 +0 -1
  39. package/src/components/cards/bottle-cards/CaseProductCard.vue?25e9 +0 -4
  40. package/src/components/cards/bottle-cards/CaseProductCard.vue?95f9 +0 -1
  41. package/src/components/cards/bottle-cards/WineBottleCard.vue +0 -21
  42. package/src/components/cards/bottle-cards/WineBottleCard.vue?61a8 +0 -1
  43. package/src/components/cards/bottle-cards/WineBottleCard.vue?7e9a +0 -1
  44. package/src/components/cards/bottle-cards/WineBottleCard.vue?bd3e +0 -4
  45. package/src/components/cards/bottle-cards/WineBottleCard.vue?bdcc +0 -1
  46. package/src/components/cards/bottle-cards/components/BiaText.vue +0 -20
  47. package/src/components/cards/bottle-cards/components/BiaText.vue?123e +0 -1
  48. package/src/components/cards/bottle-cards/components/BiaText.vue?3e10 +0 -1
  49. package/src/components/cards/bottle-cards/components/BiaText.vue?d135 +0 -4
  50. package/src/components/cards/bottle-cards/components/HeartRatingPanel.vue +0 -20
  51. package/src/components/cards/bottle-cards/components/HeartRatingPanel.vue?712f +0 -4
  52. package/src/components/cards/bottle-cards/components/HeartRatingPanel.vue?c55a +0 -1
  53. package/src/components/cards/bottle-cards/components/HeartRatingPanel.vue?ee3b +0 -1
  54. package/src/components/cards/bottle-cards/components/PriceBreakdownPanel.vue +0 -20
  55. package/src/components/cards/bottle-cards/components/PriceBreakdownPanel.vue?5052 +0 -1
  56. package/src/components/cards/bottle-cards/components/PriceBreakdownPanel.vue?5838 +0 -4
  57. package/src/components/cards/bottle-cards/components/PriceBreakdownPanel.vue?7aad +0 -1
  58. package/src/components/cards/bottle-cards/components/WineDetailPanel.vue +0 -20
  59. package/src/components/cards/bottle-cards/components/WineDetailPanel.vue?5047 +0 -1
  60. package/src/components/cards/bottle-cards/components/WineDetailPanel.vue?8e3b +0 -1
  61. package/src/components/cards/bottle-cards/components/WineDetailPanel.vue?d1ea +0 -4
  62. package/src/components/carousel/Carousel.vue +0 -21
  63. package/src/components/carousel/Carousel.vue?492f +0 -1
  64. package/src/components/carousel/Carousel.vue?4e80 +0 -4
  65. package/src/components/carousel/Carousel.vue?66a0 +0 -1
  66. package/src/components/carousel/Carousel.vue?72ce +0 -1
  67. package/src/components/chips/Chip.vue +0 -20
  68. package/src/components/chips/Chip.vue?7e2c +0 -1
  69. package/src/components/chips/Chip.vue?9563 +0 -4
  70. package/src/components/chips/Chip.vue?f42c +0 -1
  71. package/src/components/footers/sticky-footer/StickyFooter.vue +0 -20
  72. package/src/components/footers/sticky-footer/StickyFooter.vue?10bf +0 -4
  73. package/src/components/footers/sticky-footer/StickyFooter.vue?b195 +0 -1
  74. package/src/components/footers/sticky-footer/StickyFooter.vue?e2d9 +0 -1
  75. package/src/components/forms/CheckboxInput.vue +0 -20
  76. package/src/components/forms/CheckboxInput.vue?1713 +0 -1
  77. package/src/components/forms/CheckboxInput.vue?51c9 +0 -1
  78. package/src/components/forms/CheckboxInput.vue?feea +0 -4
  79. package/src/components/forms/QuantityInput.vue +0 -20
  80. package/src/components/forms/QuantityInput.vue?233a +0 -25
  81. package/src/components/forms/QuantityInput.vue?4975 +0 -1
  82. package/src/components/forms/QuantityInput.vue?bb30 +0 -1
  83. package/src/components/forms/SelectInput.vue +0 -172
  84. package/src/components/forms/SelectInput.vue?1d47 +0 -1
  85. package/src/components/forms/SelectInput.vue?642a +0 -21
  86. package/src/components/forms/SelectInput.vue?7590 +0 -20
  87. package/src/components/forms/SelectInput.vue?f210 +0 -1
  88. package/src/components/forms/SelectInput.vue?fc78 +0 -1
  89. package/src/components/icons/CustomisableHeart.vue +0 -19
  90. package/src/components/icons/CustomisableHeart.vue?30ab +0 -1
  91. package/src/components/icons/CustomisableHeart.vue?ce76 +0 -4
  92. package/src/components/icons/Icon.vue +0 -21
  93. package/src/components/icons/Icon.vue?47ee +0 -9
  94. package/src/components/icons/Icon.vue?6e26 +0 -1
  95. package/src/components/icons/Icon.vue?897e +0 -1
  96. package/src/components/icons/Icon.vue?e753 +0 -1
  97. package/src/components/modal/ProductDetailModal.vue +0 -20
  98. package/src/components/modal/ProductDetailModal.vue?5d3a +0 -1
  99. package/src/components/modal/ProductDetailModal.vue?9f0f +0 -1
  100. package/src/components/modal/ProductDetailModal.vue?a2a9 +0 -4
  101. package/src/components/popover/Popover.vue +0 -20
  102. package/src/components/popover/Popover.vue?088e +0 -1
  103. package/src/components/popover/Popover.vue?4dad +0 -1
  104. package/src/components/popover/Popover.vue?7034 +0 -7
  105. package/src/components/roundels/Roundel.vue +0 -20
  106. package/src/components/roundels/Roundel.vue?14bf +0 -7
  107. package/src/components/roundels/Roundel.vue?a97a +0 -1
  108. package/src/components/roundels/Roundel.vue?aa28 +0 -1
  109. package/src/components/shelf/Shelf.vue +0 -20
  110. package/src/components/shelf/Shelf.vue?50f3 +0 -1
  111. package/src/components/shelf/Shelf.vue?9eba +0 -1
  112. package/src/components/shelf/Shelf.vue?d8e7 +0 -4
  113. package/src/globals/assortments.js +0 -80
  114. package/src/globals/csrf.js +0 -25
  115. package/src/globals/functions.js +0 -166
  116. package/src/globals/products.js +0 -251
  117. package/src/globals/responsive.js +0 -53
  118. package/src/globals/validation.js +0 -8
  119. package/src/globals/variables.js +0 -48
  120. package/src/mixins/productCard.js +0 -151
  121. package/src/styles/js-modules/breakpoints.scss +0 -2
@@ -1 +0,0 @@
1
- export * from "-!../../../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./BiaText.vue?vue&type=style&index=0&id=e30fbdbc&lang=scss&scoped=true&"
@@ -1,4 +0,0 @@
1
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-flex align__xs--end"},[_c('h4',{staticClass:"blue--text d-inline-block mb-0 mr-1 percent-text"},[_vm._v(" "+_vm._s(_vm.product.bia.positiveRatingPercentage)),_c('span',{staticClass:"h5"},[_vm._v("%")])]),_c('div',[_c('span',{staticClass:"charcoal--text body2 semi-bold d-block mb-0"},[_vm._v("of "+_vm._s(_vm.product.bia.numberOfRatings))]),_c('span',{staticClass:"charcoal--text caption d-block mb-0 would-buy-again"},[_vm._v("would buy again")])])])}
2
- var staticRenderFns = []
3
-
4
- export { render, staticRenderFns }
@@ -1,20 +0,0 @@
1
- import { render, staticRenderFns } from "./HeartRatingPanel.vue?vue&type=template&id=d3853c98&scoped=true&"
2
- import script from "./HeartRatingPanel.vue?vue&type=script&lang=js&"
3
- export * from "./HeartRatingPanel.vue?vue&type=script&lang=js&"
4
- import style0 from "./HeartRatingPanel.vue?vue&type=style&index=0&id=d3853c98&lang=scss&scoped=true&"
5
-
6
-
7
- /* normalize component */
8
- import normalizer from "!../../../../../../../vue-loader/lib/runtime/componentNormalizer.js"
9
- var component = normalizer(
10
- script,
11
- render,
12
- staticRenderFns,
13
- false,
14
- null,
15
- "d3853c98",
16
- null
17
-
18
- )
19
-
20
- export default component.exports
@@ -1,4 +0,0 @@
1
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('div',{staticClass:"heart-rating__rating"},[_vm._v(" "+_vm._s(_vm.ratingConversion)+" "),_c('span',{staticClass:"heart-rating__text"},[(_vm.customerRating)?[_vm._v("(Your rating)")]:[_vm._v("(Average rating)")]],2)]),_c('section',{staticClass:"heart-rating__wrapper"},[_vm._l((_vm.fullHearts),function(index){return _c('div',{key:("heart-full-" + index),staticClass:"heart-rating__heart heart-rating__heart--full"},[_c('nkd-heart',{attrs:{"bgColor":_vm.bgColor,"fillColor":_vm.fillColor,"size":_vm.heartSize,"strokeColor":_vm.strokeColor || _vm.fillColor}})],1)}),((_vm.fullHearts != _vm.heartCount) && _vm.partialAmount > 0)?_c('div',{staticClass:"heart-rating__heart heart-rating__heart--partial"},[_c('nkd-heart',{attrs:{"fillLevel":_vm.partialAmount,"bgColor":_vm.bgColor,"fillColor":_vm.fillColor,"size":_vm.heartSize,"strokeColor":_vm.strokeColor || _vm.fillColor}})],1):_vm._e(),(_vm.emptyHearts)?_vm._l((_vm.emptyHearts),function(index){return _c('div',{key:("heart-empty-" + index),staticClass:"heart-rating__heart heart-rating__heart--empty"},[_c('nkd-heart',{attrs:{"fillLevel":"0","bgColor":_vm.bgColor,"fillColor":_vm.fillColor,"size":_vm.heartSize,"strokeColor":_vm.strokeColor || _vm.fillColor}})],1)}):_vm._e()],2)])}
2
- var staticRenderFns = []
3
-
4
- export { render, staticRenderFns }
@@ -1 +0,0 @@
1
- import mod from "-!../../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../../thread-loader/dist/cjs.js!../../../../../../../babel-loader/lib/index.js!../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./HeartRatingPanel.vue?vue&type=script&lang=js&"; export default mod; export * from "-!../../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../../thread-loader/dist/cjs.js!../../../../../../../babel-loader/lib/index.js!../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./HeartRatingPanel.vue?vue&type=script&lang=js&"
@@ -1 +0,0 @@
1
- export * from "-!../../../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./HeartRatingPanel.vue?vue&type=style&index=0&id=d3853c98&lang=scss&scoped=true&"
@@ -1,20 +0,0 @@
1
- import { render, staticRenderFns } from "./PriceBreakdownPanel.vue?vue&type=template&id=33ec65d2&scoped=true&"
2
- import script from "./PriceBreakdownPanel.vue?vue&type=script&lang=js&"
3
- export * from "./PriceBreakdownPanel.vue?vue&type=script&lang=js&"
4
- import style0 from "./PriceBreakdownPanel.vue?vue&type=style&index=0&id=33ec65d2&lang=scss&scoped=true&"
5
-
6
-
7
- /* normalize component */
8
- import normalizer from "!../../../../../../../vue-loader/lib/runtime/componentNormalizer.js"
9
- var component = normalizer(
10
- script,
11
- render,
12
- staticRenderFns,
13
- false,
14
- null,
15
- "33ec65d2",
16
- null
17
-
18
- )
19
-
20
- export default component.exports
@@ -1 +0,0 @@
1
- export * from "-!../../../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./PriceBreakdownPanel.vue?vue&type=style&index=0&id=33ec65d2&lang=scss&scoped=true&"
@@ -1,4 +0,0 @@
1
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{class:['price-breakdown__wrapper', _vm.isFocused ? 'focused' : ''],attrs:{"tabindex":"0","aria-label":_vm.screenreaderText},on:{"focus":_vm.handlefocus,"blur":_vm.handleblur}},[(_vm.productData.pricesCurrent.prices.listPrice)?_c('div',{class:['price-breakdown__line', 'price-breakdown__market-price', !_vm.angel ? 'price-breakdown--price-point' : '']},[_c('span',[_vm._v("Market price:")]),_c('span',{domProps:{"innerHTML":_vm._s(_vm.marketPrice)}})]):_vm._e(),(_vm.productData.pricesCurrent.prices.angelPrice)?_c('div',{class:['price-breakdown__line', 'price-breakdown__angel-price', _vm.angel ? 'price-breakdown--price-point' : '']},[_c('span',[_vm._v("Angel price:")]),_c('span',{domProps:{"innerHTML":_vm._s(_vm.angelPrice)}})]):_vm._e(),(_vm.productData.pricesCurrent.prices.angelSaving)?_c('div',{staticClass:"price-breakdown__line price-breakdown__you-save"},[_c('span',[_vm._v(_vm._s(_vm.angel ? 'You' : 'Angels')+" save:")]),_c('span',{domProps:{"innerHTML":_vm._s(_vm.youSave)}})]):_vm._e()])}
2
- var staticRenderFns = []
3
-
4
- export { render, staticRenderFns }
@@ -1 +0,0 @@
1
- import mod from "-!../../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../../thread-loader/dist/cjs.js!../../../../../../../babel-loader/lib/index.js!../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./PriceBreakdownPanel.vue?vue&type=script&lang=js&"; export default mod; export * from "-!../../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../../thread-loader/dist/cjs.js!../../../../../../../babel-loader/lib/index.js!../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./PriceBreakdownPanel.vue?vue&type=script&lang=js&"
@@ -1,20 +0,0 @@
1
- import { render, staticRenderFns } from "./WineDetailPanel.vue?vue&type=template&id=ee6a765c&scoped=true&"
2
- import script from "./WineDetailPanel.vue?vue&type=script&lang=js&"
3
- export * from "./WineDetailPanel.vue?vue&type=script&lang=js&"
4
- import style0 from "./WineDetailPanel.vue?vue&type=style&index=0&id=ee6a765c&lang=scss&scoped=true&"
5
-
6
-
7
- /* normalize component */
8
- import normalizer from "!../../../../../../../vue-loader/lib/runtime/componentNormalizer.js"
9
- var component = normalizer(
10
- script,
11
- render,
12
- staticRenderFns,
13
- false,
14
- null,
15
- "ee6a765c",
16
- null
17
-
18
- )
19
-
20
- export default component.exports
@@ -1 +0,0 @@
1
- export * from "-!../../../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./WineDetailPanel.vue?vue&type=style&index=0&id=ee6a765c&lang=scss&scoped=true&"
@@ -1 +0,0 @@
1
- import mod from "-!../../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../../thread-loader/dist/cjs.js!../../../../../../../babel-loader/lib/index.js!../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./WineDetailPanel.vue?vue&type=script&lang=js&"; export default mod; export * from "-!../../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../../thread-loader/dist/cjs.js!../../../../../../../babel-loader/lib/index.js!../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./WineDetailPanel.vue?vue&type=script&lang=js&"
@@ -1,4 +0,0 @@
1
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{class:['wine-detail__stats-section', _vm.isFocused ? 'focused' : ''],attrs:{"tabindex":"0","aria-label":_vm.screenreaderText},on:{"focus":_vm.handlefocus,"blur":_vm.handleblur}},[_c('div',{staticClass:"wine-detail__stats d-flex"},[(_vm.productData.wineGrape)?_c('div',{staticClass:"wine-detail__stats--grape d-flex"},[_c('div',{staticClass:"wine-detail__stats-img",attrs:{"role":"presentation"}},[_c('nkd-icon',{attrs:{"name":'grapes',"size":'responsive'}})],1),_c('div',{staticClass:"wine-detail__stats-desc"},[_vm._v(_vm._s(_vm.productData.wineGrape))])]):_vm._e(),(_vm.productData.origin)?_c('div',{staticClass:"wine-detail__stats--origin d-flex"},[_c('div',{staticClass:"wine-detail__stats-img",style:({backgroundImage: ("url(" + _vm.flagUrl + "), url(" + _vm.defaultFlagUrl + ")")}),attrs:{"role":"presentation"}}),_c('div',{staticClass:"wine-detail__stats-desc"},[_vm._v(_vm._s(_vm.productData.region ? ((_vm.productData.region) + ", " + (_vm.productData.origin)) : _vm.productData.origin))])]):_vm._e(),(_vm.productData.producer.firstName)?_c('div',{staticClass:"wine-detail__stats--winemaker d-flex"},[_c('div',{staticClass:"wine-detail__stats-img",style:({backgroundImage: ("url(" + _vm.winemakerUrl + ")")}),attrs:{"role":"presentation"}}),_c('div',{staticClass:"wine-detail__stats-desc"},[_vm._v(_vm._s(((_vm.productData.producer.firstName) + " " + (_vm.productData.producer.lastName))))])]):_vm._e()])])}
2
- var staticRenderFns = []
3
-
4
- export { render, staticRenderFns }
@@ -1,21 +0,0 @@
1
- import { render, staticRenderFns } from "./Carousel.vue?vue&type=template&id=4657d352&scoped=true&"
2
- import script from "./Carousel.vue?vue&type=script&lang=js&"
3
- export * from "./Carousel.vue?vue&type=script&lang=js&"
4
- import style0 from "./Carousel.vue?vue&type=style&index=0&id=4657d352&scoped=true&lang=scss&"
5
- import style1 from "./Carousel.vue?vue&type=style&index=1&lang=scss&"
6
-
7
-
8
- /* normalize component */
9
- import normalizer from "!../../../../../vue-loader/lib/runtime/componentNormalizer.js"
10
- var component = normalizer(
11
- script,
12
- render,
13
- staticRenderFns,
14
- false,
15
- null,
16
- "4657d352",
17
- null
18
-
19
- )
20
-
21
- export default component.exports
@@ -1 +0,0 @@
1
- export * from "-!../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./Carousel.vue?vue&type=style&index=1&lang=scss&"
@@ -1,4 +0,0 @@
1
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:"nkd-carousel hide-overflow",attrs:{"id":("nkd-carousel__" + _vm.carouselid),"tabindex":"-1"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.arrowSet),expression:"arrowSet"}],staticClass:"nkd-carousel__nav-arrow nkd-carousel__nav-arrow--prev",class:{ 'disabled': _vm.activeSlide === 0 && !_vm.loop }},[_c('button',{staticClass:"nkd-carousel__nav-arrow-button",class:{ 'overflow-button': _vm.overflow },attrs:{"tabindex":(_vm.activeSlide === 0 && !_vm.loop) ? -1 : 0},on:{"click":function($event){return _vm.handleNavClick('prev')}}},[_c('Icon',{attrs:{"name":"carousel-arrow-circle","color":"black","size":"x-large"}})],1)]),_c('div',{staticClass:"nkd-carousel__display-container",class:{ 'hide-overflow': !_vm.overflow },attrs:{"id":("nkd-carousel__display-container--" + _vm.carouselid),"tabindex":"-1"}},[_c('div',{ref:_vm.slideContainerRef,staticClass:"nkd-carousel__slides-container transition",attrs:{"id":("nkd-carousel-container__" + _vm.carouselid)}},[_vm._t("default")],2)]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.arrowSet),expression:"arrowSet"}],staticClass:"nkd-carousel__nav-arrow nkd-carousel__nav-arrow--next",class:{ 'disabled': (_vm.activeSlide === (_vm.slideNodes.length - (_vm.slidesToShow[_vm.activeBreakpoint])) && !_vm.loop) }},[_c('button',{staticClass:"nkd-carousel__nav-arrow-button",class:{ 'overflow-button': _vm.overflow },attrs:{"tabindex":(_vm.activeSlide === (_vm.slideNodes.length - (_vm.slidesToShow[_vm.activeBreakpoint])) && !_vm.loop) ? -1 : 0},on:{"click":function($event){return _vm.handleNavClick('next')}}},[(_vm.fetchingMoreData)?_c('Icon',{staticClass:"loading-icon__spinner",attrs:{"name":"spinner","color":"black"}}):_c('Icon',{attrs:{"name":"carousel-arrow-circle","color":"black","size":"x-large"}})],1)])])}
2
- var staticRenderFns = []
3
-
4
- export { render, staticRenderFns }
@@ -1 +0,0 @@
1
- import mod from "-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./Carousel.vue?vue&type=script&lang=js&"; export default mod; export * from "-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./Carousel.vue?vue&type=script&lang=js&"
@@ -1 +0,0 @@
1
- export * from "-!../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./Carousel.vue?vue&type=style&index=0&id=4657d352&scoped=true&lang=scss&"
@@ -1,20 +0,0 @@
1
- import { render, staticRenderFns } from "./Chip.vue?vue&type=template&id=1215a750&scoped=true&"
2
- import script from "./Chip.vue?vue&type=script&lang=js&"
3
- export * from "./Chip.vue?vue&type=script&lang=js&"
4
- import style0 from "./Chip.vue?vue&type=style&index=0&id=1215a750&lang=scss&scoped=true&"
5
-
6
-
7
- /* normalize component */
8
- import normalizer from "!../../../../../vue-loader/lib/runtime/componentNormalizer.js"
9
- var component = normalizer(
10
- script,
11
- render,
12
- staticRenderFns,
13
- false,
14
- null,
15
- "1215a750",
16
- null
17
-
18
- )
19
-
20
- export default component.exports
@@ -1 +0,0 @@
1
- export * from "-!../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./Chip.vue?vue&type=style&index=0&id=1215a750&lang=scss&scoped=true&"
@@ -1,4 +0,0 @@
1
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.href)?_c('a',{staticClass:"nkd-chip",attrs:{"href":_vm.href}},[_vm._t("default")],2):_c('span',{staticClass:"nkd-chip"},[_vm._t("default")],2)}
2
- var staticRenderFns = []
3
-
4
- export { render, staticRenderFns }
@@ -1 +0,0 @@
1
- import mod from "-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./Chip.vue?vue&type=script&lang=js&"; export default mod; export * from "-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./Chip.vue?vue&type=script&lang=js&"
@@ -1,20 +0,0 @@
1
- import { render, staticRenderFns } from "./StickyFooter.vue?vue&type=template&id=068d2a04&scoped=true&"
2
- import script from "./StickyFooter.vue?vue&type=script&lang=js&"
3
- export * from "./StickyFooter.vue?vue&type=script&lang=js&"
4
- import style0 from "./StickyFooter.vue?vue&type=style&index=0&id=068d2a04&lang=scss&scoped=true&"
5
-
6
-
7
- /* normalize component */
8
- import normalizer from "!../../../../../../vue-loader/lib/runtime/componentNormalizer.js"
9
- var component = normalizer(
10
- script,
11
- render,
12
- staticRenderFns,
13
- false,
14
- null,
15
- "068d2a04",
16
- null
17
-
18
- )
19
-
20
- export default component.exports
@@ -1,4 +0,0 @@
1
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{class:['nkd-sticky-footer', _vm.dark ? 'nkd-sticky-footer-dark' : '' , _vm.fixed ? 'in' : 'out']},[_c('div',{staticClass:"container fill-height"},[_c('div',{staticClass:"fill-height fill-width slot-wrapper"},[_vm._t("default")],2)])])}
2
- var staticRenderFns = []
3
-
4
- export { render, staticRenderFns }
@@ -1 +0,0 @@
1
- import mod from "-!../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../thread-loader/dist/cjs.js!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./StickyFooter.vue?vue&type=script&lang=js&"; export default mod; export * from "-!../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../thread-loader/dist/cjs.js!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./StickyFooter.vue?vue&type=script&lang=js&"
@@ -1 +0,0 @@
1
- export * from "-!../../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./StickyFooter.vue?vue&type=style&index=0&id=068d2a04&lang=scss&scoped=true&"
@@ -1,20 +0,0 @@
1
- import { render, staticRenderFns } from "./CheckboxInput.vue?vue&type=template&id=3a4e5ec9&"
2
- import script from "./CheckboxInput.vue?vue&type=script&lang=js&"
3
- export * from "./CheckboxInput.vue?vue&type=script&lang=js&"
4
- import style0 from "./CheckboxInput.vue?vue&type=style&index=0&lang=scss&"
5
-
6
-
7
- /* normalize component */
8
- import normalizer from "!../../../../../vue-loader/lib/runtime/componentNormalizer.js"
9
- var component = normalizer(
10
- script,
11
- render,
12
- staticRenderFns,
13
- false,
14
- null,
15
- null,
16
- null
17
-
18
- )
19
-
20
- export default component.exports
@@ -1 +0,0 @@
1
- export * from "-!../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./CheckboxInput.vue?vue&type=style&index=0&lang=scss&"
@@ -1 +0,0 @@
1
- import mod from "-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./CheckboxInput.vue?vue&type=script&lang=js&"; export default mod; export * from "-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./CheckboxInput.vue?vue&type=script&lang=js&"
@@ -1,4 +0,0 @@
1
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['nkd-checkbox-input', _vm.disabled ? 'nkd-checkbox-input--disabled' : '']},[_c('input',{ref:_vm.checkboxid,staticClass:"visually-hidden",attrs:{"type":"checkbox","id":_vm.checkboxid,"name":_vm.name,"required":_vm.required,"disabled":_vm.disabled,"aria-label":_vm.arialabel ? _vm.arialabel : undefined,"data-test-id":"checkbox-input"},domProps:{"checked":_vm.checked},on:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.handleenter.apply(null, arguments)},"change":_vm.handlechange}}),_c('label',{class:['nkd-checkbox-input__label', ("nkd-checkbox-input__label--" + _vm.color)],attrs:{"for":_vm.checkboxid}},[_c('svg',{attrs:{"viewBox":"0 0 100 100"}},[_c('path',{staticClass:"path",attrs:{"fill":"none","stroke":"#000","stroke-width":"13","d":"M12.1 52.1l24.4 24.4 53-53"}})]),_vm._t("default")],2)])}
2
- var staticRenderFns = []
3
-
4
- export { render, staticRenderFns }
@@ -1,20 +0,0 @@
1
- import { render, staticRenderFns } from "./QuantityInput.vue?vue&type=template&id=84eef982&scoped=true&"
2
- import script from "./QuantityInput.vue?vue&type=script&lang=js&"
3
- export * from "./QuantityInput.vue?vue&type=script&lang=js&"
4
- import style0 from "./QuantityInput.vue?vue&type=style&index=0&id=84eef982&lang=scss&scoped=true&"
5
-
6
-
7
- /* normalize component */
8
- import normalizer from "!../../../../../vue-loader/lib/runtime/componentNormalizer.js"
9
- var component = normalizer(
10
- script,
11
- render,
12
- staticRenderFns,
13
- false,
14
- null,
15
- "84eef982",
16
- null
17
-
18
- )
19
-
20
- export default component.exports
@@ -1,25 +0,0 @@
1
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
2
- 'nkd-quantity-input__wrapper',
3
- _vm.decrementloading || _vm.incrementloading ? 'nkd-quantity-input__wrapper--locked' : '',
4
- _vm.disabled ? 'nkd-quantity-input__wrapper--disabled' : '',
5
- 'nkd-quantity-input__wrapper--' + _vm.size
6
- ]},[_c('label',{class:[
7
- 'nkd-quantity-input__label',
8
- ("nkd-quantity-input__label--" + _vm.color),
9
- _vm.isFocused ? 'focussed' : '',
10
- _vm.hidelabel ? 'nkd-quantity-input__label--hidden' : ''
11
- ],attrs:{"for":_vm.name,"id":("label-" + _vm.name),"name":("label-" + _vm.name)}},[_vm._v(_vm._s(("" + _vm.label + (_vm.required ? ' *' : ''))))]),_c('div',{class:['nkd-quantity-input__wrap', ("nkd-quantity-input__wrap--" + _vm.color)]},[_c('button',{class:[
12
- 'nkd-quantity-input__decrement',
13
- _vm.decrementDisabled ? 'nkd-quantity-input__decrement--disabled' : ''
14
- ],attrs:{"disabled":_vm.decrementDisabled ? 'disabled' : undefined,"aria-label":_vm.decrementarialabel ? _vm.decrementarialabel : undefined},on:{"click":_vm.decrementQuantity}},[(_vm.decrementloading)?_c('nkd-icon',{staticClass:"loading-icon__spinner",attrs:{"name":"loading","color":"dark-blue"}}):_c('nkd-icon',{staticClass:"quantity-icon",attrs:{"name":"minus","color":"dark-blue"}})],1),(_vm.size === 'small')?_c('span',{staticClass:"quantity-touch-zone quantity-touch-zone-decrement",on:{"click":_vm.decrementQuantity}}):_vm._e(),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.count),expression:"count"}],ref:_vm.inputref,class:[
15
- 'nkd-quantity-input',
16
- ("nkd-quantity-input--" + _vm.color),
17
- _vm.showvalidation ? 'nkd-quantity-input--invalid' : ''
18
- ],attrs:{"type":"number","name":_vm.name,"id":_vm.inputid ? _vm.inputid : _vm.name,"min":_vm.minvalue,"readonly":_vm.readonly,"aria-label":_vm.arialabel ? _vm.arialabel : undefined,"aria-labelledby":_vm.arialabel ? undefined : ("label-" + _vm.name),"aria-describedby":_vm.assistivetext ? ("desc-" + _vm.name) : undefined,"disabled":_vm.disabled ? 'disabled' : undefined,"required":_vm.required ? 'true' : undefined,"aria-required":_vm.required ? 'true' : 'false'},domProps:{"value":(_vm.count)},on:{"input":[function($event){if($event.target.composing){ return; }_vm.count=$event.target.value},_vm.changedInput]}}),_c('button',{class:['nkd-quantity-input__increment'],attrs:{"aria-label":_vm.incrementarialabel ? _vm.incrementarialabel : undefined},on:{"click":_vm.incrementQuantity}},[(_vm.incrementloading)?_c('nkd-icon',{staticClass:"loading-icon__spinner",attrs:{"name":"loading","color":"dark-blue"}}):_c('nkd-icon',{staticClass:"quantity-icon",attrs:{"name":"plus","color":"dark-blue"}})],1),(_vm.size === 'small')?_c('span',{staticClass:"quantity-touch-zone quantity-touch-zone-increment",on:{"click":_vm.incrementQuantity}}):_vm._e()]),(_vm.assistivetext && !_vm.showvalidation)?_c('span',{class:[
19
- 'nkd-quantity-input__desc',
20
- _vm.isFocused ? 'focussed' : '',
21
- (_vm.hideassistive && !_vm.isFocused) ? 'visually-hidden' : ''
22
- ],attrs:{"id":("desc-" + _vm.name),"name":("desc-" + _vm.name)},domProps:{"innerHTML":_vm._s(_vm.assistivetext)}}):_vm._e()])}
23
- var staticRenderFns = []
24
-
25
- export { render, staticRenderFns }
@@ -1 +0,0 @@
1
- export * from "-!../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./QuantityInput.vue?vue&type=style&index=0&id=84eef982&lang=scss&scoped=true&"
@@ -1 +0,0 @@
1
- import mod from "-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./QuantityInput.vue?vue&type=script&lang=js&"; export default mod; export * from "-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./QuantityInput.vue?vue&type=script&lang=js&"
@@ -1,172 +0,0 @@
1
- <template>
2
- <div :class="['nkd-select-input__wrapper', disabled ? 'nkd-select-input__wrapper--disabled' : '']">
3
- <select
4
- :ref="inputref"
5
- :id="inputid ? inputid : name"
6
- :name="name"
7
- :multiple="multiple"
8
- :aria-label="arialabel ? arialabel : undefined"
9
- :aria-labelledby="arialabel ? undefined : `label-${name}`"
10
- :aria-describedby="assistivetext ? `desc-${name}` : undefined"
11
- :aria-disabled="disabled"
12
- :disabled="disabled ? 'disabled' : undefined"
13
- :required="required ? 'true' : undefined"
14
- :aria-required="required ? 'true' : 'false'"
15
- v-model="inputvalue"
16
- :autocomplete="autocomplete ? 'on' : 'off'"
17
- :class="[
18
- 'nkd-select-input',
19
- `nkd-select-input--${color}`,
20
- inputsize ? `nkd-select-input--${inputsize}` : '',
21
- showvalidation ? 'nkd-select-input--invalid' : '',
22
- (!isFocused && inputvalue == '' && !hidelabel) ? 'label-shift' : '',
23
- ]">
24
- <slot></slot>
25
- </select>
26
- <label
27
- :for="inputid ? inputid : name"
28
- :id="`label-${name}`"
29
- :name="`label-${name}`"
30
- :class="[
31
- 'nkd-select-input__label',
32
- `nkd-select-input__label--${color}`,
33
- inputsize ? `nkd-select-input__label--${inputsize}` : '',
34
- isFocused ? 'focussed' : '',
35
- hidelabel ? 'nkd-select-input__label--hidden' : '',
36
- (!isFocused && inputvalue == '' && !hidelabel) ? 'label-shift' : '',
37
- (!isFocused && showvalidation) ? 'nkd-select-input__label--error' : '',
38
- ]"
39
- >{{ `${label}${required ? ' *' : ''}` }}</label>
40
- <nkd-icon :name="'chevron-down'" :size="'small'" :class="['nkd-select-input--arrow', inputsize ? `nkd-select-input--arrow-${inputsize}` : '']"></nkd-icon>
41
- <span
42
- v-if="assistivetext && !showvalidation"
43
- :id="`desc-${name}`"
44
- :name="`desc-${name}`"
45
- :class="[
46
- 'nkd-select-input__desc',
47
- isFocused ? 'focussed' : '',
48
- (hideassistive && !isFocused) ? 'visually-hidden' : ''
49
- ]"
50
- v-html="assistivetext"
51
- ></span>
52
- <span
53
- v-if="showvalidation"
54
- ref="validation-message"
55
- class="nkd-select-input__validation"
56
- data-test-id="select-input-validation-message">
57
- {{ validationmessage() }}
58
- </span>
59
- </div>
60
- </template>
61
-
62
- <script>
63
- import IconVue from '../icons/Icon.vue';
64
- import { getValidationMessage } from '../../globals/validation';
65
-
66
- export default {
67
- name: "nkd-select",
68
- components: { 'nkd-icon': IconVue },
69
- props: {
70
- arialabel: { type: String, required: false },
71
- assistivetext: { type: String, required: false },
72
- autocomplete: { type: Boolean, required: false, default: true },
73
- color: { type: String, required: false, default: 'white' },
74
- disabled: { type: Boolean, required: false, default: false },
75
- hideassistive: { type: Boolean, required: false, default: false },
76
- hidelabel: { type: Boolean, required: false, default: false },
77
- inputid: { type: String, required: false },
78
- inputsize: { type: String, required: false, default: 'small' },
79
- invert: { type: Boolean, required: false, default: false },
80
- label: { type: String, required: true },
81
- multiple: { type: Boolean, required: false, default: false },
82
- name: { type: String, required: true },
83
- required: { type: Boolean, required: false, default: false },
84
- showvalidation: { type: Boolean, required: false, default: false },
85
- value: { type: [String, Number], required: false },
86
- },
87
-
88
- data() {
89
- return {
90
- inputvalue: this.value ? this.value : '',
91
- isFocused: false,
92
- }
93
- },
94
-
95
- computed: {
96
- inputref: function() {
97
- return `input-${this.name}`;
98
- }
99
- },
100
-
101
- methods: {
102
- isFocusedToggle: function() {
103
- this.isFocused = !this.isFocused;
104
- },
105
- /**
106
- * Return the validationMessage of the input
107
- */
108
- validationmessage: function() {
109
- return getValidationMessage(this.$refs[this.inputref]);
110
- }
111
- },
112
-
113
- created() {
114
- if (this.value) { this.inputvalue = this.value; }
115
- },
116
-
117
- mounted() {
118
- var inputel = this.$refs[this.inputref];
119
- inputel.addEventListener('focus', this.isFocusedToggle);
120
- inputel.addEventListener('blur', this.isFocusedToggle);
121
- },
122
-
123
- watch: {
124
- inputvalue: function() {
125
- this.$emit('input', this.inputvalue);
126
- }
127
- },
128
- };
129
- </script>
130
-
131
- <style lang="scss" scoped>
132
- .nkd-select-input__wrapper {
133
- -moz-osx-font-smoothing: grayscale;
134
- -webkit-font-smoothing: antialiased;
135
- position: relative;
136
-
137
- &--disabled {
138
- opacity: .6;
139
- pointer-events: none;
140
- }
141
- }
142
-
143
- .nkd-select-input {
144
- @include formElement;
145
- -moz-appearance: none;
146
- -webkit-appearance: none;
147
- appearance: none;
148
- option { font-family: sofia-pro, sans-serif; }
149
-
150
- &.label-shift { color: transparent; }
151
- &--arrow {
152
- fill: $black-light;
153
- pointer-events: none;
154
- position: absolute;
155
- right: 12px;
156
- &-small {
157
- top: ($height--medium - 16) / 2;
158
- @include when(lg) { top: ($height--small - 16) / 2; }
159
- }
160
- &-medium { top: ($height--medium - 16) / 2; }
161
- &-large { top: ($height--large - 16) / 2; }
162
- }
163
- }
164
- </style>
165
-
166
- <style lang="css">
167
- nkd-select {
168
- display: block;
169
- font-family: sofia-pro, sans-serif;
170
- margin: 1rem 0;
171
- }
172
- </style>
@@ -1 +0,0 @@
1
- export * from "-!../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./SelectInput.vue?vue&type=style&index=0&id=477c36cb&lang=scss&scoped=true&"
@@ -1,21 +0,0 @@
1
- import { render, staticRenderFns } from "./SelectInput.vue?vue&type=template&id=477c36cb&scoped=true&"
2
- import script from "./SelectInput.vue?vue&type=script&lang=js&"
3
- export * from "./SelectInput.vue?vue&type=script&lang=js&"
4
- import style0 from "./SelectInput.vue?vue&type=style&index=0&id=477c36cb&lang=scss&scoped=true&"
5
- import style1 from "./SelectInput.vue?vue&type=style&index=1&lang=css&"
6
-
7
-
8
- /* normalize component */
9
- import normalizer from "!../../../../../vue-loader/lib/runtime/componentNormalizer.js"
10
- var component = normalizer(
11
- script,
12
- render,
13
- staticRenderFns,
14
- false,
15
- null,
16
- "477c36cb",
17
- null
18
-
19
- )
20
-
21
- export default component.exports
@@ -1,20 +0,0 @@
1
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['nkd-select-input__wrapper', _vm.disabled ? 'nkd-select-input__wrapper--disabled' : '']},[_c('select',{directives:[{name:"model",rawName:"v-model",value:(_vm.inputvalue),expression:"inputvalue"}],ref:_vm.inputref,class:[
2
- 'nkd-select-input',
3
- ("nkd-select-input--" + _vm.color),
4
- _vm.inputsize ? ("nkd-select-input--" + _vm.inputsize) : '',
5
- _vm.showvalidation ? 'nkd-select-input--invalid' : '',
6
- (!_vm.isFocused && _vm.inputvalue == '' && !_vm.hidelabel) ? 'label-shift' : '' ],attrs:{"id":_vm.inputid ? _vm.inputid : _vm.name,"name":_vm.name,"multiple":_vm.multiple,"aria-label":_vm.arialabel ? _vm.arialabel : undefined,"aria-labelledby":_vm.arialabel ? undefined : ("label-" + _vm.name),"aria-describedby":_vm.assistivetext ? ("desc-" + _vm.name) : undefined,"aria-disabled":_vm.disabled,"disabled":_vm.disabled ? 'disabled' : undefined,"required":_vm.required ? 'true' : undefined,"aria-required":_vm.required ? 'true' : 'false',"autocomplete":_vm.autocomplete ? 'on' : 'off'},on:{"change":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return val}); _vm.inputvalue=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_vm._t("default")],2),_c('label',{class:[
7
- 'nkd-select-input__label',
8
- ("nkd-select-input__label--" + _vm.color),
9
- _vm.inputsize ? ("nkd-select-input__label--" + _vm.inputsize) : '',
10
- _vm.isFocused ? 'focussed' : '',
11
- _vm.hidelabel ? 'nkd-select-input__label--hidden' : '',
12
- (!_vm.isFocused && _vm.inputvalue == '' && !_vm.hidelabel) ? 'label-shift' : '',
13
- (!_vm.isFocused && _vm.showvalidation) ? 'nkd-select-input__label--error' : '' ],attrs:{"for":_vm.inputid ? _vm.inputid : _vm.name,"id":("label-" + _vm.name),"name":("label-" + _vm.name)}},[_vm._v(_vm._s(("" + _vm.label + (_vm.required ? ' *' : ''))))]),_c('nkd-icon',{class:['nkd-select-input--arrow', _vm.inputsize ? ("nkd-select-input--arrow-" + _vm.inputsize) : ''],attrs:{"name":'chevron-down',"size":'small'}}),(_vm.assistivetext && !_vm.showvalidation)?_c('span',{class:[
14
- 'nkd-select-input__desc',
15
- _vm.isFocused ? 'focussed' : '',
16
- (_vm.hideassistive && !_vm.isFocused) ? 'visually-hidden' : ''
17
- ],attrs:{"id":("desc-" + _vm.name),"name":("desc-" + _vm.name)},domProps:{"innerHTML":_vm._s(_vm.assistivetext)}}):_vm._e(),(_vm.showvalidation)?_c('span',{ref:"validation-message",staticClass:"nkd-select-input__validation",attrs:{"data-test-id":"select-input-validation-message"}},[_vm._v(" "+_vm._s(_vm.validationmessage())+" ")]):_vm._e()],1)}
18
- var staticRenderFns = []
19
-
20
- export { render, staticRenderFns }
@@ -1 +0,0 @@
1
- export * from "-!../../../../../mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./SelectInput.vue?vue&type=style&index=1&lang=css&"
@@ -1 +0,0 @@
1
- import mod from "-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./SelectInput.vue?vue&type=script&lang=js&"; export default mod; export * from "-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./SelectInput.vue?vue&type=script&lang=js&"
@@ -1,19 +0,0 @@
1
- import { render, staticRenderFns } from "./CustomisableHeart.vue?vue&type=template&id=ff5d2a74&"
2
- import script from "./CustomisableHeart.vue?vue&type=script&lang=js&"
3
- export * from "./CustomisableHeart.vue?vue&type=script&lang=js&"
4
-
5
-
6
- /* normalize component */
7
- import normalizer from "!../../../../../vue-loader/lib/runtime/componentNormalizer.js"
8
- var component = normalizer(
9
- script,
10
- render,
11
- staticRenderFns,
12
- false,
13
- null,
14
- null,
15
- null
16
-
17
- )
18
-
19
- export default component.exports
@@ -1 +0,0 @@
1
- import mod from "-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./CustomisableHeart.vue?vue&type=script&lang=js&"; export default mod; export * from "-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./CustomisableHeart.vue?vue&type=script&lang=js&"