@mgdis/mg-components 3.3.0 → 4.1.0

package/dist/cjs/shadow-css-546083ef.js

@@ -1,390 +0,0 @@
-'use strict';
-
-/*
- Stencil Client Platform v2.15.1 | MIT Licensed | https://stenciljs.com
- */
-/**
- * @license
- * Copyright Google Inc. All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- *
- * This file is a port of shadowCSS from webcomponents.js to TypeScript.
- * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js
- * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts
- */
-const safeSelector = (selector) => {
-    const placeholders = [];
-    let index = 0;
-    let content;
-    // Replaces attribute selectors with placeholders.
-    // The WS in [attr="va lue"] would otherwise be interpreted as a selector separator.
-    selector = selector.replace(/(\[[^\]]*\])/g, (_, keep) => {
-        const replaceBy = `__ph-${index}__`;
-        placeholders.push(keep);
-        index++;
-        return replaceBy;
-    });
-    // Replaces the expression in `:nth-child(2n + 1)` with a placeholder.
-    // WS and "+" would otherwise be interpreted as selector separators.
-    content = selector.replace(/(:nth-[-\w]+)(\([^)]+\))/g, (_, pseudo, exp) => {
-        const replaceBy = `__ph-${index}__`;
-        placeholders.push(exp);
-        index++;
-        return pseudo + replaceBy;
-    });
-    const ss = {
-        content,
-        placeholders,
-    };
-    return ss;
-};
-const restoreSafeSelector = (placeholders, content) => {
-    return content.replace(/__ph-(\d+)__/g, (_, index) => placeholders[+index]);
-};
-const _polyfillHost = '-shadowcsshost';
-const _polyfillSlotted = '-shadowcssslotted';
-// note: :host-context pre-processed to -shadowcsshostcontext.
-const _polyfillHostContext = '-shadowcsscontext';
-const _parenSuffix = ')(?:\\((' + '(?:\\([^)(]*\\)|[^)(]*)+?' + ')\\))?([^,{]*)';
-const _cssColonHostRe = new RegExp('(' + _polyfillHost + _parenSuffix, 'gim');
-const _cssColonHostContextRe = new RegExp('(' + _polyfillHostContext + _parenSuffix, 'gim');
-const _cssColonSlottedRe = new RegExp('(' + _polyfillSlotted + _parenSuffix, 'gim');
-const _polyfillHostNoCombinator = _polyfillHost + '-no-combinator';
-const _polyfillHostNoCombinatorRe = /-shadowcsshost-no-combinator([^\s]*)/;
-const _shadowDOMSelectorsRe = [/::shadow/g, /::content/g];
-const _selectorReSuffix = '([>\\s~+[.,{:][\\s\\S]*)?$';
-const _polyfillHostRe = /-shadowcsshost/gim;
-const _colonHostRe = /:host/gim;
-const _colonSlottedRe = /::slotted/gim;
-const _colonHostContextRe = /:host-context/gim;
-const _commentRe = /\/\*\s*[\s\S]*?\*\//g;
-const stripComments = (input) => {
-    return input.replace(_commentRe, '');
-};
-const _commentWithHashRe = /\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g;
-const extractCommentsWithHash = (input) => {
-    return input.match(_commentWithHashRe) || [];
-};
-const _ruleRe = /(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g;
-const _curlyRe = /([{}])/g;
-const _selectorPartsRe = /(^.*?[^\\])??((:+)(.*)|$)/;
-const OPEN_CURLY = '{';
-const CLOSE_CURLY = '}';
-const BLOCK_PLACEHOLDER = '%BLOCK%';
-const processRules = (input, ruleCallback) => {
-    const inputWithEscapedBlocks = escapeBlocks(input);
-    let nextBlockIndex = 0;
-    return inputWithEscapedBlocks.escapedString.replace(_ruleRe, (...m) => {
-        const selector = m[2];
-        let content = '';
-        let suffix = m[4];
-        let contentPrefix = '';
-        if (suffix && suffix.startsWith('{' + BLOCK_PLACEHOLDER)) {
-            content = inputWithEscapedBlocks.blocks[nextBlockIndex++];
-            suffix = suffix.substring(BLOCK_PLACEHOLDER.length + 1);
-            contentPrefix = '{';
-        }
-        const cssRule = {
-            selector,
-            content,
-        };
-        const rule = ruleCallback(cssRule);
-        return `${m[1]}${rule.selector}${m[3]}${contentPrefix}${rule.content}${suffix}`;
-    });
-};
-const escapeBlocks = (input) => {
-    const inputParts = input.split(_curlyRe);
-    const resultParts = [];
-    const escapedBlocks = [];
-    let bracketCount = 0;
-    let currentBlockParts = [];
-    for (let partIndex = 0; partIndex < inputParts.length; partIndex++) {
-        const part = inputParts[partIndex];
-        if (part === CLOSE_CURLY) {
-            bracketCount--;
-        }
-        if (bracketCount > 0) {
-            currentBlockParts.push(part);
-        }
-        else {
-            if (currentBlockParts.length > 0) {
-                escapedBlocks.push(currentBlockParts.join(''));
-                resultParts.push(BLOCK_PLACEHOLDER);
-                currentBlockParts = [];
-            }
-            resultParts.push(part);
-        }
-        if (part === OPEN_CURLY) {
-            bracketCount++;
-        }
-    }
-    if (currentBlockParts.length > 0) {
-        escapedBlocks.push(currentBlockParts.join(''));
-        resultParts.push(BLOCK_PLACEHOLDER);
-    }
-    const strEscapedBlocks = {
-        escapedString: resultParts.join(''),
-        blocks: escapedBlocks,
-    };
-    return strEscapedBlocks;
-};
-const insertPolyfillHostInCssText = (selector) => {
-    selector = selector
-        .replace(_colonHostContextRe, _polyfillHostContext)
-        .replace(_colonHostRe, _polyfillHost)
-        .replace(_colonSlottedRe, _polyfillSlotted);
-    return selector;
-};
-const convertColonRule = (cssText, regExp, partReplacer) => {
-    // m[1] = :host(-context), m[2] = contents of (), m[3] rest of rule
-    return cssText.replace(regExp, (...m) => {
-        if (m[2]) {
-            const parts = m[2].split(',');
-            const r = [];
-            for (let i = 0; i < parts.length; i++) {
-                const p = parts[i].trim();
-                if (!p)
-                    break;
-                r.push(partReplacer(_polyfillHostNoCombinator, p, m[3]));
-            }
-            return r.join(',');
-        }
-        else {
-            return _polyfillHostNoCombinator + m[3];
-        }
-    });
-};
-const colonHostPartReplacer = (host, part, suffix) => {
-    return host + part.replace(_polyfillHost, '') + suffix;
-};
-const convertColonHost = (cssText) => {
-    return convertColonRule(cssText, _cssColonHostRe, colonHostPartReplacer);
-};
-const colonHostContextPartReplacer = (host, part, suffix) => {
-    if (part.indexOf(_polyfillHost) > -1) {
-        return colonHostPartReplacer(host, part, suffix);
-    }
-    else {
-        return host + part + suffix + ', ' + part + ' ' + host + suffix;
-    }
-};
-const convertColonSlotted = (cssText, slotScopeId) => {
-    const slotClass = '.' + slotScopeId + ' > ';
-    const selectors = [];
-    cssText = cssText.replace(_cssColonSlottedRe, (...m) => {
-        if (m[2]) {
-            const compound = m[2].trim();
-            const suffix = m[3];
-            const slottedSelector = slotClass + compound + suffix;
-            let prefixSelector = '';
-            for (let i = m[4] - 1; i >= 0; i--) {
-                const char = m[5][i];
-                if (char === '}' || char === ',') {
-                    break;
-                }
-                prefixSelector = char + prefixSelector;
-            }
-            const orgSelector = prefixSelector + slottedSelector;
-            const addedSelector = `${prefixSelector.trimRight()}${slottedSelector.trim()}`;
-            if (orgSelector.trim() !== addedSelector.trim()) {
-                const updatedSelector = `${addedSelector}, ${orgSelector}`;
-                selectors.push({
-                    orgSelector,
-                    updatedSelector,
-                });
-            }
-            return slottedSelector;
-        }
-        else {
-            return _polyfillHostNoCombinator + m[3];
-        }
-    });
-    return {
-        selectors,
-        cssText,
-    };
-};
-const convertColonHostContext = (cssText) => {
-    return convertColonRule(cssText, _cssColonHostContextRe, colonHostContextPartReplacer);
-};
-const convertShadowDOMSelectors = (cssText) => {
-    return _shadowDOMSelectorsRe.reduce((result, pattern) => result.replace(pattern, ' '), cssText);
-};
-const makeScopeMatcher = (scopeSelector) => {
-    const lre = /\[/g;
-    const rre = /\]/g;
-    scopeSelector = scopeSelector.replace(lre, '\\[').replace(rre, '\\]');
-    return new RegExp('^(' + scopeSelector + ')' + _selectorReSuffix, 'm');
-};
-const selectorNeedsScoping = (selector, scopeSelector) => {
-    const re = makeScopeMatcher(scopeSelector);
-    return !re.test(selector);
-};
-const injectScopingSelector = (selector, scopingSelector) => {
-    return selector.replace(_selectorPartsRe, (_, before = '', _colonGroup, colon = '', after = '') => {
-        return before + scopingSelector + colon + after;
-    });
-};
-const applySimpleSelectorScope = (selector, scopeSelector, hostSelector) => {
-    // In Android browser, the lastIndex is not reset when the regex is used in String.replace()
-    _polyfillHostRe.lastIndex = 0;
-    if (_polyfillHostRe.test(selector)) {
-        const replaceBy = `.${hostSelector}`;
-        return selector
-            .replace(_polyfillHostNoCombinatorRe, (_, selector) => injectScopingSelector(selector, replaceBy))
-            .replace(_polyfillHostRe, replaceBy + ' ');
-    }
-    return scopeSelector + ' ' + selector;
-};
-const applyStrictSelectorScope = (selector, scopeSelector, hostSelector) => {
-    const isRe = /\[is=([^\]]*)\]/g;
-    scopeSelector = scopeSelector.replace(isRe, (_, ...parts) => parts[0]);
-    const className = '.' + scopeSelector;
-    const _scopeSelectorPart = (p) => {
-        let scopedP = p.trim();
-        if (!scopedP) {
-            return '';
-        }
-        if (p.indexOf(_polyfillHostNoCombinator) > -1) {
-            scopedP = applySimpleSelectorScope(p, scopeSelector, hostSelector);
-        }
-        else {
-            // remove :host since it should be unnecessary
-            const t = p.replace(_polyfillHostRe, '');
-            if (t.length > 0) {
-                scopedP = injectScopingSelector(t, className);
-            }
-        }
-        return scopedP;
-    };
-    const safeContent = safeSelector(selector);
-    selector = safeContent.content;
-    let scopedSelector = '';
-    let startIndex = 0;
-    let res;
-    const sep = /( |>|\+|~(?!=))\s*/g;
-    // If a selector appears before :host it should not be shimmed as it
-    // matches on ancestor elements and not on elements in the host's shadow
-    // `:host-context(div)` is transformed to
-    // `-shadowcsshost-no-combinatordiv, div -shadowcsshost-no-combinator`
-    // the `div` is not part of the component in the 2nd selectors and should not be scoped.
-    // Historically `component-tag:host` was matching the component so we also want to preserve
-    // this behavior to avoid breaking legacy apps (it should not match).
-    // The behavior should be:
-    // - `tag:host` -> `tag[h]` (this is to avoid breaking legacy apps, should not match anything)
-    // - `tag :host` -> `tag [h]` (`tag` is not scoped because it's considered part of a
-    //   `:host-context(tag)`)
-    const hasHost = selector.indexOf(_polyfillHostNoCombinator) > -1;
-    // Only scope parts after the first `-shadowcsshost-no-combinator` when it is present
-    let shouldScope = !hasHost;
-    while ((res = sep.exec(selector)) !== null) {
-        const separator = res[1];
-        const part = selector.slice(startIndex, res.index).trim();
-        shouldScope = shouldScope || part.indexOf(_polyfillHostNoCombinator) > -1;
-        const scopedPart = shouldScope ? _scopeSelectorPart(part) : part;
-        scopedSelector += `${scopedPart} ${separator} `;
-        startIndex = sep.lastIndex;
-    }
-    const part = selector.substring(startIndex);
-    shouldScope = shouldScope || part.indexOf(_polyfillHostNoCombinator) > -1;
-    scopedSelector += shouldScope ? _scopeSelectorPart(part) : part;
-    // replace the placeholders with their original values
-    return restoreSafeSelector(safeContent.placeholders, scopedSelector);
-};
-const scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector) => {
-    return selector
-        .split(',')
-        .map((shallowPart) => {
-        if (slotSelector && shallowPart.indexOf('.' + slotSelector) > -1) {
-            return shallowPart.trim();
-        }
-        if (selectorNeedsScoping(shallowPart, scopeSelectorText)) {
-            return applyStrictSelectorScope(shallowPart, scopeSelectorText, hostSelector).trim();
-        }
-        else {
-            return shallowPart.trim();
-        }
-    })
-        .join(', ');
-};
-const scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector) => {
-    return processRules(cssText, (rule) => {
-        let selector = rule.selector;
-        let content = rule.content;
-        if (rule.selector[0] !== '@') {
-            selector = scopeSelector(rule.selector, scopeSelectorText, hostSelector, slotSelector);
-        }
-        else if (rule.selector.startsWith('@media') ||
-            rule.selector.startsWith('@supports') ||
-            rule.selector.startsWith('@page') ||
-            rule.selector.startsWith('@document')) {
-            content = scopeSelectors(rule.content, scopeSelectorText, hostSelector, slotSelector);
-        }
-        const cssRule = {
-            selector: selector.replace(/\s{2,}/g, ' ').trim(),
-            content,
-        };
-        return cssRule;
-    });
-};
-const scopeCssText = (cssText, scopeId, hostScopeId, slotScopeId, commentOriginalSelector) => {
-    cssText = insertPolyfillHostInCssText(cssText);
-    cssText = convertColonHost(cssText);
-    cssText = convertColonHostContext(cssText);
-    const slotted = convertColonSlotted(cssText, slotScopeId);
-    cssText = slotted.cssText;
-    cssText = convertShadowDOMSelectors(cssText);
-    if (scopeId) {
-        cssText = scopeSelectors(cssText, scopeId, hostScopeId, slotScopeId);
-    }
-    cssText = cssText.replace(/-shadowcsshost-no-combinator/g, `.${hostScopeId}`);
-    cssText = cssText.replace(/>\s*\*\s+([^{, ]+)/gm, ' $1 ');
-    return {
-        cssText: cssText.trim(),
-        slottedSelectors: slotted.selectors,
-    };
-};
-const scopeCss = (cssText, scopeId, commentOriginalSelector) => {
-    const hostScopeId = scopeId + '-h';
-    const slotScopeId = scopeId + '-s';
-    const commentsWithHash = extractCommentsWithHash(cssText);
-    cssText = stripComments(cssText);
-    const orgSelectors = [];
-    if (commentOriginalSelector) {
-        const processCommentedSelector = (rule) => {
-            const placeholder = `/*!@___${orgSelectors.length}___*/`;
-            const comment = `/*!@${rule.selector}*/`;
-            orgSelectors.push({ placeholder, comment });
-            rule.selector = placeholder + rule.selector;
-            return rule;
-        };
-        cssText = processRules(cssText, (rule) => {
-            if (rule.selector[0] !== '@') {
-                return processCommentedSelector(rule);
-            }
-            else if (rule.selector.startsWith('@media') ||
-                rule.selector.startsWith('@supports') ||
-                rule.selector.startsWith('@page') ||
-                rule.selector.startsWith('@document')) {
-                rule.content = processRules(rule.content, processCommentedSelector);
-                return rule;
-            }
-            return rule;
-        });
-    }
-    const scoped = scopeCssText(cssText, scopeId, hostScopeId, slotScopeId);
-    cssText = [scoped.cssText, ...commentsWithHash].join('\n');
-    if (commentOriginalSelector) {
-        orgSelectors.forEach(({ placeholder, comment }) => {
-            cssText = cssText.replace(placeholder, comment);
-        });
-    }
-    scoped.slottedSelectors.forEach((slottedSelector) => {
-        cssText = cssText.replace(slottedSelector.orgSelector, slottedSelector.updatedSelector);
-    });
-    return cssText;
-};
-
-exports.scopeCss = scopeCss;

package/dist/collection/components/atoms/mg-character-left/mg-character-left.stories.js

@@ -1,23 +0,0 @@
-import { h } from '@stencil/core';
-import { messages } from '../../../locales';
-export default {
-  component: 'mg-character-left',
-  title: 'Atoms/mg-character-left',
-  argTypes: {
-    template: {
-      table: {
-        defaultValue: { summary: messages.nbCharLeft },
-      },
-    },
-  },
-};
-const Template = args => h("mg-character-left", Object.assign({}, args));
-export const MgCharacterLeft = Template.bind({});
-MgCharacterLeft.args = {
-  identifier: 'identifier',
-  characters: '',
-  maxlength: 400,
-  template: undefined,
-};
-export const CustomTemplate = Template.bind({});
-CustomTemplate.args = Object.assign(Object.assign({}, MgCharacterLeft.args), { maxlength: 100, template: 'Custom template with {counter} characters left.' });

package/dist/collection/components/atoms/mg-input-title/mg-input-title.stories.js

@@ -1,21 +0,0 @@
-import { h } from '@stencil/core';
-export default {
-  component: 'mg-input-title',
-  title: 'Atoms/mg-input-title',
-};
-const Template = args => {
-  // Extract slot so it won't be render as an attribute
-  const slot = args.slot;
-  delete args.slot;
-  const isLegend = args.isLegend;
-  delete args.isLegend;
-  // return element
-  return (h("mg-input-title", Object.assign({}, args, { "is-legend": isLegend }), slot));
-};
-export const MgInputTitle = Template.bind({});
-MgInputTitle.args = {
-  slot: 'Label',
-  identifier: 'identifier',
-  required: true,
-  isLegend: false,
-};

package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.stories.js

@@ -1,26 +0,0 @@
-import { h } from '@stencil/core';
-export default {
-  component: 'mg-tooltip',
-  title: 'Atoms/mg-tooltip',
-  parameters: {
-    layout: 'centered',
-  },
-};
-const Template = args => (h("mg-tooltip", Object.assign({}, args),
-  h("mg-icon", { icon: "info-circle" })));
-export const MgTooltip = Template.bind({});
-MgTooltip.args = {
-  identifier: 'identifier',
-  message: 'This is a tooltip message',
-  placement: 'bottom',
-  display: false,
-  disabled: false,
-};
-const TemplateButton = args => (h("mg-tooltip", Object.assign({}, args),
-  h("mg-button", null, "Action")));
-export const MgTooltipOnButton = TemplateButton.bind({});
-MgTooltipOnButton.args = Object.assign({}, MgTooltip.args);
-const TemplateSpan = args => (h("mg-tooltip", Object.assign({}, args),
-  h("span", null, "any text")));
-export const MgTooltipOnSpan = TemplateSpan.bind({});
-MgTooltipOnSpan.args = Object.assign({}, MgTooltip.args);

package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.stories.js

@@ -1,78 +0,0 @@
-import { h } from '@stencil/core';
-export default {
-  component: 'mg-input-toggle',
-  title: 'Molecules/Inputs/mg-input-toggle',
-  parameters: { actions: { handles: ['value-change', 'input-valid'] } },
-};
-const args = {
-  // Global
-  value: null,
-  items: [
-    { title: 'non', value: false },
-    { title: 'oui', value: true },
-  ],
-  identifier: 'identifier',
-  name: 'input-name',
-  // Label
-  label: 'Option',
-  labelOnTop: false,
-  labelHide: false,
-  // toggle
-  isIcon: false,
-  isOnOff: false,
-  // Input
-  disabled: false,
-  readonly: false,
-  // Tooltip
-  tooltip: 'This is a tooltip',
-  // Help Text
-  helpText: 'Help text with html <strong>bold</strong>, <em>italic</em>.',
-};
-/**
- * 1. camelCase arguments must be written in the template, for exemple labelOnTop must be placed in the template as label-on-top={args.labelOnTop}
- * 2. boolean arguments with a default true value must be added like display-character-left={args.displayCharacterLeft ? 'true' : 'false'}
- *
- * @param {any} args component arguments
- * @returns {HTMLElement} HTMLElement
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const Template = (args) => {
-  // Extract slot so it won't be render as an attribute
-  const labelOnTop = args.labelOnTop;
-  delete args.labelOnTop;
-  const labelHide = args.labelHide;
-  delete args.labelHide;
-  const isIcon = args.isIcon;
-  delete args.isIcon;
-  const isOnOff = args.isOnOff;
-  delete args.isOnOff;
-  const helpText = args.helpText;
-  delete args.helpText;
-  // return element
-  return (h("mg-input-toggle", Object.assign({}, args, { "label-on-top": labelOnTop, "label-hide": labelHide, "help-text": helpText, "is-icon": isIcon, "is-on-off": isOnOff }),
-    h("span", { slot: "item-1" }, "Non"),
-    h("span", { slot: "item-2" }, "Oui")));
-};
-export const MgInputToggle = Template.bind({});
-MgInputToggle.args = Object.assign({}, args);
-const TemplateIcon = args => {
-  // Extract slot so it won't be render as an attribute
-  const labelOnTop = args.labelOnTop;
-  delete args.labelOnTop;
-  const helpText = args.helpText;
-  delete args.helpText;
-  const labelHide = args.labelHide;
-  delete args.labelHide;
-  const isIcon = args.isIcon;
-  delete args.isIcon;
-  const isOnOff = args.isOnOff;
-  delete args.isOnOff;
-  // return element
-  return (h("mg-input-toggle", Object.assign({}, args, { "label-on-top": labelOnTop, "label-hide": labelHide, "help-text": helpText, "is-icon": isIcon, "is-on-off": isOnOff }),
-    h("span", { slot: "item-1" },
-      h("mg-icon", { icon: "cross" })),
-    h("span", { slot: "item-2" },
-      h("mg-icon", { icon: "check" }))));
-};
-export const MgInputToggleWithIcon = TemplateIcon.bind({});
-MgInputToggleWithIcon.args = Object.assign(Object.assign({}, args), { isIcon: true, isOnOff: true });

package/dist/collection/components/molecules/mg-modal/mg-modal.stories.js

@@ -1,51 +0,0 @@
-/* eslint-disable react/jsx-no-bind */
-import { h } from '@stencil/core';
-export default {
-  component: 'mg-modal',
-  title: 'Molecules/mg-modal',
-  parameters: { actions: { handles: ['component-show', 'component-hide'] } },
-};
-/**
- * 1. camelCase arguments must be written in the template, for exemple labelOnTop must be placed in the template as label-on-top={args.labelOnTop}
- * 2. boolean arguments with a default true value must be added like display-character-left={args.displayCharacterLeft ? 'true' : 'false'}
- */
-const Template = args => {
-  // Extract slot so it won't be render as an attribute
-  const slotContent = args.slotContent;
-  delete args.slotContent;
-  const slotActions = args.slotActions;
-  delete args.slotActions;
-  const closeButton = args.closeButton;
-  delete args.closeButton;
-  const modalTitle = args.modalTitle;
-  delete args.modalTitle;
-  // return element
-  return (h("div", null,
-    h("mg-button", { controls: "identifier", haspopup: "dialog", onClick: () => {
-        const mgModal = document.querySelector('mg-modal');
-        const isHide = mgModal.hide === true;
-        if (isHide) {
-          mgModal.removeAttribute('hide'); // storybook first render is an attribute then we use property
-          mgModal.hide = false;
-        }
-        else {
-          mgModal.hide = true;
-        }
-      } }, "Open modal"),
-    h("mg-modal", Object.assign({}, args, { "close-button": closeButton, "modal-title": modalTitle }),
-      slotContent && h("span", { slot: "content", innerHTML: slotContent }),
-      slotActions && h("span", { slot: "actions", innerHTML: slotActions }))));
-};
-export const MgModal = Template.bind({});
-MgModal.args = {
-  slotContent: `<p slot="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>`,
-  slotActions: ``,
-  modalTitle: 'Modal title',
-  identifier: 'identifier',
-  closeButton: false,
-  hide: true,
-};
-export const WithCloseButton = Template.bind({});
-WithCloseButton.args = Object.assign(Object.assign({}, MgModal.args), { closeButton: true });
-export const WithActions = Template.bind({});
-WithActions.args = Object.assign(Object.assign({}, MgModal.args), { closeButton: true, slotActions: `<div slot="actions" class="mg-group-elements mg-group-elements--align-right"><mg-button>Primary</mg-button><mg-button variant="secondary">Secondary</mg-button></div>` });

package/dist/collection/components/molecules/mg-pagination/mg-pagination.stories.js

@@ -1,24 +0,0 @@
-import { h } from '@stencil/core';
-export default {
-  component: 'mg-pagination',
-  title: 'Molecules/mg-pagination',
-  parameters: { actions: { handles: ['current-page-change'] } },
-};
-/**
- * 1. camelCase arguments must be written in the template, for exemple labelOnTop must be placed in the template as label-on-top={args.labelOnTop}
- * 2. boolean arguments with a default true value must be added like display-character-left={args.displayCharacterLeft ? 'true' : 'false'}
- */
-const Template = args => {
-  // Extract slot so it won't be render as an attribute
-  const totalPages = args.totalPages;
-  delete args.totalPages;
-  const currentPage = args.currentPage;
-  delete args.currentPage;
-  // return element
-  return h("mg-pagination", Object.assign({}, args, { "total-pages": totalPages, "current-page": currentPage }));
-};
-export const MgPagination = Template.bind({});
-MgPagination.args = {
-  totalPages: 5,
-  currentPage: 1,
-};

package/dist/collection/components/molecules/mg-panel/mg-panel.stories.js

@@ -1,39 +0,0 @@
-import { h } from '@stencil/core';
-export default {
-  component: 'mg-panel',
-  title: 'Molecules/mg-panel',
-  parameters: { actions: { handles: ['title-change'] } },
-};
-/**
- * 1. camelCase arguments must be written in the template, for exemple labelOnTop must be placed in the template as label-on-top={args.labelOnTop}
- * 2. boolean arguments with a default true value must be added like display-character-left={args.displayCharacterLeft ? 'true' : 'false'}
- */
-const Template = args => {
-  // Extract slot so it won't be render as an attribute
-  const panelTitle = args.panelTitle;
-  delete args.panelTitle;
-  const titleEditable = args.titleEditable;
-  delete args.titleEditable;
-  const expandToggleDisabled = args.expandToggleDisabled;
-  delete args.expandToggleDisabled;
-  const titlePattern = args.titlePattern;
-  delete args.titlePattern;
-  const titlePatternErrorMessage = args.titlePatternErrorMessage;
-  delete args.titlePatternErrorMessage;
-  // return element
-  return (h("mg-panel", Object.assign({}, args, { "panel-title": panelTitle, "title-editable": titleEditable, "expand-toggle-disabled": expandToggleDisabled, "title-pattern": titlePattern, "title-pattern-error-message": titlePatternErrorMessage }),
-    h("div", null, "Content"),
-    h("div", { slot: "header-right" },
-      h("mg-button", { variant: "secondary" },
-        h("mg-icon", { icon: "file-upload" }),
-        " Upload"),
-      h("mg-button", { "is-icon": true, variant: "secondary", label: "delete" },
-        h("mg-icon", { icon: "trash" })))));
-};
-export const MgPanel = Template.bind({});
-MgPanel.args = {
-  panelTitle: 'title',
-  expanded: false,
-  titleEditable: true,
-  expandToggleDisabled: true,
-};