@baloise/ds-core 19.9.4 → 20.0.0-next.4

package/dist/collection/global/config/config.const.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+export const DS_ANIMATION_KEY = 'ds-animated';

package/dist/collection/global/config/config.decorator.js

@@ -0,0 +1,17 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import { attachComponentToConfig, detachComponentFromConfig } from ".";
+export function ListenToConfig() {
+    return function (target, _propertyKey, _descriptor) {
+        const { connectedCallback, disconnectedCallback } = target;
+        target.connectedCallback = function () {
+            attachComponentToConfig(this);
+            return connectedCallback && connectedCallback.call(this);
+        };
+        target.disconnectedCallback = function () {
+            detachComponentFromConfig(this);
+            return disconnectedCallback && disconnectedCallback.call(this);
+        };
+    };
+}

package/dist/collection/global/config/config.default.js

@@ -0,0 +1,63 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import { IconClock, IconClose, IconInfoCircle, IconPlus, IconMinus, IconEdit, IconTrash, IconNavGoLeft, IconNavGoRight, IconNavGoDown, IconNavGoUp, IconCheck, IconDate, IconDocument, IconUpload, IconMenuBars, IconFacebook, IconInstagram, IconLink, IconLinkedin, IconTwitter, IconX, IconXing, IconYoutube, IconWeb, IconCaretDown, IconCaretLeft, IconCaretRight, IconCaretUp, IconFile, IconPicture, IconVideo, IconAudio, IconDownload, IconAlert, IconAlertTriangle, IconBell, IconInformation, } from "../constants/icons.constant";
+export const defaultIcons = {
+    IconClock,
+    IconClose,
+    IconInfoCircle,
+    IconPlus,
+    IconMinus,
+    IconEdit,
+    IconTrash,
+    IconNavGoLeft,
+    IconNavGoRight,
+    IconNavGoDown,
+    IconNavGoUp,
+    IconCheck,
+    IconDate,
+    IconDocument,
+    IconUpload,
+    IconMenuBars,
+    IconFacebook,
+    IconInstagram,
+    IconLink,
+    IconLinkedin,
+    IconTwitter,
+    IconX,
+    IconXing,
+    IconYoutube,
+    IconWeb,
+    IconCaretDown,
+    IconCaretLeft,
+    IconCaretRight,
+    IconCaretUp,
+    IconFile,
+    IconPicture,
+    IconVideo,
+    IconAudio,
+    IconDownload,
+    IconAlert,
+    IconAlertTriangle,
+    IconBell,
+    IconInformation,
+};
+export const defaultConfig = {
+    brand: 'helvetia',
+    region: 'CH',
+    language: 'de',
+    allowedLanguages: ['de', 'fr', 'it', 'en'],
+    icons: defaultIcons,
+    fallbackLanguage: 'de',
+    logger: {
+        components: [],
+        event: false,
+        lifecycle: false,
+        render: false,
+        custom: false,
+    },
+    animated: true,
+    httpFormSubmit: true,
+    _generateHydrateForCustomElementsOutput: false,
+};
+export const defaultLocale = `${defaultConfig.language}-${defaultConfig.region}`;

package/dist/collection/global/config/config.js

@@ -0,0 +1,146 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import { DS_ANIMATION_KEY } from "./config.const";
+import { defaultConfig } from "./config.default";
+export class Config {
+    constructor() {
+        this._componentObservers = [];
+        this._observers = [];
+        this._config = defaultConfig;
+    }
+    get brand() {
+        return this._config.brand;
+    }
+    set brand(brand) {
+        if (brand !== this._config.brand) {
+            this._config.brand = brand;
+            this._notify();
+        }
+    }
+    get locale() {
+        return `${this._config.language}-${this._config.region}`;
+    }
+    get region() {
+        return this._config.region;
+    }
+    set region(region) {
+        if (region !== this._config.region) {
+            this._config.region = region;
+            this._notify();
+        }
+    }
+    get language() {
+        return this._config.language;
+    }
+    set language(language) {
+        if (language !== this._config.language) {
+            if (this._config.allowedLanguages.includes(language)) {
+                this._config.language = language;
+            }
+            else {
+                this._config.language = this._config.fallbackLanguage;
+            }
+            this._notify();
+        }
+    }
+    get allowedLanguages() {
+        return this._config.allowedLanguages;
+    }
+    set allowedLanguages(allowedLanguages) {
+        if (allowedLanguages !== this._config.allowedLanguages) {
+            this._config.allowedLanguages = allowedLanguages;
+            this._notify();
+        }
+    }
+    get icons() {
+        return this._config.icons;
+    }
+    set icons(icons) {
+        this._config.icons = Object.assign(Object.assign({}, this._config.icons), icons);
+        this._notify();
+    }
+    get logger() {
+        return this._config.logger;
+    }
+    set logger(logger) {
+        this._config.logger = Object.assign({}, logger);
+        this._notify();
+    }
+    get animated() {
+        return this._config.animated;
+    }
+    set animated(animated) {
+        this._config.animated = animated;
+        this._notify();
+    }
+    get httpFormSubmit() {
+        return this._config.httpFormSubmit;
+    }
+    set httpFormSubmit(httpFormSubmit) {
+        this._config.httpFormSubmit = httpFormSubmit;
+        this._notify();
+    }
+    attach(observer) {
+        const isExist = this._observers.includes(observer);
+        if (isExist) {
+            return console.log('Subject: Observer has been attached already.');
+        }
+        this._observers.push(observer);
+        observer.configChanged(this._config);
+    }
+    detach(observer) {
+        const observerIndex = this._observers.indexOf(observer);
+        if (observerIndex === -1) {
+            return console.log('Subject: Nonexistent observer.');
+        }
+        this._observers.splice(observerIndex, 1);
+    }
+    attachComponent(observer) {
+        const isExist = this._componentObservers.includes(observer);
+        if (isExist) {
+            return console.log('Subject: Observer has been attached already.');
+        }
+        this._componentObservers.push(observer);
+        observer.configChanged(this._config);
+    }
+    detachComponent(observer) {
+        const observerIndex = this._componentObservers.indexOf(observer);
+        if (observerIndex === -1) {
+            return console.log('Subject: Nonexistent observer.');
+        }
+        this._componentObservers.splice(observerIndex, 1);
+    }
+    toString() {
+        return JSON.stringify(this._config);
+    }
+    reset(config) {
+        this._config = Object.assign(Object.assign(Object.assign({}, this._config), config), { icons: Object.assign(Object.assign({}, this._config.icons), config.icons) });
+        this._notify(false);
+    }
+    _notify(all = true) {
+        for (const observer of this._componentObservers) {
+            observer.configChanged(this._config);
+        }
+        if (all) {
+            for (const observer of this._observers) {
+                observer.configChanged(this._config);
+            }
+        }
+    }
+}
+export const config = /*@__PURE__*/ new Config();
+export const configFromLocalStorage = (win) => {
+    try {
+        const animated = JSON.parse(win.localStorage.getItem(DS_ANIMATION_KEY) || 'true');
+        if (animated !== null) {
+            return {
+                animated,
+            };
+        }
+        return {};
+    }
+    catch (e) {
+        return {};
+    }
+};

