@utrecht/web-component-library-stencil 1.0.0-alpha.162 → 1.0.0-alpha.166

package/dist/collection/node_modules/@storybook/ui/dist/esm/components/layout/desktop.stories.js

@@ -1,114 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import "core-js/modules/es.object.assign.js";
-
-/* eslint-disable react/destructuring-assignment */
-import React, { Fragment } from 'react';
-import isChromatic from 'chromatic/isChromatic';
-import { Desktop } from './desktop';
-import { store } from './persist';
-import { mockProps, realProps, MockPage } from './app.mockdata';
-export default {
-  title: 'UI/Layout/Desktop',
-  component: Desktop,
-  parameters: {
-    passArgsFirst: false
-  },
-  decorators: [function (StoryFn, c) {
-    var mocked = true;
-    var height = 900;
-    var width = 1200;
-
-    if (isChromatic) {
-      store.local.set("storybook-layout", {});
-    }
-
-    var props = Object.assign({
-      height: height,
-      width: width
-    }, mocked ? mockProps : realProps);
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        minHeight: 900,
-        minWidth: 1200
-      }
-    }, /*#__PURE__*/React.createElement(StoryFn, _extends({
-      props: props
-    }, c)), ";");
-  }]
-};
-export var Default = function Default(_ref) {
-  var props = _ref.props;
-  return /*#__PURE__*/React.createElement(Desktop, props);
-};
-Default.displayName = "Default";
-export var NoAddons = function NoAddons(_ref2) {
-  var props = _ref2.props;
-  return /*#__PURE__*/React.createElement(Desktop, _extends({}, props, {
-    panelCount: 0
-  }));
-};
-NoAddons.displayName = "NoAddons";
-export var NoSidebar = function NoSidebar(_ref3) {
-  var props = _ref3.props;
-  return /*#__PURE__*/React.createElement(Desktop, _extends({}, props, {
-    options: Object.assign({}, props.options, {
-      showNav: false
-    })
-  }));
-};
-NoSidebar.displayName = "NoSidebar";
-export var NoPanel = function NoPanel(_ref4) {
-  var props = _ref4.props;
-  return /*#__PURE__*/React.createElement(Desktop, _extends({}, props, {
-    options: Object.assign({}, props.options, {
-      showPanel: false
-    })
-  }));
-};
-NoPanel.displayName = "NoPanel";
-export var BottomPanel = function BottomPanel(_ref5) {
-  var props = _ref5.props;
-  return /*#__PURE__*/React.createElement(Desktop, _extends({}, props, {
-    options: Object.assign({}, props.options, {
-      panelPosition: 'bottom'
-    })
-  }));
-};
-BottomPanel.displayName = "BottomPanel";
-export var Fullscreen = function Fullscreen(_ref6) {
-  var props = _ref6.props;
-  return /*#__PURE__*/React.createElement(Desktop, _extends({}, props, {
-    options: Object.assign({}, props.options, {
-      isFullscreen: true
-    })
-  }));
-};
-Fullscreen.displayName = "Fullscreen";
-export var NoPanelNoSidebar = function NoPanelNoSidebar(_ref7) {
-  var props = _ref7.props;
-  return /*#__PURE__*/React.createElement(Desktop, _extends({}, props, {
-    options: Object.assign({}, props.options, {
-      showPanel: false,
-      showNav: false
-    })
-  }));
-};
-NoPanelNoSidebar.displayName = "NoPanelNoSidebar";
-export var Page = function Page(_ref8) {
-  var props = _ref8.props;
-  return /*#__PURE__*/React.createElement(Desktop, _extends({}, props, {
-    pages: [{
-      key: 'settings',
-      route: function route(_ref9) {
-        var children = _ref9.children;
-        return /*#__PURE__*/React.createElement(Fragment, null, children);
-      },
-      render: function render() {
-        return /*#__PURE__*/React.createElement(MockPage, null);
-      }
-    }],
-    viewMode: "settings"
-  }));
-};
-Page.displayName = "Page";

package/dist/collection/node_modules/@storybook/ui/dist/esm/components/layout/draggers.js

