@pod-os/elements 0.7.0 → 0.7.1-2196a40.0

package/dist/esm/ion-note.entry.js

@@ -1,25 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-e4deec27.js';
-import { g as getIonMode } from './ionic-global-2e28f7c7.js';
-import { c as createColorClasses } from './theme-d21826a7.js';
-
-const noteIosCss = ":host{color:var(--color);font-family:var(--ion-font-family, inherit);box-sizing:border-box}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-350, #a6a6a6)}";
-
-const noteMdCss = ":host{color:var(--color);font-family:var(--ion-font-family, inherit);box-sizing:border-box}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-600, #666666);font-size:14px}";
-
-const Note = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    const mode = getIonMode(this);
-    return (h(Host, { class: createColorClasses(this.color, {
-        [mode]: true,
-      }) }, h("slot", null)));
-  }
-};
-Note.style = {
-  ios: noteIosCss,
-  md: noteMdCss
-};
-
-export { Note as ion_note };

package/dist/esm/ion-select-popover.entry.js

@@ -1,31 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-e4deec27.js';
-import { g as getIonMode } from './ionic-global-2e28f7c7.js';
-import { s as safeCall } from './overlays-fc9a0625.js';
-import { g as getClassMap } from './theme-d21826a7.js';
-import './hardware-back-button-bb4c578a.js';
-import './helpers-44e3bd9f.js';
-
-const selectPopoverCss = ".sc-ion-select-popover-h ion-list.sc-ion-select-popover{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-select-popover-h ion-list-header.sc-ion-select-popover,.sc-ion-select-popover-h ion-label.sc-ion-select-popover{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";
-
-const SelectPopover = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** Array of options for the popover */
-    this.options = [];
-  }
-  onSelect(ev) {
-    const option = this.options.find(o => o.value === ev.target.value);
-    if (option) {
-      safeCall(option.handler);
-    }
-  }
-  render() {
-    const checkedOption = this.options.find(o => o.checked);
-    const checkedValue = checkedOption ? checkedOption.value : undefined;
-    return (h(Host, { class: getIonMode(this) }, h("ion-list", null, this.header !== undefined && h("ion-list-header", null, this.header), (this.subHeader !== undefined || this.message !== undefined) &&
-      h("ion-item", null, h("ion-label", { class: "ion-text-wrap" }, this.subHeader !== undefined && h("h3", null, this.subHeader), this.message !== undefined && h("p", null, this.message))), h("ion-radio-group", { value: checkedValue }, this.options.map(option => h("ion-item", { class: getClassMap(option.cssClass) }, h("ion-label", null, option.text), h("ion-radio", { value: option.value, disabled: option.disabled })))))));
-  }
-};
-SelectPopover.style = selectPopoverCss;
-
-export { SelectPopover as ion_select_popover };

package/dist/esm/keyboard-e6abcb80.js

