ablok-components 0.3.40 → 0.3.41

package/dist/components/organisms/location-finder/location-finder.vue.d.ts

@@ -0,0 +1,472 @@
+import { PropType } from '../../../../vue/dist/vue.esm-bundler.js';
+import { MapStylePreset } from '../../molecules/base-map/base-map.vue';
+interface LocationFinderItem {
+    id?: string | number;
+    title?: string;
+    label?: string;
+    name?: string;
+    address?: string;
+    description?: string;
+    subtitle?: string;
+    lat: number | string;
+    lng: number | string;
+    distance?: number;
+    source?: string;
+    [key: string]: any;
+}
+export interface LocationFinderMessages {
+    searchLabel?: string;
+    searchPlaceholder?: string;
+    resultsLabel?: string;
+    emptyText?: string;
+    locateButtonLabel?: string;
+    stopTrackingLabel?: string;
+    mapHelperText?: string;
+    directionsTitle?: string;
+    directionsEmptyText?: string;
+    distanceLabel?: string;
+    durationLabel?: string;
+    loadingRoute?: string;
+    legendAriaLabel?: string;
+    legendLocations?: string;
+    legendSelected?: string;
+    legendSearchResult?: string;
+    userLocationLabel?: string;
+    pinnedLocationTitle?: string;
+    selectedLocationLabel?: string;
+}
+declare const _default: import('../../../../vue/dist/vue.esm-bundler.js').DefineComponent<import('../../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<LocationFinderItem | null>;
+        default: null;
+    };
+    locations: {
+        type: PropType<LocationFinderItem[]>;
+        default: () => never[];
+    };
+    center: {
+        type: PropType<{
+            lat: number;
+            lng: number;
+        } | null>;
+        default: null;
+    };
+    distance: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    userLocation: {
+        type: PropType<{
+            lat: number;
+            lng: number;
+        } | null>;
+        default: null;
+    };
+    messages: {
+        type: PropType<LocationFinderMessages>;
+        default: () => {};
+    };
+    mapHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    resultsLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+    locateButtonLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    stopTrackingLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    mapHelperText: {
+        type: StringConstructor;
+        default: string;
+    };
+    enableGeocoding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    geocodingEndpoint: {
+        type: StringConstructor;
+        default: string;
+    };
+    reverseGeocodingEndpoint: {
+        type: StringConstructor;
+        default: string;
+    };
+    geocodingLimit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    geocodingMinQueryLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    customGeocodingFetch: null;
+    enableDirections: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    directionsEndpoint: {
+        type: StringConstructor;
+        default: string;
+    };
+    routeProfile: {
+        type: StringConstructor;
+        default: string;
+    };
+    customDirectionsFetch: null;
+    showDirectionsSummary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showDirectionsSteps: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    directionsTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    directionsEmptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+    distanceLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    durationLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    routeColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    routeWeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectionRadius: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectionRadiusColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    selectionRadiusFillColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    mapStyle: {
+        type: PropType<MapStylePreset>;
+        default: string;
+    };
+    tileLayerUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    tileLayerAttribution: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    interactive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showLegend: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSidebar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showTrackButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trackUser: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoLocate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('../../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
+    select: (...args: any[]) => void;
+    search: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+    "update:distance": (...args: any[]) => void;
+    "track-user": (...args: any[]) => void;
+}, string, import('../../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<import('../../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<LocationFinderItem | null>;
+        default: null;
+    };
+    locations: {
+        type: PropType<LocationFinderItem[]>;
+        default: () => never[];
+    };
+    center: {
+        type: PropType<{
+            lat: number;
+            lng: number;
+        } | null>;
+        default: null;
+    };
+    distance: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    userLocation: {
+        type: PropType<{
+            lat: number;
+            lng: number;
+        } | null>;
+        default: null;
+    };
+    messages: {
+        type: PropType<LocationFinderMessages>;
+        default: () => {};
+    };
+    mapHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    resultsLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+    locateButtonLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    stopTrackingLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    mapHelperText: {
+        type: StringConstructor;
+        default: string;
+    };
+    enableGeocoding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    geocodingEndpoint: {
+        type: StringConstructor;
+        default: string;
+    };
+    reverseGeocodingEndpoint: {
+        type: StringConstructor;
+        default: string;
+    };
+    geocodingLimit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    geocodingMinQueryLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    customGeocodingFetch: null;
+    enableDirections: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    directionsEndpoint: {
+        type: StringConstructor;
+        default: string;
+    };
+    routeProfile: {
+        type: StringConstructor;
+        default: string;
+    };
+    customDirectionsFetch: null;
+    showDirectionsSummary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showDirectionsSteps: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    directionsTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    directionsEmptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+    distanceLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    durationLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    routeColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    routeWeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectionRadius: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectionRadiusColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    selectionRadiusFillColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    mapStyle: {
+        type: PropType<MapStylePreset>;
+        default: string;
+    };
+    tileLayerUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    tileLayerAttribution: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    interactive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showLegend: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSidebar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showTrackButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trackUser: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoLocate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:distance"?: ((...args: any[]) => any) | undefined;
+    "onTrack-user"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: LocationFinderItem | null;
+    disabled: boolean;
+    messages: LocationFinderMessages;
+    center: {
+        lat: number;
+        lng: number;
+    } | null;
+    routeColor: string;
+    routeWeight: number;
+    selectionRadius: number;
+    selectionRadiusColor: string;
+    selectionRadiusFillColor: string;
+    userLocation: {
+        lat: number;
+        lng: number;
+    } | null;
+    interactive: boolean;
+    mapStyle: MapStylePreset;
+    tileLayerUrl: string;
+    tileLayerAttribution: string;
+    locations: LocationFinderItem[];
+    emptyText: string;
+    distance: number | null;
+    searchLabel: string;
+    searchPlaceholder: string;
+    resultsLabel: string;
+    locateButtonLabel: string;
+    stopTrackingLabel: string;
+    mapHelperText: string;
+    directionsTitle: string;
+    directionsEmptyText: string;
+    distanceLabel: string;
+    durationLabel: string;
+    mapHeight: string;
+    enableGeocoding: boolean;
+    geocodingEndpoint: string;
+    reverseGeocodingEndpoint: string;
+    geocodingLimit: number;
+    geocodingMinQueryLength: number;
+    enableDirections: boolean;
+    directionsEndpoint: string;
+    routeProfile: string;
+    showDirectionsSummary: boolean;
+    showDirectionsSteps: boolean;
+    showSearch: boolean;
+    showLegend: boolean;
+    showSidebar: boolean;
+    showTrackButton: boolean;
+    trackUser: boolean;
+    autoLocate: boolean;
+}, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/components/templates/modal-dialog/modal-dialog.vue.d.ts