@@ -1,71 +0,0 @@
-import "core-js/modules/es.object.assign.js";
-import Draggable from 'react-draggable';
-import { styled } from '@storybook/theming';
-var Handle = styled.div(function (_ref) {
-  var theme = _ref.theme,
-      isDragging = _ref.isDragging;
-  return {
-    zIndex: 10,
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    color: isDragging ? theme.color.secondary : theme.appBorderColor,
-    overflow: 'hidden',
-    transition: 'color 0.2s linear, background-position 0.2s linear, background-size 0.2s linear, background 0.2s linear',
-    '&:hover': {
-      color: theme.color.secondary
-    }
-  };
-}, function (_ref2) {
-  var axis = _ref2.axis;
-  return {
-    cursor: axis === 'x' ? 'col-resize' : 'row-resize'
-  };
-}, function (_ref3) {
-  var theme = _ref3.theme,
-      axis = _ref3.axis;
-  return axis === 'x' ? {
-    height: '100%',
-    width: theme.layoutMargin,
-    marginLeft: 0
-  } : {
-    height: theme.layoutMargin,
-    width: '100%',
-    marginTop: 0
-  };
-}, function (_ref4) {
-  var axis = _ref4.axis,
-      isDragging = _ref4.isDragging;
-
-  if (axis === 'y') {
-    var style = {
-      backgroundImage: "radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%)",
-      backgroundSize: '100% 50px',
-      backgroundPosition: '50% 0',
-      backgroundRepeat: 'no-repeat'
-    };
-    return isDragging ? style : Object.assign({}, style, {
-      backgroundPosition: '50% 10px',
-      '&:hover': style
-    });
-  }
-
-  if (axis === 'x') {
-    var _style = {
-      backgroundImage: "radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%)",
-      backgroundSize: '50px 100%',
-      backgroundPosition: '0 50%',
-      backgroundRepeat: 'no-repeat'
-    };
-    return isDragging ? _style : Object.assign({}, _style, {
-      backgroundPosition: '10px 50%',
-      '&:hover': _style
-    });
-  }
-
-  return {};
-});
-export { Draggable, Handle };

package/dist/collection/node_modules/@storybook/ui/dist/esm/components/layout/mobile.js

