@saooti/octopus-sdk 42.3.0 → 42.3.1

package/dist/OctopusMultiselect-esu8BY0J.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OctopusMultiselect-esu8BY0J.mjs","names":["_openBlock","_createElementBlock","_normalizeClass","_toDisplayString","_createCommentVNode","_createElementVNode","_withDirectives","_vShow","_withKeys","_vModelText","_withModifiers","_createVNode","_createBlock","_Teleport","_normalizeStyle","_Fragment","_renderList","_sfc_main"],"sources":["../src/components/composable/form/useOctopusDropdown.ts","../src/components/form/OctopusMultiselect.vue","../src/components/form/OctopusMultiselect.vue"],"sourcesContent":["import { computed, getCurrentInstance, nextTick, ref } from 'vue';\nimport { type MaybeElementRef, onClickOutside } from '@vueuse/core';\nimport { useI18n } from 'vue-i18n';\n\nexport interface OctopusDropdownProps<T> {\n    options: T[];\n    optionLabel?: keyof T & string;\n    optionKey?: keyof T;\n    isDisabled?: boolean;\n    placeholder?: string;\n}\n\nexport function useOctopusDropdown<T>(\n    props: OctopusDropdownProps<T>,\n    emitSearch: (query: string) => void,\n    idPrefix: string = 'octopus-dropdown',\n    // Extra elements to exclude from the click-outside check.\n    // Needed when the dropdown is teleported outside containerRef (e.g. to body):\n    // without this, clicking inside the teleported dropdown triggers closeDropdown\n    // because it is no longer a DOM descendant of containerRef.\n    ignore?: MaybeElementRef[]\n) {\n    const { t } = useI18n();\n    const instance = getCurrentInstance();\n\n    const searchQuery = ref('');\n    const isOpen = ref(false);\n    const isHovered = ref(false);\n    const containerRef = ref<HTMLElement | null>(null);\n    const inputRef = ref<HTMLInputElement | null>(null);\n    // Where the dropdown/options list (teleported out of normal flow) should land. Defaults\n    // to the app root, but when this component is used inside a ClassicPopover, teleporting\n    // there instead keeps the dropdown a real DOM descendant of it — otherwise both end up as\n    // siblings under the same teleport target, and ClassicPopover's outside-click/blur checks\n    // (which rely on DOM containment) see clicks inside the dropdown as \"outside\" and close it.\n    const teleportTarget = ref<string | HTMLElement>('.octopus-app');\n\n    const computedId = computed(() => `${idPrefix}-${instance?.uid}`);\n\n    // vnode.props contains the raw parent-provided props before defineEmits strips them\n    // from attrs, so onSearch is present whenever the parent writes @search=\"...\".\n    const hasSearchListener = computed(() => !!instance?.vnode.props?.onSearch);\n\n    const displayedOptions = computed((): T[] => {\n        if (hasSearchListener.value) {\n            return props.options;\n        }\n        const query = searchQuery.value.toLowerCase();\n        if (!query) {\n            return props.options;\n        }\n        return props.options.filter((option) =>\n            getLabel(option).toLowerCase().includes(query)\n        );\n    });\n\n    const inputPlaceholder = computed(() => props.placeholder ?? t('Search'));\n\n    function getLabel(option: T): string {\n        if (props.optionLabel) {\n            return option[props.optionLabel] as string;\n        }\n        return option as unknown as string;\n    }\n\n    function openDropdown(): void {\n        if (props.isDisabled) {\n            return;\n        }\n        teleportTarget.value = containerRef.value?.closest<HTMLElement>('.octopus-popover') ?? '.octopus-app';\n        isOpen.value = true;\n        nextTick(() => {\n            inputRef.value?.focus();\n        });\n    }\n\n    function closeDropdown(): void {\n        isOpen.value = false;\n        searchQuery.value = '';\n    }\n\n    function toggleDropdown(): void {\n        if (isOpen.value) {\n            closeDropdown();\n        } else {\n            openDropdown();\n        }\n    }\n\n    function handleInput(): void {\n        if (hasSearchListener.value) {\n            emitSearch(searchQuery.value);\n        }\n    }\n\n    onClickOutside(containerRef, closeDropdown, ignore?.length ? { ignore } : undefined);\n\n    return {\n        searchQuery,\n        isOpen,\n        isHovered,\n        containerRef,\n        inputRef,\n        teleportTarget,\n        computedId,\n        hasSearchListener,\n        displayedOptions,\n        inputPlaceholder,\n        getLabel,\n        openDropdown,\n        closeDropdown,\n        toggleDropdown,\n        handleInput,\n    };\n}\n","<template>\n    <div\n        ref=\"containerRef\"\n        class=\"octopus-multiselect\"\n        :class=\"{ 'form-margin': label }\"\n    >\n        <label\n            v-if=\"label\"\n            :for=\"computedId\"\n            class=\"form-label\"\n        >\n            {{ label }}\n        </label>\n\n        <div\n            class=\"octopus-multiselect-field\"\n            :class=\"{ disabled, open: isOpen, noBorder }\"\n            @click=\"openDropdown\"\n            @mouseenter=\"onFieldMouseEnter\"\n            @mouseleave=\"isHovered = false\"\n        >\n            <div\n                v-show=\"hasSelected && !isOpen\"\n                ref=\"selectionRef\"\n                class=\"octopus-multiselect-selection\"\n            >\n                <span class=\"octopus-multiselect-selection-text\">{{ selectionLabels }}</span>\n                <span\n                    v-if=\"overflowCount > 0\"\n                    class=\"octopus-multiselect-selection-count\"\n                >(+{{ overflowCount }})</span>\n            </div>\n            <input\n                v-show=\"!hasSelected || isOpen\"\n                :id=\"computedId\"\n                ref=\"inputRef\"\n                v-model=\"searchQuery\"\n                type=\"text\"\n                class=\"octopus-multiselect-input\"\n                :placeholder=\"inputPlaceholder\"\n                :disabled=\"disabled\"\n                @focus=\"openDropdown\"\n                @input=\"handleInput\"\n                @keydown.enter=\"handleCustomValueEnter\"\n            >\n            <button\n                class=\"btn-transparent octopus-multiselect-chevron\"\n                :disabled=\"disabled\"\n                @click.stop=\"toggleDropdown\"\n            >\n                <ChevronDownIcon />\n            </button>\n        </div>\n\n        <Teleport :to=\"teleportTarget\">\n            <div\n                v-if=\"expandOnHover && isHovered && !isOpen && overflowCount > 0\"\n                class=\"octopus-multiselect-hover-tooltip\"\n                :style=\"dropdownStyle\"\n            >\n                {{ allLabelsText }}\n            </div>\n\n            <div\n                v-if=\"isOpen\"\n                ref=\"dropdownRef\"\n                class=\"octopus-multiselect-dropdown\"\n                :style=\"dropdownStyle\"\n            >\n                <ClassicCheckbox\n                    :text-init=\"allSelected\"\n                    :label=\"selectAllText ?? t('All')\"\n                    :is-disabled=\"disabled\"\n                    @update:text-init=\"toggleAll\"\n                />\n\n                <div class=\"octopus-multiselect-options\">\n                    <ClassicCheckbox\n                        v-for=\"(option, index) in visibleOptions\"\n                        :key=\"index\"\n                        :text-init=\"isSelected(option)\"\n                        :label=\"getLabel(option)\"\n                        :is-disabled=\"disabled\"\n                        @update:text-init=\"toggleOption(option)\"\n                    />\n                    <template v-if=\"allowCustomValue && searchQuery.trim()\">\n                        <hr v-if=\"visibleOptions.length > 0\">\n                        <span class=\"text-indic px-2\">\n                            {{ t('Press Enter to add this value') }}\n                        </span>\n                    </template>\n                    <span v-else-if=\"visibleOptions.length === 0\" class=\"text-indic px-2\">\n                        {{ t('No elements found. Consider changing the search query.') }}\n                    </span>\n                </div>\n            </div>\n        </Teleport>\n    </div>\n</template>\n\n<script setup lang=\"ts\" generic=\"T\">\nimport { type CSSProperties, computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport ChevronDownIcon from 'vue-material-design-icons/ChevronDown.vue';\nimport ClassicCheckbox from './ClassicCheckbox.vue';\nimport { useOctopusDropdown } from '../composable/form/useOctopusDropdown';\n\nconst props = defineProps<{\n    /** Optional label displayed above the field. */\n    label?: string;\n    /** Currently selected items. Bind with `v-model:selected`. */\n    selected?: T[];\n    /** Full list of options to display or filter. */\n    options: T[];\n    /** Key of each option object to use as the ID */\n    optionKey?: keyof T;\n    /** Key of each option object to use as the display label. Omit when `options` is a\n     *  plain `string[]` — each string is used as its own label. Note: omitting this for\n     *  an object array is a runtime mistake (not caught at compile time) and will render\n     *  \"[object Object]\". */\n    optionLabel?: keyof T & string;\n    /** When true, pressing Enter in the search input adds the typed text as a new\n     *  selected value, even if it doesn't match any option. Intended for use when\n     *  options are plain strings (`optionLabel` omitted) — casting arbitrary typed\n     *  text into an object-shaped T would not produce a valid option. */\n    allowCustomValue?: boolean;\n    /** Disables the field and all checkboxes when true. */\n    disabled?: boolean;\n    /** Placeholder shown in the input when no items are selected. Defaults to the translated \"Search\" string. */\n    placeholder?: string;\n    /** Label for the \"select all\" checkbox. Defaults to the translated \"All\" string. */\n    selectAllText?: string;\n    /** Disable the border around the input */\n    noBorder?: boolean;\n    /** When true, hovering the closed field with overflow shows a tooltip listing all selected items. */\n    expandOnHover?: boolean;\n    /** When true, options selected at the moment the dropdown opens are moved to the\n     *  top of the list. This is a snapshot taken at open time — it does not live-reorder\n     *  while the dropdown stays open, only on the next closed→open transition. */\n    pullSelectedToTop?: boolean;\n}>();\n\nconst emit = defineEmits<{\n    /** Emitted when the selection changes. */\n    (e: 'update:selected', value: T[]): void;\n    /** Emitted on every input change. When listened to, the parent is responsible for\n     *  updating `options`; otherwise the component filters `options` client-side. */\n    (e: 'search', query: string): void;\n    /** Emitted when the user enters a custom value */\n    (e: 'add-custom', value: string): void;\n}>();\n\nconst { t } = useI18n();\n\n// Ref on the teleported dropdown div — passed as ignored element to useOctopusDropdown\n// so clicks inside the dropdown don't trigger the click-outside handler.\nconst dropdownRef = ref<HTMLElement | null>(null);\n\nconst {\n    searchQuery,\n    isOpen,\n    isHovered,\n    containerRef,\n    inputRef,\n    teleportTarget,\n    computedId,\n    displayedOptions,\n    inputPlaceholder,\n    getLabel,\n    openDropdown,\n    toggleDropdown,\n    handleInput,\n} = useOctopusDropdown(props, (query) => emit('search', query), 'multiselect', [dropdownRef]);\n\nconst selectionRef = ref<HTMLElement | null>(null);\n\n// Position of the teleported dropdown (position: fixed, anchored below the trigger field)\nconst dropdownStyle = ref<CSSProperties>({});\n\n// Also used to position the hover tooltip: both are teleported and anchored the same way\n// (fixed, directly below the field, same width), and are never shown at the same time.\nfunction updateDropdownPosition(): void {\n    if (!containerRef.value) { return; }\n    const rect = containerRef.value.getBoundingClientRect();\n    dropdownStyle.value = {\n        position: 'fixed',\n        top: `${rect.bottom + 2}px`,\n        left: `${rect.left}px`,\n        width: `${rect.width}px`,\n    };\n}\n\nfunction onFieldMouseEnter(): void {\n    isHovered.value = true;\n    if (props.expandOnHover) {\n        nextTick(updateDropdownPosition);\n    }\n}\n\nconst visibleCount = ref(2);\n\n// Selection snapshot captured the instant the dropdown opens, used only to freeze the\n// sort order when pullSelectedToTop is set — does not react to later `selected` changes\n// while the dropdown stays open.\nconst pinnedSnapshot = ref<T[]>([]);\n\n// Selected values not present in `options` — only populated when allowCustomValue is set,\n// so a custom value typed via handleCustomValueEnter still shows (checked) in the dropdown.\nconst customSelectedOptions = computed<T[]>(() => {\n    if (!props.allowCustomValue) { return []; }\n    return (props.selected ?? []).filter((item) => !isInOptions(item));\n});\n\nconst visibleOptions = computed<T[]>(() => {\n    const query = searchQuery.value.toLowerCase();\n    const filteredCustom = query\n        ? customSelectedOptions.value.filter((option) => getLabel(option).toLowerCase().includes(query))\n        : customSelectedOptions.value;\n    const combined = [...displayedOptions.value, ...filteredCustom];\n    if (!props.pullSelectedToTop) {\n        return combined;\n    }\n    return [...combined.filter(isPinned), ...combined.filter((option) => !isPinned(option))];\n});\n\nconst allSelected = computed(() => {\n    if (visibleOptions.value.length === 0) {\n        return false;\n    }\n    return visibleOptions.value.every((option) => isSelected(option));\n});\n\nconst hasSelected = computed(() => (props.selected?.length ?? 0) > 0);\n\nconst selectionLabels = computed(() =>\n    (props.selected ?? []).slice(0, visibleCount.value).map(getLabel).join(', ')\n);\n\nconst overflowCount = computed(() =>\n    Math.max(0, (props.selected?.length ?? 0) - visibleCount.value)\n);\n\nconst allLabelsText = computed(() =>\n    (props.selected ?? []).map(getLabel).join(', ')\n);\n\nfunction isSelected(option: T): boolean {\n    if (props.optionKey) {\n        return props.selected?.find(s => s[props.optionKey] === option[props.optionKey]) !== undefined;\n    } else {\n        return props.selected?.includes(option) ?? false;\n    }\n}\n\nfunction isInOptions(option: T): boolean {\n    if (props.optionKey) {\n        return props.options.some((opt) => opt[props.optionKey] === option[props.optionKey]);\n    } else {\n        return props.options.includes(option);\n    }\n}\n\nfunction isPinned(option: T): boolean {\n    if (props.optionKey) {\n        return pinnedSnapshot.value.some((s) => s[props.optionKey] === option[props.optionKey]);\n    } else {\n        return pinnedSnapshot.value.includes(option);\n    }\n}\n\nfunction toggleOption(option: T): void {\n    const current = props.selected ?? [];\n    if (isSelected(option)) {\n        const key = props.optionKey;\n        emit('update:selected', key\n            ? current.filter((item) => item[key] !== option[key])\n            : current.filter((item) => item !== option)\n        );\n    } else {\n        emit('update:selected', [...current, option]);\n    }\n}\n\nfunction handleCustomValueEnter(): void {\n    if (!props.allowCustomValue) { return; }\n    const value = searchQuery.value.trim();\n    if (!value) { return; }\n    emit('add-custom', value);\n    searchQuery.value = '';\n}\n\nfunction toggleAll(val: boolean): void {\n    const current = props.selected ?? [];\n    if (val) {\n        const toAdd = visibleOptions.value.filter((option: T) => !isSelected(option));\n        emit('update:selected', [...current, ...toAdd]);\n    } else {\n        const key = props.optionKey;\n        emit('update:selected', current.filter((item: T) => key\n            ? !visibleOptions.value.some((opt) => opt[key] === item[key])\n            : !visibleOptions.value.includes(item)\n        ));\n    }\n}\n\nfunction updateVisibleCount(): void {\n    const container = selectionRef.value;\n    const selected = props.selected ?? [];\n    if (!container || selected.length < 2) {\n        visibleCount.value = selected.length;\n        return;\n    }\n\n    const availableWidth = container.offsetWidth;\n    if (availableWidth === 0) {\n        return;\n    }\n\n    const labels = selected.map(getLabel);\n    const measurer = document.createElement('span');\n    measurer.style.cssText = 'position:absolute;visibility:hidden;white-space:nowrap;pointer-events:none;';\n    container.appendChild(measurer);\n\n    measurer.textContent = labels.join(', ');\n    if (measurer.offsetWidth <= availableWidth) {\n        visibleCount.value = labels.length;\n        container.removeChild(measurer);\n        return;\n    }\n\n    measurer.textContent = `(+${labels.length})`;\n    const badgeWidth = measurer.offsetWidth + 4;\n    const textAvailable = availableWidth - badgeWidth;\n\n    let count = 0;\n    for (let i = 0; i < labels.length; i++) {\n        measurer.textContent = labels.slice(0, i + 1).join(', ');\n        if (measurer.offsetWidth > textAvailable) {\n            break;\n        }\n        count = i + 1;\n    }\n\n    container.removeChild(measurer);\n    visibleCount.value = Math.max(1, count);\n}\n\nlet resizeObserver: ResizeObserver | null = null;\n\nonMounted(() => {\n    if (selectionRef.value) {\n        resizeObserver = new ResizeObserver(updateVisibleCount);\n        resizeObserver.observe(selectionRef.value);\n    }\n    updateVisibleCount();\n    // Keep the teleported dropdown aligned when the page scrolls or the viewport resizes\n    window.addEventListener('scroll', updateDropdownPosition, true);\n    window.addEventListener('resize', updateDropdownPosition);\n});\n\nonUnmounted(() => {\n    resizeObserver?.disconnect();\n    window.removeEventListener('scroll', updateDropdownPosition, true);\n    window.removeEventListener('resize', updateDropdownPosition);\n});\n\nwatch(() => props.selected, updateVisibleCount);\n\nwatch(isOpen, (val) => {\n    if (val) {\n        pinnedSnapshot.value = [...(props.selected ?? [])];\n        nextTick(updateDropdownPosition);\n    } else {\n        nextTick(updateVisibleCount);\n    }\n});\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-multiselect {\n    position: relative;\n\n    .octopus-multiselect-field {\n        display: flex;\n        align-items: center;\n        border: 1px solid var(--octopus-border-default);\n        border-radius: var(--octopus-border-radius);\n        background: white;\n        cursor: pointer;\n\n        &.open {\n            border-color: var(--octopus-primary);\n        }\n\n        &.disabled {\n            background: var(--octopus-secondary-lighter);\n            cursor: default;\n        }\n\n        &.noBorder {\n            border: none;\n        }\n    }\n\n    .octopus-multiselect-selection {\n        display: flex;\n        align-items: center;\n        flex: 1;\n        min-width: 0;\n        padding: 0.4rem 0.5rem;\n        height: 2rem;\n        gap: 0.25rem;\n    }\n\n    .octopus-multiselect-selection-text {\n        flex: 1;\n        min-width: 0;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    .octopus-multiselect-selection-count {\n        flex-shrink: 0;\n        white-space: nowrap;\n        color: var(--octopus-primary);\n    }\n\n    .octopus-multiselect-input {\n        flex: 1;\n        border: none;\n        background: transparent;\n        padding: 0.4rem 0.5rem;\n        padding-right: 0;\n        height: 2rem;\n        outline: none;\n        cursor: inherit;\n        min-width: 0;\n    }\n\n    .octopus-multiselect-chevron {\n        padding: 0.25rem 0.5rem;\n        display: flex;\n        align-items: center;\n    }\n\n}\n\n// Dropdown/tooltip are teleported to body — scoped rules must be top-level so that\n// [data-v-xxxx] is matched directly on the element rather than via a descendant-of-.octopus-multiselect selector.\n.octopus-multiselect-hover-tooltip {\n    z-index: 101;\n    background: white;\n    border: 1px solid var(--octopus-border-default);\n    border-radius: var(--octopus-border-radius);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n    padding: 0.5rem;\n    word-break: break-word;\n    pointer-events: none;\n}\n\n.octopus-multiselect-dropdown {\n    z-index: 100;\n    background: white;\n    border: 1px solid var(--octopus-border-default);\n    border-radius: var(--octopus-border-radius);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n    padding: 0.25rem 0;\n\n    > .octopus-form-item {\n        padding: 0.25rem 0.5rem;\n        border-bottom: 1px solid var(--octopus-secondary);\n    }\n}\n\n.octopus-multiselect-options {\n    max-height: 14rem;\n    overflow-y: auto;\n\n    .octopus-form-item {\n        padding: 0.25rem 0.5rem;\n    }\n}\n\nhr {\n    border-top: 1px solid var(--octopus-secondary);\n    border-bottom: none;\n    margin: 0;\n}\n</style>\n","<template>\n    <div\n        ref=\"containerRef\"\n        class=\"octopus-multiselect\"\n        :class=\"{ 'form-margin': label }\"\n    >\n        <label\n            v-if=\"label\"\n            :for=\"computedId\"\n            class=\"form-label\"\n        >\n            {{ label }}\n        </label>\n\n        <div\n            class=\"octopus-multiselect-field\"\n            :class=\"{ disabled, open: isOpen, noBorder }\"\n            @click=\"openDropdown\"\n            @mouseenter=\"onFieldMouseEnter\"\n            @mouseleave=\"isHovered = false\"\n        >\n            <div\n                v-show=\"hasSelected && !isOpen\"\n                ref=\"selectionRef\"\n                class=\"octopus-multiselect-selection\"\n            >\n                <span class=\"octopus-multiselect-selection-text\">{{ selectionLabels }}</span>\n                <span\n                    v-if=\"overflowCount > 0\"\n                    class=\"octopus-multiselect-selection-count\"\n                >(+{{ overflowCount }})</span>\n            </div>\n            <input\n                v-show=\"!hasSelected || isOpen\"\n                :id=\"computedId\"\n                ref=\"inputRef\"\n                v-model=\"searchQuery\"\n                type=\"text\"\n                class=\"octopus-multiselect-input\"\n                :placeholder=\"inputPlaceholder\"\n                :disabled=\"disabled\"\n                @focus=\"openDropdown\"\n                @input=\"handleInput\"\n                @keydown.enter=\"handleCustomValueEnter\"\n            >\n            <button\n                class=\"btn-transparent octopus-multiselect-chevron\"\n                :disabled=\"disabled\"\n                @click.stop=\"toggleDropdown\"\n            >\n                <ChevronDownIcon />\n            </button>\n        </div>\n\n        <Teleport :to=\"teleportTarget\">\n            <div\n                v-if=\"expandOnHover && isHovered && !isOpen && overflowCount > 0\"\n                class=\"octopus-multiselect-hover-tooltip\"\n                :style=\"dropdownStyle\"\n            >\n                {{ allLabelsText }}\n            </div>\n\n            <div\n                v-if=\"isOpen\"\n                ref=\"dropdownRef\"\n                class=\"octopus-multiselect-dropdown\"\n                :style=\"dropdownStyle\"\n            >\n                <ClassicCheckbox\n                    :text-init=\"allSelected\"\n                    :label=\"selectAllText ?? t('All')\"\n                    :is-disabled=\"disabled\"\n                    @update:text-init=\"toggleAll\"\n                />\n\n                <div class=\"octopus-multiselect-options\">\n                    <ClassicCheckbox\n                        v-for=\"(option, index) in visibleOptions\"\n                        :key=\"index\"\n                        :text-init=\"isSelected(option)\"\n                        :label=\"getLabel(option)\"\n                        :is-disabled=\"disabled\"\n                        @update:text-init=\"toggleOption(option)\"\n                    />\n                    <template v-if=\"allowCustomValue && searchQuery.trim()\">\n                        <hr v-if=\"visibleOptions.length > 0\">\n                        <span class=\"text-indic px-2\">\n                            {{ t('Press Enter to add this value') }}\n                        </span>\n                    </template>\n                    <span v-else-if=\"visibleOptions.length === 0\" class=\"text-indic px-2\">\n                        {{ t('No elements found. Consider changing the search query.') }}\n                    </span>\n                </div>\n            </div>\n        </Teleport>\n    </div>\n</template>\n\n<script setup lang=\"ts\" generic=\"T\">\nimport { type CSSProperties, computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport ChevronDownIcon from 'vue-material-design-icons/ChevronDown.vue';\nimport ClassicCheckbox from './ClassicCheckbox.vue';\nimport { useOctopusDropdown } from '../composable/form/useOctopusDropdown';\n\nconst props = defineProps<{\n    /** Optional label displayed above the field. */\n    label?: string;\n    /** Currently selected items. Bind with `v-model:selected`. */\n    selected?: T[];\n    /** Full list of options to display or filter. */\n    options: T[];\n    /** Key of each option object to use as the ID */\n    optionKey?: keyof T;\n    /** Key of each option object to use as the display label. Omit when `options` is a\n     *  plain `string[]` — each string is used as its own label. Note: omitting this for\n     *  an object array is a runtime mistake (not caught at compile time) and will render\n     *  \"[object Object]\". */\n    optionLabel?: keyof T & string;\n    /** When true, pressing Enter in the search input adds the typed text as a new\n     *  selected value, even if it doesn't match any option. Intended for use when\n     *  options are plain strings (`optionLabel` omitted) — casting arbitrary typed\n     *  text into an object-shaped T would not produce a valid option. */\n    allowCustomValue?: boolean;\n    /** Disables the field and all checkboxes when true. */\n    disabled?: boolean;\n    /** Placeholder shown in the input when no items are selected. Defaults to the translated \"Search\" string. */\n    placeholder?: string;\n    /** Label for the \"select all\" checkbox. Defaults to the translated \"All\" string. */\n    selectAllText?: string;\n    /** Disable the border around the input */\n    noBorder?: boolean;\n    /** When true, hovering the closed field with overflow shows a tooltip listing all selected items. */\n    expandOnHover?: boolean;\n    /** When true, options selected at the moment the dropdown opens are moved to the\n     *  top of the list. This is a snapshot taken at open time — it does not live-reorder\n     *  while the dropdown stays open, only on the next closed→open transition. */\n    pullSelectedToTop?: boolean;\n}>();\n\nconst emit = defineEmits<{\n    /** Emitted when the selection changes. */\n    (e: 'update:selected', value: T[]): void;\n    /** Emitted on every input change. When listened to, the parent is responsible for\n     *  updating `options`; otherwise the component filters `options` client-side. */\n    (e: 'search', query: string): void;\n    /** Emitted when the user enters a custom value */\n    (e: 'add-custom', value: string): void;\n}>();\n\nconst { t } = useI18n();\n\n// Ref on the teleported dropdown div — passed as ignored element to useOctopusDropdown\n// so clicks inside the dropdown don't trigger the click-outside handler.\nconst dropdownRef = ref<HTMLElement | null>(null);\n\nconst {\n    searchQuery,\n    isOpen,\n    isHovered,\n    containerRef,\n    inputRef,\n    teleportTarget,\n    computedId,\n    displayedOptions,\n    inputPlaceholder,\n    getLabel,\n    openDropdown,\n    toggleDropdown,\n    handleInput,\n} = useOctopusDropdown(props, (query) => emit('search', query), 'multiselect', [dropdownRef]);\n\nconst selectionRef = ref<HTMLElement | null>(null);\n\n// Position of the teleported dropdown (position: fixed, anchored below the trigger field)\nconst dropdownStyle = ref<CSSProperties>({});\n\n// Also used to position the hover tooltip: both are teleported and anchored the same way\n// (fixed, directly below the field, same width), and are never shown at the same time.\nfunction updateDropdownPosition(): void {\n    if (!containerRef.value) { return; }\n    const rect = containerRef.value.getBoundingClientRect();\n    dropdownStyle.value = {\n        position: 'fixed',\n        top: `${rect.bottom + 2}px`,\n        left: `${rect.left}px`,\n        width: `${rect.width}px`,\n    };\n}\n\nfunction onFieldMouseEnter(): void {\n    isHovered.value = true;\n    if (props.expandOnHover) {\n        nextTick(updateDropdownPosition);\n    }\n}\n\nconst visibleCount = ref(2);\n\n// Selection snapshot captured the instant the dropdown opens, used only to freeze the\n// sort order when pullSelectedToTop is set — does not react to later `selected` changes\n// while the dropdown stays open.\nconst pinnedSnapshot = ref<T[]>([]);\n\n// Selected values not present in `options` — only populated when allowCustomValue is set,\n// so a custom value typed via handleCustomValueEnter still shows (checked) in the dropdown.\nconst customSelectedOptions = computed<T[]>(() => {\n    if (!props.allowCustomValue) { return []; }\n    return (props.selected ?? []).filter((item) => !isInOptions(item));\n});\n\nconst visibleOptions = computed<T[]>(() => {\n    const query = searchQuery.value.toLowerCase();\n    const filteredCustom = query\n        ? customSelectedOptions.value.filter((option) => getLabel(option).toLowerCase().includes(query))\n        : customSelectedOptions.value;\n    const combined = [...displayedOptions.value, ...filteredCustom];\n    if (!props.pullSelectedToTop) {\n        return combined;\n    }\n    return [...combined.filter(isPinned), ...combined.filter((option) => !isPinned(option))];\n});\n\nconst allSelected = computed(() => {\n    if (visibleOptions.value.length === 0) {\n        return false;\n    }\n    return visibleOptions.value.every((option) => isSelected(option));\n});\n\nconst hasSelected = computed(() => (props.selected?.length ?? 0) > 0);\n\nconst selectionLabels = computed(() =>\n    (props.selected ?? []).slice(0, visibleCount.value).map(getLabel).join(', ')\n);\n\nconst overflowCount = computed(() =>\n    Math.max(0, (props.selected?.length ?? 0) - visibleCount.value)\n);\n\nconst allLabelsText = computed(() =>\n    (props.selected ?? []).map(getLabel).join(', ')\n);\n\nfunction isSelected(option: T): boolean {\n    if (props.optionKey) {\n        return props.selected?.find(s => s[props.optionKey] === option[props.optionKey]) !== undefined;\n    } else {\n        return props.selected?.includes(option) ?? false;\n    }\n}\n\nfunction isInOptions(option: T): boolean {\n    if (props.optionKey) {\n        return props.options.some((opt) => opt[props.optionKey] === option[props.optionKey]);\n    } else {\n        return props.options.includes(option);\n    }\n}\n\nfunction isPinned(option: T): boolean {\n    if (props.optionKey) {\n        return pinnedSnapshot.value.some((s) => s[props.optionKey] === option[props.optionKey]);\n    } else {\n        return pinnedSnapshot.value.includes(option);\n    }\n}\n\nfunction toggleOption(option: T): void {\n    const current = props.selected ?? [];\n    if (isSelected(option)) {\n        const key = props.optionKey;\n        emit('update:selected', key\n            ? current.filter((item) => item[key] !== option[key])\n            : current.filter((item) => item !== option)\n        );\n    } else {\n        emit('update:selected', [...current, option]);\n    }\n}\n\nfunction handleCustomValueEnter(): void {\n    if (!props.allowCustomValue) { return; }\n    const value = searchQuery.value.trim();\n    if (!value) { return; }\n    emit('add-custom', value);\n    searchQuery.value = '';\n}\n\nfunction toggleAll(val: boolean): void {\n    const current = props.selected ?? [];\n    if (val) {\n        const toAdd = visibleOptions.value.filter((option: T) => !isSelected(option));\n        emit('update:selected', [...current, ...toAdd]);\n    } else {\n        const key = props.optionKey;\n        emit('update:selected', current.filter((item: T) => key\n            ? !visibleOptions.value.some((opt) => opt[key] === item[key])\n            : !visibleOptions.value.includes(item)\n        ));\n    }\n}\n\nfunction updateVisibleCount(): void {\n    const container = selectionRef.value;\n    const selected = props.selected ?? [];\n    if (!container || selected.length < 2) {\n        visibleCount.value = selected.length;\n        return;\n    }\n\n    const availableWidth = container.offsetWidth;\n    if (availableWidth === 0) {\n        return;\n    }\n\n    const labels = selected.map(getLabel);\n    const measurer = document.createElement('span');\n    measurer.style.cssText = 'position:absolute;visibility:hidden;white-space:nowrap;pointer-events:none;';\n    container.appendChild(measurer);\n\n    measurer.textContent = labels.join(', ');\n    if (measurer.offsetWidth <= availableWidth) {\n        visibleCount.value = labels.length;\n        container.removeChild(measurer);\n        return;\n    }\n\n    measurer.textContent = `(+${labels.length})`;\n    const badgeWidth = measurer.offsetWidth + 4;\n    const textAvailable = availableWidth - badgeWidth;\n\n    let count = 0;\n    for (let i = 0; i < labels.length; i++) {\n        measurer.textContent = labels.slice(0, i + 1).join(', ');\n        if (measurer.offsetWidth > textAvailable) {\n            break;\n        }\n        count = i + 1;\n    }\n\n    container.removeChild(measurer);\n    visibleCount.value = Math.max(1, count);\n}\n\nlet resizeObserver: ResizeObserver | null = null;\n\nonMounted(() => {\n    if (selectionRef.value) {\n        resizeObserver = new ResizeObserver(updateVisibleCount);\n        resizeObserver.observe(selectionRef.value);\n    }\n    updateVisibleCount();\n    // Keep the teleported dropdown aligned when the page scrolls or the viewport resizes\n    window.addEventListener('scroll', updateDropdownPosition, true);\n    window.addEventListener('resize', updateDropdownPosition);\n});\n\nonUnmounted(() => {\n    resizeObserver?.disconnect();\n    window.removeEventListener('scroll', updateDropdownPosition, true);\n    window.removeEventListener('resize', updateDropdownPosition);\n});\n\nwatch(() => props.selected, updateVisibleCount);\n\nwatch(isOpen, (val) => {\n    if (val) {\n        pinnedSnapshot.value = [...(props.selected ?? [])];\n        nextTick(updateDropdownPosition);\n    } else {\n        nextTick(updateVisibleCount);\n    }\n});\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-multiselect {\n    position: relative;\n\n    .octopus-multiselect-field {\n        display: flex;\n        align-items: center;\n        border: 1px solid var(--octopus-border-default);\n        border-radius: var(--octopus-border-radius);\n        background: white;\n        cursor: pointer;\n\n        &.open {\n            border-color: var(--octopus-primary);\n        }\n\n        &.disabled {\n            background: var(--octopus-secondary-lighter);\n            cursor: default;\n        }\n\n        &.noBorder {\n            border: none;\n        }\n    }\n\n    .octopus-multiselect-selection {\n        display: flex;\n        align-items: center;\n        flex: 1;\n        min-width: 0;\n        padding: 0.4rem 0.5rem;\n        height: 2rem;\n        gap: 0.25rem;\n    }\n\n    .octopus-multiselect-selection-text {\n        flex: 1;\n        min-width: 0;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    .octopus-multiselect-selection-count {\n        flex-shrink: 0;\n        white-space: nowrap;\n        color: var(--octopus-primary);\n    }\n\n    .octopus-multiselect-input {\n        flex: 1;\n        border: none;\n        background: transparent;\n        padding: 0.4rem 0.5rem;\n        padding-right: 0;\n        height: 2rem;\n        outline: none;\n        cursor: inherit;\n        min-width: 0;\n    }\n\n    .octopus-multiselect-chevron {\n        padding: 0.25rem 0.5rem;\n        display: flex;\n        align-items: center;\n    }\n\n}\n\n// Dropdown/tooltip are teleported to body — scoped rules must be top-level so that\n// [data-v-xxxx] is matched directly on the element rather than via a descendant-of-.octopus-multiselect selector.\n.octopus-multiselect-hover-tooltip {\n    z-index: 101;\n    background: white;\n    border: 1px solid var(--octopus-border-default);\n    border-radius: var(--octopus-border-radius);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n    padding: 0.5rem;\n    word-break: break-word;\n    pointer-events: none;\n}\n\n.octopus-multiselect-dropdown {\n    z-index: 100;\n    background: white;\n    border: 1px solid var(--octopus-border-default);\n    border-radius: var(--octopus-border-radius);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n    padding: 0.25rem 0;\n\n    > .octopus-form-item {\n        padding: 0.25rem 0.5rem;\n        border-bottom: 1px solid var(--octopus-secondary);\n    }\n}\n\n.octopus-multiselect-options {\n    max-height: 14rem;\n    overflow-y: auto;\n\n    .octopus-form-item {\n        padding: 0.25rem 0.5rem;\n    }\n}\n\nhr {\n    border-top: 1px solid var(--octopus-secondary);\n    border-bottom: none;\n    margin: 0;\n}\n</style>\n"],"mappings":"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"}

package/dist/{OctopusMultiselect-C8qljiaH.mjs → OctopusMultiselect-noQPQMZQ.mjs}

@@ -74,7 +74,11 @@ var re = ["for"], ie = { class: "octopus-multiselect-selection-text" }, ae = {
 		expandOnHover: { type: Boolean },
 		pullSelectedToTop: { type: Boolean }
 	},
-	emits: ["update:selected", "search"],
+	emits: [
+		"update:selected",
+		"search",
+		"add-custom"
+	],
 	setup(t, { emit: u }) {
 		let d = t, O = u, { t: A } = D(), j = y(null), { searchQuery: M, isOpen: N, isHovered: P, containerRef: F, inputRef: fe, teleportTarget: pe, computedId: I, displayedOptions: me, inputPlaceholder: he, getLabel: L, openDropdown: R, toggleDropdown: z, handleInput: B } = k(d, (e) => O("search", e), "multiselect", [j]), V = y(null), H = y({});
 		function U() {
@@ -113,9 +117,7 @@ var re = ["for"], ie = { class: "octopus-multiselect-selection-text" }, ae = {
 		function Se() {
 			if (!d.allowCustomValue) return;
 			let e = M.value.trim();
-			if (!e) return;
-			let t = e;
-			X(t) || O("update:selected", [...d.selected ?? [], t]), M.value = "";
+			e && (O("add-custom", e), M.value = "");
 		}
 		function Ce(e) {
 			let t = d.selected ?? [];
@@ -229,6 +231,6 @@ var re = ["for"], ie = { class: "octopus-multiselect-selection-text" }, ae = {
 			]))), 128)), t.allowCustomValue && S(M).trim() ? (v(), s(n, { key: 0 }, [q.value.length > 0 ? (v(), s("hr", le)) : o("", !0), c("span", ue, x(S(A)("Press Enter to add this value")), 1)], 64)) : q.value.length === 0 ? (v(), s("span", de, x(S(A)("No elements found. Consider changing the search query.")), 1)) : o("", !0)])], 4)) : o("", !0)], 8, ["to"]))
 		], 2));
 	}
