@visitscotland/component-library 4.0.2 → 4.1.0

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

@@ -24,6 +24,11 @@ declare const _default: {
             type: StringConstructor;
             required: true;
         };
+        headingLevel: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: unknown) => any;
+        };
         itemBreakPoint: {
             type: StringConstructor;
             default(): "lg";
@@ -54,6 +59,11 @@ declare const _default: {
             type: StringConstructor;
             required: true;
         };
+        headingLevel: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: unknown) => any;
+        };
         itemBreakPoint: {
             type: StringConstructor;
             default(): "lg";
@@ -70,6 +80,7 @@ declare const _default: {
     }>>, {
         variant: string;
         colourBadge: string;
+        headingLevel: number;
         itemBreakPoint: string;
         openByDefault: boolean;
     }, {}>;

package/dist/components/components/article/Article.vue.d.ts

@@ -21,6 +21,16 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * The correct heading level for page hierarchy, the
+     * heading will be styled the same regardless of level provided
+     * `1|2|3|4|5|6`
+     */
+    headingLevel: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: unknown) => any;
+    };
 }, any, any, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * Title of the article
@@ -44,7 +54,18 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * The correct heading level for page hierarchy, the
+     * heading will be styled the same regardless of level provided
+     * `1|2|3|4|5|6`
+     */
+    headingLevel: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: unknown) => any;
+    };
 }>>, {
+    headingLevel: number;
     anchorLink: string;
     businessSupport: boolean;
 }, {}>;

package/dist/components/components/button/Button.vue.d.ts

@@ -106,7 +106,7 @@ declare const _default: import('vue').DefineComponent<{
         compileFullTemplate(templateValues: any): any;
         targetText(event: any): any;
     };
-}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, "btnFocus"[], "btnFocus", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * Use this option to render the button as an anchor element with the given href.
      */
@@ -178,7 +178,9 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
         validator: (value: unknown) => any;
     };
-}>>, {
+}>> & {
+    onBtnFocus?: (...args: any[]) => any;
+}, {
     size: string;
     animate: boolean;
     variant: string;

package/dist/components/components/button-toggle-group/ButtonToggleGroup.vue.d.ts

@@ -39,7 +39,7 @@ declare const _default: import('vue').DefineComponent<{
      * Removes the 'tabbed into' class
      */
     removeTabClass(event: any): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "toggleChanged"[], "toggleChanged", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * An object of options for the
      * toggle buttons
@@ -62,7 +62,9 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}>>, {
+}>> & {
+    onToggleChanged?: (...args: any[]) => any;
+}, {
     initialSelected: string;
 }, {}>;
 export default _default;

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

@@ -73,7 +73,7 @@ declare const _default: import('vue').DefineComponent<{
      * questionnaire to be tracked in the running total.
     */
     valueChanged(newData: any): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "updateFieldData"[], "updateFieldData", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * The localised main text of the question that prompts the user to answer
      */
@@ -142,7 +142,9 @@ declare const _default: import('vue').DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}>>, {
+}>> & {
+    onUpdateFieldData?: (...args: any[]) => any;
+}, {
     hint: string;
     fieldType: string;
     minimum: number;

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

@@ -111,6 +111,7 @@ export { default as VsTabs } from './tabs/Tabs.vue';
 export { default as VsTabItem } from './tabs/components/TabItem.vue';
 export { default as VsTag } from './tag/Tag.vue';
 export { default as VsTagManagerWrapper } from './tag-manager-wrapper/TagManagerWrapper.vue';
+export { default as VsTextarea } from './textarea/Textarea.vue';
 export { default as VsToggleButton } from './toggle-button/ToggleButton.vue';
 export { default as VsTooltip } from './tooltip/Tooltip.vue';
 export { default as VsVideo } from './video/Video.vue';

package/dist/components/components/input/Input.vue.d.ts

@@ -179,7 +179,7 @@ declare const _default: import('vue').DefineComponent<{
     computed: {
         ariaDescription(): string;
     };
-}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, "updated"[], "updated", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * Default value of the field
      */
@@ -291,7 +291,9 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & {
+    onUpdated?: (...args: any[]) => any;
+}, {
     name: string;
     value: string;
     type: string;

package/dist/components/components/mega-nav/components/MegaNavDropdown.vue.d.ts

@@ -27,9 +27,7 @@ declare const _default: import('vue').DefineComponent<{
     data(): {
         dataLayerLoadConfirmed: boolean;
         dataLayerStore: any;
-    }; /**
-     * Triggers when the dropdown is about to close
-     */
+    };
     mounted(): void;
     methods: {
         templateFiller(template: any, values: any): {};
@@ -39,7 +37,7 @@ declare const _default: import('vue').DefineComponent<{
         compileFullTemplate(templateValues: any): any;
         targetText(event: any): any;
     };
-}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, "menuToggled"[], "menuToggled", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * Accessiblity alt text for the menu button
      */
@@ -47,5 +45,7 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}>>, {}, {}>;
+}>> & {
+    onMenuToggled?: (...args: any[]) => any;
+}, {}, {}>;
 export default _default;

package/dist/components/components/module-wrapper/ModuleWrapper.vue.d.ts

@@ -1,4 +1,30 @@
 declare const _default: import('vue').DefineComponent<{
+    /**
+     * AnchorId will be used to set an id on the heading,
+     * allowing for anchor links (ToC)
+     */
+    anchorId: {
+        type: StringConstructor;
+        default: any;
+    };
+    /**
+     * Set column size and left-align the heading and intro content
+     * for the Business Support Hub site.
+     */
+    businessSupport: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+    * The correct heading level for page hierarchy, the
+    * heading will be styled the same regardless of level provided
+    * `1|2|3|4|5|6`
+    */
+    headingLevel: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: unknown) => any;
+    };
     /**
     * Theme of module wrapper to use
     */
