@visitscotland/component-library 4.0.2 → 4.0.3

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;
         };

package/dist/components/components/toggle-button/ToggleButton.vue.d.ts

@@ -10,7 +10,7 @@ declare const _default: import('vue').DefineComponent<{
     show: boolean;
 }, {}, {
     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<{
     /**
      * ID for the toggled element
      */
@@ -18,7 +18,9 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>>, {
+}>> & {
+    onToggleAction?: (...args: any[]) => any;
+}, {
     toggleId: string;
 }, {}>;
 export default _default;

package/dist/components/components/video-caption/VideoCaption.vue.d.ts

@@ -60,7 +60,7 @@ declare const _default: import('vue').DefineComponent<{
 }, {
     emitToggle(): void;
     emitShowModal(): 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<{
     /**
      * Text for the play video button
      */
@@ -92,7 +92,9 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
         validator: (value: unknown) => any;
     };
-}>>, {
+}>> & {
+    onToggleAction?: (...args: any[]) => any;
+}, {
     variant: string;
     videoBtnText: string;
     withToggleBtn: boolean;