@icij/murmur-next 4.0.0 → 4.0.3

package/dist/lib/types.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="@/shims-vue" />
+/// <reference types="node_modules/vue-i18n/dist/vue-i18n" />
+import type { StyleValue } from '../node_modules/vue';
+import { AccordionKey, ParentKey } from './keys';
+import { ComputedRef } from '../node_modules/vue';
+import type { GeoProjection } from 'd3-geo';
+import { Ref } from '../node_modules/vue';
+export type Step = symbol | string;
+export type Accordion = {
+    emitAccordionNextStepEvent: () => void;
+    emitAccordionPreviousStepEvent: () => void;
+    isActiveStep: (step: Step) => boolean;
+    isPreviousStep: (step: Step) => boolean;
+    isFirstStep: (step: Step) => boolean;
+    isLastStep: (step: Step) => boolean;
+    step: Step;
+    steps: Step[];
+};
+export type AccordionProvide = {
+    [AccordionKey]: Accordion;
+};
+export type BrandStyle = StyleValue & {
+    '--monochrome-color': string;
+    color: string;
+    background: string;
+    width: string;
+};
+export type BrandExpansionStyle = Pick<BrandStyle, '--monochrome-color' | 'background'>;
+export type Variant = 'primary' | 'secondary' | 'danger' | 'info' | 'warning' | 'success' | 'dark' | 'light';
+export type MapTransform = {
+    k: number;
+    x: number;
+    y: number;
+    rotateX: number;
+    rotateY: number;
+};
+export type ParentMap = {
+    mapRect: Ref<DOMRect>;
+    mapTransform: Ref<MapTransform>;
+    rotatingMapProjection: ComputedRef<GeoProjection | Function>;
+};
+export type ParentMapProvide = {
+    [ParentKey]: ParentMap;
+};

package/dist/lib/utils/animation.d.ts

@@ -0,0 +1,8 @@
+export declare class RequestAnimationFrameWrapper {
+    live: boolean;
+    callback: () => void;
+    constructor();
+    start(callback: () => void): void;
+    stop(): void;
+    schedule(): void;
+}

package/dist/lib/utils/assets.d.ts

@@ -0,0 +1,2 @@
+export declare const injectAsset: ((file: string, id?: string) => Promise<unknown>) & import("lodash").MemoizedFunction;
+export declare const injectAssets: (...args: string[]) => Promise<void>;

package/dist/lib/utils/clipboard.d.ts

@@ -0,0 +1,2 @@
+export declare function copyText(text: string, container: Element): Promise<void>;
+export declare function copyHtml(html: string, plain: string): void;

package/dist/lib/utils/iframe-resizer.d.ts

@@ -0,0 +1,10 @@
+import { Child as PymChild } from 'pym.js';
+export default class IframeResizer {
+    initializer: Promise<PymChild>;
+    constructor();
+    sendHeight(): Promise<void>;
+    static create(): IframeResizer;
+    static template(url: string, id?: string): string;
+    static deletePymParams(href?: string): string;
+    static isEmbedded(href?: string): boolean;
+}

package/dist/lib/utils/placeholder.d.ts

@@ -0,0 +1,12 @@
+import { BoxStyle, ContentPlaceholderStyledRows, ContentPlaceholderRows } from './placeholderTypes';
+export declare function isFlexBasis(value: string | number): boolean;
+export declare function isWidth(value: string | number): boolean;
+export declare function getBoxStyle(left: number, width: number, isLast: boolean, subClass?: string): BoxStyle[];
+export declare function formatRows(rows: ContentPlaceholderRows, subClass?: string): ContentPlaceholderStyledRows;
+declare const _default: {
+    isFlexBasis: typeof isFlexBasis;
+    isWidth: typeof isWidth;
+    getBoxStyle: typeof getBoxStyle;
+    formatRows: typeof formatRows;
+};
+export default _default;

package/dist/lib/utils/placeholderTypes.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="@/shims-vue" />
+/// <reference types="vue-i18n" />
+import type { StyleValue } from '../../node_modules/vue';
+export interface BoxStyle {
+    style: StyleValue;
+    subClass?: string;
+}
+export type ContentPlaceholderRowBoxes = Array<Array<number | string>>;
+export interface ContentPlaceholderRow {
+    height: number | string;
+    boxes: ContentPlaceholderRowBoxes;
+}
+export interface ContentPlaceholderStyledRow {
+    height: number | string;
+    boxes: Array<BoxStyle>;
+}
+export type ContentPlaceholderStyledRows = Array<ContentPlaceholderStyledRow>;
+export type ContentPlaceholderRows = Array<ContentPlaceholderRow>;

package/dist/lib/utils/strings.d.ts

@@ -0,0 +1 @@
+export declare function isUrl(value: string): boolean;

package/lib/components/AccordionStep.vue