@@ -7,7 +33,48 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
         validator: (value: unknown) => any;
     };
-}, any, any, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, any, any, {
+    sectionClasses(): string[];
+    headingColumnSizes(): {
+        cols: number;
+        offset: number;
+        md: number;
+        'offset-md': number;
+    };
+    IntroColumnSizes(): {
+        cols: number;
+        sm: number;
+        'offset-sm': number;
+        md: number;
+        'offset-md': number;
+    };
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * AnchorId will be used to set an id on the heading,
+     * allowing for anchor links (ToC)
+     */
+    anchorId: {
+        type: StringConstructor;
+        default: any;
+    };
+    /**
+     * Set column size and left-align the heading and intro content
+     * for the Business Support Hub site.
+     */
+    businessSupport: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+    * The correct heading level for page hierarchy, the
+    * heading will be styled the same regardless of level provided
+    * `1|2|3|4|5|6`
+    */
+    headingLevel: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: unknown) => any;
+    };
     /**
     * Theme of module wrapper to use
     */
@@ -17,6 +84,9 @@ declare const _default: import('vue').DefineComponent<{
         validator: (value: unknown) => any;
     };
 }>>, {
+    headingLevel: number;
+    businessSupport: boolean;
+    anchorId: string;
     theme: string;
 }, {}>;
 export default _default;

package/dist/components/components/number-input/NumberInput.vue.d.ts

@@ -177,7 +177,7 @@ declare const _default: import('vue').DefineComponent<{
     computed: {
         ariaDescription(): string;
     };
-}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, "updated"[], "updated", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * Default value of the field
      */
@@ -277,7 +277,9 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & {
+    onUpdated?: (...args: any[]) => any;
+}, {
     value: number;
     invalid: boolean;
     validationRules: Record<string, any>;

package/dist/components/components/radio-button/RadioButton.vue.d.ts

@@ -131,17 +131,14 @@ declare const _default: import('vue').DefineComponent<{
         errorsList(newValue: any): void;
     };
     methods: {
-        manualValidate(): void; /**
-         * Validate errors on blur, and re-render them to the screen for screen
-         * reader notice
-         */
+        manualValidate(): void;
         emitStatus(): void;
     };
 } | {
     computed: {
         ariaDescription(): string;
     };
-}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, ("updated" | "updateFieldData")[], "updated" | "updateFieldData", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * Default value of the field
      */