@@ -82,9 +82,9 @@ declare const _default: __VLS_WithTemplateSlots<import('../../../../vue/dist/vue
     footer: boolean;
     title: string;
     modelValue: boolean;
-    classes: string;
     modal: boolean;
     dismiss: boolean;
+    classes: string;
 }, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {
     dialog: HTMLDialogElement;
 }, HTMLDialogElement>, {

package/dist/composables/useConfetti.d.ts

@@ -1,2 +1 @@
-import { default as useConfetti } from 'canvas-confetti';
-export default useConfetti;
+export declare function getConfetti(): Promise<any>;

package/dist/composables/useDirections.d.ts

@@ -0,0 +1,38 @@
+import { ofetch } from 'ofetch';
+export interface RoutePoint {
+    lat: number;
+    lng: number;
+}
+export interface RouteStep {
+    instruction: string;
+    name: string;
+    distance: number;
+    duration: number;
+}
+interface DirectionsOptions {
+    endpoint?: string;
+    profile?: string;
+    customFetch?: typeof ofetch | any;
+}
+export declare function useDirections(): {
+    routeCoordinates: import('../../vue/dist/vue.esm-bundler.js').Ref<[number, number][], [number, number][]>;
+    distanceMeters: import('../../vue/dist/vue.esm-bundler.js').Ref<number | null, number | null>;
+    durationSeconds: import('../../vue/dist/vue.esm-bundler.js').Ref<number | null, number | null>;
+    steps: import('../../vue/dist/vue.esm-bundler.js').Ref<{
+        instruction: string;
+        name: string;
+        distance: number;
+        duration: number;
+    }[], RouteStep[] | {
+        instruction: string;
+        name: string;
+        distance: number;
+        duration: number;
+    }[]>;
+    pending: import('../../vue/dist/vue.esm-bundler.js').Ref<boolean, boolean>;
+    error: import('../../vue/dist/vue.esm-bundler.js').Ref<string, string>;
+    hasRoute: import('../../vue/dist/vue.esm-bundler.js').ComputedRef<boolean>;
+    fetchRoute: (origin: RoutePoint, destination: RoutePoint, options?: DirectionsOptions) => Promise<any>;
+    clearRoute: () => void;
+};
+export {};

package/dist/composables/useGeocoding.d.ts

@@ -0,0 +1,53 @@
+import { ofetch } from 'ofetch';
+export interface GeocodingResult {
+    id: string;
+    title: string;
+    address: string;
+    lat: number;
+    lng: number;
+    source: 'geocoder' | 'reverse-geocoder';
+    raw?: any;
+}
+interface GeocodingOptions {
+    endpoint?: string;
+    reverseEndpoint?: string;
+    customFetch?: typeof ofetch | any;
+    limit?: number;
+    language?: string;
+}
+export declare function useGeocoding(): {
+    results: import('../../vue/dist/vue.esm-bundler.js').Ref<{
+        id: string;
+        title: string;
+        address: string;
+        lat: number;
+        lng: number;
+        source: "geocoder" | "reverse-geocoder";
+        raw?: any;
+    }[], GeocodingResult[] | {
+        id: string;
+        title: string;
+        address: string;
+        lat: number;
+        lng: number;
+        source: "geocoder" | "reverse-geocoder";
+        raw?: any;
+    }[]>;
+    pending: import('../../vue/dist/vue.esm-bundler.js').Ref<boolean, boolean>;
+    error: import('../../vue/dist/vue.esm-bundler.js').Ref<string, string>;
+    search: (query: string, options?: GeocodingOptions) => Promise<{
+        id: string;
+        title: string;
+        address: string;
+        lat: number;
+        lng: number;
+        source: "geocoder" | "reverse-geocoder";
+        raw?: any;
+    }[]>;
+    reverse: (position: {
+        lat: number;
+        lng: number;
+    }, options?: GeocodingOptions) => Promise<GeocodingResult | null>;
+    clearResults: () => void;
+};
+export {};

package/dist/composables/useGeolocation.d.ts

@@ -0,0 +1,20 @@
+export interface GeolocationPositionValue {
+    lat: number;
+    lng: number;
+    accuracy: number | null;
+}
+export declare function useGeolocation(options?: PositionOptions): {
+    supported: boolean;
+    position: import('../../vue/dist/vue.esm-bundler.js').ComputedRef<{
+        lat: number;
+        lng: number;
+        accuracy: number | null;
+    } | null>;
+    accuracy: import('../../vue/dist/vue.esm-bundler.js').ComputedRef<number | null>;
+    error: import('../../vue/dist/vue.esm-bundler.js').Ref<string, string>;
+    pending: import('../../vue/dist/vue.esm-bundler.js').Ref<boolean, boolean>;
+    isTracking: import('../../vue/dist/vue.esm-bundler.js').Ref<boolean, boolean>;
+    locate: () => Promise<GeolocationPositionValue | null>;
+    startTracking: () => void;
+    stopTracking: () => void;
+};

package/dist/i18n.d.ts

@@ -132,6 +132,27 @@ declare const i18n: import('vue-i18n').I18n<{
         search: {
             noResults: string;
         };
+        locationFinder: {
+            searchLabel: string;
+            searchPlaceholder: string;
+            resultsLabel: string;
+            emptyText: string;
+            locateButtonLabel: string;
+            stopTrackingLabel: string;
+            mapHelperText: string;
+            directionsTitle: string;
+            directionsEmptyText: string;
+            distanceLabel: string;
+            durationLabel: string;
+            loadingRoute: string;
+            legendAriaLabel: string;
+            legendLocations: string;
+            legendSelected: string;
+            legendSearchResult: string;
+            userLocationLabel: string;
+            pinnedLocationTitle: string;
+            selectedLocationLabel: string;
+        };
         admin: {
             finder: {
                 title: string;

package/dist/index.d.ts

@@ -25,9 +25,12 @@ export { default as ColorPalette } from './components/molecules/color-palette/co
 export { default as InputDropdown } from './components/molecules/input-dropdown/input-dropdown.vue';
 export { default as AutoSuggest } from './components/molecules/auto-suggest/auto-suggest.vue';
 export { default as BaseCamera } from './components/molecules/base-camera/base-camera.vue';
+export { default as BaseMap } from './components/molecules/base-map/base-map.vue';
+export { default as LocationList } from './components/molecules/location-list/location-list.vue';
 export { default as FileUpload } from './components/molecules/file-upload/file-upload.vue';
 export { default as UploadGroup } from './components/molecules/upload-group/upload-group.vue';
 export { default as AssetUploader } from './components/organisms/asset-uploader/asset-uploader.vue';
+export { default as LocationFinder } from './components/organisms/location-finder/location-finder.vue';
 export { default as BaseCarousel } from './components/templates/base-carousel/base-carousel.vue';
 export { default as MediaThumbnails } from './components/molecules/media-thumbnails/media-thumbnails.vue';
 export { default as ProgressSteps } from './components/molecules/progress-steps/progress-steps.vue';
@@ -48,5 +51,11 @@ export { default as ImageResize } from './components/molecules/image-resize/imag
 export { default as ImageCropResize } from './components/molecules/image-crop-resize/image-crop-resize.vue';
 export { default as ImageUpload } from './components/molecules/image-upload/image-upload.vue';
 export { useCameraFilter } from './composables/useCameraFilter';
+export { useDirections } from './composables/useDirections';
+export { useGeocoding } from './composables/useGeocoding';
+export { useGeolocation } from './composables/useGeolocation';
 export type { CameraFilterProps } from './composables/useCameraFilter';
 export type { ApplyImageFilterOptions } from './composables/useCameraFilter';
+export type { RoutePoint, RouteStep } from './composables/useDirections';
+export type { GeocodingResult } from './composables/useGeocoding';
+export type { GeolocationPositionValue } from './composables/useGeolocation';

package/dist/locales/en.d.ts

@@ -131,6 +131,27 @@ export declare const messages: {
     search: {
         noResults: string;
     };
+    locationFinder: {
+        searchLabel: string;
+        searchPlaceholder: string;
+        resultsLabel: string;
+        emptyText: string;
+        locateButtonLabel: string;
+        stopTrackingLabel: string;
+        mapHelperText: string;
+        directionsTitle: string;
+        directionsEmptyText: string;
+        distanceLabel: string;
+        durationLabel: string;
+        loadingRoute: string;
+        legendAriaLabel: string;
+        legendLocations: string;
+        legendSelected: string;
+        legendSearchResult: string;
+        userLocationLabel: string;
+        pinnedLocationTitle: string;
+        selectedLocationLabel: string;
+    };
     admin: {
         finder: {
             title: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ablok-components",
   "private": false,
-  "version": "0.3.40",
+  "version": "0.3.41",
   "scripts": {
     "dev": "vite --host",
     "story:dev": "histoire dev",