@@ -1,11 +1,11 @@
 <template>
   <b-card
-      :class="{
+    :class="{
       'accordion-wrapper__content__step--active': isActive,
       'accordion-wrapper__content__step--previous': isPrevious
     }"
-      class="accordion-wrapper__content__step"
-      no-body
+    class="accordion-wrapper__content__step"
+    no-body
   >
     <h4 class="card-body accordion-wrapper__content__step__heading m-0">
       <!-- @slot Title of the step -->
@@ -13,85 +13,97 @@
         {{ title }}
       </slot>
     </h4>
-    <b-collapse :visible="isActive">
+    <slide-up-down :active="isActive">
       <div class="accordion-wrapper__content__step__main card-body row g-0">
         <!-- @slot Content of the step with props {isFirst:boolean, isLast:boolean, step:Step, nextStep:Function}-->
-        <slot name="content" v-bind="{ isFirst, isLast, step, previousStep, nextStep }">
+        <slot
+          name="content"
+          v-bind="{ isFirst, isLast, step, previousStep, nextStep }"
+        >
           {{ content }}
         </slot>
       </div>
       <div class="card-footer">
         <!-- @slot Previous step button with props {isFirst:boolean, isLast:boolean, step:Step, nextStep:Function} -->
-        <slot name="previousStepButton" v-bind="{ isFirst, isLast, step, previousStep }">
+        <slot
+          name="previousStepButton"
+          v-bind="{ isFirst, isLast, step, previousStep }"
+        >
           <b-button
-              v-if="!isFirst"
-              class="accordion-wrapper__content__step__back-button"
-              type="button"
-              variant="link"
-              @click="previousStep"
+            v-if="!isFirst"
+            class="accordion-wrapper__content__step__back-button"
+            type="button"
+            variant="link"
+            @click="previousStep"
           >
             Back
           </b-button>
         </slot>
         <!-- @slot Next step button with props {isFirst:boolean, isLast:boolean, step:Step, nextStep:Function} }-->
-        <slot name="nextStepButton" v-bind="{ isFirst, isLast, step, nextStep }">
+        <slot
+          name="nextStepButton"
+          v-bind="{ isFirst, isLast, step, nextStep }"
+        >
           <b-button
-              v-if="!isLast"
-              class="accordion-wrapper__content__step__continue-button"
-              type="button"
-              variant="primary"
-              @click="nextStep"
+            v-if="!isLast"
+            class="accordion-wrapper__content__step__continue-button"
+            type="button"
+            variant="primary"
+            @click="nextStep"
           >
             Continue
           </b-button>
         </slot>
       </div>
-    </b-collapse>
+    </slide-up-down>
   </b-card>
 </template>
 
 <script lang="ts">
-import {computed, defineComponent, inject, PropType} from 'vue';
-import {AccordionKey} from '@/keys'
-import {Accordion, Step} from '@/types'
+import { computed, defineComponent, inject, PropType } from 'vue'
+
+import SlideUpDown from '@/components/SlideUpDown.vue'
+import { AccordionKey } from '@/keys'
+import { Accordion, Step } from '@/types'
 
 export default defineComponent({
+  components: {
+    SlideUpDown
+  },
   props: {
     /**
      * Step name
      */
-    step: {type: [String, Object as () => Step, Symbol], required: true},
+    step: { type: [String, Object as () => Step, Symbol], required: true },
     /**
      * Title of the step card
      */
-    title: {type: String, default: "Step"},
+    title: { type: String, default: 'Step' },
 
     /**
      * Content of the step card
      */
-    content: {type: String, default: "Step"},
+    content: { type: String, default: 'Step' },
     /**
      * Force card expansion/collapse
      */
-    active: {type: Boolean as PropType<boolean|undefined>, default: false},
+    active: { type: Boolean as PropType<boolean | undefined>, default: false }
   },
   emits: ['next-step', 'previous-step'],
-  setup(props: { step: Step, active: boolean|undefined }, {emit}: any) {
-
+  setup(props: { step: Step; active: boolean | undefined }, { emit }: any) {
     const accordion = inject<Accordion>(AccordionKey)
     const isActive = computed(() => {
-      const fromAccordion = !!accordion?.isActiveStep(props.step);
-      const fromSelf = props.active !== undefined ? props.active : false;
-      return fromSelf || fromAccordion;
-    });
-
-    const isPrevious = computed(() => !!accordion?.isPreviousStep(props.step));
-    const isFirst = computed(() => !!accordion?.isFirstStep(props.step));
-    const isLast = computed(() => !!accordion?.isLastStep(props.step));
+      const fromAccordion = !!accordion?.isActiveStep(props.step)
+      const fromSelf = props.active !== undefined ? props.active : false
+      return fromSelf || fromAccordion
+    })
 
+    const isPrevious = computed(() => !!accordion?.isPreviousStep(props.step))
+    const isFirst = computed(() => !!accordion?.isFirstStep(props.step))
+    const isLast = computed(() => !!accordion?.isLastStep(props.step))
 
     const nextStep = () => {
-      accordion?.emitAccordionNextStepEvent();
+      accordion?.emitAccordionNextStepEvent()
       /**
        * Fired when the nextStep function is called
        * either by clicking on the next button or in the next step slot
@@ -99,11 +111,11 @@ export default defineComponent({
        * @event next-step
        * @param Mixed New step value.
        */
-      emit('next-step');
-    };
+      emit('next-step')
+    }
 
     const previousStep = () => {
-      accordion?.emitAccordionPreviousStepEvent();
+      accordion?.emitAccordionPreviousStepEvent()
       /**
        * Fired when the previousStep function is called
        * either by clicking on the previous button or in the previous step slot
@@ -111,8 +123,8 @@ export default defineComponent({
        * @event previous-step
        * @param Mixed New step value.
        */
-      emit('previous-step');
-    };
+      emit('previous-step')
+    }
     return {
       isFirst,
       isLast,
@@ -124,5 +136,4 @@ export default defineComponent({
     }
   }
 })
