{"version":3,"file":"portal-Projects.js","sources":["../../../frontend/src/components/Dialog.vue","../../../frontend/src/components/ReadMore.vue","../../../frontend/src/components/ReadMore.vue","../../../frontend/src/components/Article.vue","../../../frontend/src/components/Article.vue","../../../frontend/src/components/Projects.vue","../../../frontend/src/components/Projects.vue"],"sourcesContent":["<template>\n  <dialog ref=\"dialog\"></dialog>\n</template>\n\n<script lang=\"ts\">\nimport dialogPolyfill from 'dialog-polyfill';\nimport { Component, Vue } from 'vue-facing-decorator';\n\n@Component\nexport default class Dialog extends Vue {\n\n  public mounted() {\n    dialogPolyfill.registerDialog((this.$refs as any).dialog);\n  }\n\n  public showModal() {\n    (this.$refs as any).dialog.showModal();\n  }\n\n}\n</script>","<!--\n/**\n * Reusable Vue ReadMore component\n *\n * @see https://github.com/orlyyani/read-more/\n */\n-->\n<template>\n\t<div>\n\t\t<!-- <p v-html=\"formattedString\"> -->\n    <span v-html=\"formattedString\"></span>\n    <span v-show=\"text.length > maxChars\">\n      <a :href=\"link\" id=\"readmore\" @click.prevent=\"toggleReadMore(!toggled)\">{{toggled ? lessStr : moreStr}}</a>\n    </span>\n\t\t<!-- </p> -->\n\t</div>\n</template>\n\n<script lang=\"ts\">\nimport { Component, Prop, Vue } from 'vue-facing-decorator';\n\n@Component\nexport default class ScrollTopArrow extends Vue {\n\n  @Prop({ default: \"Read More\" }) public readonly moreStr!: string;\n  @Prop({ default: \"Read Less\" }) public readonly lessStr!: string;\n  @Prop({ required: true })       public readonly text!: string;\n  @Prop({ default: '#' })         public readonly link!: string;\n  @Prop({ default: 500 })         public readonly maxChars!: number;\n\n  public toggled = false;\n\n  get formattedString(): string {\n    if (!this.toggled && this.text.length > this.maxChars) {\n      return this.text.substring(0, this.maxChars) + \"…\";\n    }\n    return this.text;\n  }\n\n  public toggleReadMore(b: boolean) {\n    if (this.lessStr !== null || this.lessStr !== \"\") this.toggled = b;\n  }\n\n};\n</script>","<!--\n/**\n * Reusable Vue ReadMore component\n *\n * @see https://github.com/orlyyani/read-more/\n */\n-->\n<template>\n\t<div>\n\t\t<!-- <p v-html=\"formattedString\"> -->\n    <span v-html=\"formattedString\"></span>\n    <span v-show=\"text.length > maxChars\">\n      <a :href=\"link\" id=\"readmore\" @click.prevent=\"toggleReadMore(!toggled)\">{{toggled ? lessStr : moreStr}}</a>\n    </span>\n\t\t<!-- </p> -->\n\t</div>\n</template>\n\n<script lang=\"ts\">\nimport { Component, Prop, Vue } from 'vue-facing-decorator';\n\n@Component\nexport default class ScrollTopArrow extends Vue {\n\n  @Prop({ default: \"Read More\" }) public readonly moreStr!: string;\n  @Prop({ default: \"Read Less\" }) public readonly lessStr!: string;\n  @Prop({ required: true })       public readonly text!: string;\n  @Prop({ default: '#' })         public readonly link!: string;\n  @Prop({ default: 500 })         public readonly maxChars!: number;\n\n  public toggled = false;\n\n  get formattedString(): string {\n    if (!this.toggled && this.text.length > this.maxChars) {\n      return this.text.substring(0, this.maxChars) + \"…\";\n    }\n    return this.text;\n  }\n\n  public toggleReadMore(b: boolean) {\n    if (this.lessStr !== null || this.lessStr !== \"\") this.toggled = b;\n  }\n\n};\n</script>","<template>\n\n  <!-- GROUP ARTICLE -->\n  <article v-if=\"type !== boxtype.P\" :class=\"className\">\n    <router-link :to=\"get_group_url()\">\n      <figure>\n        <img loading=\"lazy\" :src=\"img_url\" @load=\"get_average_color\" :alt=\"title || $t('maps.group')\" />\n        <figcaption :style=\"{'--figcaption-background-color': avgColor }\" ><h3><b>{{title ||  $t('maps.group')}}</b></h3></figcaption>\n      </figure>\n    </router-link>\n  </article>\n\n  <!-- PROJECT ARTICLE -->\n  <article v-else ref=\"article\" class=\"grid\" :class=\"className\">\n\n    <div>\n      <figure>\n        <img loading=\"lazy\" :src=\"img_url\" @load=\"get_average_color\" :alt=\"title || description\" />\n      </figure>\n      <p>\n        <a :href=\"get_admin_url(map_url)\" rel=\"noopener noreferrer\" target=\"_blank\">\n          <font-awesome-icon icon=\"expand-arrows-alt\" size=\"lg\" />\n          <span> {{ $t('maps.view') }}</span>\n        </a>\n        <a v-if=\"ogc_urls\" href=\"#\" @click.prevent=\"showMetadata\">\n          <font-awesome-icon icon=\"layer-group\" size=\"lg\" />\n          <span> {{ $t('maps.services') }}</span>\n        </a>\n        <a v-if=\"has_edit_url()\" :href=\"get_admin_url(edit_url)\" rel=\"noopener noreferrer\" target=\"_blank\">\n          <font-awesome-icon icon=\"pencil-alt\" size=\"lg\" />\n          <span> {{ $t('maps.edit') }}</span>\n        </a>\n      </p>\n    </div>\n\n    <hgroup>\n      <h3>{{ title }}</h3>\n      <div v-html=\"description\"></div>\n\n      <!-- READ-MORE (v1) -->\n      <!-- <read-more :text=\"description\" :more-str=\"$t('readmore')\" :less-str=\"$t('readless')\" link=\"#\"  :max-chars=\"500\"></read-more> -->\n      <!-- <a href=\"#\" @click.prevent=\"showModal\">Preview</a> -->\n\n      <!-- READ-MORE (v2) -->\n      <!-- <ReadMore :text=\"description\" :more-str=\"$t('readmore')\" :less-str=\"$t('readless')\" link=\"#\"  :max-chars=\"500\"/> -->\n      <!-- <a href=\"#\" @click.prevent=\"showModal\">{{ $t('readmore') }}</a> -->\n    </hgroup>\n\n  </article>\n\n  <!-- TODO: replace it with https://vuejs.org/guide/built-ins/teleport.html -->\n  <Dialog ref=\"modal\" />\n</template>\n\n<script lang=\"ts\">\nimport { Component, Prop, Vue } from 'vue-facing-decorator';\n\nimport { EBoxType } from '@/types/EBoxType';\nimport { Group } from '@/types/TGroup';\nimport { MacroGroup } from '@/types/TMacroGroup';\nimport { Project } from '@/types/TProject';\nimport { get_admin_url } from '@/utils';\nimport { useAuthStore } from '@/stores';\n\nimport Dialog from '@/components/Dialog.vue';\nimport ReadMore from '@/components/ReadMore.vue';\nimport { get_img_url } from '@/utils';\n\n@Component({\n  components: { Dialog, ReadMore },\n})\nexport default class Article extends Vue {\n\n  @Prop public readonly item!: Group | MacroGroup | Project;\n\n  public avgColor: string = '0,0,0';\n\n  public boxtype = EBoxType;\n\n  get title(): string {\n    return this.item.title;\n  }\n\n  get description(): string {\n    return this.item.description;\n  }\n\n  get edit_url(): string {\n    return (this.item as Project).edit_url;\n  }\n\n  get img_url(): string {\n    return get_img_url(this.item.logo_img);\n  }\n\n  get map_url(): string {\n    return (this.item as Project).map_url;\n  }\n\n  get ogc_urls(): { [key:string]: string } {\n    return (this.item as Project).ogc_urls;\n  }\n\n  get className(): string {\n    return EBoxType[this.type] + '-' + this.item.id + ' item-' + EBoxType[this.type];\n  }\n\n  get type(): EBoxType {\n    return this.item.InstanceOf;\n  }\n\n  /**\n   * Check if current project could be edited by the user (admin backend)\n   */\n  public has_edit_url(): boolean {\n    return !!(this.type === this.boxtype.P && useAuthStore().isLoggedIn && this.edit_url);\n  }\n\n  public get_group_url(): string {\n    // Macrogroups > Macrogroup\n    if (this.type === this.boxtype.MG) {\n      return `/${this.$i18n.locale}/organization/${this.item.id}`;\n    }\n    // Macrogroups > Macrogroup > Group\n    if (this.type === this.boxtype.G && this.$route.name === 'organization') {\n      return `/${this.$i18n.locale}/organization/${this.$route.params.id}/${this.item.id}`;\n    }\n    // Groups > Group\n    if (this.type === this.boxtype.G) {\n      return `/${this.$i18n.locale}/group/${this.item.id}`;\n    }\n    return '';\n  }\n\n  /**\n   * Return absolute URL to G3W-ADMIN server.\n   */\n  public get_admin_url(folder: string): string {\n    return get_admin_url(folder);\n  }\n\n  public showMetadata() {\n    const modal = (this.$refs.modal as any).$refs.dialog;\n    modal.innerHTML = `\n    <article style=\"background-color: #fff; max-width: min(90%, 960px); min-width: 70vw; margin: 0;\">\n      <header style=\"margin-bottom: 1rem;\">\n        <form method=\"dialog\"><input type=\"submit\" aria-label=\"Close\" value=\"\" class=\"close contrast\"></form>\n        <h3 style=\"margin: 0;\">${this.title}</h3>\n      </header>\n      <h4>${this.$t('ogc_services')} <sup><a href=\"https://docs.qgis.org/3.34/${this.$i18n.locale}/docs/server_manual/services.html\" target=\"_blank\" style=\"font-size:0.75em\">&#x2139;&#xFE0F;</a></sup></h4>\n      <ul>\n        ${ Object.entries(this.ogc_urls).map(([name, url]) => `<li><b>${name}:</b> <a href=\"${get_admin_url(url)}\" target=\"_blank\">${get_admin_url(url)}</a></li>`).join('') }\n      </ul>\n    </article>`;\n    //modal.innerHTML += (this.$refs.article as HTMLElement).outerHTML;\n    modal.showModal();\n  }\n\n  public showModal() {\n    const modal = (this.$refs.modal as any).$refs.dialog;\n    modal.innerHTML = `\n    <article style=\"background-color: #fff; max-width: min(90%, 960px); margin: 0;\">\n      <header style=\"margin-bottom: 1rem;\">\n        <form data-method=\"dialog\"><input type=\"submit\" aria-label=\"Close\" value=\"\" class=\"close contrast\"></form>\n        <h2 style=\"margin: 0;\">${this.title}</h2>\n      </header>\n      <figure><img loading=\"lazy\" src=\"${this.img_url}\" alt=\"${this.title || this.description}\" style=\"width:100%;\" /></figure>\n      <div>${this.description}</div>\n    </article>`;\n    //modal.innerHTML += (this.$refs.article as HTMLElement).outerHTML;\n    modal.showModal();\n  }\n\n  /**\n   * Compute the avergare color of a image\n   */\n  public get_average_color(src: string | any = this.img_url): string {\n    const canvas = document.createElement('canvas');\n    const ctx = canvas.getContext('2d');\n    const img = new Image();\n    src = (src.target && src.target.src) || src;\n    img.setAttribute('crossOrigin', '');\n    img.src = src;\n    if (ctx) {\n      ctx.imageSmoothingEnabled = true;\n      // rescale the image to 1x1\n      ctx.drawImage(img, 0, 0, 1, 1);\n      // get resulting pixel color\n      this.avgColor = ctx.getImageData(0, 0, 1, 1).data.slice(0, 3).toString();\n    }\n    // console.log(this.avgColor);\n    return this.avgColor;\n  }\n\n}\n</script>\n\n<style lang=\"css\" scoped>\n  /**\n   * PROJECT ARTICLE\n   */\n  article {\n    padding: var(--block-spacing-horizontal);\n  }\n\n  article figure {\n    position: relative;\n  }\n\n  article figure > img {\n    aspect-ratio: 1;\n    min-height: 200px;\n    object-fit: cover;\n    height: 100%;\n    width: 100%;\n  }\n\n  figure .fa-expand-arrows-alt {\n    position: absolute;\n    color: #fff;\n    margin: 1rem;\n    left: 0;\n  }\n\n  .item-P > hgroup {\n    grid-column: span 2;\n  }\n\n  article.item-P {\n    margin: var(--block-spacing-vertical) 0;\n  }\n\n  article.item-P:first-of-type {\n    margin-top: 0;\n  }\n\n  article.item-P > div:first-of-type > p {\n    display: flex;\n    justify-content: space-around;\n    margin: 1em 0;\n    text-align: center;\n  }\n\n  article.item-P > div:first-of-type > p > a > span {\n      display: block;\n  }\n\n  /**\n   * GROUP ARTICLE\n   */\n  article:is(.item-G, .item-MG) {\n    padding: 0;\n  }\n\n  :is(.item-G, .item-MG) figure {\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    grid-area: box;\n    place-items: center;\n    place-content: center stretch;\n    place-self: center stretch;\n    display: grid;\n    position: relative;\n  }\n\n  :is(.item-G, .item-MG) figure > * {\n    grid-area: box;\n    grid-column-start: 1;\n  }\n  \n  :is(.item-G, .item-MG) figcaption {\n    color: #fff;\n    place-self: start stretch;\n    background: transparent;\n    margin: 1em 2em;\n    pointer-events: none;\n    z-index: 1;\n    text-align: center;\n    background: rgb(var(--figcaption-background-color), 0.25);\n    padding-left: 0.5rem;\n    padding-right: 0.5rem;\n  }\n\n  :is(.item-G, .item-MG) figcaption > *:first-letter {\n    text-transform: uppercase;\n  }\n\n  :is(.item-G, .item-MG) figcaption,\n  :is(.item-G, .item-MG) figcaption > * {\n    margin: 0;\n    color: #fff;\n    font-weight: normal;\n    font-size: 1.1rem;\n    text-align: left;\n  }\n</style>\n","<template>\n\n  <!-- GROUP ARTICLE -->\n  <article v-if=\"type !== boxtype.P\" :class=\"className\">\n    <router-link :to=\"get_group_url()\">\n      <figure>\n        <img loading=\"lazy\" :src=\"img_url\" @load=\"get_average_color\" :alt=\"title || $t('maps.group')\" />\n        <figcaption :style=\"{'--figcaption-background-color': avgColor }\" ><h3><b>{{title ||  $t('maps.group')}}</b></h3></figcaption>\n      </figure>\n    </router-link>\n  </article>\n\n  <!-- PROJECT ARTICLE -->\n  <article v-else ref=\"article\" class=\"grid\" :class=\"className\">\n\n    <div>\n      <figure>\n        <img loading=\"lazy\" :src=\"img_url\" @load=\"get_average_color\" :alt=\"title || description\" />\n      </figure>\n      <p>\n        <a :href=\"get_admin_url(map_url)\" rel=\"noopener noreferrer\" target=\"_blank\">\n          <font-awesome-icon icon=\"expand-arrows-alt\" size=\"lg\" />\n          <span> {{ $t('maps.view') }}</span>\n        </a>\n        <a v-if=\"ogc_urls\" href=\"#\" @click.prevent=\"showMetadata\">\n          <font-awesome-icon icon=\"layer-group\" size=\"lg\" />\n          <span> {{ $t('maps.services') }}</span>\n        </a>\n        <a v-if=\"has_edit_url()\" :href=\"get_admin_url(edit_url)\" rel=\"noopener noreferrer\" target=\"_blank\">\n          <font-awesome-icon icon=\"pencil-alt\" size=\"lg\" />\n          <span> {{ $t('maps.edit') }}</span>\n        </a>\n      </p>\n    </div>\n\n    <hgroup>\n      <h3>{{ title }}</h3>\n      <div v-html=\"description\"></div>\n\n      <!-- READ-MORE (v1) -->\n      <!-- <read-more :text=\"description\" :more-str=\"$t('readmore')\" :less-str=\"$t('readless')\" link=\"#\"  :max-chars=\"500\"></read-more> -->\n      <!-- <a href=\"#\" @click.prevent=\"showModal\">Preview</a> -->\n\n      <!-- READ-MORE (v2) -->\n      <!-- <ReadMore :text=\"description\" :more-str=\"$t('readmore')\" :less-str=\"$t('readless')\" link=\"#\"  :max-chars=\"500\"/> -->\n      <!-- <a href=\"#\" @click.prevent=\"showModal\">{{ $t('readmore') }}</a> -->\n    </hgroup>\n\n  </article>\n\n  <!-- TODO: replace it with https://vuejs.org/guide/built-ins/teleport.html -->\n  <Dialog ref=\"modal\" />\n</template>\n\n<script lang=\"ts\">\nimport { Component, Prop, Vue } from 'vue-facing-decorator';\n\nimport { EBoxType } from '@/types/EBoxType';\nimport { Group } from '@/types/TGroup';\nimport { MacroGroup } from '@/types/TMacroGroup';\nimport { Project } from '@/types/TProject';\nimport { get_admin_url } from '@/utils';\nimport { useAuthStore } from '@/stores';\n\nimport Dialog from '@/components/Dialog.vue';\nimport ReadMore from '@/components/ReadMore.vue';\nimport { get_img_url } from '@/utils';\n\n@Component({\n  components: { Dialog, ReadMore },\n})\nexport default class Article extends Vue {\n\n  @Prop public readonly item!: Group | MacroGroup | Project;\n\n  public avgColor: string = '0,0,0';\n\n  public boxtype = EBoxType;\n\n  get title(): string {\n    return this.item.title;\n  }\n\n  get description(): string {\n    return this.item.description;\n  }\n\n  get edit_url(): string {\n    return (this.item as Project).edit_url;\n  }\n\n  get img_url(): string {\n    return get_img_url(this.item.logo_img);\n  }\n\n  get map_url(): string {\n    return (this.item as Project).map_url;\n  }\n\n  get ogc_urls(): { [key:string]: string } {\n    return (this.item as Project).ogc_urls;\n  }\n\n  get className(): string {\n    return EBoxType[this.type] + '-' + this.item.id + ' item-' + EBoxType[this.type];\n  }\n\n  get type(): EBoxType {\n    return this.item.InstanceOf;\n  }\n\n  /**\n   * Check if current project could be edited by the user (admin backend)\n   */\n  public has_edit_url(): boolean {\n    return !!(this.type === this.boxtype.P && useAuthStore().isLoggedIn && this.edit_url);\n  }\n\n  public get_group_url(): string {\n    // Macrogroups > Macrogroup\n    if (this.type === this.boxtype.MG) {\n      return `/${this.$i18n.locale}/organization/${this.item.id}`;\n    }\n    // Macrogroups > Macrogroup > Group\n    if (this.type === this.boxtype.G && this.$route.name === 'organization') {\n      return `/${this.$i18n.locale}/organization/${this.$route.params.id}/${this.item.id}`;\n    }\n    // Groups > Group\n    if (this.type === this.boxtype.G) {\n      return `/${this.$i18n.locale}/group/${this.item.id}`;\n    }\n    return '';\n  }\n\n  /**\n   * Return absolute URL to G3W-ADMIN server.\n   */\n  public get_admin_url(folder: string): string {\n    return get_admin_url(folder);\n  }\n\n  public showMetadata() {\n    const modal = (this.$refs.modal as any).$refs.dialog;\n    modal.innerHTML = `\n    <article style=\"background-color: #fff; max-width: min(90%, 960px); min-width: 70vw; margin: 0;\">\n      <header style=\"margin-bottom: 1rem;\">\n        <form method=\"dialog\"><input type=\"submit\" aria-label=\"Close\" value=\"\" class=\"close contrast\"></form>\n        <h3 style=\"margin: 0;\">${this.title}</h3>\n      </header>\n      <h4>${this.$t('ogc_services')} <sup><a href=\"https://docs.qgis.org/3.34/${this.$i18n.locale}/docs/server_manual/services.html\" target=\"_blank\" style=\"font-size:0.75em\">&#x2139;&#xFE0F;</a></sup></h4>\n      <ul>\n        ${ Object.entries(this.ogc_urls).map(([name, url]) => `<li><b>${name}:</b> <a href=\"${get_admin_url(url)}\" target=\"_blank\">${get_admin_url(url)}</a></li>`).join('') }\n      </ul>\n    </article>`;\n    //modal.innerHTML += (this.$refs.article as HTMLElement).outerHTML;\n    modal.showModal();\n  }\n\n  public showModal() {\n    const modal = (this.$refs.modal as any).$refs.dialog;\n    modal.innerHTML = `\n    <article style=\"background-color: #fff; max-width: min(90%, 960px); margin: 0;\">\n      <header style=\"margin-bottom: 1rem;\">\n        <form data-method=\"dialog\"><input type=\"submit\" aria-label=\"Close\" value=\"\" class=\"close contrast\"></form>\n        <h2 style=\"margin: 0;\">${this.title}</h2>\n      </header>\n      <figure><img loading=\"lazy\" src=\"${this.img_url}\" alt=\"${this.title || this.description}\" style=\"width:100%;\" /></figure>\n      <div>${this.description}</div>\n    </article>`;\n    //modal.innerHTML += (this.$refs.article as HTMLElement).outerHTML;\n    modal.showModal();\n  }\n\n  /**\n   * Compute the avergare color of a image\n   */\n  public get_average_color(src: string | any = this.img_url): string {\n    const canvas = document.createElement('canvas');\n    const ctx = canvas.getContext('2d');\n    const img = new Image();\n    src = (src.target && src.target.src) || src;\n    img.setAttribute('crossOrigin', '');\n    img.src = src;\n    if (ctx) {\n      ctx.imageSmoothingEnabled = true;\n      // rescale the image to 1x1\n      ctx.drawImage(img, 0, 0, 1, 1);\n      // get resulting pixel color\n      this.avgColor = ctx.getImageData(0, 0, 1, 1).data.slice(0, 3).toString();\n    }\n    // console.log(this.avgColor);\n    return this.avgColor;\n  }\n\n}\n</script>\n\n<style lang=\"css\" scoped>\n  /**\n   * PROJECT ARTICLE\n   */\n  article {\n    padding: var(--block-spacing-horizontal);\n  }\n\n  article figure {\n    position: relative;\n  }\n\n  article figure > img {\n    aspect-ratio: 1;\n    min-height: 200px;\n    object-fit: cover;\n    height: 100%;\n    width: 100%;\n  }\n\n  figure .fa-expand-arrows-alt {\n    position: absolute;\n    color: #fff;\n    margin: 1rem;\n    left: 0;\n  }\n\n  .item-P > hgroup {\n    grid-column: span 2;\n  }\n\n  article.item-P {\n    margin: var(--block-spacing-vertical) 0;\n  }\n\n  article.item-P:first-of-type {\n    margin-top: 0;\n  }\n\n  article.item-P > div:first-of-type > p {\n    display: flex;\n    justify-content: space-around;\n    margin: 1em 0;\n    text-align: center;\n  }\n\n  article.item-P > div:first-of-type > p > a > span {\n      display: block;\n  }\n\n  /**\n   * GROUP ARTICLE\n   */\n  article:is(.item-G, .item-MG) {\n    padding: 0;\n  }\n\n  :is(.item-G, .item-MG) figure {\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    grid-area: box;\n    place-items: center;\n    place-content: center stretch;\n    place-self: center stretch;\n    display: grid;\n    position: relative;\n  }\n\n  :is(.item-G, .item-MG) figure > * {\n    grid-area: box;\n    grid-column-start: 1;\n  }\n  \n  :is(.item-G, .item-MG) figcaption {\n    color: #fff;\n    place-self: start stretch;\n    background: transparent;\n    margin: 1em 2em;\n    pointer-events: none;\n    z-index: 1;\n    text-align: center;\n    background: rgb(var(--figcaption-background-color), 0.25);\n    padding-left: 0.5rem;\n    padding-right: 0.5rem;\n  }\n\n  :is(.item-G, .item-MG) figcaption > *:first-letter {\n    text-transform: uppercase;\n  }\n\n  :is(.item-G, .item-MG) figcaption,\n  :is(.item-G, .item-MG) figcaption > * {\n    margin: 0;\n    color: #fff;\n    font-weight: normal;\n    font-size: 1.1rem;\n    text-align: left;\n  }\n</style>\n","<template>\n  <div>\n    <Article v-for=\"item in items\" :item=\"item\" :key=\"item._vue_uid\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport Article from '@/components/Article.vue';\nimport { Group } from '@/types/TGroup';\nimport { MacroGroup } from '@/types/TMacroGroup';\nimport { Project } from '@/types/TProject';\nimport { Component, Prop, Vue } from 'vue-facing-decorator';\n\n@Component({\n  components: { Article },\n})\n\nexport default class Projects extends Vue {\n  @Prop public readonly items!: Array<MacroGroup | Group | Project>;\n}\n</script>\n\n<style lang=\"css\" scoped>\n  .grid {\n    grid-row-gap: var(--grid-spacing-horizontal);\n  }\n\n  .grid :deep(article) {\n    margin: 0;\n  }\n\n  @media (min-width: 992px) {\n    .grid {\n      grid-template-columns: repeat(auto-fill,minmax(30%,1fr));\n    }\n  }\n</style>\n","<template>\n  <div>\n    <Article v-for=\"item in items\" :item=\"item\" :key=\"item._vue_uid\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport Article from '@/components/Article.vue';\nimport { Group } from '@/types/TGroup';\nimport { MacroGroup } from '@/types/TMacroGroup';\nimport { Project } from '@/types/TProject';\nimport { Component, Prop, Vue } from 'vue-facing-decorator';\n\n@Component({\n  components: { Article },\n})\n\nexport default class Projects extends Vue {\n  @Prop public readonly items!: Array<MacroGroup | Group | Project>;\n}\n</script>\n\n<style lang=\"css\" scoped>\n  .grid {\n    grid-row-gap: var(--grid-spacing-horizontal);\n  }\n\n  .grid :deep(article) {\n    margin: 0;\n  }\n\n  @media (min-width: 992px) {\n    .grid {\n      grid-template-columns: repeat(auto-fill,minmax(30%,1fr));\n    }\n  }\n</style>\n"],"names":["Dialog","Vue","dialogPolyfill","__decorateClass","Component","ScrollTopArrow","__publicField","b","Prop","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_createElementBlock","_createElementVNode","_hoisted_1","_withDirectives","_toDisplayString","_hoisted_2","Article","EBoxType","get_img_url","useAuthStore","folder","get_admin_url","modal","name","url","src","ctx","img","ReadMore","_Fragment","_openBlock","_normalizeClass","_withCtx","args","_normalizeStyle","_createVNode","_component_font_awesome_icon","_hoisted_3","_withModifiers","_createCommentVNode","Projects","_resolveComponent","_renderList","item","_createBlock","_component_Article"],"mappings":"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"}