@@ -1,266 +0,0 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.object.get-prototype-of.js";
-import "core-js/modules/es.reflect.construct.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.symbol.iterator.js";
-import "core-js/modules/es.string.iterator.js";
-import "core-js/modules/es.array.iterator.js";
-import "core-js/modules/web.dom-collections.iterator.js";
-import React, { Component, Children } from 'react';
-import { ActiveTabs } from '@storybook/api';
-import { styled } from '@storybook/theming';
-import { TabButton } from '@storybook/components';
-import { Root } from './Root';
-var SIDEBAR = ActiveTabs.SIDEBAR,
-    CANVAS = ActiveTabs.CANVAS,
-    ADDONS = ActiveTabs.ADDONS;
-var Pane = styled.div({
-  transition: 'transform .2s ease',
-  position: 'absolute',
-  top: 0,
-  height: '100%',
-  overflow: 'auto'
-}, function (_ref) {
-  var theme = _ref.theme;
-  return {
-    background: theme.background.content,
-    '&:nth-of-type(1)': {
-      borderRight: "1px solid ".concat(theme.appBorderColor)
-    },
-    '&:nth-of-type(3)': {
-      borderLeft: "1px solid ".concat(theme.appBorderColor)
-    }
-  };
-}, function (_ref2) {
-  var index = _ref2.index;
-
-  switch (index) {
-    case 0:
-      {
-        return {
-          width: '80vw',
-          transform: 'translateX(-80vw)',
-          left: 0
-        };
-      }
-
-    case 1:
-      {
-        return {
-          width: '100%',
-          transform: 'translateX(0) scale(1)',
-          left: 0
-        };
-      }
-
-    case 2:
-      {
-        return {
-          width: '80vw',
-          transform: 'translateX(80vw)',
-          right: 0
-        };
-      }
-
-    default:
-      {
-        return {};
-      }
-  }
-}, function (_ref3) {
-  var active = _ref3.active,
-      index = _ref3.index;
-
-  switch (true) {
-    case index === 0 && active === SIDEBAR:
-      {
-        return {
-          transform: 'translateX(-0px)'
-        };
-      }
-
-    case index === 1 && active === SIDEBAR:
-      {
-        return {
-          transform: 'translateX(40vw) translateY(-42.5vh) translateY(40px) scale(0.2)'
-        };
-      }
-
-    case index === 1 && active === ADDONS:
-      {
-        return {
-          transform: 'translateX(-40vw) translateY(-42.5vh) translateY(40px) scale(0.2)'
-        };
-      }
-
-    case index === 2 && active === ADDONS:
-      {
-        return {
-          transform: 'translateX(0px)'
-        };
-      }
-
-    default:
-      {
-        return {};
-      }
-  }
-});
-var Panels = /*#__PURE__*/React.memo(function (_ref4) {
-  var children = _ref4.children,
-      active = _ref4.active;
-  return /*#__PURE__*/React.createElement(PanelsContainer, null, Children.toArray(children).map(function (item, index) {
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line react/no-array-index-key
-      React.createElement(Pane, {
-        key: index,
-        index: index,
-        active: active
-      }, item)
-    );
-  }));
-});
-Panels.displayName = 'Panels';
-var PanelsContainer = styled.div({
-  position: 'fixed',
-  top: 0,
-  left: 0,
-  width: '100vw',
-  height: 'calc(100% - 40px)'
-});
-var Bar = styled.nav({
-  position: 'fixed',
-  bottom: 0,
-  left: 0,
-  width: '100vw',
-  height: 40,
-  display: 'flex',
-  boxShadow: '0 1px 5px 0 rgba(0, 0, 0, 0.1)',
-  '& > *': {
-    flex: 1
-  }
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return {
-    background: theme.barBg
-  };
-});
-
-var Mobile = /*#__PURE__*/function (_Component) {
-  _inherits(Mobile, _Component);
-
-  var _super = _createSuper(Mobile);
-
-  function Mobile(props) {
-    var _this;
-
-    _classCallCheck(this, Mobile);
-
-    _this = _super.call(this, props);
-    var options = props.options;
-    _this.state = {
-      active: options.initialActive || SIDEBAR
-    };
-    return _this;
-  }
-
-  _createClass(Mobile, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          Sidebar = _this$props.Sidebar,
-          Preview = _this$props.Preview,
-          Panel = _this$props.Panel,
-          Notifications = _this$props.Notifications,
-          pages = _this$props.pages,
-          viewMode = _this$props.viewMode,
-          options = _this$props.options,
-          docsOnly = _this$props.docsOnly;
-      var active = this.state.active;
-      return /*#__PURE__*/React.createElement(Root, null, /*#__PURE__*/React.createElement(Notifications, {
-        placement: {
-          position: 'fixed',
-          bottom: 60,
-          left: 20,
-          right: 20
-        }
-      }), /*#__PURE__*/React.createElement(Panels, {
-        active: active
-      }, /*#__PURE__*/React.createElement(Sidebar, null), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-        hidden: !viewMode
-      }, /*#__PURE__*/React.createElement(Preview, {
-        isToolshown: options.isToolshown,
-        id: "main",
-        viewMode: viewMode
-      })), pages.map(function (_ref6) {
-        var key = _ref6.key,
-            Route = _ref6.route,
-            Content = _ref6.render;
-        return /*#__PURE__*/React.createElement(Route, {
-          key: key
-        }, /*#__PURE__*/React.createElement(Content, null));
-      })), /*#__PURE__*/React.createElement(Panel, {
-        hidden: !viewMode
-      })), /*#__PURE__*/React.createElement(Bar, null, /*#__PURE__*/React.createElement(TabButton, {
-        onClick: function onClick() {
-          return _this2.setState({
-            active: SIDEBAR
-          });
-        },
-        active: active === SIDEBAR
-      }, "Sidebar"), /*#__PURE__*/React.createElement(TabButton, {
-        onClick: function onClick() {
-          return _this2.setState({
-            active: CANVAS
-          });
-        },
-        active: active === CANVAS
-      }, viewMode ? 'Canvas' : null, pages.map(function (_ref7) {
-        var key = _ref7.key,
-            Route = _ref7.route;
-        return /*#__PURE__*/React.createElement(Route, {
-          key: key
-        }, key);
-      })), viewMode && !docsOnly ? /*#__PURE__*/React.createElement(TabButton, {
-        onClick: function onClick() {
-          return _this2.setState({
-            active: ADDONS
-          });
-        },
-        active: active === ADDONS
-      }, "Addons") : null));
-    }
-  }]);
-
-  return Mobile;
-}(Component);
-
-Mobile.displayName = "Mobile";
-export { Mobile };

