{"version":3,"sources":["webpack:///./node_modules/@asd20/ui/src/components/atoms/Asd20ThumbnailAvatar/index.vue?f082","webpack:///./node_modules/@asd20/ui/src/components/molecules/Asd20ListItem/index.vue?69ab","webpack:///./node_modules/@asd20/ui/src/components/organisms/Asd20List/index.vue?a695","webpack:///./node_modules/@asd20/ui/src/components/molecules/Asd20ListCategory.vue?d628","webpack:///node_modules/@asd20/ui/src/components/molecules/Asd20ListCategory.vue","webpack:///./node_modules/@asd20/ui/src/components/molecules/Asd20ListCategory.vue?4366","webpack:///./node_modules/@asd20/ui/src/components/molecules/Asd20ListCategory.vue?c7a3","webpack:///node_modules/@asd20/ui/src/components/organisms/Asd20List/index.vue","webpack:///./node_modules/@asd20/ui/src/components/organisms/Asd20List/index.vue?f9ef","webpack:///./node_modules/@asd20/ui/src/components/organisms/Asd20List/index.vue?01f3","webpack:///./node_modules/@asd20/ui/src/components/atoms/Asd20Viewport/index.vue?a92b","webpack:///./node_modules/@asd20/ui/src/components/atoms/Asd20TextAvatar/index.vue?8299","webpack:///./node_modules/@asd20/ui/src/components/organisms/Asd20TagGroup/index.vue?2b37","webpack:///./node_modules/@asd20/ui/src/components/organisms/Asd20List/index.vue?e0c3","webpack:///./node_modules/@asd20/ui/src/components/atoms/Asd20Tag/index.vue?5223","webpack:///./node_modules/@asd20/ui/src/components/molecules/Asd20ListItem/index.vue?199f","webpack:///./node_modules/@asd20/ui/src/components/organisms/Asd20TagGroup/index.vue?9889","webpack:///./node_modules/@asd20/ui/src/components/atoms/Asd20Tag/index.vue?75a0","webpack:///node_modules/@asd20/ui/src/components/atoms/Asd20Tag/index.vue","webpack:///./node_modules/@asd20/ui/src/components/atoms/Asd20Tag/index.vue?f13c","webpack:///./node_modules/@asd20/ui/src/components/atoms/Asd20Tag/index.vue?3a39","webpack:///node_modules/@asd20/ui/src/components/organisms/Asd20TagGroup/index.vue","webpack:///./node_modules/@asd20/ui/src/components/organisms/Asd20TagGroup/index.vue?bdd9","webpack:///./node_modules/@asd20/ui/src/components/organisms/Asd20TagGroup/index.vue?8af0","webpack:///./node_modules/@asd20/ui/src/components/atoms/Asd20TextAvatar/index.vue?7c52","webpack:///node_modules/@asd20/ui/src/components/atoms/Asd20TextAvatar/index.vue","webpack:///./node_modules/@asd20/ui/src/components/atoms/Asd20TextAvatar/index.vue?015c","webpack:///./node_modules/@asd20/ui/src/components/atoms/Asd20TextAvatar/index.vue?d7e1","webpack:///./node_modules/@asd20/ui/src/components/atoms/Asd20ThumbnailAvatar/index.vue?5e45","webpack:///node_modules/@asd20/ui/src/components/atoms/Asd20ThumbnailAvatar/index.vue","webpack:///./node_modules/@asd20/ui/src/components/atoms/Asd20ThumbnailAvatar/index.vue?bd6b","webpack:///./node_modules/@asd20/ui/src/components/atoms/Asd20ThumbnailAvatar/index.vue?211e","webpack:///node_modules/@asd20/ui/src/components/molecules/Asd20ListItem/index.vue","webpack:///./node_modules/@asd20/ui/src/components/molecules/Asd20ListItem/index.vue?31c9","webpack:///./node_modules/@asd20/ui/src/components/molecules/Asd20ListItem/index.vue?7e8b","webpack:///./node_modules/@asd20/ui/src/components/atoms/Asd20Viewport/index.vue?b7b1","webpack:///node_modules/@asd20/ui/src/components/atoms/Asd20Viewport/index.vue","webpack:///./node_modules/@asd20/ui/src/components/atoms/Asd20Viewport/index.vue?a871","webpack:///./node_modules/@asd20/ui/src/components/atoms/Asd20Viewport/index.vue?a96e","webpack:///./node_modules/@asd20/ui/src/components/molecules/Asd20ListCategory.vue?b577"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","classes","$slots","header","headline","attrs","icon","iconSize","_e","headlineTag","tag","domProps","_s","_t","maxHeight","style","_l","item","index","type","_b","key","staticRenderFns","label","badge","name","components","props","component","data","Asd20Viewport","Asd20Icon","Asd20ListItem","Asd20ListCategory","description","items","callToAction","multiColumn","columnWidth","computed","columns","styles","mounted","handleResize","methods","Math","round","$el","offsetWidth","on","onClick","_d","hrefAttr","hrefValue","targetAttr","targetValue","thumbnail","textAvatar","fullThumbnail","tags","length","badges","_v","model","prop","background","foreground","bordered","transparent","Asd20Tag","color","text","square","contain","String","default","Asd20Badge","Asd20TextAvatar","Asd20ThumbnailAvatar","Asd20TagGroup","textAvatarColor","condensed","actionable","checked","alignTop","to","link","$router","e","preventDefault","push","scrollable","padded"],"mappings":"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","file":"js/chunk-27538164.bf90e05e.js","sourcesContent":["export * from \"-!../../../../../../mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../css-loader/index.js??ref--8-oneOf-1-1!../../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../../postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=696117d2&lang=scss&scoped=true&\"","export * from \"-!../../../../../../mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../css-loader/index.js??ref--8-oneOf-1-1!../../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../../postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=44703dfc&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"asd20-list\",class:_vm.classes},[(_vm.$slots.header || _vm.headline)?_c('div',{staticClass:\"asd20-list__header\"},[(_vm.icon)?_c('asd20-icon',{attrs:{\"name\":_vm.icon,\"size\":_vm.iconSize}}):_vm._e(),_c(_vm.headlineTag,{tag:\"component\",staticClass:\"asd20-list__headline\",domProps:{\"innerHTML\":_vm._s(_vm.headline)}}),_vm._t(\"header\")],2):_vm._e(),_c('asd20-viewport',{attrs:{\"scrollable\":\"\",\"max-height\":_vm.maxHeight}},[_c('div',{staticClass:\"asd20-list__items\",style:(_vm.styles)},[_vm._l((_vm.items),function(item,index){return [(item.type === 'category')?_c('asd20-list-category',_vm._b({key:index},'asd20-list-category',_vm.type,false)):_c('asd20-list-item',_vm._b({key:index},'asd20-list-item',item,false))]}),_vm._t(\"default\")],2)]),(_vm.$slots.footer)?_c('div',{staticClass:\"asd20-list__footer\"},[_vm._t(\"footer\")],2):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"asd20-list-category\"},[_c('div',{staticClass:\"asd20-list-category__label\",domProps:{\"innerHTML\":_vm._s(_vm.label)}}),(_vm.badge)?_c('asd20-badge',{attrs:{\"value\":_vm.badge}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"asd20-list-category\">\n    <div class=\"asd20-list-category__label\" v-html=\"label\"></div>\n    <asd20-badge v-if=\"badge\" :value=\"badge\" />\n  </div>\n</template>\n\n<script>\nimport Asd20Badge from '../../components/atoms/Asd20Badge'\nexport default {\n  name: 'Asd20ListCategory',\n\n  components: { Asd20Badge },\n\n  props: {\n    label: { type: String, default: '' },\n    badge: { type: Number, default: 0 },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../design/_mixins.scss';\n@import '../../design/_variables.scss';\n\n.asd20-list-category {\n  position: relative;\n  display: flex;\n  // text-transform: uppercase;\n  color: var(--color__secondary-t20);\n  font-family: var(--website-typography__font-family-headlines);\n  font-size: 0.875rem;\n  font-weight: bold;\n  padding-bottom: space(0.25);\n  padding-left: space(0.125);\n  flex-basis: 100%;\n}\n\n.asd20-list-item + .asd20-list-category {\n  margin-top: space(0.5);\n}\n</style>\n","import mod from \"-!../../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./Asd20ListCategory.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./Asd20ListCategory.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Asd20ListCategory.vue?vue&type=template&id=2f912ca0&scoped=true&\"\nimport script from \"./Asd20ListCategory.vue?vue&type=script&lang=js&\"\nexport * from \"./Asd20ListCategory.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Asd20ListCategory.vue?vue&type=style&index=0&id=2f912ca0&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2f912ca0\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"asd20-list\" :class=\"classes\">\n    <div class=\"asd20-list__header\" v-if=\"$slots.header || headline\">\n      <asd20-icon v-if=\"icon\" :name=\"icon\" :size=\"iconSize\" />\n      <component\n        :is=\"headlineTag\"\n        class=\"asd20-list__headline\"\n        v-html=\"headline\"\n      ></component>\n      <slot name=\"header\" />\n    </div>\n    <asd20-viewport scrollable :max-height=\"maxHeight\">\n      <div class=\"asd20-list__items\" :style=\"styles\">\n        <template v-for=\"(item, index) in items\">\n          <asd20-list-category\n            v-if=\"item.type === 'category'\"\n            v-bind=\"type\"\n            :key=\"index\"\n          />\n          <asd20-list-item v-else v-bind=\"item\" :key=\"index\" />\n        </template>\n        <slot />\n      </div>\n    </asd20-viewport>\n    <div class=\"asd20-list__footer\" v-if=\"$slots.footer\">\n      <slot name=\"footer\" />\n    </div>\n    <!-- <resize-observer @notify=\"handleResize\" /> -->\n  </div>\n</template>\n\n<script>\n// import { ResizeObserver } from 'vue-resize'\nimport Asd20Viewport from '../../../components/atoms/Asd20Viewport'\nimport Asd20Icon from '../../../components/atoms/Asd20Icon'\nimport Asd20ListItem from '../../../components/molecules/Asd20ListItem'\nimport Asd20ListCategory from '../../../components/molecules/Asd20ListCategory'\n\nexport default {\n  name: 'Asd20List',\n\n  data: () => ({\n    columns: 1,\n  }),\n\n  components: {\n    Asd20Viewport,\n    Asd20Icon,\n    Asd20ListItem,\n    Asd20ListCategory,\n    // ResizeObserver,\n  },\n\n  props: {\n    headline: { type: String, default: '' },\n    headlineTag: { type: String, default: 'h2' },\n    /**\n     * This is long form field\n     */\n    description: { type: String, default: '' },\n    /**\n     * to automap Asd20ListItem map your object for its props: label, thumbnail, textAvatar, description, badge, link, etc.\n     */\n    items: { type: Array, default: () => [] },\n    icon: { type: String, default: '' },\n    iconSize: { type: String, default: 'lg' },\n    callToAction: { type: Object, default: null },\n    multiColumn: { type: Boolean, default: false },\n    columnWidth: { type: Number, default: 320 },\n    maxHeight: { type: String, default: 'none' },\n  },\n\n  computed: {\n    classes() {\n      return {\n        'asd20-list--multi-column': this.multiColumn && this.columns > 1,\n        'asd20-list--label': this.label,\n      }\n    },\n    styles() {\n      return `--columns: ${this.columns}`\n    },\n  },\n\n  mounted() {\n    this.handleResize()\n  },\n\n  methods: {\n    handleResize() {\n      this.columns = Math.round(this.$el.offsetWidth / this.columnWidth)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../../design/_mixins.scss';\n@import '../../../design/_variables.scss';\n\n.asd20-list__header {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: space(0.5);\n  .asd20-icon {\n    margin-right: space(0.5);\n  }\n}\n\n.asd20-list__headline {\n  font-size: 1.25rem !important;\n  color: var(--color__primary);\n}\n\n.asd20-list--multi-column {\n  .asd20-list__items {\n    list-style: none;\n    padding: 0;\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n  }\n  &::v-deep .asd20-list-item {\n    width: calc(100% / var(--columns));\n    position: relative;\n    word-break: normal;\n\n    &--bordered {\n      box-shadow: none !important;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../../../thread-loader/dist/cjs.js!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../../../thread-loader/dist/cjs.js!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=72a82a48&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=72a82a48&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"72a82a48\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../css-loader/index.js??ref--8-oneOf-1-1!../../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../../postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=e2355022&lang=scss&scoped=true&\"","export * from \"-!../../../../../../mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../css-loader/index.js??ref--8-oneOf-1-1!../../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../../postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=5b869aaf&lang=scss&scoped=true&\"","export * from \"-!../../../../../../mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../css-loader/index.js??ref--8-oneOf-1-1!../../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../../postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=125d6684&lang=scss&scoped=true&\"","export * from \"-!../../../../../../mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../css-loader/index.js??ref--8-oneOf-1-1!../../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../../postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=72a82a48&lang=scss&scoped=true&\"","export * from \"-!../../../../../../mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../css-loader/index.js??ref--8-oneOf-1-1!../../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../../postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=69d6d97b&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.tag,_vm._b({tag:\"component\",staticClass:\"asd20-list-item\",class:_vm.classes,on:{\"click\":_vm.onClick}},\"component\",_vm._d({},[_vm.hrefAttr,_vm.hrefValue,_vm.targetAttr,_vm.targetValue])),[(_vm.icon)?_c('div',{staticClass:\"asd20-list-item__icon\"},[_c('asd20-icon',{attrs:{\"name\":_vm.icon,\"size\":_vm.iconSize}})],1):_vm._e(),(_vm.$slots.thumbnail || _vm.thumbnail || _vm.textAvatar)?_c('div',{staticClass:\"asd20-list-item__thumbnail\"},[(_vm.textAvatar && !_vm.thumbnail)?_c('asd20-text-avatar',{attrs:{\"text\":_vm.textAvatar}}):_vm._e(),(_vm.thumbnail)?_c('asd20-thumbnail-avatar',{attrs:{\"thumbnail\":_vm.thumbnail,\"square\":_vm.fullThumbnail,\"contain\":_vm.fullThumbnail,\"alt\":_vm.label}}):_vm._e(),_vm._t(\"thumbnail\")],2):_vm._e(),_c('div',{staticClass:\"asd20-list-item__content\"},[(_vm.label)?_c('div',{staticClass:\"asd20-list-item__label\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.label)}}),(_vm.targetValue === '_blank')?_c('asd20-icon',{attrs:{\"name\":\"external\",\"size\":\"sm\"}}):_vm._e()],1):_vm._e(),(_vm.description)?_c('div',{staticClass:\"asd20-list-item__description\",domProps:{\"innerHTML\":_vm._s(_vm.description)}}):_vm._e(),(_vm.tags && _vm.tags.length > 0)?_c('asd20-tag-group',{attrs:{\"tags\":_vm.tags}}):_vm._e(),_vm._t(\"content\"),_vm._t(\"default\")],2),(_vm.$slots.badges || _vm.badge)?_c('div',{staticClass:\"asd20-list-item__badges\"},[(_vm.badge)?_c('asd20-badge',{attrs:{\"value\":_vm.badge,\"static\":\"\"}}):_vm._e(),_vm._t(\"badges\")],2):_vm._e(),(_vm.$slots.actions)?_c('div',{staticClass:\"asd20-list-item__actions\"},[_vm._t(\"actions\")],2):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"asd20-tag-group\",class:_vm.classes},[_vm._l((_vm.tags),function(tag,index){return _c('asd20-tag',{key:index,attrs:{\"label\":tag}})}),_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"asd20-tag\",class:_vm.classes,style:(_vm.styles)},[_vm._v(\"\\n  \"+_vm._s(_vm.label)+\"\\n  \"),_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"classes\" class=\"asd20-tag\" :style=\"styles\">\n    {{ label }}\n    <slot />\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'Asd20Tag',\n  model: {\n    prop: 'label',\n  },\n  props: {\n    label: { type: String, default: '' },\n    background: { type: String, default: '' },\n    foreground: { type: String, default: '' },\n    bordered: { type: Boolean, default: false },\n    transparent: { type: Boolean, default: false },\n  },\n  computed: {\n    classes() {\n      return {\n        'asd20-tag--bordered': this.bordered,\n        'asd20-tag--transparent': this.transparent,\n      }\n    },\n    styles() {\n      return {\n        '--background': this.background,\n        '--foreground': this.foreground,\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../../design/_variables.scss';\n@import '../../../design/_mixins.scss';\n\n.asd20-tag {\n  display: flex;\n  justify-content: center;\n  background: var(--background-color);\n  color: var(--foreground, currentColor);\n  min-width: space(0.75);\n  min-height: space(0.75);\n  width: min-content;\n  padding: space(0.0625) space(0.25);\n  align-items: center;\n  font-size: 0.625rem;\n  font-weight: bold;\n  text-transform: uppercase;\n  line-height: 1;\n  overflow: hidden;\n  border-radius: space(0.5) 0 0 space(0.5);\n  white-space: nowrap;\n\n  &::before {\n    content: '';\n    width: space(0.25);\n    height: space(0.25);\n    margin-right: space(0.25);\n    background: var(--foreground, var(--color__accent));\n    border-radius: 50%;\n    opacity: 1;\n  }\n\n  &--bordered {\n    box-shadow: 0 0 0 1px var(--background, currentColor) inset;\n  }\n  &--transparent {\n    background: transparent;\n  }\n}\n</style>\n","import mod from \"-!../../../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../../../thread-loader/dist/cjs.js!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../../../thread-loader/dist/cjs.js!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=69d6d97b&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=69d6d97b&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"69d6d97b\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"asd20-tag-group\" :class=\"classes\">\n    <asd20-tag v-for=\"(tag, index) in tags\" :key=\"index\" :label=\"tag\" />\n    <slot />\n  </div>\n</template>\n\n<script>\nimport Asd20Tag from '../../../components/atoms/Asd20Tag'\n\nexport default {\n  name: 'Asd20TagGroup',\n\n  components: {\n    Asd20Tag,\n  },\n\n  model: {\n    prop: 'tags',\n  },\n\n  props: {\n    tags: { type: Array, default: () => [] },\n  },\n\n  computed: {\n    classes() {\n      return {}\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../../design/_mixins.scss';\n@import '../../../design/_variables.scss';\n\n.asd20-tag-group {\n  padding: 0;\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: space(-0.125);\n  .asd20-tag {\n    margin-right: space(0.125);\n    margin-bottom: space(0.125);\n  }\n}\n</style>\n","import mod from \"-!../../../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../../../thread-loader/dist/cjs.js!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../../../thread-loader/dist/cjs.js!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=125d6684&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=125d6684&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"125d6684\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"asd20-text-avatar\",style:((\"--bg: \" + _vm.color))},[_vm._v(\"\\n  \"+_vm._s(_vm.text)+\"\\n\")])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"asd20-text-avatar\" :style=\"`--bg: ${color}`\">\n    {{ text }}\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'Asd20TextAvatar',\n  props: {\n    text: { type: String, default: '' },\n    color: { type: String, default: '#162B68' },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../../design/_mixins.scss';\n@import '../../../design/_variables.scss';\n\n.asd20-text-avatar {\n  width: space(2);\n  height: space(2);\n  overflow: hidden;\n  background: var(--bg);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: var(--website-typography__font-family-headlines);\n  font-size: 0.75em;\n  font-weight: bold;\n  text-transform: uppercase;\n  line-height: 1;\n  border-radius: 50%;\n}\n</style>\n","import mod from \"-!../../../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../../../thread-loader/dist/cjs.js!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../../../thread-loader/dist/cjs.js!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=5b869aaf&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=5b869aaf&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5b869aaf\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('figure',{staticClass:\"asd20-thumbnail-avatar\",class:_vm.classes},[_c('img',{attrs:{\"src\":_vm.thumbnail}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <figure :class=\"classes\" class=\"asd20-thumbnail-avatar\">\n    <img :src=\"thumbnail\" />\n  </figure>\n</template>\n\n<script>\nexport default {\n  name: 'Asd20ThumbnailAvatar',\n  props: {\n    square: { type: Boolean, default: false },\n    contain: { type: Boolean, default: false },\n    text: { type: String, default: '' },\n    thumbnail: {\n      type: String,\n      default: '',\n    },\n  },\n  computed: {\n    classes() {\n      return {\n        'asd20-thumbnail-avatar--square': this.square,\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../../design/_mixins.scss';\n@import '../../../design/_variables.scss';\n\n.asd20-thumbnail-avatar {\n  width: space(2);\n  height: space(2);\n  overflow: hidden;\n  background: rgba(0, 0, 0, 0.125);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  margin: 0;\n\n  img {\n    display: block;\n    object-fit: cover;\n    object-position: center;\n    height: 100%;\n    width: 100%;\n  }\n  &--square {\n    display: block;\n    border-radius: 0;\n  }\n  &--contain {\n    img {\n      object-fit: contain;\n    }\n  }\n}\n\n@media screen and (min-width: 1024px) {\n  .asd20-thumbnail-avatar {\n    &--square {\n      // width: space(12);\n      // height: space(8);\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../../../thread-loader/dist/cjs.js!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../../../thread-loader/dist/cjs.js!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=696117d2&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=696117d2&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"696117d2\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <component\n    :is=\"tag\"\n    v-bind:[hrefAttr]=\"hrefValue\"\n    v-bind:[targetAttr]=\"targetValue\"\n    class=\"asd20-list-item\"\n    :class=\"classes\"\n    @click=\"onClick\"\n  >\n    <div class=\"asd20-list-item__icon\" v-if=\"icon\">\n      <asd20-icon :name=\"icon\" :size=\"iconSize\" />\n    </div>\n    <div\n      class=\"asd20-list-item__thumbnail\"\n      v-if=\"$slots.thumbnail || thumbnail || textAvatar\"\n    >\n      <asd20-text-avatar v-if=\"textAvatar && !thumbnail\" :text=\"textAvatar\" />\n      <asd20-thumbnail-avatar\n        v-if=\"thumbnail\"\n        :thumbnail=\"thumbnail\"\n        :square=\"fullThumbnail\"\n        :contain=\"fullThumbnail\"\n        :alt=\"label\"\n      />\n      <slot name=\"thumbnail\" />\n    </div>\n    <div class=\"asd20-list-item__content\">\n      <div v-if=\"label\" class=\"asd20-list-item__label\">\n        <span v-html=\"label\"></span>\n        <asd20-icon v-if=\"targetValue === '_blank'\" name=\"external\" size=\"sm\" />\n      </div>\n      <div\n        v-if=\"description\"\n        class=\"asd20-list-item__description\"\n        v-html=\"description\"\n      ></div>\n      <asd20-tag-group v-if=\"tags && tags.length > 0\" :tags=\"tags\" />\n      <slot name=\"content\" />\n      <slot />\n    </div>\n    <div class=\"asd20-list-item__badges\" v-if=\"$slots.badges || badge\">\n      <asd20-badge v-if=\"badge\" :value=\"badge\" static />\n      <slot name=\"badges\" />\n    </div>\n    <div class=\"asd20-list-item__actions\" v-if=\"$slots.actions\">\n      <slot name=\"actions\" />\n    </div>\n  </component>\n</template>\n\n<script>\nimport Asd20Icon from '../../../components/atoms/Asd20Icon'\nimport Asd20Badge from '../../../components/atoms/Asd20Badge'\nimport Asd20TagGroup from '../../../components/organisms/Asd20TagGroup'\nimport Asd20TextAvatar from '../../../components/atoms/Asd20TextAvatar'\nimport Asd20ThumbnailAvatar from '../../../components/atoms/Asd20ThumbnailAvatar'\n\nexport default {\n  name: 'Asd20ListItem',\n\n  components: {\n    Asd20Icon,\n    Asd20Badge,\n    Asd20TextAvatar,\n    Asd20ThumbnailAvatar,\n    Asd20TagGroup,\n  },\n\n  props: {\n    label: { type: String, default: '' },\n    thumbnail: { type: String, default: '' },\n    fullThumbnail: { type: Boolean, default: false },\n    textAvatar: { type: String, default: '' },\n    textAvatarColor: { type: String, default: '#333' },\n    icon: { type: String, default: '' },\n    iconSize: { type: String, default: 'sm' },\n    description: { type: String, default: '' },\n    badge: { type: String, default: '' },\n    tags: { type: Array, default: () => [] },\n    condensed: { type: Boolean, default: false },\n    actionable: { type: Boolean, default: false },\n    bordered: { type: Boolean, default: false },\n    checked: { type: Boolean, default: false },\n    alignTop: { type: Boolean, default: false },\n    to: { default: '' },\n    link: { type: String, default: '' },\n  },\n\n  computed: {\n    classes() {\n      return {\n        'asd20-list-item--condensed': this.condensed,\n        'asd20-list-item--actionable': this.actionable,\n        'asd20-list-item--bordered': this.bordered,\n        'asd20-list-item--checked': this.checked,\n        'asd20-list-item--align-top': this.alignTop,\n        'asd20-list-item--full-thumbnail': this.fullThumbnail,\n      }\n    },\n    tag() {\n      if (this.actionable && this.to && this.to[0] === '/' && this.$router)\n        return 'button'\n      if (this.actionable && this.hrefValue) return 'a'\n      return 'div'\n    },\n    hrefAttr() {\n      return this.tag === 'a' ? 'href' : null\n    },\n    hrefValue() {\n      return this.link || this.to\n    },\n    targetAttr() {\n      return this.tag === 'a' ? 'target' : null\n    },\n    targetValue() {\n      const hostname =\n        typeof window !== 'undefined' ? window.location.host : 'www.asd20.org'\n      return (this.link.includes('http') && !this.link.includes(hostname)) ||\n        (this.to.includes('http') && !this.link.includes(hostname))\n        ? '_blank'\n        : '_self'\n    },\n  },\n\n  methods: {\n    onClick(e) {\n      if (this.tag === 'button') {\n        e.preventDefault()\n        this.$router.push(this.to)\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../../design/_mixins.scss';\n@import '../../../design/_variables.scss';\n\n.asd20-list-item {\n  appearance: none;\n  -webkit-appearance: none;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  font-family: var(--website-typography__font-family-headlines);\n  box-sizing: border-box;\n  margin: 0;\n  text-align: left;\n  border: none;\n  font-size: 1em;\n  width: 100%;\n  padding: space(0.5);\n  transition: background $anim-base-speed ease-in-out;\n  text-decoration: none;\n  background: transparent;\n  position: relative;\n\n  &__icon {\n    flex-shrink: 0;\n    flex-grow: 0;\n    margin-right: space(0.5);\n  }\n  &__thumbnail {\n    flex-shrink: 0;\n    flex-grow: 0;\n    margin-right: space(0.5);\n  }\n  &__content {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    margin-right: space(0.5);\n    overflow: hidden;\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n  &__label {\n    display: flex;\n    align-items: center;\n    font-weight: bold;\n    color: var(--color__primary);\n    line-height: 1.4;\n    // word-break: break-all;\n    span {\n      width: 100%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n    &::v-deep .asd20-icon {\n      margin-left: 1rem;\n    }\n  }\n  &__description {\n    font-family: var(--website-typography__font-family-body);\n    font-size: 1em;\n    color: var(--website-page__foreground-color);\n    // margin-top: -$space-base/9;\n  }\n  &__label + &__description {\n    // margin-top: space(0.125);\n  }\n  &__badges {\n    flex-shrink: 0;\n    flex-grow: 0;\n    margin-right: space(0.5);\n  }\n  &__actions {\n    flex-shrink: 0;\n    flex-grow: 0;\n  }\n\n  &::v-deep .asd20-tag-group {\n    margin-top: space(0.25);\n  }\n\n  &--condensed {\n    padding: space(0.125);\n  }\n\n  &--checked {\n    @function svg-inline($string) {\n      $result: str-replace(\n        $string,\n        '<svg',\n        \"<svg xmlns='http://www.w3.org/2000/svg'\"\n      );\n      $result: str-replace($result, '%', '%25');\n      $result: str-replace($result, '\"', '%22');\n      $result: str-replace($result, \"'\", '%27');\n      $result: str-replace($result, ' ', '%20');\n      $result: str-replace($result, '<', '%3C');\n      $result: str-replace($result, '>', '%3E');\n      @return 'data:image/svg+xml;utf8,' + $result;\n    }\n\n    &::before {\n      content: '';\n      flex-shrink: 0;\n      flex-grow: 0;\n      display: block;\n      width: space(0.625);\n      height: space(0.625);\n      background-image: url('data:image/svg+xml;utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"%2380B2C0\" d=\"M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z\"/></svg>');\n      background-size: space(0.625);\n      background-repeat: no-repeat;\n      margin-right: space(0.25);\n    }\n  }\n\n  &--actionable {\n    cursor: pointer;\n    border-radius: var(--website-shape__radius-s);\n    &::v-deep .asd20-list-item__label {\n      width: auto;\n    }\n\n    &:hover,\n    &:focus {\n      background: rgba(0, 0, 0, 0.0625);\n      // outline: none;\n    }\n\n    &::after {\n      // content: '';\n      align-self: center;\n\n      flex-shrink: 0;\n      flex-grow: 0;\n      display: block;\n      width: space(0.5);\n      height: space(0.5);\n      margin-right: space(0.25);\n      box-shadow: 1px 1px 0 0 var(--color__secondary-t50);\n      transform: rotate(-45deg);\n    }\n  }\n  &--bordered:not(:last-of-type) {\n    box-shadow: 0 -1px 0 0 var(--color__tertiary) inset;\n  }\n  &--align-top {\n    align-items: flex-start;\n  }\n}\n@media screen and (min-width: 1024px) {\n  .asd20-list-item--actionable::after {\n    display: none;\n  }\n  &::v-deep .asd20-list-item {\n    &__label {\n      font-size: 1rem;\n    }\n    &__description {\n      font-size: 1rem;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../../../thread-loader/dist/cjs.js!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../../../thread-loader/dist/cjs.js!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=44703dfc&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=44703dfc&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"44703dfc\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.classes,style:(_vm.styles)},[_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"classes\" :style=\"styles\"><slot /></div>\n</template>\n\n<script>\nexport default {\n  name: 'Asd20Viewport',\n  props: {\n    scrollable: { type: Boolean, default: false },\n    padded: { type: Boolean, default: false },\n    maxHeight: { type: String, default: '' },\n  },\n  computed: {\n    classes() {\n      return {\n        'asd20-viewport': true,\n        'asd20-viewport--scrollable': this.scrollable,\n        'asd20-viewport--padded': this.padded,\n      }\n    },\n    styles() {\n      return {\n        'max-height': this.maxHeight ? this.maxHeight : 'auto',\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../../design/_mixins.scss';\n@import '../../../design/_variables.scss';\n.asd20-viewport {\n  flex-grow: 1;\n  overflow: hidden;\n  position: relative;\n  &--scrollable {\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n  &--padded {\n    padding: space(1);\n  }\n  &::-webkit-scrollbar {\n    -webkit-appearance: none;\n    width: 6px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: var(--website-page__alternate-background-color);\n    border-radius: 4px;\n    margin: 3px;\n  }\n}\n</style>\n","import mod from \"-!../../../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../../../thread-loader/dist/cjs.js!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../../../thread-loader/dist/cjs.js!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=e2355022&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=e2355022&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e2355022\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../css-loader/index.js??ref--8-oneOf-1-1!../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./Asd20ListCategory.vue?vue&type=style&index=0&id=2f912ca0&lang=scss&scoped=true&\""],"sourceRoot":""}