package/dist/collection/global/config/config.utils.js

@@ -0,0 +1,82 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import { dsBrowser } from "../../utils/index";
+export const onDsConfigChange = (callback) => {
+    attachToConfig({
+        configChanged(state) {
+            callback(state);
+        },
+    });
+};
+export const useDsConfig = () => {
+    if (!dsBrowser.hasWindow) {
+        return undefined;
+    }
+    const win = window;
+    return win && win.DesignSystem && win.DesignSystem.config;
+};
+export const attachToConfig = (observer) => {
+    const config = useDsConfig();
+    if (config) {
+        config.attach(observer);
+    }
+};
+export const detachFromConfig = (observer) => {
+    const config = useDsConfig();
+    if (config) {
+        config.detach(observer);
+    }
+};
+export const attachComponentToConfig = (observer) => {
+    const config = useDsConfig();
+    if (config) {
+        config.attachComponent(observer);
+    }
+};
+export const detachComponentFromConfig = (observer) => {
+    const config = useDsConfig();
+    if (config) {
+        config.detachComponent(observer);
+    }
+};
+export const updateDsLanguage = (language) => {
+    const config = useDsConfig();
+    if (config) {
+        config.language = language;
+    }
+};
+export const updateDsRegion = (region) => {
+    const config = useDsConfig();
+    if (config) {
+        config.region = region;
+    }
+};
+export const updateDsAllowedLanguages = (allowedLanguages) => {
+    const config = useDsConfig();
+    if (config) {
+        config.allowedLanguages = allowedLanguages;
+    }
+};
+export const updateDsIcons = (icons) => {
+    const config = useDsConfig();
+    if (config) {
+        config.icons = Object.assign(Object.assign({}, config.icons), icons);
+    }
+};
+export const updateDsAnimated = (animated) => {
+    const config = useDsConfig();
+    if (config) {
+        config.animated = animated;
+    }
+};
+export const updateDsLogger = (components) => {
+    const config = useDsConfig();
+    if (config) {
+        config.logger.components = components;
+        config.logger.render = true;
+        config.logger.custom = true;
+        config.logger.event = true;
+        config.logger.lifecycle = true;
+    }
+};

package/dist/collection/global/config/index.js

@@ -0,0 +1,10 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+export * from './initialize';
+export * from './config.types';
+export * from './config';
+export * from './observable/observer';
+export * from './config.decorator';
+export * from './config.utils';
+export * from './config.default';

package/dist/collection/global/config/initialize.js

@@ -0,0 +1,14 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import { dsBrowser } from "../../utils/index";
+import { config, configFromLocalStorage } from "./config";
+export const setupDsConfig = (userConfig = {}, win = {}) => {
+    if (Object.keys(win).length === 0 && dsBrowser.hasWindow) {
+        win = window;
+    }
+    win.DesignSystem = win.DesignSystem || {};
+    config.reset(Object.assign(Object.assign(Object.assign({}, configFromLocalStorage(win)), userConfig), { icons: Object.assign({}, userConfig.icons) }));
+    win.DesignSystem.config = config;
+};
+export default setupDsConfig;

package/dist/collection/global/constants/icons.constant.js