@@ -1,125 +0,0 @@
-const KEYBOARD_DID_OPEN = 'ionKeyboardDidShow';
-const KEYBOARD_DID_CLOSE = 'ionKeyboardDidHide';
-const KEYBOARD_THRESHOLD = 150;
-let previousVisualViewport = {};
-let currentVisualViewport = {};
-let keyboardOpen = false;
-/**
- * This is only used for tests
- */
-const resetKeyboardAssist = () => {
-  previousVisualViewport = {};
-  currentVisualViewport = {};
-  keyboardOpen = false;
-};
-const startKeyboardAssist = (win) => {
-  startNativeListeners(win);
-  if (!win.visualViewport) {
-    return;
-  }
-  currentVisualViewport = copyVisualViewport(win.visualViewport);
-  win.visualViewport.onresize = () => {
-    trackViewportChanges(win);
-    if (keyboardDidOpen() || keyboardDidResize(win)) {
-      setKeyboardOpen(win);
-    }
-    else if (keyboardDidClose(win)) {
-      setKeyboardClose(win);
-    }
-  };
-};
-/**
- * Listen for events fired by native keyboard plugin
- * in Capacitor/Cordova so devs only need to listen
- * in one place.
- */
-const startNativeListeners = (win) => {
-  win.addEventListener('keyboardDidShow', ev => setKeyboardOpen(win, ev));
-  win.addEventListener('keyboardDidHide', () => setKeyboardClose(win));
-};
-const setKeyboardOpen = (win, ev) => {
-  fireKeyboardOpenEvent(win, ev);
-  keyboardOpen = true;
-};
-const setKeyboardClose = (win) => {
-  fireKeyboardCloseEvent(win);
-  keyboardOpen = false;
-};
-/**
- * Returns `true` if the `keyboardOpen` flag is not
- * set, the previous visual viewport width equal the current
- * visual viewport width, and if the scaled difference
- * of the previous visual viewport height minus the current
- * visual viewport height is greater than KEYBOARD_THRESHOLD
- *
- * We need to be able to accommodate users who have zooming
- * enabled in their browser (or have zoomed in manually) which
- * is why we take into account the current visual viewport's
- * scale value.
- */
-const keyboardDidOpen = () => {
-  const scaledHeightDifference = (previousVisualViewport.height - currentVisualViewport.height) * currentVisualViewport.scale;
-  return (!keyboardOpen &&
-    previousVisualViewport.width === currentVisualViewport.width &&
-    scaledHeightDifference > KEYBOARD_THRESHOLD);
-};
-/**
- * Returns `true` if the keyboard is open,
- * but the keyboard did not close
- */
-const keyboardDidResize = (win) => {
-  return keyboardOpen && !keyboardDidClose(win);
-};
-/**
- * Determine if the keyboard was closed
- * Returns `true` if the `keyboardOpen` flag is set and
- * the current visual viewport height equals the
- * layout viewport height.
- */
-const keyboardDidClose = (win) => {
-  return keyboardOpen && currentVisualViewport.height === win.innerHeight;
-};
-/**
- * Dispatch a keyboard open event
- */
-const fireKeyboardOpenEvent = (win, nativeEv) => {
-  const keyboardHeight = nativeEv ? nativeEv.keyboardHeight : win.innerHeight - currentVisualViewport.height;
-  const ev = new CustomEvent(KEYBOARD_DID_OPEN, {
-    detail: { keyboardHeight }
-  });
-  win.dispatchEvent(ev);
-};
-/**
- * Dispatch a keyboard close event
- */
-const fireKeyboardCloseEvent = (win) => {
-  const ev = new CustomEvent(KEYBOARD_DID_CLOSE);
-  win.dispatchEvent(ev);
-};
-/**
- * Given a window object, create a copy of
- * the current visual and layout viewport states
- * while also preserving the previous visual and
- * layout viewport states
- */
-const trackViewportChanges = (win) => {
-  previousVisualViewport = Object.assign({}, currentVisualViewport);
-  currentVisualViewport = copyVisualViewport(win.visualViewport);
-};
-/**
- * Creates a deep copy of the visual viewport
- * at a given state
- */
-const copyVisualViewport = (visualViewport) => {
-  return {
-    width: Math.round(visualViewport.width),
-    height: Math.round(visualViewport.height),
-    offsetTop: visualViewport.offsetTop,
-    offsetLeft: visualViewport.offsetLeft,
-    pageTop: visualViewport.pageTop,
-    pageLeft: visualViewport.pageLeft,
-    scale: visualViewport.scale
-  };
-};
-
-export { KEYBOARD_DID_CLOSE, KEYBOARD_DID_OPEN, copyVisualViewport, keyboardDidClose, keyboardDidOpen, keyboardDidResize, resetKeyboardAssist, setKeyboardClose, setKeyboardOpen, startKeyboardAssist, trackViewportChanges };

package/dist/esm/spinner-configs-aaf2a1a9.js

@@ -1,110 +0,0 @@
-const spinners = {
-  'bubbles': {
-    dur: 1000,
-    circles: 9,
-    fn: (dur, index, total) => {
-      const animationDelay = `${(dur * index / total) - dur}ms`;
-      const angle = 2 * Math.PI * index / total;
-      return {
-        r: 5,
-        style: {
-          'top': `${9 * Math.sin(angle)}px`,
-          'left': `${9 * Math.cos(angle)}px`,
-          'animation-delay': animationDelay,
-        }
-      };
-    }
-  },
-  'circles': {
-    dur: 1000,
-    circles: 8,
-    fn: (dur, index, total) => {
-      const step = index / total;
-      const animationDelay = `${(dur * step) - dur}ms`;
-      const angle = 2 * Math.PI * step;
-      return {
-        r: 5,
-        style: {
-          'top': `${9 * Math.sin(angle)}px`,
-          'left': `${9 * Math.cos(angle)}px`,
-          'animation-delay': animationDelay,
-        }
-      };
-    }
-  },
-  'circular': {
-    dur: 1400,
-    elmDuration: true,
-    circles: 1,
-    fn: () => {
-      return {
-        r: 20,
-        cx: 48,
-        cy: 48,
-        fill: 'none',
-        viewBox: '24 24 48 48',
-        transform: 'translate(0,0)',
-        style: {}
-      };
-    }
-  },
-  'crescent': {
-    dur: 750,
-    circles: 1,
-    fn: () => {
-      return {
-        r: 26,
-        style: {}
-      };
-    }
-  },
-  'dots': {
-    dur: 750,
-    circles: 3,
-    fn: (_, index) => {
-      const animationDelay = -(110 * index) + 'ms';
-      return {
-        r: 6,
-        style: {
-          'left': `${9 - (9 * index)}px`,
-          'animation-delay': animationDelay,
-        }
-      };
-    }
-  },
-  'lines': {
-    dur: 1000,
-    lines: 12,
-    fn: (dur, index, total) => {
-      const transform = `rotate(${30 * index + (index < 6 ? 180 : -180)}deg)`;
-      const animationDelay = `${(dur * index / total) - dur}ms`;
-      return {
-        y1: 17,
-        y2: 29,
-        style: {
-          'transform': transform,
-          'animation-delay': animationDelay,
-        }
-      };
-    }
-  },
-  'lines-small': {
-    dur: 1000,
-    lines: 12,
-    fn: (dur, index, total) => {
-      const transform = `rotate(${30 * index + (index < 6 ? 180 : -180)}deg)`;
-      const animationDelay = `${(dur * index / total) - dur}ms`;
-      return {
-        y1: 12,
-        y2: 20,
-        style: {
-          'transform': transform,
-          'animation-delay': animationDelay,
-        }
-      };
-    }
-  }
-};
-const SPINNERS = spinners;
-
-export { SPINNERS as S };