-}), [["__scopeId", "data-v-9fb1fd0d"]]);
+}), [["__scopeId", "data-v-04ff1a0e"]]);
 //#endregion
 export { k as n, A as t };

package/dist/OrganisationChooser-BKfXLT4G.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganisationChooser-BKfXLT4G.mjs","names":["classicApi","_resolveDirective","_openBlock","_createBlock","_createSlots","_withCtx","_createElementVNode","_withDirectives","_toDisplayString","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/organisation/OrganisationChooser.vue","../src/components/display/organisation/OrganisationChooser.vue"],"sourcesContent":["<template>\n  <ClassicMultiselect\n    v-if=\"!orgaIdSelected || initLoaded\"\n    id=\"organisation-chooser\"\n    ref=\"selectOrganisation\"\n    option-label=\"name\"\n    :label=\"label ??t('select productor')\"\n    :display-label=\"displayLabel\"\n    :max-element=\"maxElement\"\n    :width=\"width\"\n    :in-modal=\"inModal\"\n    :option-chosen=\"organisationChosen\"\n    option-custom-templating=\"optionTemplating\"\n    option-selected-custom-templating=\"optionTemplating\"\n    :no-deselect=\"noDeselect\"\n    @on-search=\"onSearchOrganisation\"\n    @selected=\"emit('selected', $event)\"\n  >\n    <template v-if=\"isImage\" #optionTemplating=\"{ option }\">\n      <div\n        class=\"d-flex align-items-center\"\n        :data-selenium=\"'organisation-chooser-' + seleniumFormat(option.name)\"\n      >\n        <img\n          v-lazy=\"useProxyImageUrl(option.imageUrl, '32')\"\n          width=\"32\"\n          height=\"32\"\n          class=\"me-2\"\n          aria-hidden=\"true\"\n        alt=\"\"\n          \n          :title=\"t('Organisation name image', { name: option.name })\"\n        />\n        <span>\n          {{ option.name }}\n        </span>\n      </div>\n    </template>\n  </ClassicMultiselect>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport {useSelenium} from \"../../composable/useSelenium\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicMultiselect from \"../../form/ClassicMultiselect.vue\";\nimport { computed, onBeforeMount, ref, Ref, useTemplateRef, watch } from \"vue\";\nimport {\n  emptyOrgaData,\n  Organisation,\n} from \"../../../stores/class/general/organisation\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  defaultanswer: { default: \"\", type: String },\n  orgaIdSelected: { default: undefined, type: String },\n  reset: { default: false, type: Boolean },\n  width: { default: \"100%\", type: String },\n  isImage: { default: true, type: Boolean },\n  inModal: { default: false, type: Boolean },\n  noDeselect: { default: true, type: Boolean },\n  label:{default: undefined, type: String },\n  displayLabel: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"selected\"]);\n  \n//Data \nconst maxElement = ref(50);\nconst organisationChosen: Ref<Organisation | undefined> = ref(undefined);\nconst initLoaded = ref(false);\nconst selectOrganisationRef = useTemplateRef('selectOrganisation');\n\n//Composables\nconst { t } = useI18n();\nconst { seleniumFormat } = useSelenium();\nconst { useProxyImageUrl } = useImageProxy();\nconst authStore = useAuthStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst getDefaultOrganisation = computed(() => {\n  if (\"\" === props.defaultanswer) {\n    return undefined;\n  }\n  return emptyOrgaData(props.defaultanswer);\n});\nconst myOrganisation = computed(() => {\n  if (!authStore.authOrgaId) return undefined;\n  return {\n    ...authStore.authOrganisation,\n    ...{\n      name: `${t(\"Edit my organisation\")} (${\n        authStore.authOrganisation.name\n      })`,\n    },\n  };\n});\n\n\n//Watch\nwatch(()=>props.orgaIdSelected, () => {\n  if (!props.orgaIdSelected) {\n    organisationChosen.value = getDefaultOrganisation.value;\n    return;\n  }\n  if (\n    props.orgaIdSelected &&\n    organisationChosen.value?.id !== props.orgaIdSelected\n  ) {\n    fetchOrganisation();\n  }\n}, {immediate: true});\nwatch(()=>props.reset, () => {\n  organisationChosen.value = getDefaultOrganisation.value;\n});\n\nonBeforeMount(()=>organisationChosen.value = getDefaultOrganisation.value)\n\n\n//Methods\nasync function onSearchOrganisation(query?: string): Promise<void> {\n  const response = await classicApi.fetchData<\n    ListClassicReturn<Organisation>\n  >({\n    api: 0,\n    path: \"organisation/search\",\n    parameters: {\n      query: query,\n      first: 0,\n      size: maxElement.value,\n    },\n  });\n  let notNullOrga = response.result.filter((o: Organisation | null) => {\n    return null !== o;\n  });\n  if (getDefaultOrganisation.value) {\n    notNullOrga.unshift(getDefaultOrganisation.value);\n  }\n  if (myOrganisation.value) {\n    if (undefined === query) {\n      notNullOrga = notNullOrga.filter((obj: Organisation) => {\n        return obj.id !== authStore.authOrgaId;\n      });\n      notNullOrga.splice(1, 0, myOrganisation.value);\n    } else {\n      const foundIndex = notNullOrga.findIndex(\n        (obj: Organisation) => obj.id === authStore.authOrgaId,\n      );\n      if (foundIndex) {\n        notNullOrga[foundIndex] = myOrganisation.value;\n      }\n    }\n  }\n  (selectOrganisationRef?.value as InstanceType<typeof ClassicMultiselect>).afterSearch(notNullOrga, response.count);\n}\nasync function fetchOrganisation(): Promise<void> {\n  organisationChosen.value = await saveFetchStore.getOrgaData(\n    props.orgaIdSelected ?? \"\",\n  );\n  initLoaded.value = true;\n}\n</script>\n","<template>\n  <ClassicMultiselect\n    v-if=\"!orgaIdSelected || initLoaded\"\n    id=\"organisation-chooser\"\n    ref=\"selectOrganisation\"\n    option-label=\"name\"\n    :label=\"label ??t('select productor')\"\n    :display-label=\"displayLabel\"\n    :max-element=\"maxElement\"\n    :width=\"width\"\n    :in-modal=\"inModal\"\n    :option-chosen=\"organisationChosen\"\n    option-custom-templating=\"optionTemplating\"\n    option-selected-custom-templating=\"optionTemplating\"\n    :no-deselect=\"noDeselect\"\n    @on-search=\"onSearchOrganisation\"\n    @selected=\"emit('selected', $event)\"\n  >\n    <template v-if=\"isImage\" #optionTemplating=\"{ option }\">\n      <div\n        class=\"d-flex align-items-center\"\n        :data-selenium=\"'organisation-chooser-' + seleniumFormat(option.name)\"\n      >\n        <img\n          v-lazy=\"useProxyImageUrl(option.imageUrl, '32')\"\n          width=\"32\"\n          height=\"32\"\n          class=\"me-2\"\n          aria-hidden=\"true\"\n        alt=\"\"\n          \n          :title=\"t('Organisation name image', { name: option.name })\"\n        />\n        <span>\n          {{ option.name }}\n        </span>\n      </div>\n    </template>\n  </ClassicMultiselect>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport {useSelenium} from \"../../composable/useSelenium\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicMultiselect from \"../../form/ClassicMultiselect.vue\";\nimport { computed, onBeforeMount, ref, Ref, useTemplateRef, watch } from \"vue\";\nimport {\n  emptyOrgaData,\n  Organisation,\n} from \"../../../stores/class/general/organisation\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  defaultanswer: { default: \"\", type: String },\n  orgaIdSelected: { default: undefined, type: String },\n  reset: { default: false, type: Boolean },\n  width: { default: \"100%\", type: String },\n  isImage: { default: true, type: Boolean },\n  inModal: { default: false, type: Boolean },\n  noDeselect: { default: true, type: Boolean },\n  label:{default: undefined, type: String },\n  displayLabel: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"selected\"]);\n  \n//Data \nconst maxElement = ref(50);\nconst organisationChosen: Ref<Organisation | undefined> = ref(undefined);\nconst initLoaded = ref(false);\nconst selectOrganisationRef = useTemplateRef('selectOrganisation');\n\n//Composables\nconst { t } = useI18n();\nconst { seleniumFormat } = useSelenium();\nconst { useProxyImageUrl } = useImageProxy();\nconst authStore = useAuthStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst getDefaultOrganisation = computed(() => {\n  if (\"\" === props.defaultanswer) {\n    return undefined;\n  }\n  return emptyOrgaData(props.defaultanswer);\n});\nconst myOrganisation = computed(() => {\n  if (!authStore.authOrgaId) return undefined;\n  return {\n    ...authStore.authOrganisation,\n    ...{\n      name: `${t(\"Edit my organisation\")} (${\n        authStore.authOrganisation.name\n      })`,\n    },\n  };\n});\n\n\n//Watch\nwatch(()=>props.orgaIdSelected, () => {\n  if (!props.orgaIdSelected) {\n    organisationChosen.value = getDefaultOrganisation.value;\n    return;\n  }\n  if (\n    props.orgaIdSelected &&\n    organisationChosen.value?.id !== props.orgaIdSelected\n  ) {\n    fetchOrganisation();\n  }\n}, {immediate: true});\nwatch(()=>props.reset, () => {\n  organisationChosen.value = getDefaultOrganisation.value;\n});\n\nonBeforeMount(()=>organisationChosen.value = getDefaultOrganisation.value)\n\n\n//Methods\nasync function onSearchOrganisation(query?: string): Promise<void> {\n  const response = await classicApi.fetchData<\n    ListClassicReturn<Organisation>\n  >({\n    api: 0,\n    path: \"organisation/search\",\n    parameters: {\n      query: query,\n      first: 0,\n      size: maxElement.value,\n    },\n  });\n  let notNullOrga = response.result.filter((o: Organisation | null) => {\n    return null !== o;\n  });\n  if (getDefaultOrganisation.value) {\n    notNullOrga.unshift(getDefaultOrganisation.value);\n  }\n  if (myOrganisation.value) {\n    if (undefined === query) {\n      notNullOrga = notNullOrga.filter((obj: Organisation) => {\n        return obj.id !== authStore.authOrgaId;\n      });\n      notNullOrga.splice(1, 0, myOrganisation.value);\n    } else {\n      const foundIndex = notNullOrga.findIndex(\n        (obj: Organisation) => obj.id === authStore.authOrgaId,\n      );\n      if (foundIndex) {\n        notNullOrga[foundIndex] = myOrganisation.value;\n      }\n    }\n  }\n  (selectOrganisationRef?.value as InstanceType<typeof ClassicMultiselect>).afterSearch(notNullOrga, response.count);\n}\nasync function fetchOrganisation(): Promise<void> {\n  organisationChosen.value = await saveFetchStore.getOrgaData(\n    props.orgaIdSelected ?? \"\",\n  );\n  initLoaded.value = true;\n}\n</script>\n"],"mappings":"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"}

