@visitscotland/component-library 5.78.0 → 5.79.2

package/dist/stories/components/CarbonCalculator.stories.js

@@ -1,488 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.NoJavascript = exports.CarbonUnicorn = exports.GermanNumbers = exports.ResultsPage = exports.WithTopTip = exports.QuestionOpen = exports.Default = void 0;
-var test_1 = require("storybook/test");
-var CarbonCalculator_vue_1 = __importDefault(require("@/components/carbon-calculator/CarbonCalculator.vue"));
-exports["default"] = {
-    component: CarbonCalculator_vue_1["default"],
-    title: 'Components/To be reviewed/CarbonCalculator',
-    argTypes: {}
-};
-var Template = function (args) { return ({
-    components: {
-        VsCarbonCalculator: CarbonCalculator_vue_1["default"]
-    },
-    setup: function () {
-        return {
-            args: args
-        };
-    },
-    template: "\n        <div\n            :class=\"args.jsDisabled ? 'no-js' : ''\"\n        >\n            <VsCarbonCalculator v-bind=\"args\">\n            </VsCarbonCalculator>\n        </div>\n    "
-}); };
-var base = {
-    jsDisabled: false,
-    language: 'en-gb',
-    labelsMap: {
-        noJsMessage: 'You need Javascript enabled to use this calculator',
-        formUrl: './fixtures/carbon-calculator/example-form.json',
-        next: 'Next',
-        previous: 'Previous',
-        results: 'Results',
-        resultsIntro: 'Your estimated total carbon emission for your trip is',
-        chartTitle: 'Your emissions breakdown',
-        comparison: 'That\'s the equivalent of <b>xxx kms</b> in a medium-sized petrol car, which would take you from <b>Edinburgh to London yyy times</b>!',
-        kilos: 'kilos',
-        begin: 'Start Questionnaire',
-        introHeading: 'Calculate Your Carbon',
-        introContent: 'From transport to food and drink, answer 4 simple questions about your trip to Scotland and we\'ll calculate your emissions.',
-        perDayTarget: 30,
-        perDayCongratulations: 'Congratulations!',
-        perDaySuccess: 'You\'re emitting less than xxx KGs of CO₂e per day on your trip, which is below average. We like to think this makes you a Sustainability Unicorn - Scotland\'s national animal, which cares deeply about protecting our environment.',
-        topTip: 'Top Tip!',
-        allTips: '<a href="#">Discover more about sustainable travel in Scotland</a>.',
-        soFar: 'Your calculation so far:',
-        kgsOf: 'KGs of CO₂e',
-        kgsPerDay: 'Thats about xxx KGs of CO₂e per day.',
-        transport: 'Transport',
-        accommodation: 'Accommodation',
-        food: 'Food',
-        restart: 'Restart',
-        progress: 'Step xxx of yyy',
-        'stage-1.title': 'Travel to Scotland',
-        'stage-2.title': 'Accommodation',
-        'stage-3.title': 'Travel around Scotland',
-        'stage-4.title': 'Food',
-        'stage-3.repeat': 'Add another mode of transport',
-        'stage-3.tip': 'View all our <a href="#" target="_blank">sustainable travel tips </a>. We\'ve got you covered!',
-        'question-1.question': 'How are you travelling to Scotland?',
-        'question-1.option-1': 'I live in Scotland',
-        'question-1.option-2': 'Domestic Flight',
-        'question-1.option-3': 'Short-Haul Flight',
-        'question-1.option-4': 'Long-Haul Flight',
-        'question-1.option-5': 'Car (Petrol)',
-        'question-1.option-6': 'Car (Diesel)',
-        'question-1.option-7': 'Car (Electric)',
-        'question-1.option-8': 'Train',
-        'question-1.option-9': 'Coach',
-        'question-1.option-10': 'Ferry',
-        'question-1.option-11': 'Campervan/Motorhome (Petrol)',
-        'question-1.option-12': 'Campervan/Motorhome (Diesel)',
-        'question-2.question': 'How many hours will your journey take?',
-        'question-3.question': 'How many nights are you staying for?',
-        'question-4.question': 'What will be your main mode of transport while travelling around Scotland?',
-        'question-4.clone-question': 'What other mode of transport will you be taking while travelling around Scotland?',
-        'question-4.option-1': 'Car (Petrol)',
-        'question-4.option-2': 'Car (Diesel)',
-        'question-4.option-3': 'Car (Electric)',
-        'question-4.option-4': 'Campervan/Motorhome (Diesel)',
-        'question-4.option-5': 'Campervan/Motorhome (Petrol)',
-        'question-4.option-6': 'Coach',
-        'question-4.option-7': 'Bus',
-        'question-4.option-8': 'Train',
-        'question-4.option-9': 'Motorbike',
-        'question-4.option-10': 'Walking / Cycling',
-        'question-5.question': 'How would you describe your diet?',
-        'question-5.option-1': 'Frequent meat-eater',
-        'question-5.option-2': 'Moderate meat-eater',
-        'question-5.option-3': 'Infrequent meat-eater',
-        'question-5.option-4': 'Pescatarian',
-        'question-5.option-5': 'Vegetarian',
-        'question-5.option-6': 'Vegan',
-        'question-5.hint': 'Frequent meat eater: 5 times a week, moderate meat eater: 3 times a week, infrequent meat eater: 1 - 2 times a week'
-    }
-};
-exports.Default = Template.bind({});
-exports.Default.args = base;
-exports.QuestionOpen = Template.bind({});
-exports.QuestionOpen.args = base;
-exports.QuestionOpen.play = function (_a) {
-    var canvasElement = _a.canvasElement;
-    return __awaiter(void 0, void 0, void 0, function () {
-        var canvas;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    canvas = (0, test_1.within)(canvasElement);
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () {
-                            canvas.getByText('Start Questionnaire').click();
-                        })];
-                case 1:
-                    _b.sent();
-                    return [2 /*return*/];
-            }
-        });
-    });
-};
-exports.WithTopTip = Template.bind({});
-exports.WithTopTip.args = base;
-exports.WithTopTip.play = function (_a) {
-    var canvasElement = _a.canvasElement;
-    return __awaiter(void 0, void 0, void 0, function () {
-        var canvas;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    canvas = (0, test_1.within)(canvasElement);
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () {
-                            canvas.getByText('Start Questionnaire').click();
-                        })];
-                case 1:
-                    _b.sent();
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, canvas.getByLabelText('I live in Scotland').click()];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 2:
-                    _b.sent();
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, canvas.getByText('Next').click()];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 3:
-                    _b.sent();
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, canvas.getByText('Next').click()];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 4:
-                    _b.sent();
-                    return [2 /*return*/];
-            }
-        });
-    });
-};
-var goToResults = function (_a) {
-    var canvasElement = _a.canvasElement;
-    return __awaiter(void 0, void 0, void 0, function () {
-        var canvas, hoursInput;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    canvas = (0, test_1.within)(canvasElement);
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, canvas.getByText('Start Questionnaire').click()];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 1:
-                    _b.sent();
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, canvas.getByLabelText('Ferry').click()];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 2:
-                    _b.sent();
-                    hoursInput = canvas.getByLabelText('How many hours will your journey take?');
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, test_1.userEvent.type(hoursInput, '4')];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 3:
-                    _b.sent();
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, canvas.getByText('Next').click()];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 4:
-                    _b.sent();
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, canvas.getByText('Next').click()];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 5:
-                    _b.sent();
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, canvas.getByLabelText('Bus').click()];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 6:
-                    _b.sent();
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, canvas.getByText('Next').click()];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 7:
-                    _b.sent();
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, canvas.getByLabelText('Pescatarian').click()];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 8:
-                    _b.sent();
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, canvas.getByText('Results').click()];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 9:
-                    _b.sent();
-                    return [2 /*return*/];
-            }
-        });
-    });
-};
-exports.ResultsPage = Template.bind({});
-exports.ResultsPage.args = base;
-exports.ResultsPage.play = goToResults;
-exports.GermanNumbers = Template.bind({});
-exports.GermanNumbers.args = __assign(__assign({}, base), { language: 'de-de' });
-exports.GermanNumbers.play = goToResults;
-exports.CarbonUnicorn = Template.bind({});
-exports.CarbonUnicorn.args = base;
-exports.CarbonUnicorn.play = function (_a) {
-    var canvasElement = _a.canvasElement;
-    return __awaiter(void 0, void 0, void 0, function () {
-        var canvas, hoursInput, nightsInput;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    canvas = (0, test_1.within)(canvasElement);
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, canvas.getByText('Start Questionnaire').click()];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 1:
-                    _b.sent();
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, canvas.getByLabelText('Ferry').click()];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 2:
-                    _b.sent();
-                    hoursInput = canvas.getByLabelText('How many hours will your journey take?');
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, test_1.userEvent.type(hoursInput, '0')];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 3:
-                    _b.sent();
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, canvas.getByText('Next').click()];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 4:
-                    _b.sent();
-                    nightsInput = canvas.getByLabelText('How many nights are you staying for?');
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, test_1.userEvent.type(nightsInput, '5')];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 5:
-                    _b.sent();
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, canvas.getByText('Next').click()];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 6:
-                    _b.sent();
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, canvas.getByLabelText('Bus').click()];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 7:
-                    _b.sent();
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, canvas.getByText('Next').click()];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 8:
-                    _b.sent();
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, canvas.getByLabelText('Vegan').click()];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 9:
-                    _b.sent();
-                    return [4 /*yield*/, (0, test_1.waitFor)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, canvas.getByText('Results').click()];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 10:
-                    _b.sent();
-                    return [2 /*return*/];
-            }
-        });
-    });
-};
-exports.NoJavascript = Template.bind({});
-exports.NoJavascript.args = __assign(__assign({}, base), { jsDisabled: true });

