@pod-os/elements 0.4.1-97844f2.0 → 0.5.1-1f12da7.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.
- package/dist/cjs/elements.cjs.js +1 -1
- package/dist/cjs/{ion-app_42.cjs.entry.js → ion-app_44.cjs.entry.js} +257 -31
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/apps/pos-app-generic/pos-app-generic.js +1 -1
- package/dist/collection/apps/pos-app-rdf-document/pos-app-rdf-document.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/pos-navigation-bar/pos-navigation-bar.js +1 -1
- package/dist/collection/components/pos-resource/pos-resource.js +3 -1
- package/dist/collection/components/pos-type-badges/pos-type-badges.css +24 -0
- package/dist/collection/components/pos-type-badges/pos-type-badges.js +67 -0
- package/dist/collection/components/pos-type-router/pos-type-router.js +1 -1
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +239 -31
- package/dist/elements/elements.esm.js +1 -1
- package/dist/elements/p-971bcc64.entry.js +67 -0
- package/dist/esm/elements.js +1 -1
- package/dist/esm/{ion-app_42.entry.js → ion-app_44.entry.js} +256 -32
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/pos-type-badges/pos-type-badges.d.ts +13 -0
- package/dist/types/components/pos-type-router/pos-type-router.d.ts +2 -2
- package/dist/types/components.d.ts +18 -0
- package/package.json +2 -2
- package/dist/cjs/ion-badge.cjs.entry.js +0 -29
- package/dist/elements/p-54211c52.entry.js +0 -1
- package/dist/elements/p-74916699.entry.js +0 -67
- package/dist/esm/ion-badge.entry.js +0 -25
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-e4deec27.js';
|
|
2
|
-
import { g as getIonMode } from './ionic-global-2e28f7c7.js';
|
|
3
|
-
import { c as createColorClasses } from './theme-d21826a7.js';
|
|
4
|
-
|
|
5
|
-
const badgeIosCss = ":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:13px;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{border-radius:10px}";
|
|
6
|
-
|
|
7
|
-
const badgeMdCss = ":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:13px;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}";
|
|
8
|
-
|
|
9
|
-
const Badge = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
registerInstance(this, hostRef);
|
|
12
|
-
}
|
|
13
|
-
render() {
|
|
14
|
-
const mode = getIonMode(this);
|
|
15
|
-
return (h(Host, { class: createColorClasses(this.color, {
|
|
16
|
-
[mode]: true,
|
|
17
|
-
}) }, h("slot", null)));
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
Badge.style = {
|
|
21
|
-
ios: badgeIosCss,
|
|
22
|
-
md: badgeMdCss
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
export { Badge as ion_badge };
|