package/dist/{OrganisationChooser-Dx-OT7MW.mjs → OrganisationChooser-C48cWqbY.mjs}

@@ -1,8 +1,8 @@
-import { T as e, i as t, t as n } from "./classicApi-pmODlqv5.mjs";
+import { E as e, i as t, t as n } from "./classicApi-CGipMqf7.mjs";
 import { t as r } from "./useSelenium-DAM6EF3J.mjs";
-import { t as i } from "./useImageProxy-8ndy_oTo.mjs";
+import { t as i } from "./useImageProxy-CCpDzPmQ.mjs";
 import { t as a } from "./organisation-JgfYj1Jp.mjs";
-import { t as o } from "./ClassicMultiselect-CDHdJjjV.mjs";
+import { t as o } from "./ClassicMultiselect-C0yzVQ8Y.mjs";
 import { computed as s, createBlock as c, createCommentVNode as l, createElementVNode as u, createSlots as d, defineComponent as f, onBeforeMount as p, openBlock as m, ref as h, resolveDirective as g, toDisplayString as _, unref as v, useTemplateRef as y, watch as b, withCtx as x, withDirectives as S } from "vue";
 import { useI18n as C } from "vue-i18n";
 //#region src/components/display/organisation/OrganisationChooser.vue?vue&type=script&setup=true&lang.ts