-
 </script>

package/lib/components/AccordionWrapper.vue

@@ -8,40 +8,41 @@
 </template>
 
 <script lang="ts">
-import {computed, PropType, provide, defineComponent} from 'vue';
-import { AccordionKey } from '@/keys';
-import {Accordion, Step} from '@/types';
+import { computed, PropType, provide, defineComponent } from 'vue'
+import { AccordionKey } from '@/keys'
+import { Accordion, Step } from '@/types'
 
-const STEP_CHANGE_EVENT: string = 'step-change';
+const STEP_CHANGE_EVENT: string = 'step-change'
 export default defineComponent({
-  props:{
+  props: {
     step: {
       type: [String, Symbol, Object as () => Step],
-      required: true,
+      required: true
     },
     steps: {
       type: Array as PropType<Step[]>,
-      required: true,
-    },
+      required: true
+    }
   },
-  emits:['step-change'],
-  setup(props,{emit}){
-
+  emits: ['step-change'],
+  setup(props, { emit }) {
     const emitAccordionNextStepEvent = () => {
-      emit('step-change', props.steps[activeStepIndex.value + 1] || props.step);
-    };
+      emit('step-change', props.steps[activeStepIndex.value + 1] || props.step)
+    }
 
     const emitAccordionPreviousStepEvent = () => {
-      emit('step-change', props.steps[activeStepIndex.value - 1] || props.step);
-    };
-
-    const activeStepIndex = computed(() => props.steps?.indexOf(props.step));
+      emit('step-change', props.steps[activeStepIndex.value - 1] || props.step)
+    }
 
-    const isFirstStep = (step: Step): boolean => props.steps?.indexOf(step) === 0;
-    const isLastStep = (step: Step): boolean => props.steps?.indexOf(step) === props.steps?.length - 1;
-    const isActiveStep = (step: Step): boolean => props.step === step;
-    const isPreviousStep = (step: Step): boolean => props.steps?.indexOf(step) < activeStepIndex.value;
+    const activeStepIndex = computed(() => props.steps?.indexOf(props.step))
 
+    const isFirstStep = (step: Step): boolean =>
+      props.steps?.indexOf(step) === 0
+    const isLastStep = (step: Step): boolean =>
+      props.steps?.indexOf(step) === props.steps?.length - 1
+    const isActiveStep = (step: Step): boolean => props.step === step
+    const isPreviousStep = (step: Step): boolean =>
+      props.steps?.indexOf(step) < activeStepIndex.value
 
     provide<Accordion>(AccordionKey, {
       emitAccordionNextStepEvent,
@@ -51,7 +52,7 @@ export default defineComponent({
       isFirstStep,
       isLastStep,
       step: props.step,
-      steps: props.steps,
+      steps: props.steps
     })
     return {
       emitAccordionNextStepEvent,
@@ -65,7 +66,6 @@ export default defineComponent({
 })
 </script>
 
-
 <style lang="scss" scoped>
 @use 'sass:math';
 @import '../styles/variables.scss';
@@ -83,7 +83,8 @@ export default defineComponent({
       opacity: $btn-disabled-opacity;
       transition: $transition-base;
 
-      &--active,&--previous {
+      &--active,
+      &--previous {
         opacity: 1;
       }
 

package/lib/components/ActiveTextTruncate.vue

@@ -1,9 +1,12 @@
 <script lang="ts">
-import {computed, defineComponent, ref, watch} from 'vue'
-import useResizeObserver from "@/composables/resizeObserver";
+import { computed, defineComponent, ref, watch } from 'vue'
+import useResizeObserver from '@/composables/resizeObserver'
 import { RequestAnimationFrameWrapper } from '@/utils/animation'
 
-type ActiveTextTruncateData = { textLivePosition: number; resizeObserverKey: string | null }
+type ActiveTextTruncateData = {
+  textLivePosition: number
+  resizeObserverKey: string | null
+}
 
 export default defineComponent({
   name: 'ActiveTextTruncate',
@@ -47,15 +50,15 @@ export default defineComponent({
       validator: (value: string) => ['ltr', 'rtl'].indexOf(value) > -1
     }
   },
-  emits:['cancel','end','start'],
-  setup(props,{emit}){
-    const el  = ref(null)
+  emits: ['cancel', 'end', 'start'],
+  setup(props, { emit }) {
+    const el = ref(null)
     const textLivePosition = ref(0)
-     // This will hold a key generated every time the component is resized.
-    const {resizeRef,resizeState} = useResizeObserver(el)
-      watch(resizeState,()=>{
-        onResized()
-      })
+    // This will hold a key generated every time the component is resized.
+    const { resizeRef, resizeState } = useResizeObserver(el)
+    watch(resizeState, () => {
+      onResized()
+    })
 
     const wrapperElement = computed((): HTMLElement | null => {
       const selector = '.active-text-truncate__wrapper'
@@ -75,7 +78,9 @@ export default defineComponent({
       return `${props.delay}ms`
     })
     const textOffsetTransitionDuration = computed((): string => {
-      const offset = Math.abs(wrapperElementWidth.value - textElementWidth.value)
+      const offset = Math.abs(
+        wrapperElementWidth.value - textElementWidth.value
+      )
       const duration = offset / props.ppms
       return `${duration}ms`
     })
@@ -86,7 +91,7 @@ export default defineComponent({
       const offset = wrapperElementWidth.value - textElementWidth.value
       return `${offset}px`
     })
-    const textOffsetValues = computed((): string [] => {
+    const textOffsetValues = computed((): string[] => {
       if (props.direction === 'ltr') {
         return [textInitialOffset.value, textFinalOffset.value]
       }
@@ -103,20 +108,27 @@ export default defineComponent({
     })
     const fadingLeftWidth = computed((): string => {
       const offset = textLivePosition.value
-      const width = Math.min(Math.max(props.fadingMinWidth, Math.abs(offset)), props.fadingMaxWidth)
+      const width = Math.min(
+        Math.max(props.fadingMinWidth, Math.abs(offset)),
+        props.fadingMaxWidth
+      )
       return `${width}px`
     })
     const fadingRightWidth = computed((): string => {
       const offset = parseInt(textFinalOffset.value) - textLivePosition.value
-      const width = Math.min(Math.max(props.fadingMinWidth, Math.abs(offset)), props.fadingMaxWidth)
+      const width = Math.min(
+        Math.max(props.fadingMinWidth, Math.abs(offset)),
+        props.fadingMaxWidth
+      )
       return `${width}px`
     })
-    const textLivePositionRequestAnimationFrame = computed((): RequestAnimationFrameWrapper => {
-      return new RequestAnimationFrameWrapper()
-    })
+    const textLivePositionRequestAnimationFrame = computed(
+      (): RequestAnimationFrameWrapper => {
+        return new RequestAnimationFrameWrapper()
+      }
+    )
 
     function onResized() {
-
       textLivePosition.value = parseInt(textOffsetValues.value[0])
       // Track transitions to update the text position in live using Request Animation Frame
       listenOnTextElement('transitionstart', startTrackingTextLivePosition)
@@ -129,7 +141,9 @@ export default defineComponent({
     }
     function trackTextLivePosition(): void {
       if (!textElement.value) return
-      const left = window.getComputedStyle(textElement.value, null).getPropertyValue('left')
+      const left = window
+        .getComputedStyle(textElement.value, null)
+        .getPropertyValue('left')
       textLivePosition.value = parseInt(left)
     }
     function startTrackingTextLivePosition(): void {
@@ -203,8 +217,16 @@ export default defineComponent({
 .active-text-truncate {
   --fading-left-width: 0;
   --fading-right-width: 0;
-  --fading-left-gradient: linear-gradient(to left, black calc(100% - var(--fading-left-width)), transparent 100%);
-  --fading-right-gradient: linear-gradient(to right, black calc(100% - var(--fading-right-width)), transparent 100%);
+  --fading-left-gradient: linear-gradient(
+    to left,
+    black calc(100% - var(--fading-left-width)),
+    transparent 100%
+  );
+  --fading-right-gradient: linear-gradient(
+    to right,
+    black calc(100% - var(--fading-right-width)),
+    transparent 100%
+  );
   --text-offset-transition-duration: 0ms;
   --text-offset-transition-delay: 0ms;
   --text-final-offset: 0;