@@ -0,0 +1,42 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+// generated file
+export const IconYoutube = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M0 4C0 2.61929 1.11929 1.5 2.5 1.5H11.5C12.8807 1.5 14 2.61929 14 4V10C14 11.3807 12.8807 12.5 11.5 12.5H2.5C1.11929 12.5 0 11.3807 0 10V4ZM5.30998 5.11998V9.31998C5.30935 9.3905 5.32737 9.45993 5.36222 9.52124C5.39707 9.58255 5.4475 9.63356 5.50842 9.66909C5.56933 9.70462 5.63856 9.72342 5.70908 9.72358C5.7796 9.72374 5.84891 9.70524 5.90998 9.66998L9.50998 7.56998C9.57013 7.53469 9.62001 7.48428 9.65467 7.42377C9.68933 7.36325 9.70756 7.29472 9.70756 7.22498C9.70756 7.15524 9.68933 7.08671 9.65467 7.0262C9.62001 6.96568 9.57013 6.91527 9.50998 6.87998L5.90998 4.77998C5.85023 4.74175 5.78117 4.72055 5.71026 4.71865C5.63935 4.71675 5.56926 4.73422 5.50754 4.7692C5.44582 4.80417 5.39481 4.85532 5.36 4.91713C5.32519 4.97894 5.3079 5.04907 5.30998 5.11998Z" clip-rule="evenodd"/></svg>';
+export const IconXing = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path d="M13.0056 0C13.385 0 13.6262 0.406033 13.4447 0.739215L9.3722 8.21397C9.28942 8.3659 9.29108 8.54984 9.37658 8.70026L11.9644 13.2529C12.1539 13.5862 11.9131 14 11.5297 14H8.88832C8.70848 14 8.5425 13.9034 8.45363 13.7471L5.58749 8.70478C5.50059 8.55191 5.50038 8.36464 5.58694 8.21157L10.0872 0.253872C10.1759 0.0969935 10.3422 0 10.5224 0H13.0056ZM5.60519 5.58358C5.68784 5.73855 5.68312 5.92552 5.59276 6.07613L3.43406 9.67396C3.3437 9.82456 3.18095 9.91671 3.00532 9.91671H0.500779C0.111209 9.91671 -0.128712 9.49091 0.0730986 9.15769L1.97318 6.02035C2.06519 5.86842 2.0697 5.67908 1.98502 5.52295L0.655558 3.07176C0.474862 2.7386 0.716068 2.33337 1.09507 2.33337H3.57175C3.7564 2.33337 3.92603 2.43515 4.01292 2.59808L5.60519 5.58358Z"/></svg>';
+export const IconX = '<svg fill="#000D6E" viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.3608 1.15369C13.4169 1.2059 13.4622 1.26865 13.494 1.33837C13.5259 1.40808 13.5436 1.48339 13.5464 1.55999C13.5491 1.63659 13.5367 1.71297 13.5098 1.78477C13.483 1.85656 13.4423 1.92236 13.39 1.97841L8.64428 7.06727L13.8824 14.0198C13.9477 14.1064 13.9876 14.2095 13.9975 14.3176C14.0075 14.4256 13.9871 14.5343 13.9386 14.6313C13.8902 14.7284 13.8156 14.81 13.7233 14.8671C13.631 14.9241 13.5246 14.9542 13.4161 14.9541H10.2207C10.1303 14.9542 10.0412 14.9333 9.96026 14.893C9.87935 14.8528 9.8089 14.7943 9.75447 14.7222L6.06784 9.8299L1.46336 14.7684C1.41113 14.8245 1.34837 14.8696 1.27867 14.9014C1.20897 14.9332 1.13369 14.9509 1.05714 14.9536C0.980585 14.9563 0.904251 14.9439 0.832496 14.9171C0.760741 14.8903 0.69497 14.8496 0.63894 14.7973C0.582909 14.7451 0.537715 14.6823 0.505938 14.6126C0.474162 14.5429 0.456425 14.4677 0.45374 14.3911C0.451056 14.3146 0.463476 14.2382 0.490292 14.1665C0.517108 14.0947 0.557794 14.029 0.610028 13.9729L5.35572 8.88407L0.117626 1.93154C0.0523114 1.84497 0.0124314 1.74191 0.00246702 1.63393C-0.00749732 1.52595 0.0128489 1.41733 0.0612194 1.32027C0.10959 1.22322 0.184068 1.14157 0.276285 1.08451C0.368503 1.02746 0.474805 0.997244 0.583248 0.997273H3.7793C3.86956 0.997249 3.9586 1.01818 4.0394 1.05842C4.1202 1.09866 4.19055 1.15711 4.24492 1.22917L7.93155 6.12144L12.5354 1.18291C12.5876 1.12679 12.6504 1.08151 12.7201 1.04966C12.7898 1.01782 12.8651 1.00003 12.9417 0.997314C13.0183 0.9946 13.0947 1.00702 13.1665 1.03385C13.2383 1.06068 13.3047 1.10141 13.3608 1.15369ZM7.44036 7.40872C7.42386 7.38964 7.40861 7.36951 7.39471 7.34846L3.48836 2.16343H1.75308L10.511 13.7885H12.2463L7.43975 7.40933L7.44036 7.40872Z"/></svg>';
+export const IconWeb = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M5.04883 0.275541C2.32493 1.06453 0.285118 3.46373 0.0275269 6.375H3.22773C3.41606 4.22626 4.03911 2.14922 5.04883 0.275541ZM3.22773 7.625H0.0275269C0.285118 10.5363 2.32493 12.9355 5.04883 13.7245C4.0391 11.8508 3.41606 9.77374 3.22773 7.625ZM6.6522 13.9915C5.44618 12.0855 4.69968 9.90183 4.48294 7.625H9.51704C9.30031 9.90183 8.5538 12.0855 7.34777 13.9915C7.23256 13.9971 7.11661 14 7.00001 14C6.88338 14 6.76743 13.9971 6.6522 13.9915ZM8.95115 13.7245C11.6751 12.9355 13.7149 10.5363 13.9725 7.625H10.7722C10.5839 9.77375 9.96087 11.8508 8.95115 13.7245ZM10.7722 6.375H13.9725C13.7149 3.46372 11.6751 1.06451 8.95114 0.275533C9.96087 2.14921 10.5839 4.22625 10.7722 6.375ZM6.65221 0.00848953C6.76743 0.00285182 6.88339 0 7.00001 0C7.11661 0 7.23256 0.0028513 7.34777 0.008488C8.5538 1.91446 9.3003 4.09817 9.51704 6.375H4.48294C4.69968 4.09817 5.44618 1.91446 6.65221 0.00848953Z" clip-rule="evenodd"/></svg>';
+export const IconVideo = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M0 4C0 2.61929 1.11929 1.5 2.5 1.5H11.5C12.8807 1.5 14 2.61929 14 4V10C14 11.3807 12.8807 12.5 11.5 12.5H2.5C1.11929 12.5 0 11.3807 0 10V4ZM5.30998 5.11998V9.31998C5.30935 9.3905 5.32737 9.45993 5.36222 9.52124C5.39707 9.58255 5.4475 9.63356 5.50842 9.66909C5.56933 9.70462 5.63856 9.72342 5.70908 9.72358C5.7796 9.72374 5.84891 9.70524 5.90998 9.66998L9.50998 7.56998C9.57013 7.53469 9.62001 7.48428 9.65467 7.42377C9.68933 7.36325 9.70756 7.29472 9.70756 7.22498C9.70756 7.15524 9.68933 7.08671 9.65467 7.0262C9.62001 6.96568 9.57013 6.91527 9.50998 6.87998L5.90998 4.77998C5.85023 4.74175 5.78117 4.72055 5.71026 4.71865C5.63935 4.71675 5.56926 4.73422 5.50754 4.7692C5.44582 4.80417 5.39481 4.85532 5.36 4.91713C5.32519 4.97894 5.3079 5.04907 5.30998 5.11998Z" clip-rule="evenodd"/></svg>';
+export const IconUpload = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M8.99999 4C9.2883 4 9.55108 3.83474 9.67597 3.57489C9.80086 3.31504 9.76575 3.00661 9.58564 2.78148L7.58564 0.281479C7.44331 0.103567 7.22783 0 6.99999 0C6.77215 0 6.55667 0.103567 6.41434 0.281479L4.41434 2.78148C4.23424 3.00661 4.19912 3.31504 4.32401 3.57489C4.4489 3.83474 4.71169 4 4.99999 4H6L6 9.5C6 10.0523 6.44772 10.5 7 10.5C7.55228 10.5 8 10.0523 8 9.5L8 4H8.99999ZM3 12V5.99998C3.55228 5.99998 4 5.55227 4 4.99998C4 4.4477 3.55228 3.99998 3 3.99998H2.5C2.10217 3.99998 1.72064 4.15802 1.43934 4.43932C1.15804 4.72062 1 5.10216 1 5.49998V12.5C1 12.8979 1.15804 13.2794 1.43934 13.5607C1.72065 13.842 2.10218 14 2.5 14L11.5 14.0001C11.8978 14.0001 12.2794 13.842 12.5607 13.5607C12.842 13.2794 13 12.8979 13 12.5001V5.5C13 5.10218 12.842 4.72065 12.5607 4.43934C12.2794 4.15804 11.8978 4 11.5 4H11C10.4477 4 10 4.44772 10 5C10 5.55228 10.4477 6 11 6V12.0001L3 12Z" clip-rule="evenodd"/></svg>';
+export const IconTwitter = '<svg fill="#000D6E" viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.3608 1.15369C13.4169 1.2059 13.4622 1.26865 13.494 1.33837C13.5259 1.40808 13.5436 1.48339 13.5464 1.55999C13.5491 1.63659 13.5367 1.71297 13.5098 1.78477C13.483 1.85656 13.4423 1.92236 13.39 1.97841L8.64428 7.06727L13.8824 14.0198C13.9477 14.1064 13.9876 14.2095 13.9975 14.3176C14.0075 14.4256 13.9871 14.5343 13.9386 14.6313C13.8902 14.7284 13.8156 14.81 13.7233 14.8671C13.631 14.9241 13.5246 14.9542 13.4161 14.9541H10.2207C10.1303 14.9542 10.0412 14.9333 9.96026 14.893C9.87935 14.8528 9.8089 14.7943 9.75447 14.7222L6.06784 9.8299L1.46336 14.7684C1.41113 14.8245 1.34837 14.8696 1.27867 14.9014C1.20897 14.9332 1.13369 14.9509 1.05714 14.9536C0.980585 14.9563 0.904251 14.9439 0.832496 14.9171C0.760741 14.8903 0.69497 14.8496 0.63894 14.7973C0.582909 14.7451 0.537715 14.6823 0.505938 14.6126C0.474162 14.5429 0.456425 14.4677 0.45374 14.3911C0.451056 14.3146 0.463476 14.2382 0.490292 14.1665C0.517108 14.0947 0.557794 14.029 0.610028 13.9729L5.35572 8.88407L0.117626 1.93154C0.0523114 1.84497 0.0124314 1.74191 0.00246702 1.63393C-0.00749732 1.52595 0.0128489 1.41733 0.0612194 1.32027C0.10959 1.22322 0.184068 1.14157 0.276285 1.08451C0.368503 1.02746 0.474805 0.997244 0.583248 0.997273H3.7793C3.86956 0.997249 3.9586 1.01818 4.0394 1.05842C4.1202 1.09866 4.19055 1.15711 4.24492 1.22917L7.93155 6.12144L12.5354 1.18291C12.5876 1.12679 12.6504 1.08151 12.7201 1.04966C12.7898 1.01782 12.8651 1.00003 12.9417 0.997314C13.0183 0.9946 13.0947 1.00702 13.1665 1.03385C13.2383 1.06068 13.3047 1.10141 13.3608 1.15369ZM7.44036 7.40872C7.42386 7.38964 7.40861 7.36951 7.39471 7.34846L3.48836 2.16343H1.75308L10.511 13.7885H12.2463L7.43975 7.40933L7.44036 7.40872Z"/></svg>';
+export const IconTrash = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M5.76256 2.01256C6.09075 1.68437 6.53587 1.5 7 1.5C7.46413 1.5 7.90925 1.68437 8.23744 2.01256C8.4448 2.21993 8.59475 2.47397 8.67705 2.75H5.32295C5.40525 2.47397 5.5552 2.21993 5.76256 2.01256ZM3.78868 2.75C3.89405 2.07321 4.21153 1.44227 4.7019 0.951903C5.3114 0.34241 6.13805 0 7 0C7.86195 0 8.6886 0.34241 9.2981 0.951903C9.78847 1.44227 10.106 2.07321 10.2113 2.75H13C13.4142 2.75 13.75 3.08579 13.75 3.5C13.75 3.91422 13.4142 4.25 13 4.25H12V12.5C12 12.8978 11.842 13.2794 11.5607 13.5607C11.2794 13.842 10.8978 14 10.5 14H3.5C3.10217 14 2.72064 13.842 2.43934 13.5607C2.15804 13.2794 2 12.8978 2 12.5V4.25H1C0.585786 4.25 0.25 3.91422 0.25 3.5C0.25 3.08579 0.585786 2.75 1 2.75H3.78868ZM5 5.87646C5.34518 5.87646 5.625 6.15629 5.625 6.50146V10.503C5.625 10.8481 5.34518 11.128 5 11.128C4.65482 11.128 4.375 10.8481 4.375 10.503V6.50146C4.375 6.15629 4.65482 5.87646 5 5.87646ZM9.625 6.50146C9.625 6.15629 9.34518 5.87646 9 5.87646C8.65482 5.87646 8.375 6.15629 8.375 6.50146V10.503C8.375 10.8481 8.65482 11.128 9 11.128C9.34518 11.128 9.625 10.8481 9.625 10.503V6.50146Z" clip-rule="evenodd"/></svg>';
+export const IconPlus = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M8 1C8 0.447715 7.55228 0 7 0C6.44772 0 6 0.447715 6 1V6H1C0.447715 6 0 6.44772 0 7C0 7.55228 0.447715 8 1 8H6V13C6 13.5523 6.44772 14 7 14C7.55228 14 8 13.5523 8 13V8H13C13.5523 8 14 7.55228 14 7C14 6.44772 13.5523 6 13 6H8V1Z" clip-rule="evenodd"/></svg>';
+export const IconPicture = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M12.5 14a1.5 1.5 0 0 0 1.5-1.5v-11A1.5 1.5 0 0 0 12.5 0h-11A1.5 1.5 0 0 0 0 1.5v11A1.5 1.5 0 0 0 1.5 14h11zM7.374 6.635a.783.783 0 0 1 .58-.265.783.783 0 0 1 .594.282l3.495 4.226a.5.5 0 0 1-.385.818h-7.32a.5.5 0 0 1-.388-.814l3.405-4.225a.5.5 0 0 1 .02-.022zM3.586 2.304a1.744 1.744 0 1 0 0 3.488 1.744 1.744 0 0 0 0-3.488z" clip-rule="evenodd"/></svg>';
+export const IconNavGoUp = '<svg fill="#000D6E" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M9.794,6.607,5.884,2.49A1.255,1.255,0,0,0,4.1,2.5l-3.9,4.1A.75.75,0,1,0,1.294,7.641L4.819,3.928a.249.249,0,0,1,.362,0L8.706,7.641A.75.75,0,1,0,9.794,6.607Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
+export const IconNavGoRight = '<svg fill="#000D6E" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
+export const IconNavGoLeft = '<svg fill="#000D6E" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M7.124,10a.749.749,0,0,1-.517-.206L2.5,5.9A1.257,1.257,0,0,1,2.49,4.116L6.607.206A.75.75,0,1,1,7.64,1.294L3.928,4.819a.249.249,0,0,0,0,.362L7.64,8.706A.75.75,0,0,1,7.124,10Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
+export const IconNavGoDown = '<svg fill="#000D6E" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
+export const IconMinus = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M0 7C0 6.44772 0.447715 6 1 6H13C13.5523 6 14 6.44772 14 7C14 7.55228 13.5523 8 13 8H1C0.447715 8 0 7.55228 0 7Z" clip-rule="evenodd"/></svg>';
+export const IconMenuBars = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M0 2a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1zm0 5a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1zm1 4a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2H1z" clip-rule="evenodd"/></svg>';
+export const IconLinkedin = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path d="M3.31334 1.36381C3.31624 1.73602 3.17257 2.09441 2.9134 2.36157C2.65422 2.62872 2.30034 2.78317 1.92822 2.79156C1.55687 2.77793 1.20495 2.62217 0.945182 2.35645C0.685414 2.09073 0.537655 1.73538 0.53244 1.36381C0.548583 1.0018 0.701774 0.659474 0.96096 0.406224C1.22015 0.152974 1.56593 0.00775305 1.92822 0C2.28945 0.00789779 2.63402 0.153479 2.89148 0.40698C3.14894 0.66048 3.29985 1.00275 3.31334 1.36381ZM0.681607 5.3274C0.681607 4.50698 1.20369 4.63484 1.92822 4.63484C2.65275 4.63484 3.16418 4.50698 3.16418 5.3274V13.3185C3.16418 14.1496 2.64209 13.9791 1.92822 13.9791C1.21435 13.9791 0.681607 14.1496 0.681607 13.3185V5.3274Z"/><path d="M5.31647 5.32741C5.31647 4.86926 5.48694 4.69878 5.75331 4.64551C6.01968 4.59223 6.936 4.64551 7.25564 4.64551C7.57528 4.64551 7.70314 5.16759 7.69249 5.56182C7.96591 5.19486 8.32892 4.9042 8.7468 4.71765C9.16467 4.5311 9.62342 4.4549 10.0792 4.49634C10.5267 4.46898 10.975 4.53608 11.3949 4.69327C11.8148 4.85046 12.1969 5.09424 12.5165 5.40876C12.836 5.72328 13.0858 6.1015 13.2496 6.51887C13.4135 6.93623 13.4877 7.38339 13.4674 7.83129V13.2865C13.4674 14.1176 12.956 13.9471 12.2314 13.9471C11.5069 13.9471 10.9955 14.1176 10.9955 13.2865V9.02463C11.0142 8.80528 10.9855 8.58447 10.9114 8.3772C10.8372 8.16992 10.7193 7.98103 10.5657 7.82335C10.412 7.66568 10.2263 7.54291 10.021 7.46339C9.8157 7.38387 9.59571 7.34945 9.37595 7.36248C9.1572 7.35692 8.93978 7.3979 8.73806 7.48268C8.53635 7.56747 8.35494 7.69414 8.20586 7.85431C8.05677 8.01447 7.94341 8.20447 7.87328 8.41174C7.80314 8.61901 7.77784 8.83881 7.79904 9.05659V13.3185C7.79904 14.1496 7.27695 13.9791 6.55242 13.9791C5.8279 13.9791 5.31647 14.1496 5.31647 13.3185V5.32741Z"/></svg>';
+export const IconLink = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M12.5 0C13.3284 0 14 0.671573 14 1.5V9.5C14 10.3284 13.3284 11 12.5 11H4.5C3.67157 11 3 10.3284 3 9.5V1.5C3 0.671573 3.67157 0 4.5 0H12.5ZM6.05806 7.05806L8.11613 4.99999L7.05808 3.94194C6.87933 3.76319 6.82586 3.49437 6.92259 3.26082C7.01933 3.02728 7.24723 2.875 7.50002 2.875H10.5C10.5875 2.875 10.6707 2.89296 10.7463 2.92538C10.8066 2.95124 10.8638 2.98704 10.9152 3.03279C10.934 3.04955 10.9518 3.06744 10.9685 3.08634C11.0106 3.13386 11.0441 3.18625 11.0692 3.24155C11.1051 3.32031 11.125 3.40783 11.125 3.5V6.5C11.125 6.75279 10.9727 6.98069 10.7392 7.07743C10.5056 7.17416 10.2368 7.12069 10.0581 6.94194L9.00001 5.88387L6.94194 7.94194C6.69786 8.18602 6.30214 8.18602 6.05806 7.94194C5.81398 7.69786 5.81398 7.30214 6.05806 7.05806ZM1.5 4.25C1.5 3.83579 1.16421 3.5 0.75 3.5C0.335786 3.5 0 3.83579 0 4.25V11.75C0 12.9926 1.00736 14 2.25 14H9.75C10.1642 14 10.5 13.6642 10.5 13.25C10.5 12.8358 10.1642 12.5 9.75 12.5H2.25C1.83579 12.5 1.5 12.1642 1.5 11.75V4.25Z" clip-rule="evenodd"/></svg>';
+export const IconInstagram = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M0.786499 3.39046C0.786499 1.95243 1.95225 0.786682 3.39027 0.786682H10.3337C11.7717 0.786682 12.9374 1.95243 12.9374 3.39046V10.3339C12.9374 11.7719 11.7717 12.9376 10.3337 12.9376H3.39027C1.95225 12.9376 0.786499 11.7719 0.786499 10.3339V3.39046ZM6.8621 4.78204C5.71332 4.78204 4.78204 5.71332 4.78204 6.8621C4.78204 8.01088 5.71332 8.94216 6.8621 8.94216C8.01088 8.94216 8.94216 8.01088 8.94216 6.8621C8.94216 5.71332 8.01088 4.78204 6.8621 4.78204ZM3.78204 6.8621C3.78204 5.16103 5.16103 3.78204 6.8621 3.78204C8.56317 3.78204 9.94216 5.16103 9.94216 6.8621C9.94216 8.56317 8.56317 9.94216 6.8621 9.94216C5.16103 9.94216 3.78204 8.56317 3.78204 6.8621ZM10.3349 3.98516C10.6842 3.98516 10.9673 3.70199 10.9673 3.35269C10.9673 3.00338 10.6842 2.72021 10.3349 2.72021C9.98556 2.72021 9.70239 3.00338 9.70239 3.35269C9.70239 3.70199 9.98556 3.98516 10.3349 3.98516Z" clip-rule="evenodd"/></svg>';
+export const IconInformation = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g clip-path="url(#a)"><path fill="#000D6E" d="M4.176 11.705c-.65 0-1.176.514-1.176 1.147 0 .635.526 1.149 1.176 1.149h5.648c.65 0 1.176-.514 1.176-1.149 0-.633-.526-1.147-1.176-1.147H8.177V6.426c0-.634-.526-1.147-1.176-1.147H5.118c-.65 0-1.177.513-1.177 1.147 0 .633.526 1.147 1.176 1.147h.706v4.132zm4.706-9.869c0 1.014-.843 1.836-1.882 1.836S5.118 2.85 5.118 1.836 5.96 0 7 0s1.882.822 1.882 1.836"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h14v14H0z"/></clipPath></defs></svg>';
+export const IconInfoCircle = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14ZM5.5 9.375C5.15482 9.375 4.875 9.65482 4.875 10C4.875 10.3452 5.15482 10.625 5.5 10.625H7H8.5C8.84518 10.625 9.125 10.3452 9.125 10C9.125 9.65482 8.84518 9.375 8.5 9.375H7.625V6.5C7.625 6.15482 7.34518 5.875 7 5.875H6C5.65482 5.875 5.375 6.15482 5.375 6.5C5.375 6.84518 5.65482 7.125 6 7.125H6.375V9.375H5.5ZM8 4C8 4.55228 7.55228 5 7 5C6.44772 5 6 4.55228 6 4C6 3.44772 6.44772 3 7 3C7.55228 3 8 3.44772 8 4Z" clip-rule="evenodd"/></svg>';
+export const IconFile = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M6.875 0H2.5C2.10218 0 1.72064 0.158035 1.43934 0.43934C1.15804 0.720644 1 1.10218 1 1.5V12.5C1 12.8978 1.15804 13.2794 1.43934 13.5607C1.72064 13.842 2.10217 14 2.5 14H11.5C11.8978 14 12.2794 13.842 12.5607 13.5607C12.842 13.2794 13 12.8978 13 12.5V6.125H7.5C7.15482 6.125 6.875 5.84518 6.875 5.5V0ZM12.5821 4.875L8.125 0.417893V4.875H12.5821Z" clip-rule="evenodd"/></svg>';
+export const IconFacebook = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path d="M8.06356 3.75515C8.06356 2.67675 8.60345 2.67675 9.14334 2.67675H9.79121C9.89938 2.6782 10.0067 2.65799 10.107 2.61732C10.2072 2.57664 10.2982 2.51633 10.3747 2.43993C10.4512 2.36353 10.5116 2.2726 10.5523 2.17251C10.5931 2.07242 10.6133 1.96519 10.6118 1.85716V0.84346C10.6119 0.734917 10.5903 0.627453 10.5484 0.527307C10.5064 0.42716 10.445 0.336327 10.3677 0.260078C10.2903 0.18383 10.1986 0.123686 10.0978 0.0831375C9.99696 0.0425893 9.88909 0.0224446 9.78041 0.0238728L8.24712 0.00230466C7.80066 -0.0149417 7.35577 0.0647696 6.94316 0.235937C6.53054 0.407104 6.16003 0.665651 5.8572 0.993733C5.55436 1.32181 5.32641 1.71162 5.18908 2.13624C5.05175 2.56086 5.00831 3.01018 5.06176 3.4532V5.01689H4.20873C3.99108 5.01689 3.78235 5.10324 3.62845 5.25694C3.47455 5.41064 3.38809 5.61911 3.38809 5.83648V6.85018C3.38809 7.06754 3.47455 7.27601 3.62845 7.42971C3.78235 7.58341 3.99108 7.66976 4.20873 7.66976H5.06176V13.4608C5.06176 13.6038 5.11864 13.741 5.21989 13.8421C5.32114 13.9432 5.45846 14 5.60165 14H7.55606C7.69356 13.9917 7.8227 13.9313 7.91705 13.8311C8.01139 13.7308 8.0638 13.5984 8.06356 13.4608V7.66976H9.01377C9.23141 7.66976 9.44014 7.58341 9.59404 7.42971C9.74794 7.27601 9.8344 7.06754 9.8344 6.85018V5.83648C9.8344 5.61911 9.74794 5.41064 9.59404 5.25694C9.44014 5.10324 9.23141 5.01689 9.01377 5.01689H8.06356V3.75515Z"/></svg>';
+export const IconEdit = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path d="M10.715 -0.000976562C10.5152 -0.000976562 10.3174 0.0389464 10.1332 0.116448C9.95019 0.193468 9.78428 0.306058 9.64512 0.447676L1.40732 8.64549C1.34616 8.70635 1.30179 8.782 1.27853 8.86508L0.0185299 13.3651C-0.0301752 13.539 0.0187291 13.7257 0.146458 13.8535C0.274188 13.9812 0.46088 14.0301 0.634827 13.9814L5.13483 12.7214C5.21791 12.6981 5.29356 12.6537 5.35442 12.5926L13.5521 4.3549L13.5535 4.35355C13.6934 4.21438 13.8045 4.04896 13.8804 3.86676C13.9566 3.68398 13.9958 3.48792 13.9958 3.2899C13.9958 3.09188 13.9566 2.89582 13.8804 2.71303C13.8045 2.53083 13.6934 2.3654 13.5535 2.22624L13.5521 2.2249L11.7859 0.448721C11.6466 0.306611 11.4803 0.193657 11.2968 0.116448C11.1126 0.0389464 10.9148 -0.000976562 10.715 -0.000976562Z"/></svg>';
+export const IconDownload = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M8.99999 6.5C9.2883 6.5 9.55108 6.66526 9.67597 6.92511C9.80086 7.18496 9.76575 7.49339 9.58564 7.71852L7.58564 10.2185C7.44332 10.3964 7.22783 10.5 6.99999 10.5C6.77215 10.5 6.55667 10.3964 6.41434 10.2185L4.41434 7.71852C4.23424 7.49339 4.19913 7.18496 4.32402 6.92511C4.44891 6.66526 4.71169 6.5 4.99999 6.5H6V1C6 0.447716 6.44772 0 7 0C7.55229 0 8 0.447716 8 1V6.5H8.99999ZM11 12V5.99998C10.4477 5.99998 10 5.55227 10 4.99998C10 4.4477 10.4477 3.99998 11 3.99998H11.5C11.8978 3.99998 12.2794 4.15802 12.5607 4.43932C12.842 4.72062 13 5.10216 13 5.49998V12.5C13 12.8979 12.842 13.2794 12.5607 13.5607C12.2794 13.842 11.8978 14 11.5 14L2.5 14.0001C2.10218 14.0001 1.72065 13.842 1.43934 13.5607C1.15803 13.2794 1 12.8979 1 12.5001V5.5C1 5.10218 1.15803 4.72065 1.43934 4.43934C1.72064 4.15804 2.10218 4 2.5 4H3C3.55229 4 4 4.44772 4 5C4 5.55228 3.55229 6 3 6V12.0001L11 12Z" clip-rule="evenodd"/></svg>';
+export const IconDocument = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M1.43934 0.43934C1.72064 0.158035 2.10218 0 2.5 0H7.5C7.63261 0 7.75979 0.0526784 7.85355 0.146447L12.8536 5.14645C12.9473 5.24021 13 5.36739 13 5.5V12.5C13 12.8978 12.842 13.2794 12.5607 13.5607C12.2794 13.842 11.8978 14 11.5 14H2.5C2.10217 14 1.72064 13.842 1.43934 13.5607C1.15804 13.2794 1 12.8978 1 12.5V1.5C1 1.10218 1.15804 0.720644 1.43934 0.43934ZM4.5 3.875C4.15482 3.875 3.875 4.15482 3.875 4.5C3.875 4.84518 4.15482 5.125 4.5 5.125H6.5C6.84518 5.125 7.125 4.84518 7.125 4.5C7.125 4.15482 6.84518 3.875 6.5 3.875H4.5ZM3.875 7.5C3.875 7.15482 4.15482 6.875 4.5 6.875H9.5C9.84518 6.875 10.125 7.15482 10.125 7.5C10.125 7.84518 9.84518 8.125 9.5 8.125H4.5C4.15482 8.125 3.875 7.84518 3.875 7.5ZM4.5 9.875C4.15482 9.875 3.875 10.1548 3.875 10.5C3.875 10.8452 4.15482 11.125 4.5 11.125H9.5C9.84518 11.125 10.125 10.8452 10.125 10.5C10.125 10.1548 9.84518 9.875 9.5 9.875H4.5Z" clip-rule="evenodd"/></svg>';
+export const IconDate = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M10 0a.75.75 0 0 1 .75.75v.75h1.5c.966 0 1.75.784 1.75 1.75v9A1.75 1.75 0 0 1 12.25 14H1.75A1.75 1.75 0 0 1 0 12.25v-9C0 2.284.784 1.5 1.75 1.5h1.5V.75a.75.75 0 0 1 1.5 0v.75h4.5V.75A.75.75 0 0 1 10 0zM3.25 3v.75a.75.75 0 0 0 1.5 0V3h4.5v.75a.75.75 0 0 0 1.5 0V3h1.5a.25.25 0 0 1 .25.25v2.282a1.002 1.002 0 0 0-.25-.032H1.75c-.086 0-.17.01-.25.032V3.25A.25.25 0 0 1 1.75 3h1.5z" clip-rule="evenodd"/></svg>';
+export const IconClose = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z" clip-rule="evenodd"/></svg>';
+export const IconClock = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14ZM7.625 4.5C7.625 4.15482 7.34518 3.875 7 3.875C6.65482 3.875 6.375 4.15482 6.375 4.5V7C6.375 7.14621 6.42626 7.28779 6.51986 7.40012L9.01986 10.4001C9.24084 10.6653 9.63494 10.7011 9.90012 10.4801C10.1653 10.2592 10.2011 9.86506 9.98014 9.59988L7.625 6.77372V4.5Z" clip-rule="evenodd"/></svg>';
+export const IconCheck = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z" clip-rule="evenodd"/></svg>';
+export const IconCaretUp = '<svg fill="#000D6E" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M9.794,6.607,5.884,2.49A1.255,1.255,0,0,0,4.1,2.5l-3.9,4.1A.75.75,0,1,0,1.294,7.641L4.819,3.928a.249.249,0,0,1,.362,0L8.706,7.641A.75.75,0,1,0,9.794,6.607Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
+export const IconCaretRight = '<svg fill="#000D6E" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
+export const IconCaretLeft = '<svg fill="#000D6E" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M7.124,10a.749.749,0,0,1-.517-.206L2.5,5.9A1.257,1.257,0,0,1,2.49,4.116L6.607.206A.75.75,0,1,1,7.64,1.294L3.928,4.819a.249.249,0,0,0,0,.362L7.64,8.706A.75.75,0,0,1,7.124,10Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
+export const IconCaretDown = '<svg fill="#000D6E" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
+export const IconBell = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="#000D6E"/></svg>';
+export const IconAudio = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M12.781.23a1.227 1.227 0 0 0-.555.02h-.006L4.587 2.37a1.227 1.227 0 0 0-.905 1.176V9.04a2.477 2.477 0 1 0 1.5 2.277V6.076l7.09-1.97V6.57a2.477 2.477 0 1 0 1.5 2.345V1.402a1.226 1.226 0 0 0-.99-1.172z" clip-rule="evenodd"/></svg>';
+export const IconAlert = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path fill="#000D6E" d="M7 0c.69 0 1.25.514 1.25 1.148v5.508c0 .634-.56 1.148-1.25 1.148S5.75 7.29 5.75 6.656V1.148C5.75.514 6.31 0 7 0m0 14c1.104 0 2-.822 2-1.836s-.896-1.836-2-1.836-2 .822-2 1.836S5.895 14 7 14"/></svg>';
+export const IconAlertTriangle = '<svg fill="#000D6E" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M7.00003 0.00585938C6.72396 0.00585938 6.45324 0.0820473 6.21769 0.226033C5.98215 0.370019 5.7909 0.576216 5.66503 0.821919L5.665 0.821908L5.66281 0.826292L0.163513 11.8249L0.163109 11.8257C0.0483198 12.0538 -0.0063228 12.3075 0.00436625 12.5627C0.0150678 12.8182 0.0908985 13.0667 0.224657 13.2846C0.358416 13.5025 0.545662 13.6826 0.768612 13.8078C0.991563 13.933 1.24282 13.9991 1.49851 13.9999L1.50003 13.9999H12.5L12.5015 13.9999C12.7572 13.9991 13.0085 13.933 13.2314 13.8078C13.4544 13.6826 13.6416 13.5025 13.7754 13.2846C13.9092 13.0667 13.985 12.8182 13.9957 12.5627C14.0064 12.3075 13.9517 12.0537 13.8369 11.8256L13.8365 11.8249L8.33724 0.826292L8.33726 0.826281L8.33503 0.821919C8.20915 0.576216 8.01791 0.370019 7.78236 0.226033C7.54681 0.0820473 7.2761 0.00585938 7.00003 0.00585938ZM7 4.37598C7.34518 4.37598 7.625 4.6558 7.625 5.00098V8.00098C7.625 8.34615 7.34518 8.62598 7 8.62598C6.65482 8.62598 6.375 8.34615 6.375 8.00098V5.00098C6.375 4.6558 6.65482 4.37598 7 4.37598ZM7 12.001C7.55228 12.001 8 11.5533 8 11.001C8 10.4487 7.55228 10.001 7 10.001C6.44772 10.001 6 10.4487 6 11.001C6 11.5533 6.44772 12.001 7 12.001Z" clip-rule="evenodd"/></svg>';