package/dist/esm/swipe-back-d84cfc8a.js

@@ -1,50 +0,0 @@
-import { c as clamp } from './helpers-44e3bd9f.js';
-import { createGesture } from './index-3a1bd803.js';
-import './gesture-controller-8f35af24.js';
-
-const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandler, onEndHandler) => {
-  const win = el.ownerDocument.defaultView;
-  const canStart = (detail) => {
-    return detail.startX <= 50 && canStartHandler();
-  };
-  const onMove = (detail) => {
-    // set the transition animation's progress
-    const delta = detail.deltaX;
-    const stepValue = delta / win.innerWidth;
-    onMoveHandler(stepValue);
-  };
-  const onEnd = (detail) => {
-    // the swipe back gesture has ended
-    const delta = detail.deltaX;
-    const width = win.innerWidth;
-    const stepValue = delta / width;
-    const velocity = detail.velocityX;
-    const z = width / 2.0;
-    const shouldComplete = velocity >= 0 && (velocity > 0.2 || detail.deltaX > z);
-    const missing = shouldComplete ? 1 - stepValue : stepValue;
-    const missingDistance = missing * width;
-    let realDur = 0;
-    if (missingDistance > 5) {
-      const dur = missingDistance / Math.abs(velocity);
-      realDur = Math.min(dur, 540);
-    }
-    /**
-     * TODO: stepValue can sometimes return negative values
-     * or values greater than 1 which should not be possible.
-     * Need to investigate more to find where the issue is.
-     */
-    onEndHandler(shouldComplete, (stepValue <= 0) ? 0.01 : clamp(0, stepValue, 0.9999), realDur);
-  };
-  return createGesture({
-    el,
-    gestureName: 'goback-swipe',
-    gesturePriority: 40,
-    threshold: 10,
-    canStart,
-    onStart: onStartHandler,
-    onMove,
-    onEnd
-  });
-};
-
-export { createSwipeBackGesture };

package/readme.md

@@ -1,55 +0,0 @@
-![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)
-
-# PodOS elements
-
-HTML custom elements (aka web components) for PodOS.
-
-**Using data from Solid Pods as easy as writing HTML!**
-
-## Quick Start
-
-1. Create a plain old html file
-2. Add latest PodOS script tag and stylesheet to the `head`
-3. Add a `<pos-app></pos-app>` to the `body` and use any PodOS element within it.
-4. Host the page on any webserver (like your Solid Pod 😉)
-
-Try this 🤩:
-
-```html
-<!doctype html>
-<html>
-<head>
-  <title>PodOS Quick Start</title>
-  <script type="module" src="https://unpkg.com/@pod-os/elements/dist/elements/elements.esm.js"></script>
-  <link href="https://unpkg.com/@pod-os/elements/dist/elements/elements.css" rel="stylesheet">
-</head>
-<body>
-<pos-app>
-  <ion-content>  <!-- PodOS elements are build on Ionic -->
-    <pos-resource uri="https://solidproject.solidcommunity.net/profile/card#me">
-      <h1>
-        <pos-label/>
-      </h1>
-      <blockquote>
-        <pos-description/>
-      </blockquote>
-    </pos-resource>
-  </ion-content>
-</pos-app>
-</body>
-</html>
-```
-
-## Development
-
-### Run locally
-
-Follow the [instructions in the projects main readme](../Readme.md#run-locally).
-
-### Tests
-
-To run all unit and integration tests execute:
-
-```shell
-npm test
-```