@oiz/stzh-components 0.0.0-pretest

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,56 @@
+![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)
+
+# STZH Web Components
+
+This is a project for building standalone Web Components using Stencil.
+
+## Getting Started
+
+First install the NPM dependencies:
+
+```bash
+npm install
+```
+
+To start developing with hot module reloading execute the following:
+
+```bash
+npm run start
+```
+
+To build a static storybook that can be deployed:
+
+```bash
+npm run build
+```
+
+To run the unit tests for the components, run:
+
+```bash
+npm test
+```
+
+## Assets
+
+### Icons
+
+Place icons inside `/assets/icons/mono` folder. Icons should be inside a square viewport (usually 24x24px).
+
+While developing, the icon sprite will be generated automatically. The preview will only be updated on build.
+
+### Fonts
+
+Font files are located inside the `/assets/fonts` folder. If you want to add a new font file:
+
+* Add new font file to fonts folder `/assets/fonts`
+* Run `npm run fonts:build` (this will generate the font files and place it inside the `src/components/stzh-fonts/assets/fonts` component)
+* Add font to `src/components/stzh-fonts/assets/fonts.css` file
+* Restart the project
+
+### Media
+
+Example media files like logos or placeholder images can be added to the `/static/media` folder.
+
+## Naming Components
+
+All components have to start with the prefix `stzh-`.

package/dist/cjs/_commonjsHelpers-bcc1208a.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire();
+		}
+	}, fn(module, module.exports), module.exports;
+}
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
+exports.commonjsGlobal = commonjsGlobal;
+exports.createCommonjsModule = createCommonjsModule;
+exports.getDefaultExportFromCjs = getDefaultExportFromCjs;

package/dist/cjs/animation-utils-c816beac.js

@@ -0,0 +1,45 @@
+'use strict';
+
+//
+// Animates an element using keyframes. Returns a promise that resolves after the animation completes or gets canceled.
+//
+function animateTo(el, keyframes, options) {
+  return new Promise(resolve => {
+    if ((options === null || options === void 0 ? void 0 : options.duration) === Infinity) {
+      throw new Error('Promise-based animations must be finite.');
+    }
+    const animation = el.animate(keyframes, Object.assign(Object.assign({}, options), { duration: prefersReducedMotion() ? 0 : options.duration }));
+    animation.addEventListener('cancel', resolve, { once: true });
+    animation.addEventListener('finish', resolve, { once: true });
+  });
+}
+//
+// Tells if the user has enabled the "reduced motion" setting in their browser or OS.
+//
+function prefersReducedMotion() {
+  const query = window.matchMedia('(prefers-reduced-motion: reduce)');
+  return query.matches;
+}
+//
+// Stops all active animations on the target element. Returns a promise that resolves after all animations are canceled.
+//
+function stopAnimations(el) {
+  return Promise.all(el.getAnimations().map(animation => {
+    return new Promise(resolve => {
+      const handleAnimationEvent = requestAnimationFrame(resolve);
+      animation.addEventListener('cancel', () => handleAnimationEvent, { once: true });
+      animation.addEventListener('finish', () => handleAnimationEvent, { once: true });
+      animation.cancel();
+    });
+  }));
+}
+// We can't animate `height: auto`, but we can calculate the height and shim keyframes by replacing it with the
+// element's scrollHeight before the animation.
+function shimKeyframesHeightAuto(keyframes, calculatedHeight) {
+  return keyframes.map(keyframe => (Object.assign(Object.assign({}, keyframe), { height: keyframe.height === 'auto' ? `${calculatedHeight}px` : keyframe.height })));
+}
+
+exports.animateTo = animateTo;
+exports.prefersReducedMotion = prefersReducedMotion;
+exports.shimKeyframesHeightAuto = shimKeyframesHeightAuto;
+exports.stopAnimations = stopAnimations;

package/dist/cjs/app-globals-83a6c2d3.js

@@ -0,0 +1,54 @@
+'use strict';
+
+const name = "@oiz/stzh-components";
+const version = "0.0.0-DEV-SNAPSHOT";
+
+/**
+ * Execute setFocus method if it exists
+ * on stzh-element with autofocus on pageload
+ * when (child components are loaded)
+ */
+function applyAutofocus() {
+  window.addEventListener('appload', (event) => {
+    const autofocus = document.querySelector('[autofocus]');
+
+    if (autofocus
+        && event.detail.namespace === name
+        && autofocus.tagName.toLowerCase().indexOf('stzh-') === 0
+        && 'setFocus' in autofocus
+    ) {
+      autofocus.setFocus();
+    }
+  });
+}
+
+function observeScrollbarWidth() {
+  const config = {
+    threshold: 1.0
+  };
+
+  const handleIntersect = (entries) => {
+    entries.forEach(entry => {
+      let scrollbarWidth = 0;
+
+      if (entry.intersectionRatio < 1) {
+        scrollbarWidth = window.innerWidth - document.body.clientWidth;
+      }
+
+      document.documentElement.style.setProperty('--stzh-scrollbar-width', scrollbarWidth + 'px');
+    });
+  };
+
+  const bodyScrollObserver = new IntersectionObserver(handleIntersect, config);
+  bodyScrollObserver.observe(document.body);
+}
+
+function appGlobalScript () {
+  window.stzhComponents = Object.assign({ version, labels: 'flyout', cacheTranslations: true, pathTranslations: '/', formats: {} }, window.stzhComponents || {});
+  applyAutofocus();
+  observeScrollbarWidth();
+}
+
+const globalScripts = appGlobalScript;
+
+exports.globalScripts = globalScripts;