package/dist/OrganisationChooser-PpO7MD7f.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganisationChooser-PpO7MD7f.mjs","names":["classicApi","_resolveDirective","_openBlock","_createBlock","_createSlots","_withCtx","_createElementVNode","_withDirectives","_toDisplayString","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/organisation/OrganisationChooser.vue","../src/components/display/organisation/OrganisationChooser.vue"],"sourcesContent":["<template>\n  <ClassicMultiselect\n    v-if=\"!orgaIdSelected || initLoaded\"\n    id=\"organisation-chooser\"\n    ref=\"selectOrganisation\"\n    option-label=\"name\"\n    :label=\"label ??t('select productor')\"\n    :display-label=\"displayLabel\"\n    :max-element=\"maxElement\"\n    :width=\"width\"\n    :in-modal=\"inModal\"\n    :option-chosen=\"organisationChosen\"\n    option-custom-templating=\"optionTemplating\"\n    option-selected-custom-templating=\"optionTemplating\"\n    :no-deselect=\"noDeselect\"\n    @on-search=\"onSearchOrganisation\"\n    @selected=\"emit('selected', $event)\"\n  >\n    <template v-if=\"isImage\" #optionTemplating=\"{ option }\">\n      <div\n        class=\"d-flex align-items-center\"\n        :data-selenium=\"'organisation-chooser-' + seleniumFormat(option.name)\"\n      >\n        <img\n          v-lazy=\"useProxyImageUrl(option.imageUrl, '32')\"\n          width=\"32\"\n          height=\"32\"\n          class=\"me-2\"\n          aria-hidden=\"true\"\n        alt=\"\"\n          \n          :title=\"t('Organisation name image', { name: option.name })\"\n        />\n        <span>\n          {{ option.name }}\n        </span>\n      </div>\n    </template>\n  </ClassicMultiselect>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport {useSelenium} from \"../../composable/useSelenium\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicMultiselect from \"../../form/ClassicMultiselect.vue\";\nimport { computed, onBeforeMount, ref, Ref, useTemplateRef, watch } from \"vue\";\nimport {\n  emptyOrgaData,\n  Organisation,\n} from \"../../../stores/class/general/organisation\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  defaultanswer: { default: \"\", type: String },\n  orgaIdSelected: { default: undefined, type: String },\n  reset: { default: false, type: Boolean },\n  width: { default: \"100%\", type: String },\n  isImage: { default: true, type: Boolean },\n  inModal: { default: false, type: Boolean },\n  noDeselect: { default: true, type: Boolean },\n  label:{default: undefined, type: String },\n  displayLabel: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"selected\"]);\n  \n//Data \nconst maxElement = ref(50);\nconst organisationChosen: Ref<Organisation | undefined> = ref(undefined);\nconst initLoaded = ref(false);\nconst selectOrganisationRef = useTemplateRef('selectOrganisation');\n\n//Composables\nconst { t } = useI18n();\nconst { seleniumFormat } = useSelenium();\nconst { useProxyImageUrl } = useImageProxy();\nconst authStore = useAuthStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst getDefaultOrganisation = computed(() => {\n  if (\"\" === props.defaultanswer) {\n    return undefined;\n  }\n  return emptyOrgaData(props.defaultanswer);\n});\nconst myOrganisation = computed(() => {\n  if (!authStore.authOrgaId) return undefined;\n  return {\n    ...authStore.authOrganisation,\n    ...{\n      name: `${t(\"Edit my organisation\")} (${\n        authStore.authOrganisation.name\n      })`,\n    },\n  };\n});\n\n\n//Watch\nwatch(()=>props.orgaIdSelected, () => {\n  if (!props.orgaIdSelected) {\n    organisationChosen.value = getDefaultOrganisation.value;\n    return;\n  }\n  if (\n    props.orgaIdSelected &&\n    organisationChosen.value?.id !== props.orgaIdSelected\n  ) {\n    fetchOrganisation();\n  }\n}, {immediate: true});\nwatch(()=>props.reset, () => {\n  organisationChosen.value = getDefaultOrganisation.value;\n});\n\nonBeforeMount(()=>organisationChosen.value = getDefaultOrganisation.value)\n\n\n//Methods\nasync function onSearchOrganisation(query?: string): Promise<void> {\n  const response = await classicApi.fetchData<\n    ListClassicReturn<Organisation>\n  >({\n    api: 0,\n    path: \"organisation/search\",\n    parameters: {\n      query: query,\n      first: 0,\n      size: maxElement.value,\n    },\n  });\n  let notNullOrga = response.result.filter((o: Organisation | null) => {\n    return null !== o;\n  });\n  if (getDefaultOrganisation.value) {\n    notNullOrga.unshift(getDefaultOrganisation.value);\n  }\n  if (myOrganisation.value) {\n    if (undefined === query) {\n      notNullOrga = notNullOrga.filter((obj: Organisation) => {\n        return obj.id !== authStore.authOrgaId;\n      });\n      notNullOrga.splice(1, 0, myOrganisation.value);\n    } else {\n      const foundIndex = notNullOrga.findIndex(\n        (obj: Organisation) => obj.id === authStore.authOrgaId,\n      );\n      if (foundIndex) {\n        notNullOrga[foundIndex] = myOrganisation.value;\n      }\n    }\n  }\n  (selectOrganisationRef?.value as InstanceType<typeof ClassicMultiselect>).afterSearch(notNullOrga, response.count);\n}\nasync function fetchOrganisation(): Promise<void> {\n  organisationChosen.value = await saveFetchStore.getOrgaData(\n    props.orgaIdSelected ?? \"\",\n  );\n  initLoaded.value = true;\n}\n</script>\n","<template>\n  <ClassicMultiselect\n    v-if=\"!orgaIdSelected || initLoaded\"\n    id=\"organisation-chooser\"\n    ref=\"selectOrganisation\"\n    option-label=\"name\"\n    :label=\"label ??t('select productor')\"\n    :display-label=\"displayLabel\"\n    :max-element=\"maxElement\"\n    :width=\"width\"\n    :in-modal=\"inModal\"\n    :option-chosen=\"organisationChosen\"\n    option-custom-templating=\"optionTemplating\"\n    option-selected-custom-templating=\"optionTemplating\"\n    :no-deselect=\"noDeselect\"\n    @on-search=\"onSearchOrganisation\"\n    @selected=\"emit('selected', $event)\"\n  >\n    <template v-if=\"isImage\" #optionTemplating=\"{ option }\">\n      <div\n        class=\"d-flex align-items-center\"\n        :data-selenium=\"'organisation-chooser-' + seleniumFormat(option.name)\"\n      >\n        <img\n          v-lazy=\"useProxyImageUrl(option.imageUrl, '32')\"\n          width=\"32\"\n          height=\"32\"\n          class=\"me-2\"\n          aria-hidden=\"true\"\n        alt=\"\"\n          \n          :title=\"t('Organisation name image', { name: option.name })\"\n        />\n        <span>\n          {{ option.name }}\n        </span>\n      </div>\n    </template>\n  </ClassicMultiselect>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport {useSelenium} from \"../../composable/useSelenium\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicMultiselect from \"../../form/ClassicMultiselect.vue\";\nimport { computed, onBeforeMount, ref, Ref, useTemplateRef, watch } from \"vue\";\nimport {\n  emptyOrgaData,\n  Organisation,\n} from \"../../../stores/class/general/organisation\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  defaultanswer: { default: \"\", type: String },\n  orgaIdSelected: { default: undefined, type: String },\n  reset: { default: false, type: Boolean },\n  width: { default: \"100%\", type: String },\n  isImage: { default: true, type: Boolean },\n  inModal: { default: false, type: Boolean },\n  noDeselect: { default: true, type: Boolean },\n  label:{default: undefined, type: String },\n  displayLabel: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"selected\"]);\n  \n//Data \nconst maxElement = ref(50);\nconst organisationChosen: Ref<Organisation | undefined> = ref(undefined);\nconst initLoaded = ref(false);\nconst selectOrganisationRef = useTemplateRef('selectOrganisation');\n\n//Composables\nconst { t } = useI18n();\nconst { seleniumFormat } = useSelenium();\nconst { useProxyImageUrl } = useImageProxy();\nconst authStore = useAuthStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst getDefaultOrganisation = computed(() => {\n  if (\"\" === props.defaultanswer) {\n    return undefined;\n  }\n  return emptyOrgaData(props.defaultanswer);\n});\nconst myOrganisation = computed(() => {\n  if (!authStore.authOrgaId) return undefined;\n  return {\n    ...authStore.authOrganisation,\n    ...{\n      name: `${t(\"Edit my organisation\")} (${\n        authStore.authOrganisation.name\n      })`,\n    },\n  };\n});\n\n\n//Watch\nwatch(()=>props.orgaIdSelected, () => {\n  if (!props.orgaIdSelected) {\n    organisationChosen.value = getDefaultOrganisation.value;\n    return;\n  }\n  if (\n    props.orgaIdSelected &&\n    organisationChosen.value?.id !== props.orgaIdSelected\n  ) {\n    fetchOrganisation();\n  }\n}, {immediate: true});\nwatch(()=>props.reset, () => {\n  organisationChosen.value = getDefaultOrganisation.value;\n});\n\nonBeforeMount(()=>organisationChosen.value = getDefaultOrganisation.value)\n\n\n//Methods\nasync function onSearchOrganisation(query?: string): Promise<void> {\n  const response = await classicApi.fetchData<\n    ListClassicReturn<Organisation>\n  >({\n    api: 0,\n    path: \"organisation/search\",\n    parameters: {\n      query: query,\n      first: 0,\n      size: maxElement.value,\n    },\n  });\n  let notNullOrga = response.result.filter((o: Organisation | null) => {\n    return null !== o;\n  });\n  if (getDefaultOrganisation.value) {\n    notNullOrga.unshift(getDefaultOrganisation.value);\n  }\n  if (myOrganisation.value) {\n    if (undefined === query) {\n      notNullOrga = notNullOrga.filter((obj: Organisation) => {\n        return obj.id !== authStore.authOrgaId;\n      });\n      notNullOrga.splice(1, 0, myOrganisation.value);\n    } else {\n      const foundIndex = notNullOrga.findIndex(\n        (obj: Organisation) => obj.id === authStore.authOrgaId,\n      );\n      if (foundIndex) {\n        notNullOrga[foundIndex] = myOrganisation.value;\n      }\n    }\n  }\n  (selectOrganisationRef?.value as InstanceType<typeof ClassicMultiselect>).afterSearch(notNullOrga, response.count);\n}\nasync function fetchOrganisation(): Promise<void> {\n  organisationChosen.value = await saveFetchStore.getOrgaData(\n    props.orgaIdSelected ?? \"\",\n  );\n  initLoaded.value = true;\n}\n</script>\n"],"mappings":"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"}

package/dist/OrganisationChooser-Y_jO6oXv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganisationChooser-Y_jO6oXv.mjs","names":["classicApi","_resolveDirective","_openBlock","_createBlock","_createSlots","_withCtx","_createElementVNode","_withDirectives","_toDisplayString","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/organisation/OrganisationChooser.vue","../src/components/display/organisation/OrganisationChooser.vue"],"sourcesContent":["<template>\n  <ClassicMultiselect\n    v-if=\"!orgaIdSelected || initLoaded\"\n    id=\"organisation-chooser\"\n    ref=\"selectOrganisation\"\n    option-label=\"name\"\n    :label=\"label ??t('select productor')\"\n    :display-label=\"displayLabel\"\n    :max-element=\"maxElement\"\n    :width=\"width\"\n    :in-modal=\"inModal\"\n    :option-chosen=\"organisationChosen\"\n    option-custom-templating=\"optionTemplating\"\n    option-selected-custom-templating=\"optionTemplating\"\n    :no-deselect=\"noDeselect\"\n    @on-search=\"onSearchOrganisation\"\n    @selected=\"emit('selected', $event)\"\n  >\n    <template v-if=\"isImage\" #optionTemplating=\"{ option }\">\n      <div\n        class=\"d-flex align-items-center\"\n        :data-selenium=\"'organisation-chooser-' + seleniumFormat(option.name)\"\n      >\n        <img\n          v-lazy=\"useProxyImageUrl(option.imageUrl, '32')\"\n          width=\"32\"\n          height=\"32\"\n          class=\"me-2\"\n          aria-hidden=\"true\"\n        alt=\"\"\n          \n          :title=\"t('Organisation name image', { name: option.name })\"\n        />\n        <span>\n          {{ option.name }}\n        </span>\n      </div>\n    </template>\n  </ClassicMultiselect>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport {useSelenium} from \"../../composable/useSelenium\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicMultiselect from \"../../form/ClassicMultiselect.vue\";\nimport { computed, onBeforeMount, ref, Ref, useTemplateRef, watch } from \"vue\";\nimport {\n  emptyOrgaData,\n  Organisation,\n} from \"../../../stores/class/general/organisation\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  defaultanswer: { default: \"\", type: String },\n  orgaIdSelected: { default: undefined, type: String },\n  reset: { default: false, type: Boolean },\n  width: { default: \"100%\", type: String },\n  isImage: { default: true, type: Boolean },\n  inModal: { default: false, type: Boolean },\n  noDeselect: { default: true, type: Boolean },\n  label:{default: undefined, type: String },\n  displayLabel: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"selected\"]);\n  \n//Data \nconst maxElement = ref(50);\nconst organisationChosen: Ref<Organisation | undefined> = ref(undefined);\nconst initLoaded = ref(false);\nconst selectOrganisationRef = useTemplateRef('selectOrganisation');\n\n//Composables\nconst { t } = useI18n();\nconst { seleniumFormat } = useSelenium();\nconst { useProxyImageUrl } = useImageProxy();\nconst authStore = useAuthStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst getDefaultOrganisation = computed(() => {\n  if (\"\" === props.defaultanswer) {\n    return undefined;\n  }\n  return emptyOrgaData(props.defaultanswer);\n});\nconst myOrganisation = computed(() => {\n  if (!authStore.authOrgaId) return undefined;\n  return {\n    ...authStore.authOrganisation,\n    ...{\n      name: `${t(\"Edit my organisation\")} (${\n        authStore.authOrganisation.name\n      })`,\n    },\n  };\n});\n\n\n//Watch\nwatch(()=>props.orgaIdSelected, () => {\n  if (!props.orgaIdSelected) {\n    organisationChosen.value = getDefaultOrganisation.value;\n    return;\n  }\n  if (\n    props.orgaIdSelected &&\n    organisationChosen.value?.id !== props.orgaIdSelected\n  ) {\n    fetchOrganisation();\n  }\n}, {immediate: true});\nwatch(()=>props.reset, () => {\n  organisationChosen.value = getDefaultOrganisation.value;\n});\n\nonBeforeMount(()=>organisationChosen.value = getDefaultOrganisation.value)\n\n\n//Methods\nasync function onSearchOrganisation(query?: string): Promise<void> {\n  const response = await classicApi.fetchData<\n    ListClassicReturn<Organisation>\n  >({\n    api: 0,\n    path: \"organisation/search\",\n    parameters: {\n      query: query,\n      first: 0,\n      size: maxElement.value,\n    },\n  });\n  let notNullOrga = response.result.filter((o: Organisation | null) => {\n    return null !== o;\n  });\n  if (getDefaultOrganisation.value) {\n    notNullOrga.unshift(getDefaultOrganisation.value);\n  }\n  if (myOrganisation.value) {\n    if (undefined === query) {\n      notNullOrga = notNullOrga.filter((obj: Organisation) => {\n        return obj.id !== authStore.authOrgaId;\n      });\n      notNullOrga.splice(1, 0, myOrganisation.value);\n    } else {\n      const foundIndex = notNullOrga.findIndex(\n        (obj: Organisation) => obj.id === authStore.authOrgaId,\n      );\n      if (foundIndex) {\n        notNullOrga[foundIndex] = myOrganisation.value;\n      }\n    }\n  }\n  (selectOrganisationRef?.value as InstanceType<typeof ClassicMultiselect>).afterSearch(notNullOrga, response.count);\n}\nasync function fetchOrganisation(): Promise<void> {\n  organisationChosen.value = await saveFetchStore.getOrgaData(\n    props.orgaIdSelected ?? \"\",\n  );\n  initLoaded.value = true;\n}\n</script>\n","<template>\n  <ClassicMultiselect\n    v-if=\"!orgaIdSelected || initLoaded\"\n    id=\"organisation-chooser\"\n    ref=\"selectOrganisation\"\n    option-label=\"name\"\n    :label=\"label ??t('select productor')\"\n    :display-label=\"displayLabel\"\n    :max-element=\"maxElement\"\n    :width=\"width\"\n    :in-modal=\"inModal\"\n    :option-chosen=\"organisationChosen\"\n    option-custom-templating=\"optionTemplating\"\n    option-selected-custom-templating=\"optionTemplating\"\n    :no-deselect=\"noDeselect\"\n    @on-search=\"onSearchOrganisation\"\n    @selected=\"emit('selected', $event)\"\n  >\n    <template v-if=\"isImage\" #optionTemplating=\"{ option }\">\n      <div\n        class=\"d-flex align-items-center\"\n        :data-selenium=\"'organisation-chooser-' + seleniumFormat(option.name)\"\n      >\n        <img\n          v-lazy=\"useProxyImageUrl(option.imageUrl, '32')\"\n          width=\"32\"\n          height=\"32\"\n          class=\"me-2\"\n          aria-hidden=\"true\"\n        alt=\"\"\n          \n          :title=\"t('Organisation name image', { name: option.name })\"\n        />\n        <span>\n          {{ option.name }}\n        </span>\n      </div>\n    </template>\n  </ClassicMultiselect>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport {useSelenium} from \"../../composable/useSelenium\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicMultiselect from \"../../form/ClassicMultiselect.vue\";\nimport { computed, onBeforeMount, ref, Ref, useTemplateRef, watch } from \"vue\";\nimport {\n  emptyOrgaData,\n  Organisation,\n} from \"../../../stores/class/general/organisation\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  defaultanswer: { default: \"\", type: String },\n  orgaIdSelected: { default: undefined, type: String },\n  reset: { default: false, type: Boolean },\n  width: { default: \"100%\", type: String },\n  isImage: { default: true, type: Boolean },\n  inModal: { default: false, type: Boolean },\n  noDeselect: { default: true, type: Boolean },\n  label:{default: undefined, type: String },\n  displayLabel: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"selected\"]);\n  \n//Data \nconst maxElement = ref(50);\nconst organisationChosen: Ref<Organisation | undefined> = ref(undefined);\nconst initLoaded = ref(false);\nconst selectOrganisationRef = useTemplateRef('selectOrganisation');\n\n//Composables\nconst { t } = useI18n();\nconst { seleniumFormat } = useSelenium();\nconst { useProxyImageUrl } = useImageProxy();\nconst authStore = useAuthStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst getDefaultOrganisation = computed(() => {\n  if (\"\" === props.defaultanswer) {\n    return undefined;\n  }\n  return emptyOrgaData(props.defaultanswer);\n});\nconst myOrganisation = computed(() => {\n  if (!authStore.authOrgaId) return undefined;\n  return {\n    ...authStore.authOrganisation,\n    ...{\n      name: `${t(\"Edit my organisation\")} (${\n        authStore.authOrganisation.name\n      })`,\n    },\n  };\n});\n\n\n//Watch\nwatch(()=>props.orgaIdSelected, () => {\n  if (!props.orgaIdSelected) {\n    organisationChosen.value = getDefaultOrganisation.value;\n    return;\n  }\n  if (\n    props.orgaIdSelected &&\n    organisationChosen.value?.id !== props.orgaIdSelected\n  ) {\n    fetchOrganisation();\n  }\n}, {immediate: true});\nwatch(()=>props.reset, () => {\n  organisationChosen.value = getDefaultOrganisation.value;\n});\n\nonBeforeMount(()=>organisationChosen.value = getDefaultOrganisation.value)\n\n\n//Methods\nasync function onSearchOrganisation(query?: string): Promise<void> {\n  const response = await classicApi.fetchData<\n    ListClassicReturn<Organisation>\n  >({\n    api: 0,\n    path: \"organisation/search\",\n    parameters: {\n      query: query,\n      first: 0,\n      size: maxElement.value,\n    },\n  });\n  let notNullOrga = response.result.filter((o: Organisation | null) => {\n    return null !== o;\n  });\n  if (getDefaultOrganisation.value) {\n    notNullOrga.unshift(getDefaultOrganisation.value);\n  }\n  if (myOrganisation.value) {\n    if (undefined === query) {\n      notNullOrga = notNullOrga.filter((obj: Organisation) => {\n        return obj.id !== authStore.authOrgaId;\n      });\n      notNullOrga.splice(1, 0, myOrganisation.value);\n    } else {\n      const foundIndex = notNullOrga.findIndex(\n        (obj: Organisation) => obj.id === authStore.authOrgaId,\n      );\n      if (foundIndex) {\n        notNullOrga[foundIndex] = myOrganisation.value;\n      }\n    }\n  }\n  (selectOrganisationRef?.value as InstanceType<typeof ClassicMultiselect>).afterSearch(notNullOrga, response.count);\n}\nasync function fetchOrganisation(): Promise<void> {\n  organisationChosen.value = await saveFetchStore.getOrgaData(\n    props.orgaIdSelected ?? \"\",\n  );\n  initLoaded.value = true;\n}\n</script>\n"],"mappings":"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"}

package/dist/{OrganisationChooserLight-BF5fT5pV.mjs → OrganisationChooserLight-Bcltbv-v.mjs}

@@ -1,4 +1,4 @@
-import { T as e, r as t } from "./classicApi-pmODlqv5.mjs";
+import { E as e, r as t } from "./classicApi-CGipMqf7.mjs";
 import { t as n } from "./ClassicSelect-BpA0jKN6.mjs";
 import { computed as r, createBlock as i, createCommentVNode as a, defineComponent as o, openBlock as s, ref as c, unref as l, watch as u } from "vue";
 import { useI18n as d } from "vue-i18n";

