@pod-os/elements 0.1.1 → 0.1.2-4e1a22f.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/cjs/elements.cjs.js +1 -1
  2. package/dist/cjs/{ion-app_34.cjs.entry.js → ion-app_36.cjs.entry.js} +364 -106
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/test-component.cjs.entry.js +13 -0
  5. package/dist/collection/apps/pos-app-generic/pos-app-generic.js +1 -1
  6. package/dist/collection/collection-manifest.json +3 -1
  7. package/dist/collection/components/pos-image/BrokenImage.js +21 -0
  8. package/dist/collection/components/pos-image/pos-image.css +46 -0
  9. package/dist/collection/components/pos-image/pos-image.js +103 -0
  10. package/dist/collection/test/TestComponent.js +4 -0
  11. package/dist/collection/test/mockPodOS.js +1 -0
  12. package/dist/collection/test/renderFunctionalComponent.js +8 -0
  13. package/dist/custom-elements/index.d.ts +12 -0
  14. package/dist/custom-elements/index.js +349 -108
  15. package/dist/elements/elements.esm.js +1 -1
  16. package/dist/elements/p-41a752d5.entry.js +61 -0
  17. package/dist/elements/p-611d40b2.entry.js +1 -0
  18. package/dist/esm/elements.js +1 -1
  19. package/dist/esm/{ion-app_34.entry.js → ion-app_36.entry.js} +363 -107
  20. package/dist/esm/loader.js +1 -1
  21. package/dist/esm/test-component.entry.js +9 -0
  22. package/dist/types/components/pos-image/BrokenImage.d.ts +6 -0
  23. package/dist/types/components/pos-image/pos-image.d.ts +15 -0
  24. package/dist/types/components.d.ts +33 -0
  25. package/dist/types/test/TestComponent.d.ts +2 -0
  26. package/dist/types/test/mockPodOS.d.ts +1 -0
  27. package/dist/types/test/renderFunctionalComponent.d.ts +1 -0
  28. package/package.json +1 -1
  29. package/readme.md +35 -0
  30. package/dist/cjs/ion-skeleton-text.cjs.entry.js +0 -33
  31. package/dist/elements/p-7986b311.entry.js +0 -61
  32. package/dist/elements/p-a9dafdf2.entry.js +0 -1
  33. package/dist/esm/ion-skeleton-text.entry.js +0 -29
package/dist/elements/p-a9dafdf2.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r,h as i,H as a,a as t}from"./p-a712c2f6.js";import{c as n,g as o}from"./p-8d1d6062.js";import{h as e}from"./p-cfc0e54d.js";const s=class{constructor(i){r(this,i),this.animated=!1}render(){const r=this.animated&&n.getBoolean("animated",!0),t=e("ion-avatar",this.el)||e("ion-thumbnail",this.el),s=o(this);return i(a,{class:{[s]:!0,"skeleton-text-animated":r,"in-media":t}},i("span",null," "))}get el(){return t(this)}};s.style=":host{--background:rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.065);border-radius:var(--border-radius, inherit);display:block;width:100%;height:inherit;margin-top:4px;margin-bottom:4px;background:var(--background);line-height:10px;user-select:none;pointer-events:none}span{display:inline-block}:host(.in-media){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;height:100%}:host(.skeleton-text-animated){position:relative;background:linear-gradient(to right, rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.065) 8%, rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.135) 18%, rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.065) 33%);background-size:800px 104px;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shimmer;animation-timing-function:linear}@keyframes shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}";export{s as ion_skeleton_text}
package/dist/esm/ion-skeleton-text.entry.js DELETED
@@ -1,29 +0,0 @@
1
- import { r as registerInstance, h, H as Host, a as getElement } from './index-082b47ce.js';
2
- import { c as config, g as getIonMode } from './ionic-global-b8056dd2.js';
3
- import { h as hostContext } from './theme-d21826a7.js';
4
-
5
- const skeletonTextCss = ":host{--background:rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.065);border-radius:var(--border-radius, inherit);display:block;width:100%;height:inherit;margin-top:4px;margin-bottom:4px;background:var(--background);line-height:10px;user-select:none;pointer-events:none}span{display:inline-block}:host(.in-media){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;height:100%}:host(.skeleton-text-animated){position:relative;background:linear-gradient(to right, rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.065) 8%, rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.135) 18%, rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.065) 33%);background-size:800px 104px;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shimmer;animation-timing-function:linear}@keyframes shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}";
6
-
7
- const SkeletonText = class {
8
- constructor(hostRef) {
9
- registerInstance(this, hostRef);
10
- /**
11
- * If `true`, the skeleton text will animate.
12
- */
13
- this.animated = false;
14
- }
15
- render() {
16
- const animated = this.animated && config.getBoolean('animated', true);
17
- const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
18
- const mode = getIonMode(this);
19
- return (h(Host, { class: {
20
- [mode]: true,
21
- 'skeleton-text-animated': animated,
22
- 'in-media': inMedia
23
- } }, h("span", null, "\u00A0")));
24
- }
25
- get el() { return getElement(this); }
26
- };
27
- SkeletonText.style = skeletonTextCss;
28
-
29
- export { SkeletonText as ion_skeleton_text };