package/dist/collection/global/constants/keys.constant.js

@@ -0,0 +1,20 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+export const NUMBER_KEYS = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
+export const ACTION_KEYS = [
+    'Home',
+    'End',
+    'Backspace',
+    'Enter',
+    'ArrowLeft',
+    'Left',
+    'ArrowRight',
+    'Right',
+    'Tab',
+    'Esc',
+    'Escape',
+    'Del',
+    'Delete',
+];
+export const isCtrlOrCommandKey = (ev) => ev.metaKey || ev.ctrlKey;

package/dist/collection/global/constants/tags.constant.js

@@ -0,0 +1,48 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+// This file is auto-generated by stencil.config.ts - do not edit manually
+export const tags = [
+    "ds-accordion",
+    "ds-alert-container",
+    "ds-app",
+    "ds-badge",
+    "ds-button",
+    "ds-button-group",
+    "ds-card",
+    "ds-card-actions",
+    "ds-card-content",
+    "ds-card-header",
+    "ds-card-subtitle",
+    "ds-card-title",
+    "ds-checkbox",
+    "ds-checkbox-group",
+    "ds-close",
+    "ds-content",
+    "ds-divider",
+    "ds-heading",
+    "ds-icon",
+    "ds-input",
+    "ds-item",
+    "ds-label",
+    "ds-list",
+    "ds-logo",
+    "ds-notification",
+    "ds-number-input",
+    "ds-pagination",
+    "ds-progress-bar",
+    "ds-radio",
+    "ds-radio-group",
+    "ds-segment",
+    "ds-segment-item",
+    "ds-shape",
+    "ds-snackbar",
+    "ds-spinner",
+    "ds-stack",
+    "ds-tag",
+    "ds-tag-group",
+    "ds-text",
+    "ds-textarea",
+    "ds-toast",
+    "ds-toggle"
+];