package/dist/OrganisationChooserLight-Dh7wMH40.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganisationChooserLight-Dh7wMH40.mjs","names":["_openBlock","_createBlock","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/organisation/OrganisationChooserLight.vue","../src/components/display/organisation/OrganisationChooserLight.vue"],"sourcesContent":["<template>\n  <ClassicSelect\n    v-if=\"init && organisation\"\n    :text-init=\"actual\"\n    :display-label=\"false\"\n    id-select=\"organisation-chooser-footer\"\n    :label=\"t('select productor')\"\n    :transparent=\"true\"\n    :options=\"[\n      { title: organisation.name, value: organisation.id },\n      { title: t('No organisation filter'), value: 'NONE' },\n    ]\"\n    class=\"my-1\"\n    @update:text-init=\"updateOrganisation\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport { Organisation } from \"../../../stores/class/general/organisation\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { computed, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\n\n//Emits\nconst emit = defineEmits([\"selected\"]);\n\n//Data \nconst organisation = ref<Organisation|undefined>(undefined);\nconst init = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst SaveFetchStore = useSaveFetchStore();\nconst filterStore = useFilterStore();\n\n// Computed\nconst actual = computed(() => {\n  if (filterStore.filterOrgaId) {\n    return filterStore.filterOrgaId;\n  } else {\n    return 'NONE';\n  }\n});\n\n//Watch\nwatch(()=>filterStore.realOrgaId, async () => {\n  fetchOrganisation();\n}, {deep: true, immediate: true});\n \n//Methods\nasync function fetchOrganisation(): Promise<void> {\n  if (!filterStore.realOrgaId) {\n    return;\n  }\n  organisation.value = await SaveFetchStore.getOrgaData(filterStore.realOrgaId);\n  init.value = true;\n}\n\nfunction updateOrganisation(value: string): void {\n  emit(\"selected\", \"NONE\" === value ? undefined : organisation.value);\n}\n</script>","<template>\n  <ClassicSelect\n    v-if=\"init && organisation\"\n    :text-init=\"actual\"\n    :display-label=\"false\"\n    id-select=\"organisation-chooser-footer\"\n    :label=\"t('select productor')\"\n    :transparent=\"true\"\n    :options=\"[\n      { title: organisation.name, value: organisation.id },\n      { title: t('No organisation filter'), value: 'NONE' },\n    ]\"\n    class=\"my-1\"\n    @update:text-init=\"updateOrganisation\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport { Organisation } from \"../../../stores/class/general/organisation\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { computed, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\n\n//Emits\nconst emit = defineEmits([\"selected\"]);\n\n//Data \nconst organisation = ref<Organisation|undefined>(undefined);\nconst init = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst SaveFetchStore = useSaveFetchStore();\nconst filterStore = useFilterStore();\n\n// Computed\nconst actual = computed(() => {\n  if (filterStore.filterOrgaId) {\n    return filterStore.filterOrgaId;\n  } else {\n    return 'NONE';\n  }\n});\n\n//Watch\nwatch(()=>filterStore.realOrgaId, async () => {\n  fetchOrganisation();\n}, {deep: true, immediate: true});\n \n//Methods\nasync function fetchOrganisation(): Promise<void> {\n  if (!filterStore.realOrgaId) {\n    return;\n  }\n  organisation.value = await SaveFetchStore.getOrgaData(filterStore.realOrgaId);\n  init.value = true;\n}\n\nfunction updateOrganisation(value: string): void {\n  emit(\"selected\", \"NONE\" === value ? undefined : organisation.value);\n}\n</script>"],"mappings":";;;;;;;;;;;EA0BA,MAAM,OAAO;EAGb,MAAM,eAAe,IAA4B,KAAA,CAAS;EAC1D,MAAM,OAAO,IAAI,KAAK;EAGtB,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,iBAAiB,kBAAkB;EACzC,MAAM,cAAc,eAAe;EAGnC,MAAM,SAAS,eAAe;GAC5B,IAAI,YAAY,cACd,OAAO,YAAY;QAEnB,OAAO;EAEX,CAAC;EAGD,YAAU,YAAY,YAAY,YAAY;GAC5C,kBAAkB;EACpB,GAAG;GAAC,MAAM;GAAM,WAAW;EAAI,CAAC;EAGhC,eAAe,oBAAmC;GAChD,IAAI,CAAC,YAAY,YACf;GAEF,aAAa,QAAQ,MAAM,eAAe,YAAY,YAAY,UAAU;GAC5E,KAAK,QAAQ;EACf;EAEA,SAAS,mBAAmB,OAAqB;GAC/C,KAAK,YAAY,WAAW,QAAQ,KAAA,IAAY,aAAa,KAAK;EACpE;;;;;;;;;;;;;;;;;;;;;;;CC5DU,OAAA,OAAA,QAAQ,OAAA,gBADhBA,UAAA,GAAAC,YAaE,OAAA,kBAAA;;EAXC,aAAW,OAAA;EACX,iBAAe;EAChB,aAAU;EACT,OAAO,OAAA,EAAC,kBAAA;EACR,aAAa;EACb,SAAO,CAAmB;GAAA,OAAA,OAAA,aAAa;GAAI,OAAS,OAAA,aAAa;EAAE,GAAmB;GAAA,OAAA,OAAA,EAAC,wBAAA;GAAA,OAAA;EAAA,CAAA;EAIxF,OAAM;EACL,qBAAkB,OAAA"}

package/dist/OrganisationChooserLight-Dx_rkvpP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganisationChooserLight-Dx_rkvpP.mjs","names":["_openBlock","_createBlock","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/organisation/OrganisationChooserLight.vue","../src/components/display/organisation/OrganisationChooserLight.vue"],"sourcesContent":["<template>\n  <ClassicSelect\n    v-if=\"init && organisation\"\n    :text-init=\"actual\"\n    :display-label=\"false\"\n    id-select=\"organisation-chooser-footer\"\n    :label=\"t('select productor')\"\n    :transparent=\"true\"\n    :options=\"[\n      { title: organisation.name, value: organisation.id },\n      { title: t('No organisation filter'), value: 'NONE' },\n    ]\"\n    class=\"my-1\"\n    @update:text-init=\"updateOrganisation\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport { Organisation } from \"../../../stores/class/general/organisation\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { computed, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\n\n//Emits\nconst emit = defineEmits([\"selected\"]);\n\n//Data \nconst organisation = ref<Organisation|undefined>(undefined);\nconst init = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst SaveFetchStore = useSaveFetchStore();\nconst filterStore = useFilterStore();\n\n// Computed\nconst actual = computed(() => {\n  if (filterStore.filterOrgaId) {\n    return filterStore.filterOrgaId;\n  } else {\n    return 'NONE';\n  }\n});\n\n//Watch\nwatch(()=>filterStore.realOrgaId, async () => {\n  fetchOrganisation();\n}, {deep: true, immediate: true});\n \n//Methods\nasync function fetchOrganisation(): Promise<void> {\n  if (!filterStore.realOrgaId) {\n    return;\n  }\n  organisation.value = await SaveFetchStore.getOrgaData(filterStore.realOrgaId);\n  init.value = true;\n}\n\nfunction updateOrganisation(value: string): void {\n  emit(\"selected\", \"NONE\" === value ? undefined : organisation.value);\n}\n</script>","<template>\n  <ClassicSelect\n    v-if=\"init && organisation\"\n    :text-init=\"actual\"\n    :display-label=\"false\"\n    id-select=\"organisation-chooser-footer\"\n    :label=\"t('select productor')\"\n    :transparent=\"true\"\n    :options=\"[\n      { title: organisation.name, value: organisation.id },\n      { title: t('No organisation filter'), value: 'NONE' },\n    ]\"\n    class=\"my-1\"\n    @update:text-init=\"updateOrganisation\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport { Organisation } from \"../../../stores/class/general/organisation\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { computed, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\n\n//Emits\nconst emit = defineEmits([\"selected\"]);\n\n//Data \nconst organisation = ref<Organisation|undefined>(undefined);\nconst init = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst SaveFetchStore = useSaveFetchStore();\nconst filterStore = useFilterStore();\n\n// Computed\nconst actual = computed(() => {\n  if (filterStore.filterOrgaId) {\n    return filterStore.filterOrgaId;\n  } else {\n    return 'NONE';\n  }\n});\n\n//Watch\nwatch(()=>filterStore.realOrgaId, async () => {\n  fetchOrganisation();\n}, {deep: true, immediate: true});\n \n//Methods\nasync function fetchOrganisation(): Promise<void> {\n  if (!filterStore.realOrgaId) {\n    return;\n  }\n  organisation.value = await SaveFetchStore.getOrgaData(filterStore.realOrgaId);\n  init.value = true;\n}\n\nfunction updateOrganisation(value: string): void {\n  emit(\"selected\", \"NONE\" === value ? undefined : organisation.value);\n}\n</script>"],"mappings":";;;;;;;;;;;EA0BA,MAAM,OAAO;EAGb,MAAM,eAAe,IAA4B,KAAA,CAAS;EAC1D,MAAM,OAAO,IAAI,KAAK;EAGtB,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,iBAAiB,kBAAkB;EACzC,MAAM,cAAc,eAAe;EAGnC,MAAM,SAAS,eAAe;GAC5B,IAAI,YAAY,cACd,OAAO,YAAY;QAEnB,OAAO;EAEX,CAAC;EAGD,YAAU,YAAY,YAAY,YAAY;GAC5C,kBAAkB;EACpB,GAAG;GAAC,MAAM;GAAM,WAAW;EAAI,CAAC;EAGhC,eAAe,oBAAmC;GAChD,IAAI,CAAC,YAAY,YACf;GAEF,aAAa,QAAQ,MAAM,eAAe,YAAY,YAAY,UAAU;GAC5E,KAAK,QAAQ;EACf;EAEA,SAAS,mBAAmB,OAAqB;GAC/C,KAAK,YAAY,WAAW,QAAQ,KAAA,IAAY,aAAa,KAAK;EACpE;;;;;;;;;;;;;;;;;;;;;;;CC5DU,OAAA,OAAA,QAAQ,OAAA,gBADhBA,UAAA,GAAAC,YAaE,OAAA,kBAAA;;EAXC,aAAW,OAAA;EACX,iBAAe;EAChB,aAAU;EACT,OAAO,OAAA,EAAC,kBAAA;EACR,aAAa;EACb,SAAO,CAAmB;GAAA,OAAA,OAAA,aAAa;GAAI,OAAS,OAAA,aAAa;EAAE,GAAmB;GAAA,OAAA,OAAA,EAAC,wBAAA;GAAA,OAAA;EAAA,CAAA;EAIxF,OAAM;EACL,qBAAkB,OAAA"}

package/dist/PageNotFound-DeW-K_hL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageNotFound-DeW-K_hL.mjs","names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeStyle","_createElementVNode","_toDisplayString","_createVNode","_withCtx","_createTextVNode","_sfc_main"],"sources":["../src/components/pages/PageNotFound.vue","../src/components/pages/PageNotFound.vue"],"sourcesContent":["<template>\n  <section\n    class=\"page-box page-box-absolute page-not-found\"\n    :style=\"backgroundStyle\"\n  >\n    <div class=\"position-absolute module-box\">\n      <h1>{{ t(\"Oops\") }}</h1>\n      <h2>{{ t(\"The page you are looking for cannot be found\") }}</h2>\n      <router-link\n        class=\"btn btn-primary\"\n        :to=\"{\n          name: 'home',\n          query: {\n            iabId: filterStore.filterIab?.id,\n            rubriquesId: rubriqueQueryParam,\n            productor: filterStore.filterOrgaId\n          },\n        }\"\n      >\n        {{ t(\"Back to home\") }}\n      </router-link>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRubriquesFilterComputed } from \"../composable/route/useRubriquesFilterComputed\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Composables\nconst { rubriqueQueryParam } = useRubriquesFilterComputed();\nconst filterStore = useFilterStore();\nconst { t } = useI18n();\n\n//Computed\nconst backgroundStyle = computed(() => \"background-image: url('/img/404.svg');\");\n</script>\n\n<style lang=\"scss\">\n.octopus-app .page-not-found {\n  background-size: cover;\n  background-position: center;\n  background-color: var(--octopus-background);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 0;\n}\n</style>\n","<template>\n  <section\n    class=\"page-box page-box-absolute page-not-found\"\n    :style=\"backgroundStyle\"\n  >\n    <div class=\"position-absolute module-box\">\n      <h1>{{ t(\"Oops\") }}</h1>\n      <h2>{{ t(\"The page you are looking for cannot be found\") }}</h2>\n      <router-link\n        class=\"btn btn-primary\"\n        :to=\"{\n          name: 'home',\n          query: {\n            iabId: filterStore.filterIab?.id,\n            rubriquesId: rubriqueQueryParam,\n            productor: filterStore.filterOrgaId\n          },\n        }\"\n      >\n        {{ t(\"Back to home\") }}\n      </router-link>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRubriquesFilterComputed } from \"../composable/route/useRubriquesFilterComputed\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Composables\nconst { rubriqueQueryParam } = useRubriquesFilterComputed();\nconst filterStore = useFilterStore();\nconst { t } = useI18n();\n\n//Computed\nconst backgroundStyle = computed(() => \"background-image: url('/img/404.svg');\");\n</script>\n\n<style lang=\"scss\">\n.octopus-app .page-not-found {\n  background-size: cover;\n  background-position: center;\n  background-color: var(--octopus-background);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;EAgCA,MAAM,EAAE,uBAAuB,2BAA2B;EAC1D,MAAM,cAAc,eAAe;EACnC,MAAM,EAAE,MAAM,QAAQ;;;;;GAGE,iBAAA,eAAe,wCAAA;;;;;;;;;;;AChC9B,IAAA,aAAA,EAAA,OAAM,+BAA8B;;;CAJ3C,OAAAC,UAAA,GAAAC,mBAqBU,WAAA;EApBR,OAAM;EACL,OAAKC,eAAE,OAAA,eAAe;CAEvB,GAAA,CAAAC,mBAgBM,OAhBN,YAgBM;EAfJA,mBAAwB,MAAA,MAAAC,gBAAjB,OAAA,EAAC,MAAA,CAAA,GAAA,CAAA;EACRD,mBAAgE,MAAA,MAAAC,gBAAzD,OAAA,EAAC,8CAAA,CAAA,GAAA,CAAA;EACRC,YAYc,wBAAA;GAXZ,OAAM;GACL,IAAE;;;KAAkE,OAAA,OAAA,YAAY,WAAW;KAA6B,aAAA,OAAA;KAA2C,WAAA,OAAA,YAAY;;;;GAShL,SAAAC,cAAuB,CAApBC,gBAAAH,gBAAA,OAAA,EAAC,cAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/{PageNotFound-Cj-3Gv8T.mjs → PageNotFound-DogaoIFX.mjs}

@@ -1,5 +1,5 @@
-import { r as e } from "./classicApi-pmODlqv5.mjs";
-import { t } from "./useRubriquesFilterComputed-DoUOqOrJ.mjs";
+import { r as e } from "./classicApi-CGipMqf7.mjs";
+import { t } from "./useRubriquesFilterComputed-D1yqLnK4.mjs";
 import { computed as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, normalizeStyle as c, openBlock as l, resolveComponent as u, toDisplayString as d, unref as f, withCtx as p } from "vue";
 import { useI18n as m } from "vue-i18n";
 //#region src/components/pages/PageNotFound.vue?vue&type=script&setup=true&lang.ts