package/dist/stories/components/Card.stories.js

@@ -1,78 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.WithFooter = exports.WithHeader = exports.Overlay = exports.AccentBar = exports.Elevated = exports.Outlined = exports.Filled = exports.Default = void 0;
-var Card_vue_1 = __importDefault(require("@/components/card/Card.vue"));
-var Img_vue_1 = __importDefault(require("@/components/img/Img.vue"));
-var Heading_vue_1 = __importDefault(require("@/components/heading/Heading.vue"));
-var Link_vue_1 = __importDefault(require("@/components/link/Link.vue"));
-var Button_vue_1 = __importDefault(require("@/components/button/Button.vue"));
-var Body_vue_1 = __importDefault(require("@/components/body/Body.vue"));
-exports["default"] = {
-    component: Card_vue_1["default"],
-    title: 'Components/Layout & content structure/Card',
-    argTypes: {}
-};
-var Template = function (args) { return ({
-    components: {
-        VsCard: Card_vue_1["default"],
-        VsHeading: Heading_vue_1["default"],
-        VsLink: Link_vue_1["default"],
-        VsButton: Button_vue_1["default"],
-        VsBody: Body_vue_1["default"],
-        VsImg: Img_vue_1["default"]
-    },
-    setup: function () {
-        var needsPadding = function () { return args.fillColor
-            || args.cardStyle
-            || args.accentBar; };
-        return {
-            args: args,
-            needsPadding: needsPadding
-        };
-    },
-    template: "\n    <div style=\"width: 22rem\">\n        <VsCard \n            v-bind=\"args\" \n            :contentLink=\"args.contentLinkUrl\"\n        >\n            <template v-slot:vs-card-header>\n                <p  v-if=\"args.header\"\n                    class=\"mb-0\"\n                    :class=\"needsPadding() ? 'px-125' : ''\"\n                >\n                    ".concat(args.header, "\n                </p>\n            </template>\n\n            <template v-slot:vs-card-body>\n                <div :class=\"needsPadding() ? 'px-125' : ''\">\n                    <VsHeading\n                        v-if=\"args.title && args.cardStyle !== 'overlay'\"\n                        level=\"3\"\n                        heading-style=\"heading-xs\"\n                    >\n                        <VsLink\n                            :href=\"args.contentLinkUrl\"\n                            class=\"stretched-link\"\n                            variant=\"secondary\"\n                        >\n                            ").concat(args.title, "\n                        </VsLink>\n                    </VsHeading>\n\n                    <VsBody \n                        v-if=\"args.body\"\n                        class=\"mb-125\"\n                    >\n                        <p>\n                            ").concat(args.body, "\n                        </p>\n                    </VsBody>\n                </div>\n            </template>\n\n            <template v-slot:vs-card-footer v-if=\"args.footer\">\n                <div \n                    class=\"mb-100\"\n                    :class=\"needsPadding() ? 'd-none d-sm-block px-125' : ''\"\n                >\n                    <span v-if=\"args.cardStyle !== 'overlay'\">\n                        ").concat(args.footer, "\n                    </span>\n\n                    <VsHeading\n                        v-if=\"args.title && args.cardStyle === 'overlay'\"\n                        level=\"3\"\n                        heading-style=\"heading-xs\"\n                    >\n                        <VsLink\n                            :href=\"args.contentLinkUrl\"\n                            class=\"stretched-link text-decoration-none\"\n                            variant=\"on-dark\"\n                        >\n                            ").concat(args.title, "\n                        </VsLink>\n                    </VsHeading>\n                </div>\n            </template>\n\n            <template v-slot:vs-card-image v-if=\"args.image\">\n                <VsImg \n                    :src=\"args.image\"\n                    class=\"w-100 aspect-ratio-3-2 rounded-1 object-fit-cover img-zoom-on-hover\"\n                />\n            </template>\n        </VsCard>\n    </div>\n    ")
-}); };
-var bodyText = "\n        Fancy staying somewhere a little different? From castles to lighthouses, teepees to brochs, there's lots of unusual choices.\n    ";
-var cardBase = {
-    title: 'Unusual accommodation in Scotland',
-    contentLinkUrl: '#'
-};
-var filledCardBase = __assign(__assign({}, cardBase), { fillColor: 'vs-color-background-primary', body: bodyText });
-var greyBackground = {
-    backgrounds: {
-        value: 'grey'
-    }
-};
-exports.Default = Template.bind({});
-exports.Default.args = __assign({}, cardBase);
-exports.Filled = Template.bind({});
-exports.Filled.args = filledCardBase;
-exports.Filled.globals = greyBackground;
-exports.Outlined = Template.bind({});
-exports.Outlined.args = __assign(__assign({}, filledCardBase), { cardStyle: 'outlined' });
-exports.Outlined.globals = greyBackground;
-exports.Elevated = Template.bind({});
-exports.Elevated.args = __assign(__assign({}, filledCardBase), { cardStyle: 'elevated' });
-exports.Elevated.globals = greyBackground;
-exports.AccentBar = Template.bind({});
-exports.AccentBar.args = __assign(__assign({}, filledCardBase), { accentBar: true });
-exports.Overlay = Template.bind({});
-exports.Overlay.args = __assign(__assign({}, cardBase), { image: 'https://2f1a7f9478.visitscotland.net/binaries/content/gallery/visitscotland/cms-images/2022/11/30/family-outside-the-va-dundee?size=lg', cardStyle: 'overlay', footer: true });
-exports.WithHeader = Template.bind({});
-exports.WithHeader.args = __assign(__assign({}, cardBase), { body: bodyText, header: "\n        Header text\n    " });
-exports.WithFooter = Template.bind({});
-exports.WithFooter.args = __assign(__assign({}, cardBase), { body: bodyText, footer: "\n        Footer text\n    " });