@@ -223,7 +220,10 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>>, {
+}>> & {
+    onUpdated?: (...args: any[]) => any;
+    onUpdateFieldData?: (...args: any[]) => any;
+}, {
     value: string;
     invalid: boolean;
     validationRules: Record<string, any>;

package/dist/components/components/recaptcha/Recaptcha.vue.d.ts

@@ -52,7 +52,7 @@ declare const _default: import('vue').DefineComponent<{
 }, {}, {
     verified(response: any): void;
     render(): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "verified"[], "verified", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * Recaptcha site key string
      */
@@ -100,7 +100,9 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & {
+    onVerified?: (...args: any[]) => any;
+}, {
     language: string;
     invalid: boolean;
     reAlertErrors: boolean;

package/dist/components/components/select/Select.vue.d.ts

@@ -116,7 +116,7 @@ declare const _default: import('vue').DefineComponent<{
     computed: {
         ariaDescription(): string;
     };
-}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, ("updated" | "toggleAction")[], "updated" | "toggleAction", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * Options for select element
      */
@@ -198,7 +198,10 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & {
+    onUpdated?: (...args: any[]) => any;
+    onToggleAction?: (...args: any[]) => any;
+}, {
     value: string;
     invalid: boolean;
     validationRules: Record<string, any>;

package/dist/components/components/site-search/SiteSearch.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: import('vue').DefineComponent<{
      * Toggles search form and emits event with the data
     */
     toggleAction(): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "toggleAction"[], "toggleAction", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * Used to know if the search form is currently showing
      */
@@ -21,7 +21,9 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & {
+    onToggleAction?: (...args: any[]) => any;
+}, {
     isShowing: boolean;
 }, {}>;
 export default _default;

package/dist/components/components/site-search/components/SiteSearchForm.vue.d.ts

@@ -59,7 +59,7 @@ declare const _default: import('vue').DefineComponent<{
      * Closes the search form popover
      */
     closeSearchForm(): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "toggleAction"[], "toggleAction", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * Used to know if the search form is currently showing
      */
@@ -95,7 +95,9 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>>, {
+}>> & {
+    onToggleAction?: (...args: any[]) => any;
+}, {
     clearButtonText: string;
     isShowing: boolean;
     labelText: string;

package/dist/components/components/social-share/components/SocialShareItem.vue.d.ts

@@ -50,7 +50,7 @@ declare const _default: import('vue').DefineComponent<{
         compileFullTemplate(templateValues: any): any;
         targetText(event: any): any;
     };
-}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, "copyLinkClicked"[], "copyLinkClicked", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
     * Type of link and icon to display
     */
@@ -73,7 +73,9 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>>, {
+}>> & {
+    onCopyLinkClicked?: (...args: any[]) => any;
+}, {
     linkCopiedText: string;
 }, {}>;
 export default _default;

package/dist/components/components/styled-list/StyledList.vue.d.ts

@@ -1,16 +1,11 @@
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{}, {
-    title: string;
     variant: string;
     source?: string;
-    anchorLink?: string;
     $props: {
-        readonly title?: string;
         readonly variant?: string;
         readonly source?: string;
-        readonly anchorLink?: string;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>, {
-    intro?(_: {}): any;
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/components/styled-list/components/StyledListItem.vue.d.ts

@@ -1,9 +1,11 @@
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{}, {
     variant: string;
+    headingLevel: number;
     heading: string;
     imageSrc?: string;
     $props: {
         readonly variant?: string;
+        readonly headingLevel?: number;
         readonly heading?: string;
         readonly imageSrc?: string;
     };

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

@@ -1,15 +1,11 @@
 declare const _default: {
     VsStyledList: {
         new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{}>>, {
-            title: string;
             variant: string;
             source?: string;
-            anchorLink?: string;
             $props: {
-                readonly title?: string;
                 readonly variant?: string;
                 readonly source?: string;
-                readonly anchorLink?: string;
             };
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>>, {}, true, {}, {}, {
             P: {};
@@ -19,44 +15,37 @@ declare const _default: {
             M: {};
             Defaults: {};
         }, Readonly<import('vue').ExtractPropTypes<{}>>, {
-            title: string;
             variant: string;
             source?: string;
-            anchorLink?: string;
             $props: {
-                readonly title?: string;
                 readonly variant?: string;
                 readonly source?: string;
-                readonly anchorLink?: string;
             };
         }, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{}>>, {
-        title: string;
         variant: string;
         source?: string;
-        anchorLink?: string;
         $props: {
-            readonly title?: string;
             readonly variant?: string;
             readonly source?: string;
-            readonly anchorLink?: string;
         };
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
-            intro?(_: {}): any;
             default?(_: {}): any;
         };
     });
     VsStyledListItem: {
         new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{}>>, {
             variant: string;
+            headingLevel: number;
             heading: string;
             imageSrc?: string;
             $props: {
                 readonly variant?: string;
+                readonly headingLevel?: number;
                 readonly heading?: string;
                 readonly imageSrc?: string;
             };
@@ -69,10 +58,12 @@ declare const _default: {
             Defaults: {};
         }, Readonly<import('vue').ExtractPropTypes<{}>>, {
             variant: string;
+            headingLevel: number;
             heading: string;
             imageSrc?: string;
             $props: {
                 readonly variant?: string;
+                readonly headingLevel?: number;
                 readonly heading?: string;
                 readonly imageSrc?: string;
             };
@@ -82,10 +73,12 @@ declare const _default: {
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{}>>, {
         variant: string;
+        headingLevel: number;
         heading: string;
         imageSrc?: string;
         $props: {
             readonly variant?: string;
+            readonly headingLevel?: number;
             readonly heading?: string;
             readonly imageSrc?: string;
         };