package/dist/PageNotFound-gRuMWYCp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageNotFound-gRuMWYCp.mjs","names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeStyle","_createElementVNode","_toDisplayString","_createVNode","_withCtx","_createTextVNode","_sfc_main"],"sources":["../src/components/pages/PageNotFound.vue","../src/components/pages/PageNotFound.vue"],"sourcesContent":["<template>\n  <section\n    class=\"page-box page-box-absolute page-not-found\"\n    :style=\"backgroundStyle\"\n  >\n    <div class=\"position-absolute module-box\">\n      <h1>{{ t(\"Oops\") }}</h1>\n      <h2>{{ t(\"The page you are looking for cannot be found\") }}</h2>\n      <router-link\n        class=\"btn btn-primary\"\n        :to=\"{\n          name: 'home',\n          query: {\n            iabId: filterStore.filterIab?.id,\n            rubriquesId: rubriqueQueryParam,\n            productor: filterStore.filterOrgaId\n          },\n        }\"\n      >\n        {{ t(\"Back to home\") }}\n      </router-link>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRubriquesFilterComputed } from \"../composable/route/useRubriquesFilterComputed\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Composables\nconst { rubriqueQueryParam } = useRubriquesFilterComputed();\nconst filterStore = useFilterStore();\nconst { t } = useI18n();\n\n//Computed\nconst backgroundStyle = computed(() => \"background-image: url('/img/404.svg');\");\n</script>\n\n<style lang=\"scss\">\n.octopus-app .page-not-found {\n  background-size: cover;\n  background-position: center;\n  background-color: var(--octopus-background);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 0;\n}\n</style>\n","<template>\n  <section\n    class=\"page-box page-box-absolute page-not-found\"\n    :style=\"backgroundStyle\"\n  >\n    <div class=\"position-absolute module-box\">\n      <h1>{{ t(\"Oops\") }}</h1>\n      <h2>{{ t(\"The page you are looking for cannot be found\") }}</h2>\n      <router-link\n        class=\"btn btn-primary\"\n        :to=\"{\n          name: 'home',\n          query: {\n            iabId: filterStore.filterIab?.id,\n            rubriquesId: rubriqueQueryParam,\n            productor: filterStore.filterOrgaId\n          },\n        }\"\n      >\n        {{ t(\"Back to home\") }}\n      </router-link>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRubriquesFilterComputed } from \"../composable/route/useRubriquesFilterComputed\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Composables\nconst { rubriqueQueryParam } = useRubriquesFilterComputed();\nconst filterStore = useFilterStore();\nconst { t } = useI18n();\n\n//Computed\nconst backgroundStyle = computed(() => \"background-image: url('/img/404.svg');\");\n</script>\n\n<style lang=\"scss\">\n.octopus-app .page-not-found {\n  background-size: cover;\n  background-position: center;\n  background-color: var(--octopus-background);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;EAgCA,MAAM,EAAE,uBAAuB,2BAA2B;EAC1D,MAAM,cAAc,eAAe;EACnC,MAAM,EAAE,MAAM,QAAQ;;;;;GAGE,iBAAA,eAAe,wCAAA;;;;;;;;;;;AChC9B,IAAA,aAAA,EAAA,OAAM,+BAA8B;;;CAJ3C,OAAAC,UAAA,GAAAC,mBAqBU,WAAA;EApBR,OAAM;EACL,OAAKC,eAAE,OAAA,eAAe;CAEvB,GAAA,CAAAC,mBAgBM,OAhBN,YAgBM;EAfJA,mBAAwB,MAAA,MAAAC,gBAAjB,OAAA,EAAC,MAAA,CAAA,GAAA,CAAA;EACRD,mBAAgE,MAAA,MAAAC,gBAAzD,OAAA,EAAC,8CAAA,CAAA,GAAA,CAAA;EACRC,YAYc,wBAAA;GAXZ,OAAM;GACL,IAAE;;;KAAkE,OAAA,OAAA,YAAY,WAAW;KAA6B,aAAA,OAAA;KAA2C,WAAA,OAAA,YAAY;;;;GAShL,SAAAC,cAAuB,CAApBC,gBAAAH,gBAAA,OAAA,EAAC,cAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/ParticipantInlineList-CY_s6aJm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantInlineList-CY_s6aJm.mjs","names":["classicApi","_resolveComponent","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_createBlock","_withCtx","_createCommentVNode","_createTextVNode","_sfc_main"],"sources":["../src/components/display/participant/ParticipantInlineList.vue","../src/components/display/participant/ParticipantInlineList.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column p-3 list-participants\">\n    <h2 class=\"mb-3\">{{ title }}</h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading participants ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"!loading && allParticipants.length\"\n      :size-item-overload=\"itemSize\"\n      :list-object=\"allParticipants\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <ParticipantItem\n          v-if=\"0 !== option.participantId\" \n          :participant=\"option\"\n        />\n      </template>\n    </SwiperList>\n\n    <router-link\n      v-if=\"buttonText\"\n      :to=\"href ?? { name: 'participants' }\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ParticipantItem from \"./ParticipantItem.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  href: { default: undefined, type: String },\n  buttonText: { default: undefined, type: String },\n  itemSize: { default: undefined, type: Number },\n  title: { default: \"\", type: String },\n})\n\n//Data \nconst loading = ref(true);\nconst allParticipants: Ref<Array<Participant>> = ref([]);\n  \n//Composables\nconst { t } = useI18n();\nconst { handle403 } = useErrorHandler();\n\nonMounted(()=>fetchNext())\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Participant>>({\n      api: 0,\n      path: \"participant/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        order: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allParticipants.value = allParticipants.value.concat(\n      data.result.filter((part: Participant | null) => null !== part),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-participants{\n  .element-list-inline{\n      @media (width <= 960px) {\n      > div{\n        margin: 0 0.5rem 0 0;\n      }\n    }\n  }\n\n  .participant-item-container{\n    margin:0;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column p-3 list-participants\">\n    <h2 class=\"mb-3\">{{ title }}</h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading participants ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"!loading && allParticipants.length\"\n      :size-item-overload=\"itemSize\"\n      :list-object=\"allParticipants\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <ParticipantItem\n          v-if=\"0 !== option.participantId\" \n          :participant=\"option\"\n        />\n      </template>\n    </SwiperList>\n\n    <router-link\n      v-if=\"buttonText\"\n      :to=\"href ?? { name: 'participants' }\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ParticipantItem from \"./ParticipantItem.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  href: { default: undefined, type: String },\n  buttonText: { default: undefined, type: String },\n  itemSize: { default: undefined, type: Number },\n  title: { default: \"\", type: String },\n})\n\n//Data \nconst loading = ref(true);\nconst allParticipants: Ref<Array<Participant>> = ref([]);\n  \n//Composables\nconst { t } = useI18n();\nconst { handle403 } = useErrorHandler();\n\nonMounted(()=>fetchNext())\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Participant>>({\n      api: 0,\n      path: \"participant/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        order: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allParticipants.value = allParticipants.value.concat(\n      data.result.filter((part: Participant | null) => null !== part),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-participants{\n  .element-list-inline{\n      @media (width <= 960px) {\n      > div{\n        margin: 0 0.5rem 0 0;\n      }\n    }\n  }\n\n  .participant-item-container{\n    margin:0;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,QAAQ;EASd,MAAM,UAAU,IAAI,IAAI;EACxB,MAAM,kBAA2C,IAAI,CAAC,CAAC;EAGvD,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,cAAc,gBAAgB;EAEtC,gBAAc,UAAU,CAAC;EAGzB,eAAe,YAA2B;GACxC,IAAI;IACF,MAAM,OAAO,MAAMA,mBAAW,UAA0C;KACtE,KAAK;KACL,MAAM;KACN,YAAY;MACV,OAAO;MACP,MAAM;MACN,gBAAgB,MAAM;MACtB,OAAO;KACT;KACA,mBAAmB;IACrB,CAAC;IACD,gBAAgB,QAAQ,gBAAgB,MAAM,OAC5C,KAAK,OAAO,QAAQ,SAA6B,SAAS,IAAI,CAChE;IACA,QAAQ,QAAQ;GAClB,SAAS,OAAO;IACd,UAAU,KAAmB;GAC/B;EACF;;;;;;;;;;;;;;;;;;;;;ACjFO,IAAA,aAAA,EAAA,OAAM,2CAA0C;AAC/C,IAAA,aAAA,EAAA,OAAM,OAAM;;;CADlB,OAAAE,UAAA,GAAAC,mBAyBM,OAzBN,YAyBM;EAxBJC,mBAAiC,MAAjC,YAAiCC,gBAAb,OAAA,KAAK,GAAA,CAAA;EACzBC,YAEE,OAAA,mBAAA,EADC,gBAAc,OAAA,UAAU,OAAA,EAAC,0BAAA,IAA+B,KAAA,EAAA,GAAA,MAAA,GAAA,CAAA,cAAA,CAAA;EAGlD,CAAA,OAAA,WAAW,OAAA,gBAAgB,UADpCJ,UAAA,GAAAK,YAWa,OAAA,eAAA;;GATV,sBAAoB,OAAA;GACpB,eAAa,OAAA;;GAEH,cAAYC,SAInB,EAJuB,aAAM,CAEjB,MAAA,OAAO,iBADrBN,UAAA,GAAAK,YAGE,OAAA,oBAAA;;IADC,aAAa;;;;EAMZ,OAAA,cADRL,UAAA,GAAAK,YAMc,wBAAA;;GAJX,IAAI,OAAA,QAAI,EAAA,MAAA,eAAA;GACT,OAAM;;GAEN,SAAAC,cAAgB,CAAbE,gBAAAL,gBAAA,OAAA,UAAU,GAAA,CAAA,CAAA,CAAA"}

package/dist/{ParticipantInlineList-DEWqM1Io.mjs → ParticipantInlineList-D9pkOlvP.mjs}

@@ -1,9 +1,9 @@
 import { t as e } from "./ClassicLoading-CXfMjpyl.mjs";
-import { t } from "./classicApi-pmODlqv5.mjs";
+import { t } from "./classicApi-CGipMqf7.mjs";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.mjs";
-import { t as r } from "./useErrorHandler-D9W2BURn.mjs";
-import { t as i } from "./SwiperList-BlF3rPq5.mjs";
-import { t as a } from "./ParticipantItem-BZAUIeSR.mjs";
+import { t as r } from "./useErrorHandler-x9sjDYSz.mjs";
+import { t as i } from "./SwiperList-O8nUg87R.mjs";
+import { t as a } from "./ParticipantItem-CbHOfVon.mjs";
 import { createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, onMounted as p, openBlock as m, ref as h, resolveComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
 import { useI18n as b } from "vue-i18n";
 //#region src/components/display/participant/ParticipantInlineList.vue?vue&type=script&setup=true&lang.ts

package/dist/ParticipantInlineList-DSatB75C.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantInlineList-DSatB75C.mjs","names":["classicApi","_resolveComponent","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_createBlock","_withCtx","_createCommentVNode","_createTextVNode","_sfc_main"],"sources":["../src/components/display/participant/ParticipantInlineList.vue","../src/components/display/participant/ParticipantInlineList.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column p-3 list-participants\">\n    <h2 class=\"mb-3\">{{ title }}</h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading participants ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"!loading && allParticipants.length\"\n      :size-item-overload=\"itemSize\"\n      :list-object=\"allParticipants\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <ParticipantItem\n          v-if=\"0 !== option.participantId\" \n          :participant=\"option\"\n        />\n      </template>\n    </SwiperList>\n\n    <router-link\n      v-if=\"buttonText\"\n      :to=\"href ?? { name: 'participants' }\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ParticipantItem from \"./ParticipantItem.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  href: { default: undefined, type: String },\n  buttonText: { default: undefined, type: String },\n  itemSize: { default: undefined, type: Number },\n  title: { default: \"\", type: String },\n})\n\n//Data \nconst loading = ref(true);\nconst allParticipants: Ref<Array<Participant>> = ref([]);\n  \n//Composables\nconst { t } = useI18n();\nconst { handle403 } = useErrorHandler();\n\nonMounted(()=>fetchNext())\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Participant>>({\n      api: 0,\n      path: \"participant/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        order: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allParticipants.value = allParticipants.value.concat(\n      data.result.filter((part: Participant | null) => null !== part),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-participants{\n  .element-list-inline{\n      @media (width <= 960px) {\n      > div{\n        margin: 0 0.5rem 0 0;\n      }\n    }\n  }\n\n  .participant-item-container{\n    margin:0;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column p-3 list-participants\">\n    <h2 class=\"mb-3\">{{ title }}</h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading participants ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"!loading && allParticipants.length\"\n      :size-item-overload=\"itemSize\"\n      :list-object=\"allParticipants\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <ParticipantItem\n          v-if=\"0 !== option.participantId\" \n          :participant=\"option\"\n        />\n      </template>\n    </SwiperList>\n\n    <router-link\n      v-if=\"buttonText\"\n      :to=\"href ?? { name: 'participants' }\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ParticipantItem from \"./ParticipantItem.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  href: { default: undefined, type: String },\n  buttonText: { default: undefined, type: String },\n  itemSize: { default: undefined, type: Number },\n  title: { default: \"\", type: String },\n})\n\n//Data \nconst loading = ref(true);\nconst allParticipants: Ref<Array<Participant>> = ref([]);\n  \n//Composables\nconst { t } = useI18n();\nconst { handle403 } = useErrorHandler();\n\nonMounted(()=>fetchNext())\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Participant>>({\n      api: 0,\n      path: \"participant/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        order: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allParticipants.value = allParticipants.value.concat(\n      data.result.filter((part: Participant | null) => null !== part),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-participants{\n  .element-list-inline{\n      @media (width <= 960px) {\n      > div{\n        margin: 0 0.5rem 0 0;\n      }\n    }\n  }\n\n  .participant-item-container{\n    margin:0;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,QAAQ;EASd,MAAM,UAAU,IAAI,IAAI;EACxB,MAAM,kBAA2C,IAAI,CAAC,CAAC;EAGvD,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,cAAc,gBAAgB;EAEtC,gBAAc,UAAU,CAAC;EAGzB,eAAe,YAA2B;GACxC,IAAI;IACF,MAAM,OAAO,MAAMA,mBAAW,UAA0C;KACtE,KAAK;KACL,MAAM;KACN,YAAY;MACV,OAAO;MACP,MAAM;MACN,gBAAgB,MAAM;MACtB,OAAO;KACT;KACA,mBAAmB;IACrB,CAAC;IACD,gBAAgB,QAAQ,gBAAgB,MAAM,OAC5C,KAAK,OAAO,QAAQ,SAA6B,SAAS,IAAI,CAChE;IACA,QAAQ,QAAQ;GAClB,SAAS,OAAO;IACd,UAAU,KAAmB;GAC/B;EACF;;;;;;;;;;;;;;;;;;;;;ACjFO,IAAA,aAAA,EAAA,OAAM,2CAA0C;AAC/C,IAAA,aAAA,EAAA,OAAM,OAAM;;;CADlB,OAAAE,UAAA,GAAAC,mBAyBM,OAzBN,YAyBM;EAxBJC,mBAAiC,MAAjC,YAAiCC,gBAAb,OAAA,KAAK,GAAA,CAAA;EACzBC,YAEE,OAAA,mBAAA,EADC,gBAAc,OAAA,UAAU,OAAA,EAAC,0BAAA,IAA+B,KAAA,EAAA,GAAA,MAAA,GAAA,CAAA,cAAA,CAAA;EAGlD,CAAA,OAAA,WAAW,OAAA,gBAAgB,UADpCJ,UAAA,GAAAK,YAWa,OAAA,eAAA;;GATV,sBAAoB,OAAA;GACpB,eAAa,OAAA;;GAEH,cAAYC,SAInB,EAJuB,aAAM,CAEjB,MAAA,OAAO,iBADrBN,UAAA,GAAAK,YAGE,OAAA,oBAAA;;IADC,aAAa;;;;EAMZ,OAAA,cADRL,UAAA,GAAAK,YAMc,wBAAA;;GAJX,IAAI,OAAA,QAAI,EAAA,MAAA,eAAA;GACT,OAAM;;GAEN,SAAAC,cAAgB,CAAbE,gBAAAL,gBAAA,OAAA,UAAU,GAAA,CAAA,CAAA,CAAA"}