package/dist/collection/node_modules/@storybook/ui/dist/esm/components/layout/mobile.stories.js

@@ -1,77 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import "core-js/modules/es.object.assign.js";
-
-/* eslint-disable react/destructuring-assignment */
-import React, { Fragment } from 'react';
-import { ActiveTabs } from '@storybook/api';
-import { Mobile } from './mobile';
-import { mockProps, realProps, MockPage } from './app.mockdata';
-export default {
-  title: 'UI/Layout/Mobile',
-  component: Mobile,
-  parameters: {
-    passArgsFirst: false
-  },
-  decorators: [function (storyFn, c) {
-    var mocked = true;
-    var props = Object.assign({}, mocked ? mockProps : realProps);
-    return storyFn(Object.assign({
-      props: props
-    }, c));
-  }]
-};
-export var InitialSidebar = function InitialSidebar(_ref) {
-  var props = _ref.props;
-  return /*#__PURE__*/React.createElement(Mobile, _extends({}, props, {
-    options: Object.assign({}, props.options, {
-      initialActive: ActiveTabs.SIDEBAR
-    })
-  }));
-};
-InitialSidebar.displayName = "InitialSidebar";
-export var InitialCanvas = function InitialCanvas(_ref2) {
-  var props = _ref2.props;
-  return /*#__PURE__*/React.createElement(Mobile, _extends({}, props, {
-    options: Object.assign({}, props.options, {
-      initialActive: ActiveTabs.CANVAS
-    })
-  }));
-};
-InitialCanvas.displayName = "InitialCanvas";
-export var InitialAddons = function InitialAddons(_ref3) {
-  var props = _ref3.props;
-  return /*#__PURE__*/React.createElement(Mobile, _extends({}, props, {
-    options: Object.assign({}, props.options, {
-      initialActive: ActiveTabs.ADDONS
-    })
-  }));
-};
-InitialAddons.displayName = "InitialAddons";
-export var docsOnly = function docsOnly(_ref4) {
-  var props = _ref4.props;
-  return /*#__PURE__*/React.createElement(Mobile, _extends({}, props, {
-    docsOnly: true
-  }));
-};
-docsOnly.displayName = "docsOnly";
-export var Page = function Page(_ref5) {
-  var props = _ref5.props;
-  return /*#__PURE__*/React.createElement(Mobile, _extends({}, props, {
-    options: Object.assign({}, props.options, {
-      initialActive: ActiveTabs.CANVAS
-    }),
-    pages: [{
-      key: 'settings',
-      route: function route(_ref6) {
-        var children = _ref6.children;
-        return /*#__PURE__*/React.createElement(Fragment, null, children);
-      },
-      render: function render() {
-        return /*#__PURE__*/React.createElement(MockPage, null);
-      }
-    }],
-    viewMode: "settings"
-  }));
-};
-Page.displayName = "Page";

package/dist/collection/node_modules/@storybook/ui/dist/esm/components/layout/persist.js

@@ -1,23 +0,0 @@
-import store from 'store2';
-import debounce from 'lodash/debounce';
-import memoize from 'memoizerific';
-export { store };
-export var get = function get() {
-  try {
-    var data = store.local.get("storybook-layout");
-    return data || false;
-  } catch (e) {
-    // eslint-disable-next-line no-console
-    console.error(e);
-    return false;
-  }
-};
-var write = memoize(1)(function (changes) {
-  try {
-    store.local.set("storybook-layout", changes);
-  } catch (e) {
-    // eslint-disable-next-line no-console
-    console.error(e);
-  }
-});
-export var set = debounce(write, 500);