package/dist/collection/global/constants/version.constant.js

@@ -0,0 +1,5 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+// generated by .build/version.js
+export const VERSION = '20.0.0-next.4';

package/dist/collection/global/global.js

@@ -0,0 +1,7 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import { initializeDesignSystem } from "./initialize";
+export default function () {
+    initializeDesignSystem();
+}

package/dist/collection/global/index.js

@@ -0,0 +1,14 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+// Constants
+export * from './constants/icons.constant';
+export * from './constants/keys.constant';
+export * from './constants/version.constant';
+export * from './constants/tags.constant';
+// Config
+export * from './config';
+// Initialize
+export { initializeDesignSystem } from './initialize';
+// Component Interface
+export * from './component.type';

package/dist/collection/global/initialize.js

@@ -0,0 +1,53 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import { setPlatformHelpers } from "@stencil/core/internal";
+import { tags } from "./constants/tags.constant";
+import { setupDsConfig } from "./config";
+import { VERSION } from "./constants/version.constant";
+import { dsSnackbarController, dsToastController } from "../components/alert/alert.controller";
+import { dsBrowser } from "../utils/index";
+export const initializeDesignSystem = (userConfig = {}, platformConfig = undefined, win = {}) => {
+    if (Object.keys(win).length === 0 && dsBrowser.hasWindow) {
+        win = window;
+    }
+    win.DesignSystem = win.DesignSystem || {};
+    if (platformConfig) {
+        setPlatformHelpers(platformConfig);
+    }
+    setupDsConfig(Object.assign(Object.assign({}, userConfig), platformConfig), win);
+    win.DesignSystem.toastController = dsToastController;
+    win.DesignSystem.snackbarController = dsSnackbarController;
+    win.DesignSystem.initialize = () => setupDsConfig(win.DesignSystem.config, win);
+    win.DesignSystem.version = VERSION;
+    if (userConfig._generateHydrateForCustomElementsOutput) {
+        generateHydrateForCustomElementsOutput(tags);
+    }
+};
+/**
+ * This function generates the CSS needed for custom elements hydration and inserts it into the document head.
+ * The CSS rules include styles for slot fallback and the hydrated class.
+ *
+ * This is copied from the Stencil core library.
+ * src/runtime/bootstrap-lazy.ts
+ */
+const generateHydrateForCustomElementsOutput = (cmpTags = []) => {
+    const SLOT_FB_CSS = 'slot-fb{display:contents}slot-fb[hidden]{display:none}';
+    const HYDRATED_CSS = '{visibility:hidden}.hydrated{visibility:inherit}';
+    const win = typeof window !== 'undefined' ? window : {};
+    if (!win.document) {
+        console.warn('Stencil: No document found. Skipping bootstrapping lazy components.');
+        return;
+    }
+    const head = win.document.head;
+    const metaCharset = /* @__PURE__ */ head.querySelector('meta[charset]');
+    const dataStyles = /* @__PURE__ */ win.document.createElement('style');
+    if (cmpTags.length > 0) {
+        dataStyles.textContent += SLOT_FB_CSS;
+        dataStyles.textContent += cmpTags.sort() + HYDRATED_CSS;
+        if (dataStyles.innerHTML.length) {
+            dataStyles.setAttribute('data-styles', '');
+            head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
+        }
+    }
+};