package/dist/ParticipantItem-BG7yqRvD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantItem-BG7yqRvD.mjs","names":["displayHelper","classicApi","_resolveComponent","_resolveDirective","_openBlock","_createElementBlock","_createVNode","_withCtx","_withDirectives","_createElementVNode","_createBlock","_createCommentVNode","_createTextVNode","_toDisplayString","_sfc_main"],"sources":["../src/components/display/participant/ParticipantItem.vue","../src/components/display/participant/ParticipantItem.vue"],"sourcesContent":["<template>\n  <article v-if=\"participant\" class=\"participant-item-container\">\n    <router-link\n      :to=\"{\n        name: 'participant',\n        params: { participantId: participant.participantId },\n      }\"\n      class=\"mt-3 text-dark\"\n      :title=\"t('Participant name page', { name: name })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(participant.imageUrl, '200')\"\n        width=\"200\"\n        height=\"200\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        \n        :title=\"t('Animator image', { name: name })\"\n        class=\"img-box border\"\n      />\n      <div class=\"d-flex align-items-center h4 justify-content-center mt-2\">\n        <AlertIcon\n          v-if=\"!activeParticipant && !isPodcastmaker && editRight\"\n          :size=\"16\"\n          class=\"text-danger me-1\"\n          :title=\"t('Participant have not podcasts')\"\n        />\n        {{ name }}\n      </div>\n      <div\n        ref=\"descriptionParticipantContainer\"\n        class=\"element-description small-description html-wysiwyg-content\"\n      >\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          ref=\"descriptionParticipant\"\n          v-html=\"urlify(participant.description || '')\"\n        />\n        <!-- eslint-enable -->\n      </div>\n    </router-link>\n    <router-link\n      v-if=\"!isPodcastmaker\"\n      :to=\"{\n        name: 'productor',\n        params: { productorId: participant.orga.id },\n      }\"\n      class=\"small-text mt-1\"\n    >\n      © {{ participant.orga.name }}\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { computed, onBeforeMount, onMounted, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  participant: { default: () => ({}), type: Object as () => Participant },\n})\n \n//Data \nconst activeParticipant = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\n\n//Computed\nconst name = computed(() => `${props.participant.firstName ?? \"\"} ${props.participant.lastName ?? \"\"}`.trim());\nconst editRight = computed(() => {\n  if (!props.participant?.orga) {\n    return false;\n  }\n  return isEditRights(props.participant.orga.id);\n});\n\nonBeforeMount(()=>{\n  if (!editRight.value) return;\n  hasPodcast();\n})\n\nonMounted(()=>{\n  const participantDesc = useTemplateRef('descriptionParticipant')?.value as HTMLElement;\n  const participantDescContainer = useTemplateRef('descriptionParticipantContainer')?.value as HTMLElement;\n\n  if (\n    null !== participantDesc &&\n    null !== participantDescContainer &&\n    participantDesc.clientHeight > participantDescContainer.clientHeight\n  ) {\n    participantDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nasync function hasPodcast(): Promise<void> {\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      participantId: props.participant.participantId,\n      first: 0,\n      size: 0,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n    },\n    specialTreatement: true,\n  });\n  if (0 === data.count) {\n    activeParticipant.value = false;\n  }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .participant-item-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  border-radius: var(--octopus-border-radius);\n  width: var(--octopus-image-size);\n}\n</style>\n","<template>\n  <article v-if=\"participant\" class=\"participant-item-container\">\n    <router-link\n      :to=\"{\n        name: 'participant',\n        params: { participantId: participant.participantId },\n      }\"\n      class=\"mt-3 text-dark\"\n      :title=\"t('Participant name page', { name: name })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(participant.imageUrl, '200')\"\n        width=\"200\"\n        height=\"200\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        \n        :title=\"t('Animator image', { name: name })\"\n        class=\"img-box border\"\n      />\n      <div class=\"d-flex align-items-center h4 justify-content-center mt-2\">\n        <AlertIcon\n          v-if=\"!activeParticipant && !isPodcastmaker && editRight\"\n          :size=\"16\"\n          class=\"text-danger me-1\"\n          :title=\"t('Participant have not podcasts')\"\n        />\n        {{ name }}\n      </div>\n      <div\n        ref=\"descriptionParticipantContainer\"\n        class=\"element-description small-description html-wysiwyg-content\"\n      >\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          ref=\"descriptionParticipant\"\n          v-html=\"urlify(participant.description || '')\"\n        />\n        <!-- eslint-enable -->\n      </div>\n    </router-link>\n    <router-link\n      v-if=\"!isPodcastmaker\"\n      :to=\"{\n        name: 'productor',\n        params: { productorId: participant.orga.id },\n      }\"\n      class=\"small-text mt-1\"\n    >\n      © {{ participant.orga.name }}\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { computed, onBeforeMount, onMounted, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  participant: { default: () => ({}), type: Object as () => Participant },\n})\n \n//Data \nconst activeParticipant = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\n\n//Computed\nconst name = computed(() => `${props.participant.firstName ?? \"\"} ${props.participant.lastName ?? \"\"}`.trim());\nconst editRight = computed(() => {\n  if (!props.participant?.orga) {\n    return false;\n  }\n  return isEditRights(props.participant.orga.id);\n});\n\nonBeforeMount(()=>{\n  if (!editRight.value) return;\n  hasPodcast();\n})\n\nonMounted(()=>{\n  const participantDesc = useTemplateRef('descriptionParticipant')?.value as HTMLElement;\n  const participantDescContainer = useTemplateRef('descriptionParticipantContainer')?.value as HTMLElement;\n\n  if (\n    null !== participantDesc &&\n    null !== participantDescContainer &&\n    participantDesc.clientHeight > participantDescContainer.clientHeight\n  ) {\n    participantDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nasync function hasPodcast(): Promise<void> {\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      participantId: props.participant.participantId,\n      first: 0,\n      size: 0,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n    },\n    specialTreatement: true,\n  });\n  if (0 === data.count) {\n    activeParticipant.value = false;\n  }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .participant-item-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  border-radius: var(--octopus-border-radius);\n  width: var(--octopus-image-size);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;EAmEA,MAAM,QAAQ;EAKd,MAAM,oBAAoB,IAAI,IAAI;EAGlC,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,qBAAqB,cAAc;EAC3C,MAAM,EAAE,gBAAgB,iBAAiB,gBAAgB;EAGzD,MAAM,OAAO,eAAe,GAAG,MAAM,YAAY,aAAa,GAAG,GAAG,MAAM,YAAY,YAAY,KAAK,KAAK,CAAC;EAC7G,MAAM,YAAY,eAAe;GAC/B,IAAI,CAAC,MAAM,aAAa,MACtB,OAAO;GAET,OAAO,aAAa,MAAM,YAAY,KAAK,EAAE;EAC/C,CAAC;EAED,oBAAkB;GAChB,IAAI,CAAC,UAAU,OAAO;GACtB,WAAW;EACb,CAAC;EAED,gBAAc;GACZ,MAAM,kBAAkB,eAAe,wBAAwB,CAAC,EAAE;GAClE,MAAM,2BAA2B,eAAe,iCAAiC,CAAC,EAAE;GAEpF,IACE,SAAS,mBACT,SAAS,4BACT,gBAAgB,eAAe,yBAAyB,cAExD,yBAAyB,UAAU,IAAI,2BAA2B;EAEtE,CAAC;EAGD,SAAS,OAAO,MAAsB;GACpC,OAAOA,sBAAc,OAAO,IAAI;EAClC;EACA,eAAe,aAA4B;GAYzC,IAAI,OAAM,MAXSC,mBAAW,UAAsC;IAClE,KAAK;IACL,MAAM;IACN,YAAY;KACV,eAAe,MAAM,YAAY;KACjC,OAAO;KACP,MAAM;KACN,eAAe,CAAC,SAAS,YAAY;IACvC;IACA,mBAAmB;GACrB,CAAC,EAAA,CACc,OACb,kBAAkB,QAAQ;EAE9B;;;;;;;;;;;;;;;;;;;;;;;;;CC5H8B,OAAM;;;AAmBzB,IAAA,aAAA,EAAA,OAAM,2DAA0D;;CAUnE,KAAI;CACJ,OAAM;;;;;;CA9BG,OAAA,OAAA,eAAfG,UAAA,GAAAC,mBAkDU,WAlDV,YAkDU,CAjDRC,YAsCc,wBAAA;EArCX,IAAE;;GAAkE,QAAA,EAAA,eAAA,OAAA,YAAY,cAAa;;EAI9F,OAAM;EACL,OAAO,OAAA,EAAC,yBAAA,EAAA,MAAkC,OAAA,KAAI,CAAA;;EAE/C,SAAAC,cASE;GATFC,eAAAC,mBASE,OAAA;IAPA,OAAM;IACN,QAAO;IACP,eAAY;IACZ,KAAI;IAEH,OAAO,OAAA,EAAC,kBAAA,EAAA,MAA2B,OAAA,KAAI,CAAA;IACxC,OAAM;GAPE,GAAA,MAAA,GAAA,UAAA,GAAA,CAAA,CAAA,iBAAA,OAAA,iBAAiB,OAAA,YAAY,UAAQ,KAAA,CAAA,CAAA,CAAA;GAS/CA,mBAQM,OARN,YAQM,CANK,CAAA,OAAA,qBAAiB,CAAK,OAAA,kBAAkB,OAAA,aADjDL,UAAA,GAAAM,YAKE,OAAA,cAAA;;IAHC,MAAM;IACP,OAAM;IACL,OAAO,OAAA,EAAC,+BAAA;GACT,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,KAAAC,mBAAA,QAAA,IAAA,GAAAC,gBAAA,MACFC,gBAAG,OAAA,IAAI,GAAA,CAAA,CAAA,CAAA;GAETJ,mBAUM,OAVN,YAUM;IANJE,mBAAA,gCAAA;IACAF,mBAGE,OAAA;KAFA,KAAI;KACJ,WAAQ,OAAA,OAAO,OAAA,YAAY,eAAW,EAAA;;IAExCE,mBAAA,iBAAA;;;;CAIK,GAAA,GAAA,CAAA,MAAA,OAAA,CAAA,GAAA,CAAA,OAAA,kBADTP,UAAA,GAAAM,YASc,wBAAA;;EAPX,IAAE;;GAA8D,QAAA,EAAA,aAAA,OAAA,YAAY,KAAK,GAAE;;EAIpF,OAAM;;EACP,SAAAH,cACG,CADHK,gBAAA,QACGC,gBAAG,OAAA,YAAY,KAAK,IAAI,GAAA,CAAA,CAAA,CAAA"}

package/dist/ParticipantItem-BTK25HID.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantItem-BTK25HID.mjs","names":["displayHelper","classicApi","_resolveComponent","_resolveDirective","_openBlock","_createElementBlock","_createVNode","_withCtx","_withDirectives","_createElementVNode","_createBlock","_createCommentVNode","_createTextVNode","_toDisplayString","_sfc_main"],"sources":["../src/components/display/participant/ParticipantItem.vue","../src/components/display/participant/ParticipantItem.vue"],"sourcesContent":["<template>\n  <article v-if=\"participant\" class=\"participant-item-container\">\n    <router-link\n      :to=\"{\n        name: 'participant',\n        params: { participantId: participant.participantId },\n      }\"\n      class=\"mt-3 text-dark\"\n      :title=\"t('Participant name page', { name: name })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(participant.imageUrl, '200')\"\n        width=\"200\"\n        height=\"200\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        \n        :title=\"t('Animator image', { name: name })\"\n        class=\"img-box border\"\n      />\n      <div class=\"d-flex align-items-center h4 justify-content-center mt-2\">\n        <AlertIcon\n          v-if=\"!activeParticipant && !isPodcastmaker && editRight\"\n          :size=\"16\"\n          class=\"text-danger me-1\"\n          :title=\"t('Participant have not podcasts')\"\n        />\n        {{ name }}\n      </div>\n      <div\n        ref=\"descriptionParticipantContainer\"\n        class=\"element-description small-description html-wysiwyg-content\"\n      >\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          ref=\"descriptionParticipant\"\n          v-html=\"urlify(participant.description || '')\"\n        />\n        <!-- eslint-enable -->\n      </div>\n    </router-link>\n    <router-link\n      v-if=\"!isPodcastmaker\"\n      :to=\"{\n        name: 'productor',\n        params: { productorId: participant.orga.id },\n      }\"\n      class=\"small-text mt-1\"\n    >\n      © {{ participant.orga.name }}\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { computed, onBeforeMount, onMounted, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  participant: { default: () => ({}), type: Object as () => Participant },\n})\n \n//Data \nconst activeParticipant = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\n\n//Computed\nconst name = computed(() => `${props.participant.firstName ?? \"\"} ${props.participant.lastName ?? \"\"}`.trim());\nconst editRight = computed(() => {\n  if (!props.participant?.orga) {\n    return false;\n  }\n  return isEditRights(props.participant.orga.id);\n});\n\nonBeforeMount(()=>{\n  if (!editRight.value) return;\n  hasPodcast();\n})\n\nonMounted(()=>{\n  const participantDesc = useTemplateRef('descriptionParticipant')?.value as HTMLElement;\n  const participantDescContainer = useTemplateRef('descriptionParticipantContainer')?.value as HTMLElement;\n\n  if (\n    null !== participantDesc &&\n    null !== participantDescContainer &&\n    participantDesc.clientHeight > participantDescContainer.clientHeight\n  ) {\n    participantDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nasync function hasPodcast(): Promise<void> {\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      participantId: props.participant.participantId,\n      first: 0,\n      size: 0,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n    },\n    specialTreatement: true,\n  });\n  if (0 === data.count) {\n    activeParticipant.value = false;\n  }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .participant-item-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  border-radius: var(--octopus-border-radius);\n  width: var(--octopus-image-size);\n}\n</style>\n","<template>\n  <article v-if=\"participant\" class=\"participant-item-container\">\n    <router-link\n      :to=\"{\n        name: 'participant',\n        params: { participantId: participant.participantId },\n      }\"\n      class=\"mt-3 text-dark\"\n      :title=\"t('Participant name page', { name: name })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(participant.imageUrl, '200')\"\n        width=\"200\"\n        height=\"200\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        \n        :title=\"t('Animator image', { name: name })\"\n        class=\"img-box border\"\n      />\n      <div class=\"d-flex align-items-center h4 justify-content-center mt-2\">\n        <AlertIcon\n          v-if=\"!activeParticipant && !isPodcastmaker && editRight\"\n          :size=\"16\"\n          class=\"text-danger me-1\"\n          :title=\"t('Participant have not podcasts')\"\n        />\n        {{ name }}\n      </div>\n      <div\n        ref=\"descriptionParticipantContainer\"\n        class=\"element-description small-description html-wysiwyg-content\"\n      >\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          ref=\"descriptionParticipant\"\n          v-html=\"urlify(participant.description || '')\"\n        />\n        <!-- eslint-enable -->\n      </div>\n    </router-link>\n    <router-link\n      v-if=\"!isPodcastmaker\"\n      :to=\"{\n        name: 'productor',\n        params: { productorId: participant.orga.id },\n      }\"\n      class=\"small-text mt-1\"\n    >\n      © {{ participant.orga.name }}\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { computed, onBeforeMount, onMounted, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  participant: { default: () => ({}), type: Object as () => Participant },\n})\n \n//Data \nconst activeParticipant = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\n\n//Computed\nconst name = computed(() => `${props.participant.firstName ?? \"\"} ${props.participant.lastName ?? \"\"}`.trim());\nconst editRight = computed(() => {\n  if (!props.participant?.orga) {\n    return false;\n  }\n  return isEditRights(props.participant.orga.id);\n});\n\nonBeforeMount(()=>{\n  if (!editRight.value) return;\n  hasPodcast();\n})\n\nonMounted(()=>{\n  const participantDesc = useTemplateRef('descriptionParticipant')?.value as HTMLElement;\n  const participantDescContainer = useTemplateRef('descriptionParticipantContainer')?.value as HTMLElement;\n\n  if (\n    null !== participantDesc &&\n    null !== participantDescContainer &&\n    participantDesc.clientHeight > participantDescContainer.clientHeight\n  ) {\n    participantDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nasync function hasPodcast(): Promise<void> {\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      participantId: props.participant.participantId,\n      first: 0,\n      size: 0,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n    },\n    specialTreatement: true,\n  });\n  if (0 === data.count) {\n    activeParticipant.value = false;\n  }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .participant-item-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  border-radius: var(--octopus-border-radius);\n  width: var(--octopus-image-size);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;EAmEA,MAAM,QAAQ;EAKd,MAAM,oBAAoB,IAAI,IAAI;EAGlC,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,qBAAqB,cAAc;EAC3C,MAAM,EAAE,gBAAgB,iBAAiB,gBAAgB;EAGzD,MAAM,OAAO,eAAe,GAAG,MAAM,YAAY,aAAa,GAAG,GAAG,MAAM,YAAY,YAAY,KAAK,KAAK,CAAC;EAC7G,MAAM,YAAY,eAAe;GAC/B,IAAI,CAAC,MAAM,aAAa,MACtB,OAAO;GAET,OAAO,aAAa,MAAM,YAAY,KAAK,EAAE;EAC/C,CAAC;EAED,oBAAkB;GAChB,IAAI,CAAC,UAAU,OAAO;GACtB,WAAW;EACb,CAAC;EAED,gBAAc;GACZ,MAAM,kBAAkB,eAAe,wBAAwB,CAAC,EAAE;GAClE,MAAM,2BAA2B,eAAe,iCAAiC,CAAC,EAAE;GAEpF,IACE,SAAS,mBACT,SAAS,4BACT,gBAAgB,eAAe,yBAAyB,cAExD,yBAAyB,UAAU,IAAI,2BAA2B;EAEtE,CAAC;EAGD,SAAS,OAAO,MAAsB;GACpC,OAAOA,sBAAc,OAAO,IAAI;EAClC;EACA,eAAe,aAA4B;GAYzC,IAAI,OAAM,MAXSC,mBAAW,UAAsC;IAClE,KAAK;IACL,MAAM;IACN,YAAY;KACV,eAAe,MAAM,YAAY;KACjC,OAAO;KACP,MAAM;KACN,eAAe,CAAC,SAAS,YAAY;IACvC;IACA,mBAAmB;GACrB,CAAC,EAAA,CACc,OACb,kBAAkB,QAAQ;EAE9B;;;;;;;;;;;;;;;;;;;;;;;;;CC5H8B,OAAM;;;AAmBzB,IAAA,aAAA,EAAA,OAAM,2DAA0D;;CAUnE,KAAI;CACJ,OAAM;;;;;;CA9BG,OAAA,OAAA,eAAfG,UAAA,GAAAC,mBAkDU,WAlDV,YAkDU,CAjDRC,YAsCc,wBAAA;EArCX,IAAE;;GAAkE,QAAA,EAAA,eAAA,OAAA,YAAY,cAAa;;EAI9F,OAAM;EACL,OAAO,OAAA,EAAC,yBAAA,EAAA,MAAkC,OAAA,KAAI,CAAA;;EAE/C,SAAAC,cASE;GATFC,eAAAC,mBASE,OAAA;IAPA,OAAM;IACN,QAAO;IACP,eAAY;IACZ,KAAI;IAEH,OAAO,OAAA,EAAC,kBAAA,EAAA,MAA2B,OAAA,KAAI,CAAA;IACxC,OAAM;GAPE,GAAA,MAAA,GAAA,UAAA,GAAA,CAAA,CAAA,iBAAA,OAAA,iBAAiB,OAAA,YAAY,UAAQ,KAAA,CAAA,CAAA,CAAA;GAS/CA,mBAQM,OARN,YAQM,CANK,CAAA,OAAA,qBAAiB,CAAK,OAAA,kBAAkB,OAAA,aADjDL,UAAA,GAAAM,YAKE,OAAA,cAAA;;IAHC,MAAM;IACP,OAAM;IACL,OAAO,OAAA,EAAC,+BAAA;GACT,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,KAAAC,mBAAA,QAAA,IAAA,GAAAC,gBAAA,MACFC,gBAAG,OAAA,IAAI,GAAA,CAAA,CAAA,CAAA;GAETJ,mBAUM,OAVN,YAUM;IANJE,mBAAA,gCAAA;IACAF,mBAGE,OAAA;KAFA,KAAI;KACJ,WAAQ,OAAA,OAAO,OAAA,YAAY,eAAW,EAAA;;IAExCE,mBAAA,iBAAA;;;;CAIK,GAAA,GAAA,CAAA,MAAA,OAAA,CAAA,GAAA,CAAA,OAAA,kBADTP,UAAA,GAAAM,YASc,wBAAA;;EAPX,IAAE;;GAA8D,QAAA,EAAA,aAAA,OAAA,YAAY,KAAK,GAAE;;EAIpF,OAAM;;EACP,SAAAH,cACG,CADHK,gBAAA,QACGC,gBAAG,OAAA,YAAY,KAAK,IAAI,GAAA,CAAA,CAAA,CAAA"}

package/dist/{ParticipantItem-BZAUIeSR.mjs → ParticipantItem-CbHOfVon.mjs}

@@ -1,7 +1,7 @@
-import { t as e } from "./classicApi-pmODlqv5.mjs";
+import { t as e } from "./classicApi-CGipMqf7.mjs";
 import { t } from "./displayHelper-DQtoqc_6.mjs";
-import { t as n } from "./useImageProxy-8ndy_oTo.mjs";
-import { t as r } from "./useOrgaComputed-CBJ5sDOm.mjs";
+import { t as n } from "./useImageProxy-CCpDzPmQ.mjs";
+import { t as r } from "./useOrgaComputed-D81Jihm-.mjs";
 import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, onBeforeMount as f, onMounted as p, openBlock as m, ref as h, resolveComponent as g, resolveDirective as _, toDisplayString as v, unref as y, useTemplateRef as b, withCtx as x, withDirectives as S } from "vue";
 import { useI18n as C } from "vue-i18n";
 import w from "vue-material-design-icons/Alert.vue";

