@visitscotland/component-library 1.2.1 → 1.2.2

package/dist/components/components/carbon-calculator/components/CarbonCalculatorTip.vue.d.ts

@@ -0,0 +1,23 @@
+declare const _default: import("vue").DefineComponent<{
+    tip: {
+        type: StringConstructor;
+        default: string;
+    };
+    showingAllTips: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, any, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tip: {
+        type: StringConstructor;
+        default: string;
+    };
+    showingAllTips: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    tip: string;
+    showingAllTips: boolean;
+}, {}>;
+export default _default;

package/dist/components/components/carbon-calculator/index.d.ts

@@ -0,0 +1,5 @@
+declare namespace _default {
+    export { VsCarbonCalculator };
+}
+export default _default;
+import VsCarbonCalculator from './CarbonCalculator.vue';

package/dist/components/components/carousel/Carousel.vue.d.ts

@@ -0,0 +1,134 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+    * Accessible text for previous
+    * carousel control
+    */
+    prevText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * Accessible text for next
+    * carousel control
+    */
+    nextText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    *  Number of slides to appear
+    *  at 'xs' screen size
+    */
+    slidesXs: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+    *  Number of slides to appear
+    *  at 'sm' screen size
+    */
+    slidesSm: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+    *  Number of slides to appear
+    *  at 'md' screen size
+    */
+    slidesMd: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+    *  Number of slides to appear
+    *  at 'lg' screen size
+    */
+    slidesLg: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, any, {
+    totalSlides: any;
+    currentPage: number;
+    maxPages: number;
+    nextDisabled: boolean;
+    prevDisabled: boolean;
+    currentWidth: string;
+    activeSlides: any[];
+    remainderOffset: number;
+    navigating: boolean;
+}, {
+    slidesPerPage(): {
+        lg: any;
+        md: any;
+        sm: any;
+        xs: any;
+    };
+    trackOffset(): string;
+}, {
+    defineActiveSlides(remainder: any): void;
+    calcViewport(): void;
+    setActivePage(): void;
+    sliderNavigate(event: any, direction: any): void;
+    getFirstActiveSlide(): any;
+    getLastActiveSlide(): any;
+    initNavigation(): void;
+    checkRemainder(totalSpaces: any): number;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+    * Accessible text for previous
+    * carousel control
+    */
+    prevText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * Accessible text for next
+    * carousel control
+    */
+    nextText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    *  Number of slides to appear
+    *  at 'xs' screen size
+    */
+    slidesXs: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+    *  Number of slides to appear
+    *  at 'sm' screen size
+    */
+    slidesSm: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+    *  Number of slides to appear
+    *  at 'md' screen size
+    */
+    slidesMd: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+    *  Number of slides to appear
+    *  at 'lg' screen size
+    */
+    slidesLg: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    nextText: string;
+    prevText: string;
+    slidesXs: number;
+    slidesMd: number;
+    slidesLg: number;
+    slidesSm: number;
+}, {}>;
+export default _default;

package/dist/components/components/carousel/components/CarouselSlide.vue.d.ts

@@ -0,0 +1,176 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+    * The image to use in the component
+    */
+    imgSrc: {
+        required: true;
+        type: StringConstructor;
+    };
+    /**
+    * The image alt text to use in the component
+    */
+    imgAlt: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * The type of link. This will set the icon.
+    * `external, internal, download`
+    */
+    linkType: {
+        type: StringConstructor;
+        required: true;
+        validator: (value: unknown) => any;
+    };
+    /**
+    * The link destination
+    */
+    linkUrl: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+    * Translatable text for the 'category' label
+    */
+    categoryLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    /**
+    * The category of the content
+    */
+    category: {
+        type: StringConstructor;
+        default: any;
+    };
+    /**
+    * Optional prop for number of days
+    */
+    days: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * Label for days - too allow translation in CMS
+    */
+    daysLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * Optional prop for transport type (will show a the transport icon if used)
+    */
+    transport: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * Display-friendly transport name
+    * to allow for translation
+    */
+    transportName: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * Mandatory index of slide -
+    * needed to calculate active slides
+    */
+    slideIndex: {
+        type: StringConstructor;
+        required: true;
+    };
+}, any, any, {}, {
+    isVisible(slideNum: any): boolean;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+    * The image to use in the component
+    */
+    imgSrc: {
+        required: true;
+        type: StringConstructor;
+    };
+    /**
+    * The image alt text to use in the component
+    */
+    imgAlt: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * The type of link. This will set the icon.
+    * `external, internal, download`
+    */
+    linkType: {
+        type: StringConstructor;
+        required: true;
+        validator: (value: unknown) => any;
+    };
+    /**
+    * The link destination
+    */
+    linkUrl: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+    * Translatable text for the 'category' label
+    */
+    categoryLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    /**
+    * The category of the content
+    */
+    category: {
+        type: StringConstructor;
+        default: any;
+    };
+    /**
+    * Optional prop for number of days
+    */
+    days: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * Label for days - too allow translation in CMS
+    */
+    daysLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * Optional prop for transport type (will show a the transport icon if used)
+    */
+    transport: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * Display-friendly transport name
+    * to allow for translation
+    */
+    transportName: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * Mandatory index of slide -
+    * needed to calculate active slides
+    */
+    slideIndex: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {
+    imgAlt: string;
+    days: string;
+    categoryLabel: string;
+    category: string;
+    daysLabel: string;
+    transport: string;
+    transportName: string;
+}, {}>;
+export default _default;

package/dist/components/components/carousel/index.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export { VsCarousel };
+    export { VsCarouselSlide };
+}
+export default _default;
+import VsCarousel from './Carousel.vue';
+import VsCarouselSlide from './components/CarouselSlide.vue';

package/dist/components/components/checkbox/Checkbox.vue.d.ts

@@ -0,0 +1,218 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Name of the input
+     */
+    fieldName: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Value when checked
+     */
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Label for checkbox
+     */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Rules for Vuelidate plugin
+     */
+    validationRules: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+    /**
+     * Prop to trigger manual validation. Used by a parent
+     * component to trigger validation eg. when the submit
+     * button is clicked.
+     */
+    triggerValidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Specific validation messages for different
+     * types of validation
+     */
+    validationMessages: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+    /**
+     * Prop to define invalid from parent
+     */
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Fallback translated validation - this is a set of
+     * validation messages to be used when no specific
+     * validation message is needed, eg. "This field is required"
+     */
+    genericValidation: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+    /**
+     * Content for hint text
+     */
+    hintText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Content for info text
+     */
+    infoText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Whether the parent form has just been submitted, if so all errors
+     * need to be wiped from then re-added to the DOM to inform screen
+     * readers that they should be re-declared
+     */
+    reAlertErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    v$: import("vue").Ref<import("@vuelidate/core").Validation<import("@vuelidate/core").ValidationArgs<unknown>, unknown>>;
+}, {
+    inputVal: string;
+    errors: any[];
+}, {
+    errorClass(): "" | "vs-checkbox--error";
+}, {}, {
+    data(): {
+        inputVal: any;
+        isInvalid: any;
+    };
+    computed: {
+        isRequired(): boolean;
+        rules(): {
+            inputVal: {};
+        } | {
+            inputVal?: undefined;
+        }; /**
+         * Whether the parent form has just been submitted, if so all errors
+         * need to be wiped from then re-added to the DOM to inform screen
+         * readers that they should be re-declared
+         */
+        errorsList(): any[];
+    };
+    watch: {
+        errorsList(newValue: any): void;
+    };
+    methods: {
+        manualValidate(): void;
+        emitStatus(): void;
+    };
+} | {
+    computed: {
+        ariaDescription(): string;
+    };
+}, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Name of the input
+     */
+    fieldName: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Value when checked
+     */
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Label for checkbox
+     */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Rules for Vuelidate plugin
+     */
+    validationRules: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+    /**
+     * Prop to trigger manual validation. Used by a parent
+     * component to trigger validation eg. when the submit
+     * button is clicked.
+     */
+    triggerValidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Specific validation messages for different
+     * types of validation
+     */
+    validationMessages: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+    /**
+     * Prop to define invalid from parent
+     */
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Fallback translated validation - this is a set of
+     * validation messages to be used when no specific
+     * validation message is needed, eg. "This field is required"
+     */
+    genericValidation: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+    /**
+     * Content for hint text
+     */
+    hintText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Content for info text
+     */
+    infoText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Whether the parent form has just been submitted, if so all errors
+     * need to be wiped from then re-added to the DOM to inform screen
+     * readers that they should be re-declared
+     */
+    reAlertErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    value: string;
+    hintText: string;
+    invalid: boolean;
+    validationRules: Record<string, any>;
+    triggerValidate: boolean;
+    validationMessages: Record<string, any>;
+    genericValidation: Record<string, any>;
+    infoText: string;
+    reAlertErrors: boolean;
+}, {}>;
+export default _default;

package/dist/components/components/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export default VsCheckbox;
+import VsCheckbox from './Checkbox.vue';

package/dist/components/components/cookie-checker/index.d.ts

@@ -0,0 +1,2 @@
+export default VsCookieChecker;
+import VsCookieChecker from './CookieChecker.vue';

package/dist/components/components/cookie-fallback/CookiesFallback.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<{
+    fallbackMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+}, any, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    fallbackMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    fallbackMessage: string;
+}, {}>;
+export default _default;

package/dist/components/components/cookie-fallback/index.d.ts

@@ -0,0 +1,5 @@
+declare namespace _default {
+    export { VsCookiesFallback };
+}
+export default _default;
+import VsCookiesFallback from './CookiesFallback.vue';

package/dist/components/components/description-list/DescriptionList.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Option to create inline list
+     */
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, any, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Option to create inline list
+     */
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    inline: boolean;
+}, {}>;
+export default _default;

package/dist/components/components/description-list/components/DescriptionListItem.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Use this option to render this component with a title styling.
+     */
+    title: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, any, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Use this option to render this component with a title styling.
+     */
+    title: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    title: boolean;
+}, {}>;
+export default _default;

package/dist/components/components/description-list/index.d.ts

@@ -0,0 +1,3 @@
+import VsDescriptionList from './DescriptionList.vue';
+import VsDescriptionListItem from './components/DescriptionListItem.vue';
+export { VsDescriptionList, VsDescriptionListItem };

package/dist/components/components/dropdown/Dropdown.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import("vue").DefineComponent<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+}, any, any, {
+    nonButtonContentSlots(): any[];
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    text: string;
+}, {}>;
+export default _default;

package/dist/components/components/dropdown/components/DropdownItem.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/components/dropdown/index.d.ts

@@ -0,0 +1,3 @@
+import VsDropdown from './Dropdown.vue';
+import VsDropdownItem from './components/DropdownItem.vue';
+export { VsDropdown, VsDropdownItem };