package/dist/ParticipantPage-B4VnV8Yc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantPage-B4VnV8Yc.mjs","names":["displayHelper","classicApi","_resolveDirective","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_toDisplayString","_withDirectives","_createCommentVNode","_renderSlot","_createBlock","_withCtx","_createVNode","_sfc_main"],"sources":["../src/components/pages/ParticipantPage.vue","../src/components/pages/ParticipantPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error && participant\">\n      <h1>\n        {{ t(\"Animator\") }}\n      </h1>\n      <section class=\"d-flex flex-column align-items-center mb-3\">\n        <img\n          v-lazy=\"useProxyImageUrl(participant.imageUrl, '200')\"\n          width=\"200\"\n          height=\"200\"\n          aria-hidden=\"true\"\n          alt=\"\"\n          :title=\"t('Animator image', { name: name })\"\n          class=\"img-box mb-3\"\n        />\n        <h2 class=\"text-capitalize\">\n          {{ name }}\n        </h2>\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          class=\"participant-desc html-wysiwyg-content\"\n          v-html=\"urlify(description)\"\n        />\n        <!-- eslint-enable -->\n        <slot\n          v-if=\"editRight && !state.generalParameters.podcastmaker\"\n          name=\"edit-box\"\n          :participant=\"participant\"\n          :on-updated=\"updateParticipant\"\n        />\n        <ShareSocialsButtons\n          v-if=\"state.podcastPage.ShareButtons\"\n          class=\"w-100\"\n          :organisation-id=\"participant.orga.id\"\n        >\n        <template #additional-buttons>\n          <ShareAnonymous \n            :participant-id=\"participant.participantId\" \n            :organisation-id=\"participant.orga.id\"\n            relative-class=\"\"\n            btn-class=\"btn share-btn mb-2 text-dark me-2\"\n          />\n        </template>\n        </ShareSocialsButtons>\n      </section>\n      <!-- productorId define to avoid overwrite #12817 -->\n      <PodcastFilterList\n        v-if=\"isInit\"\n        v-model:query=\"searchPattern\"\n        :first=\"paginateFirst\"\n        :size=\"ps\"\n        :participant-id=\"participantId\"\n        :name=\"name\"\n        :category-filter=\"true\"\n        :productor-id=\"['']\"\n        :reload=\"reload\"\n        :show-count=\"true\"\n        :force-update-parameters=\"true\"\n      />\n    </template>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"error ? t(`Animator doesn't exist`) : undefined\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../api/classicApi\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport {useOrgaComputed} from \"../composable/useOrgaComputed\";\nimport {useErrorHandler} from \"../composable/useErrorHandler\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport { computed, defineAsyncComponent, ref, Ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nconst ShareSocialsButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/ShareSocialsButtons.vue\"),\n);\nconst PodcastFilterList = defineAsyncComponent(\n  () => import(\"../display/podcasts/PodcastFilterList.vue\"),\n);\nconst ShareAnonymous = defineAsyncComponent(() => import(\"../display/sharing/ShareAnonymous.vue\"));\n\n\n//Props\nconst props = defineProps({\n  participantId: { default: undefined, type: Number },\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Data\nconst loaded = ref(false);\nconst error = ref(false);\nconst reload = ref(false);\nconst participant: Ref<Participant | undefined> = ref(undefined);\n\n\n//Composables\nconst route = useRoute();\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst {  isEditRights } = useOrgaComputed();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\nconst {\n  searchPattern,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props, true);\n\n\n//Computed\nconst description = computed(() =>participant.value?.description ?? \"\");\nconst name = computed(() =>`${participant.value?.firstName ?? \"\"} ${participant.value?.lastName ?? \"\"}`.trim());\nconst editRight = computed(() =>isEditRights(participant.value?.orga?.id));\n\n\n//Watch\nwatch(participant, () => {reload.value = !reload.value}, {deep: true});\nwatch(()=>props.participantId, () =>getParticipantDetails(), {immediate: true});\n\n\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction  initError(): void {\n  error.value = true;\n  loaded.value = true;\n}\nasync function getParticipantDetails(): Promise<void> {\n  loaded.value = false;\n  try {\n    const data = await classicApi.fetchData<Participant>({\n      api: 0,\n      path: \"participant/\" + props.participantId,\n    });\n    if (\n      \"PUBLIC\" !== data?.orga?.privacy &&\n      filterStore.filterOrgaId !== data?.orga?.id &&\n      route.query.productor !== data?.orga?.id\n    ) {\n      initError();\n      return;\n    }\n    updateParticipant(data);\n    loaded.value = true;\n  } catch (error) {\n    handle403(error as AxiosError);\n    initError();\n  }\n}\nfunction updateParticipant(participantUpdated: Participant): void {\n  participant.value = participantUpdated;\n  updatePathParams(name.value);\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  @media (width >= 950px) {\n    .participant-desc {\n      max-width: 50%;\n      line-height: 1.5em;\n    }\n  }\n}\n</style>\n","<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error && participant\">\n      <h1>\n        {{ t(\"Animator\") }}\n      </h1>\n      <section class=\"d-flex flex-column align-items-center mb-3\">\n        <img\n          v-lazy=\"useProxyImageUrl(participant.imageUrl, '200')\"\n          width=\"200\"\n          height=\"200\"\n          aria-hidden=\"true\"\n          alt=\"\"\n          :title=\"t('Animator image', { name: name })\"\n          class=\"img-box mb-3\"\n        />\n        <h2 class=\"text-capitalize\">\n          {{ name }}\n        </h2>\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          class=\"participant-desc html-wysiwyg-content\"\n          v-html=\"urlify(description)\"\n        />\n        <!-- eslint-enable -->\n        <slot\n          v-if=\"editRight && !state.generalParameters.podcastmaker\"\n          name=\"edit-box\"\n          :participant=\"participant\"\n          :on-updated=\"updateParticipant\"\n        />\n        <ShareSocialsButtons\n          v-if=\"state.podcastPage.ShareButtons\"\n          class=\"w-100\"\n          :organisation-id=\"participant.orga.id\"\n        >\n        <template #additional-buttons>\n          <ShareAnonymous \n            :participant-id=\"participant.participantId\" \n            :organisation-id=\"participant.orga.id\"\n            relative-class=\"\"\n            btn-class=\"btn share-btn mb-2 text-dark me-2\"\n          />\n        </template>\n        </ShareSocialsButtons>\n      </section>\n      <!-- productorId define to avoid overwrite #12817 -->\n      <PodcastFilterList\n        v-if=\"isInit\"\n        v-model:query=\"searchPattern\"\n        :first=\"paginateFirst\"\n        :size=\"ps\"\n        :participant-id=\"participantId\"\n        :name=\"name\"\n        :category-filter=\"true\"\n        :productor-id=\"['']\"\n        :reload=\"reload\"\n        :show-count=\"true\"\n        :force-update-parameters=\"true\"\n      />\n    </template>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"error ? t(`Animator doesn't exist`) : undefined\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../api/classicApi\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport {useOrgaComputed} from \"../composable/useOrgaComputed\";\nimport {useErrorHandler} from \"../composable/useErrorHandler\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport { computed, defineAsyncComponent, ref, Ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nconst ShareSocialsButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/ShareSocialsButtons.vue\"),\n);\nconst PodcastFilterList = defineAsyncComponent(\n  () => import(\"../display/podcasts/PodcastFilterList.vue\"),\n);\nconst ShareAnonymous = defineAsyncComponent(() => import(\"../display/sharing/ShareAnonymous.vue\"));\n\n\n//Props\nconst props = defineProps({\n  participantId: { default: undefined, type: Number },\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Data\nconst loaded = ref(false);\nconst error = ref(false);\nconst reload = ref(false);\nconst participant: Ref<Participant | undefined> = ref(undefined);\n\n\n//Composables\nconst route = useRoute();\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst {  isEditRights } = useOrgaComputed();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\nconst {\n  searchPattern,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props, true);\n\n\n//Computed\nconst description = computed(() =>participant.value?.description ?? \"\");\nconst name = computed(() =>`${participant.value?.firstName ?? \"\"} ${participant.value?.lastName ?? \"\"}`.trim());\nconst editRight = computed(() =>isEditRights(participant.value?.orga?.id));\n\n\n//Watch\nwatch(participant, () => {reload.value = !reload.value}, {deep: true});\nwatch(()=>props.participantId, () =>getParticipantDetails(), {immediate: true});\n\n\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction  initError(): void {\n  error.value = true;\n  loaded.value = true;\n}\nasync function getParticipantDetails(): Promise<void> {\n  loaded.value = false;\n  try {\n    const data = await classicApi.fetchData<Participant>({\n      api: 0,\n      path: \"participant/\" + props.participantId,\n    });\n    if (\n      \"PUBLIC\" !== data?.orga?.privacy &&\n      filterStore.filterOrgaId !== data?.orga?.id &&\n      route.query.productor !== data?.orga?.id\n    ) {\n      initError();\n      return;\n    }\n    updateParticipant(data);\n    loaded.value = true;\n  } catch (error) {\n    handle403(error as AxiosError);\n    initError();\n  }\n}\nfunction updateParticipant(participantUpdated: Participant): void {\n  participant.value = participantUpdated;\n  updatePathParams(name.value);\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  @media (width >= 950px) {\n    .participant-desc {\n      max-width: 50%;\n      line-height: 1.5em;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/ParticipantPage-B6Gzg6ul.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantPage-B6Gzg6ul.mjs","names":["displayHelper","classicApi","_resolveDirective","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_toDisplayString","_withDirectives","_createCommentVNode","_renderSlot","_createBlock","_withCtx","_createVNode","_sfc_main"],"sources":["../src/components/pages/ParticipantPage.vue","../src/components/pages/ParticipantPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error && participant\">\n      <h1>\n        {{ t(\"Animator\") }}\n      </h1>\n      <section class=\"d-flex flex-column align-items-center mb-3\">\n        <img\n          v-lazy=\"useProxyImageUrl(participant.imageUrl, '200')\"\n          width=\"200\"\n          height=\"200\"\n          aria-hidden=\"true\"\n          alt=\"\"\n          :title=\"t('Animator image', { name: name })\"\n          class=\"img-box mb-3\"\n        />\n        <h2 class=\"text-capitalize\">\n          {{ name }}\n        </h2>\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          class=\"participant-desc html-wysiwyg-content\"\n          v-html=\"urlify(description)\"\n        />\n        <!-- eslint-enable -->\n        <slot\n          v-if=\"editRight && !state.generalParameters.podcastmaker\"\n          name=\"edit-box\"\n          :participant=\"participant\"\n          :on-updated=\"updateParticipant\"\n        />\n        <ShareSocialsButtons\n          v-if=\"state.podcastPage.ShareButtons\"\n          class=\"w-100\"\n          :organisation-id=\"participant.orga.id\"\n        >\n        <template #additional-buttons>\n          <ShareAnonymous \n            :participant-id=\"participant.participantId\" \n            :organisation-id=\"participant.orga.id\"\n            relative-class=\"\"\n            btn-class=\"btn share-btn mb-2 text-dark me-2\"\n          />\n        </template>\n        </ShareSocialsButtons>\n      </section>\n      <!-- productorId define to avoid overwrite #12817 -->\n      <PodcastFilterList\n        v-if=\"isInit\"\n        v-model:query=\"searchPattern\"\n        :first=\"paginateFirst\"\n        :size=\"ps\"\n        :participant-id=\"participantId\"\n        :name=\"name\"\n        :category-filter=\"true\"\n        :productor-id=\"['']\"\n        :reload=\"reload\"\n        :show-count=\"true\"\n        :force-update-parameters=\"true\"\n      />\n    </template>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"error ? t(`Animator doesn't exist`) : undefined\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../api/classicApi\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport {useOrgaComputed} from \"../composable/useOrgaComputed\";\nimport {useErrorHandler} from \"../composable/useErrorHandler\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport { computed, defineAsyncComponent, ref, Ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nconst ShareSocialsButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/ShareSocialsButtons.vue\"),\n);\nconst PodcastFilterList = defineAsyncComponent(\n  () => import(\"../display/podcasts/PodcastFilterList.vue\"),\n);\nconst ShareAnonymous = defineAsyncComponent(() => import(\"../display/sharing/ShareAnonymous.vue\"));\n\n\n//Props\nconst props = defineProps({\n  participantId: { default: undefined, type: Number },\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Data\nconst loaded = ref(false);\nconst error = ref(false);\nconst reload = ref(false);\nconst participant: Ref<Participant | undefined> = ref(undefined);\n\n\n//Composables\nconst route = useRoute();\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst {  isEditRights } = useOrgaComputed();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\nconst {\n  searchPattern,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props, true);\n\n\n//Computed\nconst description = computed(() =>participant.value?.description ?? \"\");\nconst name = computed(() =>`${participant.value?.firstName ?? \"\"} ${participant.value?.lastName ?? \"\"}`.trim());\nconst editRight = computed(() =>isEditRights(participant.value?.orga?.id));\n\n\n//Watch\nwatch(participant, () => {reload.value = !reload.value}, {deep: true});\nwatch(()=>props.participantId, () =>getParticipantDetails(), {immediate: true});\n\n\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction  initError(): void {\n  error.value = true;\n  loaded.value = true;\n}\nasync function getParticipantDetails(): Promise<void> {\n  loaded.value = false;\n  try {\n    const data = await classicApi.fetchData<Participant>({\n      api: 0,\n      path: \"participant/\" + props.participantId,\n    });\n    if (\n      \"PUBLIC\" !== data?.orga?.privacy &&\n      filterStore.filterOrgaId !== data?.orga?.id &&\n      route.query.productor !== data?.orga?.id\n    ) {\n      initError();\n      return;\n    }\n    updateParticipant(data);\n    loaded.value = true;\n  } catch (error) {\n    handle403(error as AxiosError);\n    initError();\n  }\n}\nfunction updateParticipant(participantUpdated: Participant): void {\n  participant.value = participantUpdated;\n  updatePathParams(name.value);\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  @media (width >= 950px) {\n    .participant-desc {\n      max-width: 50%;\n      line-height: 1.5em;\n    }\n  }\n}\n</style>\n","<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error && participant\">\n      <h1>\n        {{ t(\"Animator\") }}\n      </h1>\n      <section class=\"d-flex flex-column align-items-center mb-3\">\n        <img\n          v-lazy=\"useProxyImageUrl(participant.imageUrl, '200')\"\n          width=\"200\"\n          height=\"200\"\n          aria-hidden=\"true\"\n          alt=\"\"\n          :title=\"t('Animator image', { name: name })\"\n          class=\"img-box mb-3\"\n        />\n        <h2 class=\"text-capitalize\">\n          {{ name }}\n        </h2>\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          class=\"participant-desc html-wysiwyg-content\"\n          v-html=\"urlify(description)\"\n        />\n        <!-- eslint-enable -->\n        <slot\n          v-if=\"editRight && !state.generalParameters.podcastmaker\"\n          name=\"edit-box\"\n          :participant=\"participant\"\n          :on-updated=\"updateParticipant\"\n        />\n        <ShareSocialsButtons\n          v-if=\"state.podcastPage.ShareButtons\"\n          class=\"w-100\"\n          :organisation-id=\"participant.orga.id\"\n        >\n        <template #additional-buttons>\n          <ShareAnonymous \n            :participant-id=\"participant.participantId\" \n            :organisation-id=\"participant.orga.id\"\n            relative-class=\"\"\n            btn-class=\"btn share-btn mb-2 text-dark me-2\"\n          />\n        </template>\n        </ShareSocialsButtons>\n      </section>\n      <!-- productorId define to avoid overwrite #12817 -->\n      <PodcastFilterList\n        v-if=\"isInit\"\n        v-model:query=\"searchPattern\"\n        :first=\"paginateFirst\"\n        :size=\"ps\"\n        :participant-id=\"participantId\"\n        :name=\"name\"\n        :category-filter=\"true\"\n        :productor-id=\"['']\"\n        :reload=\"reload\"\n        :show-count=\"true\"\n        :force-update-parameters=\"true\"\n      />\n    </template>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"error ? t(`Animator doesn't exist`) : undefined\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../api/classicApi\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport {useOrgaComputed} from \"../composable/useOrgaComputed\";\nimport {useErrorHandler} from \"../composable/useErrorHandler\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport { computed, defineAsyncComponent, ref, Ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nconst ShareSocialsButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/ShareSocialsButtons.vue\"),\n);\nconst PodcastFilterList = defineAsyncComponent(\n  () => import(\"../display/podcasts/PodcastFilterList.vue\"),\n);\nconst ShareAnonymous = defineAsyncComponent(() => import(\"../display/sharing/ShareAnonymous.vue\"));\n\n\n//Props\nconst props = defineProps({\n  participantId: { default: undefined, type: Number },\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Data\nconst loaded = ref(false);\nconst error = ref(false);\nconst reload = ref(false);\nconst participant: Ref<Participant | undefined> = ref(undefined);\n\n\n//Composables\nconst route = useRoute();\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst {  isEditRights } = useOrgaComputed();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\nconst {\n  searchPattern,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props, true);\n\n\n//Computed\nconst description = computed(() =>participant.value?.description ?? \"\");\nconst name = computed(() =>`${participant.value?.firstName ?? \"\"} ${participant.value?.lastName ?? \"\"}`.trim());\nconst editRight = computed(() =>isEditRights(participant.value?.orga?.id));\n\n\n//Watch\nwatch(participant, () => {reload.value = !reload.value}, {deep: true});\nwatch(()=>props.participantId, () =>getParticipantDetails(), {immediate: true});\n\n\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction  initError(): void {\n  error.value = true;\n  loaded.value = true;\n}\nasync function getParticipantDetails(): Promise<void> {\n  loaded.value = false;\n  try {\n    const data = await classicApi.fetchData<Participant>({\n      api: 0,\n      path: \"participant/\" + props.participantId,\n    });\n    if (\n      \"PUBLIC\" !== data?.orga?.privacy &&\n      filterStore.filterOrgaId !== data?.orga?.id &&\n      route.query.productor !== data?.orga?.id\n    ) {\n      initError();\n      return;\n    }\n    updateParticipant(data);\n    loaded.value = true;\n  } catch (error) {\n    handle403(error as AxiosError);\n    initError();\n  }\n}\nfunction updateParticipant(participantUpdated: Participant): void {\n  participant.value = participantUpdated;\n  updatePathParams(name.value);\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  @media (width >= 950px) {\n    .participant-desc {\n      max-width: 50%;\n      